html,
body{
    width:100%;
    overflow-x:hidden;
}

/* =========================
HIDDEN FIX
========================= */

.hidden{
    display:none;
}

@media(min-width:1024px){

    .responsive-navbar.hidden{
        display:flex !important;
    }

    .desktop-only-flex.hidden{
        display:flex !important;
    }

}

/* =========================
DESKTOP FIX
========================= */

@media screen and (min-width:1024px){

    body{
        overflow-x:hidden !important;
    }

    .toggle-bar-mobile{
        display:none !important;
    }

    .default-nav-bar{
        width:100% !important;
        background:#ffffff !important;
        border-bottom:1px solid #eeeeee !important;
        position:relative !important;
        z-index:9999 !important;
    }

    .central-content-container{
        width:100% !important;
        max-width:1280px !important;
        margin:0 auto !important;
        padding-left:30px !important;
        padding-right:30px !important;
    }

    .column-to-row-layout{
        display:flex !important;
        flex-direction:row !important;
        align-items:center !important;
        justify-content:space-between !important;
        width:100% !important;
    }

    .responsive-navbar,
    #navbar{
        display:flex !important;
        flex-direction:row !important;
        align-items:center !important;
        justify-content:space-between !important;

        width:100% !important;
        height:auto !important;

        visibility:visible !important;
        opacity:1 !important;

        overflow:visible !important;

        background:transparent !important;
        box-shadow:none !important;

        padding-top:20px !important;
        padding-bottom:20px !important;
        padding-left:0 !important;
        padding-right:0 !important;

        margin:0 !important;
    }

    .vertical-horizontal-layout{
        display:flex !important;
        flex-direction:row !important;
        align-items:center !important;
        justify-content:flex-start !important;

        gap:30px !important;

        list-style:none !important;

        margin:0 !important;
        padding:0 !important;
    }

    .vertical-horizontal-layout li{
        margin:0 !important;
        padding:0 !important;
    }

    .link-style-default{
        display:inline-block !important;

        margin:0 !important;
        padding:0 !important;

        color:#374151 !important;

        font-size:16px !important;
        font-weight:500 !important;

        text-decoration:none !important;

        white-space:nowrap !important;
    }

    .desktop-only-flex{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
    }

    .desktop-action-bar{
        display:flex !important;
        flex-direction:row !important;
        align-items:center !important;
        justify-content:flex-end !important;

        gap:15px !important;
    }

    .login-button-style{
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;

        padding:10px 18px !important;

        border-radius:10px !important;

        background:#fff7f0 !important;
        color:#e68a2d !important;

        text-decoration:none !important;
    }

    .signup-button-main{
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;

        padding:10px 18px !important;

        border-radius:10px !important;

        background:#e68a2d !important;
        color:#ffffff !important;

        text-decoration:none !important;
    }

    /* =========================
    HERO
    ========================= */

    .content-center-frame{
        width:100% !important;
        max-width:1280px !important;

        margin:0 auto !important;

        padding-left:30px !important;
        padding-right:30px !important;

        text-align:center !important;
    }

    .main-heading{
        max-width:900px !important;

        margin-left:auto !important;
        margin-right:auto !important;

        font-size:54px !important;
        line-height:1.1 !important;
    }

    .standard-paragraph{
        max-width:700px !important;

        margin-left:auto !important;
        margin-right:auto !important;
    }

    .hero-image-style{
        display:block !important;

        width:100% !important;
        max-width:1100px !important;

        margin:0 auto !important;

        border-radius:24px !important;

        object-fit:cover !important;
    }

    /* =========================
    CONTAINERS
    ========================= */

    .responsive-container,
    .central-container,
    .container{
        width:100% !important;
        max-width:1280px !important;

        margin:0 auto !important;

        padding-left:30px !important;
        padding-right:30px !important;
    }

    /* =========================
    GRID FIXES
    ========================= */

    .responsive-grid-layout{
        display:grid !important;
        grid-template-columns:repeat(3,1fr) !important;
        gap:30px !important;
    }

    .main-features-grid{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:40px !important;
        align-items:center !important;
    }

    .feature-stats-grid{
        display:grid !important;
        grid-template-columns:repeat(4,1fr) !important;
        gap:30px !important;
    }

    .multi-column-grid{
        display:grid !important;
        grid-template-columns:repeat(3,1fr) !important;
        gap:30px !important;
    }

    .flexible-layout{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:30px !important;
    }

    .responsive-item,
    .fluid-item{
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
    }

    .adaptive-flex-layout{
        display:flex !important;
        flex-direction:row !important;

        justify-content:space-between !important;
        align-items:flex-start !important;

        gap:30px !important;
    }

    .expandable-column-item{
        flex:1 !important;
    }

    .flexible-layout-spacing{
        display:grid !important;
        grid-template-columns:repeat(4,1fr) !important;
        gap:30px !important;
    }

    .responsive-column-separation{
        width:100% !important;

        border-right:1px solid #eeeeee !important;
        border-bottom:none !important;

        padding-bottom:0 !important;
    }

    .responsive-column-separation:last-child{
        border-right:none !important;
    }

    /* =========================
    CONTACT SECTION
    ========================= */

    .responsive-grid{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:50px !important;

        align-items:stretch !important;
    }

    .margin-responsive-bottom{
        margin-bottom:0 !important;
    }

    .relative-full-height{
        height:100% !important;
        min-height:700px !important;
    }

    .image-full-cover{
        width:100% !important;
        height:100% !important;

        min-height:700px !important;

        object-fit:cover !important;

        border-radius:20px 0 0 20px !important;
    }

    .headline-overlay{
        position:absolute !important;

        top:50px !important;
        left:50px !important;

        z-index:5 !important;

        color:#ffffff !important;

        max-width:500px !important;
    }

    .overlay-content-wrapper{
        position:absolute !important;

        left:40px !important;
        right:40px !important;
        bottom:40px !important;

        z-index:5 !important;
    }

    .form-container{
        height:100% !important;

        border-radius:0 20px 20px 0 !important;
    }

    /* =========================
    FOOTER
    ========================= */

    .responsive-layout-footer{
        display:flex !important;
        flex-direction:row !important;

        justify-content:space-between !important;
        align-items:center !important;

        gap:20px !important;
    }

    .contact-info-group{
        justify-content:flex-end !important;
    }

}