/*banner bottom*/
    
    .wm-category-sec{
    width:100%;
    padding:30px 0;
    background:#f7f8fb8f;
    overflow:hidden;
}

.wm-container{
    width:95%;
    max-width:1400px;
    margin:auto;
}

.wm-cat-head{
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:35px;
    flex-wrap:wrap;
}

.wm-cat-head h2{
    font-size: 30px;
    font-weight: 700;
    color: #400772;
    position: relative;
    line-height: 1.2;
}

.wm-cat-head h2::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 70px;
    height: 4px;
    border-radius: 30px;
    background: #f96700;

}

.wm-cat-head p{
        color: #379107;
    font-size: 13px;
    font-weight: 700;
}

.wm-category-wrapper{
    position:relative;
}

.wm-category-slider{
    display:flex;
    gap:22px;
    overflow-x:auto;
    scroll-behavior:smooth;
    scrollbar-width:none;
    padding:10px 5px;
}

.wm-category-slider::-webkit-scrollbar{
    display:none;
}

.wm-cat-card{
    min-width: 100px;
    text-decoration: none;
    position: relative;
    transition: .35s;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    padding: 3px;
}

.wm-cat-img{
    width:100%;
    height:120px;
    overflow:hidden;
    border-radius:0px;
    position:relative;
    background:#f4f4f4;
}

.wm-cat-img img{
    width:100%;
    height:120px;
    object-fit:cover;
    transition:.5s;
}

.wm-cat-card:hover img{
    transform:scale(1.08);
}

.wm-cat-card h3{
    text-align: center;
    /* margin-top: 18px; */
    color: #4b0d7a;
    font-size: 13px;
    font-weight: 600;
    transition: .3s;
    margin: 0;
    padding: 10px 0;
}

.wm-cat-card:hover h3{
    color:#ff6b00;
}

.wm-cat-count{
    position:absolute;
    top:15px;
    left:15px;
    width:42px;
    height:42px;
    border-radius:50%;
    background:rgba(255,255,255,.9);
    backdrop-filter:blur(8px);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    font-weight:700;
    color:#111;
    z-index:5;

    opacity:0;
    visibility:hidden;
    transform:translateY(-10px);
    transition:.35s;
}

.wm-cat-card:hover .wm-cat-count{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.wm-cat-btn{
    position:absolute;
    top:40%;
    transform:translateY(-50%);
    width:40px;
    height:40px;
    border:none;
    border-radius:50%;
    background:#fff;
    box-shadow:0 10px 25px rgba(0,0,0,.12);
    cursor:pointer;
    z-index:20;
    font-size:20px;
    transition:.3s;
}

.wm-cat-btn:hover{
    background:linear-gradient(135deg,#ff7b00,#7b2ff7);
    color:#fff;
}

.wm-prev{
    left:-20px;
}

.wm-next{
    right:-20px;
}

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

@media(max-width:992px){

    .wm-cat-card{
        min-width:190px;
    }

    .wm-cat-img{
        height:260px;
    }

    .wm-cat-head h2{
        font-size:28px;
    }
}

@media(max-width:768px){

    .wm-category-sec{
        padding:50px 0;
    }

    .wm-cat-head{
        flex-direction:column;
        align-items:flex-start;
        gap:10px;
    }

    .wm-cat-card{
        min-width:160px;
    }

    .wm-cat-img{
        height:220px;
        border-radius:18px;
    }

    .wm-cat-card h3{
        font-size:17px;
    }

    .wm-cat-btn{
        width:42px;
        height:42px;
        font-size:18px;
    }

    .wm-prev{
        left:-8px;
    }

    .wm-next{
        right:-8px;
    }
}

@media(max-width:480px){

    .wm-cat-card{
        min-width:140px;
    }

    .wm-cat-img{
        height:auto;
    }

    .wm-cat-head h2{
        font-size:24px;
    }
}
    
    /*end*/
    
    
        .features-section{
    padding:70px 0;
    background:#fff;
    position:relative;
    overflow:hidden;
}

/* BACKGROUND GLOW */

.features-section::before{
    content:'';
    position:absolute;
    width:400px;
    height:400px;
    background:rgba(255,122,0,.08);
    border-radius:50%;
    top:-150px;
    left:-120px;
    filter:blur(60px);
}

.features-section::after{
    content:'';
    position:absolute;
    width:400px;
    height:400px;
    background:rgba(106,0,185,.08);
    border-radius:50%;
    bottom:-180px;
    right:-120px;
    filter:blur(60px);
}

.feature-box{
    position:relative;
    background:#fff;
    border:1px solid #f1f1f1;
    border-radius:22px;
    padding:35px 28px;
    height:100%;
    transition:.4s ease;
    overflow:hidden;
    z-index:2;
}

/* HOVER */

.feature-box:hover{
    transform:translateY(-10px);
    border-color:transparent;
    box-shadow:0 20px 50px rgba(0,0,0,.08);
}

/* TOP BORDER ANIMATION */

.feature-box::before{
    content:'';
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,#ff7a00,#6a00b9);
    transition:.6s;
}

.feature-box:hover::before{
    left:0;
}

/* ICON */

.feature-icon{
    width:60px;
    height:60px;
    border-radius:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:25px;
    position:relative;
    overflow:hidden;
    animation:floatIcon 3s ease-in-out infinite;
}

.feature-icon::after{
    content:'';
    position:absolute;
    inset:0;
    background:rgba(255,255,255,.12);
}

/* DIFFERENT COLORS */

.icon1{
    background:linear-gradient(135deg,#ff7a00,#ffb347);
}

.icon2{
    background:linear-gradient(135deg,#6a00b9,#a855f7);
}

.icon3{
    background:linear-gradient(135deg,#ff4d6d,#ff7a00);
}

.icon4{
    background:linear-gradient(135deg,#5b21b6,#2563eb);
}

.feature-icon i{
    font-size:22px;
    color:#fff;
    position:relative;
    z-index:2;
}

/* TEXT */

.feature-box h4{
    font-size:18px;
    font-weight:700;
    margin-bottom:14px;
    color:#111;
}

.feature-box p{
    font-size:14px;
    line-height:1.8;
    color:#666;
    margin:0;
}

/* ICON FLOAT */

@keyframes floatIcon{

    0%{
        transform:translateY(0px);
    }

    50%{
        transform:translateY(-8px);
    }

    100%{
        transform:translateY(0px);
    }

}

/* RESPONSIVE */

@media(max-width:991px){

    .feature-box{
        margin-bottom:25px;
    }

}

@media(max-width:576px){

    .features-section{
        padding:50px 0;
    }

    .feature-box{
        padding:30px 24px;
        border-radius:18px;
    }

    .feature-icon{
        width:75px;
        height:75px;
        border-radius:20px;
    }

    .feature-icon i{
        font-size:28px;
    }

    .feature-box h4{
        font-size:19px;
    }

    .feature-box p{
        font-size:13px;
    }

}



/*product...*/


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

.ws-products{
    padding:50px 0;
    overflow:hidden;
    background:#cccccc1c;
}

.container{
    width:92%;
    max-width:1400px;
    margin:auto;
}

/* TITLE */

.ws-title{
    text-align:center;
    margin-bottom:60px;
}

.ws-title span{
    display: inline-block;
    padding: 8px 18px;
    /* border: 1px solid #111; */
    border-radius: 30px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 18px;
    background: #f96b011a;
}

.ws-title h2{
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 14px;
    color: #4a0c7f;
}

.ws-title p{
    max-width:650px;
    margin:auto;
    color:#666;
    line-height:1.8;
    font-size:14px;
}

/* CARD */

.ws-card{
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    border:1px solid #eee;
    transition:.4s;
    position:relative;
}

.ws-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 50px rgba(0,0,0,.08);
}

/* IMAGE */

.ws-image{
    position:relative;
    height:300px;
    overflow:hidden;
    background:#f5f5f5;
}

.ws-image img{
    position:absolute;
    inset:0;
    width:100%;
    height:300px;
    object-fit:cover;
    opacity:0;
    transition:.4s;
}

.ws-image img.active{
    opacity:1;
}

/* BADGES */

.ws-badges{
    position:absolute;
    top:16px;
    left:16px;
    z-index:20;
    display:flex;
    flex-direction:column;
    gap:8px;
}

.ws-badge{
    background:#fff;
    color:#111;
    padding:7px 14px;
    border-radius:6px;
    font-size:10px;
    font-weight:700;
}

.ws-badge.dark{
    background:#111;
    color:#fff;
}

/* ICONS */

.ws-icons{
    position:absolute;
    top:20px;
    right:-60px;
    z-index:30;
    display:flex;
    flex-direction:column;
    gap:10px;
    transition:.4s;
}

.ws-card:hover .ws-icons{
    right:18px;
}

.ws-icons a{
    width:42px;
    height:42px;
    background:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    color:#111;
    font-size:15px;
    transition:.3s;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.ws-icons a:hover{
    background:#111;
    color:#fff;
}

/* CONTENT */

.ws-content{
    padding:24px;
}

.ws-category{
        font-size: 12px;
    letter-spacing: 1px;
    color: #46097c;
    margin-bottom: 10px;
    font-weight: 700;
}

.ws-content h3{
        font-size: 16px;
    line-height: 1.5;
    margin-bottom: 14px;
    color: #000;
    font-weight: 600;
}

.ws-content h3 a{
    text-decoration:none;
    color:#111;
}

/* RATING */

.ws-rating{
    display:flex;
    align-items:center;
    gap:4px;
    margin-bottom:18px;
}

.ws-rating i{
    color:#fb7a01;
    font-size:10px;
}

.ws-rating span{
    margin-left:5px;
    color:#777;
    font-size:12px;
}

/* PRICE */

.ws-price{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:22px;
}

.ws-price del{
    color:#aaa;
    font-size:15px;
}

.ws-price h4{
    font-size: 18px;
    font-weight: 700;
    color: #46087a;
}

.discount{
    background: green;
    padding: 5px 12px;
    border-radius: 7px;
    font-size: 11px;
    font-weight: 600;
    color: #fff;
}

/* BUTTON */

.ws-btn{
    width: 100%;
    height: 40px;
    border: none;
    border-radius: 12px;
    background: #fb5b00;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    transition: .3s;
    font-size: 14px;
}

.ws-btn:hover{
    background:#333;
}

/* OWL NAV */

.owl-nav{
    display:flex !important;
    justify-content:center;
    align-items:center;
    gap:14px;
    margin-top:35px;
}

.owl-nav button{
    width:55px;
    height:55px;
    border-radius:50% !important;
    background:#fff !important;
    border:1px solid #e5e5e5 !important;
    color:#111 !important;
    font-size:18px !important;
    transition:.3s;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.owl-nav button:hover{
    background:#111 !important;
    color:#fff !important;
}

/* DOTS */

.owl-dots{
    margin-top:22px;
    text-align:center;
}

.owl-dot{
    margin:0 5px;
}

.owl-dot span{
    width:12px !important;
    height:12px !important;
    background:#d4d4d4 !important;
    border-radius:50%;
    transition:.3s;
}

.owl-dot.active span{
    width:30px !important;
    border-radius:30px !important;
    background:#111 !important;
}

/* MOBILE */

@media(max-width:991px){

    .ws-image{
        height:340px;
    }

}

@media(max-width:576px){

    .ws-products{
        padding:30px 0;
    }
    .bannerimgs img{
        margin-bottom: 20px;
    }

    .ws-title h2{
        font-size:30px;
    }

    .ws-content h3{
        font-size:18px;
    }

}
/*end///////*/


/*middle banner*/
.middle-banner{
    padding:50px 0;
}
.bannerimgs img{
    width:100%;
}
/*end*/

/*cowndown image*/
.wishmart-deal-section{
    position:relative;
    overflow:hidden;
    padding:70px 0;
    background:#fff;
}

.containers{
    width:95%;
    max-width:1200px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
}

.wm-content{
    width:52%;
    position:relative;
    z-index:2;
}

.wm-logo{
    width:340px;
    max-width:100%;
    margin-bottom:25px;
}

.wm-mini-title{
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    color:#6a11cb;
    display:inline-block;
    margin-bottom:15px;
}

.wm-content h2{
    font-size:40px;
    line-height:1.05;
    font-weight:800;
    color:#2b1055;
    margin-bottom:18px;
}

.wm-content h2 span{
    background:linear-gradient(90deg,#ff7b00,#ff3d00);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.wm-content p{
    font-size:18px;
    line-height:1.8;
    color:#666;
    max-width:600px;
    margin-bottom:35px;
}

/* COUNTDOWN */

.wm-countdown{
    display:flex;
    gap:18px;
    margin-bottom:35px;
    flex-wrap:wrap;
}

.wm-time-box{
    width:115px;
    height:115px;
    border-radius:24px;
    background:#fff;
    border:2px solid #eee;
    box-shadow:0 10px 30px rgba(0,0,0,0.06);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    transition:.3s;
}

.wm-time-box:hover{
    transform:translateY(-8px);
    border-color:#6a11cb;
}

.wm-time-box h3{
    font-size:35px;
    font-weight:800;
    background:linear-gradient(90deg,#ff7b00,#6a11cb);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    line-height:1;
}

.wm-time-box span{
    font-size:13px;
    font-weight:600;
    color:#777;
    margin-top:0px;
    text-transform:uppercase;
}

/* BUTTON */

.wm-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:17px 42px;
    border-radius:60px;
    text-decoration:none;
    background:linear-gradient(90deg,#ff7b00,#6a11cb);
    color:#fff;
    font-size:16px;
    font-weight:700;
    transition:.3s;
    margin-bottom:40px;
}

.wm-btn:hover{
    transform:translateY(-5px);
    box-shadow:0 12px 30px rgba(106,17,203,.3);
}

/* FEATURES */

.wm-features{
    background: #fff;
    border-radius: 20px;
    padding: 18px 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 170px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.wm-feature{
    background:#fff;
    border-radius:20px;
    padding:18px 20px;
    display:flex;
    align-items:center;
    gap:14px;
    min-width:220px;
    box-shadow:0 10px 30px rgba(0,0,0,0.05);
}

.wm-feature i{
    width:40px;
    height:40px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(90deg,#ff7b00,#6a11cb);
    color:#fff;
    font-size:20px;
}

.wm-feature h4{
    font-size:14px;
    margin-bottom:3px;
    color:#222;
}

.wm-feature p{
    margin:0;
    font-size:13px;
    line-height:1.4;
}

/* IMAGE */

.wm-image{
    width:48%;
    position:relative;
    text-align:center;
}

.wm-image img{
    width:100%;
    max-width:520px;
    position:relative;
    z-index:2;
    animation:float 4s ease-in-out infinite;
}

@keyframes float{
    0%{transform:translateY(0);}
    50%{transform:translateY(-15px);}
    100%{transform:translateY(0);}
}

/* OFFER BADGE */

.wm-offer-badge{
    position:absolute;
    top:70px;
    left:150px;
    width:130px;
    height:130px;
    border-radius:50%;
    background:linear-gradient(135deg,#ff7b00,#6a11cb);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    font-size:18px;
    font-weight:700;
    z-index:5;
    box-shadow:0 20px 40px rgba(0,0,0,0.15);
    animation:pulse 2s infinite;
}

.wm-offer-badge strong{
    font-size:34px;
    line-height:1;
}

@keyframes pulse{
    0%{
        transform:scale(1);
    }
    50%{
        transform:scale(1.08);
    }
    100%{
        transform:scale(1);
    }
}

/* BACKGROUND SHAPES */

.wm-shape{
    position:absolute;
    border-radius:50%;
    filter:blur(80px);
}

.wm-shape1{
    width:300px;
    height:300px;
    background:#ff7b0030;
    top:-100px;
    left:-100px;
}

.wm-shape2{
    width:350px;
    height:350px;
    background:#6a11cb20;
    bottom:-100px;
    right:-100px;
}

/* RESPONSIVE */

@media(max-width:991px){

.container{
    flex-direction:column;
}

.wm-content,
.wm-image{
    width:100%;
    text-align:center;
}

.wm-content p{
    margin:auto auto 35px;
}

.wm-countdown{
    justify-content:center;
}

.wm-features{
    justify-content:center;
}

.wm-content h2{
    font-size:52px;
}

.wm-image{
    margin-top:20px;
}

}

@media(max-width:600px){

.wm-content h2{
    font-size:40px;
}

.wm-time-box{
    width:90px;
    height:90px;
}

.wm-time-box h3{
    font-size:30px;
}

.wm-feature{
    width:100%;
}

.wm-logo{
    width:250px;
}

.wm-offer-badge{
    width:100px;
    height:100px;
    font-size:14px;
}

.wm-offer-badge strong{
    font-size:26px;
}

}
/*end*/

/*product-sell*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:'Poppins',sans-serif;
    background:#f5f7fb;
}

/* SECTION */

.lux-deals{
    padding:50px 0;
    background:
    radial-gradient(circle at top left,#edf2ff 0%,transparent 30%),
    radial-gradient(circle at bottom right,#fff0f4 0%,transparent 30%),
    #f8f9fd;
}

.container{
    width:92%;
    max-width:1350px;
    margin:auto;
}

/* HEADER */

.lux-head{
    display:flex;
    justify-content:space-between;
    align-items:end;
    gap:40px;
    margin-bottom:60px;
}

.lux-title span{
    font-size:14px;
    color:#6c63ff;
    font-weight:600;
    letter-spacing:2px;
}

.lux-title h2{
    font-size: 30px;
    line-height: 1.2;
    margin-top: 10px;
    color: #470a78;
    font-weight: 800;
}

.lux-head p{
    max-width:600px;
    line-height:1.9;
    color:#666;
    font-size:16px;
}

/* GRID */

.lux-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:35px;
}

/* CARD */

.lux-card{
    position:relative;
    background:#fff;
    border-radius:30px;
    overflow:hidden;
    display:flex;
    min-height:420px;
    box-shadow:0 15px 50px rgba(0,0,0,.06);
    transition:.4s;
}

.lux-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 70px rgba(0,0,0,.12);
}

.sale-badge{
    position:absolute;
    top:20px;
    left:20px;
    background:#f55001;
    color:#fff;
    padding:10px 18px;
    border-radius:50px;
    font-size:13px;
    font-weight:600;
    z-index:5;
    letter-spacing:.5px;
}

.sale-badge.green{
    background:green;
}

/* IMAGE */

.lux-img{
    width:48%;
    overflow:hidden;
    position:relative;
}

.lux-img img{
    width:100%;
    height:416px;
    object-fit:cover;
    transition:1s;
}

.lux-card:hover .lux-img img{
    transform:scale(1.08);
}

/* CONTENT */

.lux-content{
    width:52%;
    padding:20px 25px;
    display:flex;
    flex-direction:column;
    /*justify-content:center;*/
}

.review{
    color:#ffb400;
    margin-bottom:16px;
    font-size:18px;
}

.review span{
    color:#777;
    font-size:14px;
    margin-left:8px;
}

.lux-content h3{
    font-size:17px;
    line-height:1.35;
    margin-bottom:18px;
    color:#4c0a82;
    font-weight:700;
}

.price{
    margin-bottom:20px;
}

.price span{
    font-size:17px;
    font-weight:700;
    color:#ff3d57;
    margin-right:12px;
}

.price del{
    color:#999;
    font-size:15px;
}

.lux-content p{
    color:#666;
    line-height:22px;
    margin-bottom:30px;
    font-size:15px;
    overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

/* COUNTDOWN */

.countdown{
    display:flex;
    gap:15px;
    margin-bottom:30px;
}

.countdown div{
    width:50px;
    height:50px;
    border-radius:5px;
    background:#fff;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    color:#000;
    box-shadow:0 10px 30px rgba(108,99,255,.25);
    font-weight: bold;
}

.countdown h4{
    font-size:17px;
    margin-bottom:4px;
}

.countdown small{
    font-size:12px;
    letter-spacing:1px;
}

/* STOCK */

.progress-wrap{
    margin-bottom:30px;
}

.progress-info{
    display:flex;
    justify-content:space-between;
    margin-bottom:12px;
    font-size:14px;
    color:#555;
}

.progress-bar{
    width:100%;
    height:10px;
    background:#ececf5;
    border-radius:50px;
    overflow:hidden;
}

.progress-line{
    height:100%;
    border-radius:50px;
    background:green;
}

.w-87{
    width:87%;
}

.w-63{
    width:63%;
}

/* BUTTON */

.deal-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 40px;
    border-radius: 10px;
    text-decoration: none;
    background: #fa6700;
    color: #fff;
    font-weight: 600;
    transition: .4s;
}

.deal-btn:hover{
    transform:translateY(-3px);
    background:linear-gradient(135deg,#6c63ff,#8b84ff);
}

/* RESPONSIVE */

@media(max-width:1200px){

    .lux-grid{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .lux-head{
        flex-direction:column;
        align-items:flex-start;
    }

    .lux-title h2{
        font-size:38px;
    }

    .lux-card{
        flex-direction:column;
    }

    .lux-img,
    .lux-content{
        width:100%;
    }

    .lux-img{
        height:400px;
    }

    .lux-content{
        padding:35px 25px;
    }

    .lux-content h3{
        font-size:20px;
    }

    .price span{
        font-size:28px;
    }

    .countdown{
        flex-wrap:wrap;
    }

}

@media(max-width:480px){

    .lux-deals{
        padding:70px 0;
    }

    .lux-title h2{
        font-size:30px;
    }

    .lux-img{
        height:320px;
    }

    .countdown div{
        width:50px;
        height:75px;
    }

    .countdown h4{
        font-size:22px;
    }

}

/* BLOG AREA */

.ws-blog-area{
    padding:50px 0;
    background:
    radial-gradient(circle at top left,#edf1ff 0%,transparent 30%),
    radial-gradient(circle at bottom right,#ffeef3 0%,transparent 30%),
    #f8f9fd;
    position:relative;
    overflow:hidden;
}

.container{
    width:92%;
    max-width:1350px;
    margin:auto;
}

/* TITLE */

.ws-blog-title{
    text-align:center;
    margin-bottom:65px;
}

.ws-blog-title span{
    display:inline-block;
    color:#6c63ff;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    margin-bottom:15px;
}

.ws-blog-title h2{
    font-size:30px;
    font-weight:800;
    color:#111;
    margin-bottom:18px;
}

.ws-blog-title p{
    max-width:700px;
    margin:auto;
    color:#666;
    line-height:1.9;
    font-size:16px;
}

/* GRID */

.ws-blog-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px;
}

/* CARD */

.ws-blog-card{
    background:#fff;
    border-radius:28px;
    overflow:hidden;
    position:relative;
    transition:.45s;
    box-shadow:0 15px 45px rgba(0,0,0,.06);
    border:1px solid rgba(255,255,255,.4);
}

.ws-blog-card:hover{
    transform:translateY(-12px);
    box-shadow:0 25px 70px rgba(0,0,0,.12);
}

.active-card{
    transform:translateY(-15px);
}

/* IMAGE */

.ws-blog-image{
    position:relative;
    overflow:hidden;
    height:320px;
}

.ws-blog-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:1s;
}

.ws-blog-card:hover img{
    transform:scale(1.1) rotate(2deg);
}

/* DATE */

.ws-blog-date{
    position: absolute;
    top: 20px;
    left: 20px;
    width: 60px;
    height: 60px;
    background: #f96201;
    border-radius: 10px;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 30px rgba(108, 99, 255, .25);
}

.ws-blog-date h4{
    font-size:18px;
    line-height:1;
    margin-bottom:4px;
    font-weight: bold;
}

.ws-blog-date span{
    font-size:12px;
    letter-spacing:1px;
    color:#fff;
}

/* CONTENT */

.ws-blog-content{
    padding:35px;
}

.ws-blog-meta{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:18px;
}

.ws-blog-meta span{
    color:#777;
    font-size:14px;
}

.ws-blog-meta i{
    color:#f97101;
    margin-right:5px;
}

.ws-blog-content h3{
    font-size: 16px;
    line-height: 1.4;
    color: #4a0a80;
    margin-bottom: 18px;
    transition: .3s;
}

.ws-blog-card:hover h3{
    color:#6c63ff;
}

.ws-blog-content p{
    color:#666;
    line-height:1.9;
    margin-bottom:28px;
    font-size:15px;
}

/* BUTTON */

.ws-blog-btn{
        width: 120px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    background: #4c157b;
    transition: .4s;
}

.ws-blog-btn:hover{
    background:linear-gradient(135deg,#6c63ff,#8d86ff);
    transform:translateY(-3px);
}

/* FLOAT ANIMATION */

.ws-blog-card{
    animation:floatCard 5s ease-in-out infinite;
}

.ws-blog-card:nth-child(2){
    animation-delay:1s;
}

.ws-blog-card:nth-child(3){
    animation-delay:2s;
}

@keyframes floatCard{

    0%{
        transform:translateY(0px);
    }

    50%{
        transform:translateY(-10px);
    }

    100%{
        transform:translateY(0px);
    }

}

/* RESPONSIVE */

@media(max-width:1200px){

    .ws-blog-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:768px){

    .ws-blog-title h2{
        font-size:38px;
    }

    .ws-blog-grid{
        grid-template-columns:1fr;
    }

    .ws-blog-image{
        height:280px;
    }

    .ws-blog-content h3{
        font-size:18px;
    }

}

@media(max-width:480px){

    .ws-blog-area{
        padding:30px 0;
    }

    .ws-blog-title h2{
        font-size:20px;
    }

    .ws-blog-content{
        padding:25px;
    }

}

/* FOOTER */

.lux-footer{
    background:#0f172a;
    position:relative;
    overflow:hidden;
}

/* TOP */

.footer-top{
    padding:90px 0 50px;
    position:relative;
}

.footer-top::before{
    content:'';
    position:absolute;
    width:500px;
    height:500px;
    background:rgba(108,99,255,.08);
    border-radius:50%;
    top:-200px;
    left:-120px;
}

.footer-top::after{
    content:'';
    position:absolute;
    width:400px;
    height:400px;
    background:rgba(255,61,87,.08);
    border-radius:50%;
    bottom:-180px;
    right:-100px;
}

.container{
    width:92%;
    max-width:1350px;
    margin:auto;
    position:relative;
    z-index:2;
}

/* GRID */

.footer-grid{
    display:grid;
    grid-template-columns:1.4fr 1fr 1fr 1.4fr;
    gap:45px;
}

/* LOGO */

.footer-logo{
    font-size:42px;
    font-weight:800;
    text-decoration:none;
    margin-bottom:20px;
    display:inline-block;
    letter-spacing:1px;
}

.footer-logo .c1{
    color:#6c63ff;
}

.footer-logo .c2{
    color:#ffffff;
}

.footer-logo .c3{
    color:#ff3d57;
}

/* ABOUT */

.footer-about p{
    color:#aeb4c8;
    line-height:1.9;
    margin-bottom:28px;
    font-size:15px;
}

/* TITLE */

.footer-col h3{
    color:#fff;
    font-size:22px;
    margin-bottom:28px;
    position:relative;
    padding-bottom:12px;
}

.footer-col h3::before{
    content:'';
    position:absolute;
    width:55px;
    height:4px;
    background:#f24701;
    bottom:0;
    left:0;
    border-radius:20px;
}

/* LINKS */

.footer-col ul{
    list-style:none;
    margin: 0;
    padding: 0;
}

.footer-col ul li{
    margin-bottom:15px;
}

.footer-col ul li a{
    text-decoration:none;
    color:#aeb4c8;
    transition:.3s;
    font-size:15px;
}

.footer-col ul li a:hover{
    color:#fff;
    padding-left:8px;
}

/* SOCIAL */

.footer-social{
    display:flex;
    gap:14px;
}

.footer-social a{
    width:48px;
    height:48px;
    border-radius:50%;
    background:rgba(255,255,255,.06);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    text-decoration:none;
    font-size:17px;
    transition:.4s;
    border:1px solid rgba(255,255,255,.08);
}

.footer-social a:hover{
    transform:translateY(-5px);
    background:linear-gradient(135deg,#6c63ff,#ff3d57);
}

/* NEWS */

.news-text{
    color:#aeb4c8;
    line-height:1.8;
    margin-bottom:22px;
}

.footer-form{
    position:relative;
    margin-bottom:30px;
}

.footer-form input{
    width:100%;
    height:60px;
    border:none;
    outline:none;
    border-radius:60px;
    padding:0 160px 0 24px;
    background:#1b2641;
    color:#fff;
    font-size:15px;
}

.footer-form button{
    position:absolute;
    right:6px;
    top:6px;
    height:48px;
    padding:0 24px;
    border:none;
    border-radius:50px;
    background:linear-gradient(135deg,#6c63ff,#ff3d57);
    color:#fff;
    font-weight:600;
    cursor:pointer;
    transition:.3s;
}

.footer-form button:hover{
    transform:scale(.96);
}

/* PAYMENT */

.payment-box h4{
    color:#fff;
    margin-bottom:16px;
    font-size:17px;
}

.payment-box img{
    max-width:320px;
    width:100%;
    background:#fff;
    padding:10px;
    border-radius:12px;
}
.footer-about img{
    width: 60%;
    margin-bottom: 20px;
}

/* BOTTOM */

.footer-bottom{
    border-top:1px solid rgba(255,255,255,.08);
    padding:25px 0;
}

.footer-bottom-wrap{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    flex-wrap:wrap;
}

.footer-bottom p{
    color:#9ca3af;
    font-size:14px;
}

.bottom-links{
    display:flex;
    gap:20px;
}

.bottom-links a{
    text-decoration:none;
    color:#9ca3af;
    font-size:14px;
    transition:.3s;
}

.bottom-links a:hover{
    color:#fff;
}

/* RESPONSIVE */

@media(max-width:1100px){

    .footer-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:768px){

    .footer-grid{
        grid-template-columns:1fr;
    }

    .footer-logo{
        font-size:36px;
    }

    .footer-col h3{
        font-size:20px;
    }

    .footer-form input{
        padding-right:20px;
    }

    .footer-form button{
        position:relative;
        width:100%;
        top:0;
        right:0;
        margin-top:12px;
    }

    .footer-bottom-wrap{
        flex-direction:column;
        text-align:center;
    }

}

@media(max-width:480px){

    .footer-top{
        padding:70px 0 40px;
    }

    .footer-social{
        flex-wrap:wrap;
    }

}

 /* ===========================
   PRODUCT SECTION
=========================== */

.product-section{
    padding:20px 0;
}

.product-wrapper{
    background:#fff;
    border-radius:30px;
    padding:35px;
    /*box-shadow:0 10px 40px rgba(0,0,0,0.06);*/
    position:relative;
}

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

.product-image-area{
    position:relative;
}

.image-container{
    position:relative;
    overflow:visible;
    border-radius:25px;
}

.product-image{
   width: 100%;
    display: block;
    border-radius: 25px;
    border: 1px solid #eee;
    height: 450px;
    object-fit: cover;
}

/* LENS */

.img-lens{
    position:absolute;
    width:130px;
    height:130px;
    border:2px solid #fff;
    background:rgba(255,255,255,.15);
    backdrop-filter:blur(3px);
    box-shadow:0 0 20px rgba(0,0,0,.15);
    display:none;
    pointer-events:none;
    border-radius:12px;
    z-index:999;
}

/* RIGHT ZOOM BOX */

.zoom-box{
    position:absolute;
    top:0;
    left:calc(100% + 40px);

    width:450px;
    height:100%;

    background:#fff;
    border-radius:25px;
    border:1px solid #eee;

    box-shadow:0 15px 40px rgba(0,0,0,0.15);

    display:none;
    overflow:hidden;

    background-repeat:no-repeat;

    z-index:9999;
}

/* SHOW */

.image-container:hover .zoom-box,
.image-container:hover .img-lens{
    display:block;
}

/* THUMBS */

.thumbs{
    display:flex;
    gap:15px;
    margin-top:20px;
    flex-wrap:wrap;
}

.thumb{
    width:90px;
    height:90px;
    border-radius:18px;
    overflow:hidden;
    cursor:pointer;
    border:2px solid transparent;
    transition:.3s;
}

.thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.thumb.active,
.thumb:hover{
    border-color:#ff6600;
    transform:translateY(-5px);
}

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

.badge-custom{
    display:inline-block;
    background:#fff2e8;
    color:#ff6600;
    padding:9px 18px;
    border-radius:50px;
    font-size:13px;
    font-weight:600;
    margin-bottom:20px;
}

.product-title{
    font-size:24px;
    line-height:1.2;
    font-weight:700;
    margin-bottom:20px;
}

.rating{
    color:#ff9800;
    margin-bottom:22px;
    font-size: 14px;
}

.rating span{
    color:#777;
    margin-left:8px;
}

.price-box{
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:25px;
    flex-wrap:wrap;
}

.new-price{
    font-size:26px;
    font-weight:700;
    color:#47097c;
}

.old-price{
    font-size: 20px;
    font-weight: 700;
    color: #ccc;
    text-decoration: line-through;
}

.discount{
    background:#16a34a;
    color:#fff;
    padding:8px 18px;
    border-radius:40px;
    font-size:14px;
    font-weight:600;
}

.desc{
    color:#666;
    line-height:2;
    margin-bottom:35px;
}

/* SIZE */

.size-title{
    font-size:18px;
    font-weight:600;
    margin-bottom:18px;
}

.size-wrap{
    display:flex;
    gap:15px;
    margin-bottom:35px;
    flex-wrap:wrap;
}

.size-btn{
    width:40px;
    height:40px;
    border:none;
    border-radius:15px;
    background:#f3f3f3;
    font-weight:600;
    transition:.3s;
}

.size-btn.active,
.size-btn:hover{
    background:#ff6600;
    color:#fff;
    transform:translateY(-4px);
}

/* CART */

.cart-area{
    display:flex;
    align-items:center;
    gap:18px;
    flex-wrap:wrap;
}

.qty{
    display:flex;
    align-items:center;
    background:#f3f3f3;
    border-radius:16px;
    overflow:hidden;
}

.qty button{
    width:55px;
    height:55px;
    border:none;
    background:none;
    font-size:22px;
    font-weight:700;
}

.qty input{
    width:65px;
    border:none;
    background:none;
    text-align:center;
    font-size:18px;
    font-weight:600;
}

.cart-btn{
    height:58px;
    padding:0 38px;
    border:none;
    border-radius:16px;
    background:linear-gradient(to right,#ff6600,#ff8533);
    color:#fff;
    font-weight:600;
    transition:.3s;
    box-shadow:0 10px 25px rgba(255,102,0,.25);
}

.cart-btn:hover{
    transform:translateY(-5px);
}

.wish-btn{
    width:58px;
    height:58px;
    border:none;
    border-radius:16px;
    background:#fff1f1;
    color:#ff3b3b;
    font-size:20px;
    transition:.3s;
}

.wish-btn:hover{
    background:#ff3b3b;
    color:#fff;
    transform:translateY(-5px);
}

/* FEATURES */

.features{
    margin-top:40px;
}

.feature{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:18px;
    color:#555;
}

.feature i{
    width:45px;
    height:45px;
    background:#fff3ea;
    color:#ff6600;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* RESPONSIVE */

@media(max-width:1400px){

    .zoom-box{
        width:350px;
    }

}

@media(max-width:991px){

    .zoom-box,
    .img-lens{
        display:none !important;
    }

    .product-title{
        font-size:36px;
    }

}