@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


        .swiper{
            width:100%;
            height:80vh;
        }

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

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

        /* Dark Overlay */
        .swiper-slide::before{
            content:"";
            position:absolute;
            top:0;
            left:0;
            width:100%;
            height:100%;
            background:rgba(0,0,0,.25);
            z-index:1;
        }

        /* Content */
        .slide-content{
            position:absolute;
            top:50%;
            left:10%;
            transform:translateY(-50%);
            z-index:2;
            max-width:650px;
        }

        .slide-content h1{
            font-family: "Barlow", sans-serif;
            color:#fff;
            font-size:64px;
            line-height:1.2;
            margin-bottom:30px;
            font-weight:700;
        }

        .slide-content .btn{
            font-family: "Barlow", sans-serif;

            display:inline-block;
            background:#d4a64a;
            color:#fff;
            text-decoration:none;
            padding:16px 40px;
            border-radius:4px;
            font-size:18px;
            transition:.3s;
        }

        .slide-content .btn:hover{
            background:#b98d38;
        }

        .swiper-button-next,
        .swiper-button-prev{
            color:#fff;
        }

        .swiper-pagination-bullet{
            background:#fff;
            opacity:0.6;
        }

        .swiper-pagination-bullet-active{
            background:#d4a64a;
            opacity:1;
        }

        @media(max-width:992px){

            .slide-content{
                left:6%;
                right:6%;
            }

            .slide-content h1{
                font-size:48px;
            }

        }

        @media(max-width:768px){

            .slide-content h1{
                font-size:36px;
            }

            .slide-content .btn{
                padding:14px 30px;
                font-size:16px;
            }

        }



.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: #fff!important;
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff!important;
}