@charset "utf-8";
/* CSS Document */

::selection {
  color:var(--bs-white);
  background:var(--bs-primary);
}

.aligncenter,.gallery-item a{display:block}
.alignleft{float:left; margin-right:15px; margin-bottom:10px}
.alignright{float:right; margin-left:15px; margin-bottom:10px}
.aligncenter{margin-left:auto; margin-right:auto}
.wp-caption{max-width:100%;padding:4px}
.entry-caption, .gallery-caption, .wp-caption .wp-caption-text{font-style:italic; font-size:12px; font-size:.857142857rem; line-height:2;}
.full-img { position:relative;}
.full-img img{ width:100%; height:auto; position:relative; z-index:2;}
.dryvit-textures .full-img img{ aspect-ratio:3 / 2; height:auto; object-fit:cover;}
/* Product listing cards (Dryvit/Tremco): keep every product image in a
   uniform box so mixed source ratios scale consistently and don't fill
   the whole card. Contain so product photos are never cropped. */
.product-card .full-img{ aspect-ratio:4 / 3; display:flex; align-items:center; justify-content:center; overflow:hidden; background:#fff;}
.product-card .full-img img{ width:100%; height:100%; object-fit:contain;}

#page{ overflow:hidden; padding-top:0;}
.ratio .full-img{min-width:initial; position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; flex:0 0 auto; display:flex;}
.ratio .full-img img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}
.image-fit{min-width:initial; position:relative; overflow:hidden; flex:0 0 auto; display:flex;}
.image-fit img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}

.image-fit picture, .ratio picture{min-width:initial; position:absolute; top: 0; right: 0; bottom: 0; left: 0; overflow:hidden; flex:0 0 auto; display:flex;}
.image-fit picture img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}

.color-fff{ color:var(--bs-white);}
.title-uppercase h1, .title-uppercase h2, .title-uppercase h3, .title-uppercase h4, .title-uppercase h5, .title-uppercase h6{ text-transform:uppercase;}
.title-primary h1, .title-primary h2, .title-primary h3, .title-primary h4, .title-primary h5, .title-primary h6{ color:var(--bs-primary);}
.title-secondary h1, .title-secondary h2, .title-secondary h3, .title-secondary h4, .title-secondary h5, .title-secondary h6{ color:var(--bs-secondary);}
.title-dark h1, .title-dark h2, .title-dark h3, .title-dark h4, .title-dark h5, .title-dark h6{ color:var(--bs-dark);}
.anchor:before{content:""; display:block; height:82px; margin-top:-82px}

.banner{ position: relative; display: flex; justify-content: flex-end;}
.banner .image-fit{ height: 686px; width: 60%;}
.banner::before{ background-image: url(../images/theme-img/banner-overlay-pattern.png); background-position: left center; background-repeat: repeat-x; background-size: cover; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; content: '';} 
.banner::after{background: linear-gradient(90deg, #063C6F 0.28%, #3A320F 35.9%, rgba(76, 9, 11, 0.80) 53.22%, rgba(0, 0, 0, 0.50) 83.08%); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 101; content: ''; mix-blend-mode: multiply;}
.banner .container{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); color: var(--bs-white); z-index: 102;}

.banner .container .btn-div{ display: flex; align-items: center; flex-wrap: nowrap; gap: 16px; padding-top: 8px;}
.banner-logos{ position: absolute; bottom: 50px; left: 0; right: 0; z-index: 10; overflow: hidden;  z-index: 110;}
.banner-logos ul{ margin:0; padding:0 8px; list-style:none; display:flex; align-items:center; gap: 16px;}
.banner-logos ul li{ height: 72px; width: 172px; border-radius: 8px; border: 1px solid #EEE; background: var(--bs-white); display: flex; align-items: center; justify-content: center; padding: 12px;}
.banner.page-banner .image-fit{ height: 493px;}
.banner.page-banner  .container{ padding-top: 82px;} 

.banner.page-banner .container{ position: relative; top: auto; left: auto; transform: translate(0); -ms-transform: translate(0); -moz-transform: translate(0); min-height: 391px; padding-top: 131px; padding-bottom: 48px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.banner.page-banner .image-fit{ background-image: url(../images/theme-img/page-banner-bg.png); background-position: bottom center; background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: auto; width: 100%;}
.banner.page-banner .image-fit img{ display: none;} 
/*.banner.page-banner .container{ padding-top: 82px;} */
.banner.page-banner::before{ display: none;}
.banner.page-banner::after{background: url(../images/theme-img/banner-bg.png); background-position: bottom center; background-repeat: no-repeat; background-size: cover; display: none;}

.breadcrum-items{ margin-bottom: 16px; display: flex; flex-wrap: wrap; gap: 16px; font-size: 16px;}
.breadcrum-items span{ color:var(--bs-white);}
.breadcrum-items span a{ display:block; color:var(--bs-white);  text-decoration:none; display: flex; align-items: center;}
.breadcrum-items span a:after{ content:'>'; margin:0 0 0 16px; vertical-align:middle;}
.breadcrum-items span:last-child a:after{ display:none; }
.breadcrum-items span.current-item{ font-weight: 700; color:var(--bs-white)}

.breadcrumb-items .breadcrumb-sep{ display: none;}
.breadcrumb-items ol.breadcrumb{ margin-bottom: 16px;}
.breadcrumb-items ol.breadcrumb li.breadcrumb-item span{font-size: 16px;}
.breadcrumb-items ol.breadcrumb .breadcrumb-item + .breadcrumb-item::before{ color: #fff;}
.breadcrumb-items ol.breadcrumb  li.breadcrumb-item.breadcrumb-item--current{ font-weight: 700; color: var(--bs-primary);}
.breadcrumb-items a{ color: var(--bs-white);}

.product-details-wrapper .breadcrumb-items a, 
.product-details-wrapper .breadcrumb-items ol.breadcrumb  li.breadcrumb-item.breadcrumb-item--current,
.product-details-wrapper .breadcrumb-items ol.breadcrumb .breadcrumb-item + .breadcrumb-item::before{ color: var(--bs-black);}

p:empty {display: none;}

.header{ position: fixed; top: 0; right: 0; left: 0; z-index: 1000; background-color: var(--bs-white); border-bottom: 1px solid rgba(249, 249, 249, 0.15); box-shadow: 0 4px 16px 0 rgba(9, 64, 116, 0.08); -moz-transition:all 0.5s ease;  -webkit-transition:all 0.5s ease;  -o-transition:all 0.5s ease;  transition:all 0.5s ease;}
.header .container{ display: flex; height: 82px; align-items: center;}
.header .container .btn{ margin-left: auto;}
.header.fixed-header, .header.page-header{ background-color: var(--bs-white);}
.header .menu-btn{ background-color: transparent; border: none; padding: 0; display: flex; align-items: center; flex-direction: column; margin-left: 16px;}
.header .menu-btn span{ height: 3px; width: 30px; background-color: var(--bs-white);}
.header .menu-btn span + span{ margin-top: 5px;}
.header.fixed-header .menu-btn span, .page-header .menu-btn span{background-color: var(--bs-black);}

/*
.header.page-header .stellarnav a, .header.page-header .stellarnav li a, .header.page-header  .stellarnav > ul > li > a{color:var(--bs-dark);}
.header.page-header .stellarnav > ul > li > a:hover,
.header.page-header .stellarnav > ul > li > a:hover, 
.header.page-header .stellarnav > ul > li:hover > a, 
.header.page-header .stellarnav > ul > li.current-menu-item > a, 
.header.page-header .stellarnav > ul > li.current-menu-parent > a,
.header.page-header .stellarnav li a:hover
{text-decoration:none; color:var(--bs-primary);}
*/

.font-14{ font-size: 14px;}
.section{ position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 80px 0;}
.section-pattern, .banner.page-banner + .section{ background-image: url(../images/theme-img/pattern-background.png); background-size: auto; background-repeat: repeat;}
.section-pattern-overlay:after{background: linear-gradient(97deg, #002446 1.18%, #6B070B 129.87%); mix-blend-mode: multiply; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: '';}

.product-box{border-radius: 8px; background: var(--bs-white); box-shadow: 2px 4px 14px 0 rgba(6, 60, 111, 0.08); font-size: 14px;}
.product-box .product-title{ display: flex; align-items: center; gap: 16px;}
.product-box .product-title .icon{ padding: 8px; height: 48px; width: 48px; border-radius: 8px; display: flex; align-items: center; justify-content: center; background-color: var(--bs-blue);}
.product-box .pb-3 + a{ font-weight: 500;}
.w2 hr{ border-color: var(--bs-primary); border-width: 2px; opacity: 1;}
.content-style ul{ display: flex; flex-direction: column; gap: 10px; list-style: none; padding: 0;}
.content-style ul li{ background-image: url(../images/theme-img/bullet.svg); background-position: left 3px; background-repeat: no-repeat; padding-left: 24px;}
.content-style-red ul li{ background-image: url(../images/theme-img/bullet-red.svg);}

.why-content + .image-fit{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; border-radius: 24px; display: none;}
.why-content + .image-fit img{ object-fit: cover;}
.why-content{ background-image: url(../images/theme-img/why-bg.svg); background-position: center center; background-repeat: no-repeat; background-size: 100%; padding: 72px 0; position: relative; z-index: 2;  border-radius: 24px;}
.why-content .text-center h4{ margin-bottom: 8px;}
.why-box{ border-radius: 8px; background: var(--bs-white); padding: 16px; display: flex; flex-direction: column;}
.why-box .icon{ padding: 8px; height: 48px; width: 48px; border-radius: 8px; display: flex; align-items: center; justify-content: center; background-color: var(--bs-blue); margin-bottom: 12px;}
.why-box h6{ margin-bottom: 0;}

.why-content-sm{background-image: url(../images/theme-img/why-bg-sm.png); padding: 60px;}

.location-section .image-fit{ position: absolute; top: 0; left: 0; right: 0; height: 75%;}
.location-section .image-fit:before{ border: 1px solid #000; background: linear-gradient(263deg, rgba(139, 23, 28, 0.74) -8.89%, rgba(1, 29, 57, 0.92) 99.88%); position: absolute;  top: 0; left: 0; right: 0; bottom: 0; content: ''; z-index: 1;}
.location-box {border-radius: 8px; background: var(--bs-white);  box-shadow: 2px 4px 14px 0 rgba(6, 60, 111, 0.08);}
.location-box .location-title{ display: flex; align-items: center; gap: 16px; margin-bottom: 16px;}
.location-box .location-title .icon{ padding: 8px; height: 48px; width: 48px; border-radius: 8px; display: flex; align-items: center; justify-content: center; background-color: var(--bs-blue);}
.location-box address{ background-image: url(../images/theme-img/pin.svg); background-position: left; background-repeat: no-repeat; padding-left: 28px; margin-bottom: 12px;} 
.location-box .call{ background-image: url(../images/theme-img/call.svg); background-position: left; background-repeat: no-repeat; padding-left: 28px; margin-bottom: 16px; display: block; text-decoration: none; color: var(--bs-dark);} 
.location-box .link{ font-weight: 600;}

.quality-section .image-fit{ position: absolute; top: 0; left: 0; right: 0; height: 82%;}

.testi-slider{ padding: 0 8px;}
.TestiSlider{ margin: 0 -12px;}
.TestiSlider .slick-dots{ position: absolute; bottom: 0; left: 0; right: 0; margin: 0; height: 20px;}
.TestiSlider .item{ position: relative; padding: 22px 12px 40px;}
.TestiSlider .item .ratio{ width: 60px; border-radius: 50%; overflow: hidden; position: absolute; top: 0; left: 50%; margin-left: -30px; z-index: 10;}
.TestiSlider .item .content{ padding: 48px 36px 24px; border-radius: 12px; background: var(--bs-white); box-shadow: 2px 4px 14px 0 rgba(6, 60, 111, 0.08); display: flex; flex-direction: column; gap: 18px; text-align: center; justify-content: center;}
.TestiSlider .item .content blockquote{ margin: 0;}
.TestiSlider .item .content img{ display: inline-block;}

.contact-section:after{background: linear-gradient(263deg,  #011D39 -8.89%, rgba(139, 23, 28, 0.80) 99.88%); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: '';}
.contact-section .nav-tabs{border-radius: 4px; background: var(--bs-white);padding: 6px; border: none;}
.contact-section .nav-tabs .nav-link{ margin: 0; color: #10102B; height: 24px; width: 40px; font-size: 14px; border-radius: 2px; border: none; padding: 0;}
.contact-section .nav-tabs .nav-link.active, .contact-section .nav-tabs .nav-item.show .nav-link{ color: var(--bs-white); border-radius: 2px; background: var(--bs-primary);}

.footer{ color: var(--bs-white); background: #120607;}
.footer a{ color: var(--bs-white); text-decoration: none;}
.footer-top{ padding: 60px 0;}
.footer-top .social{ display: flex; flex-wrap: wrap; gap: 15px;}
.footer-top .social a{ height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; border-radius: 6px; background-color: var(--bs-primary); font-size: 17px;}
.footer-top h6{ text-transform: uppercase; font-size: 17px; font-weight: 600; margin-bottom: 12px;}
.footer-top .menu{ margin: 0; padding: 0; list-style: none; display: flex; list-style: none; flex-direction: column; gap: 10px;}
.footer-top .menu li a{ color: var(--bs-white);}
.footer-top .menu li a:hover{ color: var(--bs-primary);}
.footer-contact { display: flex; flex-direction: column; gap: 16px;}
.footer-contact .item{ display: flex; align-items: center; color: var(--bs-white); text-decoration: none; gap: 12px; font-size: 16px;}
.footer-contact .item .icon{border-radius: 4px; background: var(--bs-primary); height: 36px; width: 36px; display: flex; align-items: center; justify-content: center;}
.footer-content p{ max-width: 496px;}
.footer-bottom{ padding: 12px 0; border-top: 1px solid rgba(255, 255, 255, 0.10); background: #0C0303;}
.footer-bottom .container{ display: flex; align-items: center;}
.footer-bottom ul{ margin-left: auto; margin-bottom: 0; padding: 0; list-style: none; display: flex; align-items: center; justify-content: center;}
.footer-bottom ul li + li::before{ content: "|"; margin: 0 12px; float: left;}
.footer-bottom ul li a{ color: var(--bs-white); text-decoration: none; text-transform: capitalize;}
.footer-bottom ul li a:hover{ color: var(--bs-primary);}

.prodcut-nav{ border-radius: 12px; background: var(--bs-white); padding: 16px; margin: 0; list-style: none; display: flex; flex-direction: column; gap: 12px; position: sticky; top: 94px;}
.prodcut-nav li a{border-radius: 8px; background: #F5F5F5; font-size: 16px; font-weight: 700; color: #191919; display: block; padding: 16px;}
.prodcut-nav li a:hover, .prodcut-nav li.active a{border-radius: 8px; background: #063C6F; color: var(--bs-white); text-decoration: none;}

.product-content{border-radius: 0; background: var(--bs-white); font-size: 14px;}
.product-content img{ border-radius: 0; width: 100%; height: auto;}

.page-logos ul{ margin:0; padding:0 8px; list-style:none; display:flex; align-items:center; gap: 16px;}
.page-logos ul li{ height: 72px; width: 172px; border-radius: 8px; background: var(--bs-white); display: flex; align-items: center; justify-content: center; padding: 12px; border: 1px solid #EEE;}
.product-dropdown .btn{ width: 100%; border-radius: 8px; justify-content: flex-start; text-align: left; display: flex; align-items: center;}
.product-dropdown .dropdown-toggle::after { margin-left: auto;}
.product-dropdown .dropdown-menu{ width: 100%; left: 0; right: 0; background: var(--bs-white); border: none; padding: 0; box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;}

.partner-block{ border-radius: 12px; background: var(--bs-white); display: flex; flex-direction: column; gap: 12px; font-size: 14px;}
.partner-block p{ margin-bottom: 0;}
.partner-block .partner-logo{width: 180px; height: 80px;}
.partner-block a{ font-weight: 600;}

.partner-section [class*=col-], .catalog-section [class*=col-]{ margin-top: 24px;}
.partner-section [class*=col-]:nth-child(1), .catalog-section [class*=col-]:nth-child(1){ margin-top: 0;}
.location-top{ display: flex; gap: 24px; align-items: center;}

.catalog-item{border-radius: 8px; background: var(--bs-white); padding: 24px;}
.catalog-item [class*=col-]{ margin-bottom: 20px;}

.contact-form .nav-tabs{border-radius: 4px; background: var(--bs-white);padding: 6px; border: none;}
.contact-form .nav-tabs .nav-link{ margin: 0; color: #10102B; height: 24px; width: 40px; font-size: 14px; border-radius: 2px; border: none; padding: 0;}
.contact-form .nav-tabs .nav-link.active, .contact-form .nav-tabs .nav-item.show .nav-link{ color: var(--bs-white); border-radius: 2px; background: var(--bs-primary);}
.contact-form{border-radius: 10px; background: var(--bs-white);}

.contact-info { display: flex; flex-direction: column; gap: 12px;}
.contact-info .d-flex{border-radius: 8px; background: var(--bs-white); padding: 12px; gap: 12px;}
.contact-info .d-flex .icon{ background-color: var(--bs-primary); height: 36px; width: 36px; border-radius: 4px; display: flex; align-items: center; justify-content: center;}
.contact-info .d-flex small{ display: block; list-style: 1; font-size: 11px; color: #6e6e6e;}

.post-card{ background-color: var(--bs-white); box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;}
.post-card .pb-4{ display: flex; flex-direction: column; gap: 10px;}
.post-card ul{ list-style: none; display: flex; gap: 6px; flex-wrap: wrap;}
.post-card ul li a{ color: var(--bs-white); background-color: var(--bs-primary); font-size: 13px; text-decoration: none; border-radius: 6px; padding: 2px 6px; line-height: 1; text-transform: capitalize;}
.post-card time{ display: flex; align-items: center; gap: 4px; color: #6e6e6e; font-size: 14px;}
.post-card p{ margin-bottom: 6px;}

.stellarnav{position:relative; margin-left:auto;}
.stellarnav a{color:var(--bs-black); font-weight: 500;}
.stellarnav ul{margin:0; padding:0;}
.stellarnav li{list-style:none; display:block; margin:0; padding:0; position:relative; line-height:normal;}
.stellarnav li a{padding:6px 20px; display:block; text-decoration:none; color:var(--bs-dark); box-sizing:border-box; position:relative; text-transform:capitalize;}
.stellarnav li a:hover{color:var(--bs-primary); }
.stellarnav > ul > li > a:hover, .stellarnav > ul > li:hover > a, .stellarnav ul > li.current-menu-item >  a, .stellarnav ul ul li.current-menu-item  a{color:var(--bs-primary);}
.stellarnav > ul > li > a{padding:0 20px; position:relative; color:var(--bs-black); border:none;}
.stellarnav > ul > li > a:hover{text-decoration:none; color:var(--bs-primary);}
.stellarnav ul ul{top:auto; width:275px; position:absolute; z-index:9900; text-align:left; display:none; background:var(--bs-white); padding: 6px 0;}
.stellarnav li li{display:block;}
.stellarnav ul ul ul{top:0; left:275px}
.stellarnav > ul > li:hover > ul > li:hover > ul{opacity:1; visibility:visible; top:0}
.stellarnav > ul > li.drop-left > ul{right:0}
.stellarnav li.drop-left ul ul{left:auto; right:275px}
.stellarnav.dark{background:var(--bs-secondary)}
.stellarnav.dark a{color:var(--bs-secondary)}
.stellarnav.dark ul ul{background:var(--bs-secondary)}
.stellarnav.dark li a{color:var(--bs-secondary)}
.stellarnav.fixed{position:fixed; width:100%; top:0; left:0; z-index:9999}
body.stellarnav-noscroll-x{overflow-x:hidden}
.stellarnav li.has-sub > a:after{content:'\f107'; font-family: var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free")); font-weight:900; margin-left:10px; display:inline-block; position:relative; font-size:14px;}
.stellarnav li li.has-sub > a:after{ content:'\f105'; font-family: var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free")); font-weight:900; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); right:12px;}
.stellarnav li.drop-left li.has-sub > a:after{float:left; margin-right:10px; border-left:0; border-top:3px solid transparent; border-bottom:3px solid transparent; border-right:3px solid var(--bs-secondary)}
.stellarnav.hide-arrows li.has-sub > a:after, .stellarnav.hide-arrows li li.has-sub > a:after, .stellarnav.hide-arrows li.drop-left li.has-sub > a:after{display:none}
.stellarnav .menu-toggle, .stellarnav .close-menu, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile{display:none; text-decoration:none}
.stellarnav .dd-toggle{display:none; position:absolute; top:0; right:0; padding:0; width:50px; height:50px; z-index:9999; border:0}
.stellarnav.desktop.hide-arrows li.has-sub a{padding-right:15px}
.stellarnav.mobile > ul > li > a.dd-toggle{padding:0}
.stellarnav li.call-btn-mobile, .stellarnav li.location-btn-mobile{display:none}
.stellarnav svg{fill:currentColor; width:1em; height:1em; position:relative; top:2px}
.stellarnav a.dd-toggle .icon-plus{box-sizing:border-box; transition:transform .3s; width:100%; height:100%; position:relative; vertical-align:middle; display:inline-block; position:relative; background:var(--bs-primary);}
.stellarnav a.dd-toggle .icon-plus:before{content:'\f107'; font-family: var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free")); font-weight:900; display:block;  position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); color:var(--bs-white);}
.stellarnav li.open > a.dd-toggle .icon-plus:before{content:'\f00d'; font-family: var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free")); font-weight:900; color:var(--bs-white);}
.stellarnav.light a.dd-toggle .icon-plus:before{border-color:var(--bs-white)}
.stellarnav.light a.dd-toggle .icon-plus:after{border-color:var(--bs-white)}
.stellarnav.dark a.dd-toggle .icon-plus:before{border-color:var(--bs-white)}
.stellarnav.dark a.dd-toggle .icon-plus:after{border-color:var(--bs-white)}
.stellarnav .icon-close{box-sizing:border-box; width:30px; height:30px; position:relative; display:flex; align-items:center; margin-left:0; margin-right:0}
.stellarnav .icon-close:before{content:''; display:block; width:30px; height:0; border-bottom:solid 3px var(--bs-secondary); position:absolute; top:auto; transform:rotate(45deg)}
.stellarnav .icon-close:after{content:''; display:block; width:30px; height:0; top:auto; border-bottom:solid 3px var(--bs-secondary); position:absolute; transform:rotate(-45deg)}
.stellarnav.light .icon-close:before{border-color:var(--bs-white)}
.stellarnav.light .icon-close:after{border-color:var(--bs-white)}
.stellarnav.dark .icon-close:before{border-color:var(--bs-white)}
.stellarnav.dark .icon-close:after{border-color:var(--bs-white)}
.stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile{padding:0; box-sizing:border-box}
.stellarnav .close-menu{padding:0 24px}
.stellarnav .menu-toggle span.bars{display:inline-block; margin-right:0; position:relative; top:0; margin-right:0;}
.stellarnav .menu-toggle span.bars span{display:block; width:30px; height:4px; border-radius:6px; background:var(--bs-secondary); margin:0 0 5px}
.stellarnav .menu-toggle span.bars span:last-child{margin-bottom:0}
.stellarnav .full{width:100%}
.stellarnav .half{width:50%}
.stellarnav .third{width:33%; text-align:center}
.stellarnav .location-btn-mobile.third{text-align:center}
.stellarnav .location-btn-mobile.half{text-align:right}
.stellarnav.light .third, .stellarnav.light .half{border-left:1px solid rgba(255,255,255,0.2)}
.stellarnav.light.left .third, .stellarnav.light.left .half{border-bottom:1px solid rgba(255,255,255,0.2)}
.stellarnav.light.right .third, .stellarnav.light.right .half{border-bottom:1px solid rgba(255,255,255,0.2)}
.stellarnav.light .third:first-child, .stellarnav.light .half:first-child{border-left:0}
.stellarnav.dark .third, .stellarnav.dark .half{border-left:1px solid rgba(255,255,255,0.2)}
.stellarnav.dark.left .third, .stellarnav.dark.left .half{border-bottom:1px solid rgba(255,255,255,0.2)}
.stellarnav.dark.right .third, .stellarnav.dark.right .half{border-bottom:1px solid rgba(255,255,255,0.2)}
.stellarnav.light.left .menu-toggle, .stellarnav.light.right .menu-toggle{border-bottom:0}
.stellarnav.dark.left .menu-toggle, .stellarnav.dark.right .menu-toggle{border-bottom:0}
.stellarnav.dark .third:first-child, .stellarnav.dark .half:first-child{border-left:0}
.stellarnav.light .menu-toggle span.bars span{background:var(--bs-white)}
.stellarnav.dark .menu-toggle span.bars span{background:var(--bs-white)}
.stellarnav.mobile{position:static}
.stellarnav.mobile.fixed{position:static}
.stellarnav.mobile ul{position:relative; display:none}
.stellarnav.mobile.active{padding-bottom:0}
.stellarnav.mobile.active > ul{display:block}
.stellarnav.mobile ul{text-align:left}
.stellarnav.mobile > ul > li{display:block}
.stellarnav.mobile > ul > li > a{padding-top:15px; padding-right:15px; padding-bottom:15px; padding-left:15px}
.stellarnav.mobile ul{background:rgba(221,221,221,1)}
.stellarnav.mobile ul ul{position:relative; opacity:1; visibility:visible; width:auto; display:none; -moz-transition:none; -webkit-transition:none; -o-transition:color 0 ease-in; transition:none;}
.stellarnav.mobile ul ul ul{left:auto; top:auto}
.stellarnav.mobile li.drop-left ul ul{right:auto}
.stellarnav.mobile li a{border-bottom:1px solid rgba(255,255,255,0.2)}
.stellarnav.mobile > ul{border-top:1px solid rgba(255,255,255,0.2)}
.stellarnav.mobile.light li a{border-bottom:1px solid rgba(255,255,255,0.2)}
.stellarnav.mobile.light > ul{border-top:none;}
.stellarnav.mobile li a.dd-toggle{border:0}
.stellarnav.mobile.light li a.dd-toggle{border:0; background:rgba(0,0,0,0.05)}
.stellarnav.mobile .menu-toggle, .stellarnav.mobile .dd-toggle, .stellarnav.mobile .close-menu, .stellarnav.mobile .call-btn-mobile, .stellarnav.mobile .location-btn-mobile{display:flex; align-items:center; border:none;}
.stellarnav.mobile li.call-btn-mobile{border-right:1px solid rgba(0,0,0, .1); box-sizing:border-box}
.stellarnav.mobile li.call-btn-mobile, .stellarnav.mobile li.location-btn-mobile{display:inline-block; width:50%; text-align:center}
.stellarnav.mobile li.call-btn-mobile.full, .stellarnav.mobile li.location-btn-mobile.full{display:block; width:100%; border-right:0; text-align:left}
.stellarnav.mobile.light ul{background:var(--bs-white)}
.stellarnav.mobile.dark ul{background:var(--bs-white)}
.stellarnav.mobile.dark ul ul, .stellarnav.mobile.light ul ul{background:var(--bs-white); padding:0}
.stellarnav.mobile.light li.call-btn-mobile{border-right:1px solid rgba(0,0,0, .1)}
.stellarnav.mobile.top{position:absolute; width:100%; top:0; left:0; z-index:9999}
.stellarnav.mobile li.has-sub > a:after, .stellarnav.mobile li li.has-sub > a:after, .stellarnav.mobile li.drop-left li.has-sub > a:after{display:none}
.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul{position:fixed; top:0; bottom:0; width:100%; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; z-index:500}
.stellarnav.mobile.right > ul{right:0}
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu{display:flex; text-align:right; align-items:center; justify-content:flex-end; height:80px;}
.stellarnav.mobile.left > ul{left:0}
.stellarnav.mobile.right .location-btn-mobile.half, .stellarnav.mobile.right .call-btn-mobile.half, .stellarnav.mobile.right .close-menu.half{text-align:center}
.stellarnav.mobile.right .location-btn-mobile.third, .stellarnav.mobile.right .call-btn-mobile.third, .stellarnav.mobile.right .close-menu.third{text-align:center}
.stellarnav.mobile.left .location-btn-mobile.half, .stellarnav.mobile.left .call-btn-mobile.half, .stellarnav.mobile.left .close-menu.half{text-align:center}
.stellarnav.mobile.left .location-btn-mobile.third, .stellarnav.mobile.left .call-btn-mobile.third, .stellarnav.mobile.left .close-menu.third{text-align:center}
.stellarnav.mobile.left .menu-toggle.half, .stellarnav.mobile.left .menu-toggle.third, .stellarnav.mobile.right .menu-toggle.half, .stellarnav.mobile.right .menu-toggle.third{text-align:left}
.stellarnav.mobile.left .close-menu.third span, .stellarnav.mobile.right .close-menu.third span{display:none}
@media only screen and (max-width :768px){
.stellarnav{overflow:hidden; display:block}
.stellarnav ul{position:relative; display:none}
}
@media only screen and (max-width :420px){.stellarnav.mobile .call-btn-mobile.third span, .stellarnav.mobile .location-btn-mobile.third span{display:none}
}

@media (min-width:992px) {
.stellarnav > ul > li:after{ content:''; display:table; clear:both;}
.stellarnav > ul > li{ float:left;}
.stellarnav > ul > li + li{ margin-left:24px}
.stellarnav > ul > li > a{ line-height:82px; padding: 0; display: flex; align-items: center;}
}

@media (min-width:1200px) {
.stellarnav > ul > li + li{ margin-left:32px}
}
.menu-toggle, .stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu{ text-transform:uppercase; font-weight:700;}

.mainNav {width:100%;}
/* First Level */
.mainNav ul {margin:0; padding:0; list-style:none; /*border-bottom:1px solid #444*/ font-weight:500;}
.mainNav ul li {border-top:1px solid rgba(0,0,0,0.2); }
.mainNav > ul >  li{ border:none; border-bottom:1px solid rgba(0,0,0,0.2);;}
.mainNav ul  li a:hover, .mainNav ul  li.current-menu-item a{ color:var(--bs-primary);}
.mainNav ul li a {color:var(--bs-dark); display:block; font-size:18px; line-height:normal; padding:14px 20px 14px 20px; text-decoration:none;}
.mainNav ul li a:hover {color:var(--bs-primary); text-decoration:none; }
/* Second Level */
.mainNav ul ul {border-bottom:none}
.mainNav ul ul li a {color:var(--bs-dark); display:block; line-height:normal; padding:12px 16px 12px 30px; }
.mainNav ul ul li a:hover {color:var(--bs-primary);}
/* Third Level */
.mainNav ul ul ul {border-top:1px solid rgba(0,0,0,0.2);;}
.mainNav ul ul ul li {border:none; }
.mainNav ul ul ul li a {padding:12px 24px; }
/* Accordion Button */
ul li.has-subnav .accordion-btn {/*color:var(--bs-white);*/  background:none;  font-size:16px; }


.slick-slider{position:relative; display:block; box-sizing:border-box; -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:100%; min-height:1px; }
[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; }

.slick-loading .slick-list{background:var(--bs-white) url(../images/theme-img/ajax-loader.gif) center center no-repeat; }
.slick-prev, .slick-next{font-size:0; line-height:0; position:absolute; top:50%; display:block; width:40px; height:40px; padding:0; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); cursor:pointer; color:transparent; border:none; outline:none; z-index:100; background:var(--bs-white); border-radius:50%; color:var(--bs-red); box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{color:var(--bs-white); outline:none; background:var(--bs-red); }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{opacity:1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity:1; }
.slick-prev:before, .slick-next:before{font-family: var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free")); font-weight:900; font-size:14px; line-height:1; opacity:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; z-index:100;}
.slick-prev{left:-8px; }
[dir='rtl'] .slick-prev{right:0px; left:auto; }
.slick-prev:before{content:'\f060'; }
[dir='rtl'] .slick-prev:before{content:'\f060'; }
.slick-next{right:-8px; }
[dir='rtl'] .slick-next{right:auto; left:15px; }
.slick-next:before{content:'\f061'; }
[dir='rtl'] .slick-next:before{content:'\f061'; }
/* Dots */
.slick-dotted.slick-slider{margin-bottom:0; }
.slick-dots{position:relative; margin-top:30px; display:block; width:100%; padding:0; margin-bottom:0; list-style:none; text-align:center; display:flex; align-items:center; justify-content:center; height: 12px;}
.slick-dots li{position:relative; display:inline-block; margin:0; padding:0; cursor:pointer; text-align:center; }
.slick-dots li button{font-size:0; line-height:0; display:block; width:100%; height:6px; width:6px; border-radius:50px; margin:0 9px; padding:0; cursor:pointer; color:transparent; border:0; outline:none; background:#FAA5A8; opacity:0.4 }
.slick-dots li button:hover, .slick-dots li button:focus{outline:none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before{ background:var(--bs-white); }
.slick-dots li.slick-active button{ background:var(--bs-primary); height:12px; width:12px; opacity:1}

.section-pattern-overlay{ background-image: url(../images/theme-img/section-pattern-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}
.section-pattern-overlay::before{ background: linear-gradient(97deg, #002446 1.18%, #6B070B 129.87%); mix-blend-mode: multiply; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;}
.dry-vit-list ul{ display: flex; flex-wrap: wrap; row-gap: 24px; column-gap: 24px; padding: 0; list-style: none; align-items: center;}
.dry-vit-list ul li{ width: calc(50% - 12px); background-image: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 7.16667C0 11.1247 3.20863 14.3333 7.16667 14.3333C11.1247 14.3333 14.3333 11.1247 14.3333 7.16667C14.3333 5.79545 13.9482 4.51418 13.2803 3.4251C13.1633 3.23433 13.1048 3.13895 13.005 3.12981C12.9051 3.12066 12.8273 3.20714 12.6716 3.38008L7.66219 8.94599C7.53984 9.08193 7.36702 9.16164 7.18419 9.16644C7.00136 9.17125 6.82459 9.10073 6.69526 8.97141L4.36193 6.63808C4.10158 6.37773 4.10158 5.95562 4.36193 5.69527C4.62228 5.43492 5.04439 5.43492 5.30474 5.69527L6.84309 7.23362C6.98298 7.37351 7.05292 7.44345 7.13883 7.44119C7.22474 7.43893 7.29091 7.36541 7.42325 7.21837L11.8668 2.28121C11.9906 2.14363 12.0526 2.07484 12.0472 1.99087C12.0418 1.90689 11.9743 1.84878 11.8393 1.73255C10.5846 0.652729 8.95187 0 7.16667 0C3.20863 0 0 3.20863 0 7.16667Z" fill="%235ADBFF"/></svg>'); background-position: left center; background-repeat: no-repeat; padding-left: 24px; height: fit-content;}
.dry-vit-list ul li a{ color: var(--bs-white); text-decoration: underline;}

.ProductSlider .d-flex > *{ color: #000; margin-bottom: 0; font-size: 14px;}
.ProductSlider .d-flex, .ProductSlider .d-flex:hover{ text-decoration: none;}
.ProductSlider .d-flex h6{ font-size: 16px;}
.ProductSlider { margin-left: -12px; margin-right: -12px;}
.ProductSlider .item{padding-left: 12px; padding-right: 12px;}

.search-filter-bar .form-control{ background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.584 14.5834L18.334 18.3334" stroke="%23191919" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.666 9.16663C16.666 5.02449 13.3082 1.66663 9.16602 1.66663C5.02388 1.66663 1.66602 5.02449 1.66602 9.16663C1.66602 13.3088 5.02388 16.6666 9.16602 16.6666C13.3082 16.6666 16.666 13.3088 16.666 9.16663Z" stroke="%23191919" stroke-width="1.25" stroke-linejoin="round"/></svg>'); background-repeat: no-repeat; background-position: 24px 50%; padding-left: 50px; border: none; width: 100%; max-width: 397px; height: 60px; font-size: 16px;}

.product-item { display: flex; flex-direction: column; gap: 16px;}

.product-item, .product-item:hover{ color: var(--bs-black); text-decoration: none;}
.product-item .flex-grow-1 > *{ margin-bottom: 0;}
.product-sidebar { padding: 20px; border-radius: 12px; background: var(--bs-white);}
.grid-btn{border-radius: 8px; background: var(--bs-white);  padding: 8px 12px; display: flex; align-items: center;}
.grid-btn button{ height: 44px; width: 44px; display: flex; align-items: center; justify-content: center; border-radius: 8px; background-position: center; background-repeat: no-repeat; border: none; background-color: transparent; text-indent: -9999px;}
.grid-btn button:hover, .grid-btn button.active{ background-color: var(--bs-primary);}
.grid-btn button.grid{ background-image: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.75 16.75C0.75 15.2096 0.75 14.4393 1.09673 13.8735C1.29074 13.5569 1.55693 13.2907 1.87353 13.0967C2.43934 12.75 3.20956 12.75 4.75 12.75C6.29044 12.75 7.06066 12.75 7.62647 13.0967C7.94307 13.2907 8.20926 13.5569 8.40327 13.8735C8.75 14.4393 8.75 15.2096 8.75 16.75C8.75 18.2904 8.75 19.0607 8.40327 19.6265C8.20926 19.9431 7.94307 20.2093 7.62647 20.4033C7.06066 20.75 6.29044 20.75 4.75 20.75C3.20956 20.75 2.43934 20.75 1.87353 20.4033C1.55693 20.2093 1.29074 19.9431 1.09673 19.6265C0.75 19.0607 0.75 18.2904 0.75 16.75Z" stroke="black" stroke-width="1.5"/><path d="M12.75 16.75C12.75 15.2096 12.75 14.4393 13.0967 13.8735C13.2907 13.5569 13.5569 13.2907 13.8735 13.0967C14.4393 12.75 15.2096 12.75 16.75 12.75C18.2904 12.75 19.0607 12.75 19.6265 13.0967C19.9431 13.2907 20.2093 13.5569 20.4033 13.8735C20.75 14.4393 20.75 15.2096 20.75 16.75C20.75 18.2904 20.75 19.0607 20.4033 19.6265C20.2093 19.9431 19.9431 20.2093 19.6265 20.4033C19.0607 20.75 18.2904 20.75 16.75 20.75C15.2096 20.75 14.4393 20.75 13.8735 20.4033C13.5569 20.2093 13.2907 19.9431 13.0967 19.6265C12.75 19.0607 12.75 18.2904 12.75 16.75Z" stroke="black" stroke-width="1.5"/><path d="M0.75 4.75C0.75 3.20956 0.75 2.43934 1.09673 1.87353C1.29074 1.55693 1.55693 1.29074 1.87353 1.09673C2.43934 0.75 3.20956 0.75 4.75 0.75C6.29044 0.75 7.06066 0.75 7.62647 1.09673C7.94307 1.29074 8.20926 1.55693 8.40327 1.87353C8.75 2.43934 8.75 3.20956 8.75 4.75C8.75 6.29044 8.75 7.06066 8.40327 7.62647C8.20926 7.94307 7.94307 8.20926 7.62647 8.40327C7.06066 8.75 6.29044 8.75 4.75 8.75C3.20956 8.75 2.43934 8.75 1.87353 8.40327C1.55693 8.20926 1.29074 7.94307 1.09673 7.62647C0.75 7.06066 0.75 6.29044 0.75 4.75Z" stroke="black" stroke-width="1.5"/><path d="M12.75 4.75C12.75 3.20956 12.75 2.43934 13.0967 1.87353C13.2907 1.55693 13.5569 1.29074 13.8735 1.09673C14.4393 0.75 15.2096 0.75 16.75 0.75C18.2904 0.75 19.0607 0.75 19.6265 1.09673C19.9431 1.29074 20.2093 1.55693 20.4033 1.87353C20.75 2.43934 20.75 3.20956 20.75 4.75C20.75 6.29044 20.75 7.06066 20.4033 7.62647C20.2093 7.94307 19.9431 8.20926 19.6265 8.40327C19.0607 8.75 18.2904 8.75 16.75 8.75C15.2096 8.75 14.4393 8.75 13.8735 8.40327C13.5569 8.20926 13.2907 7.94307 13.0967 7.62647C12.75 7.06066 12.75 6.29044 12.75 4.75Z" stroke="black" stroke-width="1.5"/></svg>');}
.grid-btn button.grid:hover, .grid-btn button.grid.active{ background-image: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.75 16.75C0.75 15.2096 0.75 14.4393 1.09673 13.8735C1.29074 13.5569 1.55693 13.2907 1.87353 13.0967C2.43934 12.75 3.20956 12.75 4.75 12.75C6.29044 12.75 7.06066 12.75 7.62647 13.0967C7.94307 13.2907 8.20926 13.5569 8.40327 13.8735C8.75 14.4393 8.75 15.2096 8.75 16.75C8.75 18.2904 8.75 19.0607 8.40327 19.6265C8.20926 19.9431 7.94307 20.2093 7.62647 20.4033C7.06066 20.75 6.29044 20.75 4.75 20.75C3.20956 20.75 2.43934 20.75 1.87353 20.4033C1.55693 20.2093 1.29074 19.9431 1.09673 19.6265C0.75 19.0607 0.75 18.2904 0.75 16.75Z" stroke="white" stroke-width="1.5"/><path d="M12.75 16.75C12.75 15.2096 12.75 14.4393 13.0967 13.8735C13.2907 13.5569 13.5569 13.2907 13.8735 13.0967C14.4393 12.75 15.2096 12.75 16.75 12.75C18.2904 12.75 19.0607 12.75 19.6265 13.0967C19.9431 13.2907 20.2093 13.5569 20.4033 13.8735C20.75 14.4393 20.75 15.2096 20.75 16.75C20.75 18.2904 20.75 19.0607 20.4033 19.6265C20.2093 19.9431 19.9431 20.2093 19.6265 20.4033C19.0607 20.75 18.2904 20.75 16.75 20.75C15.2096 20.75 14.4393 20.75 13.8735 20.4033C13.5569 20.2093 13.2907 19.9431 13.0967 19.6265C12.75 19.0607 12.75 18.2904 12.75 16.75Z" stroke="white" stroke-width="1.5"/><path d="M0.75 4.75C0.75 3.20956 0.75 2.43934 1.09673 1.87353C1.29074 1.55693 1.55693 1.29074 1.87353 1.09673C2.43934 0.75 3.20956 0.75 4.75 0.75C6.29044 0.75 7.06066 0.75 7.62647 1.09673C7.94307 1.29074 8.20926 1.55693 8.40327 1.87353C8.75 2.43934 8.75 3.20956 8.75 4.75C8.75 6.29044 8.75 7.06066 8.40327 7.62647C8.20926 7.94307 7.94307 8.20926 7.62647 8.40327C7.06066 8.75 6.29044 8.75 4.75 8.75C3.20956 8.75 2.43934 8.75 1.87353 8.40327C1.55693 8.20926 1.29074 7.94307 1.09673 7.62647C0.75 7.06066 0.75 6.29044 0.75 4.75Z" stroke="white" stroke-width="1.5"/><path d="M12.75 4.75C12.75 3.20956 12.75 2.43934 13.0967 1.87353C13.2907 1.55693 13.5569 1.29074 13.8735 1.09673C14.4393 0.75 15.2096 0.75 16.75 0.75C18.2904 0.75 19.0607 0.75 19.6265 1.09673C19.9431 1.29074 20.2093 1.55693 20.4033 1.87353C20.75 2.43934 20.75 3.20956 20.75 4.75C20.75 6.29044 20.75 7.06066 20.4033 7.62647C20.2093 7.94307 19.9431 8.20926 19.6265 8.40327C19.0607 8.75 18.2904 8.75 16.75 8.75C15.2096 8.75 14.4393 8.75 13.8735 8.40327C13.5569 8.20926 13.2907 7.94307 13.0967 7.62647C12.75 7.06066 12.75 6.29044 12.75 4.75Z" stroke="white" stroke-width="1.5"/></svg>');}
.grid-btn button.list{ background-image: url('data:image/svg+xml,<svg width="17" height="20" viewBox="0 0 17 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.75 4.25C0.75 2.84554 0.75 2.14331 1.08706 1.63886C1.23298 1.42048 1.42048 1.23298 1.63886 1.08706C2.14331 0.75 2.84554 0.75 4.25 0.75H12.25C13.6545 0.75 14.3567 0.75 14.8611 1.08706C15.0795 1.23298 15.267 1.42048 15.4129 1.63886C15.75 2.14331 15.75 2.84554 15.75 4.25C15.75 5.65446 15.75 6.35669 15.4129 6.86114C15.267 7.07952 15.0795 7.26702 14.8611 7.41294C14.3567 7.75 13.6545 7.75 12.25 7.75H4.25C2.84554 7.75 2.14331 7.75 1.63886 7.41294C1.42048 7.26702 1.23298 7.07952 1.08706 6.86114C0.75 6.35669 0.75 5.65446 0.75 4.25Z" stroke="%23191919" stroke-width="1.5"/><path d="M0.75 15.25C0.75 13.8455 0.75 13.1433 1.08706 12.6389C1.23298 12.4205 1.42048 12.233 1.63886 12.0871C2.14331 11.75 2.84554 11.75 4.25 11.75H12.25C13.6545 11.75 14.3567 11.75 14.8611 12.0871C15.0795 12.233 15.267 12.4205 15.4129 12.6389C15.75 13.1433 15.75 13.8455 15.75 15.25C15.75 16.6545 15.75 17.3567 15.4129 17.8611C15.267 18.0795 15.0795 18.267 14.8611 18.4129C14.3567 18.75 13.6545 18.75 12.25 18.75H4.25C2.84554 18.75 2.14331 18.75 1.63886 18.4129C1.42048 18.267 1.23298 18.0795 1.08706 17.8611C0.75 17.3567 0.75 16.6545 0.75 15.25Z" stroke="%23191919" stroke-width="1.5"/></svg>');}
.grid-btn button.list:hover, .grid-btn button.list.active{ background-image: url('data:image/svg+xml,<svg width="17" height="20" viewBox="0 0 17 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.75 4.25C0.75 2.84554 0.75 2.14331 1.08706 1.63886C1.23298 1.42048 1.42048 1.23298 1.63886 1.08706C2.14331 0.75 2.84554 0.75 4.25 0.75H12.25C13.6545 0.75 14.3567 0.75 14.8611 1.08706C15.0795 1.23298 15.267 1.42048 15.4129 1.63886C15.75 2.14331 15.75 2.84554 15.75 4.25C15.75 5.65446 15.75 6.35669 15.4129 6.86114C15.267 7.07952 15.0795 7.26702 14.8611 7.41294C14.3567 7.75 13.6545 7.75 12.25 7.75H4.25C2.84554 7.75 2.14331 7.75 1.63886 7.41294C1.42048 7.26702 1.23298 7.07952 1.08706 6.86114C0.75 6.35669 0.75 5.65446 0.75 4.25Z" stroke="%23ffffff" stroke-width="1.5"/><path d="M0.75 15.25C0.75 13.8455 0.75 13.1433 1.08706 12.6389C1.23298 12.4205 1.42048 12.233 1.63886 12.0871C2.14331 11.75 2.84554 11.75 4.25 11.75H12.25C13.6545 11.75 14.3567 11.75 14.8611 12.0871C15.0795 12.233 15.267 12.4205 15.4129 12.6389C15.75 13.1433 15.75 13.8455 15.75 15.25C15.75 16.6545 15.75 17.3567 15.4129 17.8611C15.267 18.0795 15.0795 18.267 14.8611 18.4129C14.3567 18.75 13.6545 18.75 12.25 18.75H4.25C2.84554 18.75 2.14331 18.75 1.63886 18.4129C1.42048 18.267 1.23298 18.0795 1.08706 17.8611C0.75 17.3567 0.75 16.6545 0.75 15.25Z" stroke="%23ffffff" stroke-width="1.5"/></svg>');}

.product-details-wrapper{ padding-top: 133px;}
.slider-for .img-lg{border-radius: 12px; background: var(--bs-white); padding: 48px;}
.slider-nav, .slider-for{ line-height: 0;}
.slider-nav{ margin: 24px -12px 0 -12px;}
.slider-nav .item{ padding: 0 12px;}
.slider-nav .img-sm{border-radius: 4px; background: var(--bs-white); padding: 12px; cursor: pointer;}
.slider-nav .slick-slide .img-sm{ border: 1px solid var(--bs-white);}
.slider-nav .slick-slide.slick-current.slick-active .img-sm{ border-color: var(--bs-primary);}

.product-details-wrapper .breadcrum-items{ gap: 8px;}
.product-details-wrapper .breadcrum-items span a::after{ margin-left: 8px;}
.product-details-wrapper .breadcrum-items span a, .product-details-wrapper .breadcrum-items span.current-item{ color: #000;}
.product-option .options{ display: flex; gap: 8px; flex-direction: column;}
.product-option .options .d-flex{border-radius: 8px; background: var(--bs-white); padding: 12px 16px; gap: 12px; align-items: center;}
.product-option .options .d-flex .full-img{ width: 78px;}

.product-nav{ display: flex; justify-content: center; top: 107px;}
.product-nav nav{border-radius: 126px; background: linear-gradient(90deg, #DDBEC0 0%, #AEBDCD 100%); padding: 15px 20px; display: flex; flex-wrap: wrap;}
.product-nav nav a{display: flex; padding: 10px 24px; justify-content: center; align-items: center; color: #191919; text-align: center; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; text-transform: uppercase; text-decoration: none; border-radius: 50px;}
.product-nav nav a:hover, .product-nav nav a.active{ color: #fff; background-color: var(--bs-primary);}

.product-details .content{border-radius: 12px; background: #FFF; padding: 24px; margin-top: 24px;}
.product-details .content .dwld-list .item{border-radius: 8px; border: 1px solid #EEE; background: #FFF; padding: 12px 16px; display: flex; gap: 12px; align-items: center;}
.product-details .anchor::before {height: 203px; margin-top: -203px;}
.content-gap > *{ margin-bottom: 0;}

/* #Media Queries
================================================== */

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

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


@media (min-width:768px) {
.partner-section [class*=col-]:nth-child(1), .partner-section [class*=col-]:nth-child(2){ margin-top: 0;}
.catalog-section [class*=col-]:nth-child(1), .catalog-section [class*=col-]:nth-child(2){ margin-top: 0;}
}

@media (min-width:992px) {
.header.fixed-header .stellarnav a, .header.fixed-header .stellarnav li a, .header.fixed-header  .stellarnav > ul > li > a{color:var(--bs-dark);}
.header.fixed-header .stellarnav > ul > li > a:hover,
.header.fixed-header .stellarnav > ul > li > a:hover, 
.header.fixed-header .stellarnav > ul > li:hover > a, 
.header.fixed-header .stellarnav > ul > li.current-menu-item > a, 
.header.fixed-header .stellarnav > ul > li.current-menu-parent > a,
.header.fixed-header .stellarnav li a:hover
{text-decoration:none; color:var(--bs-primary);}
.catalog-section [class*=col-]:nth-child(1), .catalog-section [class*=col-]:nth-child(2), .catalog-section [class*=col-]:nth-child(3){ margin-top: 0;}
}


@media (min-width:992px) and (max-width:1199px) {
.header .container .btn{ padding-left: 20px; padding-right: 20px; font-size: 15px;}
.header .container .logo{ width: 170px;}
.section{ padding: 60px 0;}
} 
/* END__ */

@media (min-width:768px) and (max-width:991px) {
.header .container .btn{ padding-left: 20px; padding-right: 20px; font-size: 15px; order: 2;}
.header .container .logo{ width: 170px; order: 1;}
.section{ padding: 40px 0;}
.stellarnav{ display: none;}
.header .menu-btn{ order: 3;}
.banner .container .btn-div{ justify-content: center;}
.banner .image-fit{ height: 600px;}
.why-content{ padding: 48px 32px;}
.footer-top{ padding: 32px 0;}
.footer-logo, .footer-content{ text-align: center;}
.footer-top .social{ justify-content: center;}
.footer-content p{ max-width: 100%;}
.breadcrum-items{ justify-content: center;}
.banner .image-fit{ height: 640px; width: 100%;}
.banner::before{ display: none;}
.banner.page-banner .container{ position: relative; top: auto; left: auto; transform: translate(0); -ms-transform: translate(0); -moz-transform: translate(0); padding-top: 112px; padding-bottom: 32px;}
.banner.page-banner .image-fit{ height: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.product-details-wrapper{ padding-top: 133px;}
} 
/* END__ */

@media only screen and (max-width:767px) {
.header .container .btn{ display: none;}
.header .container .logo{ width: 170px; order: 1;}
.section{ padding: 30px 0;}
.stellarnav{ display: none;}
.header .menu-btn{ order: 2; margin-left: auto;}
.banner .container .btn-div{ justify-content: center;}
.banner .image-fit{ height: 640px; width: 100%;}
.banner::before{ display: none;}
.why-content{ padding: 48px 24px;}
.banner-logos ul li, .page-logos ul li{ height: 63px; width: 150px;}
.banner-logos{ bottom: 24px;}
.TestiSlider .item .content{ padding-left: 24px; padding-right: 24px;}
.footer-top{ padding: 24px 0;}
.footer-bottom .container{ flex-direction: column; align-items: center; justify-content: center; gap: 8px; text-align: center;}
.footer-bottom .container ul{ justify-content: center;  margin-left: 0;}
.banner .container .btn-div .btn{ font-size: 15px; width: 250px;}
.banner .container .btn-div{ flex-direction: column;}
.footer-logo, .footer-content{ text-align: center;}
.footer-top .social{ justify-content: center;}
.breadcrum-items{ justify-content: center;}
.quality-section .image-fit{ height: 41%;}
.location-section .image-fit{ height: 25%;}
.quality-section .image-fit{ height: 420px;}
.banner.page-banner .container{ position: relative; top: auto; left: auto; transform: translate(0); -ms-transform: translate(0); -moz-transform: translate(0); padding-top: 112px; padding-bottom: 32px;}
.banner.page-banner .image-fit{ height: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.dry-vit-list ul li{ width: 100%;}
.product-details-wrapper{ padding-top: 113px;}
.slider-for .img-lg{ padding: 20px;}
.slider-nav .img-sm{padding: 5px;}
.product-nav nav{ padding: 12px; border-radius: 12px; justify-content: center;}
.product-nav nav a{ font-size: 14px; padding: 8px 12px;}

.product-nav{  top: 100px;}
.product-details .anchor::before {height: 200px; margin-top: -200px;}
} 
/* END__ */

@media only screen and (max-width:374px) {
.product-nav nav a{ font-size: 12px; padding: 6px 10px;}
} 
/* END__ */