﻿/*font-family: "Poppins";font-family: "Cormorant";font-family: "Faculty Glyphic";*/
::selection{background:var(--primary);color:#fff;text-shadow:none}
::-webkit-scrollbar{width:7px;background-color:#F5F5F5}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{display:none}
::-webkit-scrollbar-track-piece{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#dedede}
::-webkit-scrollbar-thumb:vertical{border-radius:0px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:var(--primary)}
*{font-size:0}
[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}
[class^="box-"]{display:none}
[class^="box-"].showfirst{display:block}
::after,::before{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
body{font-family:'Poppins',sans-serif;overflow-x:hidden;color:#000000;scroll-behavior:smooth;font-size:0;display:flex;flex-direction:column;min-height:100vh;margin:0;}
main{flex-grow:1;}
*:hover,*:focus,*{outline:none!important}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
img{max-width:100%;height:auto}
a,input[type="submit"]{-webkit-transition:all 0.4s ease-In-out;-moz-transition:all 0.4s ease-In-out;-o-transition:all 0.4s ease-In-out;transition:all 0.4s ease-In-out;display:inline-block;cursor:pointer;text-decoration:none}
a:hover{text-decoration:none}
li,p,a{font-size:16px;color:#000000;font-weight:500}
p{line-height:26px;display:block}
span{display:inline-block}
p-0{padding:0}
.hoverUnderLine{position:relative}
.hoverUnderLine:before{position:absolute;content:'';height:2px;width:100%;left:0;bottom:-5px;background-color:var(--primary);transition:all 0.5s;transform:scale(0.4);opacity:0}
.hoverUnderLine:hover:before{width:100%;transition:all 0.5s;transform:scale(1);opacity:1}
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
:root{--primary:#233f3f;--bg-primary:#233f3f;--gold:#cbb87e;--color-star:#f1b824;--bg-color:#f6f6f0;}
.bg-color{background-color:var(--bg-color)}

/**/
.slick-dots{text-align:center;bottom:20px;position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center;z-index:0;max-width:fit-content;margin:0 auto}
.slick-dots li{margin:5px}
.slick-dots li button{position:relative;height:15px;width:15px;border-radius:50%;background:#d6d6d600;cursor:pointer;font-size:0;border:1px solid #fff;padding:5px;-webkit-transition:all 0.4s ease-In-out;-moz-transition:all 0.4s ease-In-out;-o-transition:all 0.4s ease-In-out;transition:all 0.4s ease-In-out;box-sizing:border-box;opacity:0.4}
.slick-dots li.slick-active button{opacity:1}
.slick-dots li button:before{content:'';position:absolute;height:9px;width:9px;top:0;left:0;border-radius:100%;right:0;bottom:0;margin:auto;background-color:#fff}

/**/
header{background:var(--primary);padding:15px 0;text-align:center;}
.fixedHeader .logoWrap img{max-width:60%;}
.bg-primary{background-color:#233f3f!important;}
.bg-primary-cut{background-color:#233f3f;}
section.heroWrap{font-size:0;}
.heroSection li{font-size:0;}
.overlapContainer{padding:0;position:relative;}
.heroSection ul.slick-dots{}
.paraHero{background-color:#25423c;padding:20px;}
.paraHero p{color:var(--gold);font-size:18px;line-height:26px;font-weight:300;font-family:Faculty Glyphic;}
.WOneWrap{padding:20px 0;}
.infoData{}
.infoData a{color:var(--gold);font-size:18px;line-height:26px;}
ul.customArrows{display:flex;align-items:center;justify-content:center;gap:60px;margin-right:20%;}
ul.customArrows li{font-size:48px;color:var(--gold);cursor:pointer;position:relative;}
.fall{font-weight:100;}
.bg-Green1{background-color:#1b3633;padding:20px;}
ul.customArrows li:before{content:'';position:absolute;height:40px;width:40px;background-color:transparent;border:2px solid var(--gold);margin:auto;border-radius:100%;top:4px;transition:all 0.3s ease-in-out;opacity:0;}
ul.customArrows li.first:before{left:-10px;}
ul.customArrows li.last:before{right:-10px;}
ul.customArrows li:hover:before{transition:all 0.3s ease-in-out;opacity:1;}
.rightCutW{position:absolute;right:-355px;top:-6px;}
.rightCutW img{max-width:55%;}
section.bigSliderSec{position:relative;padding-bottom:70px; /* overflow:hidden; */}

/*    section.bigSliderSec:before {
        content: '';
        position: absolute;
        right: -110px;
        top: -5px;
        background-image: url('../images/w2.png');
        width: 260px;
        height: 160px;
        background-size: contain;
        background-repeat: no-repeat;
    }*/
.boxColor{position:absolute;top:80px;height:440px;width:30%;background-color:var(--primary);}
.woodWord{position:absolute;bottom:-60px;left:-4px;}
.woodWord img{}
.serviceSec{background-image:url('../images/pattern.png');padding:70px 0 0;margin-bottom:-70px;background-color:var(--bg-primary);background-size:cover;background-repeat:no-repeat;}
.headingWrap{}
.mainHeading{font-family:'Cormorant';font-size:42px;color:var(--gold);line-height:44px;padding-bottom:25px;text-transform:uppercase;}
.servBox{text-align:center;padding:70px 50px;}
.bg-color-1{background-color:#ebe9db;margin-top:70px;}
.bg-color-2{background-color:#317674;}
.bg-color-3{background-color:#4d7165;margin-top:70px;}
.servBox h3{font-family:'Cormorant';font-size:32px;color:var(--gold);line-height:42px;padding-bottom:30px;text-transform:uppercase;}
.servBox p{font-family:'Faculty Glyphic';font-size:20px;line-height:32px;color:#ebe9db;}
.bg-color-1 p{color:#000;}
.spacing{height:170px;margin-top:-70px;background-color:#fff;}
.pb-70{padding-bottom:70px}
#catSlider .slick-slide img{padding-inline:5px;}
#catSlider{margin-inline:-10px;}
.categories{overflow-x:hidden}
.contentBox{padding:70px;background-color:#4d7165;max-width:550px;}
.contentBox h2{font-family:'Cormorant';font-size:27px;color:var(--gold);line-height:32px;padding-bottom:25px;text-transform:uppercase;}
.contentBox p{font-family:'Faculty Glyphic';font-size:18px;line-height:26px;color:var(--gold);margin-bottom:12px;}
.contentBox{}
.mt-minu10{margin-top:-40vh;}
.blkheading h2{font-family:'Cormorant';font-size:34px;color:#25423D;line-height:44px;text-transform:uppercase;text-align:center;}
section.fullSec p{font-family:'Faculty Glyphic';font-size:16px;line-height:24px;color:var(--gold);}
.w-Wrap img{max-width:60%;position:relative;bottom:-50px;}
.social-icons{display:flex;align-items:center;}
.social-icons li a{height:40px;width:40px;display:flex;align-items:center;justify-content:center;border:1px solid #fff;}
.social-icons li{margin:0 5px}
footer{    /*#c9b472*/
background-color:var(--gold);text-align:center;clear:both;margin-top:50px;padding:30px 0;}
ul.footerMenu{display:flex;align-items:center;justify-content:center;gap:30px;}
ul.footerMenu a{color:#fff;}
.social-icons li a img{filter:brightness(0) invert(1);}
hr.footerHR{margin:30px 0;height:0;box-shadow:none;border:0;border-top:1px solid #fff;}

/**/
header{position:relative;}
.menu > ul{text-align:center;position:relative;font-size:0; /* For removing the default margin between the inline-block elements if any. */display:flex;align-items:center;justify-content:space-between;}
.menu > ul > li{display:inline-block;padding:10px 15px;cursor:pointer;position:relative;}
.menu > ul > li a{color:var(--gold);font-family:'Cormorant';text-transform:uppercase;font-weight:500;position:relative;}
li.has-sub-menu.first{padding-left:0;}
li.logoWrap{padding:0!important;margin-left:16px;}
.has-sub-menu > a::after{content:'';border:5px solid transparent;border-top-color:var(--gold);display:inline-block;vertical-align:middle;position:absolute;top:5px;transition:all 0.3s ease-in-out;right:-15px;}
.has-sub-menu:hover > a::after{transform:rotate(180deg);transition:all 0.3s ease-in-out;top:0;}
.sub-menu-wrapper{position:absolute;top:45px;left:-9999px;background:#fff;display:flex;opacity:0;transition:top .5s,opacity .5s;-webkit-transition:top .5s,opacity .5s;-moz-transition:top .5s,opacity .5s;-ms-transition:top .5s,opacity .5s;-o-transition:top .5s,opacity .5s;z-index:1;width:190px;}
.sub-menu{padding:0;width:100%;text-align:left;cursor:inherit;background-color:#cbb87e54;}
.sub-menu li{margin-bottom:0;overflow:hidden;}
.sub-menu-heading{border-bottom:1px solid var(--primary);margin-bottom:12px;cursor:pointer;padding-bottom:8px;}
.sub-menu a{}
.sub-menu-heading a:hover{}
.sub-menu-wrapper a{text-transform:capitalize!important;color:var(--primary)!important;font-size:16px;transition:all 0.3s ease-in-out;padding:10px 10px;margin:0;width:100%;border-bottom:0.01px solid;}
.has-sub-menu:hover > .sub-menu-wrapper{opacity:1;left:0;right:0;top:35px;box-shadow:0 0px 12px 2px rgb(35 63 63 / 25%);}
.sub-menu-wrapper a:before{content:'';position:absolute;height:100%;width:0;background-color:#d9d9d9b5;margin:0;inset:0;transition:all 0.3s ease-in-out;z-index:-1;}
.sub-menu-wrapper a:hover:before{width:100%;transition:all 0.3s ease-in-out;}
.sub-menu-wrapper a:hover{transition:all 0.3s ease-in-out;color:var(--bg-primary)!important;}
li.sub-menu-heading a{text-transform:uppercase!important;font-weight:700!important;}
.sub-menu li:nth-last-child(1) a{border:0;}

/* Hamburger Styling */
.menu-Bar{width:30px;height:30px;cursor:pointer;position:relative;right:0;top:0px;bottom:11px;z-index:1;display:block}
.menu-Bar span{display:block;height:3px;width:30px;background:var(--gold);position:absolute;transition:.6s all;border-radius:100px}
.menu-Bar span:nth-child(1){top:0}
.menu-Bar span:nth-child(2){top:11px;transform-origin:left}
.menu-Bar span:nth-child(3){top:22px}
.menu-Bar.active span:nth-child(1){transform:rotate(45deg);top:12px;transform-origin:right-center}
.menu-Bar.active span:nth-child(2){width:0;opacity:0}
.menu-Bar.active span:nth-child(3){transform:rotate(-45deg);top:12px;transform-origin:right-center}
.mobile-menu{display:none;}
.bar{height:3px;background:#ff5722;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.mobile-menu.active .bar:nth-child(1){transform:translateY(6px) rotate(-45deg);-webkit-transform:translateY(6px) rotate(-45deg);-moz-transform:translateY(6px) rotate(-45deg);-ms-transform:translateY(6px) rotate(-45deg);-o-transform:translateY(6px) rotate(-45deg);}
.mobile-menu.active .bar:nth-child(2){transform:translateY(-6px) rotate(45deg);-webkit-transform:translateY(-6px) rotate(45deg);-moz-transform:translateY(-6px) rotate(45deg);-ms-transform:translateY(-6px) rotate(45deg);-o-transform:translateY(-6px) rotate(45deg);}
.mt--3{margin-top:-3rem;}
.fixedHeader{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-name:fadeInDown;animation-delay:0.2s;position:fixed;top:0;z-index:9;width:100%;padding:10px 0;border-bottom:1px solid var(--gold);}
body.no-scroll{overflow:hidden; /* Disable body scrolling */}

/*product page*/
.productBoxWrap{text-align:center;position:relative;font-size:0;margin:15px 0 25px;}
.pdt-imgWrap{display:block;position:relative;overflow:hidden;font-size:0;}
.pdt-imgWrap img{width:100%;transition:opacity 0.5s ease-in-out;}

/* Hide hover image only if it exists */
.pdt-imgWrap .hover-img{position:absolute;top:0;left:0;opacity:0;}
.pdt-imgWrap:hover .hover-img{opacity:1;}
.pdt-imgWrap:hover .default-img{opacity:0;}

/* Ensure default image stays visible if no hover image is present */
.pdt-imgWrap img.default-img:only-child{opacity:1!important;transition:all 0.6s ease-in-out;}
.pdt-imgWrap img.default-img:only-child:hover{transform:scale(1.2);transition:all 0.3s ease-in-out;}
.product-name{display:block;font-size:20px;text-decoration:none;max-width:fit-content;margin:15px auto 0;}
.product-name:hover{color:var(--gold);}
.pt-sec{padding:3rem 0;}
ul.productUL{display:grid;grid-template-columns:repeat(4,1fr); /* 3 equal columns */gap:15px; /* Equal spacing between items */padding:0;margin:0;list-style:none;}
ul.productUL li{box-sizing:border-box;}

/* Spacing and Scrolling Fix for Product Detail Page */

/* Main Wrapper for both sliders */
.navForWrap{display:flex;gap:20px;align-items:flex-start;justify-content:center;position:sticky;-webkit-position:sticky;top:20px;}

/* Vertical Navigation Slider (Thumbnails) */
.navForWrap .slider-nav{max-width:130px;list-style:none;padding:0;margin:0;overflow-y:auto;max-height:490px;scrollbar-width:none;margin-top:-5px;}
.navForWrap .slider-nav img{width:100%;height:auto;cursor:pointer;transition:border 0.3s ease,transform 0.3s ease; /* Adds spacing between thumbnails */border:2px solid transparent;}
.navForWrap .slider-nav .slick-current img{border-color:var(--bg-primary);}
.slick-vertical .slick-slide{padding:5px 0px;}

/* Main Image Slider (Right Side) */
.navForWrap .slider-for{width:calc(100% - 130px);list-style:none;padding:0;margin:0;position:relative;}
.navForWrap .slider-for img{width:100%;height:auto;object-fit:cover;}

/*.navForWrap .slick-track{margin-top:-25px;}*/

/* Arrows Styling */
.navForWrap .slick-arrow{opacity:0;transition:opacity 0.3s ease;}
.navForWrap .slider-for:hover .slick-arrow{opacity:1;}
.navForWrap .slick-prev,.navForWrap .slick-next{font-size:24px;color:#333;z-index:10;position:absolute;top:50%;transform:translateY(-50%);height:50px;width:50px;background-color:#fff;border-radius:100%;border:1px solid var(--primary);}
.navForWrap .slick-next{right:-25px;}
.navForWrap .slick-prev{left:-25px;}

/* Prevent vertical jerking when less than 5 items */
.navForWrap .slider-nav .slick-track{transform:none!important;}
.pdt_nameWrap{}
.pdt_nameWrap h2{font-family:'Cormorant';font-size:30px;line-height:32px;color:var(--primary);font-weight:700;text-transform:uppercase;}
.pdt_nameWrap h3{font-size:17px;margin:20px 0;}
.pdt_nameWrap h3 span{font-weight:600;}
.quoteBtnWrap{margin:20px 0;padding-top:20px;border-top:.5px solid var(--gold);}
.quoteBtn,.ContactBtn{font-size:16px;font-weight:500;color:var(--gold);border:1px solid;padding:0 15px;height:48px;display:flex;align-items:center;justify-content:center;max-width:fit-content;background-color:var(--primary);cursor:pointer;}
.quoteBtn:hover,.ContactBtn:hover{background-color:transparent;}
.pdt-Featurs{}
.pdt-Featurs h2{font-size:18px;font-weight:600;padding-bottom:20px;}
.pdt-Featurs ul{padding:0 0 20px 20px;}
.pdt-Featurs ul li{font-size:15px;line-height:24px;position:relative;margin-bottom:10px;}
.pdt-Featurs ul li:before{content:'';height:8px;width:8px;border-radius:100%;position:absolute;left:-20px;top:7px;background-color:var(--gold);border:1px solid var(--primary);}
.pdt-Featurs ul li strong{font-weight:600;}
.pdt-Featurs p{font-size:15px;line-height:24px;margin-bottom:20px;}
.midBanner{height:450px;display:flex;align-items:center;position:relative;z-index:1;background-position:center;}
.midBanner::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3); /* Adjust the opacity as needed */z-index:-1;}
.midBanner .messageArea h2{font-size:36px;color:#fff;text-shadow:0 0 3px var(--bg-primary);line-height:42px;margin-bottom:15px;}
.midBanner .messageArea p{color:#fff;}
.sixBYsix{}
.secPad{padding:50px 0;}
.pr-5{}

/*.textBlock{padding-inline:15%;}*/
.textBlock h2{font-size:40px;font-weight:600;font-family:'Cormorant';line-height:48px;margin-bottom:20px;text-transform:uppercase;}
.textBlock p{line-height:32px;}

/**/
span.rating{color:var(--color-star);}
.testimonials{}
.testimonials h2{font-size:32px;font-weight:600;color:#fff;line-height:34px;padding-bottom:40px;font-family:'Cormorant';text-transform:uppercase;}
#testimonialSlider p{color:#fff;font-weight:400;font-size:20px;line-height:30px;padding:20px 30px;}
.testimonials .slick-dots{position:unset;padding-top:30px;}
h3.testimonials_auth{font-size:20px;color:#fff;}
ul#testimonialSlider .slick-slide{opacity:0.3;}
ul#testimonialSlider .slick-slide.slick-current{opacity:1;}
.mayLikeSec h2{color:var(--primary);font-size:40px;font-weight:600;line-height:46px;padding-bottom:20px;font-family:'Cormorant';text-transform:uppercase;}

/* Modal Overlay - Glassmorphism Effect */
.overlayBlack{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(255 255 255 / 8%);backdrop-filter:blur(2px); /* Glass effect */-webkit-backdrop-filter:blur(2px);z-index:999;}

/*.overlayBlackMenu {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);*/
/* Semi-transparent black *//*z-index: 99;*/ /* Lower than the menu but above the content *//*background: rgb(255 255 255 / 8%);backdrop-filter: blur(2px);*/ /* Glass effect *//*-webkit-backdrop-filter: blur(2px);}*/

/* Prevent Scrolling */
.overflow-y-hidden{overflow:hidden!important;}

/* Modal Styling with Glass Effect */
.modal{display:none;position:fixed;z-index:1000;max-width:500px;margin:auto;max-height:fit-content;inset:0;}

/* Modal Content with Glass Effect */
.modal-content{background:rgb(255 255 255); /* Transparent white */backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(15px);padding:20px;border-radius:0;box-shadow:0 0 30px rgb(35 63 63);position:relative;border:1px solid rgb(35 63 63);}

/* Heading and Paragraph Styling */
.modal-content h2{font-size:18px;color:var(--primary);font-weight:600;text-transform:uppercase;text-align:center;}
.modal-content p{text-align:center;}

/* Close Button (X) */
.closePopUp{position:absolute;top:10px;right:15px;font-size:24px;font-weight:bold;cursor:pointer;color:#333;}
.closePopUp:hover{color:red;}

/* Input Fields Styling */
input,textarea{width:100%;padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:0;font-size:14px;font-weight:normal; /* Ensures same weight */font-family:'Poppins',sans-serif;color:#333; /* Adjust if needed */background-color:#fff; /* Ensure same background */box-sizing:border-box;resize:none;}

/* Submit Button Styling */
.submitBtn{width:100%;padding:10px;background:var(--primary);border:none;border-radius:0;color:white;font-size:18px;cursor:pointer;transition:background 0.3s;}
.submitBtn:hover{background:var(--gold);}

/* Active Modal State */
.openModal{display:block!important;}
.active{display:block!important;}

/**/
.Innerbanner{background-image:url(../images/product-detail/door-crop-2.jpg);height:400px;background-size:cover;background-position:center bottom;}
.subpageSec h1{font-family:'Cormorant';font-size:32px;line-height:32px;color:var(--primary);font-weight:700;text-transform:uppercase;padding-bottom:20px;}
.subpageSec h2{font-size:24px;line-height:26px;color:var(--primary);font-weight:600;padding:25px 0 10px;}
.subpageSec p{margin-bottom:15px;}
.contactus label.form-label{font-size:16px;margin-top:20px;display:block;}
.infodetails{padding-top:25px;}
.infodetails h4{font-size:16px;margin-bottom:30px;}
.infodetails h4 strong{display:block;margin-bottom:14px;font-size:22px;font-weight:500;}
.iconCardWrap{margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;}
.iconCard{display:flex;align-items:center;gap:15px;padding-inline:15px;flex-flow:column;justify-content:center;align-items:center;text-align:center;}
.iconCard img{width:50px;height:50px;}
.text{flex:1;}
.text h4{font-size:20px;padding:15px 0;font-weight:500;color:var(--bg-primary);}
.text p{font-size:14px;color:#666;}
.sticky-quote-btn{font-family:"Cormorant",serif;background-color:var(--gold);color:var(--primary);border:none;padding:15px 15px;font-size:22px;font-weight:500;display:flex;align-items:center;/*    gap: 10px;*/position:fixed;bottom:30px;right:30px;border-radius:8px;cursor:pointer;box-shadow:2px 4px 6px rgb(0 0 0 / 29%);transition:all 0.3s ease-in-out;text-transform:uppercase;border:1px solid transparent;z-index:1;}
.sticky-quote-btn .icon{font-size:0;border-right:2px solid;padding-right:5px;margin-right:12px;}
.sticky-quote-btn .icon img{max-width:70%;}
.sticky-quote-btn:hover{border-color:var(--primary);}

/**/
#search{position:fixed;top:0px;left:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.7);-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;-webkit-transform:translate(0px,-100%) scale(0,0);-moz-transform:translate(0px,-100%) scale(0,0);-o-transform:translate(0px,-100%) scale(0,0);-ms-transform:translate(0px,-100%) scale(0,0);transform:translate(0px,-100%) scale(0,0);opacity:0;display:flex;align-items:center;justify-content:center;text-align:center;z-index:9999;}
#search input[type="text"]{width:90%;color:#fff;background:rgba(0,0,0,0);font-size:60px;font-weight:400;text-align:center;border:0;border-bottom:0.5px solid var(--gold);margin:0 0 15px;}
#search .btn{background-color:var(--gold);font-size:18px;color:#fff;border:0;padding:15px 30px;border-radius:4px;font-weight:500;text-transform:uppercase;cursor:pointer;}
#search .close{position:fixed;top:25px;right:35px;color:#fff;background-color:#c70000;border-color:#c70000;opacity:1;padding:10px 17px;font-size:27px;cursor:pointer;}
#search.open{-webkit-transform:translate(0px,0px) scale(1,1);-moz-transform:translate(0px,0px) scale(1,1);-o-transform:translate(0px,0px) scale(1,1);-ms-transform:translate(0px,0px) scale(1,1);transform:translate(0px,0px) scale(1,1);opacity:1;z-index:9;}
a.btnSearchIcon{background-color:var(--gold);padding:5px 15px 2px;position:absolute;right:40px;top:0;margin:auto;bottom:0;font-weight:900;height:35px;width:35px;display:flex;align-items:center;justify-content:center;font-size:20px;}
.error{border:1px solid red!important;}
.productnotfound h2{font-size:32px;line-height:32px;color:var(--primary);font-weight:700;padding-bottom:20px;}

