/* Hajj Day Event Styles */
/*Hero-Section*/
.event-container {
    background: #fff;
    height: 500px;
}

@media (max-width: 992px) {
    .event-container {
        height: 571px;
    }
}

.event-container .item figure .carousel-background {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);

   
}

.item.light-text figcaption {
    color: #E9DFCF;
}

.item.light-text figcaption h3,
.item.light-text figcaption p,
.item.light-text figcaption a {
    color: #E9DFCF;
}

.item.dark-text figcaption {
    color: #422E2B;
}

.item.dark-text figcaption h3,
.item.dark-text figcaption p,
.item.dark-text figcaption a {
    color: #422E2B;
}

.event-container .item {
    padding: 0;
}

.event-container .item:after {
    background: none;
}

.event-container .item figure figcaption .logo {
    width: auto;
    margin-block: .5rem;
}

.event-container .item figcaption .a {
    z-index: 4;
}

.event-container .item p {
    max-width: 766px;
}

.event-container .item figure .carousel-background {
    object-fit: cover;
}
/* Most Used Services Section */
.most-used-services-section {
    position: relative;
    overflow: hidden;
    z-index: 1;

    [dir="ltr"] &::before {
        transform: scaleX(-1);
    }
}

.most-used-services-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;

    background-image: url(../../assets/images/Hajj/Frame.svg);
    background-size: cover;
    background-position: center;
}