section.product{
    padding: 100px 0;
}
section.product h3{
    color: #333;
    font-family: 'Avenir';
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: 40px; /* 133.333% */
    margin-bottom: 20px;
}
section.product.cart{
    background-color: #D9FAF4;
}
section.product h2,
section.product h1{
    color: #1A1A1A;
    text-align: center;
    font-family: 'Headline One';
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 60px; /* 120% */
}
section.product p.price{
    color: #2D455F!important;
    font-family: 'Avenir';
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: 30px; /* 150% */
    margin-bottom: 20px;
}
section.product p.description{
    color: #333;
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px; /* 168.75% */
    margin-bottom: 20px;
}
section.product a{
    text-decoration: none;
}
section.product a.view-price{
    background-color: #2D455F;
    transition: .5s ease all;
}
section.product a.view-price:hover{
    background-color: #22354A;
}
section.product a.view-all{
    background-color: #1A1A1A;
    width: 100%;
    max-width: 208px;
    margin: 0 auto;
    margin-top: 60px;
    transition: .5s ease all;
}
section.product a.view-all:hover{
    background-color: #000000;
}
section.product a.view-price,

section.product a.view-all{
    padding: 20px;
    width: 100%;
    color: #FFF;
    text-align: center;
    font-family: 'Avenir-regular';
    font-size: 16px;
    font-style: normal; 
    font-weight: 400;
    line-height: 25.888px; /* 161.8% */
    text-decoration: none;
    display: block;
} 
section.product .product-content{
    max-width: 378px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}
section.product .product-content a{
    text-decoration: none;
}
section.product .shop-product-content{
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
section.product .shop-product-content img{
    margin-bottom: 40px;
    max-width: 100%;
}
section.product .product-content img{
    margin-bottom: 20px;
    max-width: 378px;
}
section.product h2{
    margin-bottom: 60px;
}
section.product .product .row{
    gap: 24px 0;
}

.archive .product .row{
    gap: 60px 0!important;
}
nav.woocommerce-breadcrumb,header.woocommerce-products-header{
    display: none;
}
section.product .row{
    justify-content: center;
}

/* Banner */
 section.banner a.shop-now section.banner h2 {
    color: #fff;
    font-family: Avenir;
    font-style: normal;
    text-align: center
}
 section.banner h2 {
    font-size: 50px;
    font-weight: 750;
    line-height: 60px;
    text-transform: uppercase;
    margin-bottom: 40px
}
section.banner .carousel-item a {
    width: 100%
}

section.banner .carousel-item.active {
    display: flex;
    justify-content: center;
    align-items: center
}

section.banner, section.banner #banner-carousel {
    padding: 0
}

section.banner .content {
    position: absolute;
    max-width: 848px;
    display: flex;
    flex-direction: column
}

section.banner a.shop-now {
    padding: 17px 59px;
    font-size: 16px;
    font-weight: 600;
    line-height: 25.888px;
    margin: 0 auto;
    background-color: #39b79c;
    text-decoration: none
}
section.banner .carousel-indicators [data-bs-target] {
    width: 10px;
    height: 10px;
    border-radius: 50%
}

@media (max-width: 1800px) {
}
@media (max-width:1366px) {

}
@media (max-width:1200px) {
    section,
    section.product{
        padding: 70px 30px;
    }
}
@media (max-width:991px) {
    .archive .product .row{
        gap: 40px 0!important;
    }

    section.product .product-content{
        max-width: 100%;
    }

}
@media (max-width:767px) {

    section.product .product-content,
    section.product .product-content img,
    section.product img{
        max-width: 100%;
    }
    section,
    section.product{
        padding: 50px 20px;
    }
}