@import url("../_custom/formStyle.css");

.hide {
    display: none !important;
}
.padding0 {
    padding: 0px !important;
}

.pageTitle {
    background-repeat: round;
}
    .pageTitle::before {
        /* background-color: transparent;
        filter: brightness(.3);
        opacity: 0.7;*/
        background-color: rgba(48, 48, 48, 0.65);
    }

footer {
    z-index: 2000; 
    position: relative;
}
.know-Mecca .numbers-sec {
    /*width: 890px;
    width: auto;*/
}
    .know-Mecca .numbers-sec .number-container .numb-card .title {
        width: max-content;
    }
.custom_error {
    display: block;
    color: red;
    margin-top: 15px;
    position: absolute;
    margin: 20px;
}
.custom_success {
    margin-top: 15px;
    position: absolute;
    width: -webkit-fill-available;
}
.events-activities .tab-content .content-card .content-box {
    width: 60%;
}

.events-list .ev-card .img-box img {
    height: 100%;
}

.noBackground {
    background-image: none !important;
}

    .noBackground:before {
        background-image: none !important;
    }

.on-pos {
    padding-bottom: 70px;
    padding-top: 70px;
}

    .on-pos .img-box .first-img a .img-box {
        /*height: 385px;*/
    }

.ev-map {
    height: 150px !important;
}

    .ev-map iframe {
        width: 100%;
        height: 150px !important;
    }

.on-pos .content-box h3 span {
    display: block;
    font-size: 20px;
    margin-bottom: 15px;
}

.content-box .more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 55px;
}

    .content-box .more a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 15px;
        background-color: #887852;
        border-radius: 25px;
        padding: 15px 35px 12px;
    }
        .content-box .more a span {
            color: #ffffff;
            font-size: 18px;
        }
.white {
    background: #ffffff;
}
.grey {
    background: #F5F5F5;
}
.breadcrumb {
    margin-bottom: 0;
}
.RightImage .content-box {
    padding-left: 0px;
    padding-right: 75px;
}
.pcontent {
}
.content-box div {
    font-size: 18px;
    color: #303030;
    margin-bottom: 0;
}
.bgGrey-withImg2 {
    overflow:auto;
}
.nature:before {
    height: 100%;
    background-position: calc(100% + 175px) bottom;
    background-position: calc(100% + 215px) 31%;
}
.geo {
    background-image: url(/Content/DiscoverMakkah/images/home/know-pattern.svg) !important;
    background-repeat: no-repeat !important;
    background-position: calc(0% - 175px) 130% !important;
    background-position: calc(0% - 220px) 105% !important
}
.details-banner .det-area .content-box h3 {
    margin-bottom: 25px;
}
.details-album .on-pos {
    padding-top: 0px !important;
}
.pageContent {
    padding-top: 30px;
}
.col-lg-12 .glImage img {
    max-height: 710px;
}
div.list-with-numbers {
    counter-reset: li;
    list-style: none;
    padding: 0;
    padding-right: 30px;
    margin: 0;
}
    div.list-with-numbers li {
        font-size: 18px;
        color: #303030;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 20px;
        gap: 20px;
    }
        div.list-with-numbers li::before {
            width: 48px;
            height: 48px;
            background-color: #E8DDCD;
            color: #887852;
            font-size: 18px;
            font-family: 'Suisse-M';
            counter-increment: li;
            content: counter(li);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            border-radius: 50%;
        }


.know-Mecca,
.about-know,
.geo,
.nature:before {
    background-image: none !important;
}
.content-box2 {
    padding:50px;
}




@media (max-width: 574.98px) {
    .events-activities .swiper-button {
        top: 57%;
        width: 40px !important;
        height: 40px !important;
    }

    .Tourist-Experiences .swiper-button-prev, .Tourist-Experiences .swiper-rtl .swiper-button-next {
        top: 44%;
        width: 40px !important;
        height: 40px !important;
    }

    .Tourist-Experiences .more {
        margin-top: 20px;
        justify-content: center;
    }
}