/*==================================================
        PREMIUM CATEGORY SECTION
==================================================*/

.premium-category-section{
    position:relative;
    padding:90px 0;
    background:#f3ead6;
    overflow:hidden;
}

/*.premium-category-section::before{*/
/*    content:"";*/
/*    position:absolute;*/
/*    width:450px;*/
/*    height:450px;*/
/*    border-radius:50%;*/
/*    background:rgba(197,138,29,.05);*/
/*    top:-180px;*/
/*    right:-150px;*/
/*}*/

/*.premium-category-section::after{*/
/*    content:"";*/
/*    position:absolute;*/
/*    width:350px;*/
/*    height:350px;*/
/*    border-radius:50%;*/
/*    background:rgba(59,183,126,.05);*/
/*    bottom:-150px;*/
/*    left:-120px;*/
/*}*/

/*==================================================
            SECTION HEADING
==================================================*/

.category-tag{
    display:inline-block;
    padding:8px 18px;
    background:#fff;
    border:1px solid rgba(197,138,29,.15);
    border-radius:30px;
    color:#C58A1D;
    font-size:13px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
}

.section-title{
    font-size:46px;
    line-height:56px;
    font-weight:800;
    color:#222;
    margin:18px 0;
}

.section-desc{
    max-width:550px;
    color:#666;
    line-height:30px;
    font-size:17px;
}

.btn-shop-all{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:55px;
    padding:0 34px;
    border-radius:50px;
    background:#3BB77E;
    color:#fff;
    font-weight:700;
    transition:.35s;
}

.btn-shop-all:hover{
    background:#222;
    color:#fff;
}

/*==================================================
              CATEGORY CARD
==================================================*/

.promo-card{

    position:relative;

    display:flex;

    align-items:flex-start;

    justify-content:flex-start;

    min-height:290px;

    padding:35px;

    border-radius:28px;

    background:linear-gradient(145deg,#fffefc,#fff4e6);

    border:1px solid rgba(0,0,0,.05);

    overflow:hidden;

    text-decoration:none;

    transition:.4s;

    box-shadow:
    0 10px 25px rgba(0,0,0,.06);

}

.promo-card:hover{

    transform:translateY(-8px);

    box-shadow:
    0 25px 50px rgba(0,0,0,.12);

}

.promo-card::before{

    content:"";

    position:absolute;

    width:300px;

    height:300px;

    border-radius:50%;

    background:rgba(255,255,255,.45);

    top:-120px;

    right:-90px;

}

.promo-card::after{

    content:"";

    position:absolute;

    width:150px;

    height:150px;

    border-radius:50%;

    background:rgba(197,138,29,.06);

    bottom:-70px;

    left:-60px;

}

/*==================================================
                CONTENT
==================================================*/

.promo-content{

    position:relative;

    z-index:5;

    width:55%;

}

.small-title{

    display:inline-block;

    padding:6px 15px;

    background:#f9eded;

    border-radius:30px;

    color:#C58A1D;

    font-size:12px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

    margin-bottom:15px;

}

.promo-content h3{

    font-size:38px;

    line-height:46px;

    font-weight:800;

    color:#222;

    margin-bottom:12px;

}

.promo-content p{

    color:#666;

    font-size:15px;

    line-height:26px;

    margin-bottom:7px;

    min-height: 80px;
}

.shop-btn{

    display:inline-flex;

    align-items:center;

    font-weight:700;

    color:#222;

    transition:.3s;

}

.promo-card:hover .shop-btn{

    color:#3BB77E;

    transform:translateX(5px);

}

/*==================================================
                 IMAGE
==================================================*/

.promo-image{

    position:absolute;

    right:20px;

    bottom:20px;

    width:150px;

    height:150px;

    display:flex;

    align-items:center;

    justify-content:center;

    z-index:2;

}

.promo-image img{

    width:150px;

    height:150px;

    object-fit:cover;

    border-radius:50%;

    background:#fff;

    padding:6px;

    box-shadow:
    0 15px 35px rgba(0,0,0,.15);

    transition:.4s;

}

.promo-card:hover .promo-image img{

    transform:scale(1.08) rotate(-3deg);

}

/*==================================================
              LARGE CARD
==================================================*/

.large-card{

    min-height:610px;

}

.large-card .promo-content{

    width:42%;

}

.large-card .promo-content h3{

    font-size:54px;

    line-height:60px;

}

.large-card .promo-image{

    width:260px;

    height:260px;

    right:30px;

    bottom:30px;

}

.large-card .promo-image img{

    width:260px;

    height:260px;

}

/*==================================================
           DESKTOP RESPONSIVE
==================================================*/

@media (max-width:1399px){

    .promo-card{
        min-height:260px;
        padding:30px;
    }

    .promo-content h3{
        font-size:34px;
        line-height:40px;
    }

    .promo-image{
        width:130px;
        height:130px;
    }

    .promo-image img{
        width:130px;
        height:130px;
    }

    .large-card{
        min-height:520px;
    }

    .large-card .promo-image{
        width:220px;
        height:220px;
    }

    .large-card .promo-image img{
        width:220px;
        height:220px;
    }

}

/*=========================================
        MOBILE VIEW
=========================================*/

@media (max-width:767px){

.premium-category-section{
    padding:30px 0;
}

.section-title{
    font-size:26px;
    line-height:32px;
    margin-bottom:8px;
}

.section-desc{
    display:none;
}

.btn-shop-all{
    display:none;
}

.row.g-4{
    --bs-gutter-x:12px;
    --bs-gutter-y:12px;
}

/* Card */

.promo-card,
.large-card{

    min-height:130px !important;

    padding:24px 14px;

    border-radius:18px;

    display:flex;

    align-items:center;

    justify-content:space-between;

}

/* Decorative Hide */

.promo-card::before,
.promo-card::after{
    display:none;
}

/* Content */

.promo-content{

    width:60%;

    max-width:60%;

    z-index:2;

}

.small-title{

    font-size:9px;

    padding:4px 10px;

    margin-bottom:12px;

    letter-spacing:.5px;

}

.promo-content h3{

    font-size:18px;

    line-height:22px;

    margin-bottom:8px;

}

/*.promo-content p{*/

/*    display:none;*/

/*}*/

.shop-btn{

    font-size:11px;

    margin-top:3px;

}

/* Image */

.promo-image{

    position:static;

    width:120px;

    height:120px;

    flex-shrink:0;

    margin-left:10px;

    background:#fff;

    border-radius:50%;

    overflow:hidden;

    box-shadow:0 8px 18px rgba(0,0,0,.12);

}

.promo-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    border-radius:50%;

    padding:5px;

}

/* Large Card Same */

.large-card .promo-content{

    width:60%;

    max-width:60%;

}

.large-card .promo-content h3{

    font-size:20px;

    line-height:24px;

}

.large-card .promo-image{

    width:82px;

    height:82px;

}

.large-card .promo-image img{

    width:100%;

    height:100%;

}

/* Hover Disable */

.promo-card:hover{

    transform:none;

    box-shadow:0 8px 18px rgba(0,0,0,.08);

}

.promo-card:hover .promo-image img{

    transform:none;

}

}