@media (max-width: 575.98px) {
    #banner {
        height: auto;
        background: transparent;
        overflow: hidden;
    }
    .footer-text p {
        width: auto;
    }
    .copyright-inner{
        flex-direction: column;
    }

    .banner-main {
        padding: 18px;
        background-color: black;
        padding-bottom: 0 !important;
    }
    .banner-main img {
        height: 302px;
        padding-top: 10px;
    }
    .banner-main-two {
        padding: 17px;
        padding-bottom: 0 !important;
    }
    .banner-main-two img {
        height: 181px;
        padding-top: 15px;
    }
    .banner-main h2 {
        color: white;
        font-size: 28px;
    }
    .banner-main p {
        font-size: 16px;
        font-weight: 300;
        color: white;
    }
    .banner-btn a {
        padding: 6px 20px;
        background-color: #0D730A;
        color: white;
        border-radius: 20px;
        font-size: 16px;
    }
    .banner-main-two h2 {
        color: black;
        font-size: 28px;
    }
    .banner-main-two p {
        font-size: 16px;
        font-weight: 300;
        color: black;
    }
    .hear h1 {
        font-size: 30px;
        font-weight: 400;
    }
    .hear p {
        font-size: 17px;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.646);
    }
    .swiper-slide img {
        width: 100%;
        height: 401px;
    }
    .prev {
        position: absolute;
        top: 162px;
        left: 166px;
        font-size: 30px;
        cursor: pointer;
        transition: 0.4s;
        color: white;
        z-index: 2024;
    }
    .next {
        position: absolute;
        top: 162px;
        right: 157px;
        font-size: 30px;
        cursor: pointer;
        transition: 0.4s;
        color: white;
        z-index: 2024;
    }
    .overlay{
        display: none;
    }
    .wall-text h1 {
        color: white;
        font-size: 33px;
    }
    .num-content h1 {
        font-size: 41px;
    }
    .num-content p {
        font-size: 17px;
        color: white;
    }
    .finance {
        background-color: black;
        padding: 40px 1px;
        height: 463px;
    }
    .finance h1 {
        font-size: 41px;
        color: white;
    }
    .finance-btn a {
        color: white;
        font-size: 18px;
    }
    .subscribe-form {
        display: flex;
        border-radius: 30px;
        overflow: hidden;
        background-color: #000;
        padding: 0 28px;
    }
    .latest-head h1 {
        font-size: 33px;
        padding: 10px 0;
    }
    .playstore{
        flex-direction: column;
    } 
    .sociall{
        flex-direction: column;
        row-gap: 20px;
    }
    .swiper-container {
        width: 100%;
        height: 100%;
        padding-bottom: 50px;
        position: relative;
        overflow: hidden;
    }
    .swiper-button-prev, .swiper-button-next {
        position: absolute;
        color: #000;
        bottom: 10px;
        top: 50%;
        transform: translateY(-50%);
        width: 40px;
        height: 40px;
        margin: 0 5px;
    }
    .swiper-button-prev {
        left: 3%;
        transform: translateX(-60px);
    }
    /* .swiper-button-prev {
        left: 3%;
        transform: translateX(-60px);
    }
    .swiper-button-next {
        right: 3%;
        transform: translateX(60px);
        z-index: 999;
    } */
    .youtube-video iframe {
        width: 100%;
        height: 300px;
    }
    .card-img img {
        height: 200px;
        border-radius: 20px;
        transition: 0.1s ease;
    }
    .f-img img {
        height: 270px;
    }


}
@media (min-width: 576px) and (max-width: 1099px) {
    #banner {
        height: auto;
        background: transparent;
        overflow: hidden;
    }

    .banner-main {
        padding: 18px;
        background-color: black;
        padding-bottom: 0 !important;
    }
    .banner-main img {
        height: 302px;
        padding-top: 10px;
    }
    .banner-main-two {
        padding: 17px;
        padding-bottom: 0 !important;
    }
    .banner-main-two img {
        height: 181px;
        padding-top: 15px;
    }
    .banner-main h2 {
        color: white;
        font-size: 28px;
    }
    .banner-main p {
        font-size: 16px;
        font-weight: 300;
        color: white;
    }
    .banner-btn a {
        padding: 6px 20px;
        background-color: #0D730A;
        color: white;
        border-radius: 20px;
        font-size: 16px;
    }
    .banner-main-two h2 {
        color: black;
        font-size: 28px;
    }
    .banner-main-two p {
        font-size: 16px;
        font-weight: 300;
        color: black;
    }
    .hear h1 {
        font-size: 30px;
        font-weight: 400;
    }
    .hear p {
        font-size: 17px;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.646);
    }
    .swiper-slide img {
        width: 100%;
        height: 401px;
    }
    .prev {
        position: absolute;
        top: 162px;
        left: 166px;
        font-size: 30px;
        cursor: pointer;
        transition: 0.4s;
        color: white;
        z-index: 2024;
    }
    .next {
        position: absolute;
        top: 162px;
        right: 157px;
        font-size: 30px;
        cursor: pointer;
        transition: 0.4s;
        color: white;
        z-index: 2024;
    }
    .overlay{
        display: none;
    }
    .wall-text h1 {
        color: white;
        font-size: 33px;
    }
    .num-content h1 {
        font-size: 41px;
    }
    .num-content p {
        font-size: 17px;
        color: white;
    }
    .finance {
        background-color: black;
        padding: 40px 1px;
        height: 463px;
    }
    .finance h1 {
        font-size: 41px;
        color: white;
    }
    .finance-btn a {
        color: white;
        font-size: 18px;
    }
    .subscribe-form {
        display: flex;
        border-radius: 30px;
        overflow: hidden;
        background-color: #000;
        padding: 0 28px;
    }
    .latest-head h1 {
        font-size: 33px;
        padding: 10px 0;
    }
    .playstore{
        flex-direction: column;
    } 
    .sociall{
        flex-direction: column;
        row-gap: 20px;
    }
    .swiper-container {
        width: 100%;
        height: 100%;
        padding-bottom: 50px;
        position: relative;
        overflow: hidden;
    }
    .swiper-button-prev, .swiper-button-next {
        position: absolute;
        color: #000;
        bottom: 10px;
        top: 50%;
        transform: translateY(-50%);
        width: 40px;
        height: 40px;
        margin: 0 5px;
    }
    .swiper-button-prev {
        left: 3%;
        transform: translateX(-60px);
    }
    /* .swiper-button-prev {
        left: 3%;
        transform: translateX(-60px);
    }
    .swiper-button-next {
        right: 3%;
        transform: translateX(60px);
        z-index: 999;
    } */
    .latest-main img {
        height: 161px;
        border-radius: 20px;
        margin-bottom: 20px !important;
    }
    .card-img img {
        height: 150px;
        border-radius: 20px;
        transition: 0.1s ease;
    }
}

@media (min-width: 1100px) and (max-width: 1500px) {
    .swiper-slide img {
        width: 100%;
        height: 380px;
    }
}