*{font-family: "Roboto", sans-serif;transition:.3s ease;padding:0;margin:0;box-sizing:border-box;}
img{object-fit:cover;max-width:100%;}
.container{max-width:1230px;}
a{text-decoration:none !important;display:inline-block;color: black;}
ul li{list-style:none;}
ul{padding: 0;}
.flexAll{display: flex;justify-content: center;align-items: center;}
p{margin-bottom:0px; }
.box10{width:10%}
.box50{width:50%}
.box15{width:15%}
.box60{width:60%}
.box40{width:40%}
.box70{width:75%}
.box33{width:33%}
.box100{width:100%}
.box80{width:80%}
.text-center{text-align: center;}
figure{margin: 0;}
ul{margin: 0;}
.mb70{margin-bottom: 70px;}
section{overflow: hidden;}
body{overflow-x:hidden ;}
.menu-button{display: none;}
.close-button{display: none;}



header.home{position: absolute;width: 100%;z-index: 999;}
header .lower-header .navigation nav ul li.active a{color:#12562D;font-weight: 600;}
header .lower-header .row-2{display: flex;align-items: center;justify-content: space-between;}
header .lower-header .navigation nav ul{display: flex;margin: 0;align-items: center;justify-content: end;}
header .lower-header .navigation nav ul li a{color: #525252;font-size: 16px;font-weight: 400;position: relative;margin-left: 50px;}
header .lower-header .logo {flex:0 0 22%;}
header .lower-header .navigation{flex:0 0 59%;}
header .lower-header .navigation nav ul li a:hover{color:#12562D}
header .lower-header{padding: 5px;}
header .upper-header .row-2 .right .contact-info ul li .fa-envelope{border-left: 2px solid #fff;padding-left: 30px;}
header .lower-header .button a{padding: 9px 17px;background: #12562D;color: #fff;font-size: 14px;text-transform: uppercase;border-radius: 50px;}
header .lower-header .button .btn i{padding-right: 8px;}
header .lower-header .row-2 .logo figure img{width: 164px;height: 116px;}
header .lower-header .button a:hover{background: #000;}
header .lower-header nav ul li a:hover::after {width: 100%;}
header .lower-header nav ul li a::after{content: "";position: absolute;left: 0;bottom: -6px;width: 0;height: 2px;background: #12562D;transition: width 0.3s ease;} 




.banner{background-image: url(..//images/Ellipse\ 24.png);position: relative;background-repeat: no-repeat;    background-position: right top;}


.banner .wrapper .content{margin-top: 50px;width: 508px;    margin-top: 160px;}
.banner .wrapper .content small{padding:8px 12px;font-size: 14px;letter-spacing: 15%;color: #024E32;background: rgba(2, 78, 50, 0.05);border-radius: 50px;border: 1px solid rgba(2, 78, 50, 0.1);margin-bottom: 25px;display: inline-block;}
.banner .wrapper .content h3{font-size: 72px;font-weight: 700;line-height: 80px;color: #000;margin-bottom: 30px;}
.banner .wrapper .content p{font-size: 18px;color: rgba(82, 82, 82, 1);line-height: 30px;margin-bottom: 25px;}
.banner .wrapper .button a.greenbutton{font-size: 14px;letter-spacing: 15%;text-transform: uppercase;background: rgba(18, 86, 45, 1);border-radius: 50px;padding: 10px 20px;color: #fff;margin-right: 7px;}
.banner .wrapper .button a.greenbutton:hover{background: #000;}
.banner .wrapper .button a.whitebutton{font-size: 14px;letter-spacing: 15%;text-transform: uppercase;color: #024E32;background: rgba(2, 78, 50, 0.05);border-radius: 50px;padding: 10px 20px;border: 1px solid rgba(2, 78, 50, 0.1);font-weight: bold;}
.banner .row{align-items: center;}
.banner .wrapper .button a.whitebutton:hover{border: 1px solid ;}
.banner .wrapper{border-bottom: 1px solid rgba(224, 224, 224, 1);padding-bottom: 50px;}
.banner .wrap{position: relative;}
.banner .wrap .cont{position: absolute;border-radius: 10px;border: 1px solid rgba(255, 255, 255, 1);  background: linear-gradient(
        180deg, rgba(255,255,255,.38) 0%, rgba(255,255,255,.20) 100%
    );border: 1px solid rgba(255,255,255,.7);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);;padding: 5px 15px;bottom: 24px;left: 21px;left: 20px;bottom: 20px;z-index: 2;}
.banner .wrap .cont b{font-size: 15px;font-weight: 500;}
.banner .wrap .cont p{font-size: 12px;color: rgba(133, 133, 133, 1);}
.banner .counter{   padding-top:40px;}
.banner .counter ul{display:flex;justify-content:space-between;align-items:center;list-style:none;margin:0;padding:0;}
.banner .counter ul li{width:33.33%;}
.banner .counter .wrap{text-align:center;}
.banner .counter h2{margin:0;font-size:42px;font-weight:700;line-height:1;color:rgba(0, 0, 0, 1);}
.banner .counter h2 span:last-child{font-size:42px;font-weight:700;}
.banner .counter h4{font-size:15px;font-weight:500;color:rgba(82, 82, 82, 1);}
.banner .wrap .cont,.banner .counter{display: none;}

.season .wrapper figcaption .icon{display: none !important;}
.season .wrapper figcaption p{display: none;}

.category{padding: 60px 0;}
.category .top{ width: 614px; margin-bottom: 40px;}
.category .top h3{font-size: 50px;font-weight: bold;line-height: 60px;color: #000;margin-bottom: 0;}
.category .top small{font-size: 14px;line-height: 20px;color: rgba(2, 78, 50, 1);letter-spacing: 2px;margin-left: 12px;font-weight: 500;text-transform: uppercase;}
.category .wrapper{border: 1px solid rgba(2, 78, 50, 0.1);box-shadow: 0 10px 20px rgba(0,0,0,.1);border-radius: 10px;overflow: hidden;background: #fff;transition: all .4s ease;}
.category .wrapper:hover{transform: translateY(-10px);box-shadow: 0 20px 40px rgba(0,0,0,.15);}
.category .wrapper figure{margin: 0;overflow: hidden;}
.category .wrapper figure img{width: 100%;display: block;transition: transform .5s ease;}
.category .wrapper:hover figure img{ transform: scale(1.08);}
.category .wrapper figcaption{padding: 20px;}
.category .wrapper figcaption h5{font-size:19px; font-weight: bold; color: #000; margin-bottom: 10px;}
.category .wrapper figcaption p{font-size: 16px;line-height: 26px;font-weight: 400;color: rgba(82,82,82,1);margin-bottom: 20px;}
.category .wrapper figcaption a{display: inline-flex;align-items: center;gap: 8px;color: rgba(2,78,50,1);font-size: 14px;font-weight: 600;text-transform: uppercase;text-decoration: none;transition: all .3s ease;}
.category .wrapper figcaption a i{transform: rotate(-35deg);transition: all .3s ease;}
.category .wrapper:hover figcaption a{ color: #000;}
.category .wrapper:hover figcaption a i{transform: rotate(0deg) translateX(5px);}





.season{padding:60px 0;}
.season .top{width:614px;margin-bottom:40px;}
.season .top h3{font-size:50px;font-weight:bold;line-height:60px;color:#000;margin-bottom:0;}
.season .top small{font-size:14px;line-height:20px;color:#024E32;letter-spacing:2px;font-weight:500;text-transform:uppercase;}
.season .headtop{display:flex;justify-content:space-between;align-items:center;}
.season .headtop .right a{font-size:12px;padding:12px 30px;color:#000;border:1px solid rgba(2,78,50,.15);border-radius:50px;font-weight:600;text-transform:uppercase;transition:.35s;letter-spacing: 15%;font-weight: 600;}
.season .headtop .right a:hover{background:#024E32;color:#fff;}
.season .wrapper{border:1px solid rgba(2,78,50,.1);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 10px 20px rgba(0,0,0,.08);transition:.4s ease;position: relative;}
.season .wrapper:hover{transform:translateY(-10px);box-shadow:0 18px 35px rgba(0,0,0,.15);}
.season .wrapper figure{position:relative;margin:0;overflow:hidden;}
.season .wrapper figure img{width:100%;display:block;transition:.5s ease;}
.season .wrapper:hover figure img{transform:scale(1.08);}
.season .wrapper .limit{position:absolute;top:11px;left:15px;z-index:3;}
.season .wrapper .limit p{margin:0;background:#000;color:#fff;font-size:10px;padding:5px 12px;border-radius:30px;letter-spacing:2px;text-transform:uppercase;}
.season .wrapper .view{position:absolute; left:0; right:0; bottom:-70px; opacity:0; transition:.4s ease; z-index:2;}
.season .wrapper:hover .view{bottom:18px;opacity:1;}
.season .wrapper .view p{width: 75%;margin: auto;padding: 10px 0;text-align: center;border-radius: 50px;background: rgb(255 255 255 / 69%);border: 1px solid rgba(255, 255, 255, .9);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);color: #000;font-size: 14px;font-weight: 600;text-transform: uppercase;letter-spacing: 2px;transition: .3s;}
.season .wrapper .view p:hover{ background:#fff;}
.season .wrapper .view p:hover a{ color: #024E32;}
.season .wrapper figcaption{ padding:20px;}
.season .wrapper figcaption .icon{display:flex;align-items:center;margin-bottom:10px;}
.season .wrapper figcaption .icon i{color:#E1A100;margin-right:3px;}
.season .wrapper figcaption small{margin-left:5px;font-size:16px;color:#525252;}
.season .wrapper figcaption h5{font-size:19px;font-weight:700;color:#000;height:47px;margin-bottom:8px;}
.season .wrapper figcaption p{ font-size:16px; color:#024E32; font-weight:500; margin-bottom:20px;}
.season .wrapper figcaption a{display:block;width:100%;text-align:center;padding:12px;background:#000;color:#fff;border-radius:50px;text-transform:uppercase;letter-spacing:2px;font-size:14px;font-weight:600;transition:.3s;}
.season .wrapper figcaption a:hover{ background:#024E32;}







.shipping{padding: 60px 0;padding-top: 20px;}
.shipping .wrapper {border: 1px solid rgba(218, 218, 218, 1); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); padding: 40px 25px; border-radius: 10px; transition: all 0.3s ease;}
.shipping .wrapper img{  background: rgba(231, 244, 236, 1);padding: 15px 16px;border-radius: 10px;margin-bottom: 20px;}
.shipping .wrapper h3{font-size: 20px;font-weight: bold;line-height: 20px;color: #000;margin-bottom: 15px;}
.shipping .wrapper p{font-size: 14px;color: rgba(82, 82, 82, 1);line-height: 22px;}
.shipping .wrapper:hover {transform: translateY(-8px) rotate(-1deg);box-shadow: 0 18px 35px rgba(0, 0, 0, 0.18);}





.smoking{padding: 60px 0;}
.smoking .wrapper{ position: relative; overflow: hidden; border-radius: 20px;}
.smoking .wrapper figure{ margin: 0;}
.smoking .wrapper figure img{width: 100%;height: 502px;object-fit: cover;display: block;border-radius: 20px;}
.smoking .wrapper::before{content: "";position: absolute;inset: 0;border-radius: 20px;z-index: 1;background: linear-gradient(
        90deg,
        rgba(0,0,0,.75) 0%,
        rgba(0,0,0,.65) 28%,
        rgba(0,0,0,.55) 55%,
        rgba(0,0,0,.45) 100%
    );}

.smoking .wrapper .content{position: absolute;top: 50%;left: 45px;transform: translateY(-50%);width: 640px;z-index: 2;}
.smoking .wrapper .content small{ display: block; font-size: 14px; font-weight: 500; color: #fff; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 18px;}
.smoking .wrapper .content h3{ font-size: 62px; line-height: 70px; font-weight: 700; color: #fff; margin-bottom: 22px;}
.smoking .wrapper .content p{width: 560px;font-size: 18px;line-height: 32px;color: rgba(255,255,255,.9);margin-bottom: 35px;}
.smoking .wrapper .content a{ display: inline-flex; align-items: center; justify-content: center; padding: 10px 19px; background: rgba(18, 86, 45, 1); color: #fff; border-radius: 50px; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; font-size: 14px; font-weight: 600; transition: .35s ease;}
.smoking .wrapper .content a:hover{ background: #000;}
.smoking .wrapper figure img{filter: brightness(.75);}
.smoking .wrapper .content a:hover{
    background: #000;
    transform: translateY(-5px);
    box-shadow: 0 12px 25px rgba(2, 78, 50, .35);
}





.review{padding: 60px 0;}
.review .top{ width: 614px; margin-bottom: 40px;}
.review .top h3{font-size: 50px;font-weight: bold;line-height: 50px;color: #000;margin-bottom: 0;}
.review .top small{font-size: 14px;line-height: 20px;color: rgba(2, 78, 50, 1);letter-spacing: 2px;font-weight: 500;text-transform: uppercase;}


.review .icon i{color: #E1A100;}
.review .icon {margin-bottom: 13px;margin-top: 5px;}
.review .wrapper figcaption h3{font-size: 20px;line-height: 30px;text-transform: capitalize;font-weight: bold;margin-bottom: 15px;    height: 88px;}
.review .wrapper figcaption p{font-size: 13px;line-height: 22px;text-transform: capitalize;font-weight: 400;border-top: 1px solid rgba(224, 224, 224, 1);padding-top: 10px;color: rgba(82, 82, 82, 1);}
.review .wrapper{border: 1px solid rgba(218, 218, 218, 1);background: rgba(246, 246, 245, 1);border-radius: 10px;padding: 15px;height: 204px;box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);transition: all 0.35s ease;}
.review .wrapper figcaption p strong{font-weight: bold;}

.review .wrapper:hover {
    transform: translateY(-10px) rotate(-1deg);

    box-shadow:
        0 10px 25px rgba(0, 0, 0, 0.15),
        0 20px 45px rgba(0, 0, 0, 0.12);

    border-color: rgba(218, 218, 218, 0.8);}



.about{padding: 60px 0;}
.about .wrapper small{font-size: 14px;line-height: 20px;color: rgba(2, 78, 50, 1);letter-spacing: 2px;font-weight: 500;text-transform: uppercase;}
.about .wrapper h3{font-size: 50px;font-weight: bold;line-height: 50px;color: #000;margin-bottom: 0;width: 519px;margin-bottom: 20px;}
.about .wrapper p{font-size: 16px;line-height: 26px;}
.about .wrapper ul{margin-top: 15px;}
.about .wrapper ul li{display: flex;align-items: center;margin-bottom: 10px;}
.about .wrapper figure img{height: 444px;border-radius: 10px;}
.about .wrapper ul li i{margin-right: 10px;color: #12562D;}





.location{padding: 60px 0;padding-top: 20px;}
.location .wrapper { position: relative;overflow: hidden;
border: 1px solid rgba(218, 218, 218, 1);box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);padding: 40px 25px;border-radius: 10px;background: rgba(255, 255, 255, 1);
transition: all 0.35s ease;}
.location  .top small{font-size: 14px;line-height: 20px;color: rgba(2, 78, 50, 1);letter-spacing: 2px;font-weight: 500;text-transform: uppercase;}
.location .top  h3{font-size: 50px;font-weight: bold;line-height: 60px;color: #000;margin-bottom: 0;width: 519px;margin-bottom: 40px;}
.location .wrapper:hover {transform: translateY(-12px) rotate(-1deg);box-shadow:0 12px 25px rgba(0, 0, 0, 0.16),0 25px 50px rgba(0, 0, 0, 0.13);border-color: rgba(200, 200, 200, 1);}

.location .wrapper i{    background:#e7f4ec;padding: 15px 20px;border-radius: 10px;margin-bottom: 20px;color: #19613b;}
.location .wrapper h3{font-size: 20px;font-weight: bold;line-height: 20px;color: #000;margin-bottom: 15px;}
.location .wrapper p{font-size: 14px;color: rgba(82, 82, 82, 1);line-height: 22px;}
.location .wrapper .hour {display: flex;align-items: center;margin-top: 5px;}
.location .wrapper ul li{display: flex;align-items: center;}
.location .wrapper .hour i{    background:none;padding:0;border-radius: 0px;margin-bottom: 0px;margin-right: 5px;color: rgba(82, 82, 82, 1);font-size: 12px;}
.location .wrapper:hover{box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);border: 1px solid rgba(218, 218, 218, 1);}


.location .wrapper::after {content: "";position: absolute;top: 0;left: -120%;width: 55%;height: 100%;background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.55),
        transparent
    );transform: skewX(-20deg)transition: left 0.6s easepointer-events: none;}

.location .wrapper:hover::after { left: 130%;}



.copyright{padding: 20px;background: rgba(2, 78, 50, 1);}
.copyright p{text-align: center;color: #fff;font-size: 16px;}








.cb-popup {position: fixed;inset: 0;z-index: 999999;display: flex;align-items: center;justify-content: center;padding: 15px;background: rgba(0, 0, 0, .78);opacity: 0;visibility: hidden;pointer-events: none;transition: .3s ease;}

.cb-popup.active {opacity: 1;visibility: visible;pointer-events: auto;}
.cb-box {position: relative;display: flex;width: 900px;max-width: 95%;height: 520px;max-height: calc(100vh - 35px);overflow: hidden;background: #fff;border-radius: 10px;box-shadow: 0 25px 80px rgba(0, 0, 0, .5);transform: scale(.96);transition: .35s ease;}
.cb-popup.active .cb-box {transform: scale(1);}
.cb-close {position: absolute;top: 12px;right: 14px;width: 34px;height: 34px;padding: 0;border: 0;border-radius: 50%;background: #fff;color: #222;font-size: 25px;line-height: 34px;cursor: pointer;z-index: 50;transition: .25s;}
.cb-close:hover {color: #075c35;transform: rotate(90deg);}
.cb-left { position: relative; width: 48%;overflow: hidden;}
.cb-left img {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.cb-overlay {
    position: absolute;

    inset: 0;

    z-index: 2;

    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, .60),
        rgba(0, 0, 0, .78),
        rgba(0, 0, 0, .95)
    );}
.cb-offer {position: absolute;z-index: 5;top: 50%;left: 50%;width: 94%;transform: translate(-50%, -50%);text-align: center;color: #fff;font-family: "Montserrat", sans-serif;}
.cb-offer small {display: block;margin-bottom: 15px;color: #8bd477;font-family: "Montserrat", sans-serif;font-size: 14px;font-weight: 700;letter-spacing: 7px;}
.cb-offer h2 {margin: 0;color: #fff;font-family: "Montserrat", sans-serif;font-size: 45px;line-height: 1;font-weight: 800;letter-spacing: -1px;text-shadow: 0 2px 8px rgba(0, 0, 0, .5);}
.cb-offer > span {display: block;margin: 5px 0 8px;color: #8bd477;font-family: "Montserrat", sans-serif;font-size: 52px;line-height: 1;font-weight: 700;font-style: italic;letter-spacing: -2px;}
.cb-line {width: 85px;height: 2px;margin: 18px auto;background: #8bd477;}
.cb-offer h3 {display: flex;align-items: baseline;justify-content: center;gap: 8px;margin: 0;color: #fff;font-family: "Montserrat", sans-serif;font-size: 24px;font-weight: 700;}

.cb-offer h3 b {color: #8bd477;font-family: "Montserrat", sans-serif;font-size: 68px;line-height: .9;font-weight: 800;}
.cb-offer p {margin: 10px 0 0;color: #fff;font-family: "Montserrat", sans-serif;font-size: 15px;font-weight: 800;letter-spacing: .4px;}
.cb-offer em {display: block;margin-top: 13px;color: #fff;font-family: "Montserrat", sans-serif;font-size: 14px;font-weight: 600;font-style: normal;}
.cb-offer em b {color: #8bd477;font-weight: 800;}
.cb-right {width: 52%;padding: 25px 45px 22px;background: #fff;text-align: center;font-family: "Montserrat", sans-serif;}
.cb-logo img {display: block;width: 95px;height: auto;margin: 0 auto 3px;}
.cb-logo-line {width: 50px;height: 2px;margin: 7px auto 14px;background: #075c35;}
.cb-right h2 {margin: 0;color: #1c1c1c;font-family: "Montserrat", sans-serif;font-size: 24px;line-height: 1.2;font-weight: 700;}
.cb-right h2 b {color: #075c35;font-weight: 800;}
.cb-right > p {margin: 7px 0 16px;color: #777;font-family: "Montserrat", sans-serif;font-size: 12px;line-height: 1.4;font-weight: 500;}
.cb-right label {display: block;margin: 0 0 4px;color: #282828;text-align: left;font-family: "Montserrat", sans-serif;font-size: 11px;font-weight: 600;}
.cb-right input {display: block;width: 100%;height: 40px;margin: 0 0 9px;padding: 0 13px;border: 1px solid #d5d8d5;border-radius: 4px;background: #fff;color: #222;outline: none;font-family: "Montserrat", sans-serif;font-size: 12px;font-weight: 400;transition: .25s;}
.cb-right input::placeholder {color: #a3a3a3;font-family: "Montserrat", sans-serif;font-weight: 400;}
.cb-right input:focus {
    border-color: #075c35;

    box-shadow:
        0 0 0 2px rgba(7, 92, 53, .07);}

.cb-right form button {display: block;width: 100%;height: 45px;margin-top: 4px;border: 0;border-radius: 4px;background: #075c35;color: #fff;font-family: "Montserrat", sans-serif;font-size: 13px;font-weight: 700;letter-spacing: 1px;cursor: pointer;transition: .3s ease;}
.cb-right form button:hover {
    background: #06482a;

    transform: translateY(-2px);

    box-shadow:
        0 8px 18px rgba(7, 92, 53, .22);}




        @media(max-width:767px){
    .banner .counter ul{
        flex-direction:column;
        gap:35px;
    }

    .banner .counter ul li{
        width:100%;
    }

    .banner .counter h2{
        font-size:42px;
    }

    .banner .counter h2 span:last-child{
        font-size:42px;
    }
}



@media (max-width: 700px) {

    .cb-popup { padding: 10px;}
    .cb-box { display: block; width: 95%;height: auto;max-height: 94vh;overflow-y: auto;}
    .cb-left { width: 100%;height: 250px;}
    .cb-right {width: 100%;padding: 25px 20px;}
    .cb-offer h2 {font-size: 34px;}
    .cb-offer > span {font-size: 43px;}
    .cb-offer h3 b {font-size: 45px;}
    .cb-offer p {font-size: 12px;}
    .cb-offer em {font-size: 11px;}
}