/* Critical layout: header and homepage hero */

.main-header {
    position: relative;
    width: 100%;
    z-index: 999;
}

.main-header .outer-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main-header .logo-box {
    position: relative;
    padding: 15px 0;
}

.main-header .logo-box img,
.logo-box img {
    display: block;
    width: 80%;
    height: auto;
}

.banner-carousel,
.banner-carousel .owl-stage-outer,
.banner-carousel .owl-stage {
    width: 100%;
}

.banner-section {
    position: relative;
    width: 100%;
    min-height: 650px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.banner-carousel .owl-item {
    min-height: 650px;
}

.banner-section .pattern-layer,
.banner-section .anim-icon,
.banner-section .large-container {
    position: relative;
    z-index: 2;
}

@media (max-width: 991px) {
    .banner-section,
    .banner-carousel .owl-item {
        min-height: 183px;
    }
}

@media (max-width: 575px) {
    .banner-section,
    .banner-carousel .owl-item {
        min-height: 183px;
    }
}