/*@charset "utf-8";

/*..............embedded fonts..............*/



@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Catamaran:wght@100..900&display=swap');



/*..............embedded fonts..............*/











/*..............custom fonts..............*/







/*..............common styles..............*/



:root {

  --blue: #0078C2;

  --body-font: "Catamaran", sans-serif;

  --heading-font: "Barlow Condensed", sans-serif;

  --body-color: #555555;

  --grey: #494949;

  --red: #C02A27;

  --dark-grey: #222222;

  --common-transition: all 0.5s; 

}





html {scroll-behavior: smooth; overflow-x: hidden; }

body { margin: 0; padding: 0; line-height: 1.5; font-family: var(--body-font); font-size: 1rem; font-weight: normal; color: var(--bs-black); overflow: hidden; }

h1, h2, h3, h4, h5, h6 {margin:0 0 1.563rem; padding:0; font-family: var(--body-font); font-weight: normal; line-height: 1.2; }

h1 { font-size: 9.375rem; }

h2 { font-size: 5rem; }

h3 { font-size: 2.5rem; }

h4 { font-size: 1.5rem;}

h5 { font-size:20px;}

h6 { font-size: 1.25rem; }

p { font-family: var(--light-font); color: var(--body-color); margin:0 0 25px; }

p:last-child { margin-bottom: 0;}

img{ max-width: 100%;}

a, img{ border:0; text-decoration: none; outline: none;}

a, a:link, a:visited, a:focus, a:hover { color: var(--grey); outline: none; text-decoration: none; transition-duration: .6s; transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); }

a:hover{ text-decoration:none;}



input, textarea, select{ font-family: var(--body-font); font-weight: normal; outline: none; border-radius: 5px !important; }

input[type="submit"]{ font-family: var(--body-font); font-weight: normal; transition:all 0.3s ease 0s; outline: none;}

select { appearance: none; -webkit-appearance: none; height: 38px !important; padding-left: 40px !important; background-image: url(../images/select-arw.svg); background-repeat: no-repeat; background-position: 4%;  }



/* --- for placeholder color --- */



.form-control::-moz-placeholder{ color:var(--body-color); opacity:1; }

.form-control:-ms-input-placeholder{ color:var(--body-color); }

.form-control::-webkit-input-placeholder{ color:var(--body-color); }



/* --- for placeholder color --- */



/* --- only use for wordpress (Image alignment) --- */

.alignleft , .alignnone{ float:left; margin:0 15px 10px 0; }

.alignright { float:right; margin:0 0 10px 15px; }

.aligncenter { margin:10px auto; display:block; }

/* --- only use for wordpress (Image alignment) --- */



/* --- Button Styles --- */

a.btn, .btn { display: inline-block; vertical-align: middle; background-color: transparent ; color: var(--bs-black) !important; font-family: var(--bold-font); padding: 20px 40px; font-size: 16px; line-height: 1; border: 1px solid var(--bs-black); border-radius: 0; letter-spacing: 5px; text-transform: uppercase; transition: var(--common-transition); position: relative; z-index: 0; overflow: hidden;}

a.btn:hover, .btn:hover { color: var(--bs-white) !important; }

a.btn:after, .btn:after { content: ""; position: absolute; left: -100%; top: 0; bottom: 0; width: 0; height: 100%; background-color: var(--bs-black); transition: var(--common-transition); z-index: -10; }

a.btn:hover:after, .btn:hover:after { left: 0; width: 100%; }



a.btn.white , .btn.white { color: var(--bs-white) !important; border-color: var(--bs-white); }

a.btn.white:hover , .btn.white:hover { color: var(--bs-black) !important; }

a.btn.white:hover:after , .btn.white:hover:after { background-color: var(--bs-white); }



/* --- Button Styles --- */



/* --- checkbox and radio button Styles --- */



.builder_radiobox ul li label{ font-weight: normal;}

.builder_radiobox ul li input[type="radio"]{ opacity: 0;}

.builder_radiobox ul li input[type="radio"]:empty ~ label{ position:relative; float:left; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; padding: 0 0 0 22px;}

.builder_radiobox ul li input[type="radio"]:empty ~ label:before{ position:absolute; display:block; top:2px; bottom:0; left:0; content:""; width:16px; height:16px; background:url(../images/radiobutton.png) left top no-repeat;}

.builder_radiobox ul li input[type="radio"]:checked ~ label:before{ background:url(../images/radiobutton.png) left bottom no-repeat;}



/* --- checkbox and radio button Styles --- */



.overlay-content { position: relative; z-index: 2;}

.text-red { color: var(--red);}





.bg-dark { background-color: var(--dark-grey);}

.font-medium { font-family: var(--medium-font); }

.font-semibold { font-family: var(--semibold-font);  }



/*..............common styles..............*/





/* Splash Page */



.splash-header { padding-top: 3.75rem; }

.splash-header .logo { width: 30rem; }
.splash-header .logo * { display: block; width: 100%; }

.splash-header .container { position: relative; }

.splash-header .rt-social-button { position: absolute; right: 0; top:50%; transform: translateY(-50%); }

.splash-header .rt-social-button span { color: var(--bs-white); font-size: 1.625rem; }

.splash-header .rt-social-button .icon-box a { width: 50px; height: 50px; border-radius: 50%; background-color: var(--bs-white); display: flex; align-items: center; justify-content: center; margin-left: 1.25rem; font-size: 1.5rem; }

.splash-header .rt-social-button .arrow-animate { position: absolute; right: 1.875rem; bottom: -5rem; -webkit-animation: bounce .5s ease infinite alternate; }

@-webkit-keyframes bounce {

  0% {

    transform:translate(0);

  }

  100% {

    transform:translate(-4px, 20px) rotate(-1deg);

  }

}





.splash-wrapper { height: 100vh; /*height: 100dvh;*/ overflow: hidden; position: relative; padding: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; }

@media (orientation: landscape) {

  .splash-wrapper{ height: 100vh;}

}

@media (orientation: portrait) {

  .splash-wrapper{ height: 100dvh;}

}



.splash-wrapper:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: radial-gradient(75.51% 75.51% at 50% 50%, rgba(14, 14, 14, 0.696) 0%, rgba(14, 14, 14, 0.8) 100%); }

.splash-inner-wrapper { position: relative; z-index: 2;}

.splash-wrapper .middle-content ul li {/* height: 35px; margin: 1rem 0; padding: 0 2rem;*/ position: relative;}
/* .splash-wrapper .middle-content ul li:first-child { transition-duration: 1000ms !important; transition-delay: 500ms !important; }
.splash-wrapper .middle-content ul li:nth-child(2) { transition-duration: 1s !important; transition-delay: 1s !important; }
.splash-wrapper .middle-content ul li:nth-child(3) { transition-duration: 2s !important; transition-delay: 2s !important; }
.splash-wrapper .middle-content ul li:nth-child(4) { transition-duration: 3s !important; transition-delay: 3s !important; }
.splash-wrapper .middle-content ul li:nth-child(5) { transition-duration: 4s !important; transition-delay: 4s !important; }
.splash-wrapper .middle-content ul li:nth-child(6) { transition-duration: 5s !important; transition-delay: 5s !important; }
.splash-wrapper .middle-content ul li:last-child { transition-duration: 6s !important; transition-delay: 6s !important; } */

/* .splash-wrapper .middle-content ul li a { font-family: var(--heading-font); font-weight: 300; font-size: 3.2rem; line-height: 1; color: var(--bs-white) !important;  text-transform: uppercase; letter-spacing: 3px; display: inline-block; transition: all 0.5s cubic-bezier(0.48, 0.01, 0.2, 1); pointer-events: none; } */
.splash-wrapper .middle-content { align-self: flex-start; padding-bottom: 3rem; }
.splash-wrapper .middle-content ul li a { font-family: var(--heading-font); font-weight: 500; font-size: 10rem; line-height: 1; color: var(--bs-white) !important;  text-transform: uppercase; letter-spacing: 3px; display: inline-block; transition: all 0.5s cubic-bezier(0.48, 0.01, 0.2, 1); /*pointer-events: none;*/ }
.splash-wrapper .middle-content ul li a:after { content: attr(data-name); font-size: 2.125rem; font-weight: 600; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; transition: all 0.5s cubic-bezier(0.48, 0.01, 0.2, 1); }
.splash-wrapper .middle-content ul li a span { transition: all 0.5s cubic-bezier(0.48, 0.01, 0.2, 1); }
.splash-wrapper .middle-content ul li a:hover span { opacity: 0; }
.splash-wrapper .middle-content ul li a:hover:after { opacity: 1;}
/* .splash-wrapper .middle-content ul li:first-child a { font-weight: 500; } */
.splash-wrapper .middle-content ul li:first-child a:after { display: none;}
.splash-wrapper .middle-content ul li:first-child a:hover span { opacity: 1;}



.splash-wrapper .bottom-tagline { /*padding-bottom: 3.75rem;*/ text-align: center;  }

/* .splash-wrapper .bottom-tagline h2 { color: #00D9C5; margin-bottom: 0; font-size: 2.625rem; line-height: 1; font-family: var(--heading-font); font-weight: 500; text-transform: uppercase;} */
.splash-wrapper .bottom-tagline h2 { margin-top: 2rem; color: #00D9C5; margin-bottom: 0; font-size: 10rem; line-height: 1; font-family: var(--heading-font); font-weight: 500; text-transform: uppercase;}





/*Media Query css*/

@media only screen and ( min-width: 1921px ) {
  .splash-wrapper .middle-content ul li a, .splash-wrapper .bottom-tagline h2 { font-size: 12rem; }
  
}

@media only screen and ( max-width: 1601px ) {

	/* .splash-header { padding-top: 2.5rem; }
  .splash-header .logo { width: 12rem; } */
  /* .splash-wrapper .middle-content ul li a, .splash-wrapper .middle-content ul li a:after { font-size: 2rem; } */
  /*.splash-wrapper .bottom-tagline { padding-bottom: 2.5rem; }
   .splash-wrapper .bottom-tagline h2 { font-size: 2rem; } */



}
@media only screen and ( max-width: 1399px ){
  .splash-header { padding-top: 2.5rem; }
  .splash-header .logo { width: 22rem; }
  .splash-wrapper .middle-content ul li a{ font-size: 6rem;}
  .splash-wrapper .bottom-tagline h2{ font-size: 6rem;}
}
@media only screen and ( max-width: 1199px ) {

  .splash-header .logo { width: 30vh; }
  .splash-header .rt-social-button .icon-box a { width: 5vh; height: 5vh; font-size: 2.2vh; margin-left: 2vh; }
  .splash-header .rt-social-button span { font-size: 2.5vh; }
  .splash-header .rt-social-button .arrow-animate { bottom: -4rem;}
  .splash-header .rt-social-button .arrow-animate img { width: 3.75rem; }
  .splash-header { padding-top: 5vh; }
  .splash-wrapper .middle-content ul li a, .splash-wrapper .bottom-tagline h2 { font-size: 10vh; }

}

@media only screen and ( max-width: 991px ) {


  .splash-header .logo { width: 25vh; }
  .splash-wrapper .middle-content { padding-bottom: 1rem; }
  .splash-wrapper .middle-content ul li a, .splash-wrapper .bottom-tagline h2 { font-size: 7vh; }
  /* .splash-wrapper .bottom-tagline { padding-bottom: 5vh;} */
}

/* @media only screen and ( max-width: 767px ) {
.splash-header .logo { width: 22vh; }
.splash-wrapper .middle-content ul li a { font-size: 5vh; }
.splash-wrapper .bottom-tagline h2 { font-size: 4vh; }  
} */

/* @media only screen and ( max-width: 575px ) {

  .splash-header { padding-top: 1.5rem; }
  .splash-header .logo { width: 10rem; }
  .splash-wrapper .bottom-tagline { font-size: 1.6rem; padding-bottom: 1.5rem; }
  .splash-wrapper .middle-content ul li a, .splash-wrapper .middle-content ul li a:after { font-size: 1.6rem; }
  .splash-header .rt-social-button .arrow-animate { bottom: -3.2rem; right: 1rem; } 
  .splash-wrapper .middle-content ul li { height: 26px;} 

  .splash-header { padding-top: 3vh; }
  .splash-header .logo { width: 16vh; }
  .splash-wrapper .middle-content ul li {height: 4vh;margin: 0; padding: 0; }
  .splash-wrapper .middle-content ul li a { font-size: 4vh;  }
 .splash-wrapper .middle-content ul li a:after, .splash-wrapper .bottom-tagline h2 { font-size: 3.5vh; } 
  .splash-wrapper .bottom-tagline { padding-bottom: 3.5vh; }
  .splash-header .rt-social-button .icon-box a { width: 4.5vh; height: 4.5vh; font-size: 2.3vh; } 
  .splash-header .rt-social-button span { font-size: 2.5vh; }
  .splash-header .rt-social-button .arrow-animate { bottom: -3rem; right: 0.8rem; }  
} */


/* @media only screen and ( max-width: 489px ){
  .splash-header .logo { width: 174px; }
  .splash-wrapper .middle-content ul li a{ font-size: 45px; }
  .splash-wrapper .bottom-tagline h2 { font-size: 45px; letter-spacing: 0; }
} */

@media only screen and (max-width:767px) and (orientation:portrait) {
  .splash-header { padding-top: 3vh; }
  .splash-header .logo { width: 174px; }
  .splash-header .rt-social-button span { font-size: 18px; }
  .splash-header .rt-social-button .icon-box a { width: 40px; height: 40px; font-size: 20px; margin-left: 10px; }
  .splash-header .rt-social-button .arrow-animate { bottom: -4.5rem; right: 0.8rem; }
  /* .splash-wrapper .middle-content ul li a { color: red !important;} */
  .splash-wrapper .middle-content ul li a, .splash-wrapper .bottom-tagline h2 { font-size: 45px; }
}
@media only screen and (max-width:932px) and (orientation:landscape) {
  
  .splash-header .logo { width: 40vh; }
  .splash-header .rt-social-button span { font-size: 4vh; }
  .splash-header .rt-social-button .icon-box a { width: 7vh; height: 7vh; font-size: 4vh; margin-left: 3vh; }
  /* .splash-wrapper .middle-content ul li a { color: green !important;} */
  .splash-wrapper .middle-content ul li a, .splash-wrapper .bottom-tagline h2 { font-size: 15vh; }
  .splash-wrapper .bottom-tagline h2 {margin-top: 1rem;}

 }



/*Media Query css*/