@charset "utf-8";

input,select,textarea{-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0;-webkit-border-radius:0; -moz-border-radius:0; }

/*font-family: "Open Sans", sans-serif;
font-family: "Poppins", sans-serif;
font-family: "Roboto", sans-serif;*/


html{-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;height: 100%;height: 100%;}

body{margin: 0;padding:0; font-size:100%;line-height:1;height: 100%;background-color:#ffffff;overflow-y:scroll;}

body, button, input, select, textarea{font-family: Arial, Helvetica, sans-serif;color:#000000;}
h1{font-weight:normal;color:#4dabd6;margin:0px;padding:0;} 
div, h2, h3, h4, h5, h6, p, span{padding: 0px;margin: 0px;font-weight:normal;}

::-moz-selection{background: #000000;color: #ffffff;text-shadow: none;}
::selection{background: #000000;color: #ffffff;text-shadow: none;}

/* =============================================================================
   Links
   ========================================================================== */

a{color:#000000;text-decoration:underline;outline: none;}
a:hover{text-decoration:none;}
a:focus{outline: none;}

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active{outline: 0;}
img {border-style:none}
/* =============================================================================
   Lists
   ========================================================================== */

ul, ol{margin:0;padding-left: 0;list-style-type:none;}
li ul, li ol{margin: 0;padding:0;}

/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img{border: 0;-ms-interpolation-mode: bicubic;vertical-align: middle;border-style:none;outline:none;}

/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root){overflow: hidden;}

/* =============================================================================
   Tables
   ========================================================================== */

table{border-collapse: collapse;border-spacing: 0;}
td{	vertical-align: top;}

p{line-height:1.3;}

/* ==== primary styles =====================================================
   Author: Abbas Tahir
   ========================================================================== */

/* For image replacement */
.ir{display: block;border: 0;text-indent: -999em;overflow: hidden;background-color: transparent;background-repeat: no-repeat;text-align: left;direction: ltr;}
.ir a{display: block;height: 100%;}
.hidden{display: none !important;visibility: hidden;}
  
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after{content: "";display: table;}
.clearfix:after{clear: both;}
.clearfix{zoom: 1;}   
.web{display:block;}
.mobile{display:none;}
*{box-sizing:border-box;} 

html.lenis{height: auto;}
.lenis.lenis-smooth {scroll-behavior: auto;}
.lenis.lenis-smooth [data-lenis-prevent] {overscroll-behavior: contain;}
.lenis.lenis-stopped {overflow: hidden;}
.lenis.lenis-scrolling iframe {pointer-events: none;}

section {width: 100%;margin: 0;padding: 0;float: left;position: relative;}
article {width: 100%;margin: 0;padding: 0;float: left;position: relative;}
figure {width: 100%;margin: 0;padding: 0;float: left;position: relative;background-repeat:no-repeat;background-size:cover;background-position:center;}
aside {width: 100%;margin: 0;padding: 0;float: left;position: relative;} 
.content-inner{width: 100%;max-width: 1366px;float:none;margin: 0 auto;padding:0 62px;position: relative;}
main {width: 100%;margin: 0;padding:0;;position: relative;margin-top: 100px;}
body.retailer main {margin-top: 0;}
video{position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;object-fit: cover;border:0;object-position: center center;}

:where(h1,h2,h3,h4,h5,h6,p,ul,li){width: 100%;float: left;color: #000000;font-weight: 700;}

/* p,li{font-weight: 400;font-size: 15px;margin-bottom: 18px;}
 */ul{list-style: disc;}
/*blockquote{background-color: #f3f4f7;width: auto;padding:75px 20px 20px 20px;float: left;margin: 0;margin-bottom: 20px;position: relative;}
blockquote::before{width: auto;position: absolute;left: 20px;top: 0; content: "“";font-size: 136px;font-family: Arial, Helvetica, sans-serif;height: 50px;margin-left: -5px;}*/


.video-box{ position:sticky;position: -webkit-sticky;height: 100vh;float:left; width: 100%;position:relative;}
.video-box img{width: 100%; float:left; height:100%;}
.video-box iframe{ position: absolute !important; top: 0 !important; left:0 !important;margin-top: 0 !important; margin-left:0 !important; width: 100% !important; height: 100% !important; }
 @media (min-aspect-ratio: 16 / 9) {.video-box iframe {height: 500% !important;top: -200% !important;}}
 @media (max-aspect-ratio: 16 / 9) {.video-box iframe {width: 500% !important;left: -200% !important;}}
.video-box .player{ position: absolute !important; top: 0; left:0; width: 100%; height: 100vh; background-color:#000000; }

.hero-box{width:100%;padding:0;margin:0 0 50px 0;float: left;background-color:#000000;background-repeat:no-repeat;background-size:cover;position: relative;}
.hero-box .bg{width:100%;height:100%;float:left;margin:0;padding:0;background-color:#0A280A;background-repeat:no-repeat;background-size:cover;background-position:center center;position:relative;}
.hero-box .bg img{display:none;}
.hero-box .bg.shade:after{width:100%;height:100%;margin:0;padding:0;content:' ';background-color:rgb(32,121,141);position:absolute;top:0;left:0;opacity:0.15;}
.hero-box.retailer{width:100%;padding:0;margin:0;float: left;background-color:#000000;background-repeat:no-repeat;background-size:cover;position: relative;height: 368px;}
.hero-box.retailer .slide-repeat{width:100%;height:368px;float:left;margin:0;padding:0;position:relative;}
.hero-box.category-header {min-height: 220px;display: flex;align-items: center;text-align: center;justify-content: center;flex-direction: column;margin-bottom: 0;background-color: #f3f4f7;height: auto;}
.hero-box.category-header .breadcrumb {float: none;margin: 0 0 15px 0;padding: 0;width: auto;font-size: 15px;font-family: "Open Sans", sans-serif;font-weight: 400;font-style: normal;color: #707070;position: relative;}
.hero-box.category-header h1 {width: 100%;float: left;color: #8c0304;font-family: "Poppins", Sans-serif;font-size: 58px;line-height: 87px;font-weight: 800;font-style: normal;padding-bottom: 0px;}
.product-archive.search-page h1 {width: 100%;float: left;color: #0f0f0f;font-family: "Poppins", Sans-serif;font-size: 58px;line-height: 87px;font-weight: 800;font-style: normal;padding-bottom: 0px;}
.product-archive.search-page .product-grid.grid-view-mode {grid-template-columns: repeat(3, 1fr);}
.product-archive.search-page .product-card .info-box {  position: relative;bottom: 0;left: 0;width: 97%;background: transparent;padding: 26px 15px;transition: none;min-height: auto;display: flex;flex-direction: column;justify-content: center;margin: 0 0px;
    box-shadow: 0 9px 9px -7px rgba(0, 0, 0, 0.15);}
.product-archive.search-page .info-box h3 {font-family: "Poppins", Sans-serif;font-size: 38px;font-weight: 700;line-height: 1.2;margin-bottom: 15px;}
.product-archive.search-page .product-card .read-more {display: block;font-size: 16px;font-weight: 700;color: #0f0f0f;margin-top: 15px;}
.product-archive.search-page .product-card time {font-size: 14px;font-family: "Open Sans", sans-serif;font-weight: 400;font-style: normal;float: left;white-space: nowrap;width: 100%;margin-bottom: 15px;}
.product-archive.search-page .product-card p {font-size: 16px;font-family: "Open Sans", sans-serif;font-weight: 400;font-style: normal;float: left;width: 100%;margin-bottom: 15px;}
.product-archive.search-page .product-card p strong {font-weight: 700;}
.product-archive.search-page .product-card:hover .info-box h3 {color: #E7831E;}
.quote-form.review {float: left;width: 50%;}
.quote-form.review .info h3 {width: 100%;float: left;margin: 0 0 5px 0;padding: 0;font-size: 24px;line-height: 36px;font-family: "Open Sans", sans-serif;font-weight: 700;font-style: normal;}
.quote-form.review .info p {width: 100%;float: left;margin: 0 0 7px 0;padding: 0;font-size: 13px;line-height:17px;font-family: "Open Sans", sans-serif;font-weight: 400;font-style: italic;}
.quote-form.review .form-row {display: block;gap: 1.4641288433382138vw;}
.quote-form.review .form-group input {max-width: 50%;}
.review-text {width: 50%;float: left;}
.rating {display: flex;flex-direction: row-reverse;justify-content: left;gap: 5px;}
.rating input {display: none;}
.rating label {font-size: 35px;color: #ccc;cursor: pointer;transition: color 0.2s;}
.rating label:hover,
.rating label:hover ~ label {color: gold;}
.rating input:checked ~ label {color: gold;}
.comment-form-cookies-consent {display: flex;align-items: flex-start;gap: 10px;font-family: "Open Sans", sans-serif;font-weight: 400;font-style: normal;font-size: 14px!important;margin-top: 10px;}
.comment-form-cookies-consent input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
  border: 2px solid #999;
  display: inline-block;
  position: relative;
  cursor: pointer;
  transition: all 0.2s ease;
}
.comment-form-cookies-consent input[type="checkbox"]:checked::after {
  content: "✓";
  position: absolute;
  top: -4px;
  left: 1px;
  color: #fff;
  font-size: 12px;
}

.comment-form-cookies-consent input[type="checkbox"]:checked {
  background-color: #0073aa;
  border-color: #0073aa;
}
.comment-form-cookies-consent label {
  cursor: pointer;
  line-height: 1.4;
}
.comment-form-cookies-consent input[type="checkbox"]:focus {
  outline: 2px solid #0073aa;
  outline-offset: 2px;
}
.hero-box .txt-box{width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;left:0;display:flex;align-items:center;}
.hero-box .txt-box .tb-inner{width:100%;float:left;margin:0;padding:0;text-align:center;}
.hero-box .txt-box .tb-inner h1, .hero-box .txt-box .tb-inner h2{width:100%;float:left;margin:0;padding:0;text-align:center;font-family:"bebas-neue-pro",sans-serif;font-weight:700;font-size:250px;letter-spacing:normal;line-height:normal;color:transparent;-webkit-text-stroke:3px #ffffff;}
.hero-box .txt-box .tb-inner p{width:52%;float:none;display:inline-block;margin:-7px 0 0 0;padding:0;text-align:center;font-family:"nocturne-serif",serif;font-weight:700;font-size:32px;letter-spacing:normal;line-height:33px;color:#ffffff;}
.hero-box .txt-box .tb-inner .btn {float: none;display: inline-block;margin-top: 23px;}
.hero-box .txt-box .tb-inner span {width: 100%;float: left;margin: 0 0 -16px 0;padding: 0 0 6px 0;text-align: left;font-family: "nocturne-serif", serif;font-weight: 500;font-size: 15px;line-height: 25px;letter-spacing: normal;color: #ffffff;text-align: center;}
/* .hero-box.no-opacity .img-box.shade:after{background-color:transparent;opacity:initial;} */
.hero-box .slide-repeat{width:100%;height:calc(100vh - (35px + 80px + 50px));float:left;margin:0;padding:0;position:relative;}
.hero-box .txt-box.green .tb-inner h1, .hero-box .txt-box.green .tb-inner h2, .hero-box .txt-box.green .tb-inner p, .hero-box .txt-box.green .tb-inner span
{color:#0A280A;-webkit-text-stroke: 0.21961932650073207vw #0A280A;}
.hero-box .txt-box.green .btn {color: #fff;background-color: #0A280A;}
.hero-box .txt-box.green .btn:hover {color: #0A280A;background-color: #ffffff;}

.container {max-width: var(--container);margin-inline: auto;padding: 0 62px;box-sizing: border-box;}
.sr-only {position: absolute !important;width: 1px; height: 1px;padding: 0; margin: -1px; overflow: hidden;clip: rect(0,0,0,0); white-space: nowrap; border: 0;}
 :root {
  --container: 1366px;
  --brand-500: #0073e6;
  --brand-600: #8C0304;
  --muted: #f1f2f3;
  --text-500: #666;
  --text-700: #333;
  --shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.topbar {background: var(--brand-600);color: #fff;font-size: 19px;}
.topbar .container {display: flex; align-items: center; justify-content: center;min-height: 56px; text-align: center;}
.topbar .container p{color: #E7831E;font-family: "Poppins", Sans-serif;font-size: 16px;font-weight: 300;text-transform: none;font-style: normal;text-decoration: none;line-height: 1.5em;letter-spacing: 0px;}

/* ---------- Header Row ---------- */
.header {border-bottom: 1px solid #eee;background: #fff;padding: 0 20px;box-sizing: border-box;}
.header .row {display: flex; gap: 16px; align-items: center; justify-content: space-between;padding-top: 20px;padding-bottom: 20px;}
.brand {display: flex; align-items: center; gap: 10px; min-width: 100px;}
.brand img {width: 96px;height: 100%;border-radius: 50%; object-fit: cover;}
.brand .title {font-weight: 600; font-size: 1rem; white-space: nowrap;display: none;}
/* Search */
.search  {/*flex: 1; display: flex; align-items: center;background: var(--muted);border-radius: 999px; overflow: hidden;padding: 0 12px; border: 1px solid transparent; */
  width: 500px;
    flex: none;
    display: flex;
    align-items: center;
    background: var(--muted);
    border-radius: inherit;
    overflow: hidden;
    padding: 0 10px;
    border: 1px solid transparent;
    margin-right: auto;}
    
.search:focus-within {border-color: var(--brand-500);background: #fff;box-shadow: var(--shadow);}
.search svg { flex: 0 0 18px; color: var(--text-500); }
.search input {border: 0; background: transparent; outline: 0;padding: 10px 10px 10px 24px; width: 100%;font-size: .95rem;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='8'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>");
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 0 center;}
/* Utilities */
.utils {display: flex; align-items: center; gap: 18px; white-space: nowrap;}
.utils a { font-size: 16px; color:#0f0f0f; font-family: "Open Sans", sans-serif;font-weight: 400;text-decoration: none;}
.utils a:hover{color:#e47b02;}

.cart {position: relative; display: inline-flex; align-items: center; justify-content: center;width: 34px; height: 34px; border-radius: 50%; background: var(--muted);}
.cart:hover { background: #e9eaee; }
.badge {position: absolute; top: -4px; right: -4px; background: var(--brand-500);color: #fff; border-radius: 999px; font-size: .7rem; line-height: 1;padding: 3px 6px; min-width: 16px; text-align: center;}
/* ---------- Secondary Navigation ---------- */
.nav {position: sticky;top: 0;z-index: 1000;background: #fff;border-bottom: 1px solid #eee;}
.nav .bar {display: flex; align-items: center; justify-content: center;}
.menu {display: flex;gap: 24px;list-style: none;margin: 0;padding: 0 0;position: relative;text-align: center;justify-content: center;}
.has-submenu {position: relative; }
.submenu {position: absolute;top: 100%;left: 0;text-align: left;min-width: 180px;width: max-content;background: #fff;margin-top: 1px;border: 1px solid #eee;border-radius: 6px;box-shadow: 0 4px 12px rgba(0,0,0,0.08);padding: 10px 0;display: none;flex-direction: column;z-index: 1000;}
.submenu li {list-style: none;}
.submenu a {display: block;padding: 10px 15px!important;font-size: 16px;color: #333;transition: background 0.2s ease, color 0.2s ease;width: 100%;text-decoration: none;white-space: nowrap;font-family: "Open Sans", sans-serif;
  font-weight: 400;}
.submenu a::after {bottom: 0!important;display: none;}
.submenu a:hover {background: #f4f4f4;color: #0077cc;}
.has-submenu:hover > .submenu {display: flex;animation: fadeInUp 0.3s ease forwards;}
@keyframes fadeInUp {
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0); }
}
.menu li { display: flex;width: auto;}
.menu a {position: relative;display: block;text-decoration: none;padding: 18px 12px;border-radius: 6px;color: #000000;font-weight: 500;font-size: 15px;transition: color 0.3s ease;font-family: "Open Sans", sans-serif;
  font-weight: 500;font-style: normal;}
.menu a::after {content: "";position: absolute;left: 0;bottom: -1px; /* start at bottom */width: 100%;height: 4px;background: var(--brand-600);transform: scaleX(0);transform-origin: bottom right;transition: transform 0.3s ease;}
.menu a:hover,
.has-submenu.active > a {
  color: var(--brand-600);
}

.menu a:hover::after,
.has-submenu.active > a::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
.menu a.active {color: #707070;}

.menu-toggle {display: none;background: none;border: none;font-size: 24px;cursor: pointer;}
/* ---------- Hamburger (mobile) ---------- */
.hamburger {display: none;align-items: center; justify-content: center;width: 40px; height: 40px; border-radius: 8px; border: 1px solid #eee; background: #fff;}
.hamburger svg { pointer-events: none; }

/* Top header bar */
.archive-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;}
.archive-header .results {margin: 0;font-size: 14px;color: #0f0f0f;font-family: "Open Sans", sans-serif;font-weight: 500;}
.archive-controls {display: flex;justify-content: space-between;align-items: center;gap: 15px;margin-bottom: 20px;}
.sorting {position: relative;display: inline-block;}
.sorting select {appearance: none;-webkit-appearance: none;-moz-appearance: none;padding: 5px 30px 5px 10px;border: none;border-bottom: 2px solid #ddd;font-size: 14px;line-height: 23px;color: #0f0f0f;font-family: "Open Sans", sans-serif;font-weight:600;background: transparent;outline: none;cursor: pointer;}
.sorting::after {content: "";position: absolute;right: 10px;top: 50%;width: 0;height: 0;pointer-events: none;transform: translateY(-50%);border-left: 6px solid transparent;border-right: 6px solid transparent;
  border-top: 6px solid #666; }
.sorting select:focus {border-bottom-color: #000;}
.sorting select:first-child {padding-left: 0;}

/* Toggle buttons */
.view-toggle {display: flex;gap: 6px;}
.view-toggle button {background: #fff;border: 1px solid #ddd;padding: 6px 12px;cursor: pointer;font-size: 16px;line-height: 1;border-radius: 4px;transition: all 0.3s ease;}
.view-toggle button.active {background: #000;color: #fff;}
/* Grid mode */
.product-archive{width: 100%; margin: 50px 0 70px 0;box-sizing: border-box;display: inline-block;}
.product-container {max-width: 1242px; margin: 0 auto; padding: 0 20px;box-sizing: border-box;}
.product-grid.grid-view-mode {display: grid;grid-template-columns: repeat(4, 1fr); grid-column-gap: 20px;grid-row-gap: 100px;}
/* List mode */
.product-grid.list-view-mode {display: flex;flex-direction: column;gap: 20px;}

.product-grid.list-view-mode .product-card {display: flex;align-items: flex-start;gap: 20px;  border: 1px solid #eee;border-radius: 8px;background: #fff;box-shadow: 0 2px 10px rgba(0,0,0,0.05);}
.product-grid.list-view-mode .image-box {flex: 0 0 200px;}
.product-grid.list-view-mode .image-box img {width: 100%;}
.product-grid.list-view-mode .info-box {flex: 1;min-height: auto;position: relative;box-shadow: none;}
/* Card style */
.product-card {display: block;position: relative;overflow: visible;border-radius: 4px;text-decoration: none;color: inherit;transition: transform 0.3s ease;}
.product-card .image-box {position: relative;overflow: hidden;}
.product-card img {width: 100%;height: auto;object-fit: cover;display: block; transition: transform 1.5s ease-in-out, opacity 0.8s ease-in-out;transform-origin: center center;}
.product-card .img-hover {position: absolute;top: 0;left: 0;opacity: 0;}
.product-card:hover .img-hover {opacity: 1;transform: scale(1.08);}
.product-card:hover img {opacity: 0;transform: scale(1.08);}
.product-card .info-box {position: absolute;bottom: -72px;left: 0;width: 93.25%;background: #fff;padding: 15px;transition: all 0.3s ease;min-height: 72px;display: flex;flex-direction: column;justify-content: center;margin: 0 10px;  box-shadow: 0 6px 10px -4px rgba(0, 0, 0, 0.15);}
.info-box h3 {margin: 0;color: #0f0f0f;transition: transform 0.3s ease;font-family: "Poppins", Sans-serif;font-size: 16px;font-weight: 500;}
.product-card .read-more {display: none;font-family: "Poppins", Sans-serif;font-size: 13px;font-weight: 700;color: #0f0f0f;margin-top: 10px;text-decoration: none;}
.product-grid.list-view-mode .read-more {display: block!important;}
.product-card:hover .product-grid:not(.list-view-mode) .info-box {
  min-height: auto !important;
}
.product-card:hover .product-grid:not(.list-view-mode) .info-box h3 {
  transform: translateY(0px) !important;
}
.product-card:hover .product-grid.list-view-mode .info-box,
.product-card:hover .product-grid.list-view-mode .info-box h3 {
  min-height: unset !important;
  transform: none !important;
}
.grid-view-mode .product-card:hover .info-box {
  min-height: 120px !important;
}
.grid-view-mode .product-card:hover .info-box h3 {
  transform: translateY(-10px) !important;
}
.grid-view-mode .product-card:hover .read-more {
  display: block !important;
}
.product-card .img-hover {position: absolute;top: 0;left: 0;opacity: 0;}
.product-card:hover .img-hover {opacity: 1;}
#pagination {margin: 120px 0 0 0;padding: 0;text-align: center;list-style: none !important;}
 #pagination li {float: left;width: auto;margin-right: 10px;}
 #pagination li a {border: solid 1px transparent;border-radius: 3px;box-sizing: border-box;display: inline-block;text-decoration: none;padding: 10px 15px;color: #0f0f0f;font-family: "Open Sans", sans-serif;font-size: 16px;font-weight: 400;}
 #pagination li a.active {background-color: #e47b02;color: #fff;border: solid 1px #e47b02;}
 #pagination li a:hover:not(.active) {border: solid 1px #e47b02;}
/* Cart Sidebar */
.cart-sidebar {position: fixed;top: 0;right: -350px;width: 300px;height: 100%;background: #fff;box-shadow: -2px 0 10px rgba(0,0,0,0.2);transition: right 0.3s ease;display: flex;flex-direction: column;z-index: 9999;}
.cart-sidebar.active {right: 0;}
.cart-header {display: flex;justify-content: space-between;align-items: center;padding: 15px;background: #f5f5f5;border-bottom: 1px solid #ddd;}
.cart-header h3 {margin: 0;font-size: 18px;font-family: "Poppins", Sans-serif;font-weight: 600;}
.close-btn {font-size: 22px;cursor: pointer;}
.cart-content {flex: 1;padding: 15px;overflow-y: auto;}
.cart-content p {margin: 0;font-size: 16px;font-family: "Poppins", Sans-serif;font-weight: 400;}
.cart-item {display: flex;align-items: center;margin-bottom: 15px;}
.cart-item img {width: 50px;height: 50px;margin-right: 10px;}
.item-info h4 {margin: 0;font-size: 14px;}
.cart-footer {padding: 15px;border-top: 1px solid #ddd;}
.checkout-btn {width: 100%;padding: 10px;background: #000;color: #fff;border: none;cursor: pointer;font-size: 16px;border-radius: 4px;font-family: "Poppins", Sans-serif;font-weight: 400;}

.breadcrumb {float: left;margin: 0 0 50px 0;padding: 0;width: 100%;font-size: 15px;font-family: "Open Sans", sans-serif;font-weight: 400;font-style: normal;color: #707070;}
.breadcrumb ul {padding: 10px 0 0;list-style: none;float: left;margin: 0;width: 100%;list-style-type: none;}
.breadcrumb a {float: left;width: auto;color: #707070;text-decoration: none;position: relative; width: auto;padding: 0;margin: 0;font-size: 15px;font-family: "Open Sans", sans-serif;font-weight: 400;font-style: normal;}
.breadcrumb a:after {padding: 0 0 0 5px;color: #707070;content: "/\00a0";}
.breadcrumb a:hover {color: #e7831e;text-decoration: none;}

.breadcrumb.grey{background-color: #f3f4f7;}
.product-detail{width: 100%;float: left;position: relative;padding: 50px 0;}
.product-detail article{position: relative;}
.product-figure {
  position: relative;
  width: 45%;
  height: 600px;
  background-size: cover;
  background-position: center;
  border-radius: 6px;
  overflow: hidden;
}

.product-figure img {
  display: none; /* only background shows */
}.product-detail article figure .zoom {position: absolute;top: 0.5rem;right: 0.5rem;font-size: 2em;z-index: 9;width: 36px;height: 36px;background: #fff;text-indent: -9999px;border-radius: 100%;}
.product-detail article figure .zoom::before {content: "";display: block;width: 10px;height: 10px;border: 2px solid #000;border-radius: 100%;position: absolute;top: 9px;left: 9px;}
.product-detail article figure .zoom::after {content: "";display: block;width: 2px;height: 8px;background: #000;border-radius: 6px;position: absolute;top: 19px;left: 22px;transform: rotate(-45deg);}

.product-gallery {max-width: 47%;margin: auto;float: left!important;}
.product-figure {position: relative;width: 100%;border-radius: 6px;overflow: hidden;cursor: crosshair;}
.product-figure img { width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s ease;transform-origin: center center;display: block;}

.zoom {position: absolute;top: 10px;right: 10px;background: #fff;border-radius: 50%;width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;font-size: 18px;text-decoration: none;color: #000;box-shadow: 0 2px 6px rgba(0,0,0,0.2);}
.thumbnails {display: flex;gap: 0px;margin-top: 10px;justify-content: center;}
.thumbnails img {width: 63px;height: 63px;object-fit: cover;border: 2px solid transparent;border-radius: 4px;cursor: pointer;transition: border 0.3s ease;}
.thumbnails img.active,
.thumbnails img:hover {border-color: #ff6600;}

#scrollTopBtn {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 40px;
  height: 40px;
  background-color: #707070;
  color: white;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: none; /* hidden by default */
  align-items: center;
  justify-content: center;
  font-size: 20px;
  z-index: 999;
  transition: all 0.3s ease; scroll-behavior: smooth;
}

#scrollTopBtn:hover {
  background-color: #e47b02;
  transform: scale(1.1);
}

#scrollTopBtn svg {
  width: 22px;
  height: 22px;
  fill: white;
}
/* Lightbox */
.lightbox {display: none;position: fixed;top: 0; left: 0;width: 100%!important; height: 100%;background: rgba(0,0,0,0.9);justify-content: center;align-items: center;z-index: 9999;}
.lightbox img {max-width: 90%;max-height: 90%;}
.lightbox .close {position: absolute;top: 20px; right: 30px;font-size: 40px;color: #fff!important;;cursor: pointer;width: auto;}

.product-detail article div{padding: 0 25px;width: 53%;float: right;min-height: 215px;}
.product-detail article div h1, .product-detail article div h2 {width: 100%;float: left;color: #0f0f0f;font-family: "Poppins", Sans-serif;font-size: 49px;line-height: 49px;font-weight: 800;font-style: normal;padding-bottom: 40px;}
.product-detail article div p, .product-detail article div span {width: 100%;float: left;color: #0f0f0f;font-family: "Open Sans", sans-serif;font-weight: 400;font-style: normal;font-size: 16px;line-height: 26px;padding-bottom: 20px;}
.product-detail article div strong {font-family: "Open Sans", sans-serif;font-weight: 700;font-style: normal;}
.product-detail article div ul {width: auto;float: left;list-style-type: disc;margin-left: 22px;clear: left;}
.product-detail article div ul li {width: 100%;float: left;color: #0f0f0f;font-family: "Open Sans", sans-serif;font-weight: 400;font-style: normal;font-size: 16px;line-height: 26px;padding-bottom: 3px;}
.product-archive.related-p .product-grid.grid-view-mode {width: 100%;}
.product-archive.related-p h2 {width: 100%;float: left;color: #0f0f0f;font-family: "Poppins", Sans-serif;font-size: 48px;font-weight: 700;font-style: normal;padding-bottom: 50px;}
.product-detail article div .emoji {width: 3.4%;}
.tabs {width: 100%;margin: 20px 0;font-family: "Open Sans", sans-serif;}
.tab-links {display: flex;list-style: none;padding: 0;margin: 0 0 15px 0;border-bottom: 2px solid #eee;}
.tab-links li {margin-right: 15px;}
.tab-links a {display: block;padding: 12px 20px;text-decoration: none;position: relative;transition: color 0.3s ease, background 0.3s ease;    font-size: 14px;color: #0f0f0f;font-family: "Open Sans", sans-serif;font-weight: 700;}
.tab-links a:hover {color: #000;background: #f7f7f7;border-radius: 6px 6px 0 0;}
.tab-links li.active a {color: #000;border-bottom: 3px solid #ff6600; /* highlight color */}
.tab-content {padding: 20px 0;}
.tab {display: none;}
.tab.active {display: block;}
.tab-content h2 {width: 100%;float: left;color: #0f0f0f;font-family: "Poppins", Sans-serif;font-size: 48px;line-height: 53px;font-weight: 700;font-style: normal;padding-bottom: 50px;}
.tab-content p {width: 100%;float: left;color: #0f0f0f;font-family: "Open Sans", sans-serif;font-weight: 400;font-style: normal;font-size: 16px;line-height: 26px;padding-bottom: 20px;}
.tab-content ul {width: 100%;float: left;list-style-type: disc;margin-left: 32px;margin-bottom: 28px;}
.tab-content ul li{width: 100%;float: left;color: #0f0f0f;font-family: "Open Sans", sans-serif;font-weight: 400;font-style: normal;font-size: 16px;line-height: 26px;padding-bottom: 0;}

/* popup background overlay */
.quote-popup h2 {
  width: auto;
  float: left;
    font-size: 48px;
    line-height: 48px;
    margin-bottom: 10px;
    font-weight: 700;color: #e7831e;
    font-family: "Poppins", sans-serif;
    font-style: normal;margin-bottom: 40px;
}
.quote-popup {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  z-index: 9999;
  justify-content: center;
  align-items: center;
  padding: 15px; 
  box-sizing: border-box;
}

/* popup box */
.quote-popup-content {
  background: #fff;
  width: 90%;
  max-width: 600px;
  padding: 30px;
  border-radius: 10px;
  position: relative;
  box-sizing: border-box;
  overflow-y: hidden;
  max-height: fit-content/* 90vh */; 
}
.close-popup {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 28px;
  font-weight: bold;
  color: #333;
  cursor: pointer;
  line-height: 1;
}
.quote-form label {
  font-weight: 500;
  font-size: 16px;
}
.quote-form input,
.quote-form textarea {
  width: 100%;
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  box-sizing: border-box;
}
.btn-submit {
  background: #45775B;
  color: #fff;
  border: none;
  padding: 12px 20px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 16px;
  transition: background 0.3s ease;
}
.btn-submit:hover {
  background: #366049;
}


.product-detail article div .contact-btns{width: 100%;float: left; padding: 0;margin: 40px 0 0 0;}
.product-detail article div .btn{width: 48%;padding: 15px;float: left;clear: left; margin-bottom: 20px;text-decoration: none;background-color: var(--e-global-color-blue);padding-left: 55px;font-size: 14px;line-height: 1.3; font-weight: 500; border-radius: 8px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);color: #ffffff;position: relative;}
.product-detail article div .btn h4{width: 100%;float: left;font-family: Arial, Helvetica, sans-serif;font-size: 14px;color: #ffffff;font-weight: bold;}
.product-detail article div .btn::before{width: 35px;height:96%;content: "";color: #ffffff;position: absolute;top: 0;left: 15px;background-position: center;background-repeat: no-repeat;background-size: 100% auto;}
.product-detail article div .btn h4 b{position: relative;display: block;width: fit-content;height: 17px;padding: 2px 5px;border-radius: 3px;font-size: 11px;margin: 4px 0px;font-weight: normal;}

.product-detail article div .btn.whatsapp{background-color: #25D366;}
.product-detail article div .btn.whatsapp::before{background-image: url(../images/WhatsApp.svg);}
.product-detail article div .btn.whatsapp h4 b{background-color: #128C7E;}

.product-detail article div .btn.phone{background-color: #757575;}
.product-detail article div .btn.phone::before{background-image: url(../images/icons8-phone-80.png);}
.product-detail article div .btn.phone h4 b{background-color: #494949;}

.product-detail article div .btn.quote{font-size: 18px;width: auto;padding:10px 25px;border-radius: 0;background-color: #8C0304;}
  
.slick-slider{display: block;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before,.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: auto;min-height: 1px;margin: 0 0 0 0;padding:0;position:relative;}
.slick-slide:first-of-type{margin-left: 0 !important;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden{display: none;}


.fxup {visibility: hidden;}
.fxup-in {-webkit-transform: translateY(75px); -moz-transform: translateY(75px); -ms-transform: translateY(75px); -o-transform: translateY(75px); transform: translateY(75px);
          -webkit-animation: fxup-in 1s ease forwards; -moz-animation: fxup-in 1s ease forwards; -ms-animation: fxup-in 1s ease forwards; -o-animation: fxup-in 1s ease forwards; animation: fxup-in 1s ease forwards;opacity: 1;}
.upvisible {-webkit-transform: translateY(75px); -moz-transform: translateY(75px); -ms-transform: translateY(75px); -o-transform: translateY(75px); transform: translateY(75px);
          -webkit-animation: fxup-in 1s ease forwards; -moz-animation: fxup-in 1s ease forwards; -ms-animation: fxup-in 1s ease forwards; -o-animation: fxup-in 1s ease forwards; animation: fxup-in 1s ease forwards;opacity: 1;} 
@-webkit-keyframes fxup-in {to {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);opacity: 1;visibility: visible;}}
@-moz-keyframes fxup-in {to {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);opacity: 1;visibility: visible;}}
@-o-keyframes fxup-in {to {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);opacity: 1;visibility: visible;}}
@keyframes fxup-in {to {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);opacity: 1;visibility: visible;}}


.fxdown {visibility: hidden;}
.fxdown-in {-webkit-transform: translateY(-75px); -moz-transform: translateY(-75px); -ms-transform: translateY(-75px); -o-transform: translateY(-75px); transform: translateY(-75px);
            -webkit-animation: fxdown-in 1s ease forwards; -moz-animation: fxdown-in 1s ease forwards; -ms-animation: fxdown-in 1s ease forwards; -o-animation: fxdown-in 1s ease forwards; animation: fxdown-in 1s ease forwards;opacity: 1;}
.downvisible {-webkit-transform: translateY(-75px); -moz-transform: translateY(-75px); -ms-transform: translateY(-75px); -o-transform: translateY(-75px); transform: translateY(-75px);
              -webkit-animation: fxdown-in 1s ease forwards; -moz-animation: fxdown-in 1s ease forwards; -ms-animation: fxdown-in 1s ease forwards; -o-animation: fxdown-in 1s ease forwards; animation: fxdown-in 1s ease forwards;opacity: 1;} 
@-webkit-keyframes fxdown-in {to {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);opacity: 1;visibility: visible;}}
@-moz-keyframes fxdown-in {to {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);opacity: 1;visibility: visible;}}
@-o-keyframes fxdown-in {to {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);opacity: 1;visibility: visible;}}
@keyframes fxdown-in {to {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);opacity: 1;visibility: visible;}}
 
.fxleft {visibility: hidden;}
.fxleft-in {-webkit-transform: translateX(75px); -moz-transform: translateX(75px); -ms-transform: translateX(75px); -o-transform: translateX(75px); transform: translateX(75px);
            -webkit-animation: fxleft-in 1s ease forwards; -moz-animation: fxleft-in 1s ease forwards; -ms-animation: fxleft-in 1s ease forwards; -o-animation: fxleft-in 1s ease forwards; animation: fxleft-in 1s ease forwards;opacity: 1;}
.leftvisible {-webkit-transform: translateX(75px); -moz-transform: translateX(75px); -ms-transform: translateX(75px); -o-transform: translateX(75px); transform: translateX(75px);
              -webkit-animation: fxleft-in 1s ease forwards; -moz-animation: fxleft-in 1s ease forwards; -ms-animation: fxleft-in 1s ease forwards; -o-animation: fxleft-in 1s ease forwards; animation: fxleft-in 1s ease forwards;opacity: 1;} 
@-webkit-keyframes fxleft-in {to {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);opacity: 1;visibility: visible;}}
@-moz-keyframes fxleft-in {to {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);opacity: 1;visibility: visible;}}
@-o-keyframes fxleft-in {to {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);opacity: 1;visibility: visible;}}
@keyframes fxleft-in {to {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);opacity: 1;visibility: visible;}}

.fxright {visibility: hidden;}
.fxright-in {-webkit-transform: translateX(-75px); -moz-transform: translateX(-75px); -ms-transform: translateX(-75px); -o-transform: translateX(-75px); transform: translateX(-75px);
             -webkit-animation: fxright-in 1s ease forwards; -moz-animation: fxright-in 1s ease forwards; -ms-animation: fxright-in 1s ease forwards; -o-animation: fxright-in 1s ease forwards; animation: fxright-in 1s ease forwards;opacity: 1;}
.rightvisible {-webkit-transform: translateX(-75px); -moz-transform: translateX(-75px); -ms-transform: translateX(-75px); -o-transform: translateX(-75px); transform: translateX(-75px);
               -webkit-animation: fxright-in 1s ease forwards; -moz-animation: fxright-in 1s ease forwards; -ms-animation: fxright-in 1s ease forwards; -o-animation: fxright-in 1s ease forwards; animation: fxright-in 1s ease forwards;opacity: 1;} 
@-webkit-keyframes fxright-in {to {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);opacity: 1;visibility: visible;}}
@-moz-keyframes fxright-in {to {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);opacity: 1;visibility: visible;}}
@-o-keyframes fxright-in {to {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);opacity: 1;visibility: visible;}}
@keyframes fxright-in {to {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);opacity: 1;visibility: visible;}}


.info :where(h1,h2,h3,h4,h5,h6){font-family: "Poppins", sans-serif;font-weight:  normal;font-style: normal;color: #0f0f0f;margin-bottom: 0.5em;}
.info :where(h1){font-size: 58px;line-height: 58px;font-style: normal;font-weight: 700;line-height: 1;}
.info :where(h2){font-size: 48px;line-height: 70px;font-style: normal;font-weight: 700;line-height: 1;}
.info :where(h3){font-size: 28px;line-height: 1;}
.info :where(h4){font-size: 25px;line-height: 28px;}
.info :where(h5){font-size: 20px;line-height: 20px;}
.info :where(h6){font-size: 20px;line-height: 20px;}
.info :where(p,li,a,blockquote){font-size: 16px;line-height: 1.4em;margin-bottom: 12px;font-family: "Open Sans", sans-serif;font-weight: 400;font-display:auto;font-style:normal;font-stretch:normal;font-style: normal;color: #000;}
.info blockquote{margin: 0;padding: 0;position: relative;width: 100%;background-color: #f3f4f7;margin: 0 0px 38px 0px;padding: 20px 20px 20px 20px;float:left;border-radius: 12px 12px 12px 12px;}
.info blockquote p{width:100%;margin-bottom: 20px;}
.info blockquote:before{font-size: calc(1px * 100);color: #8c0304;content: "“";margin-bottom:15px;display:block;font-family: Times New Roman, Times, serif;font-size: 100px;font-weight: 900;height: .6em;line-height: 1;}
.info ul{width:100%;float:left;padding-left: 2em;margin-bottom:38px;list-style: disc;}
.info ol{width:100%;float:left;padding-left: 2em;margin-bottom:38px;list-style: decimal;}
.text-box{width: 100%;padding:70px 0 0 0;float: left;position: relative;}
.text-box h1, .text-box h2, .text-box .info :where(h1,h2,h3,h4,h5,h6) {width:100%;margin-bottom:36px;float:left;color:#0f0f0f;}
.text-box .info :where(h1, h2){font-size: 48px;line-height: 70px;font-style: normal;font-weight: 700;line-height: 1;}
.text-box .info p{margin-bottom:36px;float:left;}
   

.hero-sec .bg{width:100%;height:auto;float:left;margin:0;padding:0;}
/*.hero-sec .bg {height: auto;background-image: url("../images/hero-img.jpg");position: relative;overflow: hidden;background-size: cover;background-position: bottom;background-repeat: no-repeat;}*/
.hero-sec .bg img{width:100%;height:100%;object-fit:cover;object-position: bottom center;float:left;}

.hero-sec.full .bg{height:60vh;display:flex;align-items:baseline;}
.hero-sec .descript{width:100%;position:absolute;bottom:0;left:0;}
.hero-sec .descript .info{width:100%;float:left;position:relative;padding:70px 0px 70px 0px;}
.info{width:100%;float:left;margin:0;padding:0;}
 
.quote-section {padding: 50px 20px;font-family: Arial, sans-serif;}
.quote-grid {display: grid;grid-template-columns: 1fr 2fr;gap: 40px;align-items: start;}
.quote-info h2 {font-size: 28px;margin-bottom: 10px;font-weight:400;}
.quote-info p {width:70%;margin-bottom: 20px;color: #000;clear:left;}

.quote-contact {list-style: none;padding: 0;margin: 20px 0 30px 0;}
.quote-contact li {margin-bottom: 10px;font-size: 15px;}
.quote-contact i {width:15px;height:15px;margin-right: 8px;color: #f37021; /* orange highlight */float:left;}
svg{width:100%;height:100%;}
.quote-hours {margin-bottom: 20px;font-size: 14px;}
.quote-contact .map-marker{width:15px;height:15px;margin-right: 8px;color: #f37021; /* orange highlight */float:left;}


.quote-social{width:100%;float:left;}
.quote-social a{width:28px;height:28px;display: inline-block;margin-top:30px;margin-right: 8px;font-size: 18px;color: #333;}
.quote-social .facebook{background-color: #3b5998;}
.quote-social .twitter{background-color: #1da1f2;}
.quote-social .instagram{background-color: #262626;}
.quote-social .linkedin{background-color: #0077b5;}
.quote-social a:hover {color: #f37021;}
.quote-social i{width:100%;height:100%;margin-right: 8px;color: #f37021;fill:#fff;float:left;padding:0.4em;border-radius: 10%;}


/* Form */
.quote-form form {display: flex;flex-direction: column;}
.form-row {display: flex;gap: 20px;margin-bottom: 0;}
.form-group {flex: 1;display: flex;flex-direction: column;margin-bottom:10px;}
.form-group label {margin-bottom: 6px;font-size:16px;line-height:26px;display: inline-block;font-family: "Open Sans", sans-serif;float:left}
.form-group input,
.form-group textarea {padding: 12px;height:50px;border: 1px solid #ccc;border-radius: 4px;background-clip: padding-box;font-size:16px;line-height:26px;font-family: "Roboto", sans-serif;margin-bottom: 0;max-width: 100%;padding: 11px 15px;transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
.form-group textarea {min-height: 100px;resize: vertical;}
.btn-submit {background: #fff;border: 2px solid #f37021;color: #f37021;transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;font-family: "Poppins", sans-serif;padding:11px 40px 10px 40px;font-size:16px;line-height:24px;font-weight:500;border-radius: 6px;text-transform: uppercase;cursor: pointer;transition: 0.3s;width: fit-content;}
.btn-submit:hover {background: #f37021;color: #fff;}
.map{width:100%;height:auto;float:left;margin:20px 0 80px 0;padding:0;}
.map iframe{width:100%;height:300px;outline:0;border:0;}


.imgvideo{width:100%;height:100vh;padding:0;margin:0;float: left;background-color:#0A280A;background-repeat:no-repeat;background-size:cover;position: relative;}
video{position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;object-fit: cover;border:0;object-position: center center;}

.video-box{ position:sticky;position: -webkit-sticky;height: 100vh;float:left; width: 100%;position:relative;}
.video-box img{width: 100%; float:left; height:100%;}
.video-box iframe{ position: absolute !important; top: 0 !important; left:0 !important;margin-top: 0 !important; margin-left:0 !important; width: 100% !important; height: 100% !important; }
 @media (min-aspect-ratio: 16 / 9) {.video-box iframe {height: 500% !important;top: -200% !important;}}
 @media (max-aspect-ratio: 16 / 9) {.video-box iframe {width: 500% !important;left: -200% !important;}}
.video-box .player{ position: absolute !important; top: 0; left:0; width: 100%; height: 100vh; background-color:#000000; }

/*Home-Page-Start====*/
.hero-box{height: 590px;margin-bottom: 0;}
.hero-box .inner{width: 100%;float: left;margin: 0;padding: 0;}
.hero-box .inner .slick-track{height: 590px;}
.hero-box .inner .media-box{height: 590px;}
.hero-box .inner .media-box figure{height: 590px;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.hero-box .inner .media-box figure img{display: none;}

.slick-slider{display: block;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before,.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: auto;min-height: 1px;margin: 0 0 0 0;padding:0;position:relative;opacity: 1 !important;}
.slick-slide:first-of-type{margin-left: 0 !important;}  
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.btn-slick{width:13px;height:20px;z-index: 9;background-repeat:no-repeat;background-size:100% 100%;background-position:center center;background-color:transparent;position:absolute;bottom:auto;top:50%;right:0;transform: translateY(-50%);transition:0.2s ease all;}
.btn-slick.prev{background-image: url(../images/prev-arrow-icon.png);right:62px;left:24PX;}
.btn-slick.next{background-image: url(../images/next-arrow-icon.png);right: 24px;}
.slick-dots{position:absolute;height:auto;width:100%;bottom:20px;right:0;background-color:transparent;z-index:9;text-align:center;}
.slick-dots li{width:10px !important;height:10px !important;margin:0 6px;border-radius:100%;background-color:#54595f;cursor:pointer;margin-bottom: 0 !important; text-indent: -999em;padding:0; float:none;display:none;text-align:center;display:inline-block;}
.slick-dots li.slick-active{background-color:#fff;}
.slick-dots li a{cursor:pointer;font-family:Arial;font-size:12px;color:#fff;text-decoration:none !important;cursor:default;}

.product-category{padding: 70px 0;}
.product-category h2{width:100%;float: left;margin: 0 0 40px 0;padding: 0;text-align: center;font-family: "Poppins", sans-serif;font-weight: 700;font-style: normal;font-size: 48px;letter-spacing: normal;line-height: normal;color: #8C0304;}
.product-category .inner{display: flex;flex-wrap: wrap;justify-content: flex-start;column-gap: 60px;row-gap: 80px;}
.product-category .inner .category{width: 374px;display: block;align-items: center;}
.product-category .inner .category figure{width: 100%;height: 463px;margin-bottom: 20px;}
.product-category .inner .category figure img{width: 100%;height: 100%;float: left;margin: 0;padding: 0;object-fit: cover;}
.product-category .inner .category h3{width:100%;float: left;margin: 0 0 20px 0;padding: 0;text-align: center;font-family: "Poppins", sans-serif;font-weight: 400;font-style: normal;font-size: 24px;letter-spacing: normal;line-height: normal;color: #0F0F0F;}
.product-category .inner .category p{width:100%;float: left;margin: 0;padding: 0;text-align: center;font-family: "Open Sans", sans-serif;font-optical-sizing: auto;font-weight: 400;font-style: normal;font-variation-settings:"wdth" 100;font-size: 16px;letter-spacing: normal;line-height: normal;color: #0F0F0F;}

.features-box{padding: 30px 0;background-color: #8c0304;}
.features-box .inner{width: 820px;float: none;margin: 0 auto;padding: 10px;display: flex;flex-wrap: wrap;justify-content: flex-start;column-gap: 40px;row-gap: 40px;}
.features-box .inner .item{width: 128px;display: block;align-items: center;}
.features-box .inner .item figure{width: 100%;margin-bottom: 20px;}
.features-box .inner .item figure img{width: 100%;height: auto;float: left;margin: 0;padding: 0;}
.features-box .inner .item h3{width:100%;float: left;margin: 0;padding: 0;text-align: center;font-family: "Poppins", sans-serif;font-weight: 400;font-style: normal;font-size: 14px;letter-spacing: normal;line-height: normal;color: #f9f9fb;}

.products-box{padding: 70px 0;background-color: #f3f4f7;}
.products-box h2{width:100%;float: left;margin: 0;padding: 0;text-align: center;font-family: "Poppins", sans-serif;font-weight: 700;font-style: normal;font-size: 48px;letter-spacing: normal;line-height: normal;color: #8C0304;}
.products-box p{width:100%;float: left;margin: 0;padding: 0;text-align: center;font-family: "Poppins", sans-serif;font-weight: 400;font-style: normal;font-size: 24px;letter-spacing: normal;line-height: normal;color: #8C0304;}
.products-box .inner{margin-top: 40px;display: flex;flex-wrap: wrap;justify-content: flex-start;column-gap: 20px;row-gap: 40px;}
.products-box .inner .product{width: 295px;height: 376px;display: block;align-items: center;background-color: #ffffff;overflow: hidden;}
.products-box .inner .product figure{width: 100%;height: 295px;overflow: hidden;}
.products-box .inner .product figure img{width: 100%;height: 100%;float: left;margin: 0;padding: 0;object-fit: cover;transition: transform 0.4s ease;}
.products-box .inner .product figure img:hover{transform: scale(1.05);}
.products-box .inner .product .heading-box{padding: 0 8px;}
.products-box .inner .product .heading-box .hb-inner{min-height: 90px;padding: 18px 16px;background-color: #ffffff;border-radius: 4px;position: relative;transition: 0.3s all;}
.products-box .inner .product .heading-box .hb-inner h3{width:100%;float: left;margin: 0 0 15px 0;padding: 0;text-align: left;font-family: "Poppins", sans-serif;font-weight: 500;font-style: normal;font-size: 16px;letter-spacing: normal;line-height: normal;color: #0f0f0f;}
/* .products-box .inner .product .heading-box .hb-inner span{width:auto;float: left;margin: 0;padding: 0;text-align: left;font-family: "Poppins", sans-serif;font-weight: 700;font-style: normal;font-size: 14px;letter-spacing: normal;line-height: normal;color: #0f0f0f;position: relative;text-transform: uppercase;transition: 0.3s all;display: none;}
.products-box .inner .product .heading-box .hb-inner span::after{width:12.34px;height: 5.48px;float: left;margin: 0;padding: 0;content: ' ';position: absolute;top: 7px;right: -20px;background-image: url(../images/arrow-right-black.png);background-repeat: no-repeat;background-size: 100% auto;}
.products-box .inner .product:hover .heading-box .hb-inner{margin-top: -20px;} */
/* default: hide read more */
.products-box .inner .product .heading-box .hb-inner span {
    display: block;
    opacity: 0;
    transform: translateY(10px);
    transition: 0.3s ease;
    pointer-events: none;width:auto;float: left;margin: 0;padding: 0;text-align: left;font-family: "Poppins", sans-serif;font-weight: 700;font-style: normal;font-size: 13px;letter-spacing: normal;line-height: normal;color: #0f0f0f;
}
/* slide box up */
.products-box .inner .product:hover .heading-box .hb-inner {margin-top: -35px;}
/* show read more on hover */
.products-box .inner .product:hover .heading-box .hb-inner span {opacity: 1;transform: translateY(0);}

.clients-box{padding: 0;}
.clients-box .content-inner{max-width: 1600px;padding: 0;}
.clients-box h2{width:100%;float: left;margin: 0 0 20px 0;padding: 0;text-align: center;font-family: "Poppins", sans-serif;font-weight: 700;font-style: normal;font-size: 48px;letter-spacing: normal;line-height: normal;color: #8C0304;}
.clients-box .logo-strip{height: 150px;overflow: hidden;}
.clients-box .logo-strip .logo-track{display: flex;gap: 60px;align-items: center;will-change: transform;}
.clients-box .logo-strip .logo-track img{width: auto;height: 100%;flex-shrink: 0;}
/*Home-Page-End====*/

/* Popup background */
.thankyou-popup {
   display: none;
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

/* Popup box */
.thankyou-box {
    background: #fff;
    padding: 30px;
    width: 100%;
    max-width: 380px;
    text-align: center;
    border-radius: 12px;
    position: relative;
    animation: popupFade 0.3s ease;
}

/* Close button */
.close-popup {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 28px;
    cursor: pointer;
    color: #444;
    font-weight: bold;
}

/* Text */
.thankyou-box h2 {
    margin-bottom: 10px;
    font-size: 24px;
}

.thankyou-box p {
    font-size: 16px;
    color: #555;
}

/* Animation */
@keyframes popupFade {
    from { transform: translateY(20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

/*footer ------------------------------------ */
footer :where(h1,h2,h3,h4,h5,h6,p,ul,li,p,a) {color: #ffffff;}
footer {background: #111;color: #fff;padding: 0;font-family: Arial, sans-serif;font-size: 14px;margin-top: 70px;width: 100%;display: inline-block;}
.footer-container {display: flex;flex-wrap: wrap; max-width: 1242px;margin: 0 auto;padding: 50px 20px 0px;box-sizing: border-box;}
.footer-col {width: 25%;padding: 20px;box-sizing: border-box;}
.footer-col:nth-of-type(4n-3) {padding-left: 0px;padding-right: 0px;}
.footer-col h4 {margin-bottom: 20px;color: #e47b02;font-family: "Poppins", Sans-serif;font-size: 17px;font-weight: 600;}
.footer-col ul {list-style: none;padding: 0;margin: 0;}
.footer-col ul li {margin-bottom: 14px;}
.footer-col ul li a {color: #fff;text-decoration: none;font-family: "Open Sans", sans-serif;font-size: 15px;font-weight: 400;}
.footer-col ul li a:hover {color: #e47b02;}
.footer-col p.conect {margin-bottom: 28px;}
.footer-col p {font-family: "Open Sans", sans-serif;font-size: 15px;font-weight: 400;margin: 0 0 8px;line-height: 1.5;}
.social-links {display: flex;gap: 10px;width: 100%; }
.social-links a, .social-links a i {display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;background: #fff;border-radius: 4px;box-shadow: 0 2px 5px rgba(0,0,0,0.1);transition: all 0.3s ease;text-decoration: none;}
.social-links i svg {width: 18px;height: 18px;fill: #000;transition: fill 0.3s ease;}
.social-links a .facebook:hover {background: #1877f2;}
.social-links a:hover .facebook svg {fill: #fff;}
.social-links a .youtube:hover {background: #ff0000; }
.social-links a:hover .youtube svg {fill: #fff;}
.social-links a .twitter:hover{background: #1da1f2; }
.social-links a:hover .twitter svg {fill: #fff;}
.social-links a:hover .instagram {background: linear-gradient(45deg, #f58529, #dd2a7b, #8134af, #515bd4);}
.social-links a:hover .instagram svg {fill: #fff;}
.footer-bottom {border-top: 1px solid #333;padding: 20px 0 30px;margin-top: 30px;text-align: center;background: #444444;}
.footer-bottom p {margin: 0;font-family: "Open Sans", sans-serif;font-size: 13px;font-weight: 400;color: rgba(255,255,255,0.5);}
.footer-bottom ul {list-style: none;padding: 0;margin: 10px 0 0;display: flex;justify-content: center;}
.footer-bottom ul li {margin: 0 10px;}
.footer-bottom ul li a {color: #fff;text-decoration: none;}
.footer-bottom ul li a:hover {color: #e47b02;}

@media only screen and (min-width:768px) and (max-width:1366px) {

.content-inner{max-width: 100%;float:left;margin: 0;padding: 0 4.538799414348463vw;}

/*Home-Page-Start====*/
.hero-box{height: 43.1918008784773vw;}
.hero-box .inner .slick-track{height: 43.1918008784773vw;}
.hero-box .inner .media-box{height: 43.1918008784773vw;}
.hero-box .inner .media-box figure{height: 43.1918008784773vw;}

.slick-dots{bottom:1.4641288433382138vw;}
.slick-dots li{width:0.7320644216691069vw !important;height:0.7320644216691069vw !important;margin:0 0.43923865300146414vw;}
.slick-dots li a{font-size:0.8784773060029283vw;}

.product-category{padding: 5.124450951683748vw 0;}
.product-category h2{margin-bottom: 2.9282576866764276vw;font-size: 3.513909224011713vw;}
.product-category .inner{column-gap: 4.8309178743961%;row-gap: 5.856515373352855vw;}
.product-category .inner .category{width: 30.112721417069%;}
.product-category .inner .category figure{height: 33.89458272327965vw;margin-bottom: 1.4641288433382138vw;}
.product-category .inner .category h3{margin-bottom: 1.4641288433382138vw;font-size: 1.7569546120058566vw;}
.product-category .inner .category p{font-size: 1.171303074670571vw;}

.features-box{padding: 2.1961932650073206vw 0;}
.features-box .inner{width: 66.022544283414%;padding: 0.7320644216691069vw;column-gap: 4.8780487804878%;row-gap: 2.9282576866764276vw;}
.features-box .inner .item{width: 15.609756097561%;}
.features-box .inner .item figure{margin-bottom: 1.4641288433382138vw;}
.features-box .inner .item h3{font-size: 1.0248901903367496vw;}

.products-box{padding: 5.124450951683748vw 0;}
.products-box h2{font-size: 3.513909224011713vw;}
.products-box p{font-size: 1.7569546120058566vw;}
.products-box .inner{margin-top: 2.9282576866764276vw;column-gap: 1.610305958132%;row-gap: 2.9282576866764276vw;}
.products-box .inner .product{width: 23.752012882448%;height: 27.52562225475842vw;}
.products-box .inner .product figure{height: 21.59590043923865vw;}
.products-box .inner .product .heading-box{padding: 0 0.5856515373352855vw;}
.products-box .inner .product .heading-box .hb-inner{min-height: 6.588579795021962vw;padding: 1.3177159590043925vw 1.171303074670571vw;border-radius: 0.29282576866764276vw;}
.products-box .inner .product .heading-box .hb-inner h3{margin-bottom: 1.0980966325036603vw;font-size: 1.171303074670571vw;}
.products-box .inner .product .heading-box .hb-inner span{font-size: 1.0248901903367496vw;}
.products-box .inner .product .heading-box .hb-inner span::after{width:0.9033674963396779vw;height: 0.4011713030746706vw;top: 0.5124450951683748vw;right: -1.4641288433382138vw;}
.products-box .inner .product:hover .heading-box .hb-inner{margin-top: -2.562225475841874vw;}

.clients-box .content-inner{max-width: 100%;padding: 0;}
.clients-box h2{margin-bottom: 1.4641288433382138vw;font-size: 3.513909224011713vw;}
.clients-box .logo-strip{height: 10.980966325036604vw;}
.clients-box .logo-strip .logo-track{gap: 4.392386530014641vw;height: 100%;}
/*Home-Page-End====*/
/*waq pages*/

.info :where(h1,h2,h3,h4,h5,h6){margin-bottom: 0.5em;}
.info :where(h1){font-size: 4.24597364568082vw;line-height: 4.24597364568082vw;}
.info :where(h2){font-size: 3.513909224011713vw;line-height: 5.124450951683748vw;}
.info :where(h3){font-size: 2.1961932650073206vw;line-height: 1;}
.info :where(h4){font-size: 1.8301610541727673vw;line-height: 282.049780380673499vw;}
.info :where(h5){font-size: 1.4641288433382138vw;line-height: 1.4641288433382138vw;}
.info :where(h6){font-size: 1.4641288433382138vw;line-height: 1.4641288433382138vw;}
.info :where(p,li,a,blockquote){font-size: 1.171303074670571vw;line-height: 1.4em;margin-bottom: 0.8784773060029283vw;}
.info blockquote{margin: 0 0 2.781844802342606vw 0;padding: 1.4641288433382138vw 1.4641288433382138vw 1.4641288433382138vw 1.4641288433382138vw;border-radius: 0.8784773060029283vw 0.8784773060029283vw 0.8784773060029283vw 0.8784773060029283vw;}
.info blockquote p{margin-bottom: 1.4641288433382138vw;}
.info blockquote:before{font-size: calc(1px * 100);margin-bottom:1.0980966325036603vw;font-size: 7.320644216691069vw;font-weight: 900;height: .6em;}
.info ul{padding-left: 2em;margin-bottom:2.781844802342606vw;}
.info ol{padding-left: 2em;margin-bottom:2.781844802342606vw;}
.text-box{padding:5.124450951683748vw 0 0 0;}
.text-box h1, .text-box h2, .text-box .info :where(h1,h2,h3,h4,h5,h6) {margin-bottom:2.635431918008785vw;}
.text-box .info :where(h1, h2){font-size: 3.513909224011713vw;line-height: 5.124450951683748vw;}
.text-box .info p{margin-bottom:2.635431918008785vw;}

.hero-sec .descript .info{padding:5.124450951683748vw 0 5.124450951683748vw 0;}
 
.quote-section {padding: 3.6603221083455346vw 1.4641288433382138vw;}
.quote-grid {display: grid;grid-template-columns: 1fr 2fr;gap: 2.9282576866764276vw;}
.quote-info h2 {font-size: 2.049780380673499vw;margin-bottom: 0.7320644216691069vw;}
.quote-info p {width:70%;margin-bottom: 1.4641288433382138vw;}

.quote-contact {margin: 1.4641288433382138vw 0 2.1961932650073206vw 0;}
.quote-contact li {margin-bottom: 0.7320644216691069vw;font-size: 1.0980966325036603vw;}
.quote-contact i {width:1.0980966325036603vw;height:1.0980966325036603vw;margin-right: 0.5856515373352855vw;color: #f37021;}
svg{width:100%;height:100%;}
.quote-hours {margin-bottom: 1.4641288433382138vw;font-size: 1.0248901903367496vw;}
.quote-contact .map-marker{width:1.0980966325036603vw;height:1.0980966325036603vw;margin-right: 0.5856515373352855vw;}
.quote-social a{width:2.049780380673499vw;height:2.049780380673499vw;margin-top:0.14641288433382138vw.1961932650073206vw;margin-right: 0.5856515373352855vw;font-size: 1.3177159590043925vw;color: #333;}
.quote-social i{width:100%;height:100%;margin-right: 0.5856515373352855vw;padding:0.4em;}

/* Form */
.form-row {display: flex;gap: 1.4641288433382138vw;}
.form-group {margin-bottom:0.7320644216691069vw;}
.form-group label {margin-bottom: 0.43923865300146414vw;font-size:1.171303074670571vw;line-height:1.903367496339678vw;}
.form-group input,
.form-group textarea {padding: 0.8784773060029283vw;height:3.6603221083455346vw;border: 1px solid #ccc;border-radius: 0.29282576866764276vw;font-size:1.171303074670571vw;line-height:1.903367496339678vw;padding: 0.8052708638360175vw 1.0980966325036603vw;}
.form-group textarea {min-height: 7.320644216691069vw;resize: vertical;}
.btn-submit {border: 0.14641288433382138vw solid #f37021;padding:0.8052708638360175vw 2.9282576866764276vw 0.7320644216691069vw 2.9282576866764276vw;font-size:1.171303074670571vw;line-height:1.7569546120058566vw;border-radius: 0.43923865300146414vw;}
.btn-submit:hover {background: #f37021;}
.map{margin:1.4641288433382138vw 0 5.856515373352855vw 0;padding:0;}
.map iframe{height:21.96193265007321vw;}
/*waq pages*/

.topbar {font-size: 1.39vw;} 
.topbar .container {min-height: 4.1vw;} 
.topbar .container p {font-size: 1.17vw;} 

.header {padding: 0 1.46vw;}
.header .row {gap: 1.17vw; padding-top: 1.46vw; padding-bottom: 1.46vw;} 

.brand {gap: 0.73vw; min-width: 7.320644216691069vw;}
.brand img {width: 7.027818448023426vw; height: 100%;}

.search {padding: 0 0.88vw;width: 42.603221%;}
.search input {padding: 0.8320644216691069vw 0.7320644216691069vw 0.7320644216691069vw 1.7569546120058566vw;
    background-size: 1.241303074670571vw;font-size: 1.2vw;}
.search svg {flex: 0 0 1.32vw;}
/* .search input {padding: 0.73vw 0.73vw 0.73vw 0.59vw;}
 */
.utils {gap: 1.32vw;}
.utils a {font-size: 1.17vw;}

.cart {width: 2.49vw; height: 2.49vw;}
.badge {top: -0.29vw; right: -0.29vw; font-size: 0.51vw; padding: 0.22vw 0.44vw; min-width: 1.17vw;} 

.menu {gap: 1.76vw;}
.submenu {min-width: 13.17vw; margin-top: 0.07vw; border: 0.07vw solid #eee; border-radius: 0.44vw; box-shadow: 0 0.29vw 0.88vw rgba(0,0,0,0.08); padding: 0.73vw 0;} /* 180px,1px,6px,4px,12px,10px */
.submenu a {padding: 0.73vw 1.1vw!important; font-size: 1.17vw;} 

.menu a {padding: 1.32vw 0.88vw; border-radius: 0.44vw; font-size: 1.17vw;}
.menu a::after {bottom: -0.07vw; height: 0.29vw;} 

.menu-toggle {font-size: 1.76vw;} 
.hamburger {width: 2.93vw; height: 2.93vw; border-radius: 0.59vw;}

.archive-header {margin-bottom: 1.46vw;} 
.archive-header .results {font-size: 1.02vw;}
.archive-controls {gap: 1.1vw; margin-bottom: 1.46vw;} 

.sorting select {padding: 0.37vw 2.2vw 0.37vw 0.73vw; font-size: 1.02vw; line-height: 1.68vw;} 
.sorting::after {right: 0.73vw; border-left: 0.44vw solid transparent; border-right: 0.44vw solid transparent; border-top: 0.44vw solid #666;} 

.view-toggle {gap: 0.44vw;}
.view-toggle button {padding: 0.44vw 0.88vw; font-size: 1.17vw;} 
.product-archive {margin: 3.66vw 0 5.13vw 0;} 
.product-container {max-width: 100vw; padding: 0 4.54vw; box-sizing: border-box;} 
.product-grid.grid-view-mode {grid-column-gap: 1.46vw; grid-row-gap: 7.32vw;} 
.product-grid.list-view-mode {gap: 1.46vw;} 
.product-grid.list-view-mode .product-card {gap: 1.46vw; border-radius: 0.59vw; box-shadow: 0 0.15vw 0.73vw rgba(0,0,0,0.05);} 
.product-grid.list-view-mode .image-box {flex: 0 0 14.65vw;} 
.product-card {border-radius: 0.29vw;} 
.product-card .info-box {bottom: -5.27vw; padding: 1.1vw; min-height: 5.27vw; margin: 0 0.73vw; box-shadow: 0 0.44vw 0.73vw -0.29vw rgba(0, 0, 0, 0.15);}
.info-box h3 {font-size: 1.17vw;} 
.product-card .read-more {font-size: 0.95vw; margin-top: 0.73vw;} 
.grid-view-mode .product-card:hover .info-box {min-height: 8.78vw;} 

#pagination {margin: 8.78vw 0 0 0;} 
#pagination li {margin-right: 0.73vw;} 
#pagination li a {border-radius: 0.22vw; padding: 0.73vw 1.1vw; font-size: 1.17vw;} 

.cart-sidebar {right: -25.63vw; width: 21.96vw; height: 100%; box-shadow: -0.15vw 0 0.73vw rgba(0,0,0,0.2);}
.cart-header {padding: 1.1vw;}
.cart-header h3 {font-size: 1.32vw;}
.close-btn {font-size: 1.61vw;}
.cart-content {padding: 1.1vw;}
.cart-content p {font-size: 1.17vw;} 
.cart-item {margin-bottom: 1.1vw;} 
.cart-item img {width: 3.66vw; height: 3.66vw; margin-right: 0.73vw;} 
.item-info h4 {font-size: 1.02vw;} 
.cart-footer {padding: 1.1vw;}
.checkout-btn {padding: 0.73vw; font-size: 1.17vw; border-radius: 0.29vw;} 
.breadcrumb {margin: 0 0 3.66vw 0; font-size: 1.1vw;}
.breadcrumb ul {padding: 0.73vw 0 0;}
.breadcrumb a {font-size: 1.1vw;}
.breadcrumb a:after {padding: 0 0 0 0.37vw;}
.product-detail {padding: 3.66vw 0;}
.product-figure {height: 43.92vw; border-radius: 0.44vw;}
.product-detail article figure .zoom {width: 2.63vw; height: 2.63vw;}
.product-detail article figure .zoom::before {width: 0.73vw; height: 0.73vw; border: 0.15vw solid #000; top: 0.66vw; left: 0.66vw;}
.product-detail article figure .zoom::after {width: 0.15vw; height: 0.59vw; border-radius: 0.44vw; top: 1.39vw; left: 1.61vw;}
.product-gallery {max-width: 47%;}
.product-figure {border-radius: 0.44vw;}
.zoom {top: 0.73vw; right: 0.73vw; width: 2.63vw; height: 2.63vw; font-size: 1.32vw;}
.thumbnails {margin-top: 0.73vw;}
.thumbnails img {width: 4.61vw; height: 4.61vw; border: 0.15vw solid transparent; border-radius: 0.29vw;}
.lightbox .close {top: 1.46vw; right: 2.2vw; font-size: 2.93vw;}
.product-detail article div {padding: 0 1.83vw; min-height: 15.74vw;}
.product-detail article div h1, .product-detail article div h2 {font-size: 3.59vw; line-height: 3.59vw; padding-bottom: 2.9282576866764276vw;}
.product-detail article div p, .product-detail article div span {font-size: 1.17vw; line-height: 1.90vw; padding-bottom: 1.46vw;}
.product-detail article div ul {margin-left: 1.61vw;}
.product-detail article div ul li {font-size: 1.17vw; line-height: 1.90vw; padding-bottom: 0.22vw;}
.product-archive.related-p h2 {font-size: 3.51vw; padding-bottom: 3.66vw;}
.tabs {margin: 1.46vw 0;}
.tab-links {margin: 0 0 1.10vw 0; border-bottom: 0.15vw solid #eee;}
.tab-links li {margin-right: 1.10vw;}
.tab-links a {padding: 0.88vw 1.46vw; font-size: 1.02vw;}
.tab-links a:hover {border-radius: 0.44vw 0.44vw 0 0;}
.tab-links li.active a {color: #000; border-bottom: 0.22vw solid #ff6600;}
.tab-content {padding: 1.46vw 0;}
.tab-content h2 {font-size: 3.51vw; line-height: 3.88vw; padding-bottom: 3.66vw;}
.tab-content p {font-size: 1.17vw; line-height: 1.90vw; padding-bottom: 1.46vw;}
.tab-content ul {margin-left: 2.342606149341142vw;margin-bottom: 1.46vw}
.tab-content ul li{font-size: 1.17vw; line-height: 1.90vw;}

.product-detail article div .contact-btns {margin: 2.9282576866764276vw 0 0 0;}
.product-detail article div .btn {width: 48%; padding: 1.10vw; margin-bottom: 1.46vw; padding-left: 4.03vw; font-size: 1.02vw; border-radius: 0.59vw; box-shadow: 0 0.29vw 0.44vw rgba(0, 0, 0, 0.1);}
.product-detail article div .btn h4 {font-size: 1.02vw;}
.product-detail article div .btn::before {width: 2.56vw; left: 1.10vw;}
.product-detail article div .btn h4 b {height: 1.24vw; padding: 0.15vw 0.37vw; border-radius: 0.22vw; font-size: 0.81vw; margin: 0.29282576866764276vw 0;}
.product-detail article div .btn.quote {font-size: 1.32vw; padding: 0.73vw 1.83vw;}
.hero-box {margin: 0 0 3.66vw 0;}
.hero-box.retailer {height: 20.94vw;}
.hero-box.retailer .slide-repeat {height: 20.94vw;}
.hero-box.category-header {min-height: 16.105417276720353vw;height: auto;}
.hero-box.category-header .breadcrumb {margin: 0 0 1.0980966325036603vw 0;font-size: 1.0980966325036603vw;}
.hero-box.category-header h1 {font-size: 4.24597364568082vw;line-height: 6.36896046852123vw;}
.product-archive.search-page h1 {font-size: 4.24597364568082vw;line-height: 6.36896046852123vw;}
.product-archive.search-page .product-card .info-box{padding: 1.903367496339678vw 1.0980966325036603vw;}
.product-archive.search-page .info-box h3{font-size: 2.781844802342606vw;margin-bottom: 1.0980966325036603vw;}
.product-archive.search-page .product-card .read-more{font-size: 1.171303074670571vw;margin-top: 1.0980966325036603vw;}
.product-archive.search-page .product-card time{font-size: 1.0248901903367496vw;width: 100%;margin-bottom: 1.0980966325036603vw;}
.product-archive.search-page .product-card p{font-size: 1.171303074670571vw;margin-bottom: 1.0980966325036603vw;}
.quote-form.review .info h3 {margin: 0 0 0.36603221083455345vw 0;font-size: 1.7569546120058566vw;line-height: 2.635431918008785vw;}
.quote-form.review .info p {margin: 0 0 0.5124450951683748vw 0;font-size: 0.951683748169839vw;line-height:1.2445095168374818vw;}
.rating {gap: 0.36603221083455345vw;}
.rating label {font-size: 2.562225475841874vw;}
.comment-form-cookies-consent {gap: 0.7320644216691069vw;font-style: normal;font-size: 1.0248901903367496vw!important;margin-top: 0.7320644216691069vw;}
.comment-form-cookies-consent input[type="checkbox"] {
  width: 1.0248901903367496vw;
  height: 1.0248901903367496vw;
  border: 0.14641288433382138vw solid #999;
}
.comment-form-cookies-consent input[type="checkbox"]:checked::after {
  top: -0.29282576866764276vw;
  left: 1px;
  font-size: 0.8784773060029283vw;
}

.comment-form-cookies-consent input[type="checkbox"]:focus {
  outline: 0.14641288433382138vw solid #0073aa;
  outline-offset: 0.14641288433382138vw;
}


footer {font-size: 1.02vw; margin-top: 5.13vw;}
.footer-container {max-width: 90.94vw; padding: 3.66vw 1.46vw 0;}
.footer-col {padding: 1.46vw;}
.footer-col h4 {margin-bottom: 1.46vw; font-size: 1.24vw;}
.footer-col ul li {margin-bottom: 1.02vw;}
.footer-col ul li a {font-size: 1.10vw;}
.footer-col p.conect {margin-bottom: 2.05vw;}
.footer-col p {font-size: 1.10vw; margin: 0 0 0.59vw;}
.social-links {gap: 0.73vw;}
.social-links a, .social-links a i {width: 2.20vw; height: 2.20vw; border-radius: 0.29vw; box-shadow: 0 0.15vw 0.37vw rgba(0,0,0,0.1);}
.social-links i svg {width: 1.32vw; height: 1.32vw;}
.footer-bottom {padding: 1.46vw 0 2.20vw; margin-top: 2.20vw;}
.footer-bottom p {font-size: 0.95vw;}
.footer-bottom ul {margin: 0.73vw 0 0;}
.footer-bottom ul li {margin: 0 0.73vw;}
}

@media only screen and (min-width:0px) and (max-width:767px) {
    .web{display:none;}
    .mobile{display:block;}
 
 .content-inner{width:100%;margin:0;padding:0 6.361323155216285vw;float:left;}
 
 /*Home-Page-Start====*/
.hero-box{height: 39.69465648854962vw;}
.hero-box .inner .slick-track{height: 39.69465648854962vw;margin: 0;}
.hero-box .inner .media-box{height: 39.69465648854962vw;}
.hero-box .inner .media-box figure{height: 39.69465648854962vw;}

.slick-dots{bottom:3.816793893129771vw;}
.slick-dots li{width:2.5445292620865136vw !important;height:2.5445292620865136vw !important;margin:0 1.5267175572519083vw;}

.product-category{padding: 10.178117048346055vw 5.089058524173027vw 15vw 5.089058524173027vw;}
.product-category h2{margin-bottom: 12.72264631043257vw;font-size: 8.651399491094146vw;line-height: 1;}
.product-category .inner{column-gap: 0;row-gap: 0;}
.product-category .inner .category{width: 100%;margin-top: 12.72264631043257vw;}
.product-category .inner .category:first-of-type{margin-top: 0;}
.product-category .inner .category figure{height: 111.45038167938932vw;margin-bottom: 5.089058524173027vw;}
.product-category .inner .category h3{margin-bottom: 6.361323155216285vw;font-size: 7.124681933842239vw;}
.product-category .inner .category p{font-size: 4.071246819338422vw;line-height: 1.6;}

.features-box{padding: 7.633587786259542vw 2.5445292620865136vw;}
.features-box .inner{width: 100%;margin: 0;padding: 0;column-gap: 5.089058524173027vw;row-gap: 5.089058524173027vw;display: flex;flex-wrap: wrap;justify-content: center;}
.features-box .inner .item{width: 37.533512064343%;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
.features-box .inner .item figure{margin-bottom: 5.089058524173027vw;text-align: center;}
.features-box .inner .item figure img{width: 12.46819338422392vw;float: none;display: inline-block;}
.features-box .inner .item h3{width:100%;float: left;margin: 0;padding: 0;text-align: center;font-family: "Poppins", sans-serif;font-weight: 400;font-style: normal;font-size: 14px;letter-spacing: normal;line-height: normal;color: #f9f9fb;}

.products-box{padding: 10.178117048346055vw 0;}
.products-box .content-inner{padding: 0 0;}

.products-box h2{font-size: 8.651399491094146vw;}
.products-box p{font-size: 7.124681933842239vw;}
.products-box .inner{margin-top: 7.633587786259542vw;column-gap: 5.089058524173027vw;row-gap: 5.089058524173027vw;}
.products-box .inner .product{width: 47.328244274809%;height: 65.153846vw;}
.products-box .inner .product figure{height: 47.32824427480916vw;}
.products-box .inner .product .heading-box{padding: 0 0;width: 100%;box-sizing: border-box;}
.products-box .inner .product .heading-box .hb-inner{width: 100%;min-height: 23.40966921119593vw;padding: 6.106870229007633vw 4.071246819338422vw;border-radius: 1.0178117048346056vw;}
.products-box .inner .product .heading-box .hb-inner h3{margin-bottom: 0;font-size: 3.271246819338422vw;line-height: 1.2;}
.products-box .inner .product .heading-box .hb-inner span{font-size: 2.662341vw;margin-top: 2vw;}
.products-box .inner .product .heading-box .hb-inner span::after{width:3.139949109414758vw;height: 1.3944020356234097vw;top: 1.7811704834605597vw;right: -5.089058524173027vw;}
.products-box .inner .product:hover .heading-box .hb-inner{margin-top: -5.089058524173027vw;}

.clients-box{padding: 2.5445292620865136vw;}
.clients-box .content-inner{max-width: 100%;}
.clients-box h2{margin-bottom: 5.089058524173027vw;font-size: 8.651399491094146vw;}
.clients-box .logo-strip{height: 10.941475826972011vw;}
.clients-box .logo-strip .logo-track{height: 10.941475826972011vw;gap: 10.178117048346055vw;}
/*Home-Page-End====*/
  
    /*waq pages*/
.hero-sec .bg img{width:100%;height:100%;object-fit:cover;object-position: bottom center;float:left;}
.hero-sec .content-inner{width:100%;margin:0;padding:0;float:left;}
 
.hero-sec.full .bg{height:60vh;display:flex;align-items:baseline;}
.hero-sec .descript{width:100%;position:absolute;bottom:0;left:0;}
.hero-sec .descript .info{width:100%;float:left;position:relative;padding:12.72264631043257vw 6.361323155216285vw;}
.info{width:100%;float:left;margin:0;padding:0;}

.info :where(h1,h2,h3,h4,h5,h6){margin-bottom: 0.5em;}
.info :where(h1){font-size: 8.651399491094146vw;line-height: 10.178117048346055vw;}
.info :where(h2){font-size: 8.651399491094146vw;line-height: 10.178117048346055vw;}
.info :where(h3){font-size: 7.124681933842239vw;line-height: 1;}
.info :where(h4){font-size: 6.361323155216285vw;line-height: 7.124681933842239vw;}
.info :where(h5){font-size: 5.089058524173027vw;line-height: 5.089058524173027vw;}
.info :where(h6){font-size: 5.089058524173027vw;line-height: 5.089058524173027vw;}
.info :where(p,li,a,blockquote){font-size: 4.071246819338422vw;line-height: 1.4em;margin-bottom: 3.0534351145038165vw;}
.info blockquote{margin: 0 0 7.124681933842239vw 0;padding: 5.089058524173027vw 5.089058524173027vw 5.089058524173027vw 5.089058524173027vw;border-radius: 3.0534351145038165vw;}
.info blockquote p{margin-bottom: 0 !important;}
.info blockquote:before{font-size: calc(1px * 100);margin-bottom:3.816793893129771vw;font-size: 25.44529262086514vw;font-weight: 900;height: .6em;}
.info ul{padding-left: 2em;margin-bottom:7.124681933842239vw;}
.info ol{padding-left: 2em;margin-bottom:7.124681933842239vw;}
.text-box{padding:10.178117048346055vw 0 0 0;}
.text-box h1, .text-box h2, .text-box .info :where(h1,h2,h3,h4,h5,h6) {margin-bottom:7.124681933842239vw;}
.text-box .info :where(h1, h2){font-size: 8.651399491094146vw;line-height: 10.178117048346055vw;}
.text-box .info p{margin-bottom:9.16030534351145vw;}

.quote-section {padding: 5.089058524173027vw 0 0 0;}
.quote-grid {display: grid;gap: 0;display:block;float:left;width:100%;}
.quote-info h2 {font-size: 7.124681933842239vw;margin-bottom: 2.5445292620865136vw;}
.quote-info p {width:70%;margin-bottom: 5.089058524173027vw;}
.quote-info{width:100%;position:relative;float:left;}
.quote-form{width:100%;position:relative;float:left;margin-top:10.178117048346055vw;padding-top:10.178117048346055vw;border-top:1px solid #707070;}
.quote-form form{width:100%;position:relative;float:left;display:block;}
.quote-form form .info{margin-bottom:2.5445292620865136vw;}

.quote-contact {margin: 5.089058524173027vw 0 7.633587786259542vw 0;}
.quote-contact li {margin-bottom: 2.5445292620865136vw;font-size: 3.816793893129771vw;}
.quote-contact i {width:3.816793893129771vw;height:3.816793893129771vw;margin-right: 2.035623409669211vw;color: #f37021;}
svg{width:100%;height:100%;}
.quote-hours {margin-bottom: 5.089058524173027vw;font-size: 3.5623409669211195vw;}
.quote-contact .map-marker{width:3.816793893129771vw;height:3.816793893129771vw;margin-right: 2.035623409669211vw;}
.quote-social a{width:7.124681933842239vw;height:7.124681933842239vw;margin-top:7.633587786259542vw;margin-right: 2.035623409669211vw;font-size: 4.580152671755725vw;color: #333;}
.quote-social i{width:100%;height:100%;margin-right: 2.035623409669211vw;padding:0.4em;}

/* Form */
.form-row {display: block;gap: 5.089058524173027vw;float:left;width:100%;position:relative;}
.form-group {margin-bottom:0.544529vw/* 2.5445292620865136vw */;display: block;float:left;width:100%;position:relative;}
.form-group label {margin-bottom: 1.5267175572519083vw;font-size:4.071246819338422vw;line-height:6.615776081424936vw;width:100%;float:left;}
.form-group input,
.form-group textarea {width:100%;float:left;padding: 3.0534351145038165vw;height:9.722646vw/* 12.72264631043257vw */;border: 1px solid #ccc;border-radius: 1.0178117048346056vw;font-size:4.071246819338422vw;line-height:6.615776081424936vw;padding: 2.7989821882951653vw 3.816793893129771vw;}
.form-group textarea {min-height: 25.44529262086514vw;resize: vertical;}
.btn-submit {border: 0.5089058524173028vw solid #f37021;padding:2.7989821882951653vw 10.178117048346055vw 2.5445292620865136vw 10.178117048346055vw;font-size:4.071246819338422vw;line-height:6.106870229007633vw;border-radius: 1.5267175572519083vw;}
.btn-submit:hover {background: #f37021;}
.map{margin:10.178117048346055vw 0 0 0;padding:0;}
.map .content-inner{padding:0;}
.map iframe{height:76.33587786259542vw;}

/*waq pages*/
.utils {gap: 3.580153vw;}
.utils a:nth-child(-n+3) {display: none;}
.container {padding: 0 6.361323155216285vw;box-sizing: border-box;}
.nav {border-bottom: 0px solid #eee;z-index: 99888;}
 .header .row {display: flex;gap: 0;align-items: center;padding-top: 3.089059vw;padding-bottom: 3.089059vw;}
.header {border-bottom: 0.7089058524173028vw solid #eeeeee;background: #fff;padding: 0 0;box-sizing: border-box;position: sticky;top: 0;z-index: 1000;background: #fff;transition: all 0.3s ease;}
body.sticky .header {padding: 1.2722646310432568vw 0;}
body.sticky .brand img {width: 10.687022900763358vw;height: 10.687022900763358vw;  transition: all 0.3s ease; /* smooth shrink */}
body.sticky .header .row {display: flex;gap: 0;align-items: center;justify-content: space-between;padding-top: 1.2722646310432568vw;padding-bottom: 1.2722646310432568vw;}
.search {display: none;}
.overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);opacity: 0;visibility: hidden;transition: opacity 0.4s ease;z-index: 998;}
.overlay.active {opacity: 1;visibility: visible;z-index: 9999;}
.menu {text-align: start;justify-content: flex-start;position: fixed;top: 0;display: flex; left: -100%;width: 66.15776081424937vw;height: 100%;background: #fff;box-shadow: 0.5089058524173028vw 0 1.2722646310432568vw rgba(0,0,0,0.1);padding: 12.72264631043257vw 2.089059vw 2.089059vw;flex-direction: column;gap: 2.5445292620865136vw;opacity: 0;
  transition: left 0.4s ease, opacity 0.4s ease;z-index: 999;}
.menu a {position: relative;display: block;text-decoration: none;padding: 2.053435vw 1.053435vw;border-radius: 6px;color: var(--text-700);font-weight: 500;font-size: 3.0534351145038165vw;}
.menu.active {left: 0;opacity: 1;}
.hamburger {display: flex;align-items: center;justify-content: center;width: 6.178117vw;height: 6.178117vw;border-radius: 8px;border: 01px solid #eee;background: #fff;font-size: 5.597964376590331vw;cursor: pointer;z-index: 1001;}
.menu li {width: 100%;}
/* Close button inside menu */
.menu .close-btn {position: absolute;top: 1.816794vw;right: 1.816794vw;font-size: 6.816793893129771vw;color: #0f0f0f;cursor: pointer;}
.submenu {display: none;position: absolute;top: 100%;left: 0;min-width: 100%;width:auto;background: #fff;margin-top: 1px;border: 1px solid #eee;border-radius: 6px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);padding: 1.2722646310432568vw 0;display: none;flex-direction: column;z-index: 1000;}
.submenu a {padding: 3.0534351145038165vw 3.0534351145038165vw !important;font-size: 3.0534351145038165vw;}
.has-submenu:hover > .submenu {display: none;}
.has-submenu.open > .submenu {display: block;}
.submenu-arrow {display: inline-block;width: 2.5445292620865136vw;height: 2.5445292620865136vw;margin-left: 0;border-right: 2px solid currentColor;border-bottom: 2px solid currentColor;
transform: rotate(45deg);cursor: pointer;transition: transform 0.3s ease;vertical-align: middle;
opacity: 0.8;position: absolute;right: 0.544529vw;top: 2.544529vw;}
.has-submenu.open > .submenu-arrow {transform: rotate(225deg);opacity: 1;}
.submenu-arrow:hover {opacity: 1;transform: rotate(45deg) scale(1.2);}
.has-submenu.open > .submenu-arrow:hover {transform: rotate(225deg) scale(1.2);}
.topbar {font-size: 2.253435vw;}
.topbar .container {min-height: 7.414758vw;}
.topbar .container p {font-size: 2.253435vw;line-height: 1;}
.brand {display: flex;gap: 0;min-width: auto;}
.brand img {width: 14.811705vw;height: 14.811705vw;}

.hero-box.retailer {height: 22.890585vw;}
.hero-box.retailer .slide-repeat {height: 22.890585vw;}
.hero-box.category-header {min-height: 30.816326530612244vw;height: auto;}
.hero-box.category-header .breadcrumb {margin: 0 0 3.061224489795918vw 0;font-size: 3.061224489795918vw;}
.hero-box.category-header h1 {font-size: 7.468193vw;line-height: 9.468193vw;}
.product-archive.search-page h1 {font-size: 7.468193vw;line-height: 9.468193vw;}
.product-archive.search-page .product-grid.grid-view-mode {grid-template-columns: repeat(1, 1fr);grid-column-gap: initial;grid-row-gap: 8.445293vw;}
.product-archive.search-page  #pagination {margin: 10.534351vw 0 0 1vw;}
.quote-form.review {width: 100%;}
.comment-form-cookies-consent input[type="checkbox"] {width: 4vw;height: 4vw;border: 2vw solid #999;}
.rating {display: block;width: 100%;float: left;}
.rating label {font-size: 35px;color: #ccc;cursor: pointer;transition: color 0.2s;width: auto !important;float: left;}
.comment-form-cookies-consent input[type="checkbox"]:checked::after {content: "✓";position: absolute;top: -2vw;left: -1vw;color: #fff;font-size: 3vw;}
.product-archive {margin: 11.089059vw 0 6.089059vw 0;}
.product-container {max-width: 100%;padding: 0 6.361323155216285vw;box-sizing: border-box;}
.archive-header {margin-bottom: 7.089059vw;}
.archive-header .results {font-size: 3.0534351145038165vw;}
.archive-controls {gap: 2.5445292620865136vw;margin-bottom: 0;}
.sorting select {padding: 1.2722646310432568vw 5.544529vw 1.2722646310432568vw 2.544529vw;border: none;border-bottom: 0.5089058524173028vw solid #ddd;font-size: 3.0534351145038165vw;line-height: 4.053435vw;box-sizing: border-box;}
.view-toggle {gap: 1.1267175572519083vw;position: absolute;top: -8.178117vw;right: 2.389059vw;}
.sorting::after {content: "";right: 0;top: 50%;width: 0;height: 0;pointer-events: none;border-left: 1.5267175572519083vw solid transparent;border-right: 1.5267175572519083vw solid transparent;border-top: 1.5267175572519083vw solid #666;}
.product-grid.grid-view-mode {grid-template-columns: repeat(2, 1fr);grid-column-gap: 2.5445292620865136vw;grid-row-gap: 23.445293vw;}
.product-card .info-box {bottom: -18.3206106870229vw;width: 93.25%;padding: 2.5445292620865136vw;min-height: 18.3206106870229vw;margin: 0 1.5445292620865136vw;}
.product-grid.list-view-mode .image-box {flex: 0 0 42.890585vw;}
.info-box h3 {font-size: 3.5623409669211195vw;line-height: 1.25;}
.product-card .read-more {font-size: 2.907888vw;margin-top: 1.544529vw;}
#pagination {margin: 30.53435114503817vw 0 0 1vw;}
#pagination li {margin-right: 2.1445292620865136vw;}
#pagination li a {border-radius: 0.7633587786259541vw;padding: 2.1445292620865136vw 2.9445292620865136vw;font-size: 3.2623409669211195vw;}
.product-detail {padding: 12.72264631043257vw 0;}
.product-gallery {max-width: 100%;}
.product-detail article div {padding: 0 1.089059vw;width: 100%;float: right;min-height: auto;box-sizing: border-box;}
.product-figure {width: 100%;height: 100vh;}
.breadcrumb {margin: 10vw 0 10vw 0;font-size: 3.816793893129771vw;}
.breadcrumb a {font-size: 3.816793893129771vw;}
.product-detail article div h1, .product-detail article div h2 {font-size: 7.468193vw;line-height: 7.468193vw;padding-bottom: 4.468193vw;}
.product-detail article div p, .product-detail article div span {width: 100%;float: left;font-size: 3.5623409669211195vw;line-height: 5.10687vw;padding-bottom: 2.5445292620865136vw;}
.product-detail article div p, .product-detail article div span {font-size: 3.5623409669211195vw;line-height: 5.10687vw;padding-bottom: 2.5445292620865136vw;}
.product-detail article div ul {margin-left: 4.444529vw;}
.product-detail article div ul li {font-size: 3.5623409669211195vw;line-height: 5.10687vw;padding-bottom: 0.3vw;}
.product-detail article div .contact-btns {margin: 6vw 0 0 0;}
.product-detail article div .btn::before {width: 9.16030534351145vw;height: 96%;left: 2.816794vw;}
.product-detail article div .btn {width: 74%;padding: 4vw 5vw 4vw 15vw;margin-bottom: 3vw;font-size: 3.5623409669211195vw;line-height: 1.3;}
.product-detail article div .btn h4:last-of-type{margin-bottom: 0;}
/* .product-detail article div .btn h4 {font-size: 3.5623409669211195vw;line-height: 1;margin-bottom: 2vw;}
.product-detail article div .btn h4:last-of-type{margin-bottom: 0;} */
.product-detail article div .btn h4 {font-size: 3vw;line-height: 1;margin-bottom: 2vw;float: none;font-weight: bold;display: flex;flex-direction: column;align-items: flex-start;}
.product-detail article div .btn.whatsapp h4 b, .product-detail article div .btn.phone h4 b {display: block;position: relative;margin: 2vw 0 0 0;}
.product-detail article div .btn h4 b {font-size: 2.1vw;height: auto;padding: 1vw 2vw;margin-left: 1.2722646310432568vw;}
.tabs {width: 100%;margin: 2vw 0;}
.tab-links {margin: 0 0 5vw 0;}
.tab-links li {margin-right: 3.816793893129771vw;}
.tab-links a {padding: 3.0534351145038165vw 1.089059vw;font-size: 3.262341vw;}
.tab-content {padding: 0px 0;}
.tab-content h2 {font-size: 7.178117vw;line-height: 7.178117vw;padding-bottom: 6.178117vw;}
.tab-content p {font-size: 3.5623409669211195vw;line-height: 5.10687vw;padding-bottom: 3.5445292620865136vw;}
.tab-content ul {width: 96%;margin-left: 5.444529vw;margin-bottom: 3.5445292620865136vw;}
.tab-content ul li{font-size: 3.5623409669211195vw;line-height: 5.10687vw;}
.product-archive.related-p h2 {font-size: 7.178117vw;padding-bottom: 7.178117vw;}
.product-detail article div .emoji {width: 4.4%;}
.related-p {margin-bottom: 10vw;}
 .quote-popup-content {
    width: 100%;
    max-width: 100%;
    padding: 20px;
    border-radius: 0;
    height: auto;
    max-height: 95vh;
  }
    .quote-popup h2 {
        font-size: 7.307692vw;
        line-height: 7.307692vw;
        margin-bottom: 2.564102564102564vw;
        margin-bottom: 4.25641vw;
    }
.quote-popup-content .quote-form {
        width: 100%;
        position: relative;
        float: left;
        margin-top: 0;
        padding-top: 0;
        border-top: 0px solid #707070;
    }
  .quote-form label {
    font-size: 14px;margin-bottom: 0;
  }
  .quote-form input,
  .quote-form textarea {
    font-size: 14px;
    padding: 8px;
  }
  .btn-submit {
    width: 100%;
    padding: 10px;
    font-size: 15px;
  }
  .close-popup {
    font-size: 26px;
    top: 10px;
    right: 15px;
  }
footer {font-size: 3.5623409669211195vw;margin-top: 12.811705vw;width: 100%;}
.footer-container {max-width: 100%;margin: 0 auto;padding: 10.178117048346055vw 6.361323155216285vw 0px;box-sizing: border-box;}
.footer-col {width: 100%;padding: 7.089059vw 0 0;}
.footer-col:first-of-type {padding: 0 0 0;}
.footer-col h4 {margin-bottom: 4.4445292620865136vw;font-size: 4.071246819338422vw;}
.footer-col ul li {margin-bottom: 3.0534351145038165vw;}
.footer-col ul li a {font-size: 3.5623409669211195vw;}
.social-links a, .social-links a i {width: 6.633588vw;height: 6.633588vw;box-shadow: 0 0.5089058524173028vw 1.2722646310432568vw rgba(0, 0, 0, 0.1);}
.social-links i svg {width: 3.5623409669211195vw;height: 3.5623409669211195vw;}
.footer-col:last-of-type ul li {width: auto;margin-right: 3vw;}
.footer-col:last-of-type ul li:last-of-type {margin-right: 0;}
.footer-bottom {padding: 3.089059vw 0 6.489059vw;margin-top: 5.089058524173027vw;}
.footer-bottom p {font-size: 3.0534351145038165vw;}

   .thankyou-box {
        padding: 20px;
        border-radius: 10px;
    }
    .thankyou-box h2 {
        font-size: 20px;
    }
    .thankyou-box p {
        font-size: 14px;
    }
}