.hero_banner_section {

    background-position: left 24% top;

    background-size: cover;

    padding: 75px 0 150px;

    padding-left: 20px;

    padding-right: 20px;

}



.hero_banner_section .banner_data__inner {

    max-width: 702px;
    margin-left: auto;

}



.hero_banner_section .banner_data__inner .heading_wrap {

    text-align: center;

    margin-bottom: 30px;

}



.hero_banner_section .content_wrap p {

    color: var(--color_white);

}



.hero_banner_section .banner_link {

    margin-top: 50px;

    text-align: center;

}



.hero_banner_section .banner_link .btn {

    display: block;

    width: fit-content;

    margin: 0 auto;
    padding-left: 38px;
    padding-right: 38px;

}



.hero_banner_section .arrow-wrapper {

    margin-top: 20px;

    width: 52px;

    height: 27px;

    margin-left: auto;

    margin-right: auto;

}



.hero_banner_section .next-section {

    transition: all 0.5s ease-in-out;

    position: relative;

    top: 0;

}

.hero_banner_section .next-section svg {

    width: 52px;

    height: 27px;

    margin: 0 auto;
}

.hero_banner_section .next-section svg .cls-1 {
    clip-path: unset;
}


.hero_banner_section .next-section:hover {

    margin-top: 25px;

    top: 5px;

}



@media(max-width: 991px) {

    .hero_banner_section {

        padding: 70px 0 100px;

    }



    .hero_banner_section .banner_data__inner .heading_wrap {

        margin-bottom: 15px;

    }



    .hero_banner_section .banner_link {

        margin-top: 30px;

    }



    .hero_banner_section {

        background-position: left 15% center;

    }

}



@media(max-width: 767px) {

    .hero_banner_section {
        background-position: left 15% center;
        padding: 180px 0 20px;
    }

    .hero_banner_section .content_wrap p {
        line-height: 1.2;
    }

}

@media (max-width: 575px) {
    .hero_banner_section {
        padding: 220px 0 40px;
    }

    .hero_banner_section .content_wrap p {
        line-height: 1.2;
    }
}