.banner {
    padding: 8.02083vw 5.88542vw 0 6.25vw
}

.banner .content {
    position: relative
}

.banner .content img,
.banner .content video {
    width: 100%;
    height: 36.71875vw;
    border-radius: 1.04167vw;
    object-fit: cover
}

.banner .content .text {
    position: absolute;
    left: 4.16667vw;
    bottom: 10.41667vw;
    color: white
}

.banner .content .text .p1 {
    font-weight: 700;
     font-family: "Asap Condensed", sans-serif;
    /* font-family: "Montserrat" */
}

.banner .content .text .p2 {
    letter-spacing: 1.8px;
    text-transform: capitalize
}

.banner .content .price {
    position: absolute;
    right: 4.16667vw;
    bottom: 6.25vw;
    display: flex;
    align-items: center;
    background: white;
    padding: .26042vw .52083vw;
    padding-bottom: 0.3vw;
    gap: .52083vw;
    border-radius: 8px;
    /* display: none; */
}

.banner .content .price p {
    color: #000;
    font-weight: 500
}

.banner .content .price a {
    background: #000;
    color: white;
    padding: .41667vw .52083vw;
    border-radius: 8px;
    display: none;
}

@media screen and (max-width: 768px) {
    .banner {
        padding: 80px 5% 0 5%
    }

    .banner .content img,
    .banner .content video {
        height: 145px !important;
        border-radius: 10px
    }

    .banner .content .text {
        left: 20px;
        bottom: 20px !important;
        width: calc(100% - 40px)
    }

    .banner .content .text .p1 {
        font-size: 20px
    }

    .banner .content .text .p2 {
        font-size: 16px
    }

    .banner .content .price {
        right: 10px;
        bottom: 10px;
        padding: 5px;
        font-size: 12px;
        gap: 8px
    }

    .banner .content .price a {
        padding: 3px 8px
    }
}