.board-members-section .row {
    display: flex;
    justify-content: center;
    gap: 50px;
    padding-bottom: 80px;
}

.strategicplan-main {
    width: 100%;
    float: left;
    padding: 0px 0px 80px 0px;
}

.strategicplan-main .main-heading-center {
    margin: 50px 0px 80px 0px;
}

.golden-white-btn a {
    background: #bba367;
    color: white;
    border: 1px solid #bba367;
    letter-spacing: 0.72px;
    transition: 0.3s ease-in-out;
    padding: 10px 20px;
    display: block;
    width: fit-content;
    margin: auto;
}

.golden-white-btn a:hover {
    background: #fff;
    color: #bba367;
}

.strategicplan-main .col-lg-4:nth-of-type(3) .s-p-service-box li {
    list-style: disc;
}

.strategicplan-main .pt-5,
.strategicplan-main .py-5 {
    padding-top: 4rem !important;
}

.organizationalstructure-page {
    padding-bottom: 60px;
    width: 100%;
    float: left;
}

.flex-layout-left .center-link {
    width: initial;
    text-align: left;
    float: none;
    display: table;
}

.mosque-manner-main img {
    max-width: 80%;
    margin-left: 10%;
    width: 100%;
    float: left;
    padding-top: 50px;
}

.wrap-100 {
    width: 100%;
    float: left;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.pb-40 {
    padding-bottom: 40px;
}

.width100per {
    width: 100%;
}

.hirji-calendar-main-page p {
    color: #8c8d8d !important;
}

.hirji-calendar-main-page .row:nth-last-of-type(1) {
    margin: 0px;
}

.hirji-calendar-main-page h2 {
    text-align: center;
}

.serv-box {
    max-width: 100% !important;
    justify-content: flex-start !important;
    padding: 30px !important;
    height: 100%;
    margin: 0px;
}

.main-serv .col-lg-4 {
    margin-bottom: 40px;
}

.content-serv {
    flex: 0 0 auto;
}

.serv-box:hover .content-serv img {
    filter: brightness(100);
    display: block;
}

.sec-3-hour {
    background: #fff !important;
}

.icon-reg p {
    color: #bba367 !important;
}

.archi-layout {
    width: 100%;
    float: left;
}

.archi-img-part {
    width: 52%;
    float: right;
    padding: 0px 0px 10px 40px;
}
[lang="ar"] .archi-img-part {
    float: left;
    padding: 0px 40px 20px 0px;
}

.archi-heading {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding-bottom: 30px;
}

.archi-text-part p,
.archi-text-part li {
    color: #8c8d8d;
    text-align: justify;
    line-height: 28px;
}

.archi-text-part li {
    list-style: inside;
    margin-bottom: 15px;
}

.archi-text-part li::marker {
    color: #bba367;
}

.archi-heading img {
    width: 100px;
    opacity: 0.2;
}

.archi-heading h1 {
    font-family: 'Philosopher';
    font-weight: 600;
    position: absolute;
    left: 30px;
}
[lang="ar"] .archi-heading h1 {
    right: 30px;
    font-family: "TheSansArabicBold";
    text-align: right;
    width: 100%;
    left: auto;
}

.py-40 {
    padding: 40px 0px !important;
}

.pt-40 {
    padding-top: 40px;
}

.getting-mosque-comun .s-right {
    padding: 0px;
}

.getting-mosque-comun .row {
    flex-direction: row-reverse;
}

.getting-mosque-comun .row .text-part strong {
    font-weight: bolder;
    margin: 15px 0px;
    display: block;
}

.road-map {
    padding: 60px 0px 0px 0px;
}

.road-map h2 {
    font-size: 40px;
    font-family: "Philosopher";
    font-weight: 600;
    padding: 0px 0px 30px 0px;
    text-align: center;
}
[lang="ar"] .road-map h2 {
    font-family: 'TheSansArabicBold'!important;
}

.cordinate-content button {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 96px;
    background: var(--primary);
    border: none;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
[lang="ar"]  .cordinate-content button {
    right: auto;
    left: 0;
    border-radius: 6px 0px 0px 6px;
}
.cordinate-content input {
    width: 100%;
    height: 65px;
    border: 1px solid #bba367;
    padding: 0 40px;
    font-size: 20px;
    line-height: 44px;
    letter-spacing: 0.72px;
    color: black;
    font-family: "thesanslight";
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
[lang="ar"] .cordinate-content button img {
    transform: rotate(180deg);
}
.email-cordinate form {
    position: relative;
}

.cordinate-content h3 {
    font-family: "Philosopher";
    font-weight: bold;
}
[lang="ar"] .cordinate-content h3 {
    font-family: 'TheSansArabicBold'!important;
    text-align: right;
}
.cordinate-content ul {
    margin: 0px;
}

.cordinate-content li {
    width: 60%;
    display: flex;
    justify-content: space-between;
}

.faq-head {
    position: relative;
}

.faq-head::after {
    width: 20px;
    height: 30px;
    content: "\f067";
    position: absolute;
    right: 20px;
    font-family: "FontAwesome";
    color: #fff;
}
[lang="ar"] .faq-head::after {
    right: auto;
    left: 20px;
}
.faq-head.color::after {
    color: #bba367 !important;
    content: "\f068";
}

.box-trans a {
    font-size: 20px;
    line-height: 24px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    letter-spacing: 2.66px;
    color: #bba367;
    margin-left: 0px;
    transition: 0.3s ease;
    margin-top: 15px;
}

.box-trans a i {
    opacity: 0;
    font-size: 15px;
    transition: all 0.3s ease-in-out;
    transform: translateX(-30px);
}

.box-trans a:hover i {
    opacity: 1;
    transition: all 0.3s ease-in-out 0s;
    animation: 0s ease 0s 1 normal none running auto;
    transform: translateX(0px);
}

.souj-box {
    gap: 40px !important;
}

.arabic-btn a {
    background: #bba367 0% 0% no-repeat padding-box;
    box-shadow: 0px 8px 24px #00000014;
    letter-spacing: 0px;
    color: #ffffff;
    text-transform: capitalize;
    font-size: 20px;
    line-height: inherit;
    width: fit-content;
    height: auto;
    border: none;
    padding: 10px 30px;
    display: block;
    margin: auto;
}
[lang="ar"] .arabic-btn a {
    font-family: "TheSansArabicLight";
}
.arabic-btn a img {
    margin-right: 10px;
}

[lang="ar"] .arabic-btn a img {
    margin: 0px 0px 0px 10px;
}
.themetable {
    width: 100%;
}

.serv-box {
    cursor: inherit;
}

.press-content a {
    font-size: 20px;
    font-family: "thesansb6semibold";
    color: #231f20;
}

.press-content a span {
    color: #bba367;
    padding-left: 10px;
}

.press-content a {
    font-size: 20px;
    font-family: "thesansb6semibold";
    color: #231f20;
    display: block;
    margin: 0px 0px 15px 0px;
}

.contact-icon-flex a,
.contact-icon-flex a span {
    color: #98712a !important;
    display: flex !important;
    font-weight: inherit;
    padding-left: 0px;
}

.press-content h2 {
    font-size: 30px;
    margin: 0px;
    display: block;
    padding: 20px 0px;
}

.press-content p {
    color: #8c8d8d;
    font-family: "thesanslight";
}

.video-modal-new {
    top: 0px !important;
}

ul.gallery-tabs {
    margin-bottom: 50px !important;
}

ul.objectives-text li {
    list-style: auto;
    text-align: justify;
}

.library-img-part {
    width: 50%;
    padding: 0px 40px 20px 0px;
    float: left;
}

.library-img-text-sec {
    margin-top: 50px;
}

.library-text-part li {
    margin-bottom: 16px;
    background-image: url(../images/icon_mosque2.svg);
    background-repeat: no-repeat;
    background-position-x: 0%;
    background-position-y: 8px;
    background-size: 21px;
    padding-left: 35px;
}
[lang="ar"] .library-text-part li {
    background-position-x: 100%;
    padding-left: 0px;
    padding-right: 35px;
}

.library-text-part {
    width: 50%;
    float: left;
}

.library-text-part h3 {
    font-size: 30px;
    margin-bottom: 15px;
}

.l-s-sec2 {
    text-align: center;
}

.l-s-sec2 h2 {
    margin-bottom: 50px;
}

.l-s-sec2 .row {
    justify-content: center;
}

ul.traning-program-ul {
    width: 100% !important;
}

.archi-layout h4 {
    font-family: "Philosopher";
    font-size: 30px;
    font-weight: 600;
}

.center-link-btn a {
    padding: 25px 0px;
    font-size: 20px;
    color: #bba367 !important;
}

.flex-layout-left {
    margin: 0px;
}

.resources-row li {
    list-style: disc;
    margin-bottom: 15px;
}

.resources-row ul {
    padding-left: 20px;
}

.resources-row li::marker {
    color: #bba367;
}

.evg-content a {
    width: auto;
    height: auto;
    line-height: inherit;
    display: inline-block;
    background: var(--primary);
    color: white;
    font-size: 16px;
    font-family: "thesanslight";
    letter-spacing: 0.58px;
    border-radius: 6px;
    text-align: center;
    padding: 15px 20px;
}

.evg-content a img {
    margin-right: 15px;
    margin-left: 0px;
}
[lang="ar"] .evg-content a {
    font-family: "TheSansArabicLight" !important;
}
[lang="ar"] .evg-content a img {
    margin: 0px 0px 0px 15px!important;
}

#cultural-table tbody tr td {
    padding: 0px !important;
    vertical-align: middle !important;
}

/* 1st td */
/* #cultural-table tbody tr:nth-child(1) td:nth-of-type(1) div */
#cultural-table tbody tr td div {
    height: 114px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent linear-gradient(0deg, #f4efe6 0%, #e9d8b7 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #98712a33;
    border-radius: 10px;
    opacity: 1;
}

#cultural-table tbody tr:nth-child(1) td:nth-of-type(1) div:nth-child(1),
#cultural-table tbody tr:nth-child(1) td:nth-of-type(2) div:nth-child(1),
#cultural-table tbody tr:nth-child(2) td:nth-of-type(1) div:nth-child(1) {
    margin-bottom: 8px;
    margin-top: 4px;
}

#cultural-table tbody tr:nth-child(1) td:nth-of-type(2) div:nth-child(1) {
    margin-top: 8px;
}

#cultural-table tbody tr:nth-child(1) td:nth-of-type(1) div:nth-last-of-type(1) {
    margin: 0;
}
/* 2nd td */
#cultural-table tbody tr:nth-child(1) td:nth-of-type(2) div {
    height: 52.9px !important;
    margin-bottom: 8px;
}
/* 3rd td */
#cultural-table tbody tr:nth-child(1) td:nth-of-type(3) div,
#cultural-table tbody tr:nth-child(2) td:nth-of-type(3) div {
    height: 41px !important;
    margin-bottom: 7px;
}

#cultural-table tbody tr:nth-child(1) td:nth-of-type(3) div:nth-last-of-type(1) {
    margin-bottom: 0px !important;
}

#cultural-table tbody tr:nth-child(2) td:nth-of-type(2) {
    justify-content: center;
    background: transparent linear-gradient(0deg, #f4efe6 0%, #e9d8b7 100%) 0% 0% no-repeat padding-box !important;
    border-radius: 18px !important;
    opacity: 1;
    vertical-align: middle;
    border-top: 4px solid #fff !important;
}

#cultural-table tbody tr td div {
    margin-left: 2px !important;
    margin-right: 2px !important;
}

table#cultural-table th {
    border-color: #fff;
}

.themetable th,
.themetable td {
    vertical-align: middle !important;
}

#cultural-table td {
    background: #fff !important;
}

.cultural-table-sec p {
    text-align: center;
}

.serv-box p {
    padding-top: 0px !important;
}

.content-serv {
    margin-bottom: 25px !important;
}

table.table-hour tr th {
    font-size: 20px;
}

.contact-icon-flex li {
    list-style: none !important;
}

.ev-edit-p p {
    margin-bottom: 15px;
}

.ev-edit-p {
    padding: 0 0 50px 0;
}

.archi-layout-right .archi-img-part {
    float: left;
    padding: 0px 40px 20px 0px;
}

.archi-layout a {
    font-size: 20px;
    color: #bba367 !important;
    display: block;
}

.pdf-button-sec a {
    width: auto;
    height: auto;
    line-height: inherit;
    display: inline-block;
    background: var(--primary);
    color: white !important;
    font-size: 16px;
    font-family: "thesanslight";
    letter-spacing: 0.58px;
    border-radius: 6px;
    text-align: center;
    padding: 15px 30px;
}

.pdf-button-sec a img {
    margin-right: 15px;
}

.flex-layout-right .img-part-left {
    float: left;
    padding: 0px 50px 30px 0px;
}

.center-link-sec a {
    font-size: 20px;
    color: #bba367 !important;
    display: block;
    padding: 10px 0px;
}

.overview-sub {
    text-align: center;
    padding-bottom: 40px;
}

.overview-sub h2 {
    font-size: 25px;
    font-family: "Philosopher";
    font-weight: 600;
}

.ms-sec-2 h2 {
    text-align: center;
    padding-bottom: 50px;
    font-size: 25px;
    font-family: "Philosopher";
    font-weight: 600;
}
[lang="ar"] .ms-sec-2 h2, [lang="ar"] .overview-sub h2 {
    font-family: 'TheSansArabicsemibold'!important;
}
.ws-card-bottom {
    height: auto !important;
}

.ws-card-bottom h2 {
    margin: 0px;
    padding: 0px;
    text-align: left;
    line-height: inherit;
}

.ramadan-facts-main {
    max-width: 60%;
    margin: 0px auto 60px auto;
    padding: 20px;
    box-shadow: 0px 0px 4px #00000029;
}

.ws-card {
    margin-bottom: 40px;
    height: 100% !important;
    background: #f7f7f7;
    margin: 0px;
    border-radius: 10px !important;
}

.ws-card:hover .ws-card-bottom {
    box-shadow: none;
}

.ws-card:hover {
    box-shadow: 0px 3px 6px #00000029;
}

.ws-card-sec .col-lg-4 {
    margin-bottom: 40px;
}

.a-t-l-pub-inner li {
    width: 48%;
    margin-bottom: 20px;
    color: #8c8d8d;
}

.library-text-part li {
    color: #8c8d8d;
}

.a-t-l-pub-inner ol {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0px 20px;
}

.e-services-detail-page .faq-head::after {
    color: #bba367 !important;
}

.faq-content ol li {
    list-style: auto !important;
}

.operators {
    padding: 50px 0px !important;
    margin: 0px;
}

.my_social_link li {
    display: block;
    margin-bottom: 20px;
}

.my_social_link a span {
    margin-right: 0px;
}

.my_sec_9 {
    padding-bottom: 80px !important;
}

.home-main-heading {
    display: block;
}

.home-main-heading h2 {
    font-size: 40px !important;
    font-family: "Philosopher";
    text-align: center;
    line-height: inherit !important;
    font-weight: 600;
    margin: 0px;
}
[lang="ar"] .home-main-heading h2 {
    font-family: "TheSansArabicsemibold" !important;
}

.home-main-heading img {
    width: 70px;
    margin: 0px auto 10px auto;
    text-align: center;
    display: block;
}

.home-main-heading h2 br {
    margin: 0px;
}

.my_social_row {
    margin-top: 50px !important;
}

.my_sec_9 {
    padding-top: 40px !important;
}

.my_sec_7_row1 p {
    color: #8d8d8d;
    font-family: "thesanslight";
}
[lang="ar"] .my_sec_7_row1 p {
    font-family: "TheSansArabicLight";
}
.my_news_wrap .my_news_div {
    width: 48%;
}

.my_news_wrap .my_news_div:nth-child(1) {
    width: 100%;
    margin-top: 0px !important;
}

.trans-box-main-flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.trans-flex {
    flex: 0 0 auto;
    width: 33.33%;
    padding: 50px 30px;
    position: relative;
}
.trans-box {
    z-index: 1;
    position: relative;
}
.trans-box a:hover {
    color: #fff!important;
}
.trans-box-main-flex .trans-flex::after {
    width: 100%;
    height: 100%;
    background: #ffffff51;
    position: absolute;
    content: '';
    left: 0;
    top: 0;
}
.trans-box a {
    width: auto;
    height: auto;
    border: 2px solid #825d27;
    background: transparent;
    font-size: 16px;
    color: black;
    letter-spacing: 1px;
    margin-top: 20px;
    transition: all 0.3s ease;
    display: block;
    width: fit-content;
    margin: 20px auto 0px auto;
    padding: 13px 45px;
    text-transform: uppercase;
}
[lang="ar"] .trans-box a {
    font-family: "TheSansArabicsemibold" !important;
}

.trans-box a:hover {
    background-color: #bba367;
    color: #fff;
}

.trans-box-main-flex .trans-flex:nth-child(1) {
    background: linear-gradient(rgb(255 255 255 / 50%), rgba(255, 255, 255, 50%)), url(../images/r-program/hijri-calendar-en.jpg) no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
}

.trans-box-main-flex .trans-flex:nth-child(2) {
    background: linear-gradient(rgb(255 255 255 / 50%), rgba(255, 255, 255, 50%)), url(../images/colthree_img2.jpg) no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
}

.trans-box-main-flex .trans-flex:nth-child(3) {
    background: linear-gradient(rgb(255 255 255 / 50%), rgba(255, 255, 255, 50%)), url(../images/colthree_img3.png) no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
}

.primary-btn-sec a {
    width: auto;
    min-width: 207px;
    height: auto;
    font-size: 14px;
    line-height: 38px;
    border: 1px solid transparent;
    background: var(--primary);
    color: white;
    transition: all 0.3s ease;
    padding: 10px;
    display: block;
    margin: 0px 10px;
}
[lang="ar"] .primary-btn-sec a {
    font-family: "TheSansArabicsemibold" !important;
}

.primary-btn-sec {
    display: flex;
    justify-content: center;
    align-items: center;
}

.primary-btn-sec a img {
    margin-right: 15px;
}
[lang="ar"] .primary-btn-sec a img {
    margin: 0px 0px 0px 15px !important;
}
.section-3 .images_wrap {
    margin-top: 50px;
}

.bx_pln_itm {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px 20px;
}

.icon-shape-2 {
    flex: 0 0 auto;
}

.plan-btn-sec a {
    background: #bba367 !important;
    color: #fff !important;
    border: 1px solid #fff;
    padding: 12px 45px;
    margin-top: 50px;
    display: block;
    max-width: fit-content;
}

.research-list {
    background-repeat: no-repeat;
    background-position: center;
}

.research-inner-2 .research-list:nth-child(1) {
    background: linear-gradient(transparent 20%, rgba(0, 0, 0, 0.5)), url(../images/res_img-1.jpg);
    background-size: cover;
}

.research-inner-2 .research-list:nth-child(2) {
    background: linear-gradient(transparent 20%, rgba(0, 0, 0, 0.5)), url(../images/center-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left;
}

.research-inner-2 .research-list:nth-child(3) {
    background: linear-gradient(transparent 20%, rgba(0, 0, 0, 0.5)), url(../images/bag-3.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.research-list {
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
}
.research-inner-2 .research-list:nth-child(3):hover {
    flex: 0 0 100%;
    margin-left: -66.66%;
    z-index: 12;
}

.research-inner-2 .research-list:nth-child(2):hover {
    flex: 0 0 100%;
    margin-left: -33.33%;
    z-index: 10;
}

.visti-hour-2 {
    padding: 50px 0px !important;
    text-align: center;
    font-family: "Philosopher";
    font-weight: bold;
}

.visti-hour-2 h2 {
    margin: 0px;
}

.archi-text-part p strong {
    font-family: "TheSansArabicsemibold";
}

.faq-head h3 {
    font-family: "thesansb6semibold" !important;
}
[lang="ar"] .faq-head h3 {
    font-family: 'TheSansArabicBold'!important;
    text-align: right;
}

.box-trans h2 {
    text-align: center;
    padding: 0px 0px 20px 0px;
    margin: 0px;
}

.e-services-detail-page .faq-head h3 {
    font-family: "Philosopher" !important;
}

.a-t-l-pub-inner,
.library-text-part {
    text-align: justify;
}

.pdf-button-sec {
    padding-top: 20px;
}

.strategicplan-main .main-heading-center {
    margin: 50px 0px 80px 0px;
}

.sl-wrapper {
    z-index: 10500000000000000;
    background: #ffffff61;
    height: 100%;
    left: 0;
    top: 0;
    position: fixed;
    backdrop-filter: blur(10px);
}

.contact-captcha {
    width: 100%;
    margin: 0px !important;
}

.contact-map-main-sec {
    padding-top: 0px;
}

.tooltip-label {
    display: block !important;
}

.tooltip-label i {
    display: inline-block !important;
    padding-top: 5px !important;
    text-align: center !important;
    margin-left: 5px !important;
    vertical-align: middle !important;
}
[lang="ar"] .tooltip-label i {
    margin: 0px 5px 0px 0px !important;
}
.tooltip-label div {
    float: left !important;
}

.propertyreservationrequest .terms-condition-check {
    margin-top: 20px;
}

.eror-main-page {
    padding: 40px 0px;
    background: #f8d7da54;
    background: #ffdadd29;
    background: #ffdadd14;
    border-radius: 20px;
    width: 100%;
    float: left;
}

.sample-code {
    background: #d71313;
    padding: 3px;
    color: #fff;
    margin: 0px 4px;
    border-radius: 5px;
    font-size: unset;
    display: inline;
}

.eror-main-sec h3 {
    color: #222222;
    margin: 30px 0px;
    font-size: 35px;
    font-family: "thesansb6semibold";
}

.eror-main-sec p {
    color: #252525;
    display: inline;
}

.eror-main-sec .alert a {
    color: #d71313;
    font-weight: 500;
    display: block;
    margin-top: 10px;
}

.eror-main-page .button-part {
    display: flex;
    align-items: center;
    width: 100%;
    float: left;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 18px;
}

.eror-main-sec {
    background: #f8d7da36;
    padding: 35px 100px;
    border-radius: 30px;
    text-align: center;
    max-width: 60%;
    margin: 0% auto 0% 20%;
    border: 1px solid #ffa5a596;
    float: left;
    width: 60%;
}

.eror-main-sec .img-sec {
    max-width: 120px;
    margin: 0px auto;
}

.eror-main-sec .img-sec img {
    margin: 0px;
    width: 100%;
}

.eror-main-sec .error-modal .btn-ok {
    background: #cd0012;
    color: #fff;
    padding: 8px 30px;
}

.eror-main-sec .alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    width: 100%;
    float: left;
    padding: 20px;
}

.link-container {
    width: 100%;
    border: 1px dashed #bba367;
    height: 50px !important;
    display: flex !important;
    align-items: center;
    padding: 0px 20px;
    border-radius: 7px !important;
    position: relative !important;
}

.link-container a {
    display: flex;
    align-items: center;
    width: 100%;
    flex: 0 0 auto;
    float: left;
    justify-content: space-between;
}

.link-container img {
    width: 20px;
}

.my_heighlight_content p {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 0px;
    height: auto;
    text-align: justify;
}
[lang="ar"] .my_heighlight_content p {
    font-family: "TheSansArabicLight";
}

.my_heighlight:hover .my_heighlight_content p {
    height: auto;
    -webkit-line-clamp: 6 !important;
}

.my_heighlight_content {
    height: 48%;
}

.noti-flex {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 10px;
}

.top-toast {
    width: 100%;
    display: block;
    background: #8d6828;
    padding: 10px 0px;
    color: #f8f8f8;
}

.noti-flex .text-part img {
    width: 20px;
    margin-right: 10px;
    animation: notification-anim 2s ease 0s infinite normal forwards;
}

@keyframes notification-anim {
    0%,
    100% {
        transform: translateX(0%);
        transform-origin: 50% 50%;
    }

    15% {
        transform: translateX(-8px) rotate(6deg);
    }

    30% {
        transform: translateX(7px) rotate(-6deg);
    }

    45% {
        transform: translateX(-7px) rotate(3.6deg);
    }

    60% {
        transform: translateX(5px) rotate(-2.4deg);
    }

    75% {
        transform: translateX(-3px) rotate(1.2deg);
    }
}

.noti-flex .text-part p {
    display: inline;
    font-family: "thesanslight";
    font-size: 16px;
}
[lang="ar"] .noti-flex .text-part p {
    font-family: 'TheSansArabicLight';
}
.top-toast p {
    margin: 0px;
}

.top-toast p a {
    color: #fff;
}

.close-part {
    flex: 0 0 auto;
}

.close-part a {
    cursor: pointer !important;
}

.close-part img {
    width: 20px;
}

.top-main-bar {
    background: #bba367;
    display: block;
    padding: 10px 0px;
    font-size: 15px;
}
.top-main-bar li {
    list-style: none;
}
.social-part-top ul {
    display: inline-flex;
    margin: 0px;
    padding: 0px;
}

.social-part-top ul li {
    margin-right: 10px;
}

.social-part-top ul li:nth-last-of-type(1) {
    margin-right: 0px;
}
[lang="ar"] .social-part-top ul li {
    margin: 0px 0px 0px 10px !important;
}

/* [lang="ar"] .social-part-top ul li:nth-last-of-type(1) {
                margin-right: 0px;
            } */
.social-part-top ul li img {
    width: 25px;
}

.social-part-top {
    display: inline;
    border-right: 1px solid #ffffffa8;
    padding-right: 15px;
}
[lang="ar"] .social-part-top {
    border-right: 0px !important;
    border-left: 1px solid #ffffffa8 !important;
    padding: 0px 0px 0px 15px !important;
}
.book-visit-sec-new {
    display: inline;
    margin: 0px 0px 0px 15px;
    border-right: 1px solid #ffffffa8;
    padding-right: 15px;
    margin-right: 15px;
}
[lang="ar"] .book-visit-sec-new {
    margin: 0px 15px 0px 0px !important;
    border-right: 0px !important;
    border-left: 1px solid #ffffffa8 !important;
    padding: 0px 0px 0px 15px !important;
}

.book-visit-sec-new a span {
    line-height: initial;
}

.book-visit-sec-new a {
    color: #fff;
    display: flex;
    align-items: center;
}

.book-visit-sec-new img {
    width: 25px;
    margin-left: 5px;
}
[lang="ar"] .book-visit-sec-new img {
    margin-left: 0px;
    margin-right: 5px;
}

.languages button {
    padding: 0px;
    border: 0px;
}

.top-main-bar .container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.languages button img {
    margin: 0;
    margin-left: 10px;
    max-width: 25px;
    height: 25px;
    object-fit: cover;
}

.login-sec-new {
    margin-right: 15px;
}

.setting-sec {
    flex: 0 0 auto;
    margin-left: 15px;
    border-left: 1px solid #ffffffa8;
    padding-left: 15px;
}
[lang="ar"] .setting-sec {
    margin: 0px 15px 0px 0px;
    border-right: 1px solid #ffffffa8;
    padding: 0px 15px 0px 0px;
    border-left: 0px;
}

.setting-sec img {
    width: 26px;
    height: 26px;
}

.accessibility-sec {
    position: fixed;
    top: 0;
    right: 0;
    background: #ffffffe8;
    min-width: 350px;
    border-radius: 10px 0px 0px 10px;
    min-height: 100vh;
    height: auto;
    z-index: 10000000000000000;
    padding: 30px;
    box-shadow: 2px 2px 4px 5px #00000029;
    transition: all 0.3s ease-in-out;
    transform: translateY(110%);
    backdrop-filter: blur(10px);
    border: 1px solid transparent;
}
[lang="ar"]  .accessibility-sec {
    right: auto;
    border-radius: 0px 10px 10px 0px;
    left: 0;
}

.setting-show {
    cursor: pointer;
}

.accessibility-show {
    transform: translate(0px);
}

.btn.accessibility-close {
    background: #8d6828;
    padding: 0px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: -20px;
    top: 50px;
}
[lang="ar"]  .btn.accessibility-close {
    right: -20px;
    left: auto;
}

.right-flex {
    display: flex;
}

.main-logo {
    width: 120px;
}

.header-new nav {
    padding: 0px;
}

.navbar {
    padding: 0px !important;
    flex-direction: row-reverse;
}

header {
    box-shadow: 0px 3px 2px #00000029;
}

ul.nav-list:nth-last-of-type(1) {
    margin-right: inherit !important;
}

.header-new .navbar {
    padding: 0px !important;
    flex-direction: row !important;
}

.header-new .top-main-bar {
    display: none;
}

ul.nav-list li:nth-child(1) {
    padding-right: 0px !important;
}

.accessibility-sec h2 {
    font-size: 22px;
    font-family: "Philosopher";
    color: #8d6828;
    font-weight: 600;
    margin-bottom: 15px;
}

.textcontrols button, .textcontrols .button {
    border: 0px;
    /* padding: 10px; */
    width: 50px;
    height: 50px;
    border-radius: 5px;
    border: 1px solid #8d6828;
    background: transparent;
    color: #222222;
    font-weight: 700;
    font-family: "thesansb6semibold";
    margin: 0px 5px;
}

.textcontrols {
    display: flex;
    align-items: center;
}
[lang="ar"] .textcontrols {
    justify-content: end;
}

button#decreasetext span {
    font-size: 13px;
}

button#resettext span {
    font-size: 18px;
}

button#increasetext span {
    font-size: 20px;
}

button#blackandwhite img {
    width: 25px;
}

.grascale-show {
    filter: grayscale(1);
}

.night-mode {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #8d6828;
    background-color: #8d6828;
}

.night-mode-show {
    background-color: #212529;
}

.night-mode-show .top-toast,
.night-mode-show .top-main-bar,
.night-mode-show .bx_pln_itm,
.night-mode-show .header-new,
.night-mode-show .my_heighlight_content,
.night-mode-show ul.my_dropdown,
.night-mode-show .ws-card-bottom,
.night-mode-show .ws-card,
.night-mode-show .step-form-tabs,
.night-mode-show .g-a-form-content .g-a-formhead,
.night-mode-show .press-content,
.night-mode-show .hirji-calendar-main-page .row,
.night-mode-show .hirji-calendar-main-page .text-sec h3,
.night-mode-show .resources-row,
.night-mode-show .row.form-con {
    background-color: #212529 !important;
    color: #fff !important;
}

.night-mode-show .accessibility-sec {
    background: #212529cc;
    border: 1px solid #fff;
}

.night-mode-show ul.count-list span,
.night-mode-show ul.count-list h3,
.night-mode-show .alery-box,
.night-mode-show ul.nav-list li a,
.night-mode-show .accessibility-sec h2,
.night-mode-show .night-mode,
.night-mode-show .banner-subhead h3,
.night-mode-show .banner-right-content strong,
.night-mode-show .home-main-heading h2,
.night-mode-show .my_social_link a,
.night-mode-show .foot-center h1,
.night-mode-show #fotter-contact p,
.night-mode-show #fotter-contact a,
.night-mode-show .terms-privacy a,
.night-mode-show .copyright p,
.night-mode-show ul.quick-links a,
.night-mode-show .pt-box h4,
.night-mode-show .flex-layout-left p,
.night-mode-show .flex-layout-left li,
.night-mode-show .cm-flex-layout p,
.night-mode-show .cm-flex-layout strong,
.night-mode-show .s-p-service-box ul li,
.night-mode-show .center-link-sec a,
.night-mode-show .ms-box p,
.night-mode-show .serv-box p,
.night-mode-show .serv-box a,
.night-mode-show .s-right p,
.night-mode-show .getting-mosque-comun .row .text-part strong,
.night-mode-show .s-right a,
.night-mode-show .evg-content a,
.night-mode-show .archi-layout strong,
.night-mode-show .archi-text-part p,
.night-mode-show .archi-text-part li,
.night-mode-show .walkway p,
.night-mode-show .walkway li,
.night-mode-show .faq-content p,
.night-mode-show .box-trans p,
.night-mode-show .box-trans a,
.night-mode-show .arabic-btn a,
.night-mode-show .content p,
.night-mode-show .rp-right-bottom a,
.night-mode-show .press-content p,
.night-mode-show .press-content a,
.night-mode-show .a-t-l-pub-inner li,
.night-mode-show .library-text-part li,
.night-mode-show .exlent-location-sec p,
.night-mode-show .library-publication-section ul li,
.night-mode-show .resources-row .text-part p,
.night-mode-show .resources-row a,
.night-mode-show .l-s-top-content p,
.night-mode-show .l-s-top-content ul li,
.night-mode-show .l-s-service-box h2,
.night-mode-show .l-s-service-box a,
.night-mode-show .publication-books .col-lg-3 h6,
.night-mode-show .publication-description-sec,
.night-mode-show .ev-edit-p p,
.night-mode-show .archi-layout a,
.night-mode-show .new-holy-page p,
.night-mode-show .hirji-calendar-main-page .text-sec p,
.night-mode-show .hirji-calendar-main-page a,
.night-mode-show .resources-row li,
.night-mode-show .faq-content ul li,
.night-mode-show .l-s-top-content ul li a,
.night-mode-show .ramdan-month-sec p,
.night-mode-show .main-heading-center h1,
.night-mode-show .breadcrumbs ul li a,
.night-mode-show .breadcrumbs ul li a.active,
.night-mode-show .ws-card-bottom h2,
.night-mode-show label,
.night-mode-show .visti-hour-2 h1,
.night-mode-show .exlent-location-sec h2,
.night-mode-show .archi-heading h1,
.night-mode-show .ramadan-activities-main-page .resources-row h4,
.night-mode-show .overview-sub h2,
.night-mode-show .contac-us h2,
.night-mode-show .contac-us p,
.night-mode-show .contact h2,
.night-mode-show .icon-cntact p,
.night-mode-show a.contact-icon,
.night-mode-show .h1-road h1,
.night-mode-show h1.pt-mainhead,
.night-mode-show .cordinates span,
.night-mode-show .road-map h2,
.night-mode-show .cordinate-content h3,
.night-mode-show .banner-head h1,
.night-mode-show .banner-right-content h1,
.night-mode-show .text_wrap h6 {
    color: #fff !important;
}

.night-mode-show button#blackandwhite img,
.night-mode-show .main-heading-center img,
.night-mode-show .breadcrumbs ul li a img,
.night-mode-show .main-logo img,
.night-mode-show .foot-brand img,
.night-mode-show .archi-heading img {
    filter: brightness(100);
}

.night-mode-show section.section-6 .home-main-heading h2 {
    color: #212529 !important;
}

.night-mode-show .textcontrols button,
.night-mode-show .pt-box {
    color: #fff !important;
    border-color: #fff !important;
}

.night-mode-show .top-toast,
.night-mode-show .top-main-bar {
    border-bottom: 1px solid #fff;
}

.night-mode-show select,
.night-mode-show input[type="date"] {
    background-color: #fff !important;
}

.night-mode-show .pt-box img {
    transition: all 0.3s ease;
    width: 35px;
    height: 35px;
    filter: brightness(100);
}

.custom-control-label {
    cursor: pointer !important;
}

.top-main-bar-wrap {
    width: fit-content;
    display: flex;
}

.site-tour-btn-sec {
    display: block;
    margin-top: 20px;
    width: 100%;
    float: left;
}

a#sitetour-btn {
    display: flex;
    width: 100%;
    align-items: center;
    font-size: 20px;
    font-family: "Philosopher";
    font-weight: bold;
    /* margin-top: 20px; */
}

a#sitetour-btn img {
    width: 30px;
    margin-left: 10px;
}

.introjs-progressbar {
    background-color: #bba367 !important;
}

.introjs-button {
    text-shadow: none;
    color: #fff !important;
    background-color: #bba367 !important;
    background: #bba367 !important;
    border-radius: 40px !important;
    padding: 8px 30px !important;
    box-shadow: none !important;
    border-color: #bba367 !important;
}

.introjs-tooltip-title {
    color: #bba367 !important;
}

.introjs-bullets ul li a.active {
    width: 15px;
    background: #bba367 !important;
    opacity: 1;
}

.introjs-bullets ul li a {
    background: #bba367;
    opacity: 0.8;
}

body {
    font-size: 16px;
}

.text-size-normal {
    font-size: inherit;
}

.text-size-large {
    font-size: 18px;
}

.text-size-small {
    font-size: 14px;
}

.g-a-1 label {
    line-height: inherit !important;
    margin-bottom: 0.5rem !important;
}

#pageloader {
    background: rgba(255, 255, 255, 0.8);
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 9999;
}

#pageloader img {
    left: 50%;
    margin-left: -32px;
    margin-top: -32px;
    position: absolute;
    top: 50%;
}

.div-two {
    display: none;
}

.div-two::-webkit-scrollbar {
    width: 15px;
}

.div-two::-webkit-scrollbar-track {
    background-color: #eeeeee;
}

.div-two::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 10px;
    border: 2px solid #eee;
}

input.session-date {
    position: relative;
    overflow: hidden;
}

input.session-date::-webkit-calendar-picker-indicator {
    display: block;
    top: 0;
    left: 0;
    background: #0000;
    position: absolute;
    transform: scale(12);
}

.datepicker-fixed input {
    cursor: pointer !important;
}

button.btn.btn-primary.mx-1.submit-btn {
    background: #bba367 !important;
    border-color: #bba367 !important;
}

button.btn.btn-secondary.mx-1.cancel-btn {
    background: #fff !important;
    color: #bba367 !important;
    border-color: #bba367 !important;
}

#timepicker-input-popover-body i {
    color: #bba367 !important;
}

.timepicker-popover {
    background: #ffffffde !important;
    backdrop-filter: blur(20px) !important;
}

input#timepicker-input {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background: transparent !important;
    background-image: url(../images/time-icon-new.svg) !important;
    background-repeat: no-repeat !important;
    background-position-x: 95% !important;
    background-position-y: 51% !important;
    background-size: 21px !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

.apprequest-sec strong {
    font-size: 20px;
    margin: 15px 0px 30px 0px;
    font-family: "Philosopher";
    font-weight: 700;
    border-bottom: 1px solid #ccc;
    padding-bottom: 25px;
    padding: 10px 20px;
    border: 1px solid #bba367;
    border-radius: 11px;
    color: #bba367;
    width: fit-content;
    display: block;
}

.choose-interview-sec .form-bottom-tab {
    padding: 0px 15px !important;
}

.ramadan-facts-main img {
    width: 100%;
}

.navbar-brand {
    margin: 0px !important;
}

.g-a-registration .form-group label p {
    font-family: "thesansb6semibold";
}

#slider-img-auto {
    position: relative;
}

.fact-figure-indicate-sec {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    background: #8d6828bd;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 20px;
    font-family: "Philosopher";
    font-weight: 600;
    color: #fff;
    backdrop-filter: blur(10px);
    height: 50%;
    width: 80%;
    border-radius: 10px;
    padding: 30px;
    text-align: center;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    transform: scale(0.8);
    pointer-events: none;
}

#slider-img-auto:hover .fact-figure-indicate-sec {
    opacity: 1;
    transform: scale(1);
    pointer-events: all;
}

.individualbookingNew td {
    width: 20%;
}

.individualbookingNew td:nth-child(1) {
    width: auto;
}

.terms-condition-check a {
    color: #bba367 !important;
}

#language-class input#chk {
    flex: 0 0 auto !important;
}

div#language-class label p {
    color: #231f20 !important;
}

select.js-example-basic-multiple.select2.form-control.select2-hidden-accessible {
    height: 0px !important;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #bba367 !important;
    min-height: 50px !important;
    border-radius: 7px !important;
    position: relative !important;
    cursor: pointer !important;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    margin: 0px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff !important;
    right: 0px;
    bottom: 0 !important;
    border: 0px !important;
    left: auto !important;
    background: #8d6828 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #bba367 !important;
    border: 1px solid #bba367 !important;
    border-radius: 4px !important;
    padding: 3px !important;
    padding-right: 20px !important;
    color: #fff !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #bba367 !important;
}

.claim-part {
    width: 100%;
    float: left;
    background: #bba3671a;
    padding: 30px;
    border-radius: 20px;
}

.claim-part ul {
    margin: 0px;
    max-width: 50%;
    float: left;
}

.claim-part ul li {
    width: 50%;
    float: left;
    margin-bottom: 10px;
    font-weight: bold;
    font-family: "Philosopher";
    font-size: 18px;
}

.claim-part span {
    color: #8d6828;
    padding-left: 10px;
}

.aed-sec {
    padding-left: 5px !important;
}

.select2-container--default .select2-search--inline .select2-search__field {
    background-color: transparent !important;
    font-family: "thesansb5plain" !important;
    margin-top: 0px !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    margin: auto !important;
    display: block !important;
    right: 0 !important;
    padding-left: 15px !important;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #f0f2f4 !important;
}

.select2-search__field::placeholder {
    color: #8c8d8d !important;
}

.hirji-calendar-main-page .row:nth-last-of-type(5) .img-sec img {
    height: 600px !important;
}

#language-class .tooltip-label i {
    margin-left: 6px !important;
    flex: 0 0 auto;
    position: relative;
    top: 3px;
}

.arabic .tooltip-label i {
    margin-right: 10px !important;
}

#language-class label {
    display: flex !important;
    flex-direction: row;
    align-items: flex-start !important;
}

#language-class {
    padding: 0px;
}

#language-class .tooltip-inner {
    font-family: "TheSansArabicsemibold";
}

#language-class {
    font-family: "TheSansArabicsemibold";
}

#attachement-sec-new {
    width: 100%;
    float: left;
    margin: 20px 0px 40px 0px;
}

.file-buttons button {
    height: 100%;
    align-items: center;
    transition: all 0.3s ease;
    border: 0px;
    height: 50px;
    background: #fff;
    border: 1px solid #bba367;
    border-radius: 6px;
    padding: 0px 20px;
    margin: 0px 2px;
    font-size: 16px;
}

.file-buttons button:nth-child(1) {
    background: #bba367 !important;
    color: #fff !important;
}

.file-buttons button:hover {
    background: #bba367 !important;
    color: #fff !important;
}

.file-buttons {
    flex: 0 0 auto;
    padding-left: 30px;
}

.file-input {
    flex: 0 0 auto;
    width: 60%;
}

.file-input input {
    width: 100%;
}

.file-input-group {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
}

.ticket-qr span b {
    color: #000 !important;
}

#attachement-sec .content {
    width: 100%;
}
/* .ws-card-img img {
  height: auto!important;
} */
.otp-img {
    background: #bba36759;
    width: 200px;
    height: 200px;
    margin: 0px auto 20px auto;
    padding: 20px;
    border-radius: 50%;
}

.otp-modal-main-sec span.OtpConfirmation {
    position: relative !important;
    display: block !important;
    font-size: 16px !important;
    margin: 0px 0px 20px 0px !important;
    color: red !important;
    right: 0px !important;
}

.otp-img img {
    max-width: 100%;
    height: 100%;
    object-fit: contain;
}

.otp-modal-main-sec .btn-part {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.otp-modal-main-sec .btn-part button {
    text-align: center;
    justify-content: center;
    width: fit-content;
    margin: 0px;
}

.otp-modal-main-sec .btn-part button {
    width: fit-content !important;
    background: #bba367 !important;
    color: #fff !important;
    margin: 0px !important;
}

.otp-modal-main-sec .g-a-registration .btn-part button {
    margin: 0px !important;
}

.otp-modal-main-sec .modal-body {
    padding: 30px;
}

.otp-input input {
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    margin: 0px 10px;
    border: 2px solid #cecece;
    border-radius: 8px;
    padding: 10px;
    text-align: center;
}

.otp-input {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 20px 0px;
}

.resend-otp button {
    background: transparent !important;
    border: 0px;
    color: #bba367 !important;
    /* font-weight: bold; */
}

.otp-modal-main-sec h6 {
    font-size: 20px;
    font-weight: 500;
    font-family: "thesansb6semibold";
    color: #bba367 !important;
    /* font-weight: 600; */
}

.otp-modal-main-sec p {
    color: #8d8d8d;
}

.otp-modal-main-sec p strong {
    font-family: "thesansb6semibold";
    font-weight: 500;
    color: #222222;
}

.otp-modal-main-sec .close {
    position: absolute;
    right: -40px;
    width: 40px;
    height: 40px;
    background: white;
    padding: 0px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    opacity: 2;
}

.otp-modal-main-sec .close span {
    position: relative;
    right: auto;
    font-size: 20px;
}

.otp-modal-main-sec .modal-header {
    justify-content: center;
}

.resend-otp {
    margin-top: 15px;
    font-family: "thesansb6semibold";
}

.otp-modal-main-sec .modal-title {
    font-family: "thesansb6semibold";
    font-size: 20px;
}

.submit-button-sec .form-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.individualbookingNew .form-btn.text-center .g-a-btn:nth-last-child(1) {
    margin: 0px !important;
}

.individualbookingNew .submit-button-sec .form-btn button {
    margin: 0px 15px !important;
}

.cart-btn-sec a {
    background: #bba367 !important;
    width: fit-content;
    padding: 10px 20px;
    border-radius: 10px;
    color: #fff !important;
}

.cart-btn-sec a img {
    width: 20px;
    filter: brightness(100);
    margin-left: 10px;
}

.otp-modal-main-sec .btn-part .resend-otp button.resend {
    color: #bba367 !important;
    background: transparent !important;
    border: 0px !important;
    margin: 0px 10px !important;
}
.resend-otp button.resend {
    margin: 0px 10px !important;
}
.otp-img {
    background: #bba36759;
    width: 200px;
    height: 200px;
    margin: 0px auto 20px auto;
    padding: 20px;
    border-radius: 50%;
}
.otp-img img {
    max-width: 100%;
    height: 100%;
    object-fit: contain;
}
.otp-modal-main-sec .btn-part {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.otp-modal-main-sec .btn-part button {
    text-align: center;
    justify-content: center;
    width: fit-content;
    margin: 0px;
}
.otp-modal-main-sec .btn-part button {
    width: fit-content !important;
    background: #bba367 !important;
    color: #fff !important;
    margin: 0px !important;
}
.otp-modal-main-sec .g-a-registration .btn-part button {
    margin: 0px !important;
}
.otp-modal-main-sec .modal-body {
    padding: 30px;
}
.otp-input input {
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    margin: 0px 10px;
    border: 2px solid #cecece;
    border-radius: 8px;
    padding: 10px;
    text-align: center;
}
.otp-input {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 20px 0px;
}
.resend-otp button {
    background: transparent !important;
    border: 0px;
    color: #bba367 !important;
    /* font-weight: bold; */
}
.otp-modal-main-sec h6 {
    font-size: 20px;
    font-weight: 500;
    font-family: "thesansb6semibold";
    color: #bba367 !important;
    /* font-weight: 600; */
}
.otp-modal-main-sec p {
    color: #8d8d8d;
}
.otp-modal-main-sec p strong {
    font-family: "thesansb6semibold";
    font-weight: 500;
    color: #222222;
}
.otp-modal-main-sec .close {
    position: absolute;
    right: -40px;
    width: 40px;
    height: 40px;
    background: white;
    padding: 0px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    opacity: 2;
}
.otp-modal-main-sec .close span {
    position: relative;
    right: auto;
    font-size: 20px;
}
.otp-modal-main-sec .modal-header {
    justify-content: center;
}
.resend-otp {
    margin-top: 15px;
    font-family: "thesansb6semibold";
    display: flex;
    justify-content: center;
}
.otp-modal-main-sec .modal-title {
    font-family: "thesansb6semibold";
    font-size: 20px;
}
.submit-button-sec .form-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}
.individualbookingNew .form-btn.text-center .g-a-btn:nth-last-child(1) {
    margin: 0px !important;
}
.individualbookingNew .submit-button-sec .form-btn button {
    margin: 0px 15px !important;
}
.resend-otp {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.instructions-sec {
    background: #98712adb;
    text-align: center;
    padding: 15px;
    color: #fff;
}
.instructions-sec p {
    margin: 0px;
    font-size: 20px;
    font-family: "Philosopher";
    word-spacing: 1px;
}
.theme-table table {
    border: 1px solid #ccc;
}
.theme-table table thead {
    background-color: #bba360;
}
.theme-table thead th {
    color: #fff;
}
.theme-table th,
.theme-table td {
    text-align: center;
}
.theme-table tr td:nth-child(1),
.theme-table tr th:nth-child(1) {
    width: 100%;
    text-align: left;
}
.social-ledia-material-req-form .form-group {
    margin-bottom: 0px !important;
}
.edit-delete-button-wrap {
    display: flex;
}
.edit-delete-button-wrap .delete-btn-link {
    margin-left: 15px;
}
.social-part-top li a i {
    width: 35px;
    height: 35px;
    background: #d0bf95;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
}
.fas {
    font-family: "Font Awesome 5 Free";
}
.foot-social {
    display: flex;
    margin-bottom: 10px;
}
.edit-table-new td:nth-last-of-type(1) {
    min-width: 50px !important;
    width: 50px !important;
}
table#individualbooking tr th:nth-child(1) {
    min-width: 50px !important;
    width: 50px !important;
}
.custom_error {
    position: relative;
}
.g-a-registration .form-control,
.g-a-registration select {
    padding-right: 20px;
}
[lang="ar"] .g-a-registration .form-control, [lang="ar"] .g-a-registration select {
    padding-right: .375rem;
}
.edit-table-new .deleteIcon {
    font-size: 20px;
    margin-top: -20px !important;
    display: block;
}
.has-content::placeholder,
.has-content,
.g-a-registration textarea.has-content,
input[type="date"].has-content,
input:-webkit-autofill,
input:-webkit-autofill:focus {
    color: #000 !important;
    font-family: "TheSansArabicsemibold";
    background-color: #bba3671c !important;
    -webkit-text-fill-color: #000;
}
input:disabled,
textarea:disabled,
select:disabled {
    color: #000 !important;
    font-family: "TheSansArabicsemibold";
    background-color: #bba3671c !important;
}
.arabic#language-class,
.urdu#language-class {
    flex-direction: row-reverse;
}
.scroll-content {
    border-bottom: 1px solid #98712A;
    padding-bottom: 0px !important;
    margin-bottom: 30px;
    overflow-x: hidden !important;
    padding: 0px 20px;
}
button[disabled] {
    opacity: .5;
}
.fixed-content {
    text-align: center;
}
.scroll-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #f5f5f5;
}

.scroll-content::-webkit-scrollbar {
    width: 12px;
    background-color: #f5f5f5;
}

.scroll-content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #9b7511;
}
.upper-latin ul strong,
.upper-latin ul span {
    display: block;
    margin: 10px 0px;
}
.upper-latin ul li strong,
.upper-latin ul li span {
    display: inline !important;
    margin: 0px !important;
}
.upper-latin {
    display: block;
    width: 100%;
    float: left;
}
.upper-latin li,
.upper-list li {
    list-style: upper-alpha !important;
}
p.text {
    background: #ff050014 !important;
    padding: 10px;
    color: #fff !important;
    color: #c00f0f !important;
    margin-top: 20px;
    width: fit-content;
    float: left;
}
.alertv i {
    display: none;
}
a#btnCancel i {
    font-size: 18px;
    margin-right: 6px;
}
.custom_error_message {
    color: red;
}
input.session-date:before {
    position: absolute;
    top: 0px;
    left: 12px;
    content: attr(data-date);
    display: inline-block;
    color: #8c8d8d !important;
    bottom: 0px;
    height: fit-content;
    margin: auto;
}
input.session-date.has-content:before {
    color: #000 !important;
}
input.session-date::-webkit-datetime-edit,
input::-webkit-inner-spin-button,
input::-webkit-clear-button {
    display: none;
}
form#selectLanguage {
    padding: 0px;
}
form#selectLanguage select {
    padding: 5px;
    border: 0px;
    border-radius: 5px;
    background: rgba(141, 104, 40, 0.49);
    border-radius: 5px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(141, 104, 40, 0.3);
    color: #fff !important;
}
form#selectLanguage select {
    font-family: "TheSansArabicLight";
}
.sec-1-contact .icon-cntact img {
    display: none;
}
.mosque1 .modal-content {
    border-radius: 0px;
}
.mosque1 button.close {
    z-index: 999;
    font-size: 40px;
    color: #bba367;
    width: 50px;
    height: 50px;
    background: #5b4100;
    border-radius: 50%;
    line-height: 50px;
    position: absolute;
    right: -25px;
    opacity: 2 !important;
    top: -25px;
}
.mosque-modal {
    padding: 0px !important;
}
.flex-layout-left a {
    color: #bba367 !important;
}
.cm-flex-layout li {
    list-style: auto;
    width: 100%;
    float: revert;
    margin: 0px 0px 15px 0px;
    font-family: "thesansb5plain";
    color: #8c8d8d !important;
}
[lang="ar"] {
    direction: rtl;
}
[lang="ar"] ul.my_dropdown {
    text-align: right;
    right: 0;
}
[lang="ar"] .pr-0,
[lang="ar"] .px-0 {
    padding-left: 0 !important;
}
[lang="ar"] .banner-right-content {
    text-align: right;
    font-family: "TheSansArabicsemibold";
}
[lang="ar"] .research-list-overlay {
    text-align: right;
}
[lang="ar"] .research-inner-2 {
    direction: ltr;
}
[lang="ar"] .banner-box {
    font-family: "TheSansArabicsemibold";
}
[lang="ar"] :where(strong,b) {
    font-family: "TheSansArabicsemibold";
}
[lang="ar"] .cm-flex-layout li,
[lang="ar"] .cm-flex-layout p {
    font-family: "TheSansArabicLight";
    text-align: right;
    color: #8c8d8d !important;
}

.cultural-table-sec .h-20 {
    background: transparent linear-gradient(0deg, #F4EFE6 0%, #E9D8B7 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #98712A33;
    border-radius: 10px;
    opacity: 1;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 7px 0px;
}
.cultural-table-sec .h-20:nth-child(1) {
    margin-top: 4px;
}
.cultural-table-sec .h-20:nth-last-of-type(1) {
    margin-bottom: 5px;
}
[lang="ar"] p,[lang="ar"] li {
    font-family: "TheSansArabicLight";
}
[lang="ar"] form#selectLanguage select {
    margin-right: 15px;
}
[lang="ar"] .souj-content h1, [lang="ar"] .souj-content h3 {
    font-family: "TheSansArabicBold";
}
[lang="ar"] .souj-content h4 {
    font-family: 'TheSansArabicsemibold';
}
[lang="ar"] .fa-chevron-right:before {
    content: "\f053";
}
[lang="ar"] .mosque1 button.close {
    left: -25px;
    right: auto;
}
.pt-center-img img {
    width: 280px;
    height: auto;
}
.flex-layout-left p strong,
.cm-flex-layout p strong {
    color: #231f20!important;
}
.modal-dialog.mosque1 {
    max-width: 700px !important;
    display: flex;
    height: 100%;
    align-items: center;
    margin: auto;
}
.mosque-modal {
    padding: 0px 15px!important;
}
[lang="ar"] body {
    font-family: 'TheSansArabicLight';
}
[lang="ar"] .l-s-top-content {
    text-align: right;
}
[lang="ar"] :where(h1,h2,h3,h4,h5,h6) {
    font-family: "TheSansArabicsemibold";
}
[lang="ar"] a {
    font-family: "TheSansArabicsemibold" !important;
}
[lang="ar"] .contact-icon-flex a i {
    margin: 0px 0px 0px 15px;
}
[lang="ar"] .flex-layout-left  .img-part {
    float: left;
    padding: 0px 30px 30px 0px;
}
[lang="ar"]  .g-a-form-content .g-a-formhead {
    font-family: 'TheSansArabicBold';
}
[lang="ar"] .g-a-registration label {
    font-family: 'TheSansArabicBold';
}
[lang="ar"] .tooltip-label div {
    float: right!important;
}
[lang="ar"] .form-content-box {
    text-align: right;
}
[lang="ar"] .g-a-registration .table th {
    font-family: 'TheSansArabicBold'!important;
}
[lang="ar"] .g-a-registration .table td {
    font-family: 'TheSansArabicLight'!important;
}
[lang="ar"] .iti__country-list {
    left: 0;
}
[lang="ar"] .iti__country-list {
    direction: ltr;
}
.plyr__progress input[type="range"]:after {
    display: none!important;
  }
  #audiowrap {
    position: relative;
  }
  #speedControl {
    margin-left: 80px;
    top: auto;
    position: absolute;
    border: 0px;
    color: #000 !important;
    appearance: none;
    background: transparent !important;
    bottom: -10px;
    left: 0;
    font-weight: 600;
    cursor: pointer;
  }
  .archi-layout .swiper img {
    height: 400px;
    border-radius: 20px;
    width: 100%;
    object-fit: cover;
}
[lang="ar"] .pdf-button-sec {
    text-align: right;
}
[lang="ar"] .archi-layout.archi-layout-right .archi-img-part {
    float: right;
    padding: 0px 0px 20px 40px;
}
.ramadan-activities-main-page .resources-row p,.ramadan-activities-main-page .resources-row li {
    color: #8C8D8D;
}
.resources-row p em {
    font-style: normal!important;
    color: red;
}
[lang="ar"] .resources-row .text-part h2 {
    font-family: "TheSansArabicsemibold";
    text-align: right;
}
[lang="ar"] .press-content {
    text-align: right;
}
[lang="ar"] .sl-navigation button {
    direction: ltr;
}
.count_dw_col {
    display: none;
}
.social-part-top a {
    display: block;
    background: #ffffff36!important;
    padding: 6px;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--theme-dark);
}
.social-part-top a img {
    margin: 0px!important;
    filter: brightness(100)!important;
}
a.my_social_a {
    height: auto;
    display: block;
    position: relative;
}
a.my_social_a img:nth-child(1) {
    width: 26px!important;
    height: 26px!important;
    position: absolute;
    right: 16px;
    top: 24px;
    filter: brightness(100) invert(1);
}
a.my_social_a:hover img:nth-child(1) {
    filter: inherit;
}
.individualbookingNew select {
    padding: .375rem 1.75rem .375rem .75rem;
}
.sec-2-left-box {
    height: 100%;
}
.bx-plan .col-lg-6 {
    display: flex;
}
.bx-plan.row .col-lg-6:nth-child(3) .bx_pln_itm, .bx-plan.row .col-lg-6:nth-child(4) .bx_pln_itm {
    margin-bottom: 0px;
}
[lang="ar"] .slick-list {
    direction: initial;
}
.my_heighlight_content p {
    display: none!important;
}
.my_heighlight_content p:nth-of-type(2) {
    display: -webkit-box!important;
}
.my_social_link a img {
    width: 40px;
    height: 40px;
    /* background: #b1935e; */
    padding: 10px;
    margin-right: 10px;
}
.my_social_link a::after {
    background: #b1935e;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    content: '';
    left: 0;
    position: absolute;
    z-index: -1;
}
[lang="ar"] .my_social_link a::after {
    left: auto;
    right: 0px;
}
[lang="ar"]  .my_social_link a img {
    margin-right: 0px;
    margin-left: 10px;
}
.my_social_link a {
   position: relative;
}
.my_social_link a img {
   filter: brightness(100);
}
.my_news_div_content {
    height: auto!important;
    padding: 20px!important;
}
.hirji-calendar-main-page .row::after {
    display: none;
}
.nationality-select .select2-container .select2-selection--single {
    border: 1px solid #bba367 !important;
    height: 50px !important;
    border-radius: 7px !important;
    position: relative !important;
}
.nationality-select .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 44px;
}
.nationality-select .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 10px;
}
.contact-form .select2-container {
    width: 100%!important;
}
.contact-form .nationality-select .select2-container .select2-selection--single {
    border: 1px solid #cccaca !important;
}
.nationality-select .select2-container--default .select2-selection--single .select2-selection__rendered  {
    color: #8c8d8d!important;
}
.capcha-row {
    align-items: flex-end;
}
.capcha-col {
    position: relative;
    bottom: -28px;
}
.highlight-heding h5 {
    margin: 0px;
}
.highlight-heding {
    margin-bottom: 30px;
    text-align: center;
    background: #ff00000f;
    padding: 10px 20px;
    border-radius: 12px;
    color: red;
    width: fit-content;
    margin: 0px auto 30px auto;
}
#BackBtn i {
    margin-right: 10px;
}
.nationality-select select {
    display: none;
}
.form-con .icon-cntact img {
    display: none;
}
.mobile-hide .inner-banner,
.mobile-hide header,
.mobile-hide .pt-box-wrapper,
.mobile-hide .breadcrumbs,
.mobile-hide .main-footer,
.mobile-hide .main-heading-center,
.mobile-hide .left-position-icons,
.mobile-hide .archi-heading
 {
    display: none!important;
}
.mobile-hide .cm-about-main-sec {
    margin: 40px 0px;
}
.mobile-hide .individualbookingNew input.session-date:before {
    display: none!important;
}
[lang="ar"] .select2-results__option {
    text-align: right;
}
[lang="ar"] th:has(.quiran-heading) {
    text-align: right;
}
[lang="ar"] th:has(.quiran-heading) img {
    margin: 0px 0px 0px 15px!important;
}
[lang="ar"] h2.right-boxhead,
[lang="ar"] .flex.prayer-time h2 {
    font-family: 'TheSansArabicLight'!important;
}
.select2-container {
    width: 100%!important;
}
[lang="ar"] input[type="date"] {
    text-align: right!important;
}
[lang="ar"] input[type="date"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background: transparent !important;
    background-image: url(../images/date-icon-new-1.svg) !important;
    background-repeat: no-repeat !important;
    background-position-x: 5% !important;
    background-position-y: 51% !important;
    background-size: 21px !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}
[lang="ar"] .language-tab-content {
    text-align: left;
    direction: ltr;
}
[lang="ar"] .submit-button-sec .form-btn,
[lang="ar"] .otp-input {
    flex-direction: row-reverse;
}
[lang="ar"] .otp-modal-main-sec .modal-title,
[lang="ar"] .otp-modal-main-sec h6,
[lang="ar"] .resend-otp
 {
    font-family: 'TheSansArabicsemibold';
    font-size: 20px;
}
input[type="date"] {
    padding: 15px 15px!important;
}
table#individualbooking td:nth-child(1),
.official-delegate-table td:nth-child(1) {
    min-width: auto!important;
}
table#individualbooking td,
.official-delegate-table td {
    min-width: 200px;
}
.official-delegate-table .table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.mobile-hide .pt-center-img {
    display: none!important;
}
.g-a-btn, .theme-btn {
    gap: 16px;
    width: auto;
    line-height: initial;
    display: inline-block;
    text-align: center;
    background: var(--primary);
    color: white;
    border: 1px solid transparent;
    border-radius: 6px;
    font-size: 16px;
    letter-spacing: 0.72px;
    transition: all 0.3s ease;
    padding: 8px 20px;
    align-items: center;
    display: inline-flex;
  }
  .iti.iti--allow-dropdown .form-control {
    padding-right: 30px!important;
    text-align: left!important;
    direction: ltr!important;
}
#Arabic .language-tab-content,
#Urdu .language-tab-content {
    text-align: right!important;
    direction: rtl!important;
}
[lang="ar"] #Arabic .language-tab-content,
[lang="ar"] #Urdu .language-tab-content  {
    text-align: right!important;
    direction: rtl!important;
}
[lang="ar"] .g-a-registration  #Arabic label,
[lang="ar"] .g-a-registration  #Urdu label {
    font-family: 'TheSansArabicBold';
}
.ws-card-rating {
    display: none;
}
.fixed-content {
    float: left;
    text-align: center;
    background: #f9f9f9;
    padding: 15px;
    border: 1px solid #cecece;
    border-radius: 10px;
}
#language-class {
    float: left;
    width: 100%;
}
[lang="ar"] .terms-text-parts .number-list {
    padding: 0px 20px 0px 0px!important;
}
.g-a-registration .nav-tabs .nav-item a {
    text-transform: uppercase;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 16px !important;
}
.g-a-btn, .theme-btn {
    gap: 16px;
    width: auto;
    line-height: initial;
    display: inline-block;
    text-align: center;
    background: var(--primary);
    color: white;
    border: 1px solid transparent;
    border-radius: 6px;
    font-size: 16px;
    letter-spacing: 0.72px;
    transition: all 0.3s ease;
    padding: 8px 20px;
    align-items: center;
    display: inline-flex;
  }
  .iti.iti--allow-dropdown .form-control {
    padding-right: 30px!important;
    text-align: left!important;
    direction: ltr!important;
}
#Arabic .language-tab-content,
#Urdu .language-tab-content {
    text-align: right!important;
    direction: rtl!important;
}
[lang="ar"] #Arabic .language-tab-content,
[lang="ar"] #Urdu .language-tab-content  {
    text-align: right!important;
    direction: rtl!important;
}
[lang="ar"] .g-a-registration  #Arabic label,
[lang="ar"] .g-a-registration  #Urdu label {
    font-family: 'TheSansArabicBold';
}
.ws-card-rating {
    display: none;
}
.fixed-content {
    float: left;
    text-align: center;
    background: #f9f9f9;
    padding: 15px;
    border: 1px solid #cecece;
    border-radius: 10px;
}
#language-class {
    float: left;
    width: 100%;
}
[lang="ar"] .terms-text-parts .number-list {
    padding: 0px 20px 0px 0px!important;
}
#activity-modal {
    display: block;
    background: #00000051;
}
#activity-modal .note-part {
    margin-bottom: 30px;
    text-align: center;
    background: #ff00000f;
    padding: 10px 20px;
    border-radius: 12px;
    color: red;
    width: 100%;
    margin: 0px auto 20px auto;
    font-family: 'TheSansArabicLight';
}
#activity-modal thead th {
    background: #bba367;
    color: #fff;
    font-family: 'thesanslight';
    font-weight: 100;
}
#activity-modal thead th:nth-child(1) {
    border-radius: 10px 0px 0px 0px;
    border-left: 0px;
}
#activity-modal thead th:nth-last-of-type(1) {
    border-radius: 0px 10px 0px 0px;
    border-right: 0px;
}
#activity-modal .modal-body {
    padding: 20px;
    background: linear-gradient(#ffffff 20%, rgb(255 255 255 / 91%)), url(../images/center-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left;
}
#activity-modal .table td, #activity-modal .table th {
    border: 1px solid #dee2e6;
    vertical-align: middle;
  }
#activity-modal .close {
    display: none;
}
#activity-modal thead th {
    border-top: 0px!important;
}
#activity-modal .btn {
    background: #bba367;
    border: 0px;
    padding: 10px 30px;
}
.visiting-hours-table th {
    border-radius: 10px 10px 0px 0px!important;
    text-align: center;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 3% !important;
    left: auto;
    width: 20px;
    right: auto;
    background-image: url(../images/registration-forms/5.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center center;
  }
  .select2-container--default .select2-selection--single .select2-selection__arrow b {
   display: none;
  }
  .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 12px;
}
[lang="ar"] .next-prayer h3 {
    font-family: 'TheSansArabicsemibold';
}
.faq-content td strong {
    display: inline;
    float: none;
    font-size: 16px;
}
[lang="ar"] .ws-card-bottom h2 {
    text-align: right;
}
.exhibition-template .row {
    display: inline;
    padding: 30px !important;
}
.exhibition-template .row .img-part {
    padding-left: 30px !important;
}
.exhibition-template .row:nth-child(even) .img-part {
    float: left;
    padding: 0px 30px 0px 0px!important;
}
.exhibition-template .resources-row .text-part {
    float: none;
    display: inline;
}
.walkway p {
    text-align: center!important;
}
.about-exhibition-page .serv-box p {
    text-align: justify!important;
}
.to_service_contant {
    margin-top: 40px;
  }
.to_service_contant .table {
    margin-bottom: 40px!important;
}
.service-text-part-new  {
    display: -webkit-box;
    -webkit-line-clamp: 10; 
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .service-text-part-new.expanded  {
    -webkit-line-clamp: unset; 
    display: contents;
  }
  .btn-expand {
    color: #bba367!important;
    font-weight: 500;
    text-decoration: underline!important;
    font-size: 1.1rem!important;
    padding: 0px;
    margin-top: 20px;
    outline: 0px;
    box-shadow: none!important;
  }
  .service-text-part  {
    display: -webkit-box;
    -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .service-text-part.expanded  {
    -webkit-line-clamp: unset; 
    display: contents;
  }
  .btn-expand,.btn-expand-ar {
    color: #bba367!important;
    font-weight: 500;
    text-decoration: underline!important;
    font-size: 1.1rem!important;
    padding: 0px;
    margin-top: 20px;
    outline: 0px;
    box-shadow: none!important;
  }
  .flex-layout-left p em a {
    width: auto;
    height: auto;
    line-height: inherit;
    display: inline-block;
    background: var(--primary);
    color: #fff!important;
    font-size: 16px;
    font-family: "thesanslight";
    border-radius: 6px;
    text-align: center;
    padding: 8px 20px;
    font-style: normal;
    font-weight: 500;
}
[lang="ar"] .btn-expand {
    display: none;
}
 #btn-expand-ar {
    display: none;
}
[lang="ar"] #btn-expand-ar {
    display: block;
}
[lang="ar"] .serv-box #btn-expand-ar {
    display: block;
    width: 100%;
    text-align: center;
}
[lang="ar"] .resources-row button#btn-expand-ar {
    text-align: right;
    float: right;
}
.sora-booking-form-sec .nav-tabs .nav-item {
    margin-bottom: -1px;
    flex: 0 0 auto;
    width: 25%;
}
.touroperregistration .step-form-tabs li:nth-child(1) a,
.sora-booking-form-sec .nav-tabs li:nth-child(1) a {
    z-index: 4;
}
.touroperregistration .step-form-tabs li:nth-child(3) a,
.sora-booking-form-sec .nav-tabs li:nth-child(3) a  {
    z-index: 2;
}
.touroperregistration .step-form-tabs li:nth-child(2) a,
.sora-booking-form-sec .nav-tabs li:nth-child(2) a {
    z-index: 3;
}
.touroperregistration fieldset:has(select) p {
    margin: 0px;
}
.touroperregistration p:has(.spn-amount),
.sora-booking-form-sec p:has(.spn-amount),
#paymentForm p:has(.spn-amount) {
    border: 1px solid #98712a71;
    background: #bba3671c !important;
    width: fit-content;
    padding: 10px 30px;
    border-radius: 8px;
}
.touroperregistration p:has(.spn-amount) label,
.sora-booking-form-sec p:has(.spn-amount) label,
#paymentForm p:has(.spn-amount) label {
    margin: 0px;
}
.touroperregistration #submit,
.sora-booking-form-sec #submit,
#paymentForm #submit {
    background: var(--primary);
    color: #fff!important;
    border: 1px solid transparent;
    border-radius: 8px;
    font-size: 16px;
    letter-spacing: 0.72px;
    transition: all 0.3s ease;
    padding: 15px 30px;
    align-items: center;
    display: inline-flex;
}
#t-o-4 {
    box-shadow: 3px 5px 10px #00000040;
    border-radius: 0px 0px 6px 6px;
    padding: 70px 80px;
    overflow: initial !important;
    width: 100%;
    float: left;
}

.sora-booking-form-sec .custom_error_message.custom_error {
    position: absolute;
}
.unseen-glimpse-form-sec .official-delegate-table .select2-container .select2-selection--single {
    border: 1px solid #bba367 !important;
    height: 50px !important;
    border-radius: 7px !important;
    position: relative !important;
    color: #8c8d8d !important;
}
.unseen-glimpse-form-sec .official-delegate-table .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 50px;
}
.unseen-glimpse-form-sec .official-delegate-table .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 50px;
}
.unseen-glimpse-form-sec .nav-tabs .nav-item {
    width: 33.33%;
    flex: 0 0 auto;
}
[lang="ar"] .step-form-tabs li a:after {
    transform: scale(-1);
    left: 0 !important;
    right: auto !important;
}
[lang="ar"] .select2-container--default .select2-selection--single .select2-selection__arrow {
    left: 3% !important;
    right: auto;
}
.unseen-glimpse-form-sec .divApplicantNationalityCodeError,
.unseen-glimpse-form-sec .divApplicantEmirateCodeError,
.unseen-glimpse-form-sec .divEmirateCodeError,
.unseen-glimpse-form-sec .divIndivdualCategoryCodeError,
.unseen-glimpse-form-sec .divNationalityCodeError {
    bottom: -4px;
}
.serv-box:has(.two-lines) .btn {
    display: none;
}
.to_payment .g-a-formhead {
    font-size: 25px;
    line-height: 44px;
    letter-spacing: 0.9px;
    color: #98712a;
    padding: 0px 0px 16px 0px!important;
    margin: 0px;
    font-family: "Philosopher";
    font-weight: 600;
}
#req-detail:has(#paymentForm) .g-a-formhead {
    margin: 0px;
}
.serv-box .content-wrapper:has(a) button {
    display: none!important;
}
.audio-guide-booking-form-sec .nav-tabs .nav-item {
    width: 33.33%;
    flex: 0 0 auto;
}
.audio-guide-booking-form-sec .custom_error_message.custom_error {
    position: absolute;
}
.touroperregistration .form-content-box {
    padding: 0px!important;
}
.touroperregistration .tab-pane {
    padding: 50px 60px 60px;
}
.to_payment .tab-pane {
    padding: 0px!important;
}
.transition-detail-sec {
    display: flex;
    flex-direction: column;
    font-weight: 200;
    background: transparent;
    width: fit-content;
    margin: 0px auto 30px auto!important;
    padding: 20px!important;
    border-radius: 12px;
    border: 1px solid #bba367;
    color: #bba367!important;
    text-align: left;
    gap: 10px;
    font-weight: 200;
}
  .transition-detail-sec .paid-ammount span {
    color: red;
  }
  .transition-detail-sec .transation-id span {
    color: #8c8d8d !important;
  }
  .transition-detail-sec .transation-date span {
    color: #8c8d8d !important;
  }
.payment-failure-form-page h1 {
    color: red;
}
[lang="ar"] .sora-booking-form-sec .btnPrevious {
    flex-direction: row-reverse;
}
[lang="ar"] .sora-booking-form-sec .g-a-btn img {
    margin-right: 0px;
    margin-left: 0px;
}
[lang="ar"] .thank-you-form-page-new h1 {
    font-family: "TheSansArabicBold";
}
[lang="ar"] .thank-you-form-page-new {
    font-family: 'TheSansArabicLight';
}
.touroperregistration  .to_payment .tab-pane {
    padding: 0px!important;
}
.nationality-select:has(.has-content) span.select2-selection.select2-selection--single {
    color: #000 !important;
    font-family: "TheSansArabicsemibold";
    background-color: #bba3671c !important;
    -webkit-text-fill-color: #000
}
.unseen-glimpse-form-sec .deleteIcon {
    position: relative;
    top: -10px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #8c8d8d !important;
}
[lang="ar"] .btnPrevious .fa-chevron-left:before {
    content: "\f054"!important;
}
[lang="ar"] input[type="date"].has-content {
    color: #000 !important;
    font-family: "TheSansArabicsemibold";
    background-color: #bba3671c !important;
    -webkit-text-fill-color: #000;
}
.touroperregistration div#t-o-3 .tooltip-label {
    float: left;
  }
  .form-group:has(.has-content) .select2-selection.select2-selection--single {
    color: #000 !important;
    font-family: "TheSansArabicsemibold";
    background-color: #bba3671c !important;
    -webkit-text-fill-color: #000;
}
  td:has(.deleteIcon) {
    min-width: 50px!important;
  }
  .unseen-glimpse-form-sec td:has(.deleteIcon),
  .sora-booking-form-sec td:has(.deleteIcon),
  .audio-guide-booking-form-sec td:has(.deleteIcon) {
    display: none;
  }
  .unseen-glimpse-edit td:has(.deleteIcon),
  .sora-edit td:has(.deleteIcon),
  .audio-edit td:has(.deleteIcon) {
    display: table-cell!important;
  }
  .sweet-alert .sa-icon.sa-info {
    border-color: #bba367!important;
  }
  button.confirm,.sweet-alert .sa-icon.sa-info::before,.sweet-alert .sa-icon.sa-info::after {
    background: #bba367!important;
  }
  [lang="ar"] .transition-detail-sec {
    text-align: right;
    direction: rtl!important;
}
[lang="ar"] .transition-detail-sec strong {
    text-align: right;
    display: flex;
    gap: 10px;
}
.alertv.warningv.warning-minimum-one-visitor-needed,
.alertv.warningv.warning-minimum-one-visitor-needed p {
    width: 100%!important;
}
.deleteIcon {
    position: relative;
    top: -10px;
}
.sora-booking-table .select2-container--default .select2-selection--single .select2-selection__rendered,
.audio-guide-booking-form-sec .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 50px;
    border: 1px solid #bba367 !important;
    height: 50px !important;
    border-radius: 7px !important;
    position: relative !important;
}
.sora-booking-table .select2-container .select2-selection--single,
.sora-booking-table .select2-container--default .select2-selection--single .select2-selection__arrow,
.audio-guide-booking-form-sec .select2-container .select2-selection--single,
.audio-guide-booking-form-sec .select2-container--default .select2-selection--single .select2-selection__arrow  {
    height: 50px;
    border: 0px;
}
input#submit.has-content {
    background: var(--primary) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff!important;
}
section.audio-guide-booking-form-sec 
 .divApplicantNationalityCodeRep select {
    display: none!important;
}
.audio-guide-booking-form-sec .divApplicantNationalityCode .select2-container .select2-selection--single {
    border: 0px!important;
}
.audio-guide-booking-form-sec .divApplicantNationalityCode .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 28px!important;
}
[lang="ar"] .philosophy-inner-main .text-part h2,
[lang="ar"] .philosophy-inner-main .text-part h3 {
    text-align: right;
}
[lang="ar"] .philosophy-inner-main .text-part {
    padding-left: 0px;
    padding-right: 30px;
}
.my_news_div {
    background: #fff!important;
}
.pt-box {
    padding: 10px!important;
  }
  .souj-content h4 {
    font-weight: 400;
}
.box-trans {
    width: 100%;
}
.ws-card-detail img {
    width: 100px!important;
    height: 100px!important;
}
.img-part-left img {
    width: 100%;
}
.payment-failure-form-page .button-part-thank-you {
    margin-top: 20px;
}
[lang="ar"] .news-content .content {
    padding: 0px 30px 0px 0px;
    text-align: right;
}
[lang="ar"] .date h2 span {
    font-family: 'TheSansArabicBold';
}
[lang="ar"] .news-main h1 {
    font-family: 'TheSansArabicBold';
    text-align: right;
}
.date-part img {
    filter: brightness(100) invert(1);
}
[lang="ar"] .date-part img {
    margin:0px 0px 0px 6px;
}
.educational-table tr td:nth-child(2),
.experience-Table  tr td:nth-child(3),
.experience-Table  tr td:nth-child(4) {
    min-width: 200px;
}
.AddEntitySec:has(.addRowBtn) {
    display: flex;
    width: 100%;
    justify-content: flex-end;
}
.addRowBtn {
    padding: 8px 30px !important;
}
[lang="ar"] .divEducationalQualification {
    margin: 0px!important;
    width: 100%!important;
}
[lang="ar"] .g-a-registration-tab  .g-a-1 label {
    text-align: right;
}
.divAccompanyingDelegation {
    margin: 0px!important;
    width: 100%;
}
 table#experience-Table tr td:nth-child(3),
 table#experience-Table tr td:nth-child(4) {
    min-width: 200px;
}
.delete-btn i {
    color: #000!important;
    background: transparent!important;
    font-size: 20px!important;
}
.careers-main-content  .carrers-card {
    position: relative;
    padding-bottom: 100px;
  }
  .carrers-card a {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: auto;
  }
  .ExpiryResend {
    color: #bba367 !important;
    background: transparent !important;
    border: 0px !important;
    margin: 0px 0px 16px 0px !important;
    font-weight: 500;
    font-family: 'thesansb6semibold';
}
[lang="ar"] .ARerrormodal {
    text-align: right;
  }
  [lang="ar"] .alert-dismissible {
    padding-right: 1.25rem;
    padding-left: 4rem;
}
.terms-condition-check a {
    color: #000!important;
    text-decoration: underline!important;
}
.touroperregistration .mt-5:has(.terms-condition-check),
.registration .mt-5:has(.terms-condition-check) {
    margin: 0px!important;
}
.col-12:has(.terms-condition-check) {
    padding-left: 0px!important;
}
input#chk {
    height: auto;
}
.position-right-box .flex.prayer-time h2 {
    white-space: break-spaces!important;
}
/* responsive start */
@media screen and (max-width: 2560px) {
    .flex-layout-left p,
    .flex-layout-left li,
    .cm-flex-layout p,
    .cm-flex-layout strong,
    .s-p-service-box ul li,
    .fs-content p,
    .center-link-sec a,
    .ms-box p,
    .serv-box p,
    .serv-box a,
    .s-right p,
    .getting-mosque-comun .row .text-part strong,
    .s-right a,
    .evg-content a,
    .archi-layout strong,
    .archi-text-part p,
    .archi-text-part li,
    .walkway p,
    .walkway li,
    .faq-content p,
    .box-trans p,
    .box-trans a,
    .arabic-btn a,
    .content p,
    .rp-right-bottom a,
    .press-content p,
    .press-content a,
    .a-t-l-pub-inner li,
    .library-text-part li,
    .exlent-location-sec p,
    .library-publication-section ul li,
    .resources-row .text-part p,
    .resources-row a,
    .l-s-top-content p,
    .l-s-top-content ul li,
    .l-s-service-box h2,
    .l-s-service-box a,
    .publication-books .col-lg-3 h6,
    .publication-description-sec,
    .ev-edit-p p,
    .archi-layout a,
    .new-holy-page p,
    .hirji-calendar-main-page .text-sec p,
    .hirji-calendar-main-page a,
    .resources-row li,
    .faq-content ul li,
    .l-s-top-content ul li a,
    .ramdan-month-sec p,
    #attachement-sec p,
    #attachement-sec .content input,
    .ramadan-activities-main-page .resources-row p,.ramadan-activities-main-page .resources-row li {
        font-size: 19px !important;
        line-height: 35px !important;
    }

    .main-heading-center img {
        width: 120px;
    }

    .main-heading-center h1 {
        font-size: 40px;
    }

    .ws-card-bottom h2 {
        font-size: 25px;
    }

    .pt-location h2 {
        font-size: 32px;
    }

    .road-map h2 {
        font-size: 35px;
    }

    .resources-row .text-part h2 {
        font-size: 32px;
    }

    .philosophy-inner-main .text-part h2 {
        font-size: 30px !important;
    }

    .philosophy-inner-main .text-part h3 {
        font-size: 20px !important;
    }

    .noti-flex .text-part p,
    .book-visit-sec-new a,
    button.g-a-btn.nxtbtn.subbtn {
        font-size: 20px;
    }

    .book-visit-sec-new img,
    .social-part-top ul li img {
        width: 35px;
        margin-left: 10px;
    }
    [lang="ar"] .book-visit-sec-new img,
    [lang="ar"] .social-part-top ul li img {
        margin-left: 0px;
        margin-right: 10px;
    }

    .main-logo {
        width: 140px;
    }

    .claim-part ul {
        margin: 0px;
        max-width: 35%;
    }
}
@media screen and (min-width: 1920px) {
    .resources-row .img-part img {
      height: 600px;
    }
}
@media screen and (min-width: 1920px) and (max-width: 2560px) {
    ul.nav-list li a {
        font-size: 14px !important;
    }
    .bx_pln_itm h3 {
        margin-top: 16px;
    }
    .my_news_div_content a {
        font-size: 24px;
        line-height: inherit;
    }
    .my_heighlight_content p {
        font-size: 18px;
        -webkit-line-clamp: 4 !important;
      }
}
@media screen and (max-width: 1680px) {
    .flex-layout-left p,
    .flex-layout-left li,
    .cm-flex-layout p,
    .cm-flex-layout strong,
    .s-p-service-box ul li,
    .fs-content p,
    .center-link-sec a,
    .ms-box p,
    .serv-box p,
    .serv-box a,
    .s-right p,
    .getting-mosque-comun .row .text-part strong,
    .s-right a,
    .evg-content a,
    .archi-layout strong,
    .archi-text-part p,
    .archi-text-part li,
    .walkway p,
    .walkway li,
    .faq-content p,
    .box-trans p,
    .box-trans a,
    .arabic-btn a,
    .content p,
    .rp-right-bottom a,
    .press-content p,
    .press-content a,
    .a-t-l-pub-inner li,
    .library-text-part li,
    .exlent-location-sec p,
    .library-publication-section ul li,
    .resources-row .text-part p,
    .resources-row a,
    .l-s-top-content p,
    .l-s-top-content ul li,
    .l-s-service-box h2,
    .l-s-service-box a,
    .publication-books .col-lg-3 h6,
    .publication-description-sec,
    .ev-edit-p p,
    .archi-layout a,
    .new-holy-page p,
    .hirji-calendar-main-page .text-sec p,
    .hirji-calendar-main-page a,
    .resources-row li,
    .faq-content ul li,
    .l-s-top-content ul li a,
    .ramdan-month-sec p,
    #attachement-sec p,
    #attachement-sec .content input,
    .ramadan-activities-main-page .resources-row p,.ramadan-activities-main-page .resources-row li {
        font-size: 18px !important;
        line-height: 30px !important;
    }

    .flex-layout-left h2 {
        font-size: 30px;
    }

    .main-heading-center h1,
    .archi-heading h1 {
        font-size: 35px;
        text-transform: capitalize;
    }

    .ws-card-bottom h2 {
        font-size: 23px;
    }

    .box-trans h2 {
        font-size: 30px;
        line-height: inherit;
    }

    .road-map h2 {
        font-size: 30px;
    }

    .resources-row .text-part h2 {
        font-size: 30px;
    }

    .pt-location h2 {
        font-size: 25px;
    }

    .form-group label,
    .media-request-form-page td,
    .media-request-form-page th {
        font-size: 16px !important;
    }

    .noti-flex .text-part p,
    .book-visit-sec-new a,
    button.g-a-btn.nxtbtn.subbtn {
        font-size: 16px;
    }

    .book-visit-sec-new img,
    .social-part-top ul li img {
        width: 25px;
    }

    .main-logo {
        width: 120px;
    }

    .eror-main-sec h3 {
        font-size: 30px;
    }
    .instructions-sec p {
        font-size: 18px;
    }
    .social-part-top li a i {
        width: 25px;
        height: 25px;
        font-size: 13px;
    }
    .header-new ul.nav-list li a {
        font-size: 12px!important;
    }
}
@media screen and (min-width:1680px) {
    .pt-box {
        width: 150px!important;
      }
}
@media screen and (max-width:1536px) {
    button.ws-card-btn, a.ws-card-btn {
        font-size: 12px;
        padding: 0px 6px;
        margin: 0px!important;
    }
}
@media screen and (min-width:1440px) {
    .pt-box {
        width: 130px!important;
      }
}
@media screen and (max-width: 1440px) {
    .my_social_a img {
        height: 380px !important;
        object-fit: fill !important;
    }

    .main-footer .container-1630 {
        max-width: 90% !important;
    }

    .claim-part ul {
        margin: 0px;
        max-width: 40%;
    }

    .eror-main-sec .img-sec {
        max-width: 100px;
    }
    .nationality-select .select2-container .select2-selection--single {
        font-size: 14px;
    }
    td.nationality-select .select2-container--default .select2-selection--single .select2-selection__rendered,
    .g-a-formfields .nationality-select .select2-container--default .select2-selection--single .select2-selection__rendered  {
        font-size: 14px;
        color: #8c8d8d!important;
    }
    .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: 14px !important;
      }
      .sora-booking-table td,
      .audio-guide-booking-table td {
        min-width: 200px;
    }
    .sora-booking-table td:nth-of-type(1),
    .audio-guide-booking-table td:nth-of-type(1) {
        width: 50px !important;
        min-width: 50px!important;
    }
    .to_payment .g-a-formhead {
        font-size: 22px;
        line-height: 36px;
    }
    .touroperregistration .tab-pane {
        padding: 40px 25px!important;
    }
    .ws-card-detail img {
        width: 80px;
        height: 80px!important;
        max-width: 80px!important;
    }
    section.inner-banner.media-corner-banner.all-banner {
        height: 320px;
    }
}

@media screen and (max-width: 1366px) {
    .flex-layout-left p,
    .flex-layout-left li,
    .cm-flex-layout p,
    .cm-flex-layout strong,
    .s-p-service-box ul li,
    .fs-content p,
    .center-link-sec a,
    .ms-box p,
    .serv-box p,
    .serv-box a,
    .s-right p,
    .getting-mosque-comun .row .text-part strong,
    .s-right a,
    .evg-content a,
    .archi-layout strong,
    .archi-text-part p,
    .archi-text-part li,
    .walkway p,
    .walkway li,
    .faq-content p,
    .box-trans p,
    .box-trans a,
    .arabic-btn a,
    .content p,
    .rp-right-bottom a,
    .press-content p,
    .press-content a,
    .a-t-l-pub-inner li,
    .library-text-part li,
    .exlent-location-sec p,
    .library-publication-section ul li,
    .resources-row .text-part p,
    .resources-row a,
    .l-s-top-content p,
    .l-s-top-content ul li,
    .l-s-service-box h2,
    .l-s-service-box a,
    .publication-books .col-lg-3 h6,
    .publication-description-sec,
    .ev-edit-p p,
    .archi-layout a,
    .new-holy-page p,
    .hirji-calendar-main-page .text-sec p,
    .hirji-calendar-main-page a,
    .resources-row li,
    .faq-content ul li,
    .l-s-top-content ul li a,
    .ramdan-month-sec p,
    #attachement-sec p,
    #attachement-sec .content input,
    .ramadan-activities-main-page .resources-row p,.ramadan-activities-main-page .resources-row li {
        font-size: 16px !important;
        line-height: 30px !important;
    }

    .flex-layout-left h2 {
        font-size: 25px;
    }

    .main-heading-center h1,
    .archi-heading h1 {
        font-size: 30px;
    }

    .main-heading-center img,
    .archi-heading img {
        width: 100px;
    }

    .box-trans h2 {
        font-size: 25px;
        line-height: inherit;
        margin: 0px;
    }

    .resources-row .text-part h2 {
        font-size: 26px;
    }

    .my_heighlight_content h3 {
        font-size: 19px;
    }

    .noti-flex .text-part p,
    .book-visit-sec-new a,
    button.g-a-btn.nxtbtn.subbtn {
        font-size: 14px;
    }

    .book-visit-sec-new img,
    .social-part-top ul li img {
        width: 25px;
    }

    .main-logo {
        width: 100px;
    }

    .g-a-registration select {
        background-size: 10px;
    }

    .eror-main-sec h3 {
        font-size: 25px;
    }
}

@media (max-width: 1366px) {
    header .container {
        padding: 0px 20px;
    }
    ul.nav-list li a {
        font-size: 12px!important;
        padding: 0px 10px 0px 0px!important;
    }
    .header-new ul.nav-list li a {
        font-size: 10px !important;
    }
    .board-mem h2 {
        height: auto !important;
    }

    .fs-content p {
        font-size: 16px;
    }

    .ws-card-bottom h2 {
        font-size: 20px;
    }

    .new-holy-page p {
        font-size: 16px;
        padding-bottom: 25px;
    }

    .p-my-pagination li a {
        font-size: 20px;
    }

    .pagination-container .pagination li span {
        font-size: 20px;
    }

    .walkway p {
        font-size: 16px !important;
    }

    .sec-3-hour {
        margin-top: 5px !important;
    }

    .icon-reg p {
        font-size: 13px !important;
    }

    .icon-reg ul li {
        font-size: 13px !important;
    }

    .archi-heading h1 {
        margin: 0px;
        font-size: 30px;
    }

    .archi-heading img {
        width: 90px;
    }
}

@media (min-width: 1440px) {
    .board-members-section .col-xl-2 {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .unseen-glimpse-form-sec .official-delegate-table table,
    .sora-booking-table table, .audio-guide-booking-table table {
      display: table!important;
    }
}
@media screen and (min-width: 1200px) {
    .icon-shape-2 img {
        width: 50px;
        height: 50px;
        object-fit: contain;
    }
    #certificate-Table,#language-Table {
        display: table;
    }
}
@media screen and (max-width: 1199px) {
    .ws-card-sec .col-lg-4 {
        flex: 0 0 auto;
        width: 50% !important;
        max-width: 50%;
    }
}
@media (max-width: 1199px) {
    /* Icon 1 */
    .animated-icon1,
    .animated-icon2,
    .animated-icon3 {
        width: 30px;
        height: 20px;
        position: relative;
        margin: 0px;
        transform: rotate(0deg);
        transition: 0.5s ease-in-out;
        cursor: pointer;
    }

    .animated-icon1 span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        transform: rotate(0deg);
        transition: 0.25s ease-in-out;
    }

    .animated-icon1 span {
        background: #222222;
    }

    .animated-icon1 span:nth-child(1) {
        top: 0px;
    }

    .animated-icon1 span:nth-child(2) {
        top: 10px;
    }

    .animated-icon1 span:nth-child(3) {
        top: 20px;
    }

    .animated-icon1.open span:nth-child(1) {
        top: 11px;
        transform: rotate(135deg);
    }

    .animated-icon1.open span:nth-child(2) {
        opacity: 0;
        left: -60px;
    }

    .animated-icon1.open span:nth-child(3) {
        top: 11px;
        transform: rotate(-135deg);
    }

    div#navbarSupportedContent {
        position: fixed;
        right: 0;
        top: 0;
        background: #fff;
        width: 80%;
        height: 100%;
        min-height: 100vh;
        z-index: 10000000000000000000;
        padding: 20px;
        box-shadow: 0px 0px 10px #00000029;
        min-height: 100vh !important;
        overflow-y: scroll !important;
        max-height: 100vh !important;
        transform: translate(150%, 0px);
        transition: all 0.2s ease-in-out;
    }
    [lang="ar"] div#navbarSupportedContent {
        left: 0!important;
        right: auto!important;
        transform: translate(-150%, 0px)!important;
    }
    .navbar-collapse.collapse.show, [lang="ar"] div#navbarSupportedContent.show {
        transform: translate(0%, 0%) !important;
    }

    div#navbarSupportedContent li {
        display: block;
        width: 100%;
        padding: 5px 0px !important;
    }

    .navbar-collapse.collapse li a {
        font-size: 14px !important;
    }

    .book-your-visit-sec {
        display: none;
    }

    a.navbar-brand {
        margin-right: 0px;
    }

    ul.my_dropdown {
        padding: 15px !important;
    }

    .menu-side-bar {
        display: block !important;
        z-index: 1000000000000 !important;
        height: auto !important;
        width: 90vw !important;
        left: 0px !important;
        right: auto !important;
        transform: translate(-120%, 0px);
        box-shadow: 0px 0px 10px #00000029;
        min-height: 100vh !important;
        overflow-y: scroll !important;
        max-height: 100vh !important;
    }

    .header-new .navbar-expand-lg .navbar-toggler {
        display: none;
    }

    .header-new .navbar-expand-lg .mobile-toggler {
        display: block !important;
    }

    .menu-side-show {
        transform: translate(0px, 0px);
    }

    .child-menu:hover ul.my_dropdown {
        position: relative;
        top: 0 !important;
        transform: translate(0px, 0px) !important;
        float: left;
    }

    .abbr-item:hover .abbriviation {
        display: none;
    }

    .bx_pln_itm p {
        -webkit-line-clamp: 1;
    }

    .navbar {
        justify-content: space-between;
    }

    .navbar-expand-lg .navbar-collapse {
        align-items: flex-start;
    }

    .mobile-close-btn img {
        width: 20px;
        margin-bottom: 30px;
        display: none;
    }

    .navbar-collapse.collapse.show .mobile-close-btn img {
        display: block;
    }
    .instructions-sec p {
        font-size: 16px;
    }
    .the-founder-img-sec img {
        height: auto;
    }
    .pt-box {
        height: auto!important;
    }
}

@media screen and (max-width: 1024px) {
    .attached-row .btn-part {
        width: 100%;
        max-width: 100%;
    }

    .eror-main-sec {
        padding: 30px;
        border-radius: 10px;
        max-width: 100%;
        margin: 0px;
        width: 100%;
    }

    .eror-main-sec .img-sec {
        max-width: 80px;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-collapse {
        justify-content: flex-start;
        padding: 0px;
    }

    .header-new .navbar-expand-lg .navbar-collapse {
        justify-content: center;
        padding: 0px;
    }
    .mosque1.modal-dialog {
        max-width: 750px;
    }
}
@media screen and (max-width: 991px) {
    [lang="ar"] div#navbarSupportedContent {
        text-align: right;
    }
    [lang="ar"] li.child-menu::after {
        right: auto;
        left: 0px;
    }
    [lang="ar"] .my_news_repeat_content,
    .my_news_repeat_content {
        padding: 20px 0px;
    }
    .header-new ul.nav-list li a {
        font-size: 14px !important;
        padding: 4px;
    }
    body:has(.collapse.show) .position-right-box,
    body:has(.collapse.show) .scroll-top {
        display: none!important;
    }
    .pt-box-wrapper {
        padding: 30px 15px 0px 15px!important;
      }
      .pt-box {
        min-height: auto !important;
        width: 130px !important;
        height: auto!important;
        padding: 16px!important;
    }
    .strategicplan-main h1 {
        padding: 0px 16px !important;
    }
    .pb-80 {
        padding-bottom: 40px;
    }
    
    .themetable {
        border-color: transparent;
    }
    .themetable th, .themetable td {
        border-color: transparent!important;
    }
    .road-map h2 {
        font-size: 30px;
    }

    .cordinate-content input {
        height: 50px;
        padding: 0px 70px 0px 30px;
        font-size: 14px;
    }

    .cordinate-content button {
        width: 60px;
    }

    .email-cordinate form img {
        width: 20px;
    }

    .home-main-heading h2 {
        font-size: 35px !important;
    }

    .section-3 .home-main-heading h2 {
        max-width: 100%;
    }

    .sec_6_bottom_box {
        margin-top: 40px;
    }

    .contact {
        border-radius: 20px 20px 0px 0px !important;
        padding: 40px !important;
    }

    .eror-main-sec .img-sec {
        max-width: 100px;
    }

    .claim-part ul {
        max-width: 50%;
    }

    .hirji-calendar-main-page .row:nth-last-of-type(5) .img-sec img {
        height: auto !important;
    }
    .social-ledia-material-req-form .form-group {
        margin-bottom: 25px !important;
    }
    .faq-head {
        padding: 16px 40px 16px 16px;
    }
    [lang="ar"] .faq-head {
        padding: 16px 16px 16px 40px;
    }
    .faq-head::after {
        font-size: .8rem;
        right: 16px;
    }
    [lang="ar"] .faq-head::after {
        left: 16px;
    }
    .ramadan-facts-main {
        max-width: 100%;
        padding: 1rem;
    }
    .faq-card {
        margin-bottom: 0px;
    }
    .faq-content.show {
        margin-bottom: 1rem;
    }
    .col-lg-6.box-mar {
        margin-bottom: 0px;
        margin-top: 80px;
    }
}

@media screen and (max-width: 768px) {
    .main-heading-center h1,
    .archi-heading h1 {
        position: relative;
    }
    .archi-heading {
        margin: 30px 0px 30px 0px !important;
        padding: 0px;
    }
    .archi-img-part,[lang="ar"] .archi-img-part {
        width: 100%!important;
        float: none!important;
        padding: 0px 0px 40px 0px!important;
    }
   .archi-heading h1,[lang="ar"] .archi-heading h1 {
        right: auto;
        text-align: center;
        width: 100%;
        left: auto;
    }
    .archi-text-part {
        width: 100%;
        float: right;
        padding: 50px 0px;
    }

    .archi-heading {
        justify-content: center;
        flex-direction: column;
    }

    .archi-heading h1 {
        left: 0;
        right: 0;
        margin: auto;
        text-align: center;
        text-transform: capitalize;
    }

    .home-main-heading h2 {
        font-size: 30px !important;
    }

    .a-t-l-pub-inner li {
        width: 100%;
    }

    .eror-main-sec {
        padding: 30px;
        border-radius: 10px;
        max-width: 100%;
        margin: 0px;
        width: 100%;
    }

    .eror-main-sec .alert-danger {
        padding: 10px;
        font-size: 16px;
    }
}

@media screen and (max-width: 767px) {
    .mosque-manner-main .ms-box {
        margin-top: 0px;
    }
    .ws-card-bottom {
        padding: 20px;
    }
    .route-map {
        margin-bottom: 0px!important;
    }
    .primary-btn-sec a {
        line-height: inherit;
        height: auto;
        text-align: left;
        padding-left: 20px!important;
    }
    .primary-btn-sec a img {
        width: 20px;
        height: 20px;
        object-fit: contain;
    }
    .bx_pln_itm p {
        -webkit-line-clamp: inherit;
    }
    .bx_pln_itm {
        margin-bottom: 25px!important;
    }
    .cordinate-content li {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    .souj-box .souj-content:nth-last-of-type(1) {
        margin-bottom: 0px !important;
    }

    .library-img-part {
        width: 100%;
        padding: 0px 0px 40px 0px;
    }

    .library-text-part {
        width: 100%;
    }

    .library-text-part h3 {
        text-align: center;
    }

    .primary-btn-sec {
        flex-direction: column;
        margin: 30px 0px 10px 0px;
    }

    .primary-btn-sec a {
        padding: 8px;
        margin: 10px 0px;
    }

    .trans-flex {
        width: 100%;
    }

    .my_news_repeat_content a {
        left: auto !important;
        transform: none !important;
        position: relative !important;
        right: 0 !important;
    }

    .banner-right-content {
        padding: 30px;
        text-align: center;
        margin: auto;
        display: block;
    }

    .count_dw_col {
        margin: auto;
    }

    .alery-box {
        margin-left: auto;
        margin-right: auto;
    }

    .banner-right-content h1 {
        max-width: 100%;
    }

    .main-heading-center img,
    .archi-heading img {
        width: 70px !important;
    }

    .main-heading-center h1,
    .archi-heading h1 {
        font-size: 25px;
    }

    .road-map h2 {
        font-size: 20px;
    }

    .main-heading-center {
        margin: 30px 0px 30px 0px !important;
        padding: 0px;
    }



    .ws-card-bottom h2 {
        font-size: 18px;
    }

    .archi-heading {
        flex-direction: column;
    }

    .contact-map-main-sec .h1-road h1 {
        font-size: 22px;
        padding: 30px 0px;
    }

    .contact-map iframe {
        height: 350px;
    }

    .btn-sub-contact button {
        width: auto;
        height: auto;
        font-size: 16px;
        padding: 5px 40px;
    }

    .btn-sub-contact {
        padding: 15px 0px;
    }

    .social-part-top,
    .book-visit-sec-new {
        display: none;
    }

    .book-visit-sec-new.login-sec-new {
        display: block;
        margin: 0px;
        padding: 0px;
        border: 0px;
    }

    .top-main-bar .container {
        justify-content: space-between !important;
        margin: 0 !important;
    }

    .claim-part ul {
        max-width: 100%;
    }
    .thank-you-page .bottom-buttons {
        flex-direction: column;
    }
    .thank-you-page .bottom-buttons a {
        width: 60%;
    }
    .mosque1 button.close {
        font-size: 20px;
        width: 40px;
        height: 40px;
        right: 0px;
        opacity: 2 !important;
        top: -50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    [lang="ar"] .mosque1 button.close {
        left: 0;
        right: auto;
    }
     .archi-heading h1 {
        right: auto;
        text-align: center;
        width: 100%;
        left: auto;
    }
    .flex-layout-left  .img-part {
        padding: 30px 0px!important;
        width: 100%!important;
    }
    .capcha-row {
        flex-direction: column-reverse!important;
        margin-bottom: 25px!important;
    }
    .capcha-col {
        bottom: auto;
        margin-bottom: 25px;
    }
    .exhibition-template .row {
        padding: 0px !important;
    }
    .exhibition-template .row .img-part {
        padding: 0px !important;
    }
    .exhibition-template .resources-row .text-part {
        float: left;
        display: block;
    }
    .unseen-glimpse-form-sec .nav-tabs .nav-item,
    .sora-booking-form-sec .nav-tabs .nav-item {
        width: 100%!important;
    }
    .sora-booking-form-sec .step-form-tabs li a:after {
        width: 100%!important;
    }
    .souj-content {
        border-radius: 20px;
        padding: 20px;
      }
      .arabic-btn.souj-button.wrap-100.py-40 {
        margin-top: 40px;
      }
      .strategicplan-main {
        padding: 0px 0px 40px 0px;
      }
      .strategicplan-main .pt-5, .strategicplan-main .py-5 {
        padding-top: 0px!important;
      }
      .walkway {
        padding-bottom: 0px;
        max-width: 100%;
    }
    .visti-hour-2 {
        padding: 30px 0px !important;
      }
      .visti-hour-2 h1 br {
        display: none;
      }
      .main-serv .col-lg-4:nth-last-of-type(1) {
        margin-bottom: 0px;
    }
    .date h2 {
        margin-bottom: 1rem;
    }
    .date h2 span {
        font-size: 24px !important;
    }
    .sec-news-1 {
        padding-bottom: 40px;
    }
    .nubering-news {
        padding-top: 0px;
    }
    .nubering-news .p-my-pagination li {
        border-radius: 6px!important;
        border: none!important;
        width: 40px!important;
        height: 40px!important;
      }
      .press-content {
        padding: 20px;
    }
    .press-content h2 {
        font-size: 20px;
        padding: 10px 0px;
    }
    .a-t-l-pub-inner ol {
        padding: 0px;
    }
    .a-t-l-pub-inner ol ol {
        padding: 0px 0px 0px 20px;
    }
    .exlent-location-sec p {
        max-width: 100%;
    }
    .resources-row .img-part {
        padding: 0px!important;
    }
    .l-s-top-content {
        text-align: left!important;
      }
      .l-s-sec2 h2 {
        font-size: 24px;
    }
    .ev-edit-p {
        padding: 0 0 20px 0 !important;
    }
    .pb-80:has(.archi-text-part) .archi-text-part {
        padding-bottom: 0px;
    }
    .archi-text-part h2,.ramadan-activities-main-page .resources-row h4, .ramadan-activities-main-page .resources-row h3, .resources-row h2 {
        font-size: 22px;
    }
    .quiran-section {
        padding-bottom: 0px;
    }
    .ramadan-facts-main {
        margin: 0px auto 40px auto;
    }
    .exhibition-template .row:nth-child(even) .img-part {
        padding: 0px!important;
    }
    .news-detail-main-sec {
        margin: 40px 0px;
    }
    .news-main p {
        font-size: 14px;
        line-height: 30px;
    }
    .coming_soon_page h1 {
        font-size: 30px;
      }
      .app_icon {
        padding: 0px!important;
        flex-direction: column!important;
        width: 100%!important;
      }
      .app_icon img {
        width: 200px;
      }
}

@media (min-width: 576px) {
    .otp-modal-main-sec .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }
    #activity-modal  .modal-dialog {
        max-width: 65%;
    }
}

@media screen and (max-width: 576px) {
    a#btnCancel {
        margin-bottom: 15px!important;
    }
    .strategicplan-main .pt-5, .strategicplan-main .py-5 {
        padding-top: 2rem !important;
    }
    .footer-col-2 {
        padding: 0px;
    }
    .footer-col-3 {
        padding-top: 0px;
    }
    .research-list.research-list-2 .banner-box, .research-list:nth-child(2) .banner-box {
        flex: 0 0 18%;
        margin-right: 20px;
    }
    .plan-btn-sec a {
        padding: 12px 30px;
        margin-top: 30px;
        font-size: 12px;
    }
    #speedControl {
        bottom: -12px;
        margin-left: 60px;
        font-size: 12px!important;
    }
    .overlay-visit {
        padding: 20px;
    }
    .cordinate-content h3 {
        font-size: 20px;
    }
    .archi-layout.py-40 {
        padding-bottom: 0px !important;
    }
    .arabic-btn.souj-button.py-40 {
        padding: 0px!important;
    }
    .foot-social {
        justify-content: center!important;
        margin-top: 0px!important;
    }
    .terms-privacy {
        text-align: center;
    }
    .copyright p {
        text-align: center;
        font-size: 12px;
    }
    .archi-text-part {
        padding: 0px 0px 30px 0px;
    }
    .archi-heading h1 {
        font-size: 25px;
    }

    .home-main-heading h2 {
        font-size: 25px !important;
    }

    .left-position-icons {
        top: auto !important;
        bottom: 0px !important;
    }

    .ws-card-sec .col-lg-4 {
        flex: 0 0 auto;
        width: 100% !important;
        max-width: 100%;
    }
    /* .ws-card-img img {
  height: auto!important;
} */
    .main-heading-center h1 {
        font-size: 22px;
        margin-top: 10px;
    }

    .main-heading-center img,
    .archi-heading img {
        width: 50px !important;
    }

    .working-hours-sec td,
    th {
        min-width: 180px;
    }

    .working-hours-sec th {
        font-size: 14px !important;
    }

    .flex-layout-left p,
    .flex-layout-left li,
    .cm-flex-layout p,
    .cm-flex-layout strong,
    .s-p-service-box ul li,
    .fs-content p,
    .center-link-sec a,
    .ms-box p,
    .serv-box p,
    .serv-box a,
    .s-right p,
    .getting-mosque-comun .row .text-part strong,
    .s-right a,
    .evg-content a,
    .archi-layout strong,
    .archi-text-part p,
    .archi-text-part li,
    .walkway p,
    .walkway li,
    .faq-content p,
    .box-trans p,
    .box-trans a,
    .arabic-btn a,
    .content p,
    .rp-right-bottom a,
    .press-content p,
    .press-content a,
    .a-t-l-pub-inner li,
    .library-text-part li,
    .exlent-location-sec p,
    .library-publication-section ul li,
    .resources-row .text-part p,
    .resources-row a,
    .l-s-top-content p,
    .l-s-top-content ul li,
    .l-s-service-box h2,
    .l-s-service-box a,
    .publication-books .col-lg-3 h6,
    .publication-description-sec,
    .ev-edit-p p,
    .archi-layout a,
    .new-holy-page p,
    .hirji-calendar-main-page .text-sec p,
    .hirji-calendar-main-page a,
    .resources-row li,
    .faq-content ul li,
    .l-s-top-content ul li a,
    .ramdan-month-sec p {
        font-size: 14px !important;
        line-height: 30px !important;
    }

    .visti-hour-2 h1,
    .library-text-part h3,
    .exlent-location-sec h2,
    .library-publication-section h2 {
        font-size: 25px !important;
        line-height: 25px;
    }

    .eror-main-sec .img-sec {
        max-width: 80px;
    }

    .noti-flex .text-part img,
    .close-part img {
        width: 15px;
    }

    .noti-flex .text-part p {
        font-size: 12px;
        line-height: normal;
    }

    .claim-part ul li {
        font-size: 14px;
    }
    .thank-you-page .bottom-buttons a {
        width: 100% !important;
    }
    .divMediaRequestDetailsAcademicPurpose-add {
        margin-top: 10px;
        margin-bottom: -90px;
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-1630 {
        padding: 0px 16px!important;
    }
}

@media screen and (max-width: 575px) {
    .my_news_wrap .my_news_div {
        width: 100% !important;
    }
    .tooltip-label-big div {
        float: none!important;
    }
}