/* ==============================
   1. default 
   ============================== */
   ul{margin:0;padding:0;list-style:none;} p:last-child{margin-bottom: 0;}
   p,li{font-size: 17px;font-weight: 500;line-height: 1.53;letter-spacing: 0.02em;color: var(--tc-secondary);}
   :after,:before,a,.card,img,button{-webkit-transition:all 250ms linear;-moz-transition:all 250ms linear;-o-transition:all 250ms linear;-ms-transition:all 250ms linear;transition:all 250ms linear}
   .title :is(h1, h2, h3){font-weight: 700;line-height: 1.1;font-size: var(--title-fs);color: var(--tc-secondary);margin-bottom: var(--title-mb);}
   .subtitle :is(h2, h3, h4, h5){font-size: var(--subtitle-fs);margin-bottom: var(--subtitle-mb);color: var(--tc-secondary);line-height: 1.12;font-weight: 600;font-family: "Inter Tight", sans-serif;}
   .title-label{font-size: 15px;font-weight: 500;color: #444444;margin-bottom: 10px;line-height: normal;padding: 7px 25px 6px;display: inline-flex;letter-spacing: 0.05em;text-transform: uppercase;background: #E0E0E0;border-left: solid 2px #0A1E57;}
   .bg-1{background:var(--tc-light)}.bg-2{background:var(--tc-primary)}.bg-3{background:var(--tc-info)}strong{font-weight: 600;font-size: 100%;}a{text-decoration:none; color: currentColor;}
   .themebtn{z-index: 1;border: none;font-size: 16px;font-weight: 400;color: #FFFFFF;column-gap: 14px;position: relative;overflow: hidden;line-height: normal;padding: 12px 28px;display: inline-flex;border-radius: 5px;background: var(--tc-primary);}
   .themebtn::after{content: "";background: var(--tc-info);position: absolute;width: 200%;height: 400%;z-index: -1;border-radius: 50%;-webkit-transform: translate(30%, 10%) translateZ(0);transform: translate(30%, 10%) translateZ(0);-webkit-transition: 0.36s cubic-bezier(0.4, 0, 1, 1);transition: 0.36s cubic-bezier(0.4, 0, 1, 1);}
   .themebtn:hover:after{-webkit-transform: translate(-45%, -34%) translateZ(0);transform: translate(-46%, -40%) translateZ(0);}
   .themebtn .lucide-external-link{width: 18px; height: auto; }
   .themebtn.bg-3{background: var(--tc-info); }
   .themebtn.bdr{background: transparent;outline: solid 1px var(--tc-primary);outline-offset: -1px;color: var(--tc-primary);}
   .themebtn.bdr:after, .themebtn.bg-3:after{background: var(--tc-primary);}
   .themebtn.bdr:hover, .themebtn.bg-3:hover{color: var(--bs-white);}
   .buttons{display: flex; flex-wrap: wrap; gap: 10px; }
   .bothxgap{padding-inline: var(--columngap);}
   .rightgap{padding-right: var(--columngap);}
   .leftgap{padding-left: var(--columngap);}
   .text-white>*{--tc-secondary: #fff;}
   .bg-3 .title-label{background: #fff;}
   .tbm-0{--title-mb: 0;}

/* ==============================
   2. Pre Loader & Go top
   ============================== */
   html.hide-scrollbar body{overflow: hidden;}
   html.hide-scrollbar{scrollbar-gutter: stable;}
   #page-loader{justify-content: center;align-items: center;display: flex;z-index: 999;inset: 0px;position: fixed;padding: 24px;flex-direction: column; background: #ffffff;} 
   #loader-img{width: 72px;height: 72px;display: flex;align-items: center;justify-content: center;background: #ffffff;border-radius: 50%;border: solid 7px #ffffff;}
   #loader-img>.spinner-border{color: var(--tc-primary);}
   #back-to-top{cursor:pointer;position:fixed;bottom: 0px;right: 0px;z-index: 99;display:none;color: #ffffff!important;background: var(--tc-primary);padding: 9px 12px 1px 12px;border-radius: 24px 24px 0px 0px;max-width: 40px;overflow: hidden;border: solid 1px #ffffff;border-bottom: none;}

/* ==============================
   3. home css 
   ============================== */
   .themeheader{top: 0;left: 0;z-index: 9;padding: 0;width: 100%;position: fixed;background: #ffffff;box-shadow: 0px 2px 4.5px rgba(0, 0, 0, 0.1);}
   .themeheader .navbar-menu{display: flex;flex-wrap: wrap;align-items: center;justify-content: end;padding-right: 60px;}
   .themeheader .navbar-top{flex: 0 0 auto;width: 100%;display: flex;align-items: center;justify-content: end;padding: 17px 4px 18px;border-bottom: solid 1px #B4B4B4;}
   .themeheader .navbar-top ul{gap: 8px 24px;}
   .themeheader .navbar-top li{column-gap: 4px;display: inline-flex;position: relative;align-items: center;}
   .themeheader .navbar-top li:nth-child(2):before{content: "|";position: absolute;right: -15px;color: currentColor;}
   .rightnav .nav-link{font-size: 17px;font-weight: 600;padding-top: 11px;letter-spacing: 0.02em;--bs-nav-link-color: var(--tc-primary);--bs-nav-link-hover-color: var(--tc-primary);}
   .rightnav .themebtn{display: block;font-weight: 500;margin-left: 5px;padding: 11px 17px;margin-right: clamp(20px, calc(12vw - 124px), 92px);--bs-nav-link-hover-color: #fff;}
   .rightnav .themebtn>img{width: 27px;filter: invert(1) grayscale(1) brightness(2);}
   .rightnav .lucide-phone{top: 1px;width: 20px;height: auto;margin-right: 2px;position: relative;}
   
   .homepage>section,.subpage>section{z-index: 1;width: 100%;overflow: clip;position: relative;padding-block: var(--section-py);}
   .sectionpic{z-index: 1;position: relative;overflow: hidden;border-radius: 5px;}
   .sectionpic img{width: 100%;object-fit: cover;-webkit-transition: all 1s ease;transition: all 1s ease;}
   .sectionpic:hover img{-webkit-transform: scale(1.07) translateZ(0); transform: scale(1.07) translateZ(0); }
   .jarallax .jarallax-img{-webkit-transition: none; transition: none; will-change: auto;}
   .jarallax .jarallax-container{pointer-events: none; background: inherit; }

   .arrowbtn{gap: 4px;z-index: 1;padding: 18px;position: relative;overflow: hidden;align-items: center;border-radius: 50%;outline-offset: -1px;display: inline-flex;color: var(--tc-primary);outline: solid 1px var(--tc-primary);}
   .arrowbtn>svg{width: 24px;height: auto;}
   .arrowbtn::after{top: 0;left: 0;z-index: -1;content: "";width: 100%;height: 100%;position: absolute;border-radius: 50%;transform-origin: right bottom;background-color: var(--tc-primary);-webkit-transform: translate(100%, 100%);transform: translate(100%, 100%);}
   .arrowbtn:hover, .card:hover .arrowbtn{color: #fff;} 
   .arrowbtn:hover::after, .card:hover .arrowbtn::after{visibility: visible;-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);} 

   .aboutus .sectionpic{max-width: 554px;margin-top: calc(0.5 * var(--section-py));}

   .counters{z-index: 1;position: relative;padding-top: calc(0.7 * var(--section-py));}
   .counteritem{position: relative;overflow-x: clip;width: 100%;max-width: 248px;}
   .counteritem h4{position: relative;color: var(--tc-primary);font-size: var(--title-fs);font-weight: 700;line-height: 1;}
   .counteritem h5{font-size: 17px;font-weight: 700;line-height: 129%;margin-block: 12px 14px;color: var(--tc-secondary);}
   .counteritem p{font-size: 15px; line-height: 147%; }
   .counteritem .counter{position: relative;display: flex;overflow: hidden;text-align: center;align-items: flex-start;height: clamp(24px, calc(2.1277vw + 11.7447px), 50px);}
   .counteritem .counter>span{z-index:1;display:flex;flex-direction:column;height:100%;max-width:100%;transition:transform 2s;transform:translateY(0);align-items:center}
   .counteritem .counter>span span{flex:0 0 100%;height:100%;}

   .products .card{z-index: 1;height: 100%;border: none;overflow: hidden;border-radius: 0px;}
   .products .card h4{font-weight: 700;color: #0A1E57;line-height: 1.2;margin-bottom: 0;font-size: var(--subtitle-fs);}
   .products .card h4 small{font-size: 14px;font-weight: 500;color: #444444;line-height: 164%;display: block;margin-bottom: 7px;letter-spacing: 0.04em;text-transform: uppercase;}
   .products .card p{display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;margin-top: calc(0.5 * var(--section-py));margin-bottom: calc(0.6 * var(--section-py));} 
   .products .card::after{right: 0px;width: 0;bottom: 0px;height: 2px;z-index: -1;content: "";margin: auto;position: absolute;visibility: hidden;background: var(--tc-info);}
   .products .card-body{display: flex;flex-direction: column;padding-top: calc(var(--section-py) - 3px);padding-bottom: calc(0.67 * var(--section-py));--bs-card-spacer-x: calc(0.5 * var(--section-py));}
   .products .card:hover::after{left: 1px;right: auto;width: 100%;visibility: visible;}
   
   .products .prodSwiper{background: #ffffff; border-bottom: solid 1px rgb(68 68 68 / 25%);}
   .prodSwiper .swiper-slide-visible::after{content: ""; position: absolute; top: 0; left: -1px; width: 1px; height: 100%; background: rgb(68 68 68 / 25%); pointer-events: none; }
   .products .slider-custom-nav{justify-content: end;margin-bottom: 0;transform: translateY(176%);}
   .swiper-horizontal .swiper-slide{height: auto; }

   .slider-custom-nav{display: flex;gap: 6px;margin-bottom: var(--title-mb);} 
   .slider-custom-nav button{left: 0;right: 0;outline: none;overflow: hidden;position: relative;border-radius: 28px;padding: 4px 6px 4px 8px;--swiper-navigation-size: 50px;border: 1px solid #E4E4E4;} 
   .slider-custom-nav button::before{content: "";position: absolute;background: var(--tc-primary);width: 0;right: 0;height: 100%;z-index: -1;border-radius: 28px;}
   .slider-custom-nav button.swiper-button-prev{transform: scaleX(-1);}
   .slider-custom-nav button.swiper-button-disabled{pointer-events: none; cursor: none; }
   .slider-custom-nav button .swiper-navigation-icon{display: none; }
   .slider-custom-nav button:hover:before{width: 100%; }
   .slider-custom-nav button>svg{width: 22px;fill: transparent;color: var(--tc-primary);}
   .slider-custom-nav button:hover>svg{filter: brightness(0) invert(1);}
   .lucide-arrow-right path:first-child {transform: scaleX(1.2);transform-box: view-box;transform-origin: 20px 10px;}

   .values .card{height: 100%;border: none;border-radius: 5px;backdrop-filter: blur(4px);background: rgb(255 255 255 / 13%);--bs-card-spacer-y: calc(0.4 * var(--section-py));--bs-card-spacer-x: calc(0.75 * var(--section-py));}
   .values .card h4{color: #fff;font-size: 22px;font-weight: 700;line-height: 132%;letter-spacing: 0.02em;margin-block: 24px 14px;}
   .values.bg-3 .card p{color: #fff;font-size: 16px;font-weight: 400;line-height: 156%;}
   .values .card img.img-fluid.icon{height: auto;max-width: 42px;object-fit: contain;filter: brightness(0) invert(1);}
   .values .jarallax-img{opacity: 25%;mix-blend-mode: overlay;object-position: 50% 4% !important;}

   .environmental .sectionpic>img{height: 100%;}
   .certified {padding-right: 28px;padding-left: calc(0.75 * var(--section-py));padding-block: var(--section-py);}
   .certified ul{display: flex;gap: 32px;margin-block: calc(0.7 * var(--section-py));}
   .certified ul li{padding-right: 32px;border-right: 2px solid #CFCFCF;}
   .certified ul li:last-child{border-right: none; padding-right: 0; }
   .certified li:hover img{ animation: upDown 0.6s ease-in-out infinite; }

   .discuss{padding-block: var(--section-py); }
   .discuss p{font-size: 20px;max-width: 680px;margin-inline: auto;}
   .discuss .themebtn{color: #0A1E57;font-weight: 500;text-align: center;background: #fff;margin-top: calc(0.7 * var(--title-mb));}
   .discuss .themebtn:hover{color: #fff;font-weight: 400;background: var(--tc-info);}

   .footer{z-index: 1;position: relative;background-color: var(--tc-primary);}
   .footer .jarallax-img{opacity: 25%;mix-blend-mode: overlay;}
   .footer .footerlogo{max-width: fit-content;margin-inline: 0;}
   .footer .footerlogo p{margin-top: 21px;font-size: 16px;font-weight: 400;color: #FFFFFF;line-height: 144%;max-width: 270px;letter-spacing: normal;}
   .footer .mailcall.contlist p{max-width: 100%; margin-top: 0; }
   .footer .mailcall h4{margin-bottom: 8px;}
   .footer .mailcall h4:nth-of-type(n+2) {margin-top: 24px;}
   
   .footermid{border-top: solid 1px rgb(255 255 255 / 28%);padding-block: calc(0.8 * var(--section-py));}
   .footermid h4{font-size: 16px;font-weight: 700;color: #FFFFFF;line-height: 123%;margin-bottom: 14px;text-transform: uppercase;}
   .footermid .contlist p{color: #D9D9D9;line-height: 145%;max-width: 226px;margin-top: 21px;letter-spacing: normal;}
   .footermid .navlist li{color: #D9D9D9;position: relative;margin-top: 7px;white-space: nowrap;letter-spacing: normal;}
   .footermid .navlist li>a:before{content: "";position: absolute;left: 0;top: 50%;opacity: 0;width: 10px;height: 2px;visibility: hidden;/* border-radius: 50%; */transform: translate(7px, -50%);background: var(--bs-white);}
   .footermid .navlist li>a:hover{padding-left: 12px;color: var(--bs-white);}
   .footermid .navlist li>a:hover:before{opacity: 1;visibility: visible;transform: translate(0px, -50%);}

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

   .copyrights{background: #fff;padding-block: 21px 18px;}
   .copyrights ul{flex-wrap: wrap;gap: 5px 12px;display: inline-flex;}
   .copyrights li:before{content: "|";position: absolute;right: -8px;color: currentColor;}
   .copyrights li:last-child:before{display: none; }
   .copyrights li{font-size: 14px;font-weight: 500;position: relative;line-height: normal;letter-spacing: normal;color: var(--tc-primary);}
   .copyrights li.dby a{max-width: 28px;margin-left: 2px;mix-blend-mode: luminosity;opacity: 100%;}
   .copyrights li.dby:hover a{opacity: 100%;mix-blend-mode: normal;}
   .copyinner{display: flex;flex-wrap: wrap;gap: 4px 28px;justify-content: center;}

   .whatsapp_btn{position: fixed; bottom: 14px; left: 12px; z-index: 2; } 
   .whatsapp_btn a.wht_btn{max-width: fit-content; width: 56px; height: 56px; border-radius: 50%; filter: drop-shadow(2px 4px 6px rgb(0 0 0 / 20%)); } 
   .whatsapp_btn a.wht_btn img{height: 100%; width: 100%; object-fit: contain; }

/* ==============================
   4. sub page css 
   ============================== */   
   .subpage .title :is(h1, h2, h3){line-height: 1.2;font-size: clamp(1.375rem, 0.9632rem + 1.1438vw, 2.25rem);}
   .subpage .title-label{font-size: 14px; padding: 6px 18px;}
   .sub-banner{height: 280px;display: flex;justify-content: end;align-items: center;flex-direction: column;background: #c4c4c4;}
   .sub-banner .bannertitle{font-weight: 700;margin-bottom: 0px;color: #212529;/* text-transform: uppercase; */font-size: clamp(1.75rem, 1.3971rem + 0.9804vw, 2.5rem);}
   .sub-banner .breadcrumb li, .sub-banner .breadcrumb li a{font-weight: 600;--bs-breadcrumb-divider-color: #d9d9d9;} 
   .sub-banner .breadcrumb{background: #fff;max-width: fit-content;padding: 8px 14px 4px;border-radius: 8px 8px 0px 0px;}
   .sub-banner .breadcrumb li{position: relative;padding-right: 18px;margin-right: 1px;font-size: 14px;font-weight: 700;letter-spacing: 0.05em;text-transform: uppercase;color: var(--tc-primary);text-shadow: 1px 4px 9px #ffffff;}
   .sub-banner .breadcrumb li:before{content: "/";position: absolute;right: 0;padding: 0;color: #bbbbbb;}
   .sub-banner .breadcrumb li:last-child:before{display: none; }
   .sub-banner .breadcrumb li+li{padding-right: 0;margin-right: 0;}
   .sub-banner .breadcrumb li svg{width: 18px;height: auto;bottom: 1px;position: relative;color: var(--tc-info);}

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

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

   .themeform .form-control, .themeform .form-select{border: none;height: 68px;font-size: 17px;font-weight: 600;border-radius: 0px;padding-left: 4px;border-bottom: 1px solid #c4c4c4;background-color: transparent;}
   .themeform textarea.form-control{resize: none;height: 112px;padding-top: 32px !important;}
   .themeform .form-floating>label{color: #565656;font-weight: 600;padding-left: 0px;--bs-body-bg: transparent;}
   .themeform .form-select{padding-top: 23px;box-shadow: none !important;}
   .themeform .form-select:valid{color: #151928;font-weight: 600;}
   .themeform .form-control:focus, .themeform .form-select:focus{box-shadow: none; border-color: #0c1b2d; background-color: transparent; } 
   
   .form-floating > .flt-select ~ label{transform: scale(1) translateY(0);} 
   .form-floating > .flt-select.has-value ~ label{transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);}
   .thememap{position: relative;width: 100%;z-index: 1;box-shadow: none;border-top: solid 2px #acc1ce;}
   .thememap .ratio{border-radius: 0 0 16px 16px;overflow: hidden;max-height: 360px;min-width: 268px;height: 100%;}
   .thememap .themetab>a::before{background: var(--tc-info); }

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

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

   .themeoffcanvas.offcanvas{top: 18px;right: 18px;bottom: 18px;opacity: 0;padding: calc(0.3 * var(--section-py));max-width: 720px;border-radius: 10px;--bs-offcanvas-width: calc(100% - 36px);border: solid 0px transparent;transform-origin: top right;box-shadow: 0px 0px 32px rgb(0 0 0 / 24%);transform: scale(.3) translate(0) !important;--bs-offcanvas-transition: all 0.3s ease-in-out;} 
   .themeoffcanvas.offcanvas::after{top: 0;left: 0;width: 100%;height: 100%;z-index: -1;content: "";opacity: 7%;position: absolute;background: url(../images/footerbg.jpg) no-repeat;background-position: center right;background-size: cover;}
   .themeoffcanvas.offcanvas.show{ opacity: 1; visibility: visible; pointer-events: auto; transform: scale(1) translate(0) !important; } 
   .themeoffcanvas .offcanvas-header{position: relative;padding-top: 5px;}
   .themeoffcanvas .offcanvas-title{font-weight: 700;line-height: 1.2;padding-top: 5px;color: var(--tc-primary);font-size: var(--subtitle-fs);}
   .themeoffcanvas .offcanvas-body{padding-top: 4px;}
   .themeoffcanvas .close-button{top: 4px;right: 12px;}
   
   .offcanvas-backdrop{background: rgba(0, 0, 0, 0.25);backdrop-filter: blur(2px);-webkit-backdrop-filter: blur(2px);transition: all 0.3s ease-in-out;}  
   .offcanvas-open .themenavbar{padding-right: var(--scrollbar-width); } 
   .offcanvas-backdrop.show{opacity: 1; }
  
   .themeoffcanvas .themeform{width: 100%;overflow: clip;padding-top: 4px;}
   .themeoffcanvas .themeform .form-control, .themeoffcanvas .themeform .form-select{border-radius: 4px;padding-left: 24px;background-color: #ffffff;border: solid 1px #DFDFDF;}
   .themeoffcanvas .themeform .form-floating>label{padding-top: 21px;padding-left: 24px;}
   .themeoffcanvas .themeform .file-drop-area .file-message{height: 100%;border: dashed 2px #DFDFDF;}
   .themeoffcanvas .themeform textarea.form-control{padding-top: 36px; }
  
   .themetab{--tab-radius: 42px;margin-inline: auto;max-width: 320px;overflow: hidden;position: relative;display: flex;flex-wrap: wrap;border-radius: var(--tab-radius);}
   .themetab>a{z-index: 1;flex-grow: 1;flex-basis: 0;text-align: center;font-weight: 500;font-size: 17px;letter-spacing: 0.25px;display: block;padding: 9px 21px;border-radius: var(--tab-radius);background: #fff;position: relative;outline: solid 1px rgb(0 0 0 / 25%);outline-offset: -1px;}
   .themetab>a::before{top: 0;left: -24%;z-index: -1;content: "";height: 100%;width: 0;position: absolute;border-radius: var(--tab-radius);background: linear-gradient(150deg, #E45228 20%, #393185 80%);}
   .themetab>a.active::before{width: calc(100% + 48%);}
   .themetab>a.active{z-index: 0;color: #fff;outline-color: transparent;}

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

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

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

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

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

   .aboutus h2{color: #0A1E57;margin-bottom: var(--title-mb);}
   .values.bg-1 .card{border: solid 1px #fff;background: rgb(255 255 255 / 50%);}
   .values.bg-1 .card h4, .values.bg-1 .card p{color: var(--tc-secondary);}
   .values.bg-1 .card img.icon{filter: none; }

   .cert-card{background: transparent; border: none;} 
   .cert-card-header{display: flex;align-items: center;margin-bottom: 16px;justify-content: space-between;} 
   .cert-category-badge{font-size: 11px;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase;color: var(--tc-info);background: rgba(36, 80, 207, 0.1);padding: 5px 15px 5px 10px;border-radius: 20px;display: inline-flex;align-items: center;gap: 6px;} 
   .cert-category-badge svg{width: 20px;height: auto;}
   .cert-badge-logo{height: 38px; width: auto; object-fit: contain; }
   .cert-img-wrapper{width: 100%;height: 100%;display: block;padding: 9px;overflow: hidden;position: relative;border-radius: 4px;background: #eaeff3;border: 1px solid #cbd5e1;} 
   .cert-img-wrapper img{width: 100%;height: 100%;object-fit: cover;object-position: top center;transition: transform 0.45s ease;box-shadow: 0 6px 18px rgba(10, 30, 87, 0.04);} 
   .cert-card:hover .cert-img-wrapper img{transform: scale(1.035); } 
   .cert-card:hover .cert-image-overlay{opacity: 1; }
   .cert-image-overlay{position: absolute;inset: 0;background: rgb(10 30 87 / 70%);display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 10px;color: #ffffff;font-size: 14px;font-weight: 600;opacity: 0;transition: opacity 0.3s ease;} 
   .cert-overlay-icon{width: 44px; height: 44px; border-radius: 50%; background: var(--tc-info); display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35); } 
   .cert-overlay-icon svg{width: 20px; height: 20px; color: #ffffff; } 
   .cert-card-body{display: flex;margin-left: -4px;margin-block: 28px;border-radius: 4px;flex-direction: column;padding: 28px 28px 28px 32px;background: #ffffff;border: 1px solid #cbd5e1;} 
   .cert-title{font-size: 22px;font-weight: 700;color: var(--tc-primary);line-height: 1.25;} 
   .cert-desc{font-size: 16px; }
   .cert-notice-box{background: #eaeff3;border: 1px solid #cbd5e1;border-left: 4px solid var(--tc-primary);border-radius: 8px;padding: 20px 24px;margin-top: 40px;display: flex;align-items: flex-start;gap: 16px;box-shadow: 0 6px 18px rgba(10, 30, 87, 0.04);} 

   .contact .themeform{height: 100%;padding: 1px;position: relative;padding-top: calc(0.6 * var(--section-py));padding-left: calc(0.6 * var(--section-py));} 
   .contact .themeform>form{padding: 1px;}
   .contact .themeform::after{top: 0;left: 0;z-index: -1;width: 56vw;content: "";position: absolute;border-top-left-radius: 32px;background: var(--bs-white);bottom: calc(-1 * var(--section-py));border: solid 12px var(--tc-light);}
   .quick-card{border-top: 1px solid rgba(10, 30, 87, 0.09);display: flex;align-items: flex-start;gap: 18px;padding-top: 30px;margin-top: 30px;} 
   .quick-card:first-child{padding-top: 1px;border-top: none;}
   .quick-card-icon{width: 54px;height: 54px;border-radius: 5px;background: #E8EDFF;display: flex;align-items: center;justify-content: center;flex-shrink: 0;transition: all 0.3s ease;color: #a8adbc;color: var(--tc-info);} 
   .quick-card:hover .quick-card-icon{background: var(--tc-primary);color: #ffffff;} 
   .quick-card-body p{font-weight: 600;max-width: 400px;color: var(--tc-primary);} 
   .quick-card-body{flex-grow: 1; } 
   .quick-card-label{font-size: 13px;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase;color: #757575;margin-block: 3px;display: block;} 
   .quick-card-body .quick-card-title{font-weight: 700;}
   .quick-card-text a{color: var(--tc-primary); font-weight: 600; transition: color 0.2s ease; } 
   .quick-card-text a:hover{color: var(--tc-info); text-decoration: underline; }
   .quick-card-badge {font-size: 12px;font-weight: 600;color: #065f46;background: #d1fae5;padding: 4px 14px 4px;border-radius: 20px;display: table;margin-top: -4px;}

   .subpage .products .card::after{top: 0;left: 0;right: auto;width: 16px;height: auto;bottom: auto;visibility: visible;aspect-ratio: 1/1;background: transparent;border-top: solid 1px #2450CF;border-left: solid 1px #2450CF;}
   .subpage .products.bg-1::after{top: 0;left: 0px;width: 100%;height: 320px;content: "";z-index: -1;position: absolute;background: #f0f0f0;pointer-events: none;background: linear-gradient(0deg,rgba(240, 240, 240, 1) 0%, rgba(255, 255, 255, 1) 100%);}
   .subpage .products .card-body{padding: calc(0.4 * var(--section-py));}
   .subpage .products .card p{display: block;-webkit-line-clamp: unset;line-clamp: unset;-webkit-box-orient: initial;overflow: visible;margin-top: var(--title-mb);margin-bottom: calc(1.5 * var(--title-mb));}
   .subpage .products .arrowbtn{width: 100%;outline: none;font-size: 15px;font-weight: 600;border-radius: 0;padding: 12px 18px;align-items: center;justify-content: center;background: #E0E0E0;}
   .subpage .products .arrowbtn::after{border-radius: 0; }
   .subpage .products .card h4 small{margin-block: 5px; }
   .subpage .products .card:hover::after{width: 32px; }
   .subpage .products .arrowbtn>svg{width: 21px;}

   .g-recaptcha>div{width: 230px !important; height: 59px !important; -webkit-transform: scale(0.75); transform: scale(0.75); -webkit-transform-origin: 0 0; transform-origin: 0 0; }