/* ==============================
   1. default 
   ============================== */
   p{font-size: 18px;color: #444444;line-height: 1.56;font-weight:500;}
   li,ul{margin:0;padding:0;list-style:none;font-size:18px;color:#444444;font-weight:500;}
   h1, h2, h3, h4, h5{font-family: "Inter Tight", sans-serif;font-weight:600;-webkit-text-size-adjust:100%;}
   :after,:before,a,.card{-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:#F2F3F5}.bg-2{background:#004373}strong{font-weight:600;font-size: 98%;}a{text-decoration:none; color: currentColor;}
   .themebtn{background: #ff8b00;font-size: 16px;font-weight: 500;color: #FFFFFF;padding: 14px 28px;overflow: hidden;z-index: 1;border: none;border-radius: 5px;display: inline-block;position: relative;}  
   .themebtn::after {content: "";background: #004373;position: absolute;width: 200%;height: 500%;z-index: -1;border-radius: 100%;-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(-50%, -40%) translateZ(0);transform: translate(-50%, -40%) translateZ(0);}
   .themebtn.outlinebtn {min-width: 183px;color: #444444;text-align: center;padding: 12px 26px;background: #ffffff;border: solid 2px #ff8b00;}
   .themebtn.outlinebtn:hover{border-color: #004373; color: #ffffff; background: #004373; }
   .title :is(h1, h2, h3) {color: #004373;font-size: var(--title-font-size);margin-bottom: var(--title-mb);line-height: 1.27;}
   .title :is(h1, h2, h3) small{color: var(--suptext-color);font-size: var(--suptext-font-size);margin-bottom: var(--subtitle-mb);padding-top: var(--suptext-pt);padding-left: var(--suptext-ps);display: block;position: relative;font-family: "Inter", sans-serif;font-weight: 500;}
   .title :is(h1, h2, h3) small::before{content: "";position: absolute;left: 0;bottom: 3px;width: 100%;height: 100%;pointer-events: none;max-height: var(--suptext-mxh);background: url(../images/check-theme.svg) no-repeat;background-size: contain;}
   .subtitle :is(h1, h2, h3, h4) {color: #444444;font-size: var(--subtitle-font-size);margin-bottom: var(--subtitle-mb);line-height: 1.2;}
   .readbtn{font-size: 14px;font-weight: 800;color: #FF8B00;letter-spacing: 0.5px;text-transform: uppercase;display: inline-block;position: relative;z-index: 1;text-align: center;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;background-image: linear-gradient(to right, #ffffff, #ffffff 50%, #FF8B00 50%);background-size: 200% 100%;background-position: -100%;}
   .readbtn:before{display: block;content: "";width: 0;height: 1px;left: 0;bottom: -2px;z-index: 0;position: absolute;background: #FF8B00;}
   .readbtn:hover, .products .card:hover .readbtn{background-position: 0%; }
   .readbtn:hover:before, .products .card:hover .readbtn:before {width: 100%; }

/* ==============================
   2. Pre Loader & Go top
   ============================== */
   #preloader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;color: #F36A10;background-repeat:no-repeat;background-color:#FFF;background-position:center;}
   #back-to-top{cursor:pointer;position:fixed;bottom: 0px;right: 0px;z-index:1111;display:none;color: #ffffff!important;background: #ff8b00;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 
   ============================== */
   .themebg{z-index: 1;overflow: hidden;position: relative;background: #004373;}
   .themebg::after{content: "";position: absolute;top: 0;left: 0;z-index: -1;height: 100%;width: 100%;mix-blend-mode: multiply;background: url(../images/themebg.png) no-repeat;background-size: cover;pointer-events: none;}
   .themebg-light{z-index: 1;overflow: hidden;position: relative;background: #F2F3F5;}
   .themebg-light::after{content: "";position: absolute;top: 0;left: 0;z-index: -1;height: 100%;width: 100%;mix-blend-mode: multiply;background: url(../images/themebg-light.png) no-repeat;background-size: cover;pointer-events: none;}
   .homepage>section, .subpage>section{padding-top: var(--section-py); padding-bottom: var(--section-py); position: relative; }

   .topnavbar{position: relative;background: #ffffff;}
   .topnavbar .rightnav .nav-link{font-size: 16px;font-weight: 600;padding: 13px 20px;--bs-nav-link-color: #4E5C67;--bs-nav-link-hover-color: #ff8b00;}
   .topnavbar .rightnav>ul>li{border-right: solid 1px #d5d5dd;}
   .topnavbar .rightnav>ul>li:last-child{border-right: none; }
   .topnavbar .callus>a>i{font-size: 20px; color: #ff8b00; }
   .topnavbar .social>a{color: #6B6B6B;font-size: 16px;display: inline-block;padding: 13px 5px;}
   .topnavbar .social>a:hover i{color: #ff8b00; }
   .topnavbar .ltranslator .dropdown-menu-end{right: 0;left: auto;margin: 0;padding: 0;width: 100%;border: none;min-width: 112px;max-height: 228px;overflow-y: auto;background: white;box-shadow: 0px 7px 21px rgb(0 0 0 / 25%);}
   .topnavbar .ltranslator .dropdown-toggle::after{border: none; content: "\f107"; font-family: 'FontAwesome'; vertical-align: baseline; }
   .topnavbar .ltranslator .dropdown-toggle.show::after{-webkit-transform: scale3d(1, -1, 1); transform: scale3d(1, -1, 1); }
   .topnavbar .rightnav .ltranslator>a{padding-right: 0px;}
   .topnavbar .ltranslator ul>li>a{font-size: 14px;font-weight: 500;color: #4E5C67;padding: 8px 12px;background: transparent;border-bottom: solid 1px #eee;}

   .themenavbar{z-index: 9;padding: 0;background: #FFFFFF;border-top: solid 1px #BBBBBB;}
   .themenavbar .rightnav .themebtn{display: block;padding: 9px 26px;margin: 12px 26px;text-transform: uppercase;--bs-nav-link-hover-color: #fff;}

   .welright{top: 24px;width: 100%;position: sticky;display: flex;flex-wrap: nowrap;}
   .themepic{width: 100%;max-width: 438px;position: relative;overflow: hidden;border-radius: 5px;background: #000;}
   .themepic>img{width: 100%;height: 100%;aspect-ratio: 438/607;object-fit: cover;object-position: 73% 50%;transition: all 0.35s;}
   .themepic:hover>img, .welright:hover .themepic>img{opacity: 0.7;object-position: 68% 50%;}
   .pictext{width: calc(100% - 55px );max-width: 256px;row-gap: 26px;display: flex;flex-direction: column;justify-content: center;padding: 16px 0px;margin-left: -55px;position: relative;z-index: 1;}
   .textbox{width: 100%;height: 100%;max-height: 227px;padding: 16px;background: #fff;border-radius: 5px;display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;box-shadow: 0px 25px 50px rgb(0 0 0 / 16%);}
   .textbox h5{color: #444444;font-size: 16px;margin-top: 12px;margin-bottom: 0;line-height: 1.3;text-align: center;white-space: pre-line;letter-spacing: 0.25px;text-transform: uppercase;}
   .textbox .counter{font-size: 85px;font-weight: 700;color: #004373;line-height: 65px;font-family: "Inter Tight", sans-serif;}
   .textbox::after{content: "";position: absolute;right: 0;top: 0;bottom: 0;width: 7px;height: 38%;margin: auto;background: #ff8b00;}

   .counter {height: 64px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; }
   .counter > span {z-index: 1; display: flex; height: 100%; max-width: 100%; align-items: center; flex-direction: column; -webkit-transition: transform 2s ease; transition: transform 2s ease; -webkit-transform: translateY(0); transform: translateY(0); }
   .counter > span span {flex: 0 0 100%; height: 100%; }

   .swiper .swiper-slide{height: auto !important;}
   .swiper .swiper-slide+.swiper-slide::after{content: ""; position: absolute; top: 0; left: -1px; height: 100%; width: 1px; background: transparent; pointer-events: none; }
   .swipernav{z-index: 1;column-gap: 8px;display: flex;align-items: center;position: relative;}
   .swipernav .swiper-button-next, .swipernav .swiper-button-prev{left: 0;margin: 0;padding: 0;width: 44px;height: 44px;color: #fff;display: flex;align-items: center;border-radius: 50%;position: relative;background: transparent;border: solid 2px #FF8B00;}
   .swipernav .swiper-button-next:hover, .swipernav .swiper-button-prev:hover{color: #ffffff;background: #FF8B00;}
   .swipernav .swiper-button-next:after, .swipernav .swiper-button-prev:after{content: ""; }
   .swipernav .swiper-button-next.swiper-button-disabled, .swipernav .swiper-button-prev.swiper-button-disabled{opacity: 1;background: transparent;}
   .swipernav .swiper-button-lock{display: none; }

   .products .card{height: 100%;padding: 42px 2rem;text-align: center;background: transparent;}
   .products .cardpic{margin: auto;width: 100%;max-width: 200px;background: #fff;border-radius: 50%;position: relative;overflow: hidden;border: solid 6px #fff;-webkit-transition: all 250ms linear;transition: all 250ms linear;}
   .products .cardpic>img{width: 100%;aspect-ratio: 1/1;object-fit: cover;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
   .products .card h5{color: #004373;font-size: 22px;margin: 9px 0px;}
   .products .card p{font-size: 16px;font-weight: 500;}
   .products.themebg h5{color: #fff;font-weight: 500;letter-spacing: 0.2px;}
   .products.themebg p{font-weight: 400;color: rgb(255 255 255 / 65%);}
   .products.themebg .title>*{color: #ffffff;}
   .products.themebg .title small::before{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
   .productSwiper .swiper-slide+.swiper-slide::after{background: rgb(255 255 255 / 20%); }
   .products .card:hover .cardpic{background: #004373;box-shadow: 0px 0px 24px rgb(255 255 255 / 10%);}
   .products .card:hover .cardpic>img{opacity: 0.86;-webkit-transform: translateX(28px) scale(1.3);transform: translateX(28px) scale(1.3);}

   .itworkicon{position: relative; padding-left: 50px; }
   .itworkicon::before{content: "";position: absolute;top: 0;left: 0;width: 35px;height: 35px;border-radius: 50%;border: solid 2px #FF8B00;background: url(../images/check-icon.svg) no-repeat;background-size: 16px;background-position: 56% 40%;}

   .itpicwrap{width: 100%;height: 100%;overflow: hidden;display: block;-webkit-clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 0 50%, 0% 0%);clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 0 50%, 0% 0%);-webkit-transition: all 350ms cubic-bezier(0.25, 1, 0.5, 1);transition: all 350ms cubic-bezier(0.25, 1, 0.5, 1);}
   .itpicwrap img{position: relative; width: 100%; height: 100%; object-fit: cover; }
   .itpicwrap::after {content: "Read More";position: absolute;top: 0;left: 0;width: 100%;height: 100%;color: #fff;display: flex;align-items: flex-end;justify-content: center;background-color: rgb(0 0 0 / 25%);z-index: 1;opacity: 0;padding-bottom: 24px;-webkit-transform: translateZ(0);transform: translateZ(0);-webkit-transition: all 350ms cubic-bezier(0.25, 1, 0.5, 1);transition: all 350ms cubic-bezier(0.25, 1, 0.5, 1);}
   .itworkpic:hover .itpicwrap{-webkit-clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%); clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%); -webkit-transform: translateX(10%); transform: translateX(10%); -webkit-transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1); transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1); }
   .itworkpic:hover .itpicwrap::after {opacity: 1;text-indent: -32%;}
   .itworkicon>ul>li {margin-bottom: 5px;}
   .itworks:before,.industries::before{content: "";position: absolute;top: 0;z-index: -1;width: 297px;height: 314px;pointer-events: none;background: url(../images/v-icon.svg) no-repeat;background-position: left bottom;}
   .itworks:before{right: 0; }

   .choosebox {display: block;text-align: center;border-radius: 5px;padding: 48px 16px;background: #ffffff;box-shadow: 0px 10px 25px rgb(0 0 0 / 15%);-webkit-transition: all 250ms;transition: all 250ms;}
   .choosebox h3{font-size: 18px;color: #004373;margin-top: 18px;line-height: 22px;transition: all 250ms;}
   .choosepic{max-width: 72px;min-height: 72px;margin: auto;display: flex;align-items: center;justify-content: center;}
   .choosebox:hover .choosepic{-webkit-animation: 0.7s fadeInUp cubic-bezier(.5,1,.89,1); animation: 0.7s fadeInUp cubic-bezier(.5,1,.89,1); }
   .choosebox:hover h3{-webkit-animation: 0.7s fadeInDown cubic-bezier(.5,1,.89,1); animation: 0.7s fadeInDown cubic-bezier(.5,1,.89,1); }

   .industries .card{z-index: 1;height: 100%;overflow: hidden;border-radius: 5px;background: transparent;}
   .industries .cardpic{position: relative;overflow: hidden;border-radius: 5px;width: 100%;height: 100%;transform-origin: top center;-webkit-transition: all 350ms linear;transition: all 350ms linear;}
   .industries .cardpic>img{width: 100%;object-fit: cover;transition: all 250ms linear;}
   .industries .card h5{font-size: 18px;color: #444444;padding-top: 15px;padding-bottom: .5rem;text-align: center;margin-bottom: 0;-webkit-transition: all 250ms linear;transition: all 250ms linear;}
   .industries .card:hover h5{position: absolute;left: 0;right: 0;bottom: 0;color: white;z-index: 1;font-weight: 500;background: rgb(0 0 0 / 24%);animation: 0.7s fadeInUp cubic-bezier(.5,1,.89,1);}
   .industries .card:hover .cardpic{-webkit-transform: scale(1.3); transform: scale(1.3);}
   .industries .cardpic::after{content: "";position: absolute;top: 0;left: 0;bottom: 0;width: 100%;mix-blend-mode: multiply;background: rgb(0 0 0 / 0%);}
   .industries .card:hover .cardpic::after{background: rgb(0 0 0 / 24%);}
   .IndustrySwiper.swiper-grid>.swiper-wrapper {grid-row-gap: 20px;}
   .swipernav .IndustrySwiper-next.swiper-button-disabled, .swipernav .IndustrySwiper-prev.swiper-button-disabled{opacity: 0.5;}
   .IndustrySwiper-prev.swiper-button-prev, .IndustrySwiper-next.swiper-button-next {color: #ff8b00; }
   .industries::before{right: auto;left: 0;-webkit-transform: scaleX(-1);transform: scaleX(-1);}

   .footertop{padding-top: var(--section-py);padding-bottom: 42px;position: relative;}
   .footertop h6 {color: #ffffff;margin-bottom: 20px;font-size: 17px;font-weight: 600;text-transform: uppercase;}
   .footertop .contlist li a, .footertop .contlist p{font-size: 16px;font-weight: 300;line-height: 27px;white-space: pre-line;color: rgb(255 255 255 / 85%);}
   .footertop .contlist h6{text-transform: capitalize;font-size: 16px;font-weight: 500;letter-spacing: 0.35px;margin-bottom: 14px;}
   .footertop .contlist .phone h6 {margin-bottom: 4px;}
   .footertop .contlist li a:hover{color: #ffffff; text-decoration: underline; }

   .footertop .navlist li {margin: 7px 0;white-space: nowrap;}
   .footertop .navlist li a{font-size: 16px;font-weight: 300;position: relative;color: rgb(255 255 255 / 85%);}
   .footertop .navlist li a:before {content: "\f105";position: absolute;color: #ff8b00;left: 0;top: 0px;opacity: 0;visibility: hidden;font-family: 'FontAwesome';font-size: 14px;font-weight: 400;transform: translateX(9px);}
   .footertop .navlist li a:hover {padding-left: 12px;color: #fff;}
   .footertop .navlist li a:hover:before {opacity: 1; visibility: visible; transform: translateX(0px); }
   .footertop .navlist li:last-child{margin-bottom: 0; }

   .footermid{padding: 8px 0px;border-top: 1px solid rgb(255 255 255 / 35%);}
   .footermid .footernav a{-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;background-image: linear-gradient(to right, #FF8B00, #FF8B00 50%, #ffffff 50%);background-size: 200% 100%;background-position: 100%;}
   .footermid .footernav a{font-size: 15px;color: #ffffff;font-weight: 700;line-height: normal;text-transform: uppercase;letter-spacing: 1.2px;padding-left: 0;margin-right: 14px;-webkit-transition: all 250ms linear;transition: all 250ms linear;}
   .footermid .footernav a:hover{background-position: 0%; }
   .footermid .social a{color: #fff;font-size: 20px;padding: 8px 10px;}
   .footermid .social a:hover i{color: #ff8b00; }

   .copyrights{padding: 1px 0px;border-top: 1px solid rgb(255 255 255 / 35%);}
   .copyrights p {font-size: 15px;font-weight: 400;color: rgb(255 255 255 / 85%);line-height: normal;}
   .copyrights a:hover{text-decoration: underline; color: #fff; }

   #wpp-fix {position: fixed;bottom: 20%;right: 20px;z-index: 12;}
   #wpp-fix .wpp-link {background: #25D366; display: flex; z-index: 2; position: relative; padding: 15px; border: none; cursor: pointer;  border-radius: 50%; box-shadow: 0px 3px 10px rgba(37, 211, 102, 0.56); -webkit-transform: scale(1); transform: scale(1); }
   #wpp-fix .wpp-link:hover {-webkit-transform: scale(1.05);  transform: scale(1.05); background: #1da851; }
   #wpp-fix .wpp-link::before {background: rgba(37, 211, 102, 0.6); content: ""; width: 100%; height: 100%; position: absolute; border-radius: 50%; z-index: -1; top: 0px; right: 0; -webkit-animation: pulse 2s infinite; animation: pulse 2s infinite; }
   #wpp-fix .wpp-link>i {width: 30px;font-size: 30px;color: #ffffff;text-align: center;backface-visibility: hidden;-webkit-animation: 1s wiggle ease infinite;animation: 1s wiggle ease infinite;}


/* ==============================
   4. sub page css 
   ============================== */   
   .sub-banner {position:relative;background: #555555;padding: 7vw 0px 4vw 0px;background-repeat: no-repeat;background-position: center;background-size: cover;min-height: 148px;display: flex;align-items: flex-end;justify-content: center;}
   .sub-banner h4{color:#FFF;line-height: 1.27;font-weight: 600;letter-spacing: 0.5px;font-size: calc(var(--title-font-size) + 4px);} 
   .sub-banner .breadcrumb li, .sub-banner .breadcrumb li a{color: #ffffff;font-weight: 500;font-size: 16px;letter-spacing: 0.25px;--bs-breadcrumb-divider-color: #d7d7d7;text-shadow: 0px 0px 7px rgb(0 0 0 / 40%);} 
   .sub-banner .breadcrumb {background: rgb(0 67 115 / 25%);padding: 8px 20px;border-radius: 4px;background: linear-gradient(90deg, rgb(0 67 115 / 86%) 0%, rgba(255, 255, 255, 0) 60%);} 
   .sub-banner .breadcrumb-item::before {float: right;padding-right: 0;padding-left: var(--bs-breadcrumb-item-padding-x);color: var(--bs-breadcrumb-divider-color);content: var(--bs-breadcrumb-divider, "/");}
   .sub-banner .breadcrumb-item:last-child:before{display: none; }
   .sub-banner .breadcrumb-item{padding-left: 0;padding-right: var(--bs-breadcrumb-item-padding-x);}

   .subpage p:last-child, .subpage li:last-child{margin-bottom: 0px !important;}
   .subpage .products .card{margin-right: -1px;margin-bottom: -1px;height: calc(100% + 1px);padding: 32px 8px 24px;border: solid 1px #d5d5dd;}
   .subpage .products .card .readbtn{background-image: linear-gradient(to right, #004373, #444444 50%, #FF8B00 50%); }
   .subpage .products .card h5{font-size: var(--subtitle-font-size); margin-bottom: var(--subtitle-mb); }
   .subpage .products .cardpic{border-color: #E9E9E9; }

   .themeform .form-control{border-radius: 5px;border: solid 2px #e7e8ec;height: 56px;padding: 16px;}
   .themeform textarea.form-control{resize: none;height: 148px;}
   .themeform .form-floating>label {color: #757575;font-size: 15px;}
   .themeform .form-select{border-radius: 0;border: solid 2px #E9E9E9;min-height: 58px;box-shadow: none !important;}

   .infobox{display: flex;align-items: flex-start;padding: 8px 0px;}
   .infobox li>a{font-size: 100%;display: table;line-height: 1.56;margin-top: 2px;}
   .infobox h4{margin-bottom: 5px;letter-spacing: 0.5px;color: var(--subtitle-color);font-size: var(--subtitle-font-size);}
   .infobox .infoicon{flex-shrink: 0;width: 52px;height: 52px;color: #ff8b00;font-size: 20px;display: flex;align-items: center;justify-content: center;background: white;border-radius: 5px;}
   .infobox+.infobox{margin-top: 18px;}
   .infobox li>a:hover{text-decoration: underline; }

   .contactus .themeform {border-radius: 5px;padding: 32px 42px 40px;background: #ffffff;/* box-shadow: 0px 7px 21px rgb(0 0 0 / 10%); */}
   .locations .ratio {width: 100%;max-height: 456px;min-height: 320px;overflow: hidden;-webkit-filter: grayscale(100%);filter: grayscale(100%);}
   .locations .infobox{max-width: 456px;border-color: #d5d5dd;}
   .locations .tab-content {padding-top: 96px;position: relative;background: #e7e8ec;}
   /* .locations .tab-content::after{content: "Address"; position: absolute; top: 0; left: 0;  } */

   .locatbox {height: calc(100% + 86px); padding: 24px; z-index: 22; position: relative; background: #ffffff; margin-bottom: -86px; border-radius: 5px; border: solid 2px #e7e8ec; /* box-shadow: 0px 0px 32px rgb(0 0 0 / 12%); */ }
   .locatbox h4{font-size: 18px;letter-spacing: 0.5px;color: #004373;}
   .locatbox p{font-size: 16px;}
   .locatbox a{font-weight: 700; background-image: linear-gradient(to right, #444444, #444444 50%, #FF8B00 50%);}

   .aboutus .themepic{max-width: 456px; }
   .leadership::after{mix-blend-mode: darken;background-image: url(../sub-images/company-growth.jpg);}
   .leadership p {font-weight: 400;color: rgb(255 255 255 / 90%);}
   .leadership h2{color: #ffffff; }
   
   .ourteam{margin-top: -78px; }
   .ourteam .card {z-index: 1;padding: 30px 30px;border-radius: 10px;box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.12);}
   .ourteam .card h6{max-width: fit-content;margin: 16px 0 -18px;padding: 8px 32px;border-radius: 24px;background: #ff8b00;color: #fff;z-index: 1;position: relative;box-shadow: 0px -4px 32px 0px rgba(0, 0, 0, 0.12);}
   .ourteam .cardpic img{width: 100%; border-radius: 8px; }

   .missionbox{position: relative;border-radius: 108px;background: #ffffff;}
   .missionicon{height: 208px;padding: 14px;width: 208px;position: relative;border-radius: 50%;background: #ff8b00;box-shadow: 0 0 1px 1px #ff8b00;}
   .missionicon .iconbox{width: 100%;height: 100%;padding: 26px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: #ffffff;box-shadow: 4px 4px 18px 0px rgb(94 56 12 / 48%);}

   .whyuspic {width: 50vw;float: right;border-radius: 0 80px 80px 0;overflow: hidden;margin-right: 42px;height: 100%;}
   .whyuspic img {width: 100%;height: 100%;object-fit: cover;object-position: top left;}
   .whyusdes .choosebox{height: 100%; }
   .whyusdes .choosebox h3{font-size: var(--subtitle-font-size);margin-bottom: var(--subtitle-mb);animation: none;}
  
   .capabilities, #chooseus{overflow: hidden; z-index: 1; }
   .capabilities::after{content: "";left: 2px;top: var(--section-py);bottom: var(--section-py);width: calc(100% - 2px);position: absolute;background: url(../images/check-theme.svg) no-repeat;background-size: contain;opacity: 0.05;z-index: 3;pointer-events: none;mix-blend-mode: multiply;}
   .capabildes{margin-right: -24vw;position: relative;z-index: 1;padding-right: 1rem;background: rgb(255 255 255 / 96%);border-radius: 0px 16px 0px 0px;}
   .capabilpic {width: 45vw;border-radius: 42px 0 0 42px;overflow: hidden;margin-left: 24px;height: 100%;}
   .capabilpic img {width: 100%;height: 100%;object-fit: cover;object-position: center;}

   .productpic {width: 45vw;float: right;border-radius: 0 60px 80px 0;overflow: hidden;margin-right: 28px;height: 100%;background: #ffffff;}
   .productpic img {width: 100%;height: 100%;object-fit: cover;object-position: center;}
   .prodtypesbox {height: 100%;text-align: center;border-radius: 5px;padding: 18px;background: #ffffff;box-shadow: 0px 10px 25px rgb(0 0 0 / 15%);-webkit-transition: all 250ms;transition: all 250ms;}
   .prodtypesbox h3{font-size: 18px;color: #444444;margin-top: 18px;padding-top: 18px;line-height: 22px;margin-bottom: 0;border-top: solid 1px #e5e5ef;}
   .prodtypespic{width: 100%;display: flex;align-items: center;justify-content: center;}
   .prodtypespic>img {width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
   .prodtypeSwiper .prodtypesbox{box-shadow: none; }
   .prodtypeSwiper {-webkit-filter: drop-shadow(0px 10px 25px rgb(0 0 0 / 15%)); filter: drop-shadow(0px 10px 25px rgb(0 0 0 / 15%)); }

   .thememodal .modalbtn{position: fixed;top: 50%;right: -1px;z-index: 9;transform: translateY(-50%);display: none;writing-mode: vertical-lr;transform: rotate(180deg);padding: 14px 8px 14px 7px;border-radius: 0px 12px 12px 0px;border: solid 1px #fff;backface-visibility: hidden;}
   .thememodal .offcanvas{width: 100%; max-width: 640px; background: #F2F3F5; }
   .thememodal .themeform {margin: 24px; border-radius: 5px; padding: 18px 32px 32px; background: #ffffff; box-shadow: 0px 7px 21px rgb(0 0 0 / 10%); }
   .thememodal .offcanvas:after{content: ""; position: absolute; top: 0; left: 0; z-index: -1; height: 100%; width: 100%; mix-blend-mode: multiply; background: url(../images/themebg-light.png) no-repeat; background-attachment: fixed; background-size: cover; pointer-events: none; }
 
   .marqueewrap {--marquee-width: 100vw;--offset: 20vw;--move-initial: calc(-25% + var(--offset));--move-final: calc(-50% + var(--offset));--item-font-size: 98px;counter-reset: marqueewrap;}
   .marquee {position: absolute;bottom: 5%;left: 0;width: var(--marquee-width);overflow: hidden;pointer-events: none;mix-blend-mode: color-burn;}
   .marquee__inner {width: fit-content; display: flex; position: relative; transform: translate3d(var(--move-initial), 0, 0); animation: marquee 5s linear infinite; animation-play-state: running; opacity: 1; transition-duration: 0.4s; }
   .marquee span {text-align: center; white-space: nowrap; font-size: var(--item-font-size); padding: 0 1vw; font-weight: 900; line-height: 1.15; text-transform: uppercase; color: transparent; -webkit-text-fill-color: white; -webkit-text-stroke-color: #666666; -webkit-text-stroke-width: 1px; }
   @keyframes marquee {0% {transform: translate3d(var(--move-initial), 0, 0); } 100% {transform: translate3d(var(--move-final), 0, 0);} }

   .carousel-control-next-icon, .carousel-control-prev-icon {
      background-size: 24px;
      position: relative;
      width: 55px;
      height: 55px;
      line-height: 53px;
      text-align: center;
      border: 2px solid #ffffff;
      border-radius: 55px;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all .3s ease;
      transition: all .3s ease;
   }
   .carousel-control-prev-icon {
      left: 25px;
      transform: translateX(50px);
   }
   .carousel-control-next-icon {
      right: 25px;
      transform: translateX(-50px);
   }
   .carousel:hover .carousel-control-prev-icon, .carousel:hover .carousel-control-next-icon {
      transform: translateX(0);
      opacity: 1;
      visibility: visible;
   }

   .allproducts .themebtn.outlinebtn{top: -24px;right: 0;min-width: auto;padding: 7px 14px;position: absolute;font-size: 15px;font-weight: 600;border-color: #fff;text-transform: uppercase;}
   .allproducts .themebtn.outlinebtn>i{margin-right: 3px;font-size: 16px;color: #ff8b00;}
   .allproducts ul{display: grid;grid-template-rows: repeat(var(--bs-rows, 1), 1fr);grid-template-columns: repeat(var(--bs-columns, 12), 1fr);gap: var(--bs-gap, 1rem);}
   .allproducts ul>li{position: relative;display: flex;align-items: center;column-gap: 10px;grid-column: auto / span 4;}
   .allproducts ul>li::before{content: "";position: relative;top: 0px;left: 0;width: 26px;height: 26px;flex-shrink: 0;align-self: baseline;border-radius: 50%;border: solid 2px #FF8B00;background: url(../images/check-icon.svg) no-repeat;background-size: 12px;background-position: 54% 32%;}
   .allproducts .offcanvas.offcanvas-top{padding-bottom: 1rem; }

   .erroricon>svg {width: 100%;height: 100%;aspect-ratio: 456/148;}
   .erroricon>svg>text {text-transform: uppercase;animation: strokeline 5s linear forwards;stroke-width: 2;stroke: #ff8b00;font-size: 32rem;font-weight: 700;}
   @keyframes strokeline {0% {fill: rgba(255, 140, 0, 0.1);stroke: #ff8b00;stroke-dashoffset: 25%;stroke-dasharray: 0 50%;stroke-width: 2;}70% {fill: rgba(255, 140, 0, 0.1);stroke: #ff8b00;}80% {fill: rgba(255, 140, 0, 0.1);stroke: #ff8b00;stroke-width: 3;}100% {fill: #ff8b00;stroke: rgba(0, 67, 115, 0);stroke-dashoffset: -25%;stroke-dasharray: 50% 0;stroke-width: 0;}}

   .thanksicon{max-width: calc(98px + 7vw);margin: auto;}
   .thanksicon>svg {width: 100%;display: block;margin: 12px auto;}
   .thanksicon .path {stroke-dasharray: 1000;stroke-dashoffset: 0;}
   .thanksicon .path.circle {-webkit-animation: dash 0.9s ease-in-out;animation: dash 0.9s ease-in-out;}
   .thanksicon .path.check {stroke-dashoffset: -100;-webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;animation: dash-check 0.9s 0.35s ease-in-out forwards;}
   @-webkit-keyframes dash {0% {stroke-dashoffset: 1000;}100% {stroke-dashoffset: 0;}}@keyframes dash {0% {stroke-dashoffset: 1000;}100% {stroke-dashoffset: 0;}}
   @-webkit-keyframes dash-check {0% {stroke-dashoffset: -100;}100% {stroke-dashoffset: 900;}}@keyframes dash-check {0% {stroke-dashoffset: -100;}100% {stroke-dashoffset: 900;}}

   .g-recaptcha {
      max-width: 304px;
      max-height: 74px;
      -webkit-transform: scale(0.85);
      transform: scale(0.85);
      transform-origin: left;
  }