/* ==============================
   1. default 
   ============================== */
   @font-face {
      font-family: 'Graphik';
      src: url('../fonts/Graphik-Regular.woff2') format('woff2');
      font-weight: 400;
      font-style: normal;
      font-display: swap;
   }
   @font-face {
      font-family: 'Graphik';
      src: url('../fonts/Graphik-Medium.woff2') format('woff2');
      font-weight: 500;
      font-style: normal;
      font-display: swap;
   }
   @font-face {
      font-family: 'Graphik';
      src: url('../fonts/Graphik-Semibold.woff2') format('woff2');
      font-weight: 600;
      font-style: normal;
      font-display: swap;
   }
   body{font-family: 'Graphik', Arial, sans-serif; }
   ul{margin:0;padding:0;list-style:none;} p:last-child{margin-bottom: 0;}
   p,li{color: var(--tc-secondary);line-height: 1.48;font-weight:400;font-size: 19px;}
   :after,:before,a,.card,img,button{-webkit-transition:all 250ms linear;-moz-transition:all 250ms linear;-o-transition:all 250ms linear;-ms-transition:all 250ms linear;transition:all 250ms linear}
   .bg-1{background:var(--tc-light)}.bg-2{background:var(--tc-primary)}.bg-3{background:var(--tc-info)}strong{font-weight:500;font-size: 100%;}a{text-decoration:none; color: currentColor;}
   .themebtn{z-index: 1;font-size: 17px;font-weight: 500;color: #FFFFFF;padding: 12px 36px;overflow: hidden;vertical-align: middle;display: inline-block;border-radius: 8px;border: none;position: relative;background: var(--tc-primary);}
   .themebtn::after {content: "";background: var(--tc-info);position: absolute;width: 200%;height: 400%;z-index: -1;border-radius: 50%;-webkit-transform: translate(30%, 10%) translateZ(0);transform: translate(30%, 10%) translateZ(0);-webkit-transition: 0.36s cubic-bezier(0.4, 0, 1, 1);transition: 0.36s cubic-bezier(0.4, 0, 1, 1);}
   .themebtn:hover:after{-webkit-transform: translate(-45%, -34%) translateZ(0);transform: translate(-46%, -40%) translateZ(0);}
   .section-label{column-gap: var(--title-mb);color: var(--tc-info);font-weight: 500;text-transform: uppercase;line-height: 1.4;position: relative;display: flex;align-items: center;white-space: nowrap;margin-bottom: calc(1.15 * var(--title-mb));font-size: clamp(0.875rem, 0.7348rem + 0.3902vw, 1.125rem);}
   .section-label::after {content: "";width: 100%;height: 1px;z-index: 0;background: #C4C4C4;}
   section :is(h1, h2, h3) {color: var(--title-color);font-size: var(--title-font-size);margin-bottom: var(--title-mb);line-height: 1.14;font-weight: 600;}
   section :is(h4, h5) {font-size: var(--subtitle-font-size);margin-bottom: var(--subtitle-mb);color: var(--tc-secondary);line-height: 1.12;font-weight: 500;}
   .themebtn.bg-3{background: var(--tc-info); }
   .themebtn.bdr{padding-inline: 25px;background: transparent;outline: solid 2px #fff;outline-offset: -2px;}
   .themebtn.bdr:after, .themebtn.bg-3:after{background: var(--bs-white); }
   .themebtn.bdr:hover, .themebtn.bg-3:hover{color: var(--tc-secondary); }

/* ==============================
   2. Pre Loader & Go top
   ============================== */
   /* body.loading{overflow: hidden; }  */
   body.loading header, body.loading main, body.loading footer{opacity: 0; } 
   #page-loader {justify-content: center;align-items: center;display: flex;z-index: 999;inset: 0px;position: fixed;padding: 24px;flex-direction: column;/* background: #393185; */} 
   /* #loader-panel-left, #loader-panel-right{background-image: url(../images/pipeline-watermark.svg); background-position: 50% 100%; background-size: 35%; } */
   #loader-panel-left{background-color: var(--tc-primary);width: 50%;height: 100%;top: 0px;left: 0px;position: absolute;} 
   #loader-panel-right{background-color: var(--tc-primary);width: 50%;height: 100%;top: 0px;right: 0px;position: absolute;} 
   #loader-content{z-index: 10;min-height: 72px;position: relative;font-family: 'Graphik', sans-serif;} 
   #loader-content .char-load{display: inline-block;opacity: 0;transform: translateY(30px) scale(0.8);} 
   #loader-content span{color: #ffffff;font-weight: 500; font-size: calc(0.9 * var(--title-font-size));}
   #loader-img{z-index: 10;position: relative;width: 72px;height: 72px;margin: -24px auto 24px;display: flex;align-items: center;justify-content: center;background: #ffffff;border-radius: 50%;border: solid 7px #ffffff;}
   #loader-img>.logo-icon{position: absolute; animation: spin 5000ms infinite linear;}
   #loader-img>img{width: 100%;}
   #back-to-top{cursor:pointer;position:fixed;bottom: 0px;right: 0px;z-index: 99;display:none;color: #ffffff!important;background: var(--tc-primary);padding: 9px 12px 1px 12px;border-radius: 24px 24px 0px 0px;max-width: 40px;overflow: hidden;border: solid 1px #ffffff;border-bottom: none;}

/* ==============================
   3. home css 
   ============================== */
   .themeheader{top: 0;left: 0;z-index: 9;padding: 0;width: 100%;position: sticky;background: #ffffff;box-shadow: 0 9px 32px rgb(0 0 0 / 12%);}
   .rightnav .nav-link{font-size: 17px;font-weight: 500;--bs-nav-link-color: #444444;--bs-nav-link-hover-color: var(--tc-primary);}
   .rightnav .themebtn{display: block;margin-inline: 16px 12px;padding: 12px 20px 11px;--bs-nav-link-hover-color: #fff;}
   .rightnav .themebtn>img{width: 27px;filter: invert(1) grayscale(1) brightness(2);}
   .homepage>section,.subpage>section{z-index: 1;width: 100%;overflow: clip;position: relative;padding-block: var(--section-py);}
   .sectionpic{z-index: 1;position: relative;overflow: hidden;border-radius: 5px;}
   .sectionpic img{width: 100%;object-fit: cover;-webkit-transition: all 1s ease;transition: all 1s ease;}
   .sectionpic:hover img{-webkit-transform: scale(1.07) translateZ(0); transform: scale(1.07) translateZ(0); }

   .horizontal-panel-content{max-width: 700px; } 
   .fullpage-slide{height: 100vh; min-height: 100vh; } 
   .scrollable-image-item-reveal{overflow: hidden;border-radius: 10px;} 
   .scrollable-image-item-reveal img{transform-origin: center center; } 
   .image-tilt-wrapper{perspective: 1000px; } 
   .image-tilt-wrapper img{transform-style: preserve-3d; } 
   .char-reveal-heading .char{display: inline-block; opacity: 0; transform: translateY(20px) rotateX(-90deg); transform-origin: bottom center; } 
   .parallax-section{position: relative; overflow: hidden; } 
   .parallax-background-element{position: absolute; left: 0; width: 100%; height: 140%; top: -20%; background-size: cover; background-position: center; z-index: 0; background-color: #2d3748; } 
   
   .hero-content-reveal{opacity: 0;width: 100%;z-index: 2;position: relative;padding: 21% 0px 0px;}
   .card-stack-container{height: 300vh; position: relative; } 
   .card-stack-wrapper{position: sticky; top: 0; height: 100vh; display: flex; justify-content: center; align-items: center; overflow: hidden; } 
   .stack-card{position: absolute; transform-origin: center center; } 
   .animation-control-label { transition: background-color 0.2s, color 0.2s; } 
   .animation-control input:checked + .animation-control-label { background-color: #4f46e5; color: #ffffff; border-color: #4f46e5; }

   .herosection{color: rgb(255 255 255);/* text-align: center; */overflow: hidden;justify-content: center;align-items: center;flex-direction: column;width: 100%; height: auto; aspect-ratio: 240 / 107;
    min-height: 240px; display: flex;position: relative; background: #212121;}
   .hero-background-image{transform: scale(1.05); transform-origin: center center; background-position: center; background-size: cover; width: 100%; height: 100%; z-index: 0; inset: 0px; position: absolute; }
   .hero-background-image>video{top: 0; left: 0; width: 100%;height: 100%; position: absolute; object-fit: cover;object-position: center center;}
   .hero-background-image::before, .hero-background-image::after{content: "";position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;pointer-events: none;}
/*    .hero-background-image::before{background: rgb(0 0 0 / 35%);}
   .hero-background-image::after{opacity: 40%;background: #000000;background: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);} */
   .herotitle{margin-bottom: 4px;font-size: calc(var(--title-font-size) + 2px);font-weight: 500;color: var(--bs-white);}
   .herotitle>a{width: 44px; text-indent: 50px; white-space: nowrap; }
	.herotitle>a::before, .herotitle>a::after{top: auto;  position: absolute; }
   .herosection p{font-size: 22px;font-weight: 400;color: var(--bs-white);margin-block: 18px 46px;}

   .buttons{display: flex; flex-wrap: wrap; gap: 12px 16px; }
   .dotsbg{position: relative;z-index: 1;overflow: clip;background: var(--bs-white);}
   .dotsbg::before{left: 0;bottom: 0;z-index: -1;content: "";width: 54%;position: absolute;aspect-ratio: 113/57;background-image: url('../images/dots-bg.svg');background-size: contain;background-repeat: no-repeat;}
   .aboutus.dotsbg::after, .dotsbg-right::after{top: -20px;right: 0;z-index: -1;content: "";width: 54%;position: absolute;aspect-ratio: 113/57;background-image: url('../images/dots-bg.svg');background-size: contain;background-repeat: no-repeat;transform: scale(-1);}
   .pin-outer-container.dotsbg.dotsbg-right::before{top: 0; bottom: auto; transform: scaleY(-1); }

   .prawithiso{display: flex;padding-top: 12px;align-items: self-start;column-gap: calc(2.5 * var(--title-mb));}
   .isopic{width: 100%;max-width: 209px;flex-shrink: 0;border-right: solid 1px #E1E1E1;}
   .isopic>img{transition: none; }
   .isopic .swiper-slide {padding: 24px; padding-right: calc(2.5 * var(--title-mb)); }
   .isopic .swiper-slide:hover img{transform: scale(1.07, 1.07); filter: brightness(1.15);}

   .counters{max-width: 438px;position: relative;z-index: 1;}
   .counters::before{left: 0;content: "";bottom: -24px;position: absolute;top: calc(-1 * var(--section-py));border-left: solid 1px #E1E1E1;}
   .counteritem{padding: 25px 40px;position: relative;overflow-x: clip;width: 100%;gap: 8px 12px;display: flex;align-items: center;justify-content: space-between;border-bottom: solid 1px #C4C4C4;}
   .counteritem::before{left: 0;width: 8px;height: 5px;content: "";bottom: -5px;position: absolute;border-left: solid 1px #707070;border-top: solid 1px #707070;box-shadow: -7px -5px 0px 0px #707070;}
   .counteritem h4{font-weight: 500;position: relative;line-height: 1;margin-bottom: 0;letter-spacing: -2px;color: var(--title-color);font-size: 45px;}
   .counteritem h5{font-size: 19px;margin-block: 6px 8px;}
   .counteritem p{font-size: 17px;font-weight: 400;line-height: 1.2;}
   .counteritem .itemtext{text-align: right;}
   .counteritem .itemicon{flex-shrink: 0;width: 48px;}
   .counteritem .counter{position:relative;display:flex;overflow:hidden;height: 46px;text-align:center;padding-right: 4px;justify-content: end;align-items: flex-start;}
   .counteritem .counter>span{z-index:1;display:flex;flex-direction:column;height:100%;max-width:100%;transition:transform 2s;transform:translateY(0);align-items:center}
   .counteritem .counter>span span{flex:0 0 100%;height:100%;}
   .counteritem .counter::after{top: 4px;content: "+";font-size: 50%;margin-left: 4px;position: relative;color: #E45228;}
   .counteritem:first-child{padding-top: 12px;}

   .business .card{border: none;overflow: hidden;border-radius: 10px;}
   .business .card h5{color: var(--bs-white);}
   .business .card p{font-size: 17px;line-height: 24px;color: var(--bs-white);transform: translateY(0.5rem);transition: all 0.4s;opacity: 0;max-height: 14px;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} 
   .business .cardpic{position: relative;overflow: hidden;aspect-ratio: 5/4;}
   .business .cardpic::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 50%;background: rgb(0 0 0 / 26%);background: linear-gradient(0deg,rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.01) 100%);}
   .business .cardpic>img{width: 107%;max-width: none;object-fit: cover;aspect-ratio: 5/4;transform: translateX(-5%);transform-origin: right center;transition: all 0.4s;}  
   .business .card-img-overlay{top: auto;display: flex;flex-direction: column;justify-content: flex-end;transition: all 0.4s;padding: 32px 24px 0px;}
   .business .cardpic>.arrowbtn{z-index: 1;opacity: 0;border: none;position: absolute;transform: scale(0.7);--tc-info: transparent;top: calc(0.5 * var(--section-py));right: calc(0.5 * var(--section-py));background: rgb(255 255 255 / 22%);backdrop-filter: blur(2px);transition: all 0.4s;}
   .business .card:hover p { opacity: 1; max-height: 72px; transform: translateY(-3px); }
   .business .card:hover .card-img-overlay{padding-bottom: 24px;}
   .business .card:hover .cardpic>img{transform: scaleX(1) translateZ(0);}
   .business .card:hover .cardpic>.arrowbtn{opacity: 1;transform: scale(1);}

   .arrowbtn{padding: 3px;color: #6E6E6E;position: relative;overflow: hidden;align-items: center;border-radius: 50px;display: inline-flex;border: 1px solid #707070;}
   .arrowbtn>span{position: relative;font-size: 16px;font-weight: 500;color: #6E6E6E;border-radius: 50px;display: inline-block;padding: 7px 16px 7px 20px;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
   .arrowbtn::before, .arrowbtn::after{content: "";width: 38px;height: 38px;position: relative;border-radius: 50px;display: inline-flex;background: var(--tc-info) url(../images/arrow-right-white.svg) no-repeat;background-size: 16px;background-position: center;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
   .arrowbtn::before {position: absolute;left: 3px;top: 3px;opacity: 0;-webkit-transform: scale(0);transform: scale(0);background-color: var(--tc-primary);} 
   .arrowbtn:hover>span{-webkit-transform: translateX(34px);transform: translateX(34px);} 
   .arrowbtn:hover::before{ opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 
   .arrowbtn:hover::after{opacity: 0;-webkit-transform: scale(0);transform: scale(0);}

   .majorpro .card{z-index: 1;border-radius: 0;border-right: none;border-color: #C4C4C4;--bs-card-spacer-y: calc(0.6 * var(--section-py));--bs-card-spacer-x: calc(0.6 * var(--section-py));}
   .majorpro .card h4{font-size: 19px; }
   .majorpro .card p{margin-top: var(--title-mb);}
   .majorpro .cardpic{margin: -1px;height: calc(100% + 2px);position: relative;overflow: hidden;}
   .majorpro .cardpic>img{width: 100%;height: 100%;object-fit: cover;aspect-ratio: 585/544;}  
   .project-year{display: block;color: #979797;font-size: 20px;font-weight: 400;padding-bottom: var(--subtitle-mb);margin-bottom: calc(1.5 * var(--subtitle-mb));border-bottom: solid 1px #C4C4C4;}  
   .prodSwiper{border-right:solid 1px #C4C4C4; }
   .slide-number{position: absolute;right: 34px;bottom: 21px;z-index: -1;color: #E6E0E0;font-size: 14px;font-weight: 500;line-height: normal;font-size: calc(1.5 * var(--title-font-size));}

   .nmedia{position: relative;height: 100%;z-index: 1;overflow: hidden;padding: 30px 25px 25px;}
   .nmedia .theme-recent-post-item{background: #fff;padding: 28px 24px !important;gap: unset;}
   .nmedia .theme-recent-post-item p{font-weight: 500;font-size: 18px;margin-bottom: 9px;} 
   .mediaSwiper .swiper-wrapper {align-items: stretch;}
   .mediaSwiper .swiper-slide {height: auto !important;}

   .clientslider{position: relative; overflow: hidden; z-index: 1;}
   .clientslider .swiper-wrapper{-webkit-transition-timing-function: linear !important; transition-timing-function: linear !important; }
   .clientslider .swiper-slide{width: auto;height: auto; } 
   .clientslider .swiper-slide::after{content: "";position: absolute;right: -1px;top: 50%;transform: translateY(-50%);width: 1px;height: 85px;background: #C4C4C4;}
   .clientslider .clientlogo{background: #fff;display: flex;justify-content: center;align-items: center;width: auto;height: 80px;position: relative;overflow: hidden;padding-inline: calc(0.86 * var(--section-py));} 
   .clientslider .clientlogo img{width: 100%;max-height: 100%;object-fit: contain;}
   .clientslider::before,.clientslider::after{content: "";position: absolute;top: 0;right: 0;width: 96px;height: 100%;z-index: 2;pointer-events: none;background: rgba(255, 255, 255, 0.53);background: linear-gradient(90deg, rgb(255 255 255 / 0%) 0%, rgba(255, 255, 255, 1) 100%);}
   .clientslider::before{left: 0;right: auto;transform: scaleX(-1);}
   .clientslider .clientrevSwiper {margin-top: calc(0.8 * var(--section-py));}
   .our-clients.dotsbg::before{max-height: 410px;}

   .slider-custom-nav{display: flex;gap: 6px;margin-bottom: var(--title-mb);} 
   .slider-custom-nav button{background: none;cursor: pointer;outline: none;position: relative;left: 0;right: 0;overflow: hidden;padding: 7px 18px;border-radius: 28px;--swiper-navigation-size: auto;border: 1px solid var(--tc-info);} 
   .slider-custom-nav button::before{content: "";position: absolute;background: var(--tc-info);width: 0;right: 0;height: 100%;z-index: -1;border-radius: 28px;}
   .slider-custom-nav button.swiper-button-prev{transform: scaleX(-1);}
   .slider-custom-nav button.swiper-button-disabled{pointer-events: none; cursor: none; }
   .slider-custom-nav button:hover:before{width: 100%; }
   .slider-custom-nav button::after{display: none; }
   .slider-custom-nav button>img{width: 14px;}
   .slider-custom-nav button:hover>img{filter: brightness(0) invert(1);}

   .chooseus .section-label::after{background: rgb(255 255 255 / 19%);}
   .chooseus h2, .chooseus p, .chooseus .section-label{color: var(--bs-white);}
   .chooseus::before{top: 0;left: 0;z-index: 1;width: 100%;height: 100%;content: "";position: absolute;background: rgb(0 0 0 / 26%);}
   .chooseus::after{top: 0;left: 0;z-index: 1;width: 100%;height: 57.8%;content: "";position: absolute;background: var(--tc-primary);}
   .chooseus.parallax-section{padding-bottom: calc(1.7 * var(--section-py));}
   .chooseus .parallax-background-element{top: 40%;height: 80%;}

   .whybox{border-radius: 10px;overflow: hidden;position: relative;}
   .whybox .card{z-index: 1;height: 100%;border: none;border-radius: 0;--bs-card-spacer-y: 0rem;--bs-card-spacer-x: 0rem;padding: calc(0.6 * var(--section-py));box-shadow: -1px -1px 0px 0px #E2E2E2;}
   .whybox .card h4{font-size: 19px; }
   .whybox .card p{font-size: 17px; color: var(--tc-secondary); }
   .whybox .cardicon{width: 62px;height: 62px;padding: 10px;border-radius: 10px;display: flex;align-items: center;justify-content: center;background: var(--tc-info);margin-bottom: calc(1.8 * var(--subtitle-mb));transition: all 250ms linear;}
   .whybox .cardicon>img, .whiteicon>img{object-fit: contain;filter: invert(1) grayscale(1) brightness(2);}
   .whybox .card::after{content: "";position: absolute;right: 0;bottom: 0;width: 122px;z-index: -1;aspect-ratio: 1 / 1;background: url(../images/shadow-btm.svg) no-repeat;background-size: contain;}
   .whybox>.row>[class^="col-"]:nth-child(3n+2) .card::before{content: "";position: absolute;left: 0;top: 0;z-index: -1;width: 122px;aspect-ratio: 1/1;background: url(../images/shadow-tp.svg) no-repeat;background-size: contain;}
   .whybox>.row>[class^="col-"]:nth-child(3n+2) .card::after{top: 0;bottom: auto;transform: scaleY(-1);} 
   .whybox>.row>[class^="col-"]:nth-child(3n+3) .card::after{left: 0;right: auto;transform: scaleX(-1);} 
   .whybox .card:hover .cardicon{background: var(--tc-primary);}

   .trustedbox{z-index: 1;overflow: hidden;position: relative;text-align: center;border-radius: var(--rounded);background: #0655BC;padding: var(--section-py);border: solid 10px #fff;}
   .trustedbox::after{content: "";position: absolute;left: 0;top: 0;z-index: 0;width: 100%;height: 100%;pointer-events: none;background: rgb(6 85 188 / 86%);}
   .trustedbox .parallax-background-element{top: -40%; }
   .trustedbox h3, .trustedbox p{color: var(--bs-white);}
   .trustedbox p{margin-bottom: calc(1.6 * var(--title-mb));}
   .trustedbox .themebtn{font-size: 16px;min-width: 201px;border-radius: 24px;padding-inline: 24px;}

   .fulldotsbg{z-index: 1; position: relative; background-color: #fff }
   .fulldotsbg::after{content: "";position: absolute;left: 0;top: 0;z-index: 0;width: 100%;height: 100%;pointer-events: none;background: url(../images/fulldots-bg.svg) no-repeat;background-size: cover;}
   
   .footer{z-index: 1; position: relative; background-color: #001229 }
   .footer::after{content: "";position: absolute;left: 0;top: 0;z-index: 0;width: 100%;height: 100%;pointer-events: none;background: url(../images/footer-bg.svg) no-repeat;background-size: cover;}

   .footertop{padding: calc(0.6 * var(--section-py));padding-top: var(--section-py);}
   .footertop h5{font-size: 17px;font-weight: 500;position: relative;color: var(--bs-white);letter-spacing: 0.35px;text-transform: uppercase;padding-bottom: calc(1.2 * var(--title-mb));margin-bottom: calc(1.2 * var(--title-mb));}
   .footertop h5::before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;max-width: 206px;background: rgb(255 255 255 / 46%);}
   .footertop p, .footertop ul>li, .footertop ul>li>a {font-size: 17px;font-weight: 400;position: relative;letter-spacing: 0.35px;color: rgb(255 255 255 / 85%);}
   .footertop .navlist li{margin: 7px 0;white-space: nowrap;}
   .footertop .navlist li>a:before{content: "";position: absolute;left: 0;top: 50%;opacity: 0;width: 10px;height: 2px;visibility: hidden;/* border-radius: 50%; */transform: translate(7px, -50%);background: var(--bs-white);}
   .footertop .navlist li>a:hover{padding-left: 12px;color: var(--bs-white);}
   .footertop .navlist li>a:hover:before{opacity: 1;visibility: visible;transform: translate(0px, -50%);}

   .footermid h5{font-size: 18px;font-weight: 500;letter-spacing: 0.2px;text-transform: uppercase;color: var(--bs-white);}
   .footermid .contlist p{font-size: 16px;line-height: 24px;white-space: nowrap;}
   .footermid .contlist li{font-size: 17px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: rgb(255 255 255 / 85%);}
   .footermid .contlist li span{margin-left: 2px;font-weight: 500;color: rgb(255 255 255 / 90%);}
   .footermid{padding-block: 27px;border-block: solid 1px rgb(255 255 255 / 28%);padding-inline: calc(0.6 * var(--section-py));}
   .footermid ul{gap: 7px 5px;flex-wrap: wrap;display: flex;align-items: center;}

   .socials{margin: auto; max-width: fit-content; }
   .socials li>a{padding: 9px;width: 49px;height: 49px;border-radius: 50%;display: flex;align-items: center;justify-content: center;position: relative;z-index: 1;}
   .socials li>a::before,.socials li>a::after{position: absolute;top: 0;left: 0;bottom: 0;right: 0;content: '';z-index: -1;border-radius: 50%; -webkit-transition: all 0.4s cubic-bezier(0.56, 0.26, 0.31, 1.32);transition: all 0.4s cubic-bezier(0.56, 0.26, 0.31, 1.32);}
   .socials li>a::before {background-color: transparent;-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transform-origin: center;transform-origin: center;}
   .socials li>a::after {background-color: var(--bs-white);-webkit-transform: scale(0);transform: scale(0);-webkit-transform-origin: center;transform-origin: center;}
   .socials li>a:hover::before {-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0); }
   .socials li>a:hover::after {-webkit-transform: scaleX(1);transform: scaleX(1);}
   .socials li>a>img{object-fit: contain;filter: invert(1) grayscale(1) brightness(2);}
   .socials li>a:hover>img{filter: none;transform: scale(0.8);}

   .copyrights{padding-block: 12px 7px;padding-inline: calc(0.6 * var(--section-py));}
   .copyrights ul{flex-wrap: wrap;gap: 10px 10px;padding: 8px 0px;display: inline-flex;}
   .copyrights li:before {content: "|";position: absolute;right: -7px;color: currentColor;}
   .copyrights li:last-child:before{display: none; }
   .copyrights li {font-size: 16px;font-weight: 400;color: rgb(255 255 255 / 85%);position: relative;line-height: normal;}
   .copyrights li.dby a{max-width: 28px;margin-left: 2px;mix-blend-mode: luminosity;opacity: 100%;}
   .copyrights li.dby:hover a{opacity: 100%;mix-blend-mode: normal;}

   .btn-whatsapp-pulse{background:#25d366;color:#fff;position:fixed;left: 14px;bottom: 14px;font-size:30px;display: inline-flex;justify-content:center;align-items:center;width:0;height:0;z-index:9;padding:30px;text-decoration:none;border-radius:50%;animation-name:whatsapppulse;animation-duration:1.5s;animation-timing-function:ease-out;animation-iteration-count:infinite}
   @-webkit-keyframes whatsapppulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}80%{box-shadow:0 0 0 14px rgba(37,211,102,0)}}@keyframes whatsapppulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}80%{box-shadow:0 0 0 14px rgba(37,211,102,0)}}

/* ==============================
   4. sub page css 
   ============================== */   
   .sub-banner{z-index: 1;position: relative;overflow: hidden;background: #c4c4c4;display: flex;justify-content: end;align-items: center;flex-direction: column;padding-top: 5rem !important;height: clamp(15rem, 11.2rem + 19vw, 34rem);}
   .sub-banner .breadcrumb li, .sub-banner .breadcrumb li a{color: #ffffff;font-weight: 400;--bs-breadcrumb-divider-color: #d7d7d7;} 
   .sub-banner .breadcrumb{padding: 0px 0px;margin-bottom: 0;}
   .sub-banner .breadcrumb li{position: relative;padding-right: 18px;margin-right: 8px;}
   .sub-banner .breadcrumb li:before{content: "/";position: absolute;right: 0;padding: 0;}
   .sub-banner .breadcrumb li:last-child:before{display: none; }
   .sub-banner .breadcrumb li+li{padding-left: 0;}
   .sub-banner .hero-content-reveal{padding-top: 0; padding-bottom: 8%; }

   .themeaccordion {--bs-accordion-btn-bg: transparent; --bs-accordion-bg: transparent; }
   .themeaccordion .accordion-button:not(.collapsed) {color: #034693;background-color: transparent;box-shadow: none;}
   .themeaccordion .accordion-button{font-size: 17px;font-weight: 600;color: #313131;padding: 21px 12px 21px 65px;box-shadow: none;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
   .themeaccordion .accordionicon{position: absolute;width: 40px;flex-shrink: 0;left: 2px;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
   .themeaccordion .accordion-body{padding-top: 0px;padding-left: 2px;padding-bottom: 21px;}
   .themeaccordion .accordion-button:not(.collapsed){font-size: 19px;color: #CE1F29;padding-bottom: 9px;padding-left: 2px;}
   .themeaccordion .accordion-button:not(.collapsed) .accordionicon{width: 0px; opacity: 0; }
   .themeaccordion .accordion-button::after{background-image: none;content: "\2b";line-height: 21px;text-align: center;font-size: 80%;font-family: "Font Awesome 6 Free";}
   .themeaccordion .accordion-button:not(.collapsed)::after{background-image: none; content: "\f068";font-weight: 900;}

   .themelist li{position: relative;padding-left: 24px;margin-bottom: 8px;}
   .themelist li::before{left: 2px;top: 8px;width: 10px;height: 10px;content: "";position: absolute;border-radius: 50%;background: #39318526 url(../images/logo-icon.svg) no-repeat;background-size: contain;}
   .themelist li:last-child{margin-bottom: 0; }



   .themeform .form-control, .themeform .form-select{border: none;height: 68px;font-size: 17px;font-weight: 500;border-radius: 0px;padding-left: 4px;border-bottom: 1px solid #c4c4c4;background-color: transparent;}
   .themeform span textarea.form-control{resize: none;height: 124px;padding-top: 32px !important;}
   .themeform .form-floating>label {color: #565656;font-size: 17px;font-weight: 500;padding-left: 0px;--bs-body-bg: transparent;}
   .themeform .form-select{padding-top: 23px;box-shadow: none !important;}
   .themeform .form-control:focus, .themeform .form-select:focus{box-shadow: none; border-color: #0c1b2d; background-color: transparent; } 
   .thememap {position: relative;width: 100%;z-index: 1;box-shadow: none;margin-bottom: -10px;border-radius: 16px;}
   .thememap .ratio{border-radius: 0 0 16px 16px;overflow: hidden;max-height: 480px;min-width: 280px;height: 100%;}
   .thememap .themetab>a::before{background: var(--tc-info); }

   

   .file-drop-area {width: 100%; z-index: 2; position: relative; } 
   .file-drop-area .file-message {position: absolute;z-index: -1;color: #212529;font-size: 17px;font-weight: 500;bottom: 0;left: 0;border-bottom: dashed 2px #DFDFDF;display: flex;align-items: center;} 
   .file-drop-area .file-message.selected {color: #151928;font-weight: 600; }
   .file-drop-area .file-input {opacity: 0;height: 76px;}
   .file-drop-area input[type=file]::-webkit-file-upload-button{display: none; } 
   .file-drop-area input[type=file]::file-selector-button{display: none; }
   .file-drop-area .upload-icon{position: absolute;top: 2px;right: 2px;width: 64px;user-select: none;pointer-events: none;height: calc(100% - 4px);background: #fff;display: flex;align-items: center;justify-content: center;}
   .file-drop-area .upload-icon img{width: 24px;}

   .close-button {width: 32px;height: 32px;background: none;right: 9px;top: 15px;z-index:2;position: absolute;text-indent: -9999px;box-shadow: none !important;}
   .close-button:before, .close-button:after {content: '';width: 55%;height: 2px;background: #000;position: absolute;top: 48%;left: 22%;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
   .close-button:after {-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
   .close-button:hover:before, .close-button:hover:after {-webkit-transform: rotate(180deg);transform: rotate(180deg);}

   .themeoffcanvas.offcanvas{top: 18px;right: 18px;bottom: 18px;opacity: 0;padding: calc(0.3 * var(--section-py));max-width: 720px;border-radius: 10px;--bs-offcanvas-width: calc(100% - 36px);border: solid 0px transparent;transform-origin: top right;box-shadow: 0px 0px 32px rgb(0 0 0 / 24%);transform: scale(.3) translate(0) !important;--bs-offcanvas-transition: all 0.3s ease-in-out;} 
   .themeoffcanvas.offcanvas.show { opacity: 1; visibility: visible; pointer-events: auto; transform: scale(1) translate(0) !important; } 
   .themeoffcanvas .offcanvas-header{position: relative;padding-top: 5px;}
   .themeoffcanvas .offcanvas-title{font-weight: 600;line-height: 1.2;padding-top: 5px;color: var(--tc-primary);font-size: calc(1.2 * var(--subtitle-font-size));}
   .themeoffcanvas .offcanvas-body{padding-top: 4px;}
   .themeoffcanvas .close-button{top: 4px;right: 12px;}
   .offcanvas-backdrop.show { opacity: 1; }
   .offcanvas-backdrop {background: rgba(0, 0, 0, 0.25);backdrop-filter: blur(2px);-webkit-backdrop-filter: blur(2px);transition: all 0.3s ease-in-out;}  
   body.offcanvas-open .themenavbar{padding-right: var(--scrollbar-width); } 
   .themeoffcanvas .themeform .form-control, .themeoffcanvas .themeform .form-select{border-radius: 4px;padding-left: 24px;background-color: #ffffff;border: solid 1px #DFDFDF;}
   .themeoffcanvas .themeform .form-floating>label{padding-top: 21px;padding-left: 24px;}
   .themeoffcanvas .themeform .file-drop-area .file-message{height: 100%;border: dashed 2px #DFDFDF;}
   .themeoffcanvas .themeform textarea.form-control{padding-top: 36px; }

   .themeoffcanvas.offcanvas{padding: calc(0.4 * var(--section-py));background-color: var(--tc-light);}
   .themeoffcanvas.offcanvas .themeform{width: 100%;overflow: clip;padding-top: 4px;}
   .themeoffcanvas.offcanvas::after{top: 0;left: 0;width: 100%;height: 100%;z-index: -1;content: "";position: absolute;mix-blend-mode: multiply;background-image: url(../images/dots-bg.svg);background-position: center right;background-size: contain;transform: scaleX(-1);}

   .theme-recent-post-item{display:flex;justify-content:flex-start;align-items: flex-start;gap:20px;margin-bottom: 24px;padding-bottom: 25px;}
   .theme-recent-post-item .thumb{position: relative;overflow: hidden;flex-shrink: 0;border-radius:5px;}
   .theme-recent-post-item .thumb img{width: 100%;object-fit:cover;aspect-ratio: 17/21;}
   .theme-recent-post-item .time{position:relative;display:block;font-size: 17px;font-weight: 500;color: #444444;}
   .theme-recent-post-item h6{font-weight: 500;line-height: 1.39;color: #005AAA;margin: 9px 0px;font-size: calc(0.8 * var(--subtitle-font-size));}
   .theme-recent-post-item h6 a{color: currentColor;background-image: -webkit-gradient(linear, left top, right top, from(#444), to(#444));background-image: linear-gradient(90deg, #444, #444);background-position: right bottom;background-size: 0 1px;background-repeat: no-repeat;-webkit-transition: background-size 0.4s cubic-bezier(0.895, 0.03, 0.685, 0.22);transition: background-size 0.4s cubic-bezier(0.895, 0.03, 0.685, 0.22);}
   .theme-recent-post-item h6:hover a{background-size: 100% 1px;background-position: left bottom;-webkit-transition: background-size 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);transition: background-size 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);}
   .theme-recent-post-item:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}

   .widget{background: var(--tc-light);border-radius: 8px;margin-bottom: 30px;padding: 32px;}
   .widget:last-child{margin-bottom: 0; }
   .widget-area{position: sticky;top: 102px;}
   .widget-category li a{display: flex;align-items: center;justify-content: space-between;border-radius: 5px;padding: 12px 14px;margin-bottom: 8px;font-size: 16px;color: currentColor;background-color: #FFFFFF;}
   .widget-category li a:hover{background-color: #393185;color: #ffffff;}
   .widget-category li:last-child a{margin-bottom: 0px; }

   .post-cat {display: flex;flex-wrap: wrap;align-items: center;gap: 4px 24px;margin-bottom: 12px;backdrop-filter: blur(1px);}
   .post-cat li {font-weight: 400;font-size: 16px;line-height: 24px;color: #757575;position: relative;}
   .post-cat li:before{content: "/";position: absolute;right: -14px;top: 1px;color: #cad2da;}
   .post-cat li:last-child:before{display: none; }

   .subpage .aboutus::before{bottom: auto;}
   .subpage .image-wrapper{overflow: hidden;}
   .aboutus .spinicon{top: 38px;left: 46px;width: 124px;position: absolute;animation: spin 5000ms infinite linear;filter: brightness(0) opacity(0.02);}

   .blogs .card{background: #F3F9FF;border-color: #dbe8f5;border-radius: 10px;overflow: hidden;--bs-card-spacer-y: 28px;--bs-card-spacer-x: 28px;}
   .blogs .card .img-area img{width: 100%;height: 100%;object-fit: cover;aspect-ratio: 624 / 352;}
   .blogs .card .card-body .card-title{font-size: 23px;font-weight: 500;color: #444444;line-height: 1.3;margin-bottom: 20px;}
   .blogs .card .card-body .theme-btn{padding-block: 8px;}
   .blogs .card .card-body .sub-title {margin-bottom: 14px;padding: 7px 18px 6px;width: fit-content;background: #fff;border-radius: 30px;font-size: 14px;font-weight: 500;color: #1a74b4;border: solid 1px #ebf2f9;}

   .blog-content h2{font-weight: 500;font-size: var(--subtitle-font-size);margin-top: calc(2.5 * var(--subtitle-mb));margin-bottom: var(--subtitle-mb);color: var(--tc-secondary);}
   .thumbnail>img{width: 100%;height: auto;object-fit: cover;aspect-ratio: 16/9;border-radius: 12px;}
   .widget-posts .theme-recent-post-item h6{font-size: 19px; margin: 4px 0 7px; }
   .widget-posts .theme-recent-post-item p{font-size: 16px; margin-bottom: 4px; }
   .widget-posts .theme-recent-post-item .time{font-size: 16px; } 

   .philosophy {counter-reset: cards;}
   .philosophy .section-label, .competency .section-label, .cvalues .section-label{min-width: 148px; }
   .philosophy .card{height: 100%;padding: 24px;border-radius: 0;border-left: none;border-color: #d0d0d0;background: transparent;}
   .philosophy .card::before{display: block;opacity: 0.4;font-size: calc(1.25 * var(--subtitle-font-size));font-weight: 600;color: #d0d0d0;margin-left: 24px;letter-spacing: 2px;counter-increment: cards;content: "0" counter(cards);}
   .philosophy .card::after{content: "";position: absolute;left: 0;top: 0;width: 36px;height: 50px;border-left: solid 1px #d0d0d0;border-bottom: solid 1px #d0d0d0;}
   .philosophy .card p{font-size: 18px; }
   .philosophy .card-img-top{width: 56px;height: 56px;opacity: 0.8;object-fit: contain;margin-block: 16px 25px;}
   .philosophy .row div:nth-child(even) .card{-webkit-transform: translateY(48px);transform: translateY(48px);}

   .competency{position:relative;/* height:100vh; */display: flex;align-items: center;justify-content: center;counter-reset: cards;}
   .competext{height: 100%;display: flex;flex-direction: column;align-items: flex-start;justify-content: space-between;}
   .competext li{/* font-size: 17px; */font-weight: 500;background: #ffffff;}
   .step{margin-block: 0;position: relative;}
   .step::before{display: block;opacity: 0.2;font-size: calc(2 * var(--subtitle-font-size));font-weight: 600;color: #ffffff;margin-bottom: -5px;letter-spacing: 4px;counter-increment: cards;content: "0" counter(cards);text-shadow: -1px -1px 0 #444444, 1px -1px 0 #444444, -1px 1px 0 #444444, 1px 1px 0 #444444;}
   .step+.step{margin-top: 24px;}
   .circle-box{position:relative;height: 100%;width: 100%;display: flex;align-items: center;justify-content: center;}
   /* .circle-box>img{transform: translate3d(0px, 0px, 0px) rotate(90deg);} */
   
   .contactbox{position: relative;border-radius: 30px;padding: var(--section-py);background-color: var(--tc-light);}
   .contactbox .section-label{min-width: 132px;}
   .contactbox .themebtn.bg-3:after{background: var(--tc-primary); }
   .contactbox .themebtn.bg-3:hover{color: var(--bs-white); }
   .contactbox .themeform{position: sticky;top: 132px;background: #fff;border-radius: 16px;padding: 32px 24px 24px;}
   
   .corner-line-h{left: 0;right: 0;top: calc(0.5 * var(--section-py));bottom: calc(0.5 * var(--section-py));border-block: solid 1px #E1E1E1;position: absolute;pointer-events: none;}
   .corner-line-v{top: 0;left: calc(0.5 * var(--section-py));right: calc(0.5 * var(--section-py));bottom: 0;border-inline: solid 1px #E1E1E1;position: absolute;pointer-events: none;}
   .corner-line-v::before, .corner-line-v::after{content: "";position: absolute;width: calc(0.5 * var(--section-py));height: calc(0.36 * var(--section-py));border-block: solid 1px #E1E1E1;}
   .corner-line-v::before{left: calc(-0.5 * var(--section-py));bottom: calc(0.84 * var(--section-py));}
   .corner-line-v::after{top: calc(0.84 * var(--section-py));right: calc(-0.5 * var(--section-py));}

   .sub-text{max-width: 600px;margin: 0 auto;/* text-align: center; *//* font-size: 18px; */} 
   .info-card{border: 1px solid #c4c4c4;border-radius: 16px;padding: 24px 10px 24px 18px;height: calc(100% + 1px);margin-right: -1px;margin-bottom: -1px;/* background: rgb(255 255 255 / 50%); */transition: all 0.3s;}
   .info-card h5{font-size: 19px;}
   .info-card li{margin-bottom: 8px;}
   .info-card p>span{display: inline-block; }
   .info-card p>strong{display: inline-block; font-weight: 100;}
   .info-card p, .info-card li{font-size: 18px;white-space: pre-line;}
   .icon-circle{width: 46px;height: 46px;background-color: #393185;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: 15px;box-shadow: 0px 0px 12px rgb(0 0 0 / 4%);}
   .icon-circle>img{width: auto;height: 24px;object-fit: contain;filter: brightness(0) invert(1);}

   .tabs .nav{border-radius: 24px;max-width: fit-content;margin: 1px auto 0px;overflow: hidden;}
   .tabs .nav-link{font-size: 17px;color: #444444;font-weight: 500;background: #ffffff;border-radius: 0;padding: 12px 24px;text-transform: uppercase;}
   .tabs .nav-link.active{color: #ffffff;background: var(--tc-info);}

   .slmw::after{min-width:96px;}
   .opening{counter-reset: cards;}
   .opening .item{position: relative;border-bottom: solid 1px #c4c4c4;padding-inline: 16px;padding-block: calc(0.7 * var(--section-py));}
   .opening .item:first-child{padding-top: 28px;}
   .opening .item:last-child{padding-bottom: 28px;border-bottom: none;}
   .opening .item h3{--title-mb: 0;--title-color: #444;font-size: calc(var(--title-font-size) - 4px);display: flex;column-gap: 14px;}
   .opening .item h3::before{opacity: 0.2;color: #ffffff;letter-spacing: 2px;counter-increment: cards;content: "0" counter(cards);text-shadow: -1px -1px 0 #444444, 1px -1px 0 #444444, -1px 1px 0 #444444, 1px 1px 0 #444444;}
   .opening .opendisc{position: relative;padding-inline: 4px 8px;/* border-inline: solid 1px #d5d5d5; */}

   .projects.bg-white{overflow: visible; counter-reset: cards;}
   .projects .card{border-radius: 12px;border-right: solid 1px #C4C4C4;--bs-card-spacer-y: calc(0.5 * var(--section-py));--bs-card-spacer-x: calc(0.5 * var(--section-py));}
   .projects .themetab{max-width: 432px;margin-bottom: calc(0.5 * var(--section-py));margin-top: calc(-0.5 * var(--section-py));/* filter: drop-shadow(7px -12px 16px rgb(0 0 0 / 50%)); */}
   .projects .prolist li{font-size: 18px;column-gap: 5px;display: flex;flex-wrap: wrap;margin-top: 12px;}
   .projects .tab-pane .card+.card{margin-top: -1px;}
   .projects .project-year{color: var(--tc-info);position: relative;border-bottom-color: #e1e1e1;}
   /* .projects .project-year::before{display: block;opacity: 0.2;font-size: calc(2 * var(--subtitle-font-size));font-weight: 600;color: #ffffff;margin-bottom: -5px;letter-spacing: 4px;counter-increment: cards;content: "0" counter(cards);text-shadow: -1px -1px 0 #444444, 1px -1px 0 #444444, -1px 1px 0 #444444, 1px 1px 0 #444444;} */

   .cont{width: 550px;height: 70px;background: #ffffff;border-radius: 50px;/* box-shadow: inset 0 0 10px 10px #F3F3F3; */position: relative;cursor: pointer;margin: auto;border: solid 1px #c4c4c4;} 
   .cont .toggle{width: 45%;height: 100%;position: absolute;border-radius: 30px;top: 50%;left: 6%;transform: translate(-5%, -50%);/* background-image: linear-gradient(to top, #E4E4E4, white); *//* box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); */background: linear-gradient(135deg, #E45228, #393185);} 
   .cont .right, .cont .left{width: 45%;height: 100%;position: absolute;border-radius: 30px;top: 50%;transform: translate(-5%, -50%);display: flex;align-items: center;justify-content: center;letter-spacing: .5px;font-weight: 500;font-size: 17px;text-align: center;} 
   .cont .right{right: 5%; } .cont .left{left: 5%; }

   .themetab{--tab-radius: 42px;margin-inline: auto;max-width: 320px;overflow: hidden;position: relative;display: flex;flex-wrap: wrap;border-radius: var(--tab-radius);}
   .themetab>a{z-index: 1;flex-grow: 1;flex-basis: 0;text-align: center;font-weight: 500;font-size: 17px;letter-spacing: 0.25px;display: block;padding: 9px 21px;border-radius: var(--tab-radius);background: #fff;position: relative;outline: solid 1px rgb(0 0 0 / 25%);outline-offset: -1px;}
   .themetab>a::before{top: 0;left: -24%;z-index: -1;content: "";height: 100%;width: 0;position: absolute;border-radius: var(--tab-radius);background: linear-gradient(150deg, #E45228 20%, #393185 80%);}
   .themetab>a.active::before{width: calc(100% + 48%);}
   .themetab>a.active{z-index: 0;color: #fff;outline-color: transparent;}

   .award-area__thumb{position: sticky;z-index:1;top: 116px;max-width: 496px;padding-top: 32px;margin-inline: auto;}
   .award-area__thumb::after{content:"";border-radius:50%;background-image: -moz-radial-gradient(50% 50%,circle closest-side,#e45228 0,rgba(255,255,255,.01) 100%);background-image: -webkit-radial-gradient(50% 50%, circle closest-side, #e45228 0, rgba(255, 255, 255, .01) 100%);background-image: -ms-radial-gradient(50% 50%,circle closest-side,#e45228 0,rgba(255,255,255,.01) 100%);opacity: .25;position:absolute;width: 65%;aspect-ratio: 1/1;top: 0;left:0;right: 0;/* z-index:-1; */margin: auto;}
   .award-area__content{position:relative;z-index:1;max-width: 946px;}
   .award-area__content .icon{visibility:visible;opacity:0;transition:.4s ease-in-out;margin-left:-85px}
   .award-area__content .icon img{width: 40px; height: auto; }
   .award-area__content .year{font-size: 90px;color: #d7dce3;font-weight: 400;text-transform:uppercase;line-height:.28;margin-bottom: -0.18em;align-self: end;transition:.4s ease-in-out}
   .award-area__content .award-card{display:flex;align-items:center;justify-content:space-between;padding: 35px 32px 31px;overflow:hidden;position:relative;z-index:1;border-bottom: 1px solid #e1e2e7;}
   .award-area__content .award-card::after{content:"";position:absolute;width:100%;height:100%;top:0;left: -1px;background-color:#393185;z-index:-1;transition:.4s ease-in-out;transform:translateX(-100%)}
   .award-area__content .award-card__inner{display:flex;align-items:center;gap:50px}
   .award-area__content .award-area__title{/* color: #565656; */font-weight: 500;transition:.4s ease-in-out}
   .award-area__content .award-card:hover::after{left: 0px;transform:translateX(0)}
   .award-area__content .award-card:hover .icon{display:block;opacity:1;margin-left:0}
   .award-area__content .award-card:hover .year{/* color:#fff; */font-size:60px;margin-bottom:0;margin-left: 0;line-height:1}
   .award-area__content .award-card:hover .award-area__title{color: #ffffff;}
   .award-area__content .award-card:last-child{border-bottom:1px solid #e1e2e7}

   .quality .image-wrapper{border-radius: 8px;position: sticky;top: 120px;}
   .quality .image-wrapper>img{width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }

   .image-mask{display: flex;flex-direction: row;width: initial;position: relative;}
   .image-mask::before{top: 70%; right: 64px; left: auto; content: ""; position: absolute; transform: translateY(-50%) rotate(12deg); border-radius: 10px; width: 60px; height: 40%; background-color: #f1f1f1; }
   .image-mask .firstimg{width: 46%;display: flex;flex-shrink: 1;flex-direction: column;}
   .image-mask .firstimg>img{width: 100%;max-width: 100%;aspect-ratio: 1 / 1.3;object-fit: cover;clip-path: polygon(25% 0%, 100% 0%, 72% 100%, 0% 100%);}
   .image-mask .secondimg{width: calc(54% + 13%);display: flex;margin-left: -13%;overflow: visible;flex-direction: column;flex-basis: auto;flex-grow: 0;flex-shrink: 1;}
   .image-mask .secondimg>img{width: 100%;aspect-ratio: 1 / 1.2;object-fit: cover;clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);}

   .subpage .business::before{bottom: var(--section-py);}
   .business .content-wrapper{position: sticky; top: 120px; }
   .business .image-mask{position: sticky; top: 124px; }

   .slider-gallery{overflow-x: hidden; } 
   .slider-gallery-wrapper{width: fit-content; display: flex; grid-gap: 1rem; align-items: center; flex-wrap: nowrap; } 
   .slider-gallery-item{width: 40vw; height: auto; display: flex; position: relative; align-items: center; justify-content: center; overflow: hidden; aspect-ratio: 4/3; } 
   .slider-gallery-item > img{width: 100%; height: 100%; object-fit: cover; } 
   .slider-gallery-figcaption{width: 100%; position: absolute; bottom: 0; right: 0; left: 0; padding: 10px; font-size: 2rem; color: var(--jsColorWhite); background: linear-gradient(0deg, black, transparent); }

   .proham {position: absolute !important;bottom: 31px;font-size: 15px;font-weight: 500;color: #6d6d6d;letter-spacing: .35px;text-transform: uppercase;} 
   .proham span { font-size: 2rem; cursor: pointer; } 
   .promain-menu {pointer-events: none;position: fixed;width: auto;top: 50%;left: 0;z-index: -1;background-color: #ffffff;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;opacity: 0;height: 0;z-index: 1025;padding: 32px 24px 18px;border-radius: 8px;transform: translateY(-50%);box-shadow: 7px 4px 48px rgb(0 0 0 / 32%);} 
   .promain-menu li a{padding: 6px 0px;font-weight: 500;font-size: 17px;display: block;}
   .promain-menu li a:hover,.promain-menu li.active{color: #393185; }
   .promain-menu li:last-child a{box-shadow: none;border-bottom: none;}
   .promain-menu .proham{top: 11px;right: 16px;bottom: auto;width: auto;height: auto;font-size: 17px;font-weight: 400;box-shadow: none;background: transparent;box-shadow: none;}

   .toggle{position: relative;width: 156px;height: 58px;background: #fff;box-shadow: 0px 4px 20px rgb(0 0 0 / 10%);border-radius: 10px;display: flex;justify-content: space-between;align-items: center;cursor: pointer;overflow: hidden;padding: 0px 16px;} 
   .toggle span{position: absolute;width: 34px;height: 3px;left: 107px;background: var(--tc-info);border-radius: 10px;transition: 0.5s;} 
   .toggle span:nth-child(1){transform: translateY(-12px);width: 25px;/* left: 15px; */} 
   .toggle.active span:nth-child(1){width: 34px;transform: translateY(0) rotate(45deg);transition-delay: 0.125s;} 
   .toggle span:nth-child(2){transform: translateY(12px);width: 15px;/* left: 15px; */} 
   .toggle.active span:nth-child(2){width: 34px;transform: translateY(0) rotate(315deg);transition-delay: 0.25s;} 
   .toggle.active span:nth-child(3){transform: translateX(60px); }

   .newspage .theme-recent-post-item{gap: 21px;border-radius: 8px;flex-direction: column;padding: 18px !important;border: 1px solid #ededed;box-shadow: 0 10px 30px 0 rgb(0 0 0 / .032);}
   .newspage .themepic{position: relative;overflow: hidden;flex-shrink: 0;display: block;width: 100%;border-radius: 5px;} 
   .newspage .themepic>img{width: 100%;object-fit: cover;aspect-ratio: 4/ 3;}
   .newspage .theme-recent-post-item:hover .themepic>img{transform: scale(1.1) rotateZ(5deg);filter: brightness(0.7);}

   .fixedbtn{top: 58%;left: -54px;z-index: 99;position: fixed;padding: 6px 24px 8px;border-radius: 0px 0px 8px 8px;transform: translateY(-50%) rotateZ(-90deg);}
   .themelist li ul{margin-top: 8px; }
   .themelist li li{padding-left: 20px;font-size: 0.99em;}
   .themelist li li::before{top: 10px;width: 7px;height: 7px;background: #c4c4c4;}
   .themelist li li li::before{top: 11px;width: 11px;height: 2px;border-radius: 0;}

   .sustainability h4{margin-top: 28px; }
   .sustainability h6{margin-block: 21px 12px;font-size: calc(0.8 * var(--subtitle-font-size));}
   .sustainability .scrollable-image-gallery{position: sticky;top: 142px;}

   .leaders .card{text-align: center;border-radius: 12px;--bs-card-spacer-y: 28px;--bs-card-spacer-x: 28px;border: 1px solid #ededed;box-shadow: 0 10px 30px 0 rgb(0 0 0 / .032);}
   .leaders .cardpic{position: relative;overflow: hidden;padding-bottom: 1px;border-radius: 12px 12px 0 0;border-bottom: solid 1px #bdbcbc;}
   .leaders .cardpic>img{aspect-ratio: 72/67;object-fit: cover;object-position: top center;}
   .leaders .card h5{z-index: 2;padding: 12px;font-size: 19px;position: relative;border-radius: 42px;border: solid 1px #bdbcbc;background: var(--bs-body-bg);margin-top: calc(-1 * var(--bs-card-spacer-y) - 25px);}
   .leaders .card p{font-size: 17px;color: #757575;}

   .policy h4{margin-top: 28px; }
   .policy h6{margin-block: 12px 11px;font-size: calc(0.8 * var(--subtitle-font-size));}
   .policy .image-wrapper{position: sticky; top: 148px; }
   .policy::before{bottom: auto; }

   /* .vmission::before{left: 0;bottom: 0;z-index: -1;content: "";width: 100%;height: 50%;position: absolute;background: var(--tc-light);} */
   .vmission .card{z-index: 1;height: 100%;overflow: clip;padding: var(--title-mb);border-color: #e7e7e7;}
   .vmission .card h2{margin-bottom: calc(4 * var(--title-mb));}
   .vmission .card li:last-child{margin-bottom: 0px; }
   .vmission .cardicon{max-width: 86px;position: absolute;top: calc(1.5 * var(--title-mb));right: calc(2 * var(--title-mb));filter: brightness(0) opacity(0.05);}
   .vmission .vision{border: none; }
   .vmission .vision::before{top: 0;left: 0;z-index: -1;content: "";width: 100%;height: 100%;position: absolute;background: url(../sub-images/vision-bg.jpg) no-repeat;background-size: cover;filter: blur(1px);}
   .vmission .vision::after{top: 0;left: 0;z-index: -1;content: "";width: 100%;height: 100%;opacity: 0.8;position: absolute;mix-blend-mode: multiply;background: #393185;background: linear-gradient(0deg,rgba(57, 49, 133, 1) 0%, rgba(57, 49, 133, 0.5) 100%);}
   .vmission .vision h2, .vmission .vision p{color: #fff; }
   .vmission .vision .cardicon{filter: brightness(0) invert(1) opacity(0.1);} 
   .vmission .section-label{min-width: clamp(86px, 8vw, 148px);}

   .corecompet .card{border: none;overflow: hidden;border-radius: 7px;}
   .corecompet .card h5{font-size: 19px;color: var(--bs-white);}
   .corecompet .cardpic{position: relative;overflow: hidden;}
   .corecompet .cardpic::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 56%;background: rgb(0 0 0 / 26%);background: linear-gradient(0deg,rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.01) 100%);}
   .corecompet .cardpic>img{width: 105%;max-width: none;object-fit: cover;aspect-ratio: 4/3;transform: translateX(-5%);transform-origin: right center;transition: all 0.4s;}  
   .corecompet .card-img-overlay{top: auto;display: flex;flex-direction: column;justify-content: flex-end;transition: all 0.4s;padding: calc(0.4 * var(--section-py));padding-bottom: calc(0.2 * var(--section-py));}
   .corecompet .cardpic>.arrowbtn{z-index: 1;opacity: 0;border: none;position: absolute;transform: scale(0.7);--tc-info: transparent;top: calc(0.5 * var(--section-py));right: calc(0.5 * var(--section-py));background: rgb(255 255 255 / 22%);backdrop-filter: blur(2px);transition: all 0.4s;}
   .corecompet .card:hover .card-img-overlay{padding-bottom: calc(0.3 * var(--section-py));}
   .corecompet .card:hover .cardpic>img{transform: scaleX(1) translateZ(0);}
   .corecompet .card:hover .cardpic>.arrowbtn{opacity: 1;transform: scale(1);}

   .cvalues .lspace{position: relative; z-index: 2; }
   /* .india-map{top: 120px;position: sticky;filter: drop-shadow(0px 0px 21px rgb(0 0 0 / 10%));}
   .india-map>svg{width: 100%;height: 100%;} */

   .india-map{position: sticky;top: 148px;z-index: 1;display: flex;justify-content: end;}
   .india-map>svg{width: 100%;height: auto;display: block;flex-shrink: 0;transform: scale(1.1);transform-origin: center;filter: drop-shadow(0px 0px 32px rgb(0 0 0 / 7%));}
   .india-map .land {fill: #ffffff;stroke: #bdbdbd;stroke-width: 1;outline: none;cursor: pointer;scroll-margin-top: 168px;-webkit-transition: all 250ms linear;-o-transition: all 250ms linear;transition: all 250ms linear;}
   .india-map .land.active, .india-map .land:hover,.india-map .land:focus {fill: #f3f3f3;} 
   .india-map .land#INGJ {fill: #E45228;stroke: #E45228;}
   .india-map .land.seleted{fill: #393185;}
   .custom-tooltip{--bs-tooltip-bg: #ffffff; --bs-tooltip-color: #393185; --bs-tooltip-opacity:1; --bs-tooltip-zindex:11; box-shadow: 0px 4px 21px 0px rgba(0, 0, 0, 0.16); font-weight: 500;}
   #points>text{font-weight: 500;white-space: nowrap;}
   .across-india{height: 100%;text-align: center;border-left: solid 1px #C4C4C4;padding-inline: var(--bs-gutter-x);}
   .across-india>svg{max-width: 100%; height: auto; }

   .client-marquee{width:100%; overflow:hidden; position:relative; } 
   /* .client-marquee::after{content: "";position: absolute;top: 0;right: 0;width: 96px;height: 100%;z-index: 2;pointer-events: none;background: rgba(255, 255, 255, 0.53);background: linear-gradient(90deg, rgb(255 255 255 / 0%) 0%, rgba(255, 255, 255, 1) 100%);} */
   .client-marquee .marquee-track{display:flex; align-items:center; gap:clamp(24px,3vw,68px); width:max-content; will-change:transform; } 
   .client-marquee .clientlogo{flex:0 0 auto; position: relative; z-index: 1; padding-right: clamp(24px,3vw,68px); }
   .client-marquee .clientlogo img{width: auto; height: 80px; object-fit: contain; }
   .client-marquee .clientlogo::after{content: "";position: absolute;right: 0px;top: 50%;transform: translateY(-50%);width: 1px;height: 85px;background: #C4C4C4;}
   .client-marquee.marquee-right{margin-top: calc(0.8 * var(--section-py)); }

   /* #india_map{pointer-events: none; } */
   .state{-webkit-transition:all .5s ease; transition:all .5s ease;}
   .state:hover{fill:#f7b44e;}
   .location .line{ -webkit-transition: stroke-dashoffset .5s ease; transition: stroke-dashoffset .5s ease; } 
   .location .text{ opacity:0; visibility:hidden; -webkit-transform:translateY(5px); transform:translateY(5px); -webkit-transition:all .25s ease; transition:all .25s ease; } 
   .location.active .text{ opacity:1; visibility:visible; -webkit-transform:translateY(0); transform:translateY(0); }
   .location .dot, .location .dot-inner{pointer-events: none; }
   .location .dot-inner{transform-origin:center; /* animation:blink 1.2s infinite; */ }
   @keyframes blink{ 0%{ opacity:1; transform:scale(1); } 50%{ opacity:.3; transform:scale(.6); } 100%{ opacity:1; transform:scale(1); } }

   .errorbox p, .thankbox p { text-align: center; }
   .errorbox, .thankbox{max-width: fit-content;margin: auto;text-align: center;}
   .error-title{position: relative;display: inline-block;line-height: 1.2;font-weight: 700;color: #323232;z-index: 2;font-size: clamp(4rem, 0.6341rem + 9.3659vw, 10rem);}
   .thank-icon{position: relative;width: 32%;max-width: 124px;margin: 0px auto 24px;}



.form-floating span>.form-control-plaintext:focus, .form-floating span>.form-control-plaintext:not(:placeholder-shown),
.form-floating span>.form-control:focus, .form-floating span>.form-control:not(:placeholder-shown)
{
   padding-top: 1.625rem;
   padding-bottom: .625rem;
}

.form-floating >.form-control-plaintext~label, .form-floating >.form-control:focus~label, .form-floating >.form-select~label,.form-floating.active label{
   color: var(--theme-dark);
   transform: scale(.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating span>.form-control, .form-floating span>.form-control-plaintext {
   padding: 1rem .75rem;
}
.form-floating span>.form-control, .form-floating span>.form-control-plaintext, .form-floating span>.form-select {
   /*height: calc(3.5rem + calc(var(--bs-border-width)* 2));*/
   min-height: calc(3.5rem + calc(var(--bs-border-width)* 2));
   line-height: 1.25;
}


/* 08-09-2026 */
   .treeyear.scrollable-image-item-reveal{position: relative;}
   .treeyear.scrollable-image-item-reveal img{transform-origin:bottom center; }
   .treeyear .counteritem{top: 72%; z-index: 1; row-gap: 0px; padding: 12px; position: absolute; border-bottom: none; flex-direction: column; --title-color: #ffffff; --tc-secondary: #ffffff; transform: translateY(-50%);}


/* 08-09-2026 */
.sustainability .scrollable-image-item-reveal{position: relative;}
.sustainability .scrollable-image-item-reveal img{transform-origin:bottom center; }
.sustainability .counteritem{top: 72%; z-index: 1; row-gap: 0px; padding: 12px; position: absolute; border-bottom: none; flex-direction: column; --title-color: #ffffff; --tc-secondary: #ffffff; transform: translateY(-50%);}

.focusbox{height: 100%;padding: 24px;border-radius: 8px;box-shadow: 0px 7px 21px rgb(0 0 0 / 10%);}
.focusbox h5{font-size: 21px;margin-block: 0px 9px;color: #535a62;}

.csrvision{margin-top: 28px;border-radius: 4px;padding: 24px 24px 25px;}
.csrvision p{font-size: 17px;font-weight: 500;display: flex;gap: 12px 16px;align-items: flex-start;}
.csrvision p>img{width: 50px;}

.client-marquee .clienttext{flex: 0 0 auto;position: relative;z-index: 1;line-height: normal;font-weight: 700;color: transparent;-webkit-text-stroke: 1px #dddddd;font-size: var(--title-font-size);}

/* 23-09-2026 */

.address p+p {
    margin-top: var(--title-mb);
}
.footerlogo img{
    width: 100%;
    max-width: 240px;
}
.projects .tab-pane .card:nth-child(even) {
    background: rgb(196 196 196 / 12%);
}
.projects .india-map>img {
    aspect-ratio: 5 / 4;
    object-fit: cover;
    border-radius: 12px;
}

.contactbox .themeform .form-control, .contactbox .themeform .form-select{padding-left:4px;}