/* ===========================
MEGA MENU
=========================== */

.navbar-nav .nav-link{
    color:#fff;
    font-weight:500;
    padding:15px 18px;
}

.navbar-nav .nav-link:hover{
    color:#ffd54f;
}

.dropdown-menu{
    border-radius:10px;
}

.dropdown-item{
    padding:8px 15px;
    transition:.3s;
}

.dropdown-item:hover{
    background:#0d6efd;
    color:#fff;
    padding-left:20px;
}

@media(min-width:992px){

.position-static{
    position:static !important;
}

.position-static .dropdown-menu{
    left:0;
    right:0;
    margin-top:0;
    border-radius:0 0 15px 15px;
}

}

@media(max-width:991px){

.position-static .dropdown-menu{
    width:100%;
}

}

.hero-slider{

    position:relative;
    width:100%;
    height:100vh;
    overflow:hidden;

}

.slide{

    position:absolute;
    width:100%;
    height:100%;
    background-size:cover;
    background-position:center;
    opacity:0;
    transition:1s;

}

.slide.active{

    opacity:1;
    z-index:2;

}

.overlay{

    position:absolute;
    inset:0;
    background:rgba(0,0,0,.55);

}

.hero-content{

    position:relative;
    z-index:5;

    height:100%;

    display:flex;
    flex-direction:column;
    justify-content:center;

    color:#fff;

    max-width:650px;

    animation:fadeUp .8s;

}

.hero-tag{

    display:inline-block;

    background:#ff6b00;

    padding:10px 20px;

    border-radius:30px;

    margin-bottom:20px;

    font-size:14px;

    letter-spacing:1px;

}

.hero-content h1{

    font-size:65px;
    line-height:1.1;
    margin-bottom:20px;

}

.hero-content p{

    font-size:20px;
    line-height:1.8;
    margin-bottom:35px;

}

.hero-buttons{

    display:flex;
    gap:20px;

}

.btn{

    padding:15px 40px;
    text-decoration:none;
    border-radius:40px;
    transition:.4s;

}

.btn-primary{

    background:#ff6b00;
    color:#fff;

}

.btn-primary:hover{

    background:#fff;
    color:#000;

}

.btn-outline{

    border:2px solid #fff;
    color:#fff;

}

.btn-outline:hover{

    background:#fff;
    color:#000;

}

/* arrows */

.hero-prev,
.hero-next{

    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:55px;
    height:55px;

    border:none;

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

    color:#fff;

    font-size:26px;

    cursor:pointer;

    border-radius:50%;

    z-index:20;

}

.hero-prev{

    left:30px;

}

.hero-next{

    right:30px;

}

.hero-prev:hover,
.hero-next:hover{

    background:#ff6b00;

}

/* dots */

.hero-dots{

    position:absolute;

    bottom:40px;

    left:50%;

    transform:translateX(-50%);

    display:flex;

    gap:10px;

    z-index:10;

}

.dot{

    width:15px;
    height:15px;

    border-radius:50%;

    background:#fff;

    opacity:.5;

    cursor:pointer;

}

.dot.active{

    background:#ff6b00;
    opacity:1;

}

@keyframes fadeUp{

    from{

        opacity:0;
        transform:translateY(40px);

    }

    to{

        opacity:1;
        transform:translateY(0);

    }

}

@media(max-width:768px){

.hero-content{

padding:20px;

}

.hero-content h1{

font-size:38px;

}

.hero-content p{

font-size:16px;

}

.hero-buttons{

flex-direction:column;

}

.hero-prev,
.hero-next{

display:none;

}

}
.category-section{

    padding:80px 0;
    background:#f8f9fb;

}

.section-title{

    text-align:center;
    margin-bottom:50px;

}

.section-title span{

    color:#ff6600;
    font-weight:600;

}

.section-title h2{

    font-size:38px;
    margin-top:10px;

}

.category-slider{

    position:relative;
    display:flex;
    align-items:center;

}

.category-wrapper{

    overflow:hidden;
    width:100%;

}

.category-track{

    display:flex;
    transition:.5s ease;

}

.category-card{

    min-width:220px;
    margin:10px;
    background:#fff;
    border-radius:20px;
    text-align:center;
    padding:25px;
    cursor:pointer;
    transition:.4s;
    box-shadow:0 10px 25px rgba(0,0,0,.08);

}

.category-card:hover{

    transform:translateY(-10px);

}

.category-card img{

    width:120px;
    height:120px;
    object-fit:contain;
    transition:.4s;

}

.category-card:hover img{

    transform:scale(1.15);

}

.category-card h4{

    margin-top:20px;
    font-size:20px;

}

.cat-prev,
.cat-next{

    width:50px;
    height:50px;
    border:none;
    background:#ff6600;
    color:#fff;
    border-radius:50%;
    cursor:pointer;
    font-size:22px;
    margin:0 15px;
    transition:.3s;

}

.cat-prev:hover,
.cat-next:hover{

    background:#000;

}

@media(max-width:992px){

.category-card{

min-width:180px;

}

}

@media(max-width:768px){

.category-card{

min-width:150px;
padding:20px;

}

.category-card img{

width:90px;
height:90px;

}

.cat-prev,
.cat-next{

display:none;

}

}
.product-section{

    padding:80px 0;
    background:#f7f8fc;

}

.section-header{

    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:40px;

}

.sub-title{

    color:#ff6600;
    font-weight:600;

}

.section-header h2{

    font-size:40px;
    margin-top:10px;

}

.view-all{

    text-decoration:none;
    color:#111;
    font-weight:600;

}

.product-carousel{

    display:flex;
    align-items:center;
    position:relative;

}

.product-wrapper{

    overflow:hidden;
    width:100%;

}

.product-track{

    display:flex;
    transition:.5s;

}

.product-card{

    min-width:280px;
    margin:15px;
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 15px 30px rgba(0,0,0,.08);
    transition:.35s;
    position:relative;

}

.product-card:hover{

    transform:translateY(-8px);

}

.badge{

    position:absolute;
    top:15px;
    left:15px;
    background:#ff6600;
    color:#fff;
    padding:6px 14px;
    border-radius:30px;
    font-size:13px;
    z-index:5;

}

.product-image{

    height:260px;
    overflow:hidden;

}

.product-image img{

    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;

}

.product-card:hover img{

    transform:scale(1.08);

}

.product-content{

    padding:20px;

}

.category{

    color:#888;

}

.product-content h3{

    margin:10px 0;

}

.rating{

    color:#f7b500;
    margin-bottom:15px;

}

.price{

    margin-bottom:20px;

}

.new-price{

    font-size:22px;
    color:#ff6600;
    font-weight:bold;

}

.old-price{

    margin-left:10px;
    color:#999;
    text-decoration:line-through;

}

.product-buttons{

    display:flex;
    gap:10px;

}

.product-buttons button{

    flex:1;
    border:none;
    padding:12px;
    border-radius:8px;
    cursor:pointer;
    background:#ff6600;
    color:#fff;
    transition:.3s;

}

.product-buttons .wishlist{

    flex:0 0 50px;
    background:#222;

}

.product-buttons button:hover{

    opacity:.9;

}

.product-prev,
.product-next{

    width:50px;
    height:50px;
    border:none;
    border-radius:50%;
    background:#ff6600;
    color:#fff;
    cursor:pointer;
    font-size:22px;
    margin:0 10px;

}

.product-prev:hover,
.product-next:hover{

    background:#111;

}

@media(max-width:768px){

.section-header{

flex-direction:column;
gap:15px;

}

.product-card{

min-width:230px;

}

.product-prev,
.product-next{

display:none;

}

}

/* ===================================
   FLASH SALE
=================================== */

.flash-sale-section{

    padding:80px 0;

    background:
        linear-gradient(
            135deg,
            #fff5f0,
            #fff,
            #fff7f2
        );

    overflow:hidden;

}


/* HEADER */

.flash-header{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:30px;

    margin-bottom:45px;

}


.flash-title{

    display:flex;

    align-items:center;

    gap:15px;

}


.flash-icon{

    width:60px;

    height:60px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#ff5a00;

    color:#fff;

    border-radius:50%;

    font-size:30px;

    animation:flashPulse 1.5s infinite;

}


.flash-subtitle{

    color:#ff5a00;

    font-size:14px;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:1px;

}


.flash-title h2{

    margin:5px 0 0;

    font-size:38px;

    color:#111;

}


/* COUNTDOWN */

.countdown-box{

    display:flex;

    align-items:center;

    gap:20px;

}


.ends-text{

    font-weight:600;

    color:#555;

}


.countdown{

    display:flex;

    align-items:center;

    gap:8px;

}


.time-box{

    background:#111;

    color:#fff;

    width:65px;

    height:65px;

    border-radius:10px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

}


.time-box span{

    font-size:22px;

    font-weight:700;

}


.time-box small{

    font-size:10px;

    opacity:.7;

}


.colon{

    font-size:25px;

    font-weight:bold;

    color:#ff5a00;

}


/* ===================================
   CAROUSEL
=================================== */

.flash-carousel{

    position:relative;

    display:flex;

    align-items:center;

}


.flash-wrapper{

    width:100%;

    overflow:hidden;

}


.flash-track{

    display:flex;

    transition:transform .5s ease;

}


/* ===================================
   PRODUCT CARD
=================================== */

.flash-card{

    flex:0 0 calc(25% - 20px);

    margin:10px;

    background:#fff;

    border-radius:18px;

    overflow:hidden;

    position:relative;

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

    transition:
        transform .35s ease,
        box-shadow .35s ease;

}


.flash-card:hover{

    transform:translateY(-8px);

    box-shadow:
        0 20px 45px
        rgba(0,0,0,.14);

}


/* BADGE */

.discount-badge{

    position:absolute;

    left:15px;

    top:15px;

    z-index:5;

    background:#ff3b30;

    color:#fff;

    padding:7px 14px;

    border-radius:30px;

    font-size:13px;

    font-weight:700;

}


/* WISHLIST */

.flash-wishlist{

    position:absolute;

    right:15px;

    top:15px;

    z-index:5;

    width:40px;

    height:40px;

    border:none;

    border-radius:50%;

    background:#fff;

    color:#333;

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

    font-size:23px;

    cursor:pointer;

    transition:.3s;

}


.flash-wishlist:hover,
.flash-wishlist.active{

    background:#ff3b30;

    color:#fff;

}


/* IMAGE */

.flash-image{

    height:240px;

    overflow:hidden;

    background:#f6f6f6;

}


.flash-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:transform .5s ease;

}


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

    transform:scale(1.08);

}


/* CONTENT */

.flash-content{

    padding:20px;

}


.product-category{

    color:#999;

    font-size:13px;

}


.flash-content h3{

    font-size:19px;

    margin:7px 0;

    color:#222;

}


/* RATING */

.flash-rating{

    color:#ffb000;

    margin-bottom:12px;

}


.flash-rating span{

    color:#999;

    font-size:12px;

    margin-left:5px;

}


/* PRICE */

.flash-price{

    display:flex;

    align-items:center;

    gap:10px;

    margin-bottom:15px;

}


.sale-price{

    color:#ff3b30;

    font-size:22px;

    font-weight:700;

}


.regular-price{

    color:#aaa;

    text-decoration:line-through;

    font-size:14px;

}


/* SOLD INFO */

.sold-info{

    display:flex;

    justify-content:space-between;

    font-size:12px;

    color:#777;

    margin-bottom:7px;

}


/* STOCK PROGRESS */

.stock-bar{

    width:100%;

    height:7px;

    background:#eee;

    border-radius:20px;

    overflow:hidden;

    margin-bottom:20px;

}


.stock-progress{

    height:100%;

    background:
        linear-gradient(
            90deg,
            #ff7b00,
            #ff2d00
        );

    border-radius:20px;

}


/* CART BUTTON */

.flash-cart{

    width:100%;

    padding:13px 15px;

    border:none;

    border-radius:9px;

    background:#111;

    color:#fff;

    cursor:pointer;

    font-weight:600;

    transition:.3s;

}


.flash-cart:hover{

    background:#ff5a00;

}


/* ===================================
   ARROWS
=================================== */

.flash-prev,
.flash-next{

    position:absolute;

    z-index:10;

    width:50px;

    height:50px;

    border:none;

    border-radius:50%;

    background:#fff;

    color:#111;

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

    font-size:20px;

    cursor:pointer;

    transition:.3s;

}


.flash-prev{

    left:-25px;

}


.flash-next{

    right:-25px;

}


.flash-prev:hover,
.flash-next:hover{

    background:#ff5a00;

    color:#fff;

}


/* VIEW ALL */

.flash-view-all{

    text-align:center;

    margin-top:40px;

}


.flash-view-all a{

    display:inline-block;

    padding:14px 35px;

    border-radius:30px;

    background:#ff5a00;

    color:#fff;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}


.flash-view-all a:hover{

    background:#111;

    transform:translateY(-3px);

}


/* PULSE */

@keyframes flashPulse{

    0%{

        box-shadow:
            0 0 0 0
            rgba(255,90,0,.5);

    }

    70%{

        box-shadow:
            0 0 0 15px
            rgba(255,90,0,0);

    }

    100%{

        box-shadow:
            0 0 0 0
            rgba(255,90,0,0);

    }

}


/* ===================================
   TABLET
=================================== */

@media(max-width:992px){

    .flash-card{

        flex:0 0 calc(33.333% - 20px);

    }

}


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

@media(max-width:768px){

    .flash-sale-section{

        padding:55px 15px;

    }


    .flash-header{

        flex-direction:column;

        align-items:flex-start;

    }


    .countdown-box{

        flex-direction:column;

        align-items:flex-start;

        gap:10px;

    }


    .time-box{

        width:52px;

        height:55px;

    }


    .time-box span{

        font-size:18px;

    }


    .flash-card{

        flex:0 0 calc(50% - 20px);

    }


    .flash-prev,
    .flash-next{

        display:none;

    }

}


/* SMALL MOBILE */

@media(max-width:480px){

    .flash-title h2{

        font-size:30px;

    }


    .flash-card{

        flex:0 0 calc(100% - 20px);

    }

}

.auth-modal{

position:fixed;

inset:0;

background:rgba(0,0,0,.6);

display:flex;

justify-content:center;

align-items:center;

opacity:0;

visibility:hidden;

transition:.4s;

z-index:9999;

backdrop-filter:blur(5px);

}

.auth-modal.show{

opacity:1;

visibility:visible;

}

.auth-box{

width:420px;

max-width:95%;

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

backdrop-filter:blur(18px);

border-radius:20px;

padding:35px;

position:relative;

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

animation:popup .4s;

}

@keyframes popup{

from{

transform:scale(.8);

opacity:0;

}

to{

transform:scale(1);

opacity:1;

}

}

.close-auth{

position:absolute;

top:15px;

right:15px;

border:none;

background:none;

font-size:28px;

cursor:pointer;

color:#333;

}

.auth-tabs{

display:flex;

margin-bottom:30px;

border-radius:10px;

overflow:hidden;

}

.tab-btn{

flex:1;

padding:15px;

border:none;

cursor:pointer;

background:#eee;

font-weight:600;

transition:.3s;

}

.tab-btn.active{

background:#ff6600;

color:#fff;

}

.tab-content{

display:none;

}

.tab-content.active{

display:block;

}

.tab-content h2{

margin-bottom:8px;

}

.tab-content p{

margin-bottom:25px;

color:#555;

}

.input-group{

margin-bottom:18px;

}

.input-group input{

width:100%;

padding:15px;

border-radius:10px;

border:1px solid #ddd;

outline:none;

font-size:15px;

}

.password-box{

position:relative;

}

.toggle-password{

position:absolute;

right:15px;

top:50%;

transform:translateY(-50%);

cursor:pointer;

}

.auth-options{

display:flex;

justify-content:space-between;

align-items:center;

margin-bottom:20px;

font-size:14px;

}

.auth-options a{

text-decoration:none;

color:#ff6600;

}

.auth-btn{

width:100%;

padding:15px;

border:none;

background:#ff6600;

color:#fff;

border-radius:10px;

font-size:16px;

cursor:pointer;

transition:.3s;

}

.auth-btn:hover{

background:#111;

}

.social-login{

margin-top:25px;

display:flex;

gap:15px;

}

.social-login button{

flex:1;

padding:13px;

border:none;

border-radius:8px;

cursor:pointer;

font-weight:600;

}

.google{

background:#db4437;

color:#fff;

}

.facebook{

background:#1877f2;

color:#fff;

}

@media(max-width:480px){

.auth-box{

padding:25px;

}

}

.cart-toggle{

position:fixed;

right:25px;

bottom:25px;

width:60px;

height:60px;

border:none;

border-radius:50%;

background:#ff6600;

color:#fff;

font-size:26px;

cursor:pointer;

z-index:999;

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

}

.cart-count{

position:absolute;

top:-5px;

right:-5px;

width:24px;

height:24px;

background:#111;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:12px;

}

.cart-overlay{

position:fixed;

inset:0;

background:rgba(0,0,0,.5);

opacity:0;

visibility:hidden;

transition:.35s;

z-index:998;

}

.cart-overlay.show{

opacity:1;

visibility:visible;

}

.cart-drawer{

position:fixed;

top:0;

right:-420px;

width:400px;

max-width:100%;

height:100vh;

background:#fff;

z-index:999;

display:flex;

flex-direction:column;

transition:.4s;

box-shadow:-10px 0 40px rgba(0,0,0,.12);

}

.cart-drawer.open{

right:0;

}

.cart-header{

padding:20px;

display:flex;

justify-content:space-between;

align-items:center;

border-bottom:1px solid #eee;

}

.cart-close{

background:none;

border:none;

font-size:28px;

cursor:pointer;

}

.cart-items{

flex:1;

overflow-y:auto;

padding:20px;

}

.cart-item{

display:flex;

gap:15px;

margin-bottom:20px;

padding-bottom:20px;

border-bottom:1px solid #eee;

position:relative;

}

.cart-item img{

width:80px;

height:80px;

object-fit:cover;

border-radius:10px;

}

.cart-info{

flex:1;

}

.cart-info h4{

margin-bottom:8px;

font-size:17px;

}

.price{

font-weight:bold;

color:#ff6600;

margin-bottom:10px;

}

.qty-box{

display:flex;

align-items:center;

gap:5px;

}

.qty-box button{

width:32px;

height:32px;

border:none;

background:#eee;

cursor:pointer;

border-radius:6px;

}

.qty-box input{

width:45px;

text-align:center;

height:32px;

border:1px solid #ddd;

border-radius:6px;

}

.remove-item{

position:absolute;

top:0;

right:0;

border:none;

background:none;

cursor:pointer;

font-size:18px;

color:#999;

}

.remove-item:hover{

color:red;

}

.cart-footer{

padding:20px;

border-top:1px solid #eee;

}

.subtotal{

display:flex;

justify-content:space-between;

margin-bottom:20px;

font-size:18px;

}

.view-cart,

.checkout-btn{

display:block;

width:100%;

padding:14px;

text-align:center;

text-decoration:none;

border-radius:10px;

font-weight:600;

margin-bottom:12px;

}

.view-cart{

background:#eee;

color:#111;

}

.checkout-btn{

background:#ff6600;

color:#fff;

}

.checkout-btn:hover{

background:#111;

}

.empty-cart{

display:none;

padding:40px 20px;

text-align:center;

}

.empty-cart img{

width:170px;

margin-bottom:20px;

}

@media(max-width:480px){

.cart-drawer{

width:100%;

}

}
/* ==========================
      WISHLIST DRAWER
========================== */

.wishlist-toggle{

position:fixed;

right:100px;

bottom:25px;

width:60px;

height:60px;

border:none;

border-radius:50%;

background:#ff3b5c;

color:#fff;

font-size:24px;

cursor:pointer;

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

z-index:1000;

}

.wishlist-count{

position:absolute;

top:-5px;

right:-5px;

width:24px;

height:24px;

background:#111;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:12px;

}

.wishlist-overlay{

position:fixed;

inset:0;

background:rgba(0,0,0,.55);

opacity:0;

visibility:hidden;

transition:.35s;

z-index:998;

}

.wishlist-overlay.show{

opacity:1;

visibility:visible;

}

.wishlist-drawer{

position:fixed;

top:0;

right:-420px;

width:400px;

max-width:100%;

height:100vh;

background:#fff;

display:flex;

flex-direction:column;

transition:.4s;

z-index:999;

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

}

.wishlist-drawer.open{

right:0;

}

.wishlist-header{

padding:20px;

display:flex;

justify-content:space-between;

align-items:center;

border-bottom:1px solid #eee;

}

.wishlist-close{

border:none;

background:none;

font-size:30px;

cursor:pointer;

}

.wishlist-items{

flex:1;

overflow-y:auto;

padding:20px;

}

.wishlist-item{

display:flex;

gap:15px;

position:relative;

margin-bottom:20px;

padding-bottom:20px;

border-bottom:1px solid #eee;

}

.wishlist-item img{

width:90px;

height:90px;

object-fit:cover;

border-radius:10px;

}

.wishlist-info{

flex:1;

}

.wishlist-info h4{

margin-bottom:8px;

}

.wishlist-price{

margin-bottom:8px;

}

.sale-price{

font-size:18px;

font-weight:bold;

color:#ff3b5c;

}

.old-price{

margin-left:10px;

color:#999;

text-decoration:line-through;

}

.stock{

display:block;

font-size:13px;

margin-bottom:12px;

}

.in-stock{

color:#0a9d36;

}

.out-stock{

color:#f57c00;

}

.move-cart{

border:none;

padding:10px 18px;

background:#ff3b5c;

color:#fff;

border-radius:6px;

cursor:pointer;

transition:.3s;

}

.move-cart:hover{

background:#111;

}

.remove-wishlist{

position:absolute;

top:0;

right:0;

background:none;

border:none;

font-size:18px;

cursor:pointer;

color:#888;

}

.remove-wishlist:hover{

color:red;

}

.wishlist-footer{

padding:20px;

border-top:1px solid #eee;

}

.wishlist-footer a{

display:block;

text-align:center;

padding:14px;

text-decoration:none;

border-radius:8px;

font-weight:600;

margin-bottom:12px;

}

.wishlist-page{

background:#ff3b5c;

color:#fff;

}

.continue-shopping{

background:#f2f2f2;

color:#111;

}

.wishlist-empty{

display:none;

padding:40px 20px;

text-align:center;

}

.wishlist-empty img{

width:180px;

margin-bottom:20px;

}

@media(max-width:480px){

.wishlist-drawer{

width:100%;

}

.wishlist-toggle{

right:20px;

bottom:95px;

}

}

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

.testimonials{

    padding:90px 0;

    background:#f8f9fc;

}

.section-heading{

    text-align:center;

    margin-bottom:60px;

}

.section-heading span{

    color:#ff6600;

    font-weight:600;

    text-transform:uppercase;

}

.section-heading h2{

    font-size:42px;

    margin:12px 0;

}

.section-heading p{

    color:#666;

}

.testimonial-slider{

    display:flex;

    align-items:center;

    position:relative;

}

.testimonial-wrapper{

    overflow:hidden;

    width:100%;

}

.testimonial-track{

    display:flex;

    transition:.5s;

}

.testimonial-card{

    min-width:380px;

    margin:15px;

    background:#fff;

    border-radius:20px;

    padding:35px;

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

    transition:.4s;

}

.testimonial-card:hover{

    transform:translateY(-8px);

}

.quote-icon{

    font-size:60px;

    color:#ff6600;

    line-height:1;

}

.testimonial-text{

    margin:25px 0;

    line-height:1.9;

    color:#555;

}

.testimonial-rating{

    color:#ffc107;

    font-size:20px;

    margin-bottom:25px;

}

.testimonial-user{

    display:flex;

    align-items:center;

    gap:15px;

}

.testimonial-user img{

    width:70px;

    height:70px;

    border-radius:50%;

    object-fit:cover;

}

.testimonial-user h4{

    margin-bottom:5px;

}

.testimonial-user span{

    color:#777;

}

.testimonial-prev,
.testimonial-next{

    width:50px;

    height:50px;

    border:none;

    border-radius:50%;

    background:#ff6600;

    color:#fff;

    font-size:22px;

    cursor:pointer;

    margin:0 10px;

    transition:.3s;

}

.testimonial-prev:hover,
.testimonial-next:hover{

    background:#111;

}

@media(max-width:991px){

.testimonial-card{

min-width:320px;

}

}

@media(max-width:768px){

.testimonial-prev,
.testimonial-next{

display:none;

}

.testimonial-card{

min-width:100%;

margin:0;

}

.section-heading h2{

font-size:34px;

}

}