/* =========================================
   THEVINS PREMIUM IMAGE SLIDER
   ========================================= */

.tv-slider-section{
    position:relative;
    background:#061b12;
    overflow:hidden;
}

.tv-home-slider{
    width:100%;
    height:760px;
}

.tv-home-slider .swiper-slide{
    position:relative;
    overflow:hidden;
}


/* Background Image */

.tv-slide-bg{
    position:absolute;
    inset:0;

    background-size:cover;
    background-position:center;

    transform:scale(1.08);

    transition:
        transform 7s ease;
}


/* Active Slide Zoom */

.swiper-slide-active .tv-slide-bg{
    transform:scale(1);
}


/* Dark Overlay */

.tv-slide-overlay{
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(3,18,10,.92) 0%,
            rgba(3,18,10,.72) 42%,
            rgba(3,18,10,.18) 100%
        );
}


/* Content Container */

.tv-slide-content{
    position:relative;

    width:min(1180px,92%);
    height:100%;

    margin:auto;

    padding-top:130px;

    display:flex;
    flex-direction:column;
    justify-content:space-between;

    padding-bottom:80px;
}


/* Top */

.tv-slide-top{
    display:flex;
    align-items:center;
    gap:18px;
}


.tv-slide-number{
    color:#ff4d24;

    font-family:"Manrope",sans-serif;
    font-weight:800;

    font-size:14px;

    letter-spacing:.1em;
}


.tv-slide-category{
    color:#ffffff;

    font-family:"DM Sans",sans-serif;

    font-size:12px;
    font-weight:800;

    text-transform:uppercase;

    letter-spacing:.15em;

    padding-left:18px;

    border-left:
        1px solid rgba(255,255,255,.35);
}


/* Main Content */

.tv-slide-main{
    max-width:720px;

    margin-bottom:40px;
}


/* Eyebrow */

.tv-slide-eyebrow{
    display:flex;
    align-items:center;
    gap:10px;

    color:#ffffff;

    font-family:"DM Sans",sans-serif;

    font-size:11px;

    font-weight:800;

    text-transform:uppercase;

    letter-spacing:.16em;
}


.tv-slide-eyebrow:before{
    content:"";

    width:32px;
    height:3px;

    border-radius:5px;

    background:#ff4d24;
}


/* Heading */

.tv-slide-main h2{
    margin-top:22px;

    font-family:"Manrope",sans-serif;

    font-size:clamp(3.2rem,6vw,6.8rem);

    font-weight:800;

    line-height:.92;

    letter-spacing:-.065em;

    color:#ffffff;
}


.tv-slide-main h2 span{
    color:#ff4d24;
}


/* Description */

.tv-slide-main p{
    max-width:560px;

    margin-top:24px;

    color:#d2ded6;

    font-family:"DM Sans",sans-serif;

    font-size:17px;

    line-height:1.7;
}


/* CTA Button */

.tv-slide-btn{
    display:inline-flex;

    align-items:center;
    gap:18px;

    margin-top:30px;

    padding:15px 20px;

    border-radius:10px;

    background:#ff4d24;

    color:#ffffff;

    font-family:"DM Sans",sans-serif;

    font-size:14px;

    font-weight:800;

    transition:.25s ease;
}


.tv-slide-btn span{
    font-size:18px;
}


.tv-slide-btn:hover{
    transform:translateY(-3px);

    background:#ff633e;
}


/* Bottom Controls */

.tv-slider-controls{
    position:absolute;

    left:50%;
    bottom:45px;

    transform:translateX(-50%);

    width:min(1180px,92%);

    z-index:5;

    display:flex;

    align-items:center;

    justify-content:space-between;
}


/* Pagination */

.tv-slider-pagination{
    display:flex;

    align-items:center;

    gap:9px;
}


.tv-slider-pagination
.swiper-pagination-bullet{
    width:34px;
    height:3px;

    border-radius:5px;

    margin:0!important;

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

    opacity:1;

    transition:.35s ease;
}


.tv-slider-pagination
.swiper-pagination-bullet-active{
    width:70px;

    background:#ff4d24;
}


/* Navigation Buttons */

.tv-slider-nav{
    display:flex;

    gap:10px;
}


.tv-slider-prev,
.tv-slider-next{
    width:48px;
    height:48px;

    border-radius:50%;

    border:
        1px solid
        rgba(255,255,255,.3);

    background:
        rgba(4,22,13,.45);

    backdrop-filter:
        blur(10px);

    color:#ffffff;

    font-size:20px;

    cursor:pointer;

    transition:.25s ease;
}


.tv-slider-prev:hover,
.tv-slider-next:hover{
    background:#ff4d24;

    border-color:#ff4d24;

    transform:translateY(-3px);
}


/* Mobile */

@media(max-width:768px){

    .tv-home-slider{
        height:680px;
    }

    .tv-slide-content{
        padding-top:110px;
        padding-bottom:110px;
    }

    .tv-slide-main{
        margin-bottom:20px;
    }

    .tv-slide-main h2{
        font-size:3.6rem;
    }

    .tv-slide-main p{
        font-size:15px;
    }

    .tv-slide-overlay{
        background:
            linear-gradient(
                90deg,
                rgba(3,18,10,.88),
                rgba(3,18,10,.55)
            );
    }

}


@media(max-width:500px){

    .tv-home-slider{
        height:620px;
    }

    .tv-slide-content{
        padding-top:100px;
        padding-bottom:100px;
    }

    .tv-slide-main h2{
        font-size:3rem;
    }

    .tv-slide-category{
        font-size:9px;
    }

    .tv-slider-controls{
        bottom:30px;
    }

    .tv-slider-prev,
    .tv-slider-next{
        width:42px;
        height:42px;
    }

}