/* CSS Document */

 /*  @font-face {
    font-family: 'Sri-TSCRegular';
    src: url('sri-tsc-webfont.eot');
    src: url('sri-tsc-webfont.eot?#iefix') format('embedded-opentype'),
         url('sri-tsc-webfont.woff') format('woff'),
         url('sri-tsc-webfont.ttf') format('truetype'),
         url('sri-tsc-webfont.svg#Sri-TSCRegular') format('svg');
    font-weight: normal;
    font-style: normal;
   }*/
@charset "UTF-8";@font-face {
    font-family: Rubrik-Regular;
    src: url(../fonts/2A3368_3_0.eot);
    src: url(../fonts/2A3368_3_0.eot?#iefix) format("embedded-opentype"),url(../fonts/2A3368_3_0.woff) format("woff"),url(../fonts/2A3368_3_0.ttf) format("truetype")
}

@font-face {
    font-family: Rubrik-RegularItalic;
    src: url(../fonts/2A3368_9_0.eot);
    src: url(../fonts/2A3368_9_0.eot?#iefix) format("embedded-opentype"),url(../fonts/2A3368_9_0.woff) format("woff"),url(../fonts/2A3368_9_0.ttf) format("truetype")
}

@font-face {
    font-family: Rubrik-ExtraLight;
    src: url(../fonts/2A3368_0_0.eot);
    src: url(../fonts/2A3368_0_0.eot?#iefix) format("embedded-opentype"),url(../fonts/2A3368_0_0.woff) format("woff"),url(../fonts/2A3368_0_0.ttf) format("truetype")
}

@font-face {
    font-family: Rubrik-ExtraLightItalic;
    src: url(../fonts/2A3368_6_0.eot);
    src: url(../fonts/2A3368_6_0.eot?#iefix) format("embedded-opentype"),url(../fonts/2A3368_6_0.woff) format("woff"),url(../fonts/2A3368_6_0.ttf) format("truetype")
}

@font-face {
    font-family: Rubrik-Light;
    src: url(../fonts/2A3368_1_0.eot);
    src: url(../fonts/2A3368_1_0.eot?#iefix) format("embedded-opentype"),url(../fonts/2A3368_1_0.woff) format("woff"),url(../fonts/2A3368_1_0.ttf) format("truetype")
}

@font-face {
    font-family: Rubrik-LightItalic;
    src: url(../fonts/2A3368_7_0.eot);
    src: url(../fonts/2A3368_7_0.eot?#iefix) format("embedded-opentype"),url(../fonts/2A3368_7_0.woff) format("woff"),url(../fonts/2A3368_7_0.ttf) format("truetype")
}

@font-face {
    font-family: Rubrik-Medium;
    src: url(../fonts/2A3368_2_0.eot);
    src: url(../fonts/2A3368_2_0.eot?#iefix) format("embedded-opentype"),url(../fonts/2A3368_2_0.woff) format("woff"),url(../fonts/2A3368_2_0.ttf) format("truetype")
}

@font-face {
    font-family: Rubrik-MediumItalic;
    src: url(../fonts/2A3368_8_0.eot);
    src: url(../fonts/2A3368_8_0.eot?#iefix) format("embedded-opentype"),url(../fonts/2A3368_8_0.woff) format("woff"),url(../fonts/2A3368_8_0.ttf) format("truetype")
}

@font-face {
    font-family: Rubrik-SemiBold;
    src: url(../fonts/2A3368_4_0.eot);
    src: url(../fonts/2A3368_4_0.eot?#iefix) format("embedded-opentype"),url(../fonts/2A3368_4_0.woff) format("woff"),url(../fonts/2A3368_4_0.ttf) format("truetype")
}

@font-face {
    font-family: Rubrik-SemiBoldItalic;
    src: url(../fonts/2A3368_A_0.eot);
    src: url(../fonts/2A3368_A_0.eot?#iefix) format("embedded-opentype"),url(../fonts/2A3368_A_0.woff) format("woff"),url(../fonts/2A3368_A_0.ttf) format("truetype")
}

@font-face {
    font-family: Rubrik-Bold;
    src: url(../fonts/2A3368_B_0.eot);
    src: url(../fonts/2A3368_B_0.eot?#iefix) format("embedded-opentype"),url(../fonts/2A3368_B_0.woff) format("woff"),url(../fonts/2A3368_B_0.ttf) format("truetype")
}

@font-face {
    font-family: Rubrik-BoldItalic;
    src: url(../fonts/2A3368_5_0.eot);
    src: url(../fonts/2A3368_5_0.eot?#iefix) format("embedded-opentype"),url(../fonts/2A3368_5_0.woff) format("woff"),url(../fonts/2A3368_5_0.ttf) format("truetype")
}




html {font-size: 62.5%;}
body {background-color: #fff; color: #000; font-size: 1.8rem; line-height: 2.4rem;  overflow-x: hidden;     font-family: Rubrik-Regular, system-ui, sans-serif; font-weight: 400; font-style: normal;}
* {margin: 0px;padding: 0px;}
a {text-decoration: none;color: #000;}
a:hover {text-decoration: none;}
ul {margin: 0;list-style-type: none;padding: 0;}
li {margin: 0;padding: 0;list-style-type: none;}
p {margin-bottom: 30px;}
skip-link {display: none;}

@media (min-width: 1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1728px;
}
}
.btn {border-radius: 30px; background-color: #FFF; box-shadow: 0 1.077px 2.155px 0 rgba(0, 0, 0, 0.05); font-size: 1.8rem; padding: 15px 30px; min-width: 190px;}
.btn:hover {background-color: #000; color: #fff;}

.register {background-color: #EE7203; color: #fff; padding: 12px 0;}
.register a {color: #fff;}
.hero {position: relative;}
.hero img {width: 100%; height: auto;}
.hero .overlay {position: absolute; bottom: 50px; left: 50%; transform:translateX(-50%); width: 100%; max-width: 800px; color: #fff; text-align: center; font-size: 1.8rem; line-height: 3rem; }
.hero .overlay h1 {font-family: Rubrik-Medium, system-ui, sans-serif; font-size: 5rem; font-style: normal; font-weight: 500; line-height: 6.6rem; margin-bottom: 20px;}
.hero .overlay h1 span {display: block;}
.hero .overlay p span {display: block;}
.hero .logo {display: block; width: 80px; height: 80px; position: absolute; top: 50px; left: 50px;}
.hero .logo img {display: block; width: 100%; height: auto;}
.hero .menu-open {display: block; width: 70px; height: 70px; position: absolute; top: 50px; right: 50px;}
.hero .menu-open img {display: block; width: 100%; height: auto;}
@media (max-width: 991px) {
   .hero .overlay {font-size: 1.6rem; line-height: 2.8rem; }
    .hero .overlay h1 {font-size: 3rem; line-height: 3.8rem; }
    .hero .logo {width: 50px; height: 50px; top: 30px; left: 30px;}
    .hero .menu-open {width: 60px; height: 60px; top: 30px; right: 30px;}
}

.section-1 {padding: 100px 0; font-size: 2.2rem; line-height: 3.2rem; color: #454545; }
.section-1 .btn {background-color: #46B5E8; color: #fff; }
.section-1 .btn:hover {background-color: rgba(70,181,232,0.7); }
@media (max-width: 991px) {
    .section-1 {font-size: 1.6rem; line-height: 2.8rem; padding: 50px 0;}
}

.section-2 {padding: 0 50px;}

.section-2 a {display: block; position: relative;}
.section-2 img {width: 100%; height: auto; display: block;}
.section-2 span {display: block; width: 128px; height: 128px; background-color: #E9EDED; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.section-2 a:hover span {opacity: 0.5;}
.section-2 span img {display: block; width: 46px; height: auto; position: absolute; top: 50%; left: 55%; transform: translate(-50%,-50%);}
@media (max-width: 991px) {
   .section-2 {padding: 0;} 
    .section-2 span {width: 58px; height: 58px;}
    .section-2 span img {width: 30px;}
}

.section-3 {padding: 100px 0; font-size: 2.2rem; line-height: 3.2rem;}
.section-3 h2 {color: #454545; font-family: Rubrik-Medium, system-ui, sans-serif; font-size: 4rem; font-style: normal; font-weight: 500; line-height: 5.2rem; margin: 0 0 50px 0;}
.section-3 p span {display: block;}
.section-3 .btn {background-color: #46B5E8; color: #fff;}
.section-3 .btn:hover {background-color: rgba(70,181,232,0.7); }
@media (max-width: 991px) {
    .section-3 {font-size: 1.6rem; line-height: 2.8rem;  padding: 50px 0;}
.section-3 h2 {font-size: 3.6rem; line-height:4rem;  }
}



.section-4 .panel {border-radius: 60px; background-color: #F4F4F4; padding: 50px 25%; font-size: 2.2rem; line-height: 3.2rem; color: #454545;}
.section-4 h2 {color: #454545; font-family: Rubrik-Medium, system-ui, sans-serif; font-size: 4rem; font-style: normal; font-weight: 500; line-height: 5.2rem; margin: 0 0 50px 0;}
@media (max-width: 991px) {
    .section-4 .panel {font-size: 1.4rem; line-height: 3.2rem; padding: 50px ; }
.section-4 h2 {font-size: 3.6rem; line-height:4rem; }
}



.section-5 {padding: 100px 0; color: #454545; font-size: 2.2rem; line-height: 3.2rem;}
    .section-5.show-mobile {display: none;}
     .section-5.show-desktop {display: block;}
.section-5 h2 {color: #454545; font-family: Rubrik-Medium, system-ui, sans-serif; font-size: 4rem; font-style: normal; font-weight: 500; line-height: 5.2rem; margin: 0 0 50px 0;}
.section-5 .panel {border-radius: 30px; color: #fff; padding: 40px; box-sizing: border-box; margin: 30px 0 0 0; font-size: 2.2rem; line-height: 3.2rem; position: relative;}
@media (min-width: 1400px) {
    .section-5 .panel {aspect-ratio:1/1;}
}
@media (max-width: 414px) {
    .section-5 .panel {aspect-ratio:1/1; max-width: 100%;}
    .section-5.show-mobile {display: block;}
     .section-5.show-desktop {display: none;}
}
.section-5 .panel h3 span {display: block; margin: 0 0 55px 0;}
.section-5 .panel h3 {font-size: 4rem; font-style: normal; font-weight: 500;line-height: 4.5rem; font-family: Rubrik-Medium, system-ui, sans-serif;}
.section-5 .panel.panel-blue {background-color: #46B5E8;}
.section-5 .panel.panel-teal {background-color: #00ACA9;}
.section-5 .panel.panel-orange {background-color: #EE7203;}
.section-5 .panel .icon {width: 135px; height: 135px; position: absolute; bottom: 40px; right: 40px;}
.section-5 .panel .icon img {display: block; width: 100%; height: auto;}
.section-5 .panel .icon svg {display: block; width: 100%; height: auto;}
.section-5 .panel.panel-teal .icon {width: 172px; height: 172px;}
.section-5 .panel.panel-teal .icon img {opacity: 0.5;}
@media (max-width: 991px) {
    .section-5 {font-size: 1.6rem; line-height: 2.8rem; padding: 50px 0;}
.section-5 h2 {font-size: 3.6rem; line-height:4rem; }
.section-5 .panel {font-size: 1.8rem; line-height: 2.6rem;}
    .section-5 .panel h3 {font-size: 2.9rem;  line-height: 4.1rem;}
    .section-5 p span {display: block;}
    .section-5 .panel h3 span {display: block; margin: 0 0 80px 0;}
}

.section-5 .owl-carousel .owl-nav {position: absolute; top: 47%; left: 0; transform: translateY(-50%); z-index: 5; width: 100%; padding: 0 20px;}
.section-5 .owl-carousel .owl-nav button {width: 40px; height: 40px; background-color: rgba(255,255,255, 0.5); border-radius: 50%; display: block; transition: width .15s ease-in-out, height .15s ease-in-out, background-color .15s ease-in-out;}
.section-5 .owl-carousel .owl-nav button.owl-prev {float: left;}  
.section-5 .owl-carousel  .owl-nav button.owl-next {float: right;}
.section-5 .owl-carousel .owl-nav button:hover {width: 50px; height: 50px; background-color: rgba(255,255,255, 0.8); transition: width .15s ease-in-out, height .15s ease-in-out, background-color .15s ease-in-out; }


.section-6 .panel {border-radius: 60px; background-color: #F4F4F4; padding: 80px 25%; font-size: 2.2rem; line-height: 3.2rem; color: #454545; }
.section-6 h2 {color: #454545; font-family: Rubrik-Medium, system-ui, sans-serif; font-size: 4rem; font-style: normal; font-weight: 500; line-height: 5.2rem; margin: 0 0 50px 0;}
.section-6 .btn {background-color: #46B5E8; color: #fff;}
.section-6 .btn:hover {background-color: rgba(70,181,232,0.7); }
.section-6 li:before {content:""; display: inline-block; widtH: 10px; height: 3px; background-color: #454545; margin-right: 8px; position: relative; top: -7px;}
@media (max-width: 991px) {
    .section-6 .panel {font-size: 1.6rem; line-height: 2.8rem; padding: 20px; }
.section-6 h2 {font-size: 3.6rem; line-height:4rem; }
    .section-6 li:before {content:""; display: inline-block; widtH: 10px; height: 2px; background-color: #454545; margin-right: 8px; position: relative; top: -4px;}
}

.section-7 {padding: 100px 0;}
.section-7 img {display: block; width: 100%; height: auto; max-width: 940px; margin: 0 auto;}

.section-8 {font-size: 2.2rem; line-height: 3.2rem; color: #454545;}
.section-8 h2 {color: #454545; font-family: Rubrik-Medium, system-ui, sans-serif; font-size: 4rem; font-style: normal; font-weight: 500; line-height: 5.2rem; margin: 0 0 50px 0;}
.section-8 p span {display: block;}
.section-8 .btn {background-color: #46B5E8; color: #fff;}
.section-8 .btn:hover {background-color: rgba(70,181,232,0.7); }
.section-8 .panel.panel-orange {background-color: #EE7203; color: #fff; border-radius: 30px; max-width: 670px; margin: 0 auto 30px auto; padding: 30px; font-family: Rubrik-Medium, system-ui, sans-serif; font-weight: 500; }
.section-8 .panel.panel-orange li:before {content:""; display: inline-block; widtH: 10px; height: 3px; background-color: #fff; margin-right: 8px; position: relative; top: -7px;}
@media (max-width: 991px) {
    .section-7 {padding: 50px 0;}
    .section-8 {font-size: 1.6rem; line-height: 2.8rem;}
.section-8 h2 {font-size: 3.6rem; line-height:4rem;}
    .section-8 .panel.panel-orange li:before {top: -3px;}
    .section-8 p span {display: inline;}
}

.section-9 {font-size: 2.2rem; line-height: 3.2rem; color: #454545;  padding: 100px 0;}
.section-9 h2 {color: #454545; font-family: Rubrik-Medium, system-ui, sans-serif; font-size: 4rem; font-style: normal; font-weight: 500; line-height: 5.2rem; margin: 0 0 50px 0; }

.section-9 img {display: block; width: 100%; height: auto;}
.section-9 p span {display: block;}

.section-9 .panels {margin: 0 0 90px 0;}
.section-9 .panels .panel {position: relative;}
.section-9 .panels a  {display: block;}
.section-9 .panels .panel:before {content: ""; display: block; width: 100%; height: 100%; border-radius: 42.575px;  position: absolute; top: 0; left: 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.48+100,0.48+100 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.48) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

.section-9 .panels .panel:hover img {opacity:0.8;}

.section-9 .panels .panel .overlay {position: absolute; bottom: 30px; left: 30px; color: #FAFAFA;font-size: 2.9rem;font-style: normal; line-height: 4rem; font-family: Rubrik-Regular, system-ui, sans-serif; font-weight: 500; }
@media (max-width: 991px) {
    .section-9 .panels .panel .overlay {font-size: 1.2rem;font-style: normal;font-weight: 500;line-height: 2rem;left: 10px;bottom: 10px; }

    .section-9 {font-size: 1.6rem; line-height: 2.8rem; padding: 20px 0 20px 0;}
.section-9 h2 {font-size: 3.6rem; line-height:4rem; }
    .section-9 p span {display: inline;}
    .section-9 .panels {margin: 0 0 50px 0;}
    
    .section-9 .g-5.row {    margin-top: -10px; margin-right: -5px;  margin-left: -5px;}
    .section-9 .g-5 .col-6 { padding-right: 5px!important; padding-left: 5px!important; margin-top: 10px!important;}
}


.carousel-holder {padding: 100px 0;}

.section-10 .panel {border-radius: 60px; background-color: #F4F4F4; padding: 80px 25%; font-size: 2.2rem; line-height: 3.2rem; color: #454545;}
.section-10 h2 {color: #454545; font-family: Rubrik-Medium, system-ui, sans-serif; font-size: 4rem; font-style: normal; font-weight: 500; line-height: 5.2rem; margin: 0 0 50px 0;}
.section-10 .btn {background-color: #46B5E8; color: #fff;}
.section-10 .btn:hover {background-color: rgba(70,181,232,0.7); }

@media (max-width: 991px) {
    .section-10 .panel {font-size: 1.6rem; line-height: 2.8rem;padding: 50px 20px; }
.section-10 h2 {font-size: 3.6rem; line-height:4rem; }
}
@media (max-width: 374px) {
    .section-10 h2 {  font-size: 2.8rem; line-height: 3.4rem; }
}


.show-desktop {display: block;}
.show-mobile {display: none;}

footer {background-color: #EAEAEA; padding: 50px; font-family: Rubrik-Regular, system-ui, sans-serif; font-size: 1.6rem; font-style: normal; font-weight: 400; line-height: 2rem;  color: #454545;}
footer h2 {font-family: Rubrik-Medium, system-ui, sans-serif; font-size: 1.6rem; font-style: normal; font-weight: 400; line-height: 2rem; color: #000; margin: 0 0 2rem 0;}
  .footer-links h2 svg {display: none;}
footer .social-links {    display: flex;     gap: 1.5rem; padding: 40px 0 20px 0;}
footer .legals {    display: flex;  flex-wrap: wrap;    gap: 1rem; padding: 20px 0; font-size: 1.2rem; color: #454545; }
footer .legals a {color: #454545;}


@media (max-width: 991px) {
.show-desktop {display: none;}
.show-mobile {display: block;}
    .hero .show-desktop {display: block;}
.hero .show-mobile {display: none;}
  
    
   
}
@media (max-width: 767px) {
    .hero .show-desktop {display: none;}
.hero .show-mobile {display: block;}
    section {padding-left:20px!important; padding-right: 20px!important;}
    
   
}
@media (max-width: 991px) {
    .footer-links {border-bottom: solid 1px rgba(0,0,0,0.75);}
    .footer-links ul {display: none;}
    .footer-links h2 {padding: 10px 0; margin: 0;}
    .footer-links h2 svg {display: block; float: right;   rotate: -90deg;}
    .footer-links.expand h2 svg {rotate: 0deg;}
    .footer-links.expand h2 svg {rotate: 0deg;}
    .footer-links ul li {padding: 10px 0;}
    .footer-links ul li:nth-of-type(1) {padding: 0 0 10px 0;}
     .footer-links ul li:last-of-type {padding: 10px 0 30px 0;}
    .footer-links.expand ul {display: block;}
    .footer-links.expand h2 {padding: 10px 0 20px 0;}
}

#lower-carousel li {position: relative;     aspect-ratio: 3 / 4; overflow: hidden; border-radius: 2rem;}
#lower-carousel li .overlay {position: absolute; bottom: 20px; left:o; width: 100%; color: #fff; padding: 0 20px;}
#lower-carousel li .overlay h3 {width: 50%; float: left; font-family: Rubrik-Medium, system-ui, sans-serif; font-weight: 500; font-size: 2rem; min-height: 48px; }
#lower-carousel li .overlay a {width: auto; float: right; border-radius: 30px;
    background-color: #FFF;
    box-shadow: 0 1.077px 2.155px 0 rgba(0, 0, 0, 0.05);
    font-size: 1.8rem;
    padding: 7px 14px;
    min-width: 70px;}
#lower-carousel li .overlay a:hover {background-color: #000; color: #fff;}
#lower-carousel li img {    object-fit: cover; display: block; width: 100%; height:100%;}

#lower-carousel .owl-nav {position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 5; width: 100%; padding: 0 20px;}
#lower-carousel .owl-nav button {width: 40px; height: 40px; background-color: rgba(255,255,255, 0.5); border-radius: 50%; display: block; transition: width .15s ease-in-out, height .15s ease-in-out, background-color .15s ease-in-out;}
#lower-carousel .owl-nav button.owl-prev {float: left;}  
#lower-carousel .owl-nav button.owl-next {float: right;}
#lower-carousel .owl-nav button:hover {width: 50px; height: 50px; background-color: rgba(255,255,255, 0.8); transition: width .15s ease-in-out, height .15s ease-in-out, background-color .15s ease-in-out; }

.blur-overlay {display: none;}
.blur-overlay.expand {position: absolute; top:0 ; left: 0; width: 100%; height: 5000%;  filter: blur(4px); backdrop-filter: blur(4px); z-index: 10; display: block;}
.menu {width: 25%; height: 100%; background-color: #fff; padding: 0; position: fixed; top: 0; right: -200%; z-index: 11;transition: right .15s ease-in-out;}
@media (max-width: 991px) {
    .menu {width: 100%;}
    

}
.menu.expand { right: 0;transition: right .15s ease-in-out }
.menu .branding {padding: 20px;}
.menu .branding:after {  content: "";  display: table; clear: both;}
.menu .branding .logo {display: block; float: left;}
.menu .branding .logo img {display: block; width: 75px; height: auto;}
.menu .branding .menu-close {display: block; float: right;}
.menu .branding .menu-close svg {display: block; width: 30px; height: auto;}
.menu .main-menu {padding: 20px;}

.menu .main-menu ul li {display: block; padding: 15px 0;  border-bottom: solid 1px rgba(0,0,0,0.1);}
.menu .main-menu ul li a {color: #000;}

.menu .main-menu ul li ul {display: none;}
.menu .main-menu ul li:hover ul {display: block;}
.menu .main-menu ul li li {padding-left: 15px; border-bottom: none; }
.menu .main-menu ul li li:nth-of-type(1) {padding-top: 15px;}
.menu .main-menu ul li li:last-of-type {padding-bottom: 0;}
.menu .main-menu ul li li a {color: rgb(75 85 99);}

.menu .social-links-holder {padding: 20px;}
.menu .social-links-holder .social-links {display: flex; gap: 1.5rem;}

body.expand {overflow:hidden;}