@import url('style.css');

@media only screen and (max-width: 1110px) {
    .nav-options,
    .nav-options-sticky {
        display: none;
    }
    .navIcon {
        display: flex;
    }
    .mobile_nav {
        display: flex;
    }
}

@media only screen and (max-width: 1200px) {
    .floating_block {
        padding: 40px;
        position: relative;
        transform: none;
        margin-block: 50px;
    }
    .bottom-container {
        height: 100%;
    }
}


@media only screen and (max-width: 768px) {        
    .banner-heading h1 {
        padding-inline: 20px;
    }
    .banner-text>p {
        transform: none;
    }
}

@media only screen and (max-width: 500px) {
    .banner-heading::before {
        content: none;
    }
    .banner-text>p {
        padding-inline: 20px;
    }
    .button_with_text {
        flex-wrap: wrap;
        gap: 35px;
        justify-content: center;
    }
    .amen-wrapper {
        padding: 50px 40px;
    }
    .features-arrow-wrapper .arrow_itself {
        width: 50px;
        height: 50px;
    }
    .features_wrapper {
        padding: 40px;
        padding-bottom: 70px;
    }
}