:root{--title-font-size: clamp(1.5rem, 0.7637rem + 2.0488vw, 2.8125rem);--title-mb: clamp(0.75rem, 0.4695rem + 0.7805vw, 1.25rem);--section-py: clamp(2.5rem, 1.0976rem + 3.9024vw, 5rem);--tc-info: #02AEDA;--tc-primary: #324E8A;--tc-secondary: #444444;--tc-light: #EBF9FD;--rounded: clamp(1.5rem, -4.6707rem + 17.1707vw, 12.5rem);--subtitle-font-size: clamp(1.25rem, 0.8293rem + 1.1707vw, 2rem);--subtitle-mb: clamp(0.5rem, 0.3598rem + 0.3902vw, 0.75rem);--columngap: clamp(0.5rem, -1.0427rem + 4.2927vw, 3.25rem);--wrapgap: clamp(0.5rem, -0.4817rem + 2.7317vw, 2.25rem);--rounded: clamp(3.125rem, -5.6402rem + 24.3902vw, 18.75rem);}
body{--bs-body-font-family: "Inter", sans-serif;color:var(--tc-secondary);font-optical-sizing:auto;font-style:normal;overflow-x:hidden; }
button:focus,.btn:active,.btn:focus,.form-control:focus{outline:0;box-shadow:none!important}

.themenavbar .navbar-brand{margin-right: 0;max-width: 280px;margin-left: 2%;--bs-navbar-brand-padding-y: 23px;}
.themenavbar .navbar-nav .nav-link{padding: 14px 16px;font-weight: 600;font-size: 24px;line-height: normal;position: relative;--bs-nav-link-color: var(--tc-secondary);--bs-navbar-active-color: var(--tc-primary);}
.themenavbar .navbar-nav .nav-link.dropdown-toggle{margin-right: 15px;}
.themenavbar .navbar-nav .dropdown-toggle::after{border: none;margin-left: .15em;position: absolute;content: url(../images/chevron-left.svg);transform: scale(0.8) rotate(-90deg);}
.themenavbar .navbar-nav .nav-link::before{content: "";position: absolute;bottom: 45px;width: 0px;height: 7px;left: 0;right: 0;z-index: -1;margin: auto;background: rgb(50 78 138 / 15%);}
.themenavbar .navbar-nav .dropdown-menu {margin: 0;border: none;padding-top: 0;padding-bottom: 2px;overflow: clip;border-radius: 0px 0px 12px 12px;}
.themenavbar .navbar-nav .dropdown-menu>li+li .dropdown-item{border-top: solid 1px #EFEFEF;}
.themenavbar .navbar-nav .dropdown-item {font-size: 16px;font-weight: 500;padding: 10px 20px;position: relative;--bs-dropdown-link-color: var(--tc-secondary);--bs-dropdown-link-active-color: var(--tc-secondary);--bs-dropdown-link-active-bg: #fff;--bs-dropdown-link-hover-bg: #fff;}
.themenavbar .navbar-nav .dropdown-item:before {content: "";position: absolute;left: 16px;top: 19px;opacity: 0;visibility: hidden;height: 8px;width: 16px;background: url(../images/section-label.svg) no-repeat;background-size: 14px;transform: translateX(5px);}
.themenavbar .navbar-nav .dropdown-item:hover {padding: 10px 7px  10px 33px;background-color: transparent;}
.themenavbar .navbar-nav .dropdown-item:hover:before {opacity: 1; visibility: visible; transform: translateX(0px); }

.themenavbar .navbar-toggler{width: 50px;height: 42px;margin-left: auto;overflow:hidden;position:relative;border: none;background: var(--tc-info);}
.themenavbar .navbar-toggler::before{transform: translateY(-8px);width: 46%;}
.themenavbar .navbar-toggler::after{transform: translateY(8px);width: 36%;}
.themenavbar .navbar-toggler::before, .navbar-toggler::after, .navbar-toggler .lines{content: "";position:absolute;display:block;width: 56%;height: 2px;left: 0;right: 0;margin: auto;background: #ffffff;border-radius: 4px;transition:.6s;}
.themenavbar .offcanvas.show .navbar-toggler .lines, .themenavbar .offcanvas.show+.rightnav .navbar-toggler .lines{transform:translateX(110px);transition-delay:0s;background: #ffffff;}
.themenavbar .offcanvas.show .navbar-toggler::before, .themenavbar .offcanvas.show+.rightnav .navbar-toggler::before{transform: translateY(0) rotate(45deg);width: 50%;height: 2px;}
.themenavbar .offcanvas.show .navbar-toggler::after, .themenavbar .offcanvas.show+.rightnav .navbar-toggler::after{transform: translateY(0) rotate(314deg);width: 50%;height: 2px;}

#themeCarousel .slide-text{width: 100%;max-width: 720px;position: relative;max-width: clamp(16.25rem, 7.9032rem + 37.0968vw, 45rem);}
#themeCarousel .carousel-caption{bottom: 0;height: 100%;text-align: left;display: flex;align-items: center;left: var(--wrapgap);right: var(--wrapgap);}
#themeCarousel .carousel-item h5{color: #ffffff;font-family: "Inter Tight", sans-serif;font-size: calc(1.2 * var(--title-font-size));-webkit-animation-name: slideInDown;animation-name: slideInDown;text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);}
#themeCarousel .carousel-item p{color: #ffffff;font-size: 19px;line-height: 1.43;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;margin-top: calc(1.5 * var(--subtitle-mb));margin-bottom: calc(2.5 * var(--subtitle-mb));text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);-webkit-animation-name:slideInUp;animation-name:slideInUp;}
#themeCarousel .carousel-item p,#themeCarousel .carousel-item h5, .buttons{-webkit-animation-duration: 1.2s;animation-duration: 1.2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
#themeCarousel .carousel-indicators{padding: 9px 11px;margin-inline: auto;max-width: fit-content;border-radius: 24px;margin-bottom: calc(2.7 * var(--title-mb));background: rgb(255 255 255 / 25%);backdrop-filter: blur(0px) brightness(115%);-webkit-backdrop-filter: blur(0px) brightness(115%);}
#themeCarousel .carousel-indicators>button{width: 12px;height: 12px;border: none;opacity: 1;border-radius: 50%;background: rgb(255 255 255 / 25%);-webkit-transition:all 250ms linear;transition:all 250ms linear;}
#themeCarousel .carousel-indicators>button.active,#themeCarousel .carousel-indicators>button:hover{background: var(--tc-info);}
.buttons{-webkit-animation-name:fadeIn; animation-name:fadeIn; animation-delay: 0.7s;}
#themeCarousel .carousel-item .themebtn{font-size: 16px; }

@-webkit-keyframes slideInDown{from{transform:translate3d(0,-50%,0);visibility:visible}to{transform:translate3d(0,0,0)}}
@keyframes slideInDown{from{transform:translate3d(0,-50%,0);visibility:visible}to{transform:translate3d(0,0,0)}}
@-webkit-keyframes slideInUp{from{transform:translate3d(0,100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}
@keyframes slideInUp{from{transform:translate3d(0,100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}
@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}




/* ==============================
     Responsive   
     ============================== */ 
     @media only screen and (min-width:768px) { 
          .themenavbar .navbar-toggler{width: 56px;height: 50px;}
          .services .card p{margin-block: calc(1.25 * var(--title-mb));}
     }

     @media only screen and (min-width:992px) { 
          .discuss .leftgap{padding-top: calc(1.1 * var(--section-py));}
     }

      @media only screen and (min-width:1200px) { 
          .themenavbar .navbar-nav{max-width: 900px;margin-left: auto;padding-inline: 20px;}
          .themenavbar .navbar-nav .nav-item{flex: 1 1 auto; text-align: center; }
          .themenavbar .navbar-nav .nav-link{padding: 45px 0px 44px;display: inline-block;font-size: 17px;}
          .themenavbar .navbar-nav li:hover .nav-link{color: var(--tc-primary);} 
          .themenavbar .navbar-nav li:hover .nav-link::before{width: 100%;} 
          .themenavbar .navbar-nav .nav-item.dropdown {filter: drop-shadow(0px 21px 16px rgba(0, 0, 0, 0.1));}
          .themenavbar .navbar-nav .nav-item .dropdown-menu {visibility: hidden; display: block !important; -webkit-transition: 0.5s; transition: 0.5s; clip-path: polygon(0% 0%,100% 0%,100% 0%,0% 0%); }
          .themenavbar .navbar-nav .nav-item:hover .dropdown-menu, .themenavbar .navbar-nav .nav-item .dropdown-menu.show{visibility: visible; clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);}
     }

     @media only screen and (min-width:1921px) {
          .growing .growpic{float: right; width: 44vw; }
          .career .themepic{float: right; width: 44vw; }
          .benefitpic{width: 38.7vw;}
     }

     @media only screen and (min-width:1400px){
          .container {max-width: 1374px; } 
     }

     @media only screen and (max-width:1399px) {	
          .counters{margin-left: calc(0.5 * var(--section-py)); }
          .themenavbar .navbar-brand{max-width: 240px; margin-left: 8px;}
     }

     @media only screen and (max-width:1199px) {
          .counters{margin-inline: auto; gap: calc(0.75 * var(--section-py));}
          .services h1>br{display: none; }
          .themenavbar .navbar-toggler{display: block;}
          .themenavbar .offcanvas-title{color: rgb(0 0 0 / 15%);font-size: 24px;font-weight: 600;}
          .themenavbar .navbar-nav .dropdown-item{font-size: 18px; }
          .themenavbar .offcanvas{border: none;}
          .themenavbar .navbar-nav .dropdown-menu{background: transparent; }
          .themenavbar .offcanvas::after{top: 0;right: 0;z-index: -1;content: "";width: 100%;height: 100%;opacity: 70%;opacity: 0.3;position: absolute;mix-blend-mode: multiply;background-image: url(../images/sectionbg.jpg);}
     }

     @media only screen and (max-width:991px) {	
          #themeCarousel .carousel-item p{font-size: 17px; }
          #themeCarousel .carousel-item h5{font-size: 28px;margin-bottom: 0;}
          #themeCarousel .carousel-item>img{min-height: 218px;object-fit: cover;object-position: right center;}
          #themeCarousel .carousel-indicators{margin-bottom: 4%;margin-right: 16%;}
          #themeCarousel .carousel-item .themebtn{font-size: 15px; padding: 9px 16px 8px; }
          .slider-custom-nav button{border-radius: 8px;padding: 14px 12px 14px 16px; }
          .slider-custom-nav button::before{border-radius: 8px; }
          .counters{padding-left: var(--columngap);row-gap: var(--section-py);}
          .aboutpage .aboutpic {aspect-ratio: 3 / 2;}
          .whyus h2>br{display: none; }
          .pricing.whyus .themeaccordion{margin-top: 18px; }
          .career .count9{max-width: 268px; margin-inline: auto; }
          .contact .themeform{padding: calc(0.5 * var(--section-py));}
          .contact .themeform::after{width: 100%;top: 0;border-radius: 15px;border: solid 1px #e5f3f7;}
          .benefitpic{width: 100%; margin-right: 0;}
          .benefits h4,.benefits h3, .pricing h4{font-size: 20px;}
          .advantage-item{padding-left: 0; }
          .article-body h4,.article-body h3{font-size: 20px;margin-top: 21px;}
          .insights .card h4,.insights .card h3, .sidebar-card h5{font-size: 20px;}
          .contact .leftgap{padding-left: 0; }
     }

     @media only screen and (max-width:767px) {
          .rightnav .themebtn{padding: 10px 14px;margin-inline: 10px;}
          #themeCarousel .carousel-item h5{font-size: 22px;line-height: 1.2;}
          #themeCarousel .carousel-item p{font-size: 16px;margin-block: 7px 12px;}
          .themebtn, .themebtn.bdr{font-size: 15px; padding: 9px 16px 8px; }
          #themeCarousel .carousel-indicators>button{width: 10px;height: 10px; }
          #themeCarousel .carousel-indicators{padding: 5px 5px;margin-right: 12%;}
          #themeCarousel .buttons{display: none; }
          .service .card h4,.service .card h3{font-size: 19px; }
          .service .card-icon{height: 48px; margin-block: 1px 18px; }
          .started{padding: 8px 8px 0px 8px; }
          .started .themebtn{margin-top: 1px; }
          .career .themeform {padding: 8px 8px 0px 8px; }
          .themeform .form-control, .themeform .form-select{height: 58px;} 
          .themeform .form-floating>label{top: 0px; }
          .continfo.callus{border-bottom: solid 1px #dee2e6; border-right: none; }
          .fixbtn.themebtn{max-width: 42px; padding-inline: 10px; }
          .sub-banner h4,.sub-banner h3,.sub-banner h1,.sub-banner h2{font-size: calc(1.2 * var(--title-font-size)); }
          .insights .card p{margin-bottom: 16px;}
     }

     @media only screen and (max-width:575px) {
          p,li{font-size: 16px; }
          .section-label{font-size: 14px; }
          .headtop .nav-link{padding: 12px 7px 11px;}
          .headtop .nav-link>img {height: 16px; margin-right: 3px;}
          .headtop li:first-child .nav-link>img{height: 14px; }
          .themenavbar .navbar-brand{width: calc(100% - 140px);margin-left: 0%; --bs-navbar-brand-padding-y: 22px;}
          .themenavbar .navbar-nav .nav-link{padding: 10px 12px;font-size: 21px;}
          .themenavbar .navbar-nav .dropdown-item{font-size: 17px;}
          .themebtn, .themebtn.bdr, #themeCarousel .carousel-item .themebtn{padding: 8px 12px 7px; }
          #themeCarousel .carousel-item h5{font-size: 20px;}
          #themeCarousel .carousel-item p{font-size: 15px;}
          .slider-custom-nav button>img{width: 12px; }
          .services .card h4,.services .card h3{font-size: 20px; }
          .counteritem .counter{height: 36px;}
          .counteritem h4{font-size: 36px;}
          .counteritem .itemicon>img{width: auto;height: 54px;object-fit: scale-down;}
          .themeaccordion .accordion-button{font-size: 18px; padding: 14px 8px 13px 12px; }
          .themeaccordion .accordion-body{padding: 0px 8px 14px 12px;}
          section.growing{padding-block: calc(0.6 * var(--section-py));}
          .growing h2{font-size: 20px;margin-bottom: 8px;line-height: 1.2;}

          .footertop .navlist{padding-bottom: 16px; border-bottom: solid 1px rgb(255 255 255 / 10%); }
          .footertop .navlist h5{margin-bottom: 0;position: relative;cursor: pointer;}
          .footertop .navlist h5::before{max-width: 100%; }
          .footertop .navlist h5:after{content: '';position: absolute;top: 32%;transform: translateY(-50%);right: 5px;width: 10px;height: 8px;background: url(../images/drop-toggle-icon.svg) no-repeat;background-size: contain;filter: contrast(0);}
          .footertop .navlist h5.mobile-acc::after{-webkit-transform: translateY(-50%) scaleY(-1);transform: translateY(-50%) scaleY(-1);}
          .footertop .contlist h5{margin-block: 7px;}
          .contlist .callus h5, .contlist .emailus h5{margin-top: 18px; }
          .subscribe {margin-top: 12px;margin-left: calc(-1 * var(--columngap));}

          .experience p{font-size: 14px; line-height: 16px; }
          .contact .themeform{padding: 24px 8px; }
          .contact .themeform::after{width: auto; left: calc(-.5 * var(--bs-gutter-x)); right: calc(-.5 * var(--bs-gutter-x)); }
          .continfo.address>img{align-self: baseline; margin-top: 7px; }
          .themeoffcanvas.offcanvas{padding-inline: 4px; top: 12px; right: 12px; bottom: 12px; --bs-offcanvas-width: calc(100% - 24px); }
          .benefits h4,.benefits h3, .pricing h4, .advantage-item h4{font-size: 19px; }
          .growing .growtext{padding: 7px 10px; text-align: center; }
          .article-meta{margin-bottom: 14px; }
          .insights-badge{font-size: 13px; padding: 4px 12px; }
          .article-hero{margin-block: 21px 24px;}
          .article-body h4,.article-body h3{font-size: 19px;}
          .insights .card h4,.insights .card h3, .sidebar-card h5{font-size: 19px;}
          .insights .card .badge{font-size: 13px; padding: 5px 12px; }
          .insights .card .card-body{padding: 24px 20px 21px; }
          .our_team_info_inn h5,.our_team_info_inn h3 {font-size: 14px;}
          .our_team_info_inn h4,.our_team_info_inn h2 {font-size: 26px;}
          .offcanvas.offcanvas-bottom .btn-close {width: 30px; height: 30px;top: 15px; right: 15px;}
          .offcanvas.offcanvas-bottom .btn-close::before {width: calc(100% - 6px);}
          .offcanvas.offcanvas-bottom .btn-close::after {width: calc(100% - 6px);}
          .offcanvas.offcanvas-bottom .offcanvas-body {padding: 50px 0 40px;}
          .offcanvas.offcanvas-bottom {padding-left: 0;padding-right: 0;}
          .our_team_info_inn h5,.our_team_info_inn h3 {margin-bottom: 20px;}
          
     }

     @media (min-width:992px) and (max-width:1199px) {
          .continfo.callus{border-bottom: solid 1px #dee2e6; border-right: none; }
          #themeCarousel .carousel-item h5 br{display: none;}
          .our_team_info {padding: 22px;}
          .our_team_info p{font-size: 15px;}
          .our_team_box {border-radius: 36px 10px 10px 10px;}
     }

     @media (min-width:1200px) and (max-width:1399px) {
          .rightnav .themebtn{margin-inline: 4px 12px; padding: 9px 14px;}
          .continfo {padding: 20px 6px;}
     }
    
     @media only screen and (max-width:1199px){
          .continfo.number_box{border-right:none;border-bottom: 1px solid #d7d7d7;}
          .continfo {padding: 20px 0px;}
          .tab-content {padding: 10px 20px;}
     } 
    @media (min-width:768px) and (max-width:991px) {
          .continfo.number_box {
               border-right: 1px solid #d7d7d7;
               border-bottom: none;
          }
      }
     @media only screen and (max-width:575px){
          .tab-content {padding: 4px 12px;}
          .continfo.address p {font-size: 15px;}
          .continfo>img { width: 24px;}
          .nav-tabs .nav-link {padding: 6px 16px}
          .nav-tabs .nav-link img {margin-right: 0px;width: 26px;}
      }
     
     @media only screen and (max-width:450px){
          .our_team_info {padding: 22px;}
     }