html,
body {
    margin: 0 !important;
    padding: 0 !important;
}

body {
    overflow-x: hidden;
}

body > .top-header-area:first-of-type,
body > .preloader + .top-header-area,
.top-header-area {
    display: block;
    margin-top: 0 !important;
    transform: translateY(0) !important;
}

.top-header-area {
    position: relative;
    top: 0 !important;
}

.hero-area .swiper-slide.bg-1 {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0.72) 42%, rgba(255, 255, 255, 0.22) 100%), url("../images/abusalim/fb-thumb-01.jpg") !important;
    background-position: center center !important;
    background-size: cover !important;
}

.hero-area .swiper-slide.bg-2 {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0.72) 42%, rgba(255, 255, 255, 0.22) 100%), url("../images/abusalim/fb-thumb-07.jpg") !important;
    background-position: center center !important;
    background-size: cover !important;
}

.hero-area .swiper-slide.bg-3,
.page-banner-area.bg-3 {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.72) 45%, rgba(255, 255, 255, 0.3) 100%), url("../images/abusalim/fb-thumb-08.jpg") !important;
    background-position: center center !important;
    background-size: cover !important;
}