/* ==============================
   1. default 
   ============================== */
   p{font-size: 16px;color: #444444;line-height: 1.6;font-weight:500;}
   li,ul{margin:0;padding:0;list-style:none;font-size: 16px;color:#444444;font-weight:500;line-height: 1.56;}
   .ltranslator ul a{margin:0;padding:0;list-style:none;font-size: 16px;color:#444444;font-weight:500;line-height: 1.56;}
   button:focus,.btn:active,.btn:focus,.form-control:focus{outline:0;box-shadow:none}
   :after,:before,a,.card,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:#F2F2F2}.bg-2{background:#313131}strong{font-weight:600;font-size: 98%;}a{text-decoration:none; color: currentColor;}
   .themebtn{font-size: 14px;font-weight: 500;color: #FFFFFF;z-index: 1;position: relative;overflow: hidden;border: none;border-radius: 5px;padding: 14px 26px 15px;display: inline-block;letter-spacing: 0.5px;background: transparent;box-shadow: inset 0px 0px 0px 2px #da291c;}  
   .themebtn:hover{color: #313131;background: transparent;}
   .themebtn:focus{box-shadow: inset 0px 0px 0px 2px #da291c; outline: none;}
   .themebtn::after {content: "";background: #da291c;position: absolute;width: 200%;height: 500%;z-index: -1;border-radius: 100%;-webkit-transform: translate(-48%, -40%) translateZ(0);transform: translate(-48%, -40%) 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(30%, 10%) translateZ(0);transform: translate(30%, 10%) translateZ(0);}
   .themebtn.outlinebtn{color: #313131;padding: 14px 23px 15px;}
   .themebtn.outlinebtn:hover{color: #ffffff;}
   .themebtn.outlinebtn:after{-webkit-transform: translate(-150%, 25%) translateZ(0);transform: translate(-156%, 10%) translateZ(0);}
   .themebtn.outlinebtn:hover:after{-webkit-transform: translate(-46%, -38%) translateZ(0);transform: translate(-46%, -38%) translateZ(0);}
   .title :is(h1, h2, h3, h4) {color: var(--title-color);font-size: var(--title-font-size);margin-bottom: var(--title-mb);line-height: var(--title-lheight);font-family: var(--title-font-family);}
   .tagline{display: block;font-size: 15px;font-weight: 500;margin-bottom: 7px;outline: none;text-transform: uppercase;color: rgb(49 49 49 / 65%);font-family: var(--title-font-family);}
   .drktitle :is(h1, h2, h3, h4) {color: #ffffff; } 
   .drktitle .tagline {color: rgb(255 255 255 / 63%);} 

/* ==============================
   2. Pre Loader & Go top
   ============================== */
   #preloader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;color: #DA291C;background-repeat:no-repeat;background-color:#FFF;background-position:center;}
   #back-to-top{cursor:pointer;position:fixed;bottom: 0px;right: 0px;z-index: 99;display:none;color: #ffffff!important;background: #DA291C;padding: 9px 12px 2px 12px;border-radius: 24px 24px 0px 0px;max-width: 40px;overflow: hidden;border: solid 1px #ffffff;border-bottom: none;}


/* ==============================
   3. home css 
   ============================== */
   .themenavbar{z-index: 9;padding: 0;background: #FFFFFF;box-shadow: 0px 8px 16px rgb(0 0 0 / 12%);}
   .rightnav .nav-link{font-size: 16px;font-weight: 500;--bs-nav-link-color: #313131;--bs-nav-link-hover-color: #DA291C;}
   .rightnav .themebtn{display: block;margin-left: 14px;margin-right: 16px;padding: 7px 14px;border-radius: 5px;--bs-nav-link-hover-color: #fff;}
   .homepage>section,.subpage>section{padding-top: var(--section-py);padding-bottom: var(--section-py);position: relative;z-index: 1;}
   .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); }
   .jarallax{position: relative; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }

   .ltranslator .nav-link.dropdown-toggle {border-radius: 5px;padding: 6px 7px 4px 8px;font-size: 15px;font-weight: 600;margin-left: 4px;border: solid 1px #E3E3E3;}
   .ltranslator .dropdown-menu-end{right: 0;left: auto;margin: 0;padding: 0;width: 100%;border: none;min-width: 112px;max-height: 235px;overflow-y: auto;background: white;-webkit-box-shadow: 0px 7px 21px rgb(0 0 0 / 25%);box-shadow: 0px 7px 21px rgb(0 0 0 / 25%);}
   .ltranslator .dropdown-toggle::after{border: none;background: url(../images/globe-icon.svg) no-repeat;top: 1px;width: 14px;height: 14px;margin-left: 6px;position: relative;vertical-align: baseline;background-size: contain;background-position: center;}
   /*.ltranslator ul>li>a{font-size: 15px;font-weight: 500;color: #616161;padding: 8px 12px 8px 14px;background: transparent;border-bottom: solid 1px #e2f1f7;--bs-dropdown-link-hover-color: #3c487b;}*/
   .descslator ul .glink{font-size: 15px;font-weight: 500;color: #616161;padding: 8px 12px 8px 14px;background: transparent;border-bottom: solid 1px #e2f1f7;--bs-dropdown-link-hover-color: #3c487b;display: block;}
   .descslator ul .glink:focus,.descslator ul .glink:hover{color: var(--bs-dropdown-link-hover-color);background-color: var(--bs-dropdown-link-hover-bg);}

   .aboutus .counterbox{top: -54px;left: -39px;width: 100%;max-width: 210px;position: absolute;aspect-ratio: 1/1;border-radius: 50%;background: #ffffff;padding: 58px 0 0 66px;}
   .counterbox h5{font-size: 50px;color: #CE1F29;font-weight: 700;position: relative;display: flex;align-items: flex-start;margin-bottom: 4px;}
   .counterbox h6{font-size: 16px;font-weight: 600;line-height: 19px;color: #242529;margin-bottom: 0;}
   .counterbox .counter{position:relative;display:flex;overflow:hidden;height: 56px;text-align:center;padding-right: 0px;justify-content:space-around;align-items:flex-end}
   .counterbox .counter>span{z-index:1;display:flex;flex-direction:column;height:100%;max-width:100%;transition:transform 2s;transform:translateY(0);align-items:center}
   .counterbox .counter>span span{flex:0 0 100%;height:100%}
   .counterbox h5>small {font-size: 19px;color: #CE1F29;margin-left: -2px;margin-top: -1px;font-weight: 700;}
   .buttons{display: flex;align-items: center;gap: 16px 25px;flex-wrap: wrap;}

   .products .title{max-width: 870px; }
   .prodSwiper .swiper-slide{height: auto; }
   .products.bg-2 .text-center .themebtn{color: #ffffff;}
   .products .card{height: 100%;outline: none;overflow: hidden;box-shadow: none;--bs-card-spacer-x: 8px;background-color: #f2f2f2;}
   .products .card h4{font-size: 18px;font-weight: 600;text-align: center;margin: 22px auto;color: var(--title-color);font-family: var(--title-font-family);}
   .products .cardpic{position: relative;overflow: hidden;z-index: 1; display: block; background: #ffffff;}
   .products .cardpic>img{width: 100%;aspect-ratio: 184/ 177;object-fit: cover;transform-origin: center;-webkit-transition: all 1s ease;transition: all 1s ease;}
   .products .card:hover .cardpic>img{transform-origin: center;backface-visibility: hidden;-webkit-transform: scale(1.07) translateZ(0);transform: scale(1.07) translateZ(0);}
   .products .cardpic>.themebtn{top: 54%;left: 50%;opacity: 0;position: absolute;padding: 12px 21px 13px;-webkit-transform: translate(-50%, -50%) scale(0.7);transform: translate(-50%, -50%)  scale(0.7);-webkit-transition: all 1s ease;transition: all 1s ease; background: rgba(255, 255, 255, 0.68);}
   .products .cardpic::after{left: 0;bottom: 0;content: "";position: absolute;width: 100%;height: 100%;opacity: 0;background: rgb(242 242 242 / 25%);backdrop-filter: blur(2px);-webkit-transition: all 0.7s ease;transition: all 0.7s ease;}
   .products .card:hover .cardpic::after{opacity: 1;}
   .products .card:hover .cardpic>.themebtn{opacity: 1; -webkit-transform: translate(-50%, -50%) scale(1);transform: translate(-50%, -50%)  scale(1);}

   .products .cardpic>.zoomicon:after,.products .cardpic>.zoomicon:before{position:absolute;content:'';background:#034693;top:50%;left:50%;z-index:1;opacity:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition: all 0.7s ease; transition: all 0.7s ease;}
   .products .cardpic>.zoomicon:before{width:2px;height:50%}
   .products .cardpic>.zoomicon:after{width:50%;height:2px}
   .products .card:hover .cardpic>.zoomicon:after{width:48px;opacity:1}
   .products .card:hover .cardpic>.zoomicon:before{height:48px;opacity:1}

   .prodslidenav{position: relative;z-index: 1;display: flex;align-items: center;column-gap: 24px;justify-content: flex-end;}
   .prodslidenav>div{margin: 0;width: 48px;height: auto;padding: 12px 17px;font-size: 16px;outline: none;color: #ffffff !important;}
   
   .ourvalues .title{max-width: 1170px; }
   .valuebox{height: 100%;text-align: center;padding: 60px 8px;background: #F2F2F2;-webkit-transition: all 250ms linear;transition: all 250ms linear;}
   .valuebox h5{font-size: 18px;margin: 0 auto;max-width: 165px;line-height: 1.28;-webkit-transition: all 250ms linear;transition: all 250ms linear;}
   .valuebox .valueicon{height: 62px;margin-bottom: 24px;display: flex;align-items: center;justify-content: center;}
   .valuebox .valueicon>img{height: 100%;width: auto;object-fit: contain;-webkit-transition: all 250ms linear;transition: all 250ms linear;}
   .valuebox:hover{background-color: #CE1F29; }
   .valuebox:hover h5{color: #ffffff;}
   .valuebox:hover .valueicon>img{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}

   .ourvalues {background: #f2f2f2;border-top: solid 1px #e7ebef;border-bottom: solid 1px #e7ebef;} 
   .ourvalues .valuebox{background: #ffffff;}
   .ourvalues .valuebox:hover{background: #CE1F29;}
   .moreless-button{display: inline-block;vertical-align: middle;padding: 11px 24px 12px;}


   .gmarket::after{content: "";position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 40%;pointer-events: none;background: #ffffff;}
   .gmarket .themebtn.outlinebtn{color: #ffffff;box-shadow: inset 0px 0px 0px 2px #ffffff;}
   .gmarket .themebtn.outlinebtn:hover{color: #313131;}
   .gmarket .themebtn.outlinebtn:after{background: #ffffff; }
   .footprint{gap: 12px 28px;display: flex;flex-wrap: wrap;}
   .footprint h4{color: #ffffff;margin-top: 16px;margin-bottom: 36px;}

   .business{z-index: 1;position: relative;padding-top: var(--section-py);padding-bottom: var(--section-py); background-image: url(../images/business-bg2.jpg);}
   .business::after{content: "";position: absolute;top: 0;left: 0;z-index: -1;height: 100%;width: 68%;pointer-events: none;background: rgb(0 0 0 / 53%);}
   .business .drktitle h3{position: relative;padding-bottom: 32px;margin-bottom: 42px;}
   .business .drktitle h3::after{left: 0;bottom: 0;position: absolute;content: "";width: 34%;max-width: 300px;height: 5px;background: #ffffff;}
   
   .weprovide{top: 204px;right: 0;z-index: 1;width: 37.17%;height: calc(100% - 204px);position: absolute;background: #CE1F29;padding: var(--section-py);display: flex;align-items: center;overflow: hidden;} 
   .weprovide::after{content: "";position: absolute;top: 0;left: 8%;z-index: -1;height: 100%;width: 110%;pointer-events: none;background: url(../images/worldmap.png) no-repeat;background-size: 100%;background-position: 50% 54%;}
   .weprovide::after{-webkit-animation: zoom-a 2s linear infinite alternate; animation: zoom-a 2s linear infinite alternate; }
   @-webkit-keyframes zoom-a{0%{transform: translateX(-20px);}100%{transform: translateX(0px);}}
   @keyframes zoom-a{0%{transform: translateX(-20px);}100%{transform: translateX(2px);}}

   .gcompanies{width: 100%; clear: both; }
   .GroupSwiper .swiper-slide{height: auto; }
   .bg-2 .GroupSwiper .swiper-slide {padding: 1rem;background: #ffffff;}
   .gcompanies .companypic {height: 100%; display: flex; align-items: center; justify-content: center; }
   .gcompanies .companypic>img {-webkit-transition: all 250ms linear; transition: all 250ms linear; }
   .gcompanies .companypic:hover>img {-webkit-transform: scale(0.9); transform: scale(0.9); }
   

   .footer{padding-top: var(--section-py);}
   .footer h5 {font-size: 15px;font-weight: 600;margin-bottom: 16px;text-transform: uppercase;}
   .footer ul>li, .footer ul>li>a {font-size: 15px;font-weight: 500;line-height: 23px;position: relative;}
   .footer .contlist>li {margin-top: 7px;text-align: end;}
   .footer .contlist>li>img {position: absolute;left: 0;top: 4px;}
   .footer .navlist>li {margin: 8px 0;white-space: nowrap;}
   .footer .navlist>li>a{padding-right: 15px; }
   .footer .navlist>li>a:before {content: "\f105";content: "";position: absolute;background: #DA291C;left: 0;top: 8px;width: 12px;height: 2px;opacity: 0;visibility: hidden;transform: translateX(5px);}
   .footer .navlist>li>a:hover {padding-right: 0;padding-left: 15px;}
   .footer .navlist>li>a:hover:before {opacity: 1; visibility: visible; transform: translateX(0px); }
   .footer .social{text-align: right;padding-top: 22px;margin-bottom: 3px;}
   .footer .offices{gap: 12px 18px;display: flex;align-items: center;flex-wrap: wrap;margin-top: 42px;margin-bottom: 16px;}
   .footer .offices ul{gap: 12px 16px;display: flex;flex-wrap: wrap;}
   .footer .offices h5{margin-bottom: 0; }
   .footer .offices li>img{margin-right: 5px;}

   .social>a{width: 30px;height: 30px;font-size: 25px;line-height: normal;display: inline-flex;align-items: center;justify-content: center;}
   .social>a+a{margin-left: 4px;}
   .social>a:hover{background: #CE1F29;}
   .social>a>i{position: relative;transform-origin: center;-webkit-transition: all 250ms linear;transition: all 250ms linear;}
   .social>a:hover>i{top: 1px;color: #ffffff;-webkit-transform: scale(0.65);transform: scale(0.65);}
   .social>a .fa-facebook-f {top: -2px; font-size: 86%; position: relative; }

   .copyrights{padding: 4px 0px 5px;border-top: 1px solid #BBBBBB;}
   .copyrights p{font-size: 15px;font-weight: 500;}
   .copyrights p>a,.copyrights p>span{display: inline-block; }
   .copyrights p>a:hover{color: #CE1F29; }

   .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 {position: relative;z-index: 1;overflow: hidden;background: #242529;}
   .sub-banner>img {width: 100%;height: 156px;object-fit: cover;object-position: bottom center;}
   .sub-banner .banner-inner {top: 0;left: 0;z-index: 2;width: 100%;height: 100%;position: absolute;padding: 2.1% 0px;display: flex;align-items: flex-end;}
   .sub-banner .banner-inner h4{font-size: clamp(1rem, 0.7031rem + 1.4844vw, 2.1875rem);color: #FFF;line-height: 1.25;font-weight: 700;margin-bottom: 3px;letter-spacing: 0.5px;text-transform: uppercase;text-shadow: -1px 1px 24px rgb(0 0 0 / 56%);} 
   .sub-banner .banner-inner .breadcrumb li, .sub-banner .banner-inner .breadcrumb li a{color: #ffffff;font-weight: 400;font-size: 16px;--bs-breadcrumb-divider-color: #d7d7d7;} 
   .sub-banner .banner-inner .breadcrumb {padding: 0px 0px;margin-bottom: 0;} 
   .sub-banner .breadcrumb li{position: relative;padding-right: 13px;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;}
   .subpage+footer.bg-1{border-top: solid 1px #e7ebef; }
   .subpage p:last-child, .subpage li:last-child{margin-bottom: 0px !important;}
   .subpage .products .cardpic{margin: 12px; margin-bottom: 0; }
   .subpage .products .card h4{margin: 12px 0; }

   #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;}

   .themetable .table-dark{--bs-table-bg: #313131;}
   .themetable .table{border: solid 1px #dee2e6; border-top: none; margin-bottom: 0; }
   .themetable .table>:not(caption)>*>*{padding: 12px 16px;border-bottom-width: 0px;}
   .themetable thead.table-dark th{font-weight: 500;text-transform: uppercase;}
   .themetable tbody th{color: #313131;font-weight: 600;}
   .themetable tbody td{color: #444444;font-weight: 500;}

   .themelist li{position: relative;padding-left: 21px;margin-bottom: 7px;}
   .themelist li::before{left: 2px;top: 8px;width: 8px;height: 8px;content: "";position: absolute;border-radius: 50%;border: solid 2px #034693;background: rgb(3 70 147 / 24%);}

   .thememodal .modal-content{background: #e7ebef;z-index: 1;}
   .thememodal .modal-body{display: flex;flex-wrap: wrap;align-items: center;justify-content: center; }
   .thememodal .modal-wrap{width: 100%;padding: 21px;max-width: 1240px;background: #ffffff;border-radius: 18px;border: solid 1px #c7d0d7;box-shadow: 0px 7px 32px rgb(0 0 0 / 5%);}
   .thememodal .contactinfo{background: #efe6dd;}
   .themeform.tab-content{padding: 24px 42px;position: relative;}
   .modalleft {overflow: hidden;position: relative;padding: 32px 0px;height: calc(100% - 0px);background: #313131;z-index: 1;border-radius: 12px 0px 0px 12px;}
   .modalleft::after{top: 0;left: 0;width: 100%;height: 100%;content: "";position: absolute;z-index: -1;opacity: 0.35;background: url(../images/modalleft.jpg) no-repeat;background-size: cover;}
   .modalleft li a{opacity: 0.5;color: #ffffff;font-size: 18px;font-weight: 500;margin-bottom: 9px;display: inline-flex;column-gap: 12px;align-items: center;position: relative;z-index: 1;padding: 8px 32px 8px 28px;border-radius: 0px  24px  24px 0px;}
   .modalleft li a>img{width: 100%;max-width: 30px; }
   .modalleft li a.active{color: #ffffff;opacity: 1;}
   .modalleft li a::after{content: "";position: absolute;top: 0;left: 0;width: 0px;height: 100%;z-index: -1;background: #034693;border-radius: 0px 24px 24px 0px;}
   .modalleft li a.active:after{width: 100%;}
   .modalleft li:last-child a{margin-bottom: 0; }

   .close-button {width: 48px;height: 48px;background: none;right: 28px;top: 21px;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);}

   .ul-approved{display: flex;align-items: flex-start;column-gap: 24px;margin: 24px 0px;}
   .ul-approved .buttons{z-index: 1;flex-shrink: 0;max-width: 100%;position: relative;padding: 18px 18px 18px 0px;}
   .ul-approved .buttons::before{top: 0;right: 0;content: "";z-index: -1;position: absolute;width: 60vw;height: 100%;background: #f8f9fa;border-radius: 0px 9px 9px 0px;border: 1px solid #f0f0ff;}

   .reachus{position: relative;overflow: hidden;border-bottom: solid 1px #e7e7e7;}
   .reachinfobox.bg-white:before{top: 0;right: 0;width: 100%;content: "";height: 100%;z-index: -1;opacity: 0.5;position: absolute;background-color: #ffffff;background-image: url(../sub-images/pattern-1.png);background-size: 65%;mix-blend-mode: darken;background-repeat: repeat;background-position: center right;}
   .reachus .thememap {border: solid 1px #e7e7e7;background: #ffffff;margin-right: calc(-1* var(--section-py));width: auto;height: 100%;border-radius: 14px 0px 0px 0px;}
   .reachinfo{gap: 16px;display: flex;align-items: flex-start;margin-bottom: 42px;margin-left: 4px;max-width: fit-content;}
   .reachinfo h4{font-size: 15px;font-weight: 500;margin: 5px 0px 7px;outline: none;text-transform: uppercase;color: rgb(49 49 49 / 65%);font-family: var(--title-font-family);}
   .reachinfo p{margin-top: 0;font-size: 18px;}
   .reachinfo p i{color: #da291c;font-size: 18px;margin-right: 4px;display: inline-block;}
   .reachinfo .icon{width: 46px;display: flex;align-items: center;justify-content: center;aspect-ratio: 1/1;border-radius: 50%;background: #ffffff;position: relative;border: solid 1px #ebebeb;}
   .reachinfobox.bg-white .thememap {margin-right: 0;margin-left: calc(-1* var(--section-py));border-radius: 0px 14px 0px 0px;}
   .reachinfobox{z-index: 1; height: 100%; position: relative; padding: var(--section-py); padding-bottom: 0; margin-bottom: -1px; }

   .reachbox{padding: 21px;border-radius: 18px;background: #ffffff;border: solid 1px #c7d0d7;box-shadow: 0px 7px 32px rgb(0 0 0 / 5%);}
   .themeform .form-control, .themeform .form-select{border: none;height: 56px;font-weight: 500;border-radius: 0px;padding-left: 4px;padding-bottom: .35rem !important;border-bottom: solid 2px #ccd5dd;background-color: transparent;}
   .themeform textarea.form-control{resize: none;height: 124px;}
   .themeform .form-floating >label {color: #565656;font-size: 16px;font-weight: 500;padding-left: 0px;--bs-body-bg: transparent;}
   .themeform .form-select{padding-top: 23px;box-shadow: none !important;}
   .thememap {position: relative;width: 100%;z-index: 1;background: #242529;padding: 14px 14px 0px 14px;border-bottom: solid 1px #bbbbbb;border-radius: 14px 14px 0px 0px;box-shadow: none;}
   .thememap .ratio{border-radius: 12px 12px 0px 0px;overflow: hidden;max-height: 456px;min-width: 280px;height: 100%;/* -webkit-filter: grayscale(100%); *//* filter: grayscale(100%); */}

   .downloadpdf{margin: auto;max-width: 434px;display: block;padding: 10px;position: relative;border-radius: 12px;background: #ffffff;border: solid 1px rgb(0 0 0 / 12%);box-shadow: -9px 12px 40px 24px rgb(3 70 147 / 5%);}
   .downloadpdf h5{font-size: 18px;font-weight: 600;line-height: 1.35;margin-bottom: 0;}
   .downloadpdf .pdficon{width: 100%;height: auto;border-radius: 7px;position: relative;overflow: hidden;}
   .downloadpdf .pdfbtn {margin-top: 8px;padding: 11px 16px 12px;} 
   .downloadpdf .pdficon>img{width: 100%;transform-origin: center;-webkit-transition: all 1s ease;transition: all 1s ease;}
   .downloadpdf:hover .pdficon>img { backface-visibility: hidden; -webkit-transform: scale(1.07) translateZ(0); transform: scale(1.07) translateZ(0); } 
   .downloadpdf .pdficon::after { left: 0; bottom: 0; content: ""; position: absolute; width: 100%; height: 100%; background: rgb(0 0 0 / 5%); -webkit-transition: all 0.7s ease; transition: all 0.7s ease; } 
   .downloadpdf:hover .pdficon::after { background: rgb(0 0 0 / 32%); } 
   .downloadpdf .pdftext { left: 10px; right: 10px; bottom: 10px; z-index: 1; padding: 24px; position: absolute; border-radius: 6px; background: rgb(255 255 255 / 84%); backdrop-filter: blur(3px); box-shadow: 0px -1px 18px rgb(0 0 0 / 5%); }
   .downloadpdf .downicon{top: 40%;left: 50%;content: "";position: absolute;width: 56px;height: 56px;z-index: 2;opacity: 0;padding: 14px 11px 11px 13px;border-radius: 50%;background: #ffffff;transform: translate(-50%, -50%) scale(1.5);-webkit-transition: all 1s ease;transition: all 1s ease;box-shadow: 0px 0px 24px rgb(0 0 0 / 25%);}
   .downloadpdf:hover .downicon {opacity: 1;transform: translate(-50%, -50%) scale(1);} 

   .product .sectionpic {padding: 12px;border: solid 1px #dee2e6;background: rgb(242 242 242 / 84%);backdrop-filter: blur(4px);}
   .product .sectionpic img{width: 100%; aspect-ratio: 1/1; object-fit: cover; }
   .product .sectionsticky{top: var(--section-py); position: sticky;}
   .product .sectionsticky .themebtn{margin-top: -1px;padding-right: 42px;border-top-left-radius: 0;background-color: #f4f4f4;clip-path: polygon(0 0, 80% 0, 96% 100%, 0% 100%);}
   
   .sidebar-menu ul li a {display: inline-block;width: 100%;text-decoration: none;position: relative;padding: 8px 30px 8px 1px;} 
   .sidebar-menu ul li a i { margin-right: 10px; font-size: 12px; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 4px; } 
   .sidebar-menu ul li a:hover > i::before { display: inline-block; animation: swing ease-in-out 0.5s 1 alternate; } 
   .sidebar-menu .sidebar-dropdown > a:after {font-family: "Font Awesome 5 Free";font-size: 86%;font-weight: 900;content: "\f105";position: absolute;right: 11px;top: 11px;} 
   .sidebar-menu .sidebar-dropdown .sidebar-submenu ul {margin-top: -4px;padding: 0px 0 5px 0;} 
   .sidebar-menu .sidebar-dropdown .sidebar-submenu li {padding-left: 4px;font-size: 14px;} 
   .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before {content: "\f111";font-family: "Font Awesome 5 Free";font-weight: 400;margin-right: 10px;font-size: 7px;top: -2px;position: relative;} 
   .sidebar-menu .sidebar-submenu { display: none; } .sidebar-menu .sidebar-dropdown.active > a:after { transform: rotate(90deg); right: 17px; }
   .sidebarbtn.themebtn {position: fixed;left: -54px;top: 54%;letter-spacing: 1px;text-transform: uppercase;background: #ffffff;padding: 8px 23px 12px;border-radius: 0px 0px 5px 5px;transform: translateY(-50%) rotate(-90deg);}

   .file-drop-area { z-index: 2; } 
   .file-drop-area .file-message { position: absolute; z-index: -1; color: #313131; font-weight: 500; bottom: 0; left: 0; } 
   .file-drop-area .file-input { opacity: 0; }
   .file-drop-area input[type=file]::-webkit-file-upload-button { display: none; } 
   .file-drop-area input[type=file]::file-selector-button { display: none; }

   .bg-light{border-bottom: 1px solid #f0f0ff;}
   .team-box {border-radius: 12px;background: #fff;padding: 35px 30px;display: flex;gap: 42px;align-items: center;position: relative;z-index: 1;overflow: hidden;border: 1px solid #f0f0ff;box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .032);}
   .team-box .team-img {width: 100%;max-width: 280px;position: relative;overflow: hidden;border-radius: 10px;flex-shrink: 0;align-self: flex-start;}
   .team-box .team-img img {width: 100%;aspect-ratio: 278 / 300;object-fit: cover; object-position: top;}
   .team-box .team-content h5 { color: #da291c; font-weight: 500; font-size: 15px; margin-bottom: 4px; /* color: rgb(49 49 49 / 50%); */ }
   .team-box .team-content h3 {border-bottom: 1px solid rgba(2, 8, 66, .12);padding-bottom: 18px;margin-bottom: 20px;font-size: 22px;font-weight: 600;line-height: 155%;/* color: #034693; */}
   .team-box::before{content: "";position: absolute;top: -21%;left: -14%;width: 100%;max-width: 465px;z-index: -1;aspect-ratio: 1/1;background: #034693;border-radius: 50%;}

   
   .quality{list-style: none;}
   .certibox{padding: 8px;border-radius: 8px;max-width: fit-content;background: #ffffff;border: solid 1px #e7ebef;box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .032);}  

   #ProductModal{--bs-offcanvas-height: 40vh;} 
   #ProductModal .close-button{top: -1px;right: 0px;}
   .productmenu {display: grid;column-gap: 32px;grid-template-columns: 1fr 1fr 1fr;} 
   .productmenu li{border-bottom: solid 1px #E3E3E3;}
   .productmenu li>a {font-size: 16px;font-weight: 500;padding: 12px 16px 12px 8px;position: relative;color: #444;display: inline-block;} 
   .productmenu li>a:before {content: "";position: absolute;color: #DA291C;left: 2px;top: 23px;opacity: 0;visibility: hidden;height: 2px;width: 12px;background: #DA291C;transform: translateX(8px);} 
   .productmenu li>a:hover {padding: 12px 12px 12px 20px;} 
   .productmenu li>a:hover:before { opacity: 1; visibility: visible; transform: translateX(0px); }
   .productmenu li:last-child{border-bottom: none; }

   .category.products .cardpic::after{background: rgb(0 0 0 / 20%); backdrop-filter: none;}
   .category.products .cardpic>.zoomicon:after, .category.products .cardpic>.zoomicon:before{background: #fff; }

   .des-design .card{border: solid 1px #e7ebef;border-radius: 10px;padding: 12px;overflow: hidden;background: rgb(242 242 242 / 65%);}
   .des-design .card h4{font-size: 18px;font-weight: 600;text-align: center;margin: 12px auto 0px;color: var(--title-color);font-family: var(--title-font-family);}
   .des-design .cardpic{position: relative;overflow: hidden;z-index: 1;display: block;border-radius: 4px 4px 0px 0px;background: #ffffff;}
   .des-design .cardpic::after{left: 0;bottom: 0;content: "";position: absolute;width: 100%;height: 100%;background: transparent;-webkit-transition: all 0.7s ease;transition: all 0.7s ease;}
   .des-design .card:hover .cardpic::after{background: rgb(0 0 0 / 24%);}
   .des-design .cardpic>img{width: 100%;aspect-ratio: 408 / 324;object-fit: cover;transform-origin: center;-webkit-transition: all 1s ease;transition: all 1s ease;}
   .des-design .card:hover .cardpic>img{transform-origin: center;backface-visibility: hidden;-webkit-transform: scale(1.07) translateZ(0);transform: scale(1.07) translateZ(0);}
   .des-design .cardpic>.zoomicon:after,.des-design .cardpic>.zoomicon:before{position:absolute;content:'';background: #ffffff;top:50%;left:50%;z-index:1;opacity:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition: all 0.7s ease;transition: all 0.7s ease;}
   .des-design .cardpic>.zoomicon:before{width:2px;height:50%}
   .des-design .cardpic>.zoomicon:after{width:50%;height:2px}
   .des-design .card:hover .cardpic>.zoomicon:after{width:48px;opacity:1}
   .des-design .card:hover .cardpic>.zoomicon:before{height:48px;opacity:1}
   .des-design .sectionpic{height: calc(100% + var(--section-py)); }
   .des-design .sectionpic>img{width: 100%;height: 100%;object-fit: cover;object-position: center center;transform-origin: center;}
  
   .capabilities{position: relative;padding-bottom: 42px;counter-reset: capitem; }
   .capability{display:inline-block;width:100%;margin-bottom: -1px;padding: 32px 8px;border-top: solid 1px #f0f0ff;border-bottom: solid 1px #f0f0ff;-webkit-transition: all 0.7s ease;transition: all 0.7s ease;} 
   .capability .revealimage{position: fixed; top: 0; left: 0; width: 280px; height: 280px; object-fit: cover; z-index: 9; opacity: 0; visibility: hidden; pointer-events: none; padding: 5px; border-radius: 4px; background: #ffffff; border: solid 1px #e7ebef; box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .032); }
   .capability .text{display: flex;column-gap: 24px;align-items: center;}
   .capability .text h5, .capability .text p{-webkit-transition: all 0.7s ease;transition: all 0.7s ease;}
   .capability .text h5{width: 40%;flex-shrink: 0;margin-bottom: 0;font-size: 19px;color: #444444;line-height: 1.5;font-weight: 600;position: relative;padding-left: 28px;}
   .capability .text h5::before{counter-increment: capitem;content: counter(capitem);position: absolute;top: -8px;left: 0;font-size: 160%;color: #e3e3e3;}
   .capability:nth-child(even){background-color: #f8f9fa;}
   .capability:hover{background-color: #034693; padding: 32px 16px; }
   .capability:hover h5, .capability:hover p{color: #ffffff;}

/*    .capabilityimages {z-index: 1;width: 100%;height: 100%;max-height: 540px;position: relative;overflow: hidden;border-radius: 5px;aspect-ratio: 548 / 556;flex: 1 1 auto;} */
   .capabilityimages {z-index: 1;width: 100%;height: 100%;max-height: 540px;position: relative;overflow: hidden;border-radius: 5px;flex: 1 1 auto;}
   .capabilityimages .capabilimg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;transform: translateY(101%);transition: 0.7s;}
   .capabilityimages .capabilimg img{width: 100%;height: 100%;object-fit: cover;}
   .capabilityimages .capabilimg.current{opacity: 1;transform: translateY(0%);}

   .capaccordion{--bs-accordion-border-color: #e7ebef;--bs-accordion-body-padding-x: 28px;--bs-accordion-btn-padding-x: 28px;--bs-accordion-btn-icon-width: 14px;--bs-accordion-btn-padding-y: 28px;}
   .capaccordion .accordion-button{font-size: 18px;color: #313131;line-height: 1.5;font-weight: 600;box-shadow: none;padding:20px 25px; align-items: baseline;transition: all 0.15s ease-in-out;}
   .capaccordion .accordion-button:not(.collapsed){color: #da291c;background-color: #ffffff;padding-bottom: 0;}
   .capaccordion .accordion-button::before{counter-increment: capitem;content: counter(capitem);font-size: 25px;line-height: 80%;color: #e7ebef;display: inline-block;flex-shrink: 0;width: 28px;position: relative;top: 2px;}
   .capaccordion .accordion-body p{margin-left: 28px; }

   .ourprojects .project_box{border: solid 1px #e7ebef;border-radius: 10px;padding: 12px;overflow: hidden;background: rgb(242 242 242 / 65%);display: block;text-align: center;}
   .ourprojects .project_box .project_title {padding: 8px 5px;display: block;}
   .ourprojects .project_box .project_title h4{font-size: 18px;font-weight: 600;text-align: center;margin: 12px auto 0px;color: var(--title-color);font-family: var(--title-font-family);}
   .ourprojects .project_box .project_title p {margin: 0;}
   .ourprojects .proj_img{position: relative;overflow: hidden;z-index: 1;display: block;border-radius: 4px 4px 0px 0px;background: #ffffff;}
   .ourprojects .proj_img::after{left: 0;bottom: 0;content: "";position: absolute;width: 100%;height: 100%;background: transparent;-webkit-transition: all 0.7s ease;transition: all 0.7s ease;}
   .ourprojects .project_box:hover .proj_img::after{background: rgb(0 0 0 / 24%);}
   .ourprojects .proj_img>img{width: 100%;aspect-ratio: 408 / 324;object-fit: cover;transform-origin: center;-webkit-transition: all 1s ease;transition: all 1s ease;}
   .ourprojects .project_box:hover .proj_img>img{transform-origin: center;backface-visibility: hidden;-webkit-transform: scale(1.07) translateZ(0);transform: scale(1.07) translateZ(0);}
   
   .ourprojects .proj_img>.zoomicon:after,.ourprojects .proj_img>.zoomicon:before{position:absolute;content:'';background: #ffffff;top:50%;left:50%;z-index:1;opacity:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition: all 0.7s ease;transition: all 0.7s ease;}
   .ourprojects .proj_img>.zoomicon:before{width:2px;height:50%}
   .ourprojects .proj_img>.zoomicon:after{width:50%;height:2px}
   .ourprojects .project_box:hover .proj_img>.zoomicon:after{width:48px;opacity:1}
   .ourprojects .project_box:hover .proj_img>.zoomicon:before{height:48px;opacity:1}

   .projslidenav{position: relative;z-index: 1;display: flex;align-items: center;column-gap: 10px;justify-content: flex-end;}
   .projslidenav>div{margin: 0;width: 48px;height: auto;padding: 12px 17px;font-size: 16px;outline: none;color: #ffffff !important;}
   .projslidenav>div:hover{color: #333333 !important;}

   .aboutpage{overflow: clip; }
   .aboutpage .aboutpic{clear: both;width: 43.25vw;overflow: hidden;border-top-left-radius: 42px;height: calc(100% + var(--section-py));}
   .aboutpage .aboutpic img{width: 100%;height: 100%;object-fit: cover;object-position: center center;transform-origin: center;}
   .aboutpage .aboutpic.float-end{top: 48px;height: auto;position: sticky;border-top-left-radius: 5px;border-top-right-radius: 56px;}
   .aboutpage .aboutpic .buttons {margin-top: -7px; padding: 31px 24px 24px; justify-content: center; border: 1px solid #f0f0ff; }
   .aboutpage .sectionpic{border-radius: 0; }

   .quality .title{max-width: 1170px;display: block;}
   .quality .card{border: solid 1px #e7ebef;border-radius: 10px;padding: 12px;overflow: hidden;max-width: 435px;margin: auto;background: rgb(242 242 242 / 65%);}
   .quality .card h4{font-size: 18px;font-weight: 600;text-align: center;margin: 12px auto -5px;color: var(--title-color);font-family: var(--title-font-family);}
   .quality .cardpic{position: relative;overflow: hidden;z-index: 1;display: block;border-radius: 6px 6px 0px 0px;background: #ffffff;box-shadow: 0px 0px 24px rgb(0 0 0 / 10%);}
   .quality .cardpic::after{left: 0;bottom: 0;content: "";position: absolute;width: 100%;height: 100%;background: transparent;-webkit-transition: all 0.7s ease;transition: all 0.7s ease;}
   .quality .card:hover .cardpic::after{background: rgb(0 0 0 / 24%);}
   .quality .cardpic>img{width: 100%;aspect-ratio: 16 / 15;object-fit: cover;transform-origin: center;-webkit-transition: all 1s ease;transition: all 1s ease;}
   .quality .card:hover .cardpic>img{transform-origin: center;backface-visibility: hidden;-webkit-transform: scale(1.07) translateZ(0);transform: scale(1.07) translateZ(0);}
   .quality .cardpic>.zoomicon:after,.quality .cardpic>.zoomicon:before{position:absolute;content:'';background: #ffffff;top:50%;left:50%;z-index:1;opacity:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition: all 0.7s ease;transition: all 0.7s ease;}
   .quality .cardpic>.zoomicon:before{width:2px;height:50%}
   .quality .cardpic>.zoomicon:after{width:50%;height:2px}
   .quality .card:hover .cardpic>.zoomicon:after{width:48px;opacity:1}
   .quality .card:hover .cardpic>.zoomicon:before{height:48px;opacity:1}

   .our-business{overflow: clip; }
   .globalmap{float: right;clear: both;width: 46vw;position: sticky;top: 36px;}
   .globalmap svg{width: 100%;height: auto;display: block;filter: drop-shadow(0px 0px 32px rgb(0 0 0 / 5%));}
   .globalmap .land, .globalmap .land.active.show {fill: #ffffff;stroke: rgb(156 168 182 / 56%);stroke-width: 1;outline: none;pointer-events: none;-webkit-transition: all 250ms linear;-o-transition: all 250ms linear;transition: all 250ms linear;}
   .globalmap .land.active, .globalmap .land:hover {fill: #366bab;stroke: #034693;pointer-events: auto;} 
   .globalmap path#IN {fill: #da291c;stroke: #da291c;}
    .globalmap path#CA,.globalmap path#MX { fill: #034693;}

   .gpresence ul{margin-top: 18px;display: grid;gap: 18px 25px;grid-template-columns: repeat(auto-fill,minmax(111px,1fr));}
   .gpresence li a{padding: 2px;display: flex;align-items: center;color: #313131;font-size: 15px;font-weight: 600;}
   .gpresence .flag{display: inline-block;margin-right: 15px;width: 50px;aspect-ratio: 2/1;line-height: 1;flex-shrink: 0;}
   .gpresence .flag img{width: 100%;height: 100%;object-fit: cover;}
   .gpresence li a.active{color: #034693; }

   .Imarketbox{display: flex;flex-direction: column;height: 100%;}
   .Imarket{position: relative;z-index: 1;flex: 1 1 auto;padding-top: var(--section-py);}
   .Imarket::after{content: "";position: absolute;top: 0;left: 0;width: 50vw;z-index: -1;background: #f2f2f2;box-shadow: 0px 0px 0px 1px #e7ebef;bottom: calc(-1 * var(--section-py));}


   .errorbox, .thankbox{max-width: fit-content;margin: auto;text-align: center;background: #fff;padding: 3%;} 
   .error-title {position: relative;display: inline-block;font-size: 10vw;line-height: 1.2;font-weight: 600;color: #034693;z-index: 2;} 
   .thank-icon { position: relative; max-width: 154px; margin: 24px auto; }

/* ========= 28/04/2025  ========= */
.globalmap path#IN.active.show { fill: #ffffff; stroke: rgb(156 168 182 / 56%); stroke-width: 1; outline: none; pointer-events: none; -webkit-transition: all 250ms linear; -o-transition: all 250ms linear; transition: all 250ms linear; }
.globalmap .land.active { stroke: #fff; }

     /* ========= 29/05/2025  ========= */
    .globalmap path#CA.active.show, .globalmap path#MX.active.show{fill: #da291c;}

.design_Engin .services{ padding: 80px 0 50px 0; gap: 65px 0; }
.design_Engin .services .valuebox { padding: 35px 8px 40px; position: relative; z-index: 1;}
.services .valuebox:after { content: ''; bottom: 0; left: 0; background: #CE1F29; height: 0%; width: 100%; position: absolute; border-radius: 50% 50% 0 0; -webkit-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; z-index: -1; opacity: 0;}
.design_Engin .services .valuebox:hover:after { height: 100%; border-radius: 0%; opacity: 1; }
.design_Engin .services .valuebox:hover{ background-color: #f2f2f2; }
.design_Engin .services .valuebox h5 { font-size: 16px; max-width: 90%;margin: 0 auto; }
.design_Engin .services .valuebox .valueicon { height: 75px; width: 75px; margin: -75px auto 25px auto; padding: 15px; background: white; border-radius: 50%; box-shadow: rgba(99, 99, 99, 0.2) 0px -2px 8px 0px}
.design_Engin .services .valuebox .valueicon>img{ opacity: .7; }
.design_Engin .services .valuebox:hover .valueicon>img { filter: none; }
.design_Engin .buttons .dis-more{ margin: 0 auto; }


/* 01-25-2025 */
.aboutus .buttons > img{max-height: 100px; width: auto;}


.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::after,
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-select ~ label::after,
.form-floating.active label::after {
      position: absolute;
    inset: 1rem 0.375rem;
    z-index: -1;
    height: 1.5em;
    content: "";
    background-color: var(--bs-body-bg);
    border-radius: var(--bs-border-radius);
}
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-control:focus ~ label,
.form-floating > .form-select ~ label,
.form-floating.active label {
  color: rgba(var(--bs-body-color-rgb), .65);
    transform: scale(.85) translateY(-.5rem) translateX(.15rem);
}
.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;
}
.form-floating span > .form-control,
.form-floating span > .form-control-plaintext {
  padding: 1rem 0.75rem;
}


.policy_page {
    padding: 3rem 0;
}
.policy_page h4 {margin-top:15px;}

.policy_page ul li {
    position: relative;
    padding: 8px 24px;
}

.policy_page ul li:after {
    width: 6px;
	    position: absolute;
    height: 6px;
    top: 18px;
    left: 5px;
	content:'';
    transform: rotate(45deg);
    background-color: #444444;
    outline: 1px solid #444444;
    outline-offset: 2px;
}
.quality .justify-content-center {
    justify-content: start !important;
}