/* ==============================
   1. default 
   ============================== */
   ul{margin:0;padding:0;list-style:none;}
   h1, h2, h3, h4, h5, h6,.tagline{font-family: "Barlow", sans-serif;}
   p,li{font-size: 16px;color: #444444;line-height: 1.63;font-weight:500;}
   :after,:before,a,.card,img,button{-webkit-transition:0.5s ease-in-out;-moz-transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out;-ms-transition:0.5s ease-in-out;transition:0.5s ease-in-out}
   .bg-1{background: var(--theme-bg-1)}.bg-2{background: var(--theme-color)}strong{font-size: 98%;font-weight:600;color: #323232;}a{text-decoration:none; color: currentColor;}
   .themebtn{z-index: 1;font-size: 16px;font-weight: 600;color: var(--theme-color);position: relative;overflow: hidden;padding: 16px 20px;display: inline-block;border-radius: 10px;vertical-align: middle;background: transparent;border: 2px solid var(--theme-color);}
   .themebtn::after {content: "";background: #ed1b24;position: absolute;width: 200%;height: 500%;z-index: -1;border-radius: 100%;pointer-events: none;-webkit-transform: translate(30%, 10%) translateZ(0);transform: translate(30%, 10%) translateZ(0);}
   .themebtn:hover, .sidebarbtn.themebtn:hover{color: #FFFFFF;border-color: #ed1b24;background: rgb(237 27 36 / 70%);}
   .themebtn:hover:after{-webkit-transform: translate(-50%, -44%) translateZ(0);transform: translate(-50%, -44%) translateZ(0);}
   .themebtn>img{width: 22px;height: 22px;margin-left: 4px;margin-top: -2px;padding: 5px 5px;border-radius: 50%;display: inline-block;background: var(--theme-color);}
   .title :is(h1, h2, h3, h4) {color: var(--title-color);font-size: var(--title-font-size);margin-bottom: var(--title-mb);line-height: 1.2;}
   .subtitle :is(h1, h2, h3, h4) {color: var(--title-color);font-size: var(--subtitle-font-size);line-height: 1.3;}
   .tagline{display: block;font-size: 16px;font-weight: 500;margin-bottom: 12px;padding-bottom: 10px;color: var(--theme-color);position: relative;}
   .tagline::after{content: "";position: absolute;bottom: 0;left: 0px;width: 41px;height: 2px;border-radius: 4px;background: var(--theme-color);}
   .bgtitle{left: 50%;z-index: -1;position: absolute;pointer-events: none;top: var(--section-py);transform: translateX(-48%);}
   .bgtitle .slideitem{padding: 0px 4vw;}
   .bgtitle .slideitem>span{opacity: 0.08;font-weight: 700;line-height: 62%;color: #ffffff;letter-spacing: 14px;font-family: "Barlow Semi Condensed", sans-serif;font-size: clamp(4rem, -1.25rem + 23.3333vw, 16.25rem);text-shadow: -1px -1px 0 #444444, 1px -1px 0 #444444, -1px 1px 0 #444444, 1px 1px 0 #444444;}
   .tmb-0, .tmb-0 :is(h1, h2, h3, h4){--title-mb: 0; margin-bottom: 0; }

/* ==============================
   2. Pre Loader & Go top
   ============================== */
   #preloader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;color: var(--theme-color);background-repeat:no-repeat;background-color:#FFF;background-position:center;}
   #preloader .flex-center{display:flex;flex-direction:column;align-items:center;justify-content:center; height:100%;}
   #back-to-top{cursor:pointer;position:fixed;bottom: 0px;right: 0px;z-index:1111;display:none;color: #ffffff!important;background: var(--theme-color);padding: 5px 13px 3px;border-radius: 24px 24px 0px 0px;max-width: 40px;overflow: hidden;border: solid 1px #ffffff;border-bottom: none;}
   #back-to-top>img{position: relative;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
   #whatsapp {position: fixed;bottom: 65px;right: 0px;z-index: 99;width: 88px;height: 88px;line-height: 88px;overflow: hidden;display: none;text-align: center;background: rgb(77 75 75 / 7%);border-radius: 50%;animation: jump 0.3s infinite;}
   #whatsapp:hover {animation: none; }
   @-webkit-keyframes jump{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(7deg);transform:rotate(7deg)}50%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}75%{-webkit-transform:rotate(-7deg);transform:rotate(-7deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}
   @keyframes jump{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(7deg);transform:rotate(7deg)}50%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}75%{-webkit-transform:rotate(-7deg);transform:rotate(-7deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}

/* ==============================
   3. home css 
   ============================== */
   .themeheader{top: 0;z-index: 9;position: sticky;background: #FFFFFF;box-shadow: 0px 8px 32px rgb(0 0 0 / 12%);}
   .homepage>section,.subpage>section{padding-top: var(--section-py); padding-bottom: var(--section-py); position: relative; }
   section .bg{position: absolute; left: 0; top:-20%; width: 100%; height: 140%; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: -1; will-change: transform; }
   .sectionpic{z-index: 1;position: relative;overflow: hidden;border-radius: 0;}
   .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%; }

   .headtop li{display: flex;align-items: center;}
   .headtop li a{font-weight: 500;font-size: 15px;color: #FFFFFF;display: flex;align-items: center;column-gap: 7px;--bs-nav-link-padding-y: 10px;--bs-nav-link-hover-color: #ffffff;}
   .rightnav .themebtn{display: block;margin-left: 14px;margin-right: 14px;padding: 7px 16px;border-radius: 2px;color: #444444;}
   .rightnav .themebtn>img{width: 24px;height: auto;margin: 0;padding: 0;border-radius: 0;background: transparent;}
   .rightnav .themebtn:hover>img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
   .rightnav .themebtn:hover{color: #FFFFFF;}

   .slidernav{right: 12%;bottom: 10%;z-index: 1;display: flex;flex-direction: row;}
   .slidernav>button{opacity: 1;width: auto;margin-right: 16px;position: relative;}
   .slidernav>button>span{width: 48px;height: 48px;border-radius: 50%;background-size: 20px;box-shadow: 0px 0px 1px 1px #fff;}
   .slidernav>button>span:hover{background-color: var(--theme-color);}
   .slidernav>.count{font-family: "Barlow Semi Condensed", sans-serif;font-size: 24px;font-weight: 400;line-height: 26px;color: #C5C5C5;text-align: right;width: clamp(5rem, 2.3354rem + 7.4146vw, 9.75rem);}
   .slidernav>.count>span{color: #ffffff;font-size: clamp(2.5rem, 0.6067rem + 5.2683vw, 5.875rem);}

   .about .sectiondesc {max-width: 600px; }
   .about .sectiondesc p{position: relative;z-index: 1;margin-bottom: 26px;padding-bottom: 18px;}
   .about .sectiondesc p::after{content: "";position: absolute;bottom: 0;left: 0px;width: 69%;height: 1px;background: var(--theme-color);}
   
   .sectionleft{position: relative;height: 100%;z-index: 1;}
   .sectionleft::before{content: "";right: 0px;width: 50vw;z-index: -1;position: absolute;background: var(--theme-bg-1);top: calc(-1 * var(--section-py));bottom: calc(-1 * var(--section-py));border-right: solid 1px #D4D1D1;}
   .sectionleft::after{content: "";right: -2px;width: 5px;height: 90%;z-index: -1;position: absolute;border-radius: 8px;background: #D4D1D1;bottom: calc(-1 * var(--section-py));}
   .sectionleft>.sectionpic{display: block;margin: auto;max-width: 514px;
	   box-shadow: 7px 4px 10.4px rgba(0, 0, 0, 0.25);
}
   .picshadow {box-shadow: 5px 4px 16px rgb(0 0 0 / 20%); }

   .countersec{overflow: hidden; }
   .counterbox{padding: 7px 0px;position: relative;height: 100%;column-gap: 10px;display: flex;align-items: flex-start;justify-content: center;}
   .counterbox h4{font-weight: 600;font-size: 70px;color: var(--theme-color);margin: 10px 0px;position: relative;line-height: 50px;display: flex;align-items: flex-start;justify-content: flex-start;}
   .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 .countericon{width: 100%;max-width: 80px;flex-shrink: 0;aspect-ratio: 1/1;border-radius: 50%;display: flex;align-items: center;justify-content: center;border: solid 1px var(--theme-color);}

   .productbox{position: relative;z-index: 1;overflow: hidden;display: flex;justify-content: center;/* clip-path: polygon(0% 0%, 0% 100%, 43.2% 100%, 50% 94.5%, 56.8% 100%, 100% 100%, 100% 0%); */}
   .productbox::after{content: "";top: 0;right: 0;width: 100%;height: 100%;z-index: 1;position: absolute;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 48%, rgba(9, 9, 9, 0.93) 100%);}
   .productbox h5{left: auto;right: auto;bottom: 10%;z-index: 2;font-size: 24px;line-height: 120%;text-align: center;color: #FFFFFF;position: absolute;}
   .prodslider .slideitem{padding: 0 5px; }
   .productbox:hover::after{background: linear-gradient(180deg, rgba(0, 0, 0, 0) 48%, rgba(9, 9, 9, 0.93) 100%);}
   .productbox img{width: 100%;object-fit: cover;-webkit-transition: all 1s ease;transition: all 1s ease;}
   .productbox:hover img{-webkit-transform: scale(1.07) translateZ(0); transform: scale(1.07) translateZ(0); }
   .productbox .viewbtn{width: 50px;height: 50px;bottom: -25px;z-index: 2;position: absolute;overflow: hidden;transform: rotate(45deg);background: #ebebeb;-webkit-transition: 0.7s ease-in-out;transition: 0.7s ease-in-out;}
   .productbox .viewbtn::after{content: url(../images/arrow_left2.svg);top: 0;left: 0;opacity: 0;position: absolute;transform: rotate(227deg);}
   .productbox:hover .viewbtn {transform: rotate(135deg);background-position: 27% 66%;}
   .productbox:hover .viewbtn:after{opacity: 1;top: 18px;left: 14px;}

   .expertise{overflow: hidden; }
   .expertise .sectionpic{display: block;margin: auto;max-width: 514px;/* box-shadow: 7px 8px 10.5px rgba(0, 0, 0, 0.25); */}
   .expertise .title{position: relative; z-index: 2; }
   .integrated{position: relative;z-index: 1;overflow-y: clip;padding: 12px 12px 14px 32px;border-left: solid 1px #D4D1D1;-webkit-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}
   .integrated::before{content: "";left: -3px;width: 5px;height: 100%;z-index: -1;bottom: 0;top: auto;position: absolute;border-radius: 8px;background: #D4D1D1;}
   .integrated .title h4{margin-bottom: 0;line-height: 1.144;color: rgb(114 114 114 / 50%);-webkit-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}
   .integdesc{height: 100%;max-height: 0px;visibility: hidden;overflow: hidden;position: relative;-webkit-transition: 0.7s ease-in-out;transition: 0.7s ease-in-out;}

   .scroll-content{position: relative; margin: 0; display: flex; gap: 2rem; } 
   .scroll-content > div{flex: 1; } 
   .scroll-content .content{display: flex; flex-direction: column; gap: 8rem; padding-bottom: 12rem; }
   .scroll-content .content p{padding: 20px 0px 26px;margin-bottom: 0;max-width: 456px;}
   .scroll-content .albums{position: relative; aspect-ratio: 1; width: 100%; overflow: hidden; display: block; margin: auto; max-width: 514px; aspect-ratio: 514 / 655; box-shadow: 7px 8px 10.5px rgba(0, 0, 0, 0.25); } 
   .scroll-content .albums .album{position: absolute; top: 0; left: 0; width: 100%; } 
   .scroll-content .albums .album img{width: 100%; } 
   .scroll-content .heading.active h4{color: var(--theme-color); } 
   .scroll-content .heading.active .integdesc{visibility: visible;max-height: 320px;} 
   .scroll-content .heading.active .integrated{padding: 32px 12px 64px 32px; border-color: var(--theme-color); } 
   .scroll-content .heading.active .integrated::before{height: 70%; background: var(--theme-color); }
   
   .capabilbox{position: relative;z-index: 1;overflow: hidden;display: flex;justify-content: center;}
   .capabilbox::after{content: "";right: 0;bottom: 0;width: 100%;height: 46%;z-index: 1;position: absolute;background: linear-gradient(178deg, rgb(0 0 0 / 0%) 16%, #000000 96%);}
   .capabilbox h5{left: auto;right: auto;bottom: 7%;z-index: 2;font-size: 24px;line-height: 120%;text-align: center;color: #FFFFFF;position: absolute;}
   .capabilbox:hover:after{height: 100%;background: linear-gradient(178deg, rgb(0 0 0 / 1%) 16%, #000000 96%);}
   .capabilbox img{width: 100%;object-fit: cover;-webkit-transition: all 1s ease;transition: all 1s ease;}
   .capabilbox:hover img{-webkit-transform: scale(1.07) translateZ(0); transform: scale(1.07) translateZ(0); }

   .industries, .countersec{z-index: 1; overflow: hidden; }
   .industries .bgtitle{transform: translateX(-50%);top: calc(0.6 * var(--section-py));}
   .industries .bgtitle .slick-list{overflow: visible; }
   .industries .bgtitle .slideitem>span{opacity: 0.07;letter-spacing: 0px; }
   .servebox{position: relative;z-index: 1;overflow: hidden;display: flex;justify-content: center;}
   .servebox>img{width: 100%; aspect-ratio: 1/1; object-fit: cover; }
   .servebox::after{content: "";bottom: 0;right: 0;width: 100%;height: 7%;z-index: 1;opacity: 0;border-radius: 50% 50% 0px 0px;position: absolute;background: linear-gradient(177deg, rgba(0, 0, 0, 0) 2%, rgba(0, 0, 0, 0.92) 97%);}
   .servebox h5{left: auto;right: auto;bottom: 0%;z-index: 2;opacity: 0;font-size: 24px;line-height: 120%;text-align: center;color: #FFFFFF;position: absolute;-webkit-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}
   .servebox:hover::after{height: 100%;opacity: 1;border-radius: 0;}
   .servebox:hover h5{bottom: 8%;opacity: 1;}

   .clientbox{z-index: 1;height: 100%; padding: 0px 24px; position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;}
   .clientbox>img{opacity: 0.5; -webkit-filter: saturate(0); filter: saturate(0); } 
   .clientslider .slick-center .clientbox>img{opacity: 1; -webkit-filter: saturate(1); filter: saturate(1); }
   .clientslider .slick-track, .testslider .slick-track{display: flex; }
   .clientslider .slideitem, .testslider .slideitem{height: auto;}

   .whychoose{z-index: 1;overflow: hidden; background: #EBEBEB;}
   .whychoose::after{content: "";top: 0;left: -2px;width: 45%;height: 100%;z-index: -1;position: absolute;opacity: 0.7;mix-blend-mode: overlay;background: url(../images/why-choose-bg.jpg) no-repeat;background-size: cover;}
   .choosedesc{z-index: 2;position: relative;background: #ffffff;margin: calc(-1 * var(--section-py)) 0px;}
   .decadbox{z-index: 1;column-gap: 98px;padding: 22px 28px;display: flex;align-items: flex-start;position: relative;}
   .decadbox h4{font-weight: 500;font-size: 24px;line-height: 124%;color: #444444;margin-bottom: 9px;-webkit-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}
   .decadbox p{max-width: 380px;line-height: 144%;-webkit-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}
   .decadbox::before{top: 0;left: 0;bottom: 0;content: "";width: 60vw;z-index: -1;position: absolute;background: #fff;border-top: solid 1px rgb(126 126 126 / 50%);border-left: solid 1px rgb(126 126 126 / 50%);}
   .decadbox::after{top: 0;left: 130px;content: "";width: 1px;z-index: -1;height: 100%;position: absolute;background: rgb(126 126 126 / 50%);}
   .decadbox .decadicon{width: 100%;max-width: 74px;aspect-ratio: 1/1;border-radius: 50%;display: flex;align-items: center;flex-shrink: 0;align-self: center;justify-content: center;background: #EBE9E9;-webkit-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}
   .decadbox:hover:before, .decadbox.active:before{background: var(--theme-color); }
   .decadbox:hover h4, .decadbox:hover p, .decadbox.active h4, .decadbox.active p{color: #ffffff;}
   .decadbox:hover .decadicon, .decadbox.active .decadicon{background-color: #ffffff; }

   .partnerwb{z-index: 1;overflow: hidden;background: #333333;}
   .partnerwb::after{content: "";top: 0;left: 0;width: 100%;height: 100%;z-index: -1;position: absolute;background: linear-gradient(90deg, rgba(0, 0, 0, 0.75) 0%, rgba(58, 58, 58, 0.75) 56%, rgba(50, 50, 50, 0.75) 100%);}
   .partnerwb h3{padding-bottom: 28px;margin-bottom: 21px;border-bottom: solid 1px rgb(255 255 255 / 50%);}
   .partnerwb h3, .partnerwb p{max-width: 1140px; }
   .partnerwb.withus::after{background: rgb(0 0 0 / 45%)}

   .text-white *{color: #ffffff !important;}
   .text-white>.themebtn{border-color: #ffffff; background-color: transparent;}
   .text-white>.themebtn>img,.text-white>.themebtn::after{background: #ffffff;}
   .text-white>.themebtn:hover{color: var(--theme-color) !important; background: rgba(255, 255, 255, 0.8);}
   .slidbaricon{top: 27%;left: 0;z-index: -1;opacity: 0.3;position: absolute;pointer-events: none;mix-blend-mode: luminosity;}

   .testimonials .title p{max-width: 1048px;}
   .testbox{height: 100%;padding: 32px 44px 44px;text-align: center;background: rgba(235, 235, 235, 0.6);}
   .testbox h5{font-weight: 600;font-size: 25px;line-height: 104%;color: #0C4CA3;margin-bottom: 24px;}
   .testbox h6{font-weight: 600;font-size: 16px;line-height: 162%;color: #0C4CA3;margin-bottom: 0px;}
   .testbox .quote-icon{display: block;margin-bottom: 7px;margin-left: -12px;}
   .testbox .stars>img{margin: 0px auto;}
   .testslider .slideitem{padding: 0 15px; }

   .slick-slider .slick-arrow, .slick-arrow{width: 36px;height: 36px;right: -3px;z-index: 4;display: block;border-radius: 50%;background: #B1181E url(../images/arrow_left.svg) no-repeat;background-position: center;}
   .slick-slider .slick-arrow.slick-prev{left: -3px;-webkit-transform: translate(0, -50%) rotate(180deg);transform: translate(0, -50%) rotate(180deg);}
   .slick-arrow.prev{margin-right: 5px;-webkit-transform: rotate(180deg);transform: rotate(180deg);}
   .slick-slider .slick-arrow:before{display: none;}

   .footer{z-index: 1;overflow: hidden;position: relative;background: #333333;}
   .footer .slidbaricon{top: -10px;opacity: 0.1;}
   .footerlogo{padding: 62px 42px 48px;border-bottom: solid 1px #7E7E7E;}
   .footertop{padding: 60px 45px 50px;}
   .footertop h5 {color: #FFFFFF;margin-bottom: 16px;font-weight: 600;font-size: 15px;line-height: 123%;letter-spacing: 0.05em;text-transform: uppercase;}
   .footertop p{font-size: 15px;line-height: 152%;column-gap: 12px;display: flex;align-items: flex-start;color: rgba(255, 255, 255, 0.75);} 
   .footertop ul>li, .footertop ul>li>a {position: relative;font-size: 15px;line-height: 145%;color: rgba(255, 255, 255, 0.75);}
   
   .footertop .contlist{display: flex;padding: 2px 12px;margin: 0px 7%;justify-content: center;border-left: solid 1px #7E7E7E;border-right: solid 1px #7E7E7E;}
   .footertop .contlist li{margin-bottom: 24px;max-width: fit-content;}
   .footertop .contlist li>span{display: flex;align-items: center;margin-bottom: 4px;}
   .footertop .contlist li>span>img{margin-right: 7px;max-width: 19px;opacity: 0.75;}

   .footertop .navlist{display: block; margin: auto; max-width: fit-content; }
   .footertop .navlist li{margin: 7px 0; white-space: nowrap;}
   .footertop ul>li>a:hover{color: #ffffff; text-decoration: underline;}

   .followus{height: 100%;display: flex;flex-direction: column;padding: 2px 12px;margin: 0px 7%;align-items: center;border-left: solid 1px #7E7E7E;}
   .social {gap: 5px;display: flex;align-items: center;margin-right: 32px;}
   .social>a{width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;}
   .social>a>img{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
   .social>a:hover>img{-webkit-filter: none;filter: none;-webkit-transform: scale(1.5);transform: scale(1.5);}
   
   .navigation {position: relative;} 
   .navigation:not(.--jsfied) { overflow-x: auto; -webkit-overflow-scrolling: touch; } 
   .navigation .dropdown-toggle::after, .navigation .nav__hidden{display: none; } 
   .navigation .dropdown-toggle svg{width: 20px;height: 20px;fill: #ffffff;-webkit-transition: 0.25s;transition: 0.25s;} 
   .navigation .dropdown-toggle.show svg{-webkit-transform: rotate(90deg); transform: rotate(90deg); }
   .navigation .dropdown-menu{--bs-position: end; }

   .footernav{padding: 18px 28px;border-top: 1px solid #7E7E7E;}
   .footernav li a {font-weight: 500;font-size: 16px;line-height: 123%;color: #FFFFFF;--bs-nav-link-hover-color: #fff;}
   .footernav .dropdown-menu li a{color: #444444;font-weight: 600;font-size: 15px;white-space: nowrap;}
   .copyrights{padding: 38px 45px 14px;border-top: 1px solid #7E7E7E;}
   .copyrights p {font-size: 14px;font-weight: 400;color: #ffffff;line-height: normal;}
   .copyrights p a>img{max-width: 28px; margin-left: 4px; -webkit-filter: invert(1) grayscale(1) brightness(2) opacity(0.56); filter: invert(1) grayscale(1) brightness(2) opacity(0.56); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
   .copyrights p:hover a>img{-webkit-filter: invert(1) grayscale(1) brightness(2) opacity(0.86); filter: invert(1) grayscale(1) brightness(2) opacity(0.86); 	}
	.copyrights .webplus:before {
    content: '|';
    padding: 0 3px;
	}

   .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;overflow: hidden;position: relative;background: #333333;}
   .sub-banner>img {width: 100%;height: 156px;object-fit: cover;object-position: bottom center;/* mix-blend-mode: exclusion; */opacity: 0.35;}
   .sub-banner .slidbaricon{top: -10px;opacity: 0.2;max-width: 90px;}
   .sub-banner .banner-inner {top: 0;left: 0;z-index: 2;width: 100%;height: 100%;position: absolute;padding: 1.5% 0px 1%;display: flex;align-items: center;}
   .sub-banner .banner-inner h4{font-size: clamp(1.5rem, 0.939rem + 1.561vw, 2.5rem);color: #FFF;line-height: 1.25;font-weight: 600;margin-bottom: 7px;letter-spacing: 0.5px;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 .breadwrap {display: flex;flex-wrap: wrap;column-gap: 24px;align-items: center;justify-content: space-between;}
   .sub-banner .breadcrumb li{position: relative;padding-right: 13px;margin-right: 8px;}
   .sub-banner .breadcrumb li:before {content: "/";position: absolute;right: -1px;top: 1px;padding: 0;}
   .sub-banner .breadcrumb li:last-child:before{display: none; }
   .sub-banner .breadcrumb li+li{padding-left: 0;}
   p:last-child, li:last-child{margin-bottom: 0px !important;}

   .themeaccordion {margin-top: 0.75rem;--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: 20px;font-weight: 500;color: #444444;line-height: 1.3;padding: 21px 12px 21px 38px;box-shadow: none;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
   .themeaccordion .accordionicon{position: absolute;width: 0;flex-shrink: 0;left: 2px;opacity: 0.5;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
   .themeaccordion .accordion-body{padding: 0px 12px 22px 26px;}
   .themeaccordion .accordion-button:not(.collapsed){color: #ed1b24;padding-bottom: 12px;padding-left: 26px;}
   .themeaccordion .accordion-button:not(.collapsed) .accordionicon>img{/* width: 0px; */opacity: 1;}
   .themeaccordion .accordion-button::after{background-image: none;content: "+";text-align: center;font-size: 124%;font-weight: 500;line-height: 86%;position: absolute;left: 8px;top: 24px;color: #0c4ca3;}
   .themeaccordion .accordion-button:not(.collapsed)::after{background-image: none;content: "-";line-height: 72%;color: currentColor;left: 2px;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
   .themeaccordion .accordion-body p{margin-bottom: 12px; }
   .themeaccordion .accordion-body h5 {font-size: 17px;font-weight: 600;margin-bottom: 14px;color: var(--title-color);}

   .themelist>li{position: relative;padding-left: 24px;margin-bottom: 12px;line-height: 1.56;}
   .themelist>li::before{left: 3px;top: 6px;width: 16px;height: 16px;content: "";position: absolute;background: url(../images/section_icon.svg) no-repeat;background-size: 8px;}
   .themelist>li ul>li{position: relative;margin-top: 8px;padding-left: 18px;margin-bottom: 12px;line-height: 1.56;}
   .themelist>li ul>li::before{left: 1px;top: 8px;width: 9px;height: 9px;content: "";position: absolute;border-radius: 50%;border: solid 2px #0c4ca3;}
   .listcol-2{display: grid; column-gap: 24px; grid-template-columns: repeat(auto-fill, minmax(134px, 1fr)); }
   .column-2 {display: grid; column-gap: 24px; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
   
   .themeform .form-control, .themeform .form-select{border-color: #d4d1d1;height: 56px;font-size: 15px;font-weight: 600;/* border-radius: 0px; *//* padding-left: 4px; *//* padding-bottom: .35rem !important; *//* border-bottom: solid 2px #cdcdcd; *//* background-color: transparent; */}
   .themeform textarea.form-control{resize: none;height: 120px;}
   .themeform .form-floating>label {color: #444444;font-size: 15px;font-weight: 600;/* padding-left: 0px; */--bs-body-bg: transparent;}
   .themeform .form-select{padding-top: 23px;box-shadow: none !important;}
   .thememap {z-index: 1;width: 100%;height: 100%;position: relative;background: #0c4ca3;border-top: solid 3px #b5c4d4;border-left: solid 3px #b5c4d4;}
   .thememap .ratio{overflow: hidden;max-height: 540px;min-width: 400px;height: 100%;opacity: 0.96;}

   .thememodal .modal-fullscreen .modal-content{background-size: cover;}
   .thememodal .modal-fullscreen .modal-body{z-index: 1;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;background: rgb(229, 229, 229, 0.76);}
   .thememodal .modal-wrap{width: 100%;max-width: 1240px;margin-top: 40px;margin-bottom: 40px;background: #ffffff;border-radius: 18px;box-shadow: inset -12px 0px 0px #ed1b24, 0px 7px 32px rgb(0 0 0 / 10%);} 
   .thememodal .modalpic {overflow: hidden;position: relative;margin-top: -40px;margin-bottom: -40px;height: calc(100% + 80px);border-radius: 18px 18px;/* margin-right: calc(-0.5 * var(--bs-gutter-x)); */box-shadow: 7px 0px 21px rgb(0 0 0 / 10%);}
   .thememodal .modalpic>img{width: 100%;height: 100%;object-fit: cover;}
   .thememodal .contactinfo{background: #efe6dd;}
   .thememodal .themeform{padding: 48px 42px; }
   .thememodal .slidbaricon{top: 20%;opacity: 0.07;}

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

   .aboutus .slidbaricon{top: 17%;opacity: 0.25;max-width: 214px;}
   .mission{padding: 42px; border-radius: 8px; background: rgb(12 76 163 / 12%); } 
   .vision{padding: 42px; border-radius: 8px; background: rgb(237 27 36 / 12%); }
   .vision h2{color: #ed1b24;} 
   .mission h2{color: #0c4ca3;} 
   .mvision .title h2{z-index: 1;position: relative;padding-left: 0px;-webkit-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;} 
   .mvision .title h2>img{position: absolute;width: 36px;left: 0;z-index: -1;transform-origin: 14% 8%;transform: scale(4);opacity: 0.1;top: clamp(-0.25rem, -0.5655rem + 0.878vw, 0.3125rem);} 
   .mvision .title:hover h2>img{transform: scale(1);opacity: 0.8;}
   .mvision .title:hover h2{padding-left: 46px;}

   .apartitems{counter-reset: item-counter;}
   .apartitem+.apartitem{margin-top: 30px;}
   .apartitem{position: relative;padding-left: 56px;}
   .apartitem h5{font-size: 21px;margin-bottom: 8px;color: var(--title-color);}
   .apartitem:before{top: -8px;left: -4px;opacity: 0.12;font-size: 42px;font-weight: 600;color: #ffffff;position: absolute;letter-spacing: 3px;transform: rotate(-90deg);counter-increment: item-counter;content: "0" counter(item-counter);font-family: "Barlow Semi Condensed", sans-serif;text-shadow: -1px -1px 0 #444444, 1px -1px 0 #444444, -1px 1px 0 #444444, 1px 1px 0 #444444;}
   .apartitem::after{content: "";top: 54px;left: 21px;width: 1px;bottom: 0;z-index: -1;position: absolute;background: #ededed;}
   .apartitem:first-child:after{top: 50px;left: 18px;}

   .strengthbox{height: 100%;padding: 32px;position: relative;border-radius: 8px;background-color: var(--bs-white);} 
   .strengthbox .icon{width: 86px;height: 84px;line-height: 80px;text-align: center;background-color: #f0f3f7;border-radius: 4px;margin-bottom: 32px;} 
   .strengthbox .icon>img{height: 48px;width: auto;opacity: 0.8;object-fit: contain;}
   .strengthbox .content h3{margin-bottom: 16px;font-size: 21px;color: var(--title-color);}
   .strength .row div:nth-child(even) .strengthbox{-webkit-transform: translateY(-32px);transform: translateY(-32px);}

   .together {position: relative; z-index: 1; }
   .together .togetherbox{padding: 48px;border-radius: 8px;}
   .together::after{left: 0;bottom: 0;z-index: -1;content: "";width: 100%;height: 50%;position: absolute;background: #333;}
   .together.pb-0::after{height: calc(50% - 0.5 * var(--section-py)); }


   .contactinfo, .contact2{position: relative;overflow: hidden;}  
   .contactbox{height: 100%;padding: 38px 24px;text-align: center;box-shadow: 1px 1px 0px #d4d1d1;}
   .contactbox p{font-size: 18px;font-weight: 600;max-width: 456px;margin: auto;}
   .contactbox h5{font-size: 16px;color: #78909C;margin: 10px 0px;}
   .contactbox h5>img{max-width: 19px;opacity: 0.5;margin-right: 5px;filter: brightness(0.5);}
   .contact2 .themeform {z-index: 1;height: 100%;position: relative;padding: var(--section-py);border-top-right-radius: 32px;}

   .capability{overflow: hidden;width: 100%;background: rgb(229, 229, 229, 0.76);background: linear-gradient(0deg,rgba(229, 229, 229, 0.76) 30%, rgba(255, 255, 255, 1) 70%);}
   .ppap-capablity .apartitem:before {top: -6px;}
   .ppap-capablity .sectiondesc{position: sticky; top: 135px; }
   .ppap-capablity .slidbaricon {opacity: 0.07; }

   .panelwrap{gap: 8px;display: flex;/* height: 100vh; */width: max-content;} 
   .panelwrap .panel{flex: none;width: 25vw;border: none;display: flex;/* align-items: start; */justify-content: center;background: rgb(255 255 255 / 98%);} 
   .panelwrap .panel:last-child{border-right: none;margin-bottom: 0px;}
   .panelpic{position: relative;z-index: 1;overflow: hidden;border-top-left-radius: var(--bs-border-radius);border-top-right-radius: var(--bs-border-radius);}
   .panelpic>h5{font-size: 29px;line-height: 120%;font-weight: 600;color: #ffffff;letter-spacing: 1px;position: absolute;margin-bottom: -7px;bottom: 0;z-index: 2;left: var(--bs-card-spacer-x);}
   .panelpic::after{content: "";right: 0;bottom: 0;width: 100%;height: 46%;z-index: 1;position: absolute;background: linear-gradient(178deg, rgb(0 0 0 / 0%) 16%, rgb(0 0 0 / 50%) 96%);}
   .panelpic img{width: 100%;object-fit: cover;-webkit-transition: all 1s ease;transition: all 1s ease;}
   .panel:hover .panelpic:after{height: 100%;}
   .panel:hover .panelpic img{-webkit-transform: scale(1.07) translateZ(0); transform: scale(1.07) translateZ(0); } 
   .panelwrap .panel h6{font-size: 17px;font-weight: 600;color: #323232;}
   .panelwrap .panel h6, .panelwrap .panel p{margin-bottom: 12px;}

   .infraoverview{overflow: clip; }
   .infraoverview .sectionpic{width: 43vw;float: right;max-height: 660px;border-bottom-right-radius: 24px;margin-top: calc(-1 * var(--section-py));box-shadow: 7px 8px 12px rgb(0 0 0 / 10%);}
   .infraoverview .sectionpic img{height: 100%;/* max-height: 632px; */}
 
   .gallery{gap: 16px;display: grid;grid-template-columns: repeat(auto-fill, minmax(298px, 1fr));} 
   .gallery-item{position: relative; overflow: hidden; border-radius: 8px; background: #333333; } 
   .gallery-item img{width: 100%; height: 100%; object-fit: cover; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1); } 
   .gallery-item.visible img{opacity: 1; transform: scale(1); } 
   .gallery-item .item_info{width: auto; height: auto; top: auto; right: auto; bottom: 30px; left: 30px; position: absolute; max-width: calc(100% - 60px); } 
   .gallery-item .item_title{color: #ffffff; font-size: 21px; font-weight: 500; padding: 8px 16px 10px; background-color: #ed1b24; transform: translateX(calc(-100% - 32px)); transition: all 0.3s; transition-duration: 0.3s; transition-delay: 0ms; } 
   .gallery-item:hover .item_title{transform: translateX(0); transition: all 0.7s ease; transition-delay: 0ms; transition-duration: 0.5s; } 
   .gallery-item .item_meta{transform: translateX(calc(-100% - 32px)); transition: all 0.3s; transition-delay: 50ms; transition-duration: 0.3s; background: #0c4ca3; color: #ffffff; font-size: 16px; font-weight: 500; padding: 5px 16px; display: inline-block; } 
   .gallery-item:hover .item_meta{transform: translateX(0); transition: all 0.7s ease; transition-delay: 50ms; transition-duration: 0.5s; }

   .graph-five .parallax-container{display: flex; justify-content: center; align-items: center; flex-direction: column; height: auto; } 
   .graph-five .parallax-container__background{position: relative;width: 100%;height: 0;z-index: 1;padding-top: 125%;background: #ebebeb;} 
   .graph-five .parallax-container__background::after{top: 0;left: 0;width: 100%;height: 100%;z-index: -1;content: "";opacity: 0.35;position: absolute;background-image: url(../sub-images/process-bdr.png);background-repeat: no-repeat;background-size: contain;mix-blend-mode: color-dodge;} 
   .graph-five .animated-box{position: absolute;top: 0;left: 0;color: #323232;background-color: #fff;border-radius: 50%;width: 15%;height: 0;padding-top: 15%;border-radius: 50%;margin: 1.4% 2%;} 
   .graph-five .animated-box .num{position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;margin: 0 auto;text-align: center;font-size: 2rem;font-weight: 500;} 
   .graph-five .accordion-item, .graph-five .accordion-collapse, .graph-five .accordion-body{transition: all 0.3s ease !important; } 
   .graph-five #accordion-section{background-color: #fff; padding: 38px 48px; border-radius: 12px; margin-right: 10%; } 
   .graph-five .accordion-num{width: 30px;height: 30px;flex: 0 0 30px;border: 1px dashed #0c4ca3;color: #0c4ca3;display: flex;align-items: center;justify-content: center;text-align: center;border-radius: 50%;margin-right: 12px;font-size: 0.7rem;align-self: baseline;} 
   .graph-five .accordion-item{border-radius: 0 !important; border: none !important; margin-bottom: 30px; } 
   .graph-five .accordion-item:last-child{margin-bottom: 0; } 
   .graph-five .accordion-button{border-top: none;border-bottom: none;box-shadow: none !important;padding: 0;font-size: 1.4rem;font-weight: 500;color: #323232;pointer-events: none;} 
   .graph-five .accordion-button::after{display: none; } 
   .graph-five .accordion-button:not(.collapsed){background-color: transparent !important; } 
   .graph-five .accordion-button:not(.collapsed){color: #ed1b24; } 
   .graph-five .accordion-button:not(.collapsed) .accordion-num{color: #fff !important; background-color: #ed1b24; border: 1px solid #ed1b24; } 
   .graph-five .accordion-body{padding: 12px 0 0 42px; text-align: left; }

   .certifications .card {height: 100%;padding: 24px 1px 12px;border-radius: 8px;border: none;box-shadow: 0px 5px 24px rgb(0 0 0 / 10%);}
   .certifications .card h5{font-size: 19px;line-height: 128%;font-weight: 600;color: #444;}
   .certifications .cardpic{width: 86px;height: 84px;flex-shrink: 0;line-height: 84px;text-align: center;border-radius: 4px;margin: 0px 1rem 8px;background-color: #f0f3f7;}
   .certifications .cardpic>img{height: 40px;width: auto;object-fit: contain;}
   .certifications .cardpic.rohs>img{transform: scale(1.1);transform-origin: left center;}
   .certifications .card p{font-size: 15px; }
   .certifications .row div:nth-child(even) .card {-webkit-transform: translateY(-36px);transform: translateY(-36px);}
   .certifications .title {max-width: 986px; }
   
   .mprocess .sectiondesc{position: sticky; top: 156px; }
   .cards{width: 100%; margin: 0 auto; padding: 0px; counter-reset: cards; }
   .card-wrapper{width: 100%; perspective: 500px; margin-bottom: 32px; } 
   .card-wrapper:last-child{margin-bottom: 0; }
   .card-wrapper .carditem{width: 100%;/* min-height: 386px; */display: flex;flex-direction: column;justify-content: center;padding: 42px;border-radius: 8px;position: relative;background-color: #ffffff;box-shadow: 0px 0px 32px rgb(0 0 0 / 2%);}
   .card-wrapper .carditem::before{display: block;opacity: 0.2;font-size: 42px;font-weight: 600;color: #ffffff;margin-bottom: -20px;letter-spacing: 3px;counter-increment: cards;content: "0" counter(cards);font-family: "Barlow Semi Condensed", sans-serif;text-shadow: -1px -1px 0 #444444, 1px -1px 0 #444444, -1px 1px 0 #444444, 1px 1px 0 #444444;}
   .card-wrapper .carditem h5{z-index: 2;font-size: 21px;position: relative;margin-bottom: 16px;color: var(--title-color);background-color: #ffffff;}

   .product .sectionpic {
    top: 124px;
    position: sticky;
    max-width: 100%;
    background: #fff;
    margin-right: var(--section-py);
}
   .product .sectionpic img{height: 100%;aspect-ratio: 1/1; object-fit: contain;/*mix-blend-mode: multiply;filter: brightness(1.2);*/}
   .product .inquirybtn{position: relative;z-index: 1;margin-top: 28px;padding-top: 32px;}
   .product .inquirybtn::after{content: "";position: absolute;top: 0;left: 0px;width: 68%;height: 1px;background: var(--theme-color);}

   .productdesc .sectionpic{position: sticky;top: 92px;border-bottom-left-radius: 24px;width: calc(50vw  + 0.5* var(--bs-gutter-x));margin-left: calc(-1 * var(--bs-gutter-x));margin-top: calc(-1 * var(--section-py));}
   #ProductnavModal{--bs-offcanvas-height: 50vh;}
   .productmenu {display: grid;column-gap: 32px;position: relative;overflow: hidden;grid-template-columns: 1fr 1fr 1fr;grid-template-columns: repeat(auto-fill,minmax(340px,1fr));} 
   .productmenu li{border-bottom: solid 1px #E3E3E3;margin-bottom: -1px !important;}
   .productmenu li>a {font-size: 16px;font-weight: 500;padding: 13px 16px 12px 8px;position: relative;color: #444;display: inline-block;} 
   .productmenu li>a:before {content: "";position: absolute;color: #DA291C;left: 2px;top: 25px;opacity: 0;visibility: hidden;height: 2px;width: 12px;background: #DA291C;transform: translateX(8px);} 
   .productmenu li>a:hover {padding: 13px 12px 12px 20px;} 
   .productmenu li>a:hover:before { opacity: 1; visibility: visible; transform: translateX(0px); }
   .sidebarbtn.themebtn {position: fixed;left: -49px;top: 56%;font-size: 15px;color: #fff;letter-spacing: 0.5px;text-transform: uppercase;background: #0c4ca3;padding: 5px 24px 8px;border-radius: 0px 0px 6px 6px;transform: translateY(-50%) rotate(-90deg);}

   .responsibility .sectionpic{top: 94px;width: 43vw;float: right;position: sticky;border-bottom-right-radius: 24px;margin-top: calc(-1 * var(--section-py));box-shadow: 7px 8px 12px rgb(155 125 125 / 7%);}
   .responsibility .subtitle h2{margin-bottom: 0px;}

   .custsolution .sectionpic{top: 94px;width: 43vw;float: right;position: sticky;border-top-right-radius: 24px;box-shadow: 7px 8px 12px rgb(0 0 0 / 10%);}

   .cmanufacturing .sectionpic{top: 94px;width: 43vw;float: right;position: sticky;border-top-right-radius: 24px;box-shadow: 7px 8px 12px rgb(0 0 0 / 10%);}
   .cmanufacturing .accordion-body p+h5{margin-top: 21px;}
   #cmanufacturing, #Infrastructure{scroll-margin-top: 76px; }

   .cprofile table{margin: 0 auto;--bs-border-color: #ebebeb;}
   .cprofile .table>tbody td{font-size: 16px;color: #444444;font-weight: 500;padding: 18px 16px 18px 24px;}
   .cprofile .table>tbody th{font-size: 17px;color: #323232;font-weight: 600;padding: 18px 16px;background: #f2f2f2;}
   .tablebox{padding: 24px;border-radius: 12px;background: #ffffff;border: solid 7px #0c4ca3;box-shadow: 0px 7px 32px rgb(0 0 0 / 24%);}

   .faqbox{border-radius: 12px;padding: 16px 16px;border: solid 5px #cdcdcd;}
   .faqbox .themeaccordion{background: #ffffff;padding: 12px 24px;border-radius: 8px;}



.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 .75rem;
}

/* 12-06-2025 */
.prodtable .table {
    --bs-border-color: #ebebeb;
}
.prodtable .table>tbody td {
    font-size: 15px;
    color: #444444;
    font-weight: 500;
    padding: 14px 16px;
}
.prodtable .table>tbody th {
    font-size: 16px;
    color: #323232;
    font-weight: 600;
    padding: 15px 16px;
    background: #f2f2f2;
}



/* section background Parallax  */
   .bg{position: absolute; top: 0; left: 0; width: 100%; height: 130%; background-size: cover; background-position: center; z-index: -1; will-change: transform; background-repeat: no-repeat; }
   .errorbox, .thankbox{max-width: fit-content;margin: auto;text-align: center;background: #fff;padding: 4% 8%;border-radius: 4px;border: solid 1px #e9e8f1;box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .032);} 
   .error-title{position: relative;display: inline-block;font-size: 10vw;line-height: 1.2;font-weight: 600;color: #0c4ba2;z-index: 2;} 
   .thank-icon{position: relative; width: 32%; max-width: 148px; margin: 24px auto; }