:root{--title-color:#081F56;--title-font-size: clamp(1.5rem, -0.1172rem + 4.4922vw, 4.375rem);--title-mb: clamp(0.75rem, 0.5391rem + 0.5859vw, 1.125rem);--section-py: clamp(3.5rem, 1.25rem + 6.25vw, 7.5rem);--theme-bg-1:rgb(229, 229, 229, 0.76);--theme-color:#081F56;--tc-light: #F3F2FA;--subtitle-font-size: clamp(1.25rem, 0.7227rem + 1.4648vw, 2.1875rem);--subtitle-color:#444444;--hero-title-fsize: clamp(2.5rem, 0.0391rem + 6.8359vw, 6.875rem);}
body{--bs-body-font-family: "Inter", sans-serif;--title-font-family: "Sora", sans-serif;font-optical-sizing:auto;overflow-x:hidden;top: 0 !important; --bs-border-color :#e9e8f1; --transitionDuration: 0.6s; --transitionEasing: cubic-bezier(0.22,1,0.36,1); }
button:focus,.btn:active,.btn:focus,.form-control:focus{outline:0;box-shadow:none!important}
html {scroll-behavior: smooth; }
html::-webkit-scrollbar, .offcanvas-body::-webkit-scrollbar {width: 7px; cursor: pointer; }
html::-webkit-scrollbar:horizontal, .ltranslator .dropdown-menu::-webkit-scrollbar:horizontal, .offcanvas-body::-webkit-scrollbar:horizontal {height: 0px; cursor: pointer; }
html::-webkit-scrollbar-track, .ltranslator .dropdown-menu::-webkit-scrollbar-track, .offcanvas-body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 1px #444444;box-shadow: inset 0 0 1px #444444; border-radius: 24px; }
html::-webkit-scrollbar-thumb, .ltranslator .dropdown-menu::-webkit-scrollbar-thumb, .offcanvas-body::-webkit-scrollbar-thumb {background: #0066B4; border-radius: 24px; }
html::-webkit-scrollbar-thumb:hover, .ltranslator .dropdown-menu::-webkit-scrollbar-thumb:hover, .offcanvas-body::-webkit-scrollbar-thumb:hover {background: #0066B4; }
html ::-moz-selection {color: #ffffff; background: #0066B4; }
html ::selection {color: #ffffff; background: #0066B4; }
html .skiptranslate{display:none !important; } 

.themenavbar .navbar-brand{max-width: 224px;margin: 11px 32px 11px 18px;}
.themenavbar .navbar-nav .nav-link{padding: 7px 14px;font-weight: 600;font-size: 16px;position: relative;text-transform: uppercase;--bs-nav-link-color: #ffffff;--bs-nav-link-hover-color: #ffffff;--bs-navbar-active-color: #ffffff;}
.themenavbar .navbar-nav .dropdown-toggle::after{margin-left: 0.2em;}
.themenavbar .navbar-nav .nav-link::before{content: "";position: absolute;bottom: 16px;width: 0px;height: 2px;left: 0;right: 0;margin: auto;background: #0066B4;}
.themenavbar .navbar-nav .dropdown-menu {border: none;padding: 2px 1px;--bs-dropdown-spacer: 0;border-radius: 0px 0px 8px 8px;}
.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: 12px 24px;position: relative;--bs-dropdown-link-color: #444;--bs-dropdown-link-active-color: #444;--bs-dropdown-link-active-bg: #fff;--bs-dropdown-link-hover-bg: #fff;}
.themenavbar .navbar-nav .dropdown-item:before {content: "";position: absolute;color: #0066B4;left: 16px;top: 24px;opacity: 0;visibility: hidden;height: 2px;width: 12px;background: #0066B4;transform: translateX(5px);}
.themenavbar .navbar-nav .dropdown-item:hover {padding: 12px 16px  12px 32px;}
.themenavbar .navbar-nav .dropdown-item:hover:before {opacity: 1; visibility: visible; transform: translateX(0px); }

.themenavbar .navbar-toggler{width: 52px;height: 42px;margin-left: auto;overflow:hidden;position:relative;border: none;}
.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;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;background: #0066B4;}
.themenavbar .offcanvas.show .navbar-toggler::after, .themenavbar .offcanvas.show+.rightnav .navbar-toggler::after{transform: translateY(0) rotate(314deg);width: 50%;height: 2px;background: #0066B4;}

.dropdown-toggle::after{width: 10px;height: 10px;border: none;vertical-align: baseline;background-image: url(../images/drop-toggle-icon.svg);background-repeat: no-repeat;background-size: 100%;background-position: center;}
.dropdown-toggle.show::after, .dropdown:hover .dropdown-toggle::after{-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.ltranslator .dropdown-menu::-webkit-scrollbar {width: 5px; cursor: pointer; }

#myCarousel .carousel-caption{bottom: 50%;max-width: 822px;margin: auto;transform: translateY(50%);}
#myCarousel .carousel-item h5{font-size: clamp(1.25rem, 0.7813rem + 2.3438vw, 3.125rem);margin-bottom: 9px;color:#FFF;line-height: 106%;font-weight: 700;text-shadow: 0px 1px 7px rgba(0, 0, 0, 0.32);}
#myCarousel .carousel-item h5{-webkit-animation-name:fadeInDown; animation-name:fadeInDown; -webkit-animation-duration: 1s; animation-duration: 1.2s; -webkit-animation-fill-mode: both;  animation-fill-mode: both; }
#myCarousel .carousel-indicators>button{width: 8px;height: 8px;border: none;margin-bottom: 3rem;border-radius: 8px;-webkit-transition:all 250ms linear;transition:all 250ms linear;}
#myCarousel .carousel-indicators>button.active{width: 24px; }

@-webkit-keyframes scaleY {0% { opacity: 0; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } 100% { opacity: 1; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-animation-timing-function: cubic-bezier(0.2, 0.93, 0.49, 1); animation-timing-function: cubic-bezier(0.2, 0.93, 0.49, 1); } } 
@keyframes scaleY {0% { opacity: 0; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } 100% { opacity: 1; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-animation-timing-function: cubic-bezier(0.2, 0.93, 0.49, 1); animation-timing-function: cubic-bezier(0.2, 0.93, 0.49, 1); } } 
@-webkit-keyframes scaleX {0% { opacity: 0; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } 100% { opacity: 1; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-animation-timing-function: cubic-bezier(0.2, 0.93, 0.49, 1); animation-timing-function: cubic-bezier(0.2, 0.93, 0.49, 1); } }
@keyframes scaleX {0% { opacity: 0; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } 100% { opacity: 1; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-animation-timing-function: cubic-bezier(0.2, 0.93, 0.49, 1); animation-timing-function: cubic-bezier(0.2, 0.93, 0.49, 1); } }
@keyframes bounceIn{0%,100%,20%,50%,80%{transform:translateY(0);opacity:1}40%,60%{transform:translateY(-5px);filter:blur(.5px) brightness(0) invert(1) contrast(.7)}}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@-webkit-keyframes bgmove{50%{background-position: 0 80%}}
@keyframes bgmove{50%{background-position: 0 80%}}
@-webkit-keyframes imgShine{100%{left:125%;}}
@keyframes imgShine{100%{left:125%;}}


/* ==============================
     Responsive   
     ============================== */ 
     @media only screen and (min-width:768px) {
          .themeoffcanvas.offcanvas{padding-right: 8px; }
          .themeoffcanvas .canvaswrap{padding-right: 24px; }
          .process-info .panelwrap div:nth-child(odd) .single-process{background: #0066b4; } 
          .process-info .panelwrap div:nth-child(odd) .single-process i:before{color: #FFFFFF; } 
          .process-info .panelwrap div:nth-child(odd) .single-process h4{color: #FFFFFF;font-weight: 500;} 
          .process-info .panelwrap div:nth-child(odd) .single-process img{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);} 
     }
     @media only screen and (min-width:992px) { 
          #accordionpolicy #policyListBtn{top: -5px;z-index: -1;position: absolute;background-color: transparent;--bs-accordion-btn-icon: none;font-size: 41px;font-weight: 600;line-height: 0;color: rgb(0 0 0 / 75%);mix-blend-mode: overlay;}
          #accordionpolicy .collapse:not(.show){display: block; }
          .legacy .card h4{font-size: calc(var(--subtitle-font-size) - 25%); }
          .fbusiness h4{margin-top: 2px;font-size: calc(var(--subtitle-font-size) - 50%);}
          .factorypic .splittext{font-size: calc(var(--subtitle-font-size) - 68%); }
     }

     @media only screen and (min-width:1200px) { 
          .themenavbar .navbar-nav{max-width: 1048px;width: 100%;margin-left: auto;}
          .themenavbar .navbar-nav .nav-item{flex: 1 1 auto; text-align: center; }
          .themenavbar .navbar-nav .nav-link{padding: 29px 0px;max-width: fit-content;margin: auto;}
          .themenavbar .navbar-nav li:hover .nav-link::before{width: 100%;} 
          .themenavbar .navbar-nav .nav-item.dropdown {filter: drop-shadow(0px 28px 21px rgba(0, 0, 0, 0.12)); }
          .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%);} 
          .footertop .navlist{max-width: fit-content; margin: auto; }
          .globalmap svg{width: 50vw; }
          .ltranslator:hover .dropdown-menu{visibility: visible; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
     }

     @media only screen and (min-width:1400px){
          .container {max-width: 1390px; } 
          .subpage .title :is(h1, h2, h3, h4) {font-size: calc(var(--title-font-size) - 25%);}
          .skygroup.bg-2{z-index: 1;padding-top: calc(1.45 * var(--section-py));padding-bottom: calc(1.45 * var(--section-py));} 
     }
     
     @media only screen and (min-width:1921px){
          .hero-section .zooming{width: auto; height: 100%; max-width: fit-content; }
     }

     @media only screen and (max-width:1399px) {	
          .footer{padding-left: 12px; padding-left: 12px; }
          .themenavbar .navbar-nav .nav-link{font-size: 15px; }
          .rightnav .themebtn{padding: 12px 18px; margin: 0px 12px ; font-size: 15px; }
          #animatecapability .line-wrapper .line-desktop .icon-active{top: -279px; }
          #animatecapability .steps-wrapper .flex-row-reverse {margin-top: 107px; }
          .career-form { margin-top: -225px; }
          
          
     }

     @media only screen and (max-width:1199px) {
          .themenavbar .navbar-nav .nav-link{color: #444444;font-size: 22px;padding: 12px 16px;}
          #animatecapability .line-wrapper .line-desktop .icon-active{top: -234px; }
          #animatecapability .steps-wrapper .flex-row-reverse {margin-top: 68px; }
          .panelwrap{gap: 24px; padding-right: 24px;}
          .panelwrap .panel{width: 33.333vw; }
          .footertop h5{margin-bottom: 12px;font-size: 15px;}
          .footertop p, .footertop ul>li, .footertop ul>li>a{font-size: 15px;}
          .carousel__item .itemdesc h4{margin-top: 24px;font-size: var(--subtitle-font-size);}
          .hover-reveal_images-wrapper .hover-wrap {width: 40vw; max-width: 440px; }
          .themenavbar .navbar-nav .dropdown-item {font-size: 19px;}
          .themenavbar .navbar-nav .dropdown-toggle::after{filter: invert(1); vertical-align: middle;}
          .themenavbar .navbar-nav .dropdown-toggle[aria-expanded="false"]::after{-webkit-transform: rotate(0deg); transform: rotate(0deg);}
          .themenavbar .navbar-nav .dropdown-menu {padding-top: 0; background-color: transparent; }
          .themenavbar .offcanvas::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;mix-blend-mode: hard-light;background: url(../images/sectiongrid-s.svg) no-repeat;background-size: contain;background-repeat: repeat-y;}
          .csrpics{width: 100%; margin-top: 8px; }
          .policy-list{padding: 8px 16px;margin-left: -14px;min-width: 303px;}
          .policy-list li a{font-size: 16px;}
          #policyListBtn{opacity: 0;}
          .contact .themeform {padding:48px 34px; }
          .masonry {column-count: 2; }
          .corevalues .cvaluesbox::after{left: calc(32% + 1px); }
          .big-thank h4,.lfounder .sectionpic .splittext{font-size: calc(var(--subtitle-font-size) - 25%);line-height: 1.5;margin-bottom: -2px;}
          .career-form{width: 95%; padding: 55px 50px 55px 50px; margin-top: -225px;}
     }

     @media only screen and (max-width:991px) {	
          .builton{min-height: 100vh; }
          .builton .title {padding-bottom: 8px;}
          .launched .card-body, .subpage .launched .card-body{padding: 21px 16px; }
          .launched .card h5, .subpage .launched .card h5{font-size: 20px; }
          .panelwrap .panel{width: 50vw; }
          #animatecapability .line-wrapper .line-desktop .icon-active {top: -174px; }
          #animatecapability .steps-wrapper .line-wrapper {top: 96px;}
          #animatecapability .steps-wrapper .step .icon-wrapper span.icon svg {height: 48px;}
          #animatecapability .steps-wrapper .step .icon-wrapper p{font-size: 15px; margin: 0;}
          #animatecapability .steps-wrapper .step .icon-wrapper span.icon{margin-bottom: 40px;}
          #animatecapability .steps-wrapper .flex-row-reverse{margin-top: 54px;}
          #animatecapability .steps-wrapper{padding-top: 28px;}
          .viewbtn{width: 48px; height: 48px; font-size: 14px; }
          .navlist.serv{max-width: fit-content; margin: auto; }
          .footertop{padding-top: 24px }
          .footer{background-size: contain; }
          .carousel__slider{min-height: auto; }
          .carousel__item{margin-top: 24px;position: relative;min-height: auto;transform: none !important;opacity: 1 !important;box-shadow: none !important;}
          .errorbox h1{margin-bottom: 9px; }
          .gallery .thumbs{padding: 12px 14px 0px; } 
          .subpage .aboutus {overflow: hidden; }
          .subpage .aboutus .secbtmrect{bottom: -2.3%; left: -1%; transform: rotate(-11deg); }
          .csrpic h5{font-size: 18px; }
          .qoverview .sectionpic{width: 100%;height: auto;border-radius: 8px;margin-bottom: 8px;}
          .certifbox{padding: 0px 8px 14px; }
          .certifbox h5{font-size: 18px; padding-top: 18px; }
          .qmanagement .card{--bs-card-spacer-y: 18px; --bs-card-spacer-x: 16px;}
          .qmanagement .card h5 {font-size: 18px;margin-bottom: 10px;}
          .policy-list{margin-left: auto;min-width: 100%;display: grid;column-gap: 24px;grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));}
          .sidenavbar::before, .sidenavbar::after{display: none; }
          .sidenavbar .accordion{padding-top: 0;margin-bottom: 8px;}
          #policyListBtn{opacity: 1;font-size: 17px;font-weight: 500;color: #444444;border-radius: 4px;background: rgb(243 242 250);border: solid 1px #dfdde9;box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .032);--bs-accordion-btn-icon-width: 16px;}
          .contact .card+.card {margin-top: 24px; }
          .contact .themeform {padding: 34px; }
          .contact .card h5{font-size: 23px; }
          .masonry {column-gap: 2rem; }
          .masonry-item{margin-bottom: 2rem;}
          .applidetails .sectionpic{width: 100%; border-radius: 8px; }
          .themeaccordion .accordion-button {font-size: 18px; padding: 18px 16px; }
          .marqueeSwiper .swiper-slide{padding: 9px 18px 7px;}
          .corevalues .sectiondesc{padding-left: 32px; }
          .corevalues h5{font-size: 18px; }
          .lfounder .sectionpic{width: 100%;height: auto;}
          .worldwide ul{display: none !important; }
          .video-wrap video{height: auto; }
          .launched .cardpic img, .panelpic img{ height: auto;}
          .hover-reveal_images-wrapper{padding-top: calc(0.3 * var(--section-py)); }
          .join-team .join-team-inr .sectionpic{ display: none; }
          .career-form { width: 95%; padding: 40px 40px 45px 40px; outline-offset: 15px; margin-bottom: 20px; margin-top: -215px; }
     }

     @media only screen and (max-width:767px) {
          .headtop li:nth-child(1), .headtop li:nth-child(2), .line-desktop{display: none; }
          #animatecapability {padding: 86px 0px 48px; }
          #animatecapability .steps-wrapper .flex-row-reverse{display: block; margin-top: 0; }
          #animatecapability .steps-wrapper .step{width: 100% !important;float: none;padding: 24px 1px;border: solid 1px #e2e1ed;margin-bottom: 24px;} 
          #animatecapability .steps-wrapper{display: grid;column-gap: 24px;grid-template-columns: 1fr 1fr;padding: 12px 0px;}
          #animatecapability .steps-wrapper .step .icon-wrapper span.icon{margin-bottom: 12px; }
          #animatecapability .steps-wrapper .step .icon-wrapper p br{display: none;}
          .navlist.serv {max-width: 100%;}
          .carousel__slider{min-height: 360px; }
          .carousel__item {min-height: 320px;padding: 24px;}
          .carousel__item .itemicon img {max-width: 64px; }
          .launched .card h5, .subpage .launched .card h5 {font-size: 18px; }
          .launched .card p {font-size: 16px; }
          .rightnav .themebtn {padding: 12px 12px 12px 16px; }
          .sub-banner .banner-inner .breadcrumb li, .sub-banner .banner-inner .breadcrumb li a{font-size: 16px;}
          .packaging h5{font-size: 18px; margin: 8px 0px;}
          .packimages .row div:nth-child(even) .cardpic{-webkit-transform: translateY(0px);transform: translateY(0px);}
          .subpage .launched .creverse div:nth-child(even) .card{flex-direction: column;}
          .contact .card h5{font-size: 20px; }
          .contact .imglogo {max-width: 248px;}
          .themebtn{font-size: 15px; padding: 12px 24px; }
          .masonry {column-count: 1; }
          .capability .card h5 {font-size: 20px; }
          .ourteam .row div:nth-child(even) .card {-webkit-transform: translateY(0px); transform: translateY(0px); }
          /* section.aboutus{padding-top: calc(0.5 * var(--section-py)); } */
          .corevalues h5{font-size: 16px;margin-bottom: 12px;}
          .corevalues .cvaluesbox::after{display: none; }
          .corevalues .sectiondesc{padding-left: 0px; }
          .corevalues .cvaluesbox{padding-top: 28px;padding-bottom: 24px;}
          .corevalues .cardicon{max-width: 48px;margin: 0;padding: 0;}
          .corevalues .sectiondesc .subtitle{gap: 16px;display: flex;align-items: center;margin-bottom: 17px;--title-mb: 0px;}
          .big-thank{padding: 14px; }
          .skygroup h4 br, .skygroup p br{display: none; }
          .weworks{min-height: auto;}
          .panelpic img{max-height: none; }
          .panelwrap{gap: 0; padding-right: 0; width: 100%;}
          .panelwrap .panel{flex-shrink: 0; width: 100%; display: block; }
          #animatecapability{min-height: auto; padding: var(--section-py) 0px; }
          .hero-section .sectionright{height: auto; }
          .hero-content{padding-bottom: 10%; }
          .hover-reveal_images-wrapper .hover-reveal-image{display: none; }
          .themeoffcanvas.offcanvas{padding: 12px; }
          .process-info .single-process{max-width: 100%; }
          .process-info .panelwrap{gap: 5vw 8.6vw;display: grid;grid-template-columns: 1fr 1fr;}
          .process-info .panelwrap .panel{width: 100%;z-index: 1;}
          .process-info .panelwrap .panel:after{left: auto;right: -8vw;z-index: -1;opacity: 0.25;}
          .process-info .panelwrap div:first-child .single-process,
          .process-info .panelwrap div:nth-child(4n+5) .single-process,
          .process-info .panelwrap div:nth-child(4n+4) .single-process{background-color: #0066b4; }
          .process-info .panelwrap div:first-child .single-process>*,
          .process-info .panelwrap div:nth-child(4n+5) .single-process>*,
          .process-info .panelwrap div:nth-child(4n+4) .single-process>*{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
          .process-info .panelwrap .panel:nth-child(even)::after{right: auto;left: -9vw;top: 108%;transform: translateY(-50%) rotate(2deg) scaleX(-1.1);}
     }

     @media only screen and (max-width:575px) {
          p,li{font-size: 16px; }
          .themenavbar .navbar-brand {width: calc(100% - 136px); margin: 11px 0px;}
          .rightnav .themebtn{padding: 9px 8px 9px 12px; margin: 0px 4px; }
          .contlist+.contlist h5 {margin-top: 24px; }
          .readmorebtn svg, .readmorebtn img{width: 38px; }
          .hover-reveal_text ul li{padding: 12px 12px 12px 42px;}
          .hover-reveal_text ul li::before{left: 16px;width: 14px;box-shadow: -8px 0px 0px #B0CFE8;}
          .hover-reveal_text ul li:hover::before{left: 12px; box-shadow: -4px 0px 0px #B0CFE8;}
          .hover-reveal_images-wrapper .hover-wrap {width: 50vw; }
          .footer{padding: var(--section-py) calc(0.5 * var(--section-py));padding-bottom: 0;}
          .footertop{padding-left: 0; padding-right: 0; }
          .footertop .navlist h5{margin-bottom: 0; position: relative;cursor: pointer;}
          .footertop .navlist h5:after {content: '';position: absolute;top: 50%;transform: translateY(-50%);right: 5px;width: 12px;height: 8px;background: url(../images/drop-toggle-icon.svg) no-repeat;background-size: contain;/* transition: 0.5s; */filter: contrast(0);}
          .footertop .navlist h5.mobile-acc::after{right: 9px;transform: translateY(-50%) rotate(180deg);}
          .launchedSwiper-prev svg, .launchedSwiper-next svg{width: 16px; height: 16px; }
          .footermid{padding: 24px 0px 23px; }
          .copyrights{padding: 24px 0px; }
          .footer-logo{padding: 0; }
          .error-title{font-size: 16vw; margin-bottom: 12px; }
          .subpage .aboutus .secbtmrect{bottom: -1.5%;}
          .gallery .thumbs{padding: 4px 12px 0px; }
          .subpage .launched .creverse{--bs-gutter-y: 1.5rem;} 
          .contact .card{padding: 4px 0px 0px;}
          .contact .themeform {padding: 23px 16px 16px; --title-mb: 5px;}
          .thememap{padding: 8px;}
          .quality,.gsourcing{padding: 24px 18px; }
          .quality .sliderwrap{padding-left: 0;margin-right: -18px;margin-bottom: -24px;}
          .sliderwrap .wrapinner{padding: 14px 1px 1px 13px;}
          .quality .qltycertifct img{max-width: 80px; }
          .capability .card,.ourteam .card{--bs-card-spacer-y: 24px; --bs-card-spacer-x: 16px; }
          .capability .card h5,.ourteam .card h5{font-size: 18px; }
          .legacy .card{flex-direction: column;padding: 5px 2px;}
          .legacy .cardicon {max-width: 100px; padding-bottom: 8px !important; }
          .legacy .yearsofx .cardicon{max-width: 110px; }
          .next-section, .next-section .container{padding: 0px !important; }
          .gsap-clip-path{padding: 12px 0px !important; }
          .hero-content p{margin: 20px 0px 24px; }
          #animatecapability .steps-wrapper{gap: 12px; }
          #animatecapability .steps-wrapper .step{margin-bottom: 12px; padding: 16px 8px; }
          .process-info .single-process{padding: 28px 8px;height: 100%;}
          .process-info .single-process h4{font-size: 16px;text-align: center;}
          .process-info .single-process img{max-width: 50px; margin: 0px auto 20px; }
          .process-info .panelwrap .panel:nth-child(even)::after{right: auto;left: -11vw;top: 100%;transform: translateY(-50%) rotate(-4deg) scaleX(-1);}
          .career-form { width: 100%; padding: 30px;outline: none;outline-offset: 0; }
          .join-team .join-team-inr { padding-bottom: 135px; }

     }
     @media only screen and (max-width:432px) {
          .errorbox, .thankbox{padding: 5%;}
          .subpage .aboutus .secbtmrect{bottom: -0.8%;}
          .sub-banner .banner-inner h4{font-size: calc(var(--title-font-size) + 18%);}
          .career-form { padding: 20px; }
     }

      @media only screen and (max-width:410px) {
          #animatecapability .steps-wrapper .step .icon-wrapper p{font-size: 14px; margin: 0 -8px; }
          .hero-content h1 {font-size: 32px; }
          .process-info .single-process h4{font-size: 15px; }
     }

     @media only screen and (max-width:359px) {
          .sub-banner {min-height: 134px; }
          .hero-content p{margin: 16px 0px 18px; }
     }

     @media (min-width:768px) and (max-width:991px) {
          .policy-list li:nth-child(2) {border-top: none; }
     }

     @media (min-width:1200px) and (max-width:1599px) {
          .title :is(h1, h2, h3, h4){font-size: calc(var(--title-font-size) - 100%);}
          .themenavbar .navbar-nav {max-width: 750px;}
          .themenavbar .navbar-nav .nav-link{font-size: 14px;padding: 31px 0px 30px;}
          .headtop li a {font-size: 14px; padding: 12px 16px 12px; }
          .rightnav .themebtn{margin-right: 18px;font-size: 14px;padding: 12px 20px;}
          .launched .card h5{font-size: 21px; }
          .video-wrap video{height: 82vh; }
          .footertop h5{font-size: 15px;}
          .footertop p, .footertop ul>li, .footertop ul>li>a{font-size: 15px;}
          .footer .container-fluid{max-width: 100%; }
          .footer{padding-left: 12px; padding-right: 12px; }
          .sub-banner .banner-inner h4{font-size: calc(var(--title-font-size) - 50%);}
          .subpage .aboutus {overflow: hidden; }
          .subpage .aboutus .secbtmrect{bottom: -5%; left: -1%; transform: rotate(-11deg); }
     }

     @media only screen and (min-width: 992px) and (min-height: 720px) and (max-height: 899px) {
          #animatecapability .steps-wrapper{padding-top: 24px;margin: -5% auto;-webkit-transform: scale(0.78);transform: scale(0.78);}
          #animatecapability .steps-wrapper .line-wrapper {top: 124px; }
          #animatecapability .explorebtn{margin-top: 0px !important; }
          .weworks .pb-xxl-5{padding-bottom: 1.5rem !important; }
          .launched .pb-lg-5{padding-bottom: 1rem !important; }
          .facilities .pb-lg-4{padding-bottom: 0.5rem !important; }
          .contact .contactbox{top: 114px;}
     }
     @media only screen and (min-width: 992px) and (min-height: 580px) and (max-height: 719px) {
          #animatecapability .steps-wrapper{padding-top: 1vh;margin: -7% auto;-webkit-transform: scale(0.68);transform: scale(0.68);}
          #animatecapability .steps-wrapper .line-wrapper {top: 108px; }
          #animatecapability .explorebtn{margin-top: 0vh !important;}
          .weworks .pb-xxl-5{padding-bottom: 1.5rem !important; }
          .launched .pb-lg-5{padding-bottom: 1rem !important; }
          .title :is(h1, h2, h3, h4) {font-size: calc(var(--title-font-size) - 100%); }
     }
     @media only screen and (min-width: 575px) and (min-height: 360px) and (max-height: 500px) {
          .hero-content h1{font-size: 32px;}
          .hero-content p{font-size: 16px;margin: 5vh 0;}
          .hero-content .themebtn{padding: 9px 18px;font-size: 14px;margin-bottom: -2vh;}
     }
     @media (max-height:790px) {
          .themeoffcanvas .canvaswrap{align-items: normal; }
     }



     /* @media only screen and (min-width: 575px) and (min-height: 360px) and (max-height: 500px) {
     }
     @media (min-height:720px) and (max-height:899px) {
          #animatecapability .steps-wrapper{padding-top: 24px; -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: top center; transform-origin: top center; }
          #animatecapability .steps-wrapper .line-wrapper {top: 124px; }
          #animatecapability{padding-bottom: 0px;}
          .text-center.position-relative.z-2.pt-5.mt-md-3{margin-top: 0px !important; }
     } */