/* ==== 
 --------- box layout styles start ---------
 ==== */
.box-layout .page-wrapper {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    margin-top: 0px;
}

.box-layout::before {
    position: fixed;
    content: "";
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    background: url("../images/pattern.jpg");
    opacity: 0.4;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}

.box-layout .topbar {
    max-width: 1400px;
    margin-inline: auto;
}

.box-layout .header {
    max-width: 1400px;
    margin-inline: auto;
}

.box-layout .topbar--secondary .topbar__extra {
    display: none;
}

.box-layout .header-secondary .contact-btn {
    display: none;
}

@media only screen and (min-width: 1200px) {
    .box-layout .header-primary .container {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media only screen and (min-width: 1400px) {
    .box-layout .topbar .container {
        max-width: 1320px;
    }
}

.box-layout .footer .sprade-light {
    inset-inline-end: -5%;
}

@media only screen and (min-width: 1200px) {
    .box-layout .header-primary .main-header__menu-box {
        padding-inline: 12px;
    }
}

.box-layout .cause-alt .slider-navigation {
    position: static;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/* ==== 
 --------- box layout styles end ---------
 ==== */