@import url('https://use.fontawesome.com/releases/v5.1.0/css/all.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;900&display=swap');

:root {
    --primary: #262626;
    --sliver: #f5f9fc;
    --grey: #cecece;
    --border: #1212122b;
    --theme: #205485;
    --white: #FFFFFF;
    --action: #20b9f0;
}
*{-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none;outline:none;margin:0;padding:0;-webkit-transition:none;-o-transition:none;transition:none}
html{-webkit-text-size-adjust:100%}
body{font-family:'Montserrat' ,sans-serif;font-size: 16px;font-weight: 400;position:relative;margin:0;padding:0;color:var(--primary);overflow-x: hidden;background: #fff;}

.container{width: 100%;max-width: 1450px;margin: 0 auto;padding:0 15px;position: relative;}
.container-fluid{position: relative;}
@media screen and (min-width: 1200px) and (max-width: 2000px) {.container{max-width: 91%;}}
@media (min-width: 2001px) { .container{ max-width: 1800px;}}

iframe{border:none}
h1,h2,h3,h4,h5,h6{font-weight: 700;margin:0;line-height: 1.2;}
h4{font-size: 22px;}
a,a:focus,a:hover{outline:medium none;text-decoration:none;color: var(--theme);}
ul,ol{padding:0;margin:0;list-style:none}
.cuani, a{-webkit-transition: .4s;-moz-transition: .4s;-o-transition: .4s;transition: .4s;}
b, strong{font-weight:600}
::selection {background: #b018cc;color:var(--white); }
::-moz-selection {background: #b018cc;color:var(--white);}
.mb-n40 { margin-bottom: -40px;}
.vcenter > .row{align-items: center;display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap;    flex-wrap: wrap;}
.imgdrk{filter: gray;-webkit-filter: grayscale(1);filter: grayscale(1);}
.imgdrk:hover{filter: none; -webkit-filter: grayscale(0);filter: grayscale(0);}
.h100{height:100%;}
.w100{width:100%!important;}
.radius-10{border-radius:10px;background: #eee;border-radius: 10px;clip-path: polygon(0 0,calc(100% - 40px) 0,100% 40px,100% 100%,0 100%);}
.swbox{background:var(--white);box-shadow: rgb(0 0 0 / 6%) 0px 16px 40px 0px;border-radius: 6px;padding: 20px;}
.automrg{margin: auto;/* text-align: center; */float: none;}
.bgwhite{background:#fff!important;}
.bgblack{background:#000!important;}
.txtwhite{color:var(--white) !important}
.bgsliver {background: var(--sliver);}

.whitebg{background:#fff !important}

.fixmain {display: flex;}
.fixmain .fix-content{position:sticky;top:100px;}

.w100{width:100% !important}
@keyframes slide-down 
{
    0% {opacity: 0;transform: translateY(-100%);-ms-transform: translateY(-100%);-webkit-transform: translateY(-100%);}
    100% {opacity: 1;transform: translateY(0);}
}
.header-main{transition:all .5s ease;position:absolute;left:0;right:0;z-index:1;background:#ffffff14;backdrop-filter:blur(8px);border-bottom:1px solid #fff3;box-shadow:0 8px 25px #0006 inset 0 1px 1px #fff3 inset 0 -1px 1px #0003}
.header-main .logo img{width: 165px;padding: 3px 0;}

.getquote{font-weight: 500;font-size:16px;padding: 10px;text-transform:capitalize;border-radius: 5px;background: var(--theme);color:#fff;display:inline-block;}
.getquote:hover{color:var(--white);}
.menugetquote{display:none!important}
@media (max-width: 992px) {
.menugetquote{display:inline-block!important}
.getquote{display:none}
.header-main .header-wrap{display:block}
}

body.fixed .header-main{position:fixed;padding-bottom: 0;top:0;left:0;right:0;z-index: 2;-webkit-animation: slide-down 0.7s;-moz-animation: slide-down 0.7s;-o-animation: slide-down 0.7s;box-shadow: 0 9px 9px rgba(0,0,0,.1);height: auto;}
body.fixed{padding-top: 81px;}
body.fixed .logo img{/* width: 242px; *//* padding: 0; */filter: none;}

body.fixed #cssmenu > ul > li::after{top: 16px;}
body.fixed #header .main-header{background: transparent;}


 .section-title{font-size:36px;font-weight:600;text-shadow:0 0 10px #ffffff4d;color: var(--primary);}
  .section-title.tit-small {font-size:22px;}


.htitle{position:relative;display:block;font-size: 38px;color: var(--theme);margin: 0 0 15px 0;line-height: 1.3;letter-spacing: -0.5px;}
.htitle.small{font-size: 28px;}
.htitle.white, .htitle.white + p{color:var(--white);}
.htitle.center{text-align:center}
.htitle + p{width: 60%;margin: 0;margin-bottom: 25px;/* font-size: 18px; */position: relative;}
.htitle.center + p{text-align:center;margin-left: auto;margin-right: auto;}
@media (max-width: 992px) 
{
    .htitle{font-size: 28px;}
    .htitle + p{width: 100%;}
}

/*----------*/
.page-head{padding: 120px 0 80px 0;position:relative;background: var(--sliver);/* text-align: center; */}
.page-head h1{margin:0;padding: 0px 0 8px 0;font-size: 42px;text-transform: capitalize;color:var(--theme)}
.breadcrumb{padding: 0;margin: 0;display: inline-block;}
.breadcrumb > li{display:inline-block}
.breadcrumb > li + li:before{padding:0 5px;content:"/\00a0"}
.breadcrumb > li,
.breadcrumb > li > a,
.breadcrumb > li + li:before{color: var(--primary);}

/*------------*/
.section {position: relative;padding: 80px 0;}
.sectionbg{background: var(--sliver);padding:80px 0;position: relative;}
.sectiontheme{background: var(--theme);padding:80px 0;position: relative;}



#preloader {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #f4f4f4 !important;z-index: 9999;display: flex;justify-content: center;align-items: center;}
#loader {position: relative;display: flex;justify-content: center;align-items: center;}
#box {width: 127px;height: 98px;background: url(../images/loderlogo.png) no-repeat center center;background-size: contain;border-radius: 3px;animation: zoomInOut 2s ease-in-out infinite;}
@keyframes zoomInOut {0% {transform: scale(1);}50% {transform: scale(0.9);}100% {transform: scale(1);}}


.banner{width:100%;min-height:100vh;background:url(../images/bannerbg.png) no-repeat bottom center/cover;display:flex;align-items:center;padding:50px}
.banner .banner-inner{/* margin:auto; */display:flex;align-items:center;justify-content:space-between}
.banner .content{color:#fff}
.banner .content h1{font-size:48px;margin-bottom:20px}
.banner .content p{font-size:18px;margin-bottom:25px;line-height:1.6}
.banner .image{text-align:right}
.banner .image img{max-width:100%;height:auto}
@media (max-width: 768px) {
.banner{text-align:center;padding:30px 15px}
.banner .image{margin-top:30px;text-align:center}
.banner .content h1{font-size:32px}
}

@media (max-width: 992px) 
{
    .banner{position:relative;padding-top: 80px;padding-bottom: 0;}
}

.btn-3d{display:inline-block;padding: 10px 20px;font-weight:600;color:#fff;text-decoration:none;border-radius:8px;background:linear-gradient(180deg,#9bcf3f,#2e7d32);box-shadow:0 4px 0 #1b5e20,0 8px 20px #0000004d;transition:all .3s ease;border: none;}
.btn-3d:hover{transform:translateY(-2px);box-shadow:0 6px 0 #1b5e20,0 12px 25px #0006;color: #fff;}
.btn-3d:active{transform:translateY(2px);box-shadow:0 2px 0 #1b5e20,0 6px 10px #0000004d}

.icon-list{display: flex;gap:15px;flex-wrap: wrap;margin-bottom: 30px;}
.icon-list img{width:70px}

.introduction-section{padding:80px 0;background:url(../images/introduction.png) no-repeat top center / cover;color: var(--primary);}

.export-section{padding:80px 0;background:url(../images/introduction23.png) no-repeat top center / cover;color: var(--primary);}
.export-section ul li::before{content:"✔";color:VAR(--theme);margin-right:8px}
.export-section .form-box { background: #ffffff5c;}
.export-section .form-box .form-control {background: #ffffff1a;border: 1px solid var(--theme);color:var(--primary);}
.export-section .form-box .form-control::placeholder{color:var(--primary);opacity:0.5}

.benefits{list-style:none;padding:0;/* display:flex; *//* flex-wrap:wrap; */}
.benefits li{padding: 2px 0;box-sizing:border-box;}
.benefits li::before{content:"✔ ";color:green;font-weight:700}

.feature-section{padding:80px 0;background:url(../images/sectionbg.png) no-repeat top center / cover;color:#fff}
@media (max-width: 992px) {.feature-section{padding-top:0 !important}}
.feature-section .feature-wrapper{padding:30px 20px;border-radius:15px;background:#09156c4f;backdrop-filter:blur(10px);border:1px solid #fff3;box-shadow:0 10px 30px #0006 inset 0 1px 1px #fff3}
.feature-section .feature-wrapper .feature-item{padding:20px;position:relative}
.feature-section .feature-wrapper .feature-item:not(:last-child)::after{content:"";position:absolute;top:20%;right:0;width:1px;height:60%;background:#fff3}
.feature-section .feature-wrapper .feature-item .icon img{width:60px;height:60px;margin-bottom:15px}
.feature-section .feature-wrapper .feature-item h4{font-size:20px;margin-bottom:10px}
.feature-section .feature-wrapper .feature-item p{color:#fffc;margin: 0;}
@media (max-width: 768px) {
.feature-section .feature-wrapper .feature-item:not(:last-child)::after{display:none}
.feature-section .feature-wrapper .feature-item{margin-bottom:20px}
}

.bulk-section{border-radius:16px;}
.bulk-section h2{font-size:28px;margin-bottom:30px;color:#1b2a4e;font-weight:700}
.bulk-section .bulk-features{display:flex;gap:20px;flex-wrap:wrap}
.bulk-section .feature-box{display:flex;align-items:flex-start;gap:15px;background:#fff;padding:18px 20px;border-radius:12px;flex:1;min-width:260px;box-shadow:0 6px 20px #0000000f;transition:all .3s ease;position:relative;overflow:hidden}
.bulk-section .feature-box:hover{transform:translateY(-6px);box-shadow:0 10px 30px #0000001a}
.bulk-section .feature-box .icon{font-size:26px;background:linear-gradient(135deg,#dfe7ff,#eef2ff);padding:12px;border-radius:50%;color:#2a4eff;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.bulk-section .feature-box .text{flex:1}
.bulk-section .feature-box h4{margin:0;font-size:18px;color:#1b2a4e;font-weight:600}
.bulk-section .feature-box p{margin:6px 0 0;font-size:14px;color:#555;line-height:1.5}
.bulk-section .feature-box::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#2a4eff,#6ec1ff);opacity:0;transition:.3s}
.bulk-section .feature-box:hover::after{opacity:1}
@media (max-width: 768px) {
.bulk-section{padding:30px 20px}
.bulk-section h2{font-size:22px}
.bulk-section .bulk-features{flex-direction:column}
}

.product-box{padding: 15px;border-radius:15px;background:#09156c4f;backdrop-filter:blur(10px);border:1px solid #fff3;box-shadow:0 10px 30px #0006 inset 0 1px 1px #fff3;text-align: center;}
.product-box h4{margin-top:10px}
.product-box p{color:#fffc}


.product-box-dark,.product-box-light{border-radius:12px;padding:30px;overflow:hidden;text-align:left}
.product-box-dark{background:url(../images/powderbg.png) no-repeat center/cover;color:var(--white)}
.product-box-light{background:url(../images/liquidbg.png) no-repeat center/cover;color:var(--primary)}
.product-box-dark ul,.product-box-light ul{list-style:none;padding:0;margin-bottom:15px}
.product-box-dark ul li,.product-box-light ul li{margin-bottom:5px}
.product-box-dark ul li::before,.product-box-light ul li::before{content:"✔";color:#2a7de1;margin-right:8px}
.product-box-dark p,.product-box-light p{margin-bottom:15px}
.product-box-dark .size-list,.product-box-light .size-list{list-style:none;padding:10px 18px;margin:6px 0;display:inline-flex;gap:10px;-webkit-backdrop-filter:blur(6px);border-top:2px solid #ffffff61;font-weight:600}
.product-box-dark .size-list li:before,
.product-box-light .size-list li:before{content:none}
.product-box-dark .size-list li:not(:last-child)::after,
.product-box-light .size-list li:not(:last-child)::after{content:"|";margin-left:10px;color:#fff;opacity:.6}
.product-box-dark .product-img,
.product-box-light .product-img{max-width:100%;height:auto}
@media (max-width: 992px) {
.product-box-light .product-img{margin-bottom:30px}
}



.testimonial-section{padding:80px 0;background:url(../images/sectionbg.png) no-repeat top center / cover;color:#fff}
.testimonial-section .wrapper-inner{padding:30px 20px;border-radius:15px;background:#09156c4f;backdrop-filter:blur(10px);border:1px solid #fff3;box-shadow:0 10px 30px #0006 inset 0 1px 1px #fff3}



.testimonial-section .testimonial-box .testimonial-text p{font-size:20px;line-height:1.6;font-weight:500}
.testimonial-section .testimonial-box .testimonial-user{font-size:16px;opacity:.8}
.testimonial-section .testimonial-image img{max-height:320px;}
.testimonial-section .testimonial-box .stars{font-size:22px;letter-spacing:3px;background:linear-gradient(180deg,#ffd700,#ffb300);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 5px #ffd70099 0 0 10px #ffd70066}
@media (min-width: 1100px) {
.testimonial-section .testimonial-image img{right: -120px;display: inline-block;position: relative;margin-top: -86px;}
}


.blog-box{text-align:center;padding:30px 20px;border-radius:15px;background:#09156c4f;backdrop-filter:blur(10px);border:1px solid #fff3;box-shadow:0 10px 30px #0006 inset 0 1px 1px #fff3}
.blog-box h4{margin:15px 0}
.blog-box p{margin:0}


table {border-collapse: collapse;}
table th,table td {border: 1px solid #333;padding: 10px;}
table th {background-color: #cfe3b4;}

.form-box{padding:30px;border-radius:15px;background:#ffffff0d;backdrop-filter:blur(10px);border:1px solid #fff3;box-shadow:0 10px 30px #0006}
.form-box .form-control{background:#ffffff1a;border:1px solid #fff3;color:#fff}
.form-box .form-control::placeholder{color:#ffffffb3}

.contact-box{padding:30px;border-radius:15px;background:#09156c4f;backdrop-filter:blur(10px);border:1px solid #fff3;box-shadow:0 10px 30px #0006}
@media (min-width: 992px) {
.contact-box{margin-top:0;margin-left:30px}
}




/*--------*/
.social{list-style-type:none;padding:10px 0 0;margin:0}
.social li{display:inline-block;}
.social a{margin-right:5px;cursor:pointer;display:block;width: 45px;height: 45px;text-align:center;text-decoration:none;background: transparent;border-radius: 50%;border: 1px solid #cdcdcd;line-height: 40px;font-size: 22px;color: white;}
.social a i{line-height: 40px;}
.social a:hover{background: var(--theme);color: var(--white);}



/*--------------*/
.hdwatsp {position: fixed;bottom: 10px;right: 10px;z-index: 21 }
.hdwatsp a{text-align: center;width: 50px;height: 50px;float: left;color: #FFFFFF;border-radius: 10px;background-color: #25D366;background-color: #25D366;}
.hdwatsp i{font-size: 40px;margin-top: 5px;}

.copyrights{background: #ffffff14;backdrop-filter:blur(8px);border-bottom:1px solid #fff3;padding: 25px;}
.copyrights p,.copyrights a{margin:0;color: var(--white);}