@charset "utf-8";
/* CSS Document */
::selection {
  color:var(--bs-white);
  background:var(--bs-primary);
}
.accordionjs .acc_section { position:relative; z-index:10; margin-top:0; overflow:hidden; padding:0;}
.accordionjs .acc_section + .acc_section{ border-top:1px solid #fff;}
.accordionjs .acc_section .acc_head {cursor:pointer; position:relative; padding:20px 35px 20px 20px; font-size:18px; font-weight:700;}
.accordionjs .acc_section .acc_content { padding:0 20px 20px 20px;}
.accordionjs .acc_section .acc_head:after{ content:'\2b'; right:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); position:absolute; font-family:'Font Awesome 6 Free'; font-weight:900}
.accordionjs .acc_section.acc_active > .acc_head:after{ content:'\f068';}


.header{ position:fixed; top:0; left:0; right:0; z-index:1000; padding-top:20px; padding-bottom:20px; -moz-transition:all 0.5s ease;  -webkit-transition:all 0.5s ease;  -o-transition:all 0.5s ease; transition:all 0.5s ease}
.header .logo img{ width:200px; height:auto;}
.header.fixed-header{ background:#191c7d; box-shadow:rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; }

.banner{ background:url(images/bg-1.svg) no-repeat top center; background-size:cover; padding:140px 0 40px;}
.banner h4{ display:flex; align-items:center; justify-content:center;}
.banner h4 span{border:1px solid #00BFFF14; border-top:1px solid #00BFFF3b; border-radius:10px; display:inline-block; background:linear-gradient(91deg, #0f115c63 -9.79%, #050bff80 87.51%); padding:6px 16px;}
.banner h2{background:linear-gradient(91deg, #0682FC 1.84%, #0BC8CB 81.54%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent;}

.w2{ padding:40px 0; background:url(images/bg-2.webp) no-repeat center; background-size:cover;}
.w2 .box-content .box{ background:linear-gradient(180deg, rgba(25, 28, 125, 0.35) 0%, rgba(45, 51, 227, 0.35) 100%); padding:30px 20px 20px; border-radius:8px; border:1px solid #008df91a;}
.w2 .box-content .box img{ width:100px; height:100px; margin-bottom:10px;}
.w2 .mid-content{ padding:48px 0; border-bottom:1px solid #188bf6; border-top:1px solid #188bf6; text-align:center;}
.w2 .mid-content h3{background:linear-gradient(91deg, #0682FC 1.84%, #0BC8CB 81.54%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.w2 .bottom-content h3{ color:#01bcfeff; font-weight:400;}

.content-style ul{ padding:0; list-style:none;}
.content-style ul li{ position:relative; padding-left:24px;}
.content-style ul li:before{font-family:'Font Awesome 6 Free'; font-weight:900; content:'\f058'; color:var(--bs-blue); position:absolute; top:0; left:0;}
.content-style ul li strong{ color:var(--bs-blue)}
.content-style ul li + li{ margin-top:6px;}

.w3{ padding:40px 0; background:url(images/bg-3.webp) no-repeat center; background-size:cover;}
.w3 .title h4{color:#01bcfeff; font-weight:400;}
.w3 .title h3{background:linear-gradient(91deg, #0682FC 1.84%, #0BC8CB 81.54%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.w3 .content{ padding:20px; background:#008df91a; border:1px solid #008df91a; border-radius:12px;}
.w3 .content .inner-content{ border-bottom:1px solid #008df91a; border-top:1px solid #008df91a; background:linear-gradient(90deg, rgb(18 17 17 / 14%) 0%, rgb(18 17 18 / 14%) 100%); border-radius:12px; padding:18px; margin-top:30px;}
.w3 .content .inner-content h3{color:#01bcfeff; font-weight:400;}
.w3 .content .inner-content h5{color:#01bcfeff; font-weight:500; letter-spacing:2px; margin:0 15px;}

.w4{ padding:40px 0;}
.w4-top .title{color:#01bcfeff;}
.w4-top .title h3, .faq-section h3{background:linear-gradient(91deg, #0682FC 1.84%, #0BC8CB 81.54%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.w4-top .box-content .d-flex{ padding:30px;}
.w4-top .box-content .d-flex .icon{ width:60px;}
.w4-top .box-content .d-flex h5{color:#01bcfeff; margin:5px 0 10px;}

.w5{ padding:40px 0; background:url(images/wave-bg.svg) no-repeat center; background-size:cover;}
.w5 .content{ padding:24px; border-radius:16px; background:linear-gradient(180deg, #0B0C4A 0%, #1D1E6E 100%)}
.w5 .content h4{color:#01bcfeff;}

.footer{ padding:30px 0;}
.footer .top-content{ font-style:italic; text-align:center;}
.footer .top-content span{ color:#F00;}
.footer-logo img{ width:160px;}
.footer-bottom{ font-size:14px;}
.footer-bottom div + div, .footer-bottom ul{ margin-left:auto;}
.footer-bottom ul{ margin:0 0 0 auto; padding:0; list-style:none;}

.modal-body{ font-size:15px;}
.modal-body h3{background:linear-gradient(91deg, #0682FC 1.84%, #0BC8CB 81.54%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.modal-body form{ display:block; background:#fff; border-radius:10px; color:#000; margin-bottom:16px;}
.modal-body form ul{display:flex; flex-wrap:wrap; margin:0; padding:0; list-style:none;}
.modal-body form ul li{flex:0 0 auto;  width:50%; border-bottom:4px solid var(--bs-blue); text-align:center; font-size:13px; padding:10px 10px 10px 15px; position:relative;}
.modal-body form ul li + li{ border-left:1px solid #d8d8d8;}
.modal-body form ul li strong{ display:block;}
.modal-body form ul li.active:after{ width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid var(--bs-blue); position:absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%%); content:'';}

@media (min-width:320px) {
h1{ font-size:calc(2.1875rem + ((1vw - 3.2px) * 0.8125));}
h2{font-size:calc(1.875rem + ((1vw - 3.2px) * 0.625));}
h3{font-size:calc(1.5rem + ((1vw - 3.2px) * 0.5));}
h4{font-size:calc(1.1875rem + ((1vw - 3.2px) * 0.3125));}
h5{font-size:calc(1.0625rem + ((1vw - 3.2px) * 0.1875));;}
.font-18{font-size:calc(1rem + ((1vw - 3.2px) * 0.125)); min-height:0vw;}
.font-20{font-size:calc(1rem + ((1vw - 3.2px) * 0.25)); min-height:0vw;}
.font-24{font-size:calc(1rem + ((1vw - 3.2px) * 0.5)); min-height:0vw;}
}

@media (min-width:1400px) {
h1, .section-title h2{font-size:48px;}
h2, .section-title h3{font-size:40px;}
h3{font-size:32px;}
h4{font-size:24px;}
h5{font-size:20px;}
.font-18{font-size:18px;}
.font-20{ font-size:20px;}
.font-24{ font-size:24px;}
}


@media (min-width:576px) {
}

@media (min-width:768px) {
.w4-top .box-content .row{ position:relative;}
.w4-top .box-content .row [class*=col-]{ position:relative;}
.w4-top .box-content .row [class*=col-] + [class*=col-]:before{content:""; position:absolute;  top:0; left:0; bottom:0; width:6px; background:linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #191C7D 100%);}
.w4-top .box-content .row + .row [class*=col-] + [class*=col-]:before{content:""; position:absolute;  top:0; left:0; bottom:0; width:6px; background:linear-gradient(359deg, rgba(0, 0, 0, 0.00) 0%, #191C7D 100%);}
.w4-top .box-content .row + .row:before{content:""; position:absolute; width:50%; background:linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, #191C7D 100%); height:6px; right:0; top:0;}
.w4-top .box-content .row + .row:after{content:""; position:absolute; width:50%; background:linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, #191C7D 100%); height:6px; left:0; top:0;}
.w5 .content{ padding:40px;}
.footer-bottom ul li + li:before{ content:"|"; margin:0 5px; float:left;}
}

@media (min-width:992px) {
.w2 .mid-content{ padding:90px 0;}
.w3 .content{ padding:30px 40px;}
.w3 .content .inner-content{ padding:24px;}
}

@media (min-width:1200px) {
}

@media (min-width:1400px) {	
]

archive tax-product_cat term-natural-stone term-15 wp-embed-responsive theme-thotntree woocommerce woocommerce-page woocommerce-js hfeed image-filters-enabled