/* common css */

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}

html {
    scroll-behavior: smooth;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    color: #0E0E0E;
    font-family: 'nexaregular';
    font-weight: bold;
}

h2 {
    font-size: 50px;
    line-height: 60px;
    font-weight: 400;
}

h3 {
    font-size: 40px;
    line-height: 56px;
    font-weight: bold;
}

h4 {
    font-size: 32px;
    line-height: 35px;
    font-weight: bold;
}

body {
    font-family: 'nexaregular';
    margin: 0 auto;
    overflow-x: hidden;
}

a {
    display: inline-block;
    transition: all 0.3s linear 0s;
    font-family: 'nexabold';
    text-decoration: none;
}

a:hover {
    transition: all 0.3s linear 0s;
}

a:visited {
    color: inherit;
}

a:focus {
    outline: 0;
}

.white-btn:visited {
    color: #fff;
}

.form-control:focus {
    box-shadow: none;
    border-color: none;
}

p {
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
    color: #131313;
}


@font-face {
    font-family: 'nexaregular';
    src: url(../../../../../../../../themes/almouj/assets/fonts/fontfabric_-_nexa_regular-webfont.woff2) format('woff2'),
        url(../../../../../../../../themes/almouj/assets/fonts/fontfabric_-_nexa_regular-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'nexabold';
    src: url(../../../../../../../../themes/almouj/assets/fonts/fontfabric_-_nexa_bold-webfont.woff2) format('woff2'),
        url(../../../../../../../../themes/almouj/assets/fonts/fontfabric_-_nexa_bold-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'nexabook';
    src: url(../../../../../../../../themes/almouj/assets/fonts/fontfabric_-_nexa_book-webfont.woff2) format('woff2'),
        url(../../../../../../../../themes/almouj/assets/fonts/fontfabric_-_nexa_book-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'nexaheavy';
    src: url(../../../../../../../../themes/almouj/assets/fonts/fontfabric_-_nexa_heavy-webfont.woff2) format('woff2'),
        url(../../../../../../../../themes/almouj/assets/fonts/fontfabric_-_nexa_heavy-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: TheSansArabic;
    font-weight: 300;
    font-style: normal;
    src: url(../../../../../../../../themes/almouj/assets/fonts/TheSansArabic/TheSansArabic-Light.woff2) format("woff2"), url(../../../../../../../../themes/almouj/assets/fonts/TheSansArabic/TheSansArabic-Light.woff) format("woff")
}

@font-face {
    font-family: Canela-regular;
    font-weight: 300;
    font-style: normal;
    src: url(../../../../../../../../themes/almouj/assets/fonts/Canela-Regular.woff) format("woff")
}

.navbar-toggler {
    display: none;
}

.main-header .collapse:not(.show) {
    display: flex;
}

.form-control {
    border-radius: 5px;
    border: 1px solid #1a1831;
    background: #FFF;
    height: 50px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    padding: 8px 20px;
}

.btn {
    font-size: 23px;
    line-height: 35px;
    font-weight: 400;
    color: #131313;
    border: 1px solid #061038;
    background: transparent;
    border-radius: 6px;
    min-width: 320px;
    padding: 12px 16px;
    /* text-transform: capitalize; */
}

.btn:focus {
    background: #1a1831 !important;
    color: #fff !important;
    border-color: #1a1831 !important;
}

.btn:hover {
    background: #1a1831;
    color: #fff;
    border-color: #1a1831;
}

.white-btn {
    border-color: #fff;
    color: #fff;
}

.white-btn:hover {
    background: #fff;
    color: #1a1831;
    border-color: #fff;
}

.gray-bg {
    background-color: rgb(196 183 169 / 11%);
}

.white-btn:focus {
    background: #fff !important;
    color: #1a1831 !important;
    border-color: #fff !important;
}

.white-line {
    width: 100%;
    height: 1px;
    background: rgb(255 255 255 / 50%);
    margin: 110px 0 45px 0;
}


.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
    background-color: #1a1831;
    color: #fff;
}



/* search section */

.search-section {
    padding: 30px 60px;
    background: #1a1831;
    margin-top: -110px;
    position: relative;
    transition: all 0.3s linear 0s;
}

.search-section.show {
    margin-top: 0;
    transition: all 0.3s linear 0s;
}

.search-section form {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.search-form {
    display: flex;
    gap: 30px;
    width: 100%;
    padding-right: 200px;
}

.search-btn {
    padding: 10px 16px;
    font-size: 16px;
    border: 1px solid #fff;
    color: #fff;
    background: transparent;
    border-radius: 5px;
    text-transform: uppercase;
    min-width: 160px;
    text-align: center;
}

.search-btn:hover {
    background: #fff;
    color: #1a1831;
    transition: all 0.3s linear 0s;
}

.search-close {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.search-close i {
    color: #fff;
    transition: all 0.3s linear 0s;
}

.search-close:hover {
    background: #fff;
    transition: all 0.3s linear 0s;
    border-color: #fff;
}

.search-close:hover i {
    color: #1a1831;
    transition: all 0.3s linear 0s;
}


/* header section */

.main-header {
    transition: all 0.3s linear 0s;
    padding: 26px 0;
    top: 0;
    left: 0;
    width: 100%;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 999;
    background: #fff;
}

.header-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.navbar-collapse {
    padding: 0 15px;
    justify-content: center;
}

.logo-band a img {
    max-width: 101px;
}

.main-menu {
    display: flex;
    /* gap: 60px; */
    margin: 0;
    padding: 0;
    flex-flow: row;
}

.main-menu li {
    list-style-type: none;
}
.main-menu li .dropdown-toggle{
    position: relative;
    top: 0;
    right: 23px;
}

.main-menu li a {
    text-decoration: none;
    color: #1A182F;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 20px 30px;
}

.right-menu ul {
    display: flex;
    gap: 20px;
    margin: 0;
    padding: 0;
    align-items: center;
}

.right-menu li {
    list-style-type: none;
}

.right-menu li a {
    text-decoration: none;
    color: #061038;
}

.contact-btn {
    padding: 13px 16px;
    font-size: 15px;
    line-height: 22px;
    background: transparent;
    color: #061038;
    border: 1px solid #292929;
    border-radius: 6px;
    text-transform: uppercase;
    font-weight: bold;
    min-width: 158px;
    text-align: center;
}

.contact-btn:hover {
    background: #1a1831;
    color: #fff;
}

.right-menu li .search_icon {
    width: 22px;
}


/* dropdown css */

.main-menu li a {
    position: relative;
    transition: all 0.3s linear 0s;
}

.main-menu li a .caret {
    margin-left: 5px;
}

.main-menu>li>a:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #B4975A;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    opacity: 0;
    transition: all 0.3s linear 0s;
}

.main-menu>li>a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 5px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    background: #B4975A;
    opacity: 0;
    transition: all 0.3s linear 0s;
    z-index: 2;
}

.main-menu li a:hover:after,
.main-menu li a:hover:before {
    opacity: 1;
    transition: all 0.3s linear 0s;
}

.navbar-nav .dropdown-menu {
    display: none;
    flex-direction: row;
    position: absolute;
    top: 78%;
    width: 100%;
    left: 0;
    background: #F9F7F6;
    flex-wrap: wrap;
    justify-content: center;
    padding: 28px 15px;
    border-radius: 0;
    transition: all 0.3s linear 0s;
    border: 0;
    z-index: 1;
}

.main-menu li:hover .dropdown-menu {
    display: flex;
    transition: all 0.3s linear 0s;
}

.dropdown-menu {
    font-size: 17px;
    color: #312C2C;
    text-transform: capitalize;
}

.navbar-nav .dropdown-menu li a {
    text-decoration: none;
    color: #1A182F;
    font-size: 15px;
    font-weight: bold;
    text-transform: capitalize;
    letter-spacing: 2px;
    padding: 0;
    transition: all 0.3s linear 0s;
}

.navbar-nav .dropdown-menu li a:hover {
    color: #B4975A;
    transition: all 0.3s linear 0s;
}

.navbar-nav .dropdown-menu li:last-child {
    border-right: 0;
}

.navbar-nav .dropdown-menu li {
    padding: 0px 15px;
    border-right: 1px solid #B4975A;
    min-width: 176px;
    text-align: center;
    transition: all 0.3s linear 0s;
}

/* dropdown css */


/* lan-chng css */
.lan-chng.menu-btn {
    background: transparent;
    border: 0;
    padding: 0;
}

.lan-chng.menu-btn .wpml-ls-legacy-dropdown {
    width: auto;
}

.wpml-ls-legacy-dropdown a {
    border: 0;
    font-size: 15px;
    color: #1A182F;
}

.wpml-ls-legacy-dropdown a:hover {
    background: transparent;
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {
    background: #eee;
}

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:before {
    content: "";
    position: absolute;
    background: var(--wpr-bg-8caab6af-e77f-46f4-8fba-be23e5baa3e7);
    background-size: contain;
    width: 16px;
    height: 8px;
    background-repeat: no-repeat;
    border: 0;
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    right: 5px;
    top: 10px;
}

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    display: none;
}

/* lan-chng css */


.right-menu li {
    position: relative;
}

.floating-social .socialWrap a:hover {
    transform: scale(1.1) translateY(-3px);
}

.floating-social {
    background-color: #fff;
    justify-content: center;
    box-shadow: 0 0 11px #eee;
    padding: 15px 20px;
    border-radius: 5px;
    position: absolute;
    width: 210px;
    top: 0;
    right: 0;
    display: none;
}

.floating-social.open {
    display: block;
}

.floating-social.open a:nth-child(4) a {
    transition-delay: 150ms
}

.floating-social.open a:nth-child(3) a {
    transition-delay: 100ms
}

.floating-social.open a:nth-child(2) a {
    transition-delay: 50ms;
}

.floating-social.open a:nth-child(1) a {
    transition-delay: 0ms;
}

.not-found-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 40px 0;
}

/* .not-found-wrapper img {
    max-width: 466px;
} */
.not-found-section {
    padding: 100px 0;
    background: rgb(196 183 169 / 11%);
}

.socialWrap a {
    display: block;
    fill: #000;
    width: 24px;
    height: 24px;
    opacity: 1;
    transition: all 150ms;
    transform: scale(1);
    margin: 0 auto;
    text-align: center;
}

.floating-social.open .socialWrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    gap: 0 10px;
}

.floating-social.open .socialWrap {
    background-color: #fff;
    justify-content: center;
    box-shadow: 0 0 11px #eee;
}




/* header sticky */
.header-sticky {
    position: fixed;
    -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
    transition: all 0.3s linear 0s;
    padding: 5px 0;
}


/* hero-slider */
.hero-slider .slick-slide {
    height: 775px;
    object-fit: cover;
}

.hero-slider .slick-slide video{
    height: 775px;
}

.latest-launch-section {
    padding: 115px 0;
}

.main-title {
    margin-bottom: 10px;
    text-align: center;
}

/* .main-title h2 {
    text-transform: capitalize;
} */

.slider-item {
    position: relative;
}

.slider-content {
    position: absolute;
    transform: translate(0, -50%);
    left: 0;
    top: 50%;
    margin-left: 15%;
    max-width: 520px;
    z-index: 2;
}

.slider-content h3 {
    color: #fff;
    margin-bottom: 70px;
}

.slider-content p {
    color: #fff;
    margin-bottom: 60px;
}

.slider-content .white-btn {
    font-size: 22px;
    line-height: 31px;
    font-weight: 300;
    padding: 20px 16px;
    text-transform: none;
    border-radius: 2px;
    min-width: 230px;
}

.slider-item img {
    width: 100%;
    height: 946px;
    object-fit: cover;
}

.slick-prev {
    left: 88px;
}

.slick-next {
    right: 88px;
}

.slick-prev:before {
    content: "";
    background: var(--wpr-bg-06fd1e57-b82c-4248-8957-4dced330fd1e);
    background-repeat: no-repeat;
    background-size: contain;
    width: 28px;
    height: 50px;
    z-index: 6;
    position: absolute;
    left: 0;
    top: 0;
}

.slick-next:before {
    content: "";
    background: var(--wpr-bg-110292ea-3b12-4e31-93d8-6573a20aaa9e);
    background-repeat: no-repeat;
    background-size: contain;
    width: 28px;
    height: 50px;
    z-index: 6;
    position: absolute;
    right: 0;
    top: 0;
}

.slick-arrow {
    position: absolute;
    width: 28px;
    height: 50px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 0;
    opacity: 1;
    text-shadow: 0 0 10px #231f20, 0 0 15px #231f20;
}



/* latest-launch-section */

.latest-launch {
    position: relative;
    z-index: 2;
}

.latest-launch .slider-item:before {
    content: "";
    background-image: var(--wpr-bg-876f72a0-b61b-48bd-b58f-ad360f008c4a);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}



/* explore-section */

.explore-section {
    padding: 180px 0 80px 0;
}


.explore-content {
    padding: 70px 25px 0 30px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}




.explore-text h4 {
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.explore-text p {
    opacity: 0;
    transition: all 0.5s ease-in-out;
}

.slick-slide.slick-active .explore-text h4 {
    opacity: 1;
    transition: all 0.8s ease-in-out;
    transition-delay: 0.5s;
}
.slick-slide.slick-active .explore-text p {
    opacity: 1;
    transition: all 0.8s ease-in-out;
    transition-delay: 0.5s;
}


.explore-text {
    max-width: 64%;
}

.explore-item img {
    width: 100%;
    height: 785px;
    object-fit: cover;
}

.explore-content .btn:hover {
    color: #fff;
}

.explore-text h4 {
    margin-bottom: 20px;
}

.explore-slider .slick-prev,
.latest-launch .slick-prev {
    left: 48px;
}

.explore-slider .slick-next,
.latest-launch .slick-next {
    right: 48px;
}

.explore-section .slick-arrow {
    top: calc(50% - 100px);
}

.explore-section .slick-prev:before,
.latest-launch .slick-prev:before {
    background: var(--wpr-bg-57dc8b92-a319-46a9-87ab-5bc82a14261c);
    background-repeat: no-repeat;
}

.explore-section .slick-next:before,
.latest-launch .slick-next:before {
    background: var(--wpr-bg-6b99a40d-5c3d-4764-a180-b189b4d21506);
    background-repeat: no-repeat;
}


/* amenities-section */

.amenities-mix-slider {
    position: relative;
}

.amenities-section {
    padding: 155px 0;
}

.amenities-item img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.amenities-text h4 {
    margin-bottom: 30px;
}

.amenities-text p {
    margin-bottom: 40px;
    max-width: 80%;
}

.amenities-section .slick-list {
    margin: 0 -12px;
}

.amenities-section .amenities-item {
    padding: 0 12px;
    height: 403px;
    width: 403px;
    transition: transform 1s ease-in-out;
}

.amenities-section .amenities-item.slick-current.slick-active {
    height: 800px;
    width: 800px;
    transition: transform 1s ease-in-out;
}

.amenities-item .amenities-wrapper {
    display: none;
}

.amenities-item.slick-current .amenities-wrapper {
    display: block;
}

.amenities-item.slick-current img {
    width: 100%;
    height: 100%;
}

.amenities-section .slick-arrow {
    top: auto;
    bottom: -28px;
    text-shadow: none;
}

.amenities-section .slick-prev:before {
    height: 28px;
    width: 35px;
}

.amenities-section .slick-next:before {
    height: 28px;
    width: 35px;
}

.amenities-slider .slick-track {
    margin-left: 20%;
}

.amenities-section .slick-prev {
    right: Calc(50% - 10px);
    height: 28px;
    width: 35px;
    left: auto;
}

.amenities-section .slick-next {
    left: auto;
    right: 46%;
    height: 28px;
    width: 35px;
}

.amenities-content {
    position: absolute;
    bottom: 50px;
    left: 7%;
    max-width: 33%;
}

.slick-dots {
    padding: 0;
    margin: 25px 0 0;
    display: flex;
    gap: 0 10px;
    width: 580px;
    justify-content: flex-end;
    margin-left: auto;
    padding-right: Calc(0 - 0px);
}


.slick-dots li button {
    border: 0;
    background: transparent;
    font-size: 0;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    border: 1px solid #707070;
}

.slick-dots li {
    list-style-type: none;
    display: flex;
}

.slick-dots .slick-active button {
    background: #061038;
    border-color: #061038;
}




/* masterplan-section */

.masterplan-section {
    position: relative;
}

.blue-band {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.blue-wrapper {
    background: #060F38;
    padding: 26px 0;
}

.blue-band h4 {
    color: #fff;
    text-transform: capitalize;
}

.masterplan-section iframe {
    width: 100%;
    height: 847px;
    vertical-align: middle;
}




/* central-section */

.central-section {
    padding: 110px 0;
}

.box-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 0;
    justify-content: center;
}

.box-content {
    padding: 45px 20px;
    /* display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; */
    background: #FCFBFA;
    /* height: 283px; */
    width: 16.66%;
    text-align: center;
}

.box-wrapper .box-content:nth-child(even) {
    background-color: rgb(196 183 169 / 11%);
}

/* .box-icon img {
    width: auto;
    height: 47px;
    object-fit: contain;
} */

.box-icon {
    margin-bottom: 10px;
    height: 70px;
    line-height: 70px;
}

.box-text {
    font-size: 22px;
    line-height: 35px;
    color: #131313;
    /* min-height: 108px; */
}


/* footer section */

.footer-bottom {
    background: #30261E;
    padding: 30px 0;
}

.brought-wrapper {
    display: flex;
    flex-direction: column;
}

.brought-wrapper .fst-text {
    color: #8A847F;
    font-size: 14px;
    margin: 0 0 20px 0;
}

.brought-band {
    gap: 0 30px;
    display: flex;
}

.brought-band {
    gap: 0 45px;
    display: flex;
}

.brought-sec {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.brought-sec p {
    color: #928C88;
    font-size: 19px;
    margin: 0;
}

.footer-top {
    padding: 110px 0 32px 0;
}


.footer-logo {
    margin-bottom: 45px;
}

.footer-logo-sec p {
    font-size: 21px;
    line-height: 35px;
    color: #312C2C;
    margin-bottom: 30px;
}


.footer-logo-sec ul {
    padding: 0;
    margin: 0;
    display: flex;
    gap: 0 15px;
}

.footer-logo-sec ul li {
    list-style-type: none;
}

.footer-logo-sec ul li a {
    color: #C4B7A9;
    background-color: #30261E;
    width: 32px;
    height: 32px;
    border-radius: 3px;
    text-decoration: none;
    display: flex;
    font-size: 16px;
    align-items: center;
    justify-content: center;
}
.footer-logo-sec ul li a svg{
    fill: #C4B7A9;
}

.footer-logo-sec ul li a:hover {
    background: #1A182F;
}

.footer-links ul {
    padding: 0;
    margin: 0;
    display: flex;
    gap: 10px;
    flex-direction: column;
}

.footer-links h5 {
    text-transform: capitalize;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 21px;
    line-height: 35px;
    color: #312C2C;
}
.footer-links h5 a{
    font-family: inherit;
    color: #312C2C;
}

.footer-links ul li {
    list-style-type: none;
}

.footer-links ul li a {
    text-decoration: none;
    font-family: 'nexabook';
    font-size: 17px;
    cursor: pointer;
}

.footer-links ul li a:hover {
    color: #1A182F;
}

.footer-links ul li a {
    color: #312C2C;
}

.footer-wrapper {
    display: flex;
    justify-content: space-between;
}

footer {
    background-color: #C4B7A9;
}

.subscribe-sec .input-form {
    display: flex;
    gap: 0 25px;
}

.subscribe-sec {
    padding-left: 25%;
}

.subscribe-sec h5 {
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 21px;
    line-height: 35px;
    color: #312C2C;
}

.subscribe-sec .form-control {
    border-color: #707070;
    max-width: 434px;
    border-radius: 0;
    height: 59px;
    line-height: 59px;
    font-size: 21px;
    padding: 13px 24px;
}

.subscribe-sec .input-blk {
    max-width: 434px;
    width: 100%;
}

.show_msg {
    color: green;
    padding: 5px 0;
}

.subscribe-sec .form-control::placeholder {
    color: #7B7B7B;
    font-weight: bold;
}

.subscribe-sec .btn {
    font-size: 21px;
    line-height: 35px;
    color: #231F20;
    border-color: #2D2828;
    border-radius: 0;
    font-weight: bold;
    height: 59px;
    background: transparent;
}

.subscribe-sec .btn:hover,
.subscribe-sec .btn:focus {
    border-color: rgba(180, 151, 90, 1);
    color: #231F20;
}



/* top_button */

#top_button {
    display: inline-block;
    background-color: #B4975A;
    width: 50px;
    height: 50px;
    z-index: 99;
    border-radius: 50px;
    text-decoration: none;
    visibility: hidden;
    cursor: pointer;
    text-align: center;
    position: fixed;
    bottom: 20px;
    right: 20px;
    box-shadow: 0px 3px 12px rgb(0 0 0 / 8%);
    opacity: 0;
    transition: background-color .3s, opacity .5s, visibility .5s;
}

#top_button.show {
    opacity: 1;
    visibility: visible;
}

#top_button::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 1.5em;
    line-height: 55px;
    color: #fff;
}


/* drop down */

.nice-select:after {
    background: var(--wpr-bg-e6116d1f-36b7-49fb-917e-23cfcae97e27);
    background-size: contain;
    width: 15px;
    height: 8px;
    background-repeat: no-repeat;
    border: 0;
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    right: 5px;
}

.nice-select.open:after {
    transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    margin-top: -8px;
}

.nice-select {
    border: 1px solid transparent;
}

.nice-select:hover {
    border-color: transparent;
}

.nice-select .list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    min-height: auto;
}

.nice-select .option {
    width: 100%;
}

.nice-select span.current {
    color: #1A182F;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
}

.nice-select:active,
.nice-select.open,
.nice-select:focus {
    border-color: transparent;
}

.otgs-development-site-front-end {
    display: none;
}

.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
    display: none;
}


/* Hotel page css */

.intro-section {
    text-align: center;
    padding: 100px 0;
}

.intro-section .btn-wrapper .btn {
    text-transform: inherit;
}

.zigzag-section {
    padding: 100px 0;
    background: rgba(196, 183, 169, 0.11);
}

.zigzag-section .zigzag-img {
    width: 100%;
    padding: 0;
    max-width: 773px;
    min-width: 773px;
    height: 436px;
    object-fit: cover;
}



.zigzag-section h2 {
    padding: 0 0 20px;
}

.zigzag-section p {
    padding: 0 0 20px;
    /* max-width: 505px; */
}

.zigzag-section .rating-img {
    margin: 0 0 30px;
}

.zigzag-section .img-blk {
    min-height: 60px;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.title {
    font-size: 32px;
    line-height: 35px;
    font-weight: 700;
    color: #0E0E0E;
    padding: 0 0 20px;
}

.title .separator-line {
    height: 6px;
    width: 50px;
    background: #061038;
    display: inline-block;
    margin: 0 10px 6px;
}

.sub-title {
    font-size: 28px;
    line-height: 35px;
    font-weight: 700;
    color: #0E0E0E;
    position: relative;
    padding: 90px 0 15px;
    margin: 0 0 50px;
}

.sub-title:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 195px;
    background: #707070;
    left: 0;
    bottom: 0;
}

.zigzag-section .amenities-list {
    display: flex;
    justify-content: space-between;
}

.zigzag-section .amenities-list li {
    width: 18%;
}

.zigzag-section .amenities-list li h4 {
    font-size: 22px;
    font-weight: 400;
    line-height: 35px;
    color: #131313;
    padding: 30px 0 0 0;
    max-width: 60%;
}

.zigzag-section-even {
    background: #fff;
}

.zigzag-section-even .zigzag-img {
    width: 100%;
    padding: 0;
}


.zigzag-section .content-blk {
    padding: 0 80px 0 0;
}

.zigzag-section-even .content-blk {
    padding: 0 0 0 80px;
}


.zigzag-section .content-wrap {
    max-width: 1370px;
    margin: 0 auto;
}

.post,
.page {
    margin: 0;
}

.search-form .form-control {
    padding: 10px 15px;
}

/* Lifestyle page css */
.lifestyle-section {
    padding: 0;
}

.lifestyle-section .content-blk {
    padding: 0 12%;
}

.lifestyle-section .zigzag-img {
    padding: 0;
    max-width: inherit;
    min-width: inherit;
    min-height: 658px;
    max-height: 658px;
    object-fit: cover;
}





/* Businesspark page css */
.intro-section-business p {
    padding: 0 0 40px;
}

.intro-section-business .btn {
    padding: 12px 60px;
}

.zigzag-section-business {
    background: #fff;
}

.zigzag-section-business .zigzag-img{
    min-height: inherit;
    max-height: inherit;
}

.zigzag-section-business p {
    padding: 0;
    margin: 0;
}

.zigzag-section-business .row {
    background: #071138;

}

.zigzag-section-business-even .row {
    background: #14B7AD var(--wpr-bg-91d9cd41-20cd-4d8b-92f1-7cca9606f8a7) no-repeat left 20px bottom -130px;
}

.zigzag-section-business h2 {
    color: #fff;
}

.zigzag-section-business p {
    color: #fff;
}

.zigzag-section-business .container {
    max-width: 1260px;
}

.zigzag-section-business .service-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #fff;
    margin: 0 0 10px;
    padding: 5px 0;
}

.zigzag-section-business .service-list li:last-child {
    border: 0;
}

.zigzag-section-business .service-list li .img-blk {
    width: 20%;
}

.zigzag-section-business .service-list li .cont-blk {
    width: 80%;
}

.businesspark-slider-section .slick-slide {
    height: 785px;
    object-fit: cover;
}

.businesspark-slider-section {
    padding: 100px 0;
}

.businesspark-slider-section .slick-prev:before {
    background: var(--wpr-bg-75ba3074-f5a0-494b-90b5-bec9ed32700c);
}

.businesspark-slider-section .slick-next:before {
    background: var(--wpr-bg-52d4ff26-af2c-4ec4-a562-6105e6fec359);
}

.businesspark-slider-section .slick-prev {
    left: 50px;
    top: 50%;
}

.businesspark-slider-section .slick-next {
    right: 50px;
    top: 50%;
}

.businesspark-slider-section .title {
    font-size: 42px;
    color: #061038;
    font-family: 'nexaregular';
    font-weight: 400;
    text-align: center;
}


/* Residences page css */
.living-section {
    background: #fff;
    position: relative;
    z-index: 2;
    padding: 0 0 80px;
}

.living-section:after {
    content: "";
    position: absolute;
    height: 78%;
    width: 100%;
    background: rgb(196 183 169 / 11%);
    top: auto;
    bottom: 0 !important;
}

.living-section .living-slider {
    z-index: 2;
}

.living-section .sub-title {
    padding: 0 0 15px;
}




.living-section h4 {
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.living-section p {
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.living-section .btn {
    opacity: 0;
    transition: all 0.5s ease-in-out;
}

.living-section .slick-slide.slick-active h4 {
    opacity: 1;
    transition: all 0.8s ease-in-out;
    transition-delay: 0.5s;
}
.living-section .slick-slide.slick-active p {
    opacity: 1;
    transition: all 0.8s ease-in-out;
    transition-delay: 0.5s;
}
.living-section .slick-slide.slick-active .btn {
    opacity: 1;
    transition: all 0.8s ease-in-out;
    transition-delay: 0.5s;
}





.living-section .slick-arrow {
    top: calc(50% - 160px);
}

.living-section .slick-prev {
    left: 50px;
}

.living-section .slick-next {
    right: 50px;
}

.living-section .slick-dots {
    padding-right: 0;
    position: absolute;
    bottom: 35%;
    left: auto;
    right: auto;
    justify-content: center;
    width: 100%;
}

.living-section .slick-dots li button {
    border: 1px solid #061038;
}

.living-slider .explore-content {
    max-width: 1360px;
    margin: 0 auto;
    padding: 70px 15px 30px;
}

.living-section p {
    margin: 0;
}

.slick-slide:focus {
    outline: 0;
}

.villas-section {
    padding: 100px 0;
}

.villas-section .row {
    max-width: 1360px;
    margin: 0 auto;
}

.villas-section p {
    padding: 0 0 30px;
}

.villas-section .sub-title {
    padding: 0 0 15px;
}

.villas-section .slick-arrow {
    bottom: -40px;
}

.villas-section .slick-next {
    left: auto;
    right: 87%;
    height: 28px;
    width: 35px;
    top: auto;
    transform: inherit;
    bottom: -26px;
}

.villas-section .slick-prev {
    right: Calc(95.9% - 10px);
    height: 28px;
    width: 35px;
    left: auto;
    top: auto;
}

.villas-section .slick-dots {
    position: relative;
    bottom: -10px;
}

.villas-section-even .slick-prev {
    right: Calc(95.8% - 10px);
}

.villas-section-even .slick-next {
    right: 87%;
}

.villas-section-even .slick-dots {
    margin-left: auto;
    padding-left: 0;
    margin-right: 0;
    justify-content: flex-end;
}

.villas-section-even {
    background: rgba(196, 183, 169, 0.11);
}

.villas-section .con-blk {
    padding-right: 80px;
}

.villas-section-even .con-blk {
    padding-left: 80px;
}



.villas-section .title {
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.villas-section p {
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.villas-section .btn {
    opacity: 0;
    transition: all 0.5s ease-in-out;
}

.villas-section .slick-slide.slick-active .title {
    opacity: 1;
    transition: all 0.8s ease-in-out;
    transition-delay: 0.5s;
}
.villas-section .slick-slide.slick-active p {
    opacity: 1;
    transition: all 0.8s ease-in-out;
    transition-delay: 0.5s;
}
.villas-section .slick-slide.slick-active .btn {
    opacity: 1;
    transition: all 0.8s ease-in-out;
    transition-delay: 0.5s;
}


p br {
    display: none;
}










/* invest-in-oman page css start */
.invest-list-section {
    padding: 100px 0;
}

/* .invest-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
} */

.invest-band {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.invest-list li {
    width: Calc(100% - 35px);
    padding: 20px 0;
    border-top: 1px solid #B9B09A;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
}

.invest-list li:nth-last-child(1),
.invest-list li:nth-last-child(6) {
    border-bottom: 1px solid #B9B09A;
}

.invest-content h5 {
    font-size: 22px;
    margin-bottom: 5px;
    font-weight: 600;
    /* font-family: 'nexaheavy'; */
    font-weight: normal;
    color: #7A6B47;
}

.invest-content p {
    color: #7A6B47;
    margin-bottom: 0;
    font-size: 20px;
}

.invest-content {
    width: Calc(100% - 70px);
}

.invest-numbers {
    background: #D5CEC0;
    width: 70px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7B6C46;
    min-height: 100px;
    font-size: 35px;
}

.top-title h2 {
    color: #B9B09A;
    text-align: center;
    margin-bottom: 45px;
    font-family: 'nexaregular';
    font-weight: 400;
}

/* invest-in-oman page css close */






/* FAQ page css */
.accordion-section {
    padding: 60px 0 100px;
}

.accordion-section .title {
    text-align: center;
}

.accordion-section .accordion-content-wrap {
    max-width: 1180px;
    margin: 0 auto;
}

.accordion-section .accordion-button {
    background: #fff;
    font-size: 20px;
    line-height: 30px;
    color: #231F20;
    border: 0;
    padding: 18px 15px;
    font-family: 'nexaregular';
    box-shadow: none;
    font-weight: 400;
    border-radius: 0;
}

.accordion-section .accordion-item {
    border: 1px solid #C3C3C3;
    margin-bottom: 20px;
    border-radius: 0 !important;
}

.accordion-section .accordion-item:last-child {
    border: 1px solid #C3C3C3;
}

.accordion-section .accordion-item p {
    font-size: 18px;
    color: #231F20;
}

.accordion-section .form-block .col-lg-4 {
    width: 277px;
}

.accordion-section .form-block .col-lg-8 {
    width: Calc(100% - 277px);
}

.accordion-section .accordion-button:not(.collapsed)::after {
    background: var(--wpr-bg-6eef2402-af27-4465-b08a-2fefe0a74a56) no-repeat center center;
}

.accordion-section .accordion-button:after {
    background: var(--wpr-bg-e42d9735-9383-4a2c-9c4f-2a4590ac3029) no-repeat center center;
    transition: none;
}



.accordion-section .accordion {
    padding: 0 0 70px;
    margin: 0 0 70px;
    border-bottom: 1px solid #707070;
}

.accordion-section .accordion:last-child {
    margin: 0;
    padding: 0;
}

.accordion-section .form-select {
    background: none;
    border: 1px solid #C3C3C3;
    border-radius: 0;
    height: 55px;
    font-size: 20px;
    color: #231F20;
    width: 100%;
}

.accordion-section .search-form .form-control::-ms-input-placeholder {
    /* Edge 12-18 */
    color: #231F20;
}

.accordion-section .search-form .form-control::placeholder {
    color: #231F20;
}

.accordion-section .nice-select {
    height: auto;
    /* white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis; */

}

.accordion-section .nice-select::-webkit-scrollbar {
    display: none;
}



.accordion-section .nice-select:after {
    right: 15px;
}

.accordion-section .nice-select:focus {
    box-shadow: none;
}

.accordion-section .nice-select span.current {
    text-transform: inherit;
    font-size: 20px;
    color: #000;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
    display: block;

}

.accordion-section .nice-select .option.selected {
    font-weight: 400;
}

.accordion-section .nice-select.open .list {
    width: 100%;
}

.accordion-section .search-form {
    display: flex;
    align-items: center;
    position: relative;
    padding: 0;
    gap: 20px;
}

.accordion-section .search-form .form-control {
    width: 100%;
    font-size: 20px;
    line-height: 55px;
    color: #231F20;
    height: 55px;
    padding: 14px 50px 14px 15px;
    border-radius: 0;
    border: 1px solid #C3C3C3;
}

.accordion-section .search-form .form-control:focus {
    border: 1px solid #C3C3C3;
}

.accordion-section .search-form .btn {
    position: absolute;
    top: 10px;
    right: 15px;
    height: auto;
    padding: 0;
    border: 0;
    min-width: auto;
    color: #061038;
    font-size: 18px;
}

.accordion-section .search-form .btn:hover {
    background: transparent;
    color: inherit;
}

.accordion-section .form-block {
    padding: 0 0 100px;
}

.accordion-section .or-text {
    font-size: 20px;
    color: #231F20;
}

.accordion-section .accordion-last {
    padding: 0;
    margin: 0;
    border: 0;
}

/* .lan-chng{
    display: none;
} */




.contact-section {
    padding: 100px 0;
}

.contact-section .form-control {
    font-size: 20px;
    line-height: 23px;
    color: #231F20;
    padding: 15px 15px;
    height: auto;
    border: 1px solid #C3C3C3;
}

.contact-section .form-control:focus {
    border: 1px solid #C3C3C3;
}

.contact-section .form-control::placeholder {
    color: #231F20;
}

.contact-section .form-blk {
    max-width: 800px;
    margin: 0 auto;
}

.contact-section .form-select {
    background: none;
    border: 1px solid #C3C3C3;
    border-radius: 0;
    font-size: 20px;
    color: #000;
    width: 100%;
}

.contact-section .nice-select {
    height: auto;
}

.contact-section .nice-select:after {
    right: 15px;
}

.contact-section .nice-select:focus {
    box-shadow: none;
}

.contact-section .nice-select span.current {
    text-transform: inherit;
    font-size: 20px;
    color: #231F20;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
    display: block;
}

.contact-section .nice-select .option.selected {
    font-weight: 400;
}

.contact-section .list {
    width: 100%;
    margin-left: 0;
}

.contact-section .submit {
    padding: 7px 16px;
}

.contact-section .title {
    text-align: center;
}

.contact-section .text-fst {
    text-align: center;
}

.contact-section .tab-pane:focus {
    outline: 0;
}

.contact-section .nav-tabs {
    border: 0;
    max-width: 1000px;
    justify-content: center;
    margin: 0 auto 30px;
    border-bottom: 1px solid #707070;
}

.contact-section .nav-tabs .nav-link {
    background: transparent;
    font-size: 20px;
    color: #231F20;
    border: 0;
    transition: none;
}

.contact-section .nav-tabs .nav-link:hover,
.contact-section .nav-tabs .nav-link:focus {
    border: 0;
    border-bottom: 8px solid #B4975A;
}

.contact-section .nav-tabs .nav-item.show .nav-link,
.contact-section .nav-tabs .nav-link.active {
    background: transparent;
    border: 0;
    border-bottom: 8px solid #B4975A;
    outline: 0;
}

.contact-section .nav-tabs .nav-item {
    margin: 0 40px;
}

.contact-section p {
    width: 100%;
    font-size: 20px;
    /* margin: 0px; */
}

.contact-section .list {
    height: 170px;
    overflow-y: scroll;
}

.contact-section .btn {
    padding: 6px 16px;
    background: transparent;
    line-height: 44px;
    border: 1px solid #061038;
    color: #131313;
    border-radius: 6px;
    min-width: 286px;
}

.contact-section .btn:hover {
    background: #1a1831;
    color: #fff;
}

.wpcf7-not-valid-tip {
    font-size: 16px;
}

.contact-section .wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    color: #46b450;
    margin: 0;
}



.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    display: none;
}

/* .wpcf7 form .wpcf7-response-output{
    display: none;
} */


/* The container */
.contain {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 0;
    line-height: normal;
    cursor: pointer;
    font-size: 18px;
    color: #231F20;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.contain input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #fff;
    border: 1px solid #C3C3C3;
}

/* When the checkbox is checked, add a blue background */
.contain input:checked~.checkmark {
    background-color: #1a1831;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.contain input:checked~.checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.contain .checkmark:after {
    left: 7px;
    top: 3px;
    width: 6px;
    height: 11px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}






/* The container */
.wpcf7-list-item label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 15px;
    line-height: normal;
    cursor: pointer;
    font-size: 18px;
    color: #231F20;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.wpcf7-list-item label p {
    font-size: 18px;
    color: #231F20;
}

.wpcf7-list-item label p a {
    color: #231F20;
    text-decoration: underline;
}


.wpcf7-list-item label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}


.wpcf7-list-item-label {
    position: absolute;
    top: 2px;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #fff;
    border: 1px solid #C3C3C3;
}


.wpcf7-list-item label input:checked~.wpcf7-list-item-label {
    background-color: #1a1831;
}


.wpcf7-list-item-label:after {
    content: "";
    position: absolute;
    display: none;
}


.wpcf7-list-item label input:checked~.wpcf7-list-item-label:after {
    display: block;
}


.wpcf7-list-item label .wpcf7-list-item-label:after {
    left: 7px;
    top: 3px;
    width: 6px;
    height: 11px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.wpcf7-list-item {
    margin: 0;
}







.map-section .map-info-blk::-webkit-scrollbar {
    width: 7px;
}

.map-section .map-info-blk::-webkit-scrollbar-track {
    background-color: #ebebeb;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

.map-section .map-info-blk::-webkit-scrollbar-thumb {
    -webkit-border-radius: 7px;
    border-radius: 7px;
    background: #B4975A;
}

.map-section {
    padding: 0 0 100px;

}

.map-section .map-section-wrap {
    max-width: 1180px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.map-section .map-info-blk {
    width: 26%;
    position: absolute;
    bottom: 0;
    left: 10px;
    text-align: left;
    background: #fff;
    max-height: calc(100% - 190px);
    overflow-y: auto;
    overflow-x: hidden;
}

.map-section .map-info-blk h3 {
    font-size: 20px;
    line-height: normal;
    padding: 10px 0;
}

.map-section .map-info-blk h4 {
    font-size: 16px;
    line-height: normal;
    padding: 10px 0;
}

.map-section .map-info-blk p {
    font-size: 16px;
    line-height: 24px;
    padding: 15px 0;
    margin: 0;
}

.map-section .map-info-blk .call-blk {
    padding: 10px 0 0;
    display: flex;
}

.map-section .map-info-blk img {
    margin: 0 10px 0 0;
}

.map-section .map-info-blk .call-blk .icon-blk {
    width: 15%;
}

.map-section .map-info-blk .call-blk .text-blk {
    width: 85%;
}

.map-section .map-info-blk .call-blk span {
    font-size: 16px;
    color: #131313;
}

.map-section .map-info-blk .call-blk span a {
    color: #131313;
    font-family: 'nexaregular';
}

.content-wrap {
    padding: 20px 20px;
}

.map-section .btn {
    min-width: auto;
    font-size: 16px;
    padding: 10px 30px;
    height: auto;
    line-height: normal;
    margin: 15px 0 0 0;
    width: 100%;
}

.address-section {
    padding: 100px 0 50px;
    background: rgba(196, 183, 169, 0.11);
}

.address-section .address-card {
    background: #EBE4E1;
    padding: 30px 30px;
    height: 100%;
}

.address-section .address-card p {
    font-size: 20px;
    color: #231F20;
}

.address-section .title {
    text-align: center;
}


/* Jinan Island Template  start */

.full-gallery-section {
    padding: 100px 0;
}

.full-gallery-section .title {
    font-size: 42px;
    text-align: center;
    font-weight: 400;
    color: #061038;
}

.btn-wrapper {
    display: flex;
    justify-content: center;
    gap: 15px;
    padding-top: 100px;
    flex-wrap: wrap;
}

.btn-wrapper .btn {
    background: #061038 !important; 
   color: #fff !important; 
   min-width: 386px;
}

/* .btn-wrapper .btn:hover {
    background: #fff;
    color: #061038;
} */

.full-gallery-slider .slick-slide {
    padding: 0 32px;
    height: 522px;
    object-fit: cover;
}

.full-gallery-slider .slick-slide.slick-current.slick-active {
    height: 739px;
    width: auto;
    object-fit: cover;
    transition: all 1.5s ease-in-out !important;
}

.full-gallery-slider .slick-list {
    padding: 0 -32px;
}

.payment-section {
    padding: 100px 0;
}

.payment-title {
    background: rgb(6 16 56 / 11%);
    text-align: center;
    padding: 27px 16px;
    margin-bottom: 30px;
}

.payment-box-band {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.payment-box {
    border: 1px solid #061038;
    text-align: center;
    padding: 20px;
    border-radius: 6px;
    width: 100%;
}

.payment-box span {
    font-size: 38px;
    line-height: normal;
    color: #061038;
    display: block;
    margin-bottom: 5px;
}

.payment-box-band .payment-box:nth-child(1),
.payment-box-band .payment-box:nth-child(2) {
    max-width: 390px;
}

.payment-box p {
    color: #061038;
    font-size: 26px;
    margin: 0;
}

.full-gallery-slider .slick-track {
    display: flex;
    align-items: flex-end;
}

.full-gallery-slider .slick-prev:before {
    background: var(--wpr-bg-a8f1be5b-bb8a-4483-9d38-9ad42bcd0cdc);
    background-repeat: no-repeat;
}

.full-gallery-slider .slick-next:before {
    background: var(--wpr-bg-8259aa84-b30e-4318-85ff-1ca0de448be6);
    background-repeat: no-repeat;
}

.full-gallery-slider .slick-prev {
    left: 240px;
    top: 50%;
}



.full-gallery-slider .slick-next {
    right: 240px;
    top: 50%;
}

.amenities-sec h2 {
    font-size: 42px;
    color: #061038;
}

.amenities-sec .main-title {
    margin-bottom: 10px;
}

.amenities-sec .box-content {
    width: 17.28%;
}

.amenities-sec-fst .box-content{
    width: 16.28%;
}

.intro-two-sec p {
    font-size: 26px;
    line-height: 35px;
    margin: auto auto 40px auto;
    width: Calc(100% - 85px);
}

.intro-two-sec .title {
    padding-bottom: 30px;
}

.hero-section {
    position: relative;
}

.purple-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    text-align: center;
    max-width: 435px;
    height: 214px;
    background: #3B2F54;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 10px;
}

.purple-box h5 {
    font-size: 35px;
    line-height: 47px;
    color: #fff;
    margin: 0 0 20px 0;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 4px;
}

.purple-box p {
    font-size: 16px;
    line-height: 21px;
    color: #fff;
    margin: 0;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 4px;
}

.top-title h2 {
    padding-top: 30px;
    border-top: 1px solid #B9B09A;
}

.invest-numbers img {
    width: 50px;
    height: 50px;
    object-fit: contain;
}



/* Jinan Island Template End */


/* main-gallery-section start */

.main-gallery-section {
    padding: 100px 0;
}



.main-gallery-slider .slick-slide {
    padding: 0 32px;
    height: auto;
    object-fit: cover;
}

.main-gallery-slider .slick-slide .gallery-items-title {
    opacity: 0;
}

.main-gallery-slider .slick-slide.slick-current.slick-active .gallery-items-title {
    opacity: 1;
}

.main-gallery-slider .slick-slide.slick-current.slick-active img {
    height: 632px;
}

.main-gallery-slider .slick-list {
    padding: 0 -32px;
}

.main-gallery-slider .slick-slide img {
    height: 436px;
    width: 100%;
    object-fit: cover;
}

.villas-section .slick-slide img {
    width: 100%;
    height: 350px;
    object-fit: cover;
}

.main-gallery-slider .slick-track {
    display: flex;
    align-items: flex-end;
}

.main-gallery-slider .slick-prev:before {
    background: var(--wpr-bg-8e8d2284-df4f-483d-abb3-0e937a1dd625);
    background-repeat: no-repeat;
}

.main-gallery-slider .slick-next:before {
    background: var(--wpr-bg-d0de7bcf-49ba-4a5b-8308-0226659b0bf6);
    background-repeat: no-repeat;
}

.main-gallery-slider .slick-prev {
    left: 380px;
}

.main-gallery-slider .slick-next {
    right: 380px;
}



.district-slider .slick-slide {
    padding: 0 32px;
    height: auto;
    object-fit: cover;
}

.district-slider .slick-slide .gallery-items-title {
    opacity: 0;
}

.district-slider .slick-slide.slick-current.slick-active .gallery-items-title {
    opacity: 1;
    position: absolute;
    bottom: 8%;
    width: calc(100% - 62px);
}


/* #district-section .slick-slide .gallery-items-title {
    opacity: 0;
}

#district-section .slick-slide.slick-current.slick-active .gallery-items-title {
    opacity: 1;
    position: absolute;
    bottom: 8%;
    width: calc(100% - 62px);
} */



.district-content {
    max-width: 1175px;
    margin: 0 auto;
}


.district-content {
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.map-wrapper {
    opacity: 0;
    transition: all 0.5s ease-in-out;
}

.single-shop-and-dines .map-wrapper{
    opacity: 1;
}

.slick-slide.slick-active .district-content {
    opacity: 1;
    transition: all 0.8s ease-in-out;
    transition-delay: 0.5s;
}
.slick-slide.slick-active .map-wrapper {
    opacity: 1;
    transition: all 0.8s ease-in-out;
    transition-delay: 0.5s;
}




.small-intro-sec .district-content p {
    max-width: 100%;
}

.district-slider .slick-list {
    padding: 0 -32px;
}

/* .district-slider .slick-slide img {
    height: 436px;
    width: 100%;
    object-fit: cover;
    transition: all 1.5s ease-in-out !important;
} */

.district-slider .slick-track {
    display: flex;
    align-items: flex-end;
}

.district-slider .slick-prev:before {
    background: var(--wpr-bg-3e6544d2-2897-4946-9ad5-6dea6a812e33);
    background-repeat: no-repeat;
}

.district-slider .slick-next:before {
    background: var(--wpr-bg-20b00377-6a29-4070-969f-bc1203e76496);
    background-repeat: no-repeat;
}

.district-slider .slick-prev {
    left: 240px;

}

.district-slider .slick-next {
    right: 240px;

}


.gallery-items-title-new {
    padding: 20px 15px;
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    line-height: 43px;
    background: #f9f9f9;
    width: calc(100% - 62px);
    position: absolute;
    left: 31px;
    right: 0;
    top: auto;
    bottom: 50px;
}


#district-section .slick-slide .gallery-items-title-new {
    opacity: 0;
    transition: all 0.5s;
}

#district-section .slick-slide.slick-current.slick-active .gallery-items-title-new {
    opacity: 1;
    position: absolute;
    width: calc(100% - 62px);
    transition: all 0.5s;
}

.small-intro-sec p {
    max-width: 76%;
    margin: 0 auto;
}

.main-gallery-section .slick-dots {
    padding-right: 0;
    justify-content: center;
    margin: 30px auto 0;
}

/* main-gallery-section end */

/* shop-and-dine start */


.vibez_sec .title {
    padding-bottom: 60px;
}

.vibez_sec p {
    margin-bottom: 40px;
}
.vibez_sec p .outlet-time-aaa{
    text-transform: uppercase;
}
.vibez_sec a {
    margin-top: 70px;
}

.filter-section {
    padding: 100px 0;
}

.filter-wrapper {
    max-width: 1223px;
    margin: auto auto 35px auto;
}

.search-band input[type='search']::-webkit-search-cancel-button {
    padding-right: 35px;
}

.filter-select .option.selected {
    color: #9E8456;
}

.search-band .form-control {
    height: 67px;
    padding: 15px 42px;
    border: 1px solid #C3C3C3;
    font-size: 20px;
    line-height: 67px;
    color: #707070;
    text-transform: capitalize;
}

.search-band {
    position: relative;
}

.search-band button {
    border: 0;
    background: transparent;
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 27px;
    color: #061038;
    padding: 0;
    line-height: 0;
}

.filter-wrapper .filter-dropdown {
    border-top: 0.6px solid #9D9D9D;
    border-bottom: 0.6px solid #9D9D9D;
    height: 66px;
    display: flex;
    max-width: 100%;
    width: 100%;
    padding: 13px 15px 13px 20px;
    margin-bottom: 20px;
    align-items: center;
}

.filter-icon img {
    width: 35px;
    height: 35px;
    object-fit: contain;
}

.filter-icon {
    border-right: 0.6px solid #9D9D9D;
    width: 20%;
}

.filter-wrapper .filter-select {
    border-top: 0.6px solid #9D9D9D;
    border-bottom: 0.6px solid #9D9D9D;
    border: 0;
    border-radius: 0;
    max-width: 100%;
    width: 80%;
    background-image: none;
    padding: 0 32px;

}

.filter-wrapper .filter-select span.current {
    font-size: 20px;
    color: #131313;
    text-transform: unset;
    font-weight: 400;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    display: inline-block;
}

.filter-wrapper .category-selected .current {
    color: #B4975A !important;
}

.filter-wrapper .category-selected:after {
    background: var(--wpr-bg-3a1c9980-efbc-4b64-ad01-9860289da471);
}

.filter-wrapper .filter-select .list {
    width: 100%;
    overflow-y: auto;
    max-height: 300px;
    margin-left: 0;
}

.filter-wrapper .filter-select:focus {
    box-shadow: none;
    border-top-color: #9D9D9D;
    border-bottom-color: #9D9D9D;
}


.map-wrapper iframe {
    width: 100%;
    height: 70vh;
    vertical-align: middle;
}

.map-wrapper {
    padding-top: 80px;
    margin-bottom: 40px;
}

.search-band button img {
    width: 27px;
}

.vibez-wrapper {
    background: rgb(196 183 169 / 11%);
    margin-top: 120px;
}

.vibez-content h4 {
    margin-bottom: 30px;
}

.vibez-content {
    padding: 82px 60px;
}

.vibez-content p {
    margin-bottom: 70px;
}

.vibez-content ul li img {
    width: 32px;
    height: 32px;
    margin-right: 16px;
    object-fit: contain;
}

.vibez-content ul li:last-child {
    margin-bottom: 0;
}

.vibez-content ul li {
    list-style-type: none;
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

.vibez-content ul li p {
    margin: 0;
}

.vibez-content ul li p span{
    text-transform: uppercase;
}

.vibez-content ul li p a {
    color: #131313;
}

.vibez-slider img {
    height: 100%;
    object-fit: cover;
}

.vibez-slider .slick-track {
    height: 658px;
}

.vibez-slider .slick-next:before {
    background: var(--wpr-bg-af0e96ba-7832-47c6-858d-426414c9cc67);
    background-repeat: no-repeat;
}

.vibez-slider .slick-prev:before {
    background: var(--wpr-bg-f8ee9501-a025-4d18-82ac-488e6d302608);
    background-repeat: no-repeat;
}

.vibez-slider .slick-prev {
    left: 30px
}

.vibez-slider .slick-next {
    right: 30px;
}

/* shop-and-dine end */



.hide {
    display: none;
}

.show {
    display: block;
}




/* cookies consent css */
.wrapper_cookies {
    position: fixed;
    bottom: 100px;
    right: -370px;
    max-width: 345px;
    width: 100%;
    background: #fff;
    border-radius: 8px;
    padding: 20px 25px 30px;
    transition: right 0.3s ease;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    z-index: 99;
}

.wrapper_cookies.show {
    right: 20px;
}

.wrapper_cookies .top-blk {
    display: flex;
    align-items: center;
    column-gap: 15px;
}

.wrapper_cookies .top-blk h2 {
    color: #0E0E0E;
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    margin: 0;
}

.wrapper_cookies .data {
    margin-top: 10px;
}

.wrapper_cookies .data p {
    font-size: 16px;
    line-height: 30px;
    padding: 0;
}

.wrapper_cookies .data p a:hover {
    text-decoration: underline;
}

.wrapper_cookies .buttons {
    margin-top: 16px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wrapper_cookies .buttons .button {
    border: none;
    color: #fff;
    padding: 8px 0;
    border-radius: 50px;
    background: #30261E;
    cursor: pointer;
    width: calc(100% / 2 - 10px);
    transition: all 0.2s ease;
    border: 2px solid #30261E;

}

.wrapper_cookies .buttons #acceptBtn:hover {
    background-color: #30261E;
}

#declineBtn {
    border: 2px solid #30261E;
    background-color: #fff;
    color: #30261E;
}

#declineBtn:hover {
    background-color: #30261E;
    color: #fff;
}

/* cookies consent css */

.socialWrap .close_btn {
    opacity: 0;
}

.socialWrap .close_btn.open {
    opacity: 1;
    cursor: pointer;
}

.shop-food-gallery-slider .gallery-items {
    padding: 0 32px;
    height: 522px;
    object-fit: cover;
    transition: all 1.5s ease-in-out !important;
}

.shop-food-gallery-slider .slick-slide.slick-current.slick-active {
    height: 739px;
    width: auto;
    object-fit: cover;
}

.shop-food-gallery-slider .gallery-items img {
    height: 100%;
    object-fit: cover;
}

.shop-food-gallery-slider .slick-track {
    display: flex;
    align-items: flex-end;
    min-height: 700px;
}

.shop-food-gallery-slider .slick-prev {
    left: 240px;
}

.shop-food-gallery-slider .slick-next {
    right: 240px;
}

.shop-food-gallery-slider .slick-prev:before {
    background: var(--wpr-bg-6423c37f-f725-4a2b-9a38-a2da39f44cd3);
    background-repeat: no-repeat;
}

.shop-food-gallery-slider .slick-next:before {
    background: var(--wpr-bg-3744c271-cc21-40b0-b8e6-d4ed34761ee5);
    background-repeat: no-repeat;
}

/* social icon */
.right-menu li a.socialButton {
    z-index: 1;
}

.floating-social-widget {
    position: absolute;
    bottom: 0;
    right: 0;
}

.socialWrap.active {
    background-color: #fff;
    justify-content: center;
    box-shadow: 0 0 11px #eee;
    z-index: 2;
    width: auto;
    padding: 5px 20px;
}

.socialWrap {
    gap: 0 15px;
    height: 50px;
    /* padding: 5px 20px; */
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    border-radius: 5px;
    width: 0;
}

.socialButton.main {
    width: 45px;
    height: 45px;
    background-color: #fff;
    box-shadow: 0 0 11px #eee
}

.socialWrap .socialButton.main .share,
.socialWrap .socialButton.main .close,
.socialWrap .socialButton.main .check {
    position: absolute;
    top: calc(50% - 12px);
    left: calc(50% - 12px);
    transition: all 150ms
}

.socialWrap .socialButton.main .share,
.socialWrap .socialButton.main.open .close,
.socialWrap .socialButton.main.sent .check {
    transform: rotate(0) scale(1);
    opacity: 1
}

.socialWrap .socialButton.main .close,
.socialWrap .socialButton.main.open .share,
.socialWrap .socialButton.main .check,
.socialWrap .socialButton.main.sent .share {
    opacity: 0;
    transform: rotate(0) scale(0)
}

.socialButton,
.socialButton.open {
    transition: all 200ms;
    position: relative;
    opacity: 1;
    transform: scale(1);
    cursor: pointer
}

.socialButton {
    margin: 0
}

/*
.socialButton:hover,.socialButton.open:hover {
    transform: scale(1.1) translateY(-3px)
}*/

.socialButton:active,
.socialButton.open:active {
    cursor: pointer
}

.socialButton img,
.socialButton.open img {
    display: block;
    fill: #000;
    width: 24px;
    height: 24px;
    opacity: 1;
    transition: all 150ms;
    transform: scale(1)
}

.ico-1,
.socialButton.open.ico-4 {
    transition-delay: 150ms
}

.ico-2,
.socialButton.open.ico-3 {
    transition-delay: 100ms
}

.ico-3,
.socialButton.open.ico-2 {
    transition-delay: 50ms
}

.ico-4,
.socialButton.open.ico-1 {
    transition-delay: 0ms
}

.ico-1,
.ico-2,
.ico-3,
.ico-4 {
    width: 0;
    height: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    opacity: 0;
    transform: scale(0)
}

.ico-1 img,
.ico-2 img,
.ico-3 img,
.ico-4 img {
    width: 0;
    height: 0;
    opacity: 0;
    transform: scale(0)
}

/* social icon */


/* search page start */

.not-found-wrapper .page-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.not-found-wrapper .page-content .search-form {
    padding: 0;
    justify-content: center;
    max-width: 70%;
    margin-top: 30px;
}

.not-found-wrapper .search-field {
    border-color: #707070;
    max-width: 434px;
    border-radius: 0;
    /* height: 59px; */
    font-size: 21px;
    padding: 13px 24px;
    border-radius: 6px;
    width: 100%;
    max-width: 100%;
}

.not-found-wrapper .search-submit {
    font-size: 23px;
    line-height: 35px;
    font-weight: 400;
    color: #fff;
    border: 1px solid #061038;
    background: #061038;
    border-radius: 6px;
    min-width: 320px;
    padding: 12px 16px;
    text-transform: capitalize;
}

.not-found-wrapper .search-submit:hover {
    border-color: #061038;
}

.not-found-wrapper label {
    width: 100%;
}

.not-found-wrapper .page-title {
    font-size: 52px;
    line-height: normal;
    font-weight: bold;
}

.not-found-wrapper .search-field:focus {
    box-shadow: none;
    outline: unset;
}

.search-results .search-pageodd .content-blk .title a,
.search-results .search-pageeven .content-blk .title a {
    color: #0E0E0E;
}


/* search page close */

.loader {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 99999;
    top: 0;
    left: 0;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: none;
}

.loader img {
    position: absolute;
    width: 50px;
    height: 50px;
    object-fit: contain;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.faq-not-found {
    text-align: center;
}



.privacy-policy-section {
    padding: 100px 0 50px;
}

.privacy-policy-section .content-wrap {
    max-width: 70%;
    margin: 0 auto;
}

.privacy-policy-section h2 {
    font-size: 30px;
    line-height: 35px;
    font-weight: 700;
    color: #0E0E0E;
    padding: 0 0 20px;
}

.privacy-policy-section h3 {
    font-size: 24px;
    line-height: 35px;
    font-weight: 700;
    color: #0E0E0E;
    padding: 0 0 20px;
}

.privacy-policy-section p {
    padding: 0 0 10px;
    font-size: 20px;
}

.privacy-policy-section ul {
    list-style-type: disc;
    padding: 0 0 20px 30px;
}

.privacy-policy-section ul li {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: #131313;
    padding: 0 0 10px;
}





.button-search {
    display: inline-block;
    margin: 4px 2px;
    /* background-color: #444; */
    font-size: 14px;
    padding-left: 32px;
    padding-right: 32px;
    height: auto;
    line-height: 50px;
    text-align: center;
    color: white;
    text-decoration: none;
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.button-search:hover {
    transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    background-color: white;
    color: black;
}

.search-container {
    /* position: relative;
	display: inline-block;
	margin: 4px 2px;
	height: 50px;
	width: 20px;
	vertical-align: bottom; */
    width: 25px;
}

.mglass {
    display: inline-block;
    pointer-events: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}

.searchbutton {
    /* position: absolute;
	font-size: 22px;
	width: 100%;
	margin: 0; */
    padding: 0;
}

.search-input:focus+.searchbutton {
    transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    background-color: white;
    color: black;
}

.search-input {
    position: absolute;
    left: 49px;
    /* Button width-1px (Not 50px/100% because that will sometimes show a 1px line between the search box and button) */
    background-color: white;
    outline: none;
    border: none !important;
    padding: 0 !important;
    width: 0;
    height: 100%;
    z-index: 10;
    transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
}

.search-input:focus {
    /* width: 220px; */
    /* Bar width+1px */
    /* padding: 0 16px !important; */
    border: 1px solid #C3C3C3;
}

.register-popup .modal-body {
    padding: 15px 15px 0;
}

.mobile-floting {
    display: none;
}

.search-input {
    padding: 0 !important;
}

.search-input.active {
    width: 220px;
    padding: 0 16px !important;
    border: 1px solid #C3C3C3 !important;
    height: 58px;
    line-height: 60px;
}

.register-popup .modal-content .modal-header {
    padding: 15px 30px;
}

.register-popup .modal-content .modal-body {
    padding: 30px 30px;
}

.btn-close:focus {
    box-shadow: none;
}

.button-search {
    display: flex;
    height: 50px;
}

.search-page {
    padding: 100px 0;
    background: rgb(196 183 169 / 11%);
}

.search-page .content-blk {
    margin: 0px 12% 30px 12%;
    background: #fff;
    padding: 20px;
    border: #eee solid 1px;
}

.search-page .content-blk .btn {
    display: table;
    margin: 15px 0 0;
}

.search-page .content-blk .title {
    padding: 0 0 10px;
}

.search-page .content-blk .title a {
    color: #0E0E0E;
}

.search-page .content-blk p {
    max-width: 100%;
    margin: 0;
    padding: 0 0 5px;
}

.language-change-dropdown .list li:last-child {
    font-family: TheSansArabic;
}



















:root {
    --black: #131313;
    --white: #ffffff;
    --light-grey: #f9f9f9;
    --dark-grey: #525252;
    --primary-color: #30261E;
    --secondary-color: #1A182F;
    overflow-x: hidden;
}

button {
    cursor: pointer;
}


.service-popup .btn-close {
    top: 10px;
    right: 0px;
    position: absolute;
    z-index: 999;
}

.service-popup .btn-close:focus {
    box-shadow: none;
}

.service-popup .form-select:focus {
    box-shadow: none;
}

.service-popup .form-box {
    width: 100%;
    margin: 0 auto;
    background: #fff;
    background-size: cover;
    padding: 30px 30px 0;
    border-radius: 8px;
}

.service-popup .form-label {
    font-size: 16px;
    color: var(--black);
    display: block;
    margin: 0 0 10px;
}

.service-popup .form-label .asterisk-mark {
    color: red;
}

.service-popup .fw-bold {
    font-size: 22px;
}

.service-popup .form-control {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    padding: 10px 15px;
    border: 1px solid #ced4da;
    border-radius: 8px;
    width: 100%;
    margin: 0 0 20px;
}

.service-popup .form-control:focus {
    box-shadow: none;
    /* border: 0;
    */
    outline: none;
}

.service-popup h4 {
    font-size: 18px;
    font-weight: 600;
    color: var(--primary-color);
    padding: 0 0 15px;
}

.service-popup p {
    font-size: 16px;
    font-weight: 400;
    color: var(--black);
    padding: 0px;
}

.service-popup .font-bold {
    font-size: 20px;
    font-weight: 600;
}

.service-popup .card {
    width: 100%;
    height: fit-content;
    max-width: 380px;
    margin: 0 auto;
    border: 0;
}

.service-popup .calendar-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
}

.service-popup .calendar-toolbar>.current-month {
    font-size: 20px;
    font-weight: bold;
    color: #19181a;
}

.service-popup .calendar-toolbar>[class$="month-btn"] {
    width: 45px;
    height: 40px;
    text-align: center;
    line-height: 24px;
    font-size: 14px;
    color: #19181a;
    background: #f1f1f1;
    border: none;
    border-radius: 4px;
}

.service-popup .weekdays,
.service-popup .calendar-days {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0px;
}

.service-popup .weekdays {
    padding-top: 12px;
}

.service-popup .calendar-days {
    padding-bottom: 12px;
}

.service-popup .weekday-name,
[class$="-day"] {
    width: 45px;
    height: 40px;
    color: #19181a;
    text-align: center;
    line-height: 40px;
    font-weight: 500;
    font-size: 1rem;
    border-radius: 4px;
}

.service-popup .weekday-name {
    color: #19181a;
    font-weight: 700;
}

.service-popup .current-day {
    background-color: var(--primary-color);
    color: var(--white);
    font-weight: 700;
    transition: 0.5s;
    cursor: pointer;
}

.service-popup .padding-day {
    color: #a5a5a5;
    user-select: none;
    text-decoration: line-through;
}

.service-popup .calendar-toolbar>[class$="month-btn"]:hover,
.service-popup .month-day:hover,
.service-popup .btn:hover {
    background-color: var(--primary-color);
    color: var(--white);
    transition: 0.1s;
    cursor: pointer;
}

.service-popup .calendar-toolbar>[class$="month-btn"]:focus,
.service-popup .month-day:focus,
.service-popup .btn:focus {
    background-color: var(--primary-color);
    color: var(--white);
}

.service-popup .goto-buttons {
    padding: 0px;
    display: flex;
    justify-content: space-evenly;
    flex-flow: wrap;
    overflow-y: auto;
    height: 99px;
}

.service-popup .time-btn {
    background: var(--btn-bg);
    border: none;
    border-radius: var(--border-radius);
    padding: 11px 0px;
    text-align: center;
    color: var(--black);
    font-family: "Quicksand", sans-serif;
    font-weight: 600;
    font-size: 13px;
    line-height: normal;
    margin-right: 1px;
    border: 1px solid var(--primary-color);
    width: 46%;
    margin: 0 0 10px;
    border-radius: 4px;
    transition: all 0.5s;
    min-width: auto;
}

.service-popup .btn-block {
    padding: 30px 0 0;
    text-align: center;

}

.trigger {
    text-align: center;
    padding: 7px 13px;
    background: #3e3e3e;
    color: var(--white);
    font-size: 15px;
    outline: none;
    border: none;
    border-radius: 5px;
    font-family: cursive;
}

/* .modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
} */

/* .service-popup .modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--white);

    width: 900px;
    border-radius: 0.5rem;
} */

.service-popup .close-button {
    width: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    border-radius: 0.25rem;
    background-color: var(--primary-color);
    font-size: 30px;
    color: var(--white);
    position: absolute;
    top: 15px;
    right: 15px;
}

/* .show-modal {
    opacity: 1;
    visibility: visible;
    transform: scale(1.0);
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
} */

.service-popup .data-info {
    display: flex;
    justify-content: space-between;
    padding: 15px;
    border: #eee solid 1px;
    border-radius: 10px;
    margin-bottom: 30px;
    background: var(--light-grey);
}

.service-popup .data-info .data-info-card {
    width: 23%;
}

.service-popup .form-block {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.service-popup .form-block .form-card {
    width: 47%;
}

.service-popup .booking-data {
    display: block;
    padding: 15px;
    border: #eee solid 1px;
    border-radius: 10px;
    margin-top: 20px;
    background: var(--light-grey);
}

.service-popup .booking-data .booking-data-card {
    width: 48%;
}

.service-popup .text-right {
    text-align: right;
}

.service-popup .booking-data .booking-data-card p:not(:last-child) {
    padding: 0 0 10px;
}

.service-popup .booking-data .booking-data-card .form-label:not(:last-child) {
    padding: 0 0 10px;
    margin: 0;
}

.service-popup .service-form {
    max-width: 380px;
    margin: 50px auto;

}

.service-popup .service-form .service-form-card {
    width: 100%;
}

.service-popup .service-form .form-select {
    font-size: 16px;
    font-weight: 400;
    color: var(--black);
    padding: 10px 15px;
    border: 1px solid #ced4da;
    border-radius: 8px;
    width: 100%;
    margin: 0 0 20px;
    width: 100%;
    height: auto;
}

.service-popup .service-form .form-select:focus {
    border: 1px solid #ced4da;
    outline: none;
}

.service-popup .title {
    font-size: 20px;
    font-weight: 500;
    color: var(--black);
    padding: 0 0 20px;
}

.service-popup .title-large {
    font-size: 24px;
}

.service-popup .continue-btn {
    margin: 20px auto 0 auto;
    display: inherit;
}

.service-popup .booking-data .data-row {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.service-popup .submit-btn {
    background: var(--primary-color);
    color: var(--white);
    border: 1px solid var(--primary-color);
    font-size: 16px;
    padding: 10px 20px;
    border-radius: 4px;
    min-width: 110px;
}

.service-popup .submit-btn:hover {
    background: var(--light-grey);
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.service-popup .submit-btn-border {
    background: var(--light-grey);
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    margin-right: 10px;
}

.service-popup .submit-btn-border:hover {
    background: var(--primary-color);
    border: 1px solid var(--primary-color);
    color: var(--white);
}

.service-popup .show_messages {
    color: green;
    padding: 20px 0 0;
    text-align: center;
}

.border-box {
    /* border: #eee solid 1px; */
    padding: 15px;
    border-radius: 10px;
    /* box-shadow: rgb(0 0 0 / 22%) 0px 10px 15px; */
    background: #fff;
    position: relative;
    z-index: 2;
}

.repet-appointment {
    text-align: center;
    margin-top: -5px;
    width: 100%;
    display: inline-block;
    padding: 15px 0px 15px 0px;
    border: #eee solid 1px;
    border-radius: 0px 0px 10px 10px;
    background: var(--secondary-color);
    color: var(--white);
    position: relative;
    z-index: 0;
}

.repet-appointment input {
    width: 18px;
    height: 18px;
    border-radius: 5px;
    border: 0px;
    vertical-align: middle;
}

.disabled {
    text-decoration: line-through;
}

.food-description .slick-slide {
    height: auto;
}





.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background-color: #30261E;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    color: #fff !important;
    background: #1A182F !important;
    box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #fff !important;
    background: #1A182F !important;
    box-shadow: none !important;
}

.error {
    font-size: 18px;
    color: red;
    padding: 5px 0;
}


input[type="search"]::-webkit-search-decoration:hover,
input[type="search"]::-webkit-search-cancel-button:hover {
    cursor: pointer;
}


.unsubscribe-section {
    padding: 200px 0;
    text-align: center;
}

.unsubscribe-section p {
    margin: 0 0 25px;
}

/*booking-popup Style New*/

.booking-popup .modal-header .btn-close {
    top: 25px;
    right: 25px;
}

.booking-popup .modal-body {
    padding: 0px;
}

.booking-popup .modal-body .right-part {
    background: #f9f9f9;
    padding: 40px 30px 0;
    border-radius: 0.5rem;
}

.booking-popup .modal-body .right-part .form-box {
    background: transparent;
}

.booking-popup .modal-body .border-btn {
    min-width: 100%;
    background: #1a1831;
    color: #061038;
    border-color: #1a1831;
    border-radius: 8px;
    line-height: 38px;
    font-size: 23px;
}

.booking-popup .modal-body .border-btn:hover {
    min-width: 100%;
    background: #fff;
    color: #1a1831;
    border-color: #1a1831;
    border-radius: 8px;
}

.booking-popup .modal-body .card {
    background: transparent;
}

.booking-popup .modal-body .border-box {
    background: transparent;
    padding: 0px;
}

.booking-popup .form-control {
    height: 60px;
    margin-bottom: 15px;
    line-height: 60px;
}

.booking-popup label.error {
    margin-bottom: 15px;
    width: 100%;
    font-size: 16px;
}

.booking-popup #RecaptchaField7 {
    margin-top: 20px;
}

.booking-popup .recaptcha {
    margin-top: 30px;
    display: block;
}


.search-page .posts-navigation {
    margin: 0px 12% 30px 12%;
}

.search-page .posts-navigation a {
    font-size: 20px;
    line-height: 35px;
    font-weight: 400;
    color: #fff;
    background: #1a1831;
    border-radius: 6px;
    min-width: 250px;
    padding: 12px 16px;
    text-align: center;
}

.nice-select .option.disabled {
    text-decoration: none;
}


/* .amenities-slider .slick-current {
    transition: all 2s ease-in-out;
}
.amenities-slider .slick-slide {

    transition: all 2s ease-in-out !important;
}

.amenities-slider .slick-current {
    transform: scale(1);
}
.amenities-slider {
    transition: all 2s ease-in-out !important;
} */
.amenities-content {
    bottom: 0 !important;
}

.amenities-text p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}

.slick-vertical .slick-slide {
    height: 350px;
    overflow-y: hidden;
}

/* .amenities-slider .slick-current {
    transition: all 1.5s ease-in-out !important;
} */
.amenities-wrapper.slick-slide.slick-current {
    transition: none !important;
}

/* .amenities-slider .slick-current {
    transform: scale(1);
} */
/* .amenities-slider .slick-current {
    transform: scale(1);
}
.amenities-text{
    position: absolute;
    left: -80%;
    top: 50%;
    max-width: 350px;
    z-index: 999999;
    display: none;
}

.amenities-slider .slick-current .temp-amenites-texts{
    display: block;
} */

/* .amenities-slider .slick-current {
    transition: all 1.5s ease-in-out !important;
} */

.full-gallery-section .slick-slide {
    transition: all 1.5s ease-in-out !important;
}

.full-gallery-section .slick-slide {
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: none !important;
    transition: all 1.5s ease-in-out !important;
}

.full-gallery-section .full-gallery-slider {
    transform: none !important;
    transition: none !important;
}

.full-gallery-section .slick-current-new {
    transition: all 1.5s ease-in-out !important;
}


.contact-btn {
    transition: all 0.7s ease-out !important;
    background: linear-gradient(270deg, rgba(180, 151, 90, 1), rgba(180, 151, 90, 1), rgba(29, 55, 56, 0), rgba(29, 55, 56, 0)) !important;
    background-position: 1% 50% !important;
    background-size: 300% 300% !important;

}

.contact-btn:hover {
    background-position: 99% 50% !important;
    color: rgb(255, 255, 255) !important;
    border: 1px solid rgba(180, 151, 90, 1);
}

.btn {
    transition: all 0.7s ease-out !important;
    background: linear-gradient(270deg, rgba(180, 151, 90, 1), rgba(180, 151, 90, 1), rgba(29, 55, 56, 0), rgba(29, 55, 56, 0)) !important;
    background-position: 1% 50% !important;
    background-size: 300% 300% !important;

}

.btn:hover {
    background-position: 99% 50% !important;
    color: rgb(255, 255, 255) !important;
    border: 1px solid rgba(180, 151, 90, 1);
}

/* .explore-slider .explore-content .explore-text {
    opacity: 0;
    transition: opacity 0.2s ease;
}

.explore-slider .slick-current .explore-content .explore-text {
    opacity: 1;
} */

/*Home page slider animation style*/


/* .amenities-slider .slick-list{ 
    height: 500px;
}
.amenities-slider .slick-list .slick-track{ 
    height: 500px;
}
 .amenities-section .amenities-item {
    transform: scale(0.4);
    transform-origin: 50% 0%;    
    width: auto;
    height: auto;
}
.amenities-section .amenities-item.slick-current.slick-active {  
    width: auto;
    height: auto;
    transform: scale(1.2);
    transform-origin: 50% 0%;
}  */




.amenities-custom-navigations{
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-left: auto;
    margin-right: calc(14.8% - 2px);
    margin-top: 30px;
    padding: 0 12px;

}
.amenities-navigations-btn{
    width: 100px;
    display: inline-flex;
    justify-content: space-between;
}
.amenities-navigations-btn .slick-prev {
    right: auto;
    height: 28px;
    width: 35px;
    left: auto;
    position: relative;
    top: 0;
}
.amenities-navigations-btn .slick-next {
    left: 15px;
    right: auto;
    height: 28px;
    width: 35px;
    top: 0;
    position: relative;

}
.amenities-custom-dots{    position: relative;
    display: inline-flex;
    width: auto;
}
.amenities-custom-dots .slick-dots{margin: 0px; width: auto;}










/* .amenities-slider .slick-list{
    height: 500px;
}
.amenities-slider .slick-list .slick-track{
    height: 500px;
}
 .amenities-section .amenities-item {
    transform: scale(0.4);
    transform-origin: 50% 0%;    
    width: auto;
    height: auto;
}
.amenities-section .amenities-item.slick-current.slick-active {  
    width: auto;
    height: auto;
    transform: scale(1.2);
    transform-origin: 50% 0%;
} */



/* Swiper Amenities slider new css star */
.amenities-wrapper {
    position: relative;
    max-width: 1920px;
    margin: auto;
    padding: 100px 0;
}
.amenities-wrapper .slider .slick-slide{
    color: #FFF;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scale(0.8);
    transition: all 0.8s ease-in-out;
}
.amenities-wrapper .slider .slick-slide,
.amenities-wrapper .slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {
    transform: scale(1, 0.8);
    transition: all 0.8s ease-in-out;
}
  
.amenities-wrapper .slider .slick-center,
.amenities-wrapper .slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] {
    transform: scaleY(1.1);
    height: 800px !important;
    background-color: transparent;
    transition: all 0.8s ease-in-out;
}

 
.amenities-wrapper .slider .slick-current.slick-active{
    transform: scaleY(1.1);
    background-color: transparent;
}
  
.amenities-wrapper .slick-next, .amenities-wrapper .slick-prev{
    z-index: 5;
}
.amenities-wrapper .slick-next{
    right: 15px;
}
.amenities-wrapper .slick-prev{
    left: 15px;
}
.amenities-wrapper .slick-next:before, .amenities-wrapper .slick-prev:before{
    color: #000;
    font-size: 26px;
}

.amenities-wrapper .slider{
    height: 800px;
}
.amenities-wrapper .slick-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.amenities-wrapper .slick-slide.slick-center.slick-active {
    height: 800px !important;
    transition: all 0.8s ease-in-out;
}

.amenities-wrapper .slider .slick-slide{
    height: 450px;
}
.amenities-wrapper .slider .slick-list {
    padding: 0 0 0 20% !important;
}
.amenities-wrapper .slider button.slick-next.slick-arrow {
    width: 75px;
    height: 40px;
    /* background: url(../../../../../../../../themes/almouj/assets/images/blue-arrow-right.svg) no-repeat; */
    background-size: contain;
    transition-duration: 0.5s;
    font-size: 0;
    border: none;
    position: absolute;
    bottom: -100px;
    right: calc(46.8% - 10px);
    left: unset;
    top: auto;
    cursor: pointer;
}
.amenities-wrapper .slider button.slick-prev.slick-arrow {
    width: 75px;
    height: 40px;
    /* background: url(../../../../../../../../themes/almouj/assets/images/blue-arrow-left.svg) no-repeat; */
    background-size: contain;
    transition-duration: 0.5s;
    font-size: 0;
    border: none;
    position: absolute;
    bottom: -100px;
    right: calc(47.8% - 5px);
    left: unset;
    top: auto;
    cursor: pointer;
}
.amenities-wrapper .slider .slick-arrow:hover{
    filter: grayscale(100%) sepia(100%) hue-rotate(320deg);
}

.amenities-wrapper .slides-text {
    padding: 10px;
}


.amenities-wrapper .slider-text p {
    margin-bottom: 40px;
    max-width: 80%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}

.amenities-wrapper .slider-text h4 {
    font-size: 32px;
    line-height: 35px;
    font-weight: bold;
    margin-bottom: 30px;
}

.amenities-wrapper .slider-text {
    position: absolute;
    width: 500px;
    bottom:75px;
    left: 100px;
    -webkit-transition: opacity 2000s ease-in-out;
    -moz-transition: opacity 2000s ease-in-out;
    -ms-transition: opacity 2000s ease-in-out;
    -o-transition: opacity 2000s ease-in-out;
    opacity: 1;
}


.amenities-wrapper .slider .slick-slide{
    margin: 0 10px;
    margin-top: -45px;
}

.amenities-wrapper .slider .slick-slide.slick-current.slick-active{
    margin-top: 0px;
    /* margin: 0 30px; */
}

.amenities-wrapper .slider-text h4 {
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.amenities-wrapper .slider-text p {
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.amenities-wrapper .slider-text .btn {
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.amenities-wrapper .slick-slide.slick-active h4 {
    opacity: 1;
    transition: all 0.8s ease-in-out;
    transition-delay: 0.5s;
}
.amenities-wrapper .slick-slide.slick-active p {
    opacity: 1;
    transition: all 0.8s ease-in-out;
    transition-delay: 0.5s;
}
.amenities-wrapper .slick-slide.slick-active .btn {
    opacity: 1;
    transition: all 0.8s ease-in-out;
    transition-delay: 0.5s;
}
.amenities-wrapper .slider {
  height: 800px;
  max-width: 1920px;
  margin: auto;
}

.amenities-wrapper ul.slick-dots {
  list-style: none;
  position: absolute;
  right: 28.3%;
  bottom: -60px;
  padding: 0;
}
.amenities-wrapper .slick-dots li {
  display: inline-block;
}
.amenities-wrapper .slick-dots li.slick-active button {
  background: #061038;
  border: 2px solid #061038;
}
.amenities-wrapper .slick-dots button {
  font-size: 0;
  width: 12px;
  height: 12px;
  border-radius: 25px;
  background: none;
  border: 2px solid #a5a5a5;
  margin-left: 5px;
  padding: 0;
}
.amenities-wrapper .slider .slick-slide.slick-current.slick-active img {
    width: 90%;
    left: 5%;
}  
/* Swiper Amenities slider new css star */





/* New swipper css */

.wrapper {
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    min-height: 810px;
    margin: 150px auto 70px;
    overflow-x: hidden;
}

.list {
  width: 100%;
  display: flex;
  padding: 0 20px;
  align-items: flex-start;
  margin-left: 30%;
  min-height: 780px;
  max-height: 780px;
}

.box-inner {
  width: 20vw;
  height: 20vw;
  background: #1F242C;
  margin: 0 10px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  font-size: 24px;
  font-weight: 400;
  color: #FBFCFC;
}

.buttons {
  width: 100%;
  margin-top: 120px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

.prev, .next {
  width: 160px;
  height: 48px;
  background: #1F242C;
  border: 2px solid #1F242C;
  border-radius: 12px;
  font-size: 24px;
  font-weight: 400;
  color: #FBFCFC;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}


.autoplay-container {
  position: absolute;
  top: 16px;
  right: 16px;
  border-radius: 4px;
  color: #FBFCFC;
  padding: 4px 0px;
  overflow: hidden;
  background-color: #1B1D22;
  cursor: pointer;
}

.autoplay-container > span {
  padding: 4px 8px;
}

.autoplay-status {
  background-color: #66E84C;
  color: #1B1D22;
}
.box-inner img{
  width:100%
}

.prev, .next {
    position: absolute;
    bottom: 20px;
}

.next {
    right: 40%;
}
.prev {
    left: 40%;
}
.next::after {
    display: none;
}
.prev::after {
    display: none;
}
.swiper.mySwiper2 {
    position: absolute;
    width: 400px;
    height: 380px;
    top: 27vw;
    left: 7%;
    margin-left: 0;
    min-height: 400px;
}
.swiper.mySwiper2 .swiper-slide{
    display: block;
    background: none;
    text-align: left;
}
.swiper.mySwiper2 h2 {
font-size: 32px;
line-height: 32px;
font-weight: bold;
margin-bottom: 25px;
}

/* .swiper.mySwiper2 .btn {
font-size: 23px;
line-height: 35px;
font-weight: 400;
color: #131313;
border: 1px solid #061038;
background: transparent;
border-radius: 6px;
width: 180px;
text-align: center;
text-decoration: none;
padding: 12px 16px;
display: block;
} */
.swiper-button-next{
    height: 28px;
    width: 34px;
    background: var(--wpr-bg-32d3346b-1028-4fd7-9804-afc163fb9e45);
    background-size: contain;
    transition-duration: 0.5s;
    font-size: 0;
    border: none;
    position: absolute;
    top: auto;
    bottom: 30px;
    right: calc(49.5% - 10px);
    left: unset;
    cursor: pointer;
    background-position: center;
    /* background: #000; */



}
.swiper-button-prev{
    height: 28px;
    width: 35px;
    background: var(--wpr-bg-60778ea1-2ebe-4f18-8bfa-a7fcc80e3dac);
    background-size: contain;
    transition-duration: 0.5s;
    font-size: 0;
    border: none;
    position: absolute;
    top: auto;
    bottom: 30px;
    right: calc(53.3% - 15px);
    left: unset;
    cursor: pointer;
    background-position: center;
}

.swiper-pagination.swiper-pagination-bullets {
position: absolute;
top: auto;
bottom: 25px;
height: 30px;
right: 14vw;
left: unset;
text-align: right;
pointer-events: none;
}
.swiper.mySwiper2 .swiper-slide h2 {
opacity: 0;
transition: all 0.5s ease-in-out;
}
.swiper.mySwiper2 .swiper-slide p {
opacity: 0;
transition: all 0.5s ease-in-out;
margin-bottom: 30px;
}
.swiper.mySwiper2 .swiper-slide .btn {
opacity: 0;
transition: all 0.5s ease-in-out;
}
.swiper.mySwiper2 .swiper-slide.swiper-slide-active h2 {
opacity: 1;
transition: all 0.8s ease-in-out;
transition-delay: 0.5s;
}
.swiper.mySwiper2 .swiper-slide.swiper-slide-active p {
opacity: 1;
transition: all 0.8s ease-in-out;
transition-delay: 0.5s;
}
.swiper.mySwiper2 .swiper-slide.swiper-slide-active .btn {
opacity: 1;
transition: all 0.8s ease-in-out;
transition-delay: 0.5s;
}

.swiper-pagination-clickable .swiper-pagination-bullet{
    border: 1px solid #707070;
    background: transparent;
    opacity: 1;
    height: 11px;
    width: 11px;
}
.swiper-pagination-bullet-active{
    background: #061038 !important;
    border: 1px solid #061038;
}

@media (max-width:992px){
    .swiper.mySwiper2 h2{
        font-size: 24px;
        margin-bottom: 15px;
    }
    .swiper.mySwiper2 .swiper-slide p{
        margin-bottom: 20px;
    }
}

@media (max-width:767px){
  .swiper.mySwiper2{top: 50vw;left: 15px;width: 95%;}
  .swiper-button-prev{right: calc(50.9% - 15px);top: 50vw;}
  .swiper-button-next{right: calc(36.9% - 15px);top: 50vw;}
}





/* .wrapper{
    position: relative;
    max-width: 1920px;
    max-height: 1080px;
    margin: 150px auto;
    width: 100%;
    height: 100%;
    min-height: 870px;
  }

  .swiper{
    width: 100%;
  }

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mySwiper .swiper-slide {
  height: 20vw !important;
  width: 20vw !important;
}
.swiper-backface-hidden .swiper-slide {
  transform: scale(0.);
  transition: cubic-bezier(.90,.50,.60,.6) all 1.5s;
}
.mySwiper .swiper-slide.swiper-slide-next {
  height: 40vw !important;
  width: 40vw !important;
  transform: scale(1);
  transition: cubic-bezier(.90,.50,.60,.6) all 1.5s;
}
.swiper.mySwiper2 {
    position: absolute;
    width: 400px;
    height: 370px;
    bottom: -30px;
    left: 8%;
}
.swiper.mySwiper2 .swiper-slide{
    display: block;
    background: none;
    text-align: left;
}
.swiper.mySwiper2 h4 {
font-size: 32px;
line-height: 32px;
font-weight: bold;
margin-bottom: 25px;
}

.swiper.mySwiper2 .btn {
font-size: 23px;
line-height: 35px;
font-weight: 400;
color: #131313;
border: 1px solid #061038;
background: transparent;
border-radius: 6px;
width: 180px;
text-align: center;
text-decoration: none;
padding: 12px 16px;
display: block;
}
.swiper.mySwiper2 .btn:hover{
    border: 1px solid rgba(180, 151, 90, 1);
}
.swiper-button-next{
width: 28px;
height: 50px;
background: url(../../../../../../../../themes/almouj/assets/images/blue-arrow-right.svg) no-repeat;
background-size: contain;
transition-duration: 0.5s;
font-size: 0;
border: none;
position: absolute;
top: 46.3vw;
right: calc(44.8% - 10px);
left: unset;
cursor: pointer;

}
.swiper-button-prev{
width: 28px;
height: 50px;
background: url(../../../../../../../../themes/almouj/assets/images/blue-arrow-left.svg) no-repeat;
background-size: contain;
transition-duration: 0.5s;
font-size: 0;
border: none;
position: absolute;
top: 46.3vw;
right: calc(49% - 15px);
left: unset;
cursor: pointer;
}

.swiper-pagination.swiper-pagination-bullets {
position: absolute;
top: 45vw;
height: 30px;
right: 9vw;
left: unset;
text-align: right;
pointer-events: none;
}
.swiper.mySwiper2 .swiper-slide h4 {
opacity: 0;
transition: all 0.5s ease-in-out;
}
.swiper.mySwiper2 .swiper-slide p {
opacity: 0;
transition: all 0.5s ease-in-out;
margin: 0 0 30px;
}
.swiper.mySwiper2 .swiper-slide .btn {
opacity: 0;
transition: all 0.5s ease-in-out;
}
.swiper.mySwiper2 .swiper-slide.swiper-slide-active h4 {
opacity: 1;
transition: all 0.8s ease-in-out;
transition-delay: 0.5s;
}
.swiper.mySwiper2 .swiper-slide.swiper-slide-active p {
opacity: 1;
transition: all 0.8s ease-in-out;
transition-delay: 0.5s;
}
.swiper.mySwiper2 .swiper-slide.swiper-slide-active .btn {
opacity: 1;
transition: all 0.8s ease-in-out;
transition-delay: 0.5s;
}
.swiper-button-next:after, .swiper-button-prev:after{
display: none;
}
.swiper-pagination-bullet{
background: #fff;
border: 2px solid #14334f ;
filter: none;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #14334f;
border: 2px solid #14334f;
}
.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 -26.8vw;
    transition-delay: 3ms !important;
    }


.swiper-wrapper{
    transition: opacity 0.5s ease-in-out 3s;
    transition-delay: 3s;
}

@media (min-width:1921px) {
    .swiper-free-mode>.swiper-wrapper {margin: 0 -48.5%;}
    .swiper-free-mode>.swiper-wrapper.swiper-wrapper.transforms {margin: 0 -41.5%;}
    .mySwiper .swiper-slide {height: 400px !important;width: 400px !important;}
    .mySwiper .swiper-slide.swiper-slide-next {height: 800px !important;width: 800px !important;transform: scale(1);transition: cubic-bezier(.13,.41,.1,1) all 1.5s;}
    .swiper-button-next{top: 820px;}
    .swiper-button-prev{top: 820px;}
    .swiper-pagination.swiper-pagination-bullets{top: 820px;right: 13%;}
    .swiper.mySwiper2 {bottom: 15%;}
    }
    @media (min-width:1200px) and (max-width:1500px) {
    .swiper-button-next{right: calc(43.8% - 10px);background-position: center;}
    .swiper-button-prev{right: calc(48.5% - 16px);background-position: center;}
    .swiper.mySwiper2{bottom: 50px;}
    .swiper-pagination.swiper-pagination-bullets{right: 8.8vw;}
    }
    @media (max-width:1200px){
        .swiper-pagination.swiper-pagination-bullets{
            right: 7vw;
            top: 49vw;
        }
        .swiper-button-prev{
            right: calc(47% - 15px);
            top: 44vw;
        }
        .swiper-button-next{
            right: calc(41.8% - 10px);
            top: 44vw;
        }
        .swiper.mySwiper2{
            bottom: 100px;
        }
        .swiper-button-prev{
            right: calc(45% - 15px);
            top: 52vw;
        }
        .swiper-button-next {
            right: calc(37.8% - 10px);
            top: 52vw;
        }
        
    }


    
    @media (max-width:767px){
    .swiper.mySwiper  {width: 100%;height: 50vh;}
    .swiper.mySwiper2 {position: relative;left: 10px;}
    .swiper-pagination.swiper-pagination-bullets{top: 70vw;height: 30px;right: 35vw;display: none;}
    .swiper-button-next{
        top: 77vw;
        right: 10px;
    }
    .swiper-button-prev{
        top: 77vw;
        right: 50px;
    }
    .swiper-free-mode>.swiper-wrapper {transition-timing-function: ease-out;margin: 0;}
    .swiper-free-mode>.swiper-wrapper.swiper-wrapper.transforms {transition-timing-function: ease-out;margin: 0;}
    .mySwiper .swiper-slide.swiper-slide-next{height: 55vw !important;width: 55vw !important;}


    .mySwiper .swiper-slide {
        height: 20vw !important;
        width: 73vw !important;
    }
    .swiper.mySwiper2 .btn{
        width: max-content;
    }
    } */
    .box.boxsm {
        /* max-height: 768px; */
    }
    
    .box.boxsm .box-inner {
        /* max-height: 768px; */
        overflow-y: hidden;
        background: transparent;
    }
    
    .box.boxsm .box-inner img {
        height: auto;
    }
    
    .swiper-pagination123 {
        position: absolute;
        bottom: auto;
        top: 100%;
        right: 0rem;
        width: 100%;
    }
    
    .home-slider {
        /* height: auto !important; */
        overflow: inherit;
    }
    
    .home-slider .list {
        max-height: none !important;
        padding-bottom: 100px;
    }
    
    /* @media (min-width:2460px) {
        .home-slider {
            padding-bottom: 200px !important;
        }
    } */
    
    @media (min-width:1960px) {
        .swiper-button-next {
            right: calc(50% - 10px);
        }
    
        .swiper-button-prev {
            right: calc(53.4% - 15px);
        }
    
        .swiper-pagination.swiper-pagination-bullets {
            right: 14vw;
        }
    
        .home-slider {
            height: 1190px !important;
            min-height: auto;
            overflow-x: hidden;
            /* padding-bottom: 100px; */
        }
    }
    
    @media (max-width:1900px) {
        .home-slider {
            overflow: hidden;
        }
    
        /* .box.boxsm {
            max-height: 568px;
        }
    
        .box.boxsm .box-inner {
            max-height: 668px;
        }
    
        .swiper-pagination123 {
            top: 820px;
        } */
    
    
    }
    
    @media (max-width:1600px) {
        /* .box.boxsm {
            max-height: 518px;
        }
    
        .box.boxsm .box-inner {
            max-height: 518px;
        }
    
        .swiper-pagination123 {
            top: 650px;
        } */

        .swiper-button-prev{
            right: calc(53% - 15px);
        }
        .swiper-button-next{
            right: calc(48.5% - 10px);
        }
        .swiper-pagination.swiper-pagination-bullets{
            right: 14vw;
        }
        .box.boxsm .box-inner img {
            height: auto;
        }
    
    }

    @media (max-width:1440px) {
        .wrapper{
            height: auto;
        }
        .swiper-pagination123{
            top: 87%;
        }
    }

    @media (max-width:1400px) {
        .swiper-pagination123 {
            top: 95%;
        }
    }
    
    @media (max-width:1366px) {
        /* .box.boxsm {
            max-height: 418px;
        }
    
        .box.boxsm .box-inner {
            max-height: 418px;
        }
    
        .swiper-pagination123 {
            top: 630px;
        } */
    
        .swiper-button-next {
            right: calc(48.5% - 10px) !important;
        }
    
        .swiper-button-prev {
            right: calc(53% - 15px) !important;
        }
    
        .swiper-pagination.swiper-pagination-bullets {
            right: 14vw !important;
        }
        .wrapper {
            min-height: 700px !important;
        }
        .wrapper .list{
            min-height: 600px !important;
        }
        .swiper-pagination123 {
            top: 110%;
        }
    }

    @media (max-width:1300px) {
        .wrapper {
            min-height: 690px !important;
        }
    }
    
    @media (max-width:1280px) {
        .home-slider {
            min-height: 650px !important;
            height: 650px !important;

        }
    
        .home-slider .list {
            min-height: 610px;
            min-height: auto;
        }
        .swiper-pagination123 {
            top: 112%;
        }
    }
    
    @media (max-width:1100px) {
        .home-slider {
            min-height: 600px !important;
        }
    
        .home-slider .list {
            min-height: 610px;
            min-height: auto;
    
        }
    
        .swiper-button-prev {
            right: calc(51% - 15px) !important;
        }
    
        .swiper-button-next {
            right: calc(45.5% - 10px) !important;
        }
    }
    
    @media (max-width:992px) {
        .home-slider {
            min-height: 600px !important;
        }
    
        .home-slider .list {
            min-height: 610px;
            min-height: auto;
        }
    
        .swiper-pagination123 {
            top: 270px;
        }
        .swiper-button-next {
            right: calc(7% - 10px) !important;
        }
    
        .swiper-button-prev {
            right: calc(16% - 15px) !important;
        }
    
        /* .swiper-button-next {
            right: calc(38.5% - 10px) !important;
        }
    
        .swiper-button-prev {
            right: calc(46% - 15px) !important;
        } */
    }
    
    @media (max-width:767px) {
        .home-slider {
            min-height: 575px !important;
            height: 575px !important;
        }
    
        .home-slider .list {
            min-height: 610px;
            min-height: auto;
            margin-left: -62% !important;
        }
    
        .swiper-pagination123 {
            top: 250px;
        }
    
        .swiper-button-next {
            right: calc(7% - 10px) !important;
        }
    
        .swiper-button-prev {
            right: calc(19% - 15px) !important;
        }
    }





    /* .full-gallery-slider .slick-slide.slick-current.slick-active img{width: 100%; height: 100%; object-fit: cover;} */



    /*22-01-2024*/


    .full-gallery-slider .slick-arrow{
        top: 50%;
    }
    .full-gallery-slider .slick-track {
        display: flex;
        align-items: flex-end;
        min-height: 700px;
    }
    .full-gallery-section .slick-slide{
        height : unset !important;
        transform: scale(0.8) translateY(25%)  !important;
    }
    .full-gallery-slider .slick-slide.slick-current, .full-gallery-slider .slick-slide.slick-center {
        height : unset !important;
        transform: scale(1.2) translateY(0)  !important;
        z-index: 999;
    }
    
    .full-gallery-slider .slick-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
 



  


    .shop-food-gallery-slider  .slick-track {
        display: flex;
        align-items: flex-end;
        height: 740px;
    }
    .shop-food-gallery-slider .slick-slide{
        height : unset !important;
        transform: scale(0.8) translateY(25%)  !important;
    }
    .shop-food-gallery-slider .slick-slide.slick-current, .shop-food-gallery-slider .slick-slide.slick-center {
        height : unset !important;
        transform: scale(1.2) translateY(0)  !important;
        z-index: 999;
    }
    
    .shop-food-gallery-slider .slick-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
 




    @media  (max-width: 1680px){
        .full-gallery-slider.slick-initialized.slick-slider {
            min-height: 560px;
        }
        .full-gallery-slider .slick-next:before{
            background-size: 70%;
            background-position: center center !important;
        }
        .full-gallery-slider .slick-prev:before{
            background-size: 70%;
            background-position: center center !important;
           
        }
      
        .full-gallery-slider .slick-next {
            right: 280px;
        }
        .full-gallery-slider .slick-prev {
            left: 280px;
        }
        .full-gallery-section {
            padding: 100px 0 50px;
        }
        .full-gallery-slider .slick-track{
            height: 490px;
            min-height: 500px;
        }
        .shop-food-gallery-slider .slick-prev {
            left: 270px;
        }
        .shop-food-gallery-slider .slick-next {
            right: 270px;
        }

        .shop-food-gallery-slider .slick-track{
            height: 450px;
            min-height: 450px;
        }

        .shop-food-gallery-slider .slick-prev:before {
            background-size: 70%;
            background-position: center center !important;
        }
        .shop-food-gallery-slider .slick-next:before {
            background-size: 70%;
            background-position: center center !important;
        }
        .swiper-pagination123{
            top: 100%;
        }
    }

    @media  (max-width: 1550px){
        .swiper-pagination123 {
            top: 100%;
        }
    }

    @media  (max-width: 1440px){
        .full-gallery-slider .slick-track {
            height: 450px;
            min-height: 450px;
        }
        .full-gallery-slider .slick-prev {
            left: 290px;
        }
        .full-gallery-slider .slick-next {
            right: 290px;
        }

        .full-gallery-slider.slick-initialized.slick-slider {
            min-height: 470px;
        }
        .shop-food-gallery-slider .slick-prev {
            left: 290px;
        }
        .shop-food-gallery-slider .slick-next {
            right: 290px;
        }
        .swiper-pagination123 {
            top: 88%;
        }
        .swiper-button-prev {
            right: calc(52.3% - 15px);
        }
        .swiper-button-next {
            right: calc(47% - 10px);
        }
        .swiper-pagination.swiper-pagination-bullets {
            right: 13.5vw;
        }
        .swiper-button-prev {
            right: calc(52% - 15px) !important;
        }
       
    }

    @media  (max-width: 1400px){
        .full-gallery-slider .slick-track {
            height: 420px;
            min-height: 420px;
        }
        .full-gallery-slider.slick-initialized.slick-slider {
            min-height: 480px;
        }
        .swiper-pagination123 {
            top: 95%;
        }
        
    }

    
    @media  (max-width: 1399px){
        .swiper-pagination123 {
            top: 110%;
        }
        .swiper-button-prev {
            right: calc(52% - 15px) !important;
        }
        .swiper-button-next {
            right: calc(46.5% - 10px) !important;
        }
        .swiper-pagination.swiper-pagination-bullets{
            right: 13vw !important;
        }
    }

   
    @media  (max-width: 1280px){
        .full-gallery-slider .slick-track {
            height: 350px;
            min-height: 350px;
        }
        .full-gallery-slider.slick-initialized.slick-slider {
            min-height: unset;
        }
        .swiper-pagination123 {
            top: 112%;
        }
    }

    @media  (max-width: 1200px){
     
        .full-gallery-slider.slick-initialized.slick-slider {
            min-height: unset;
        }
        .full-gallery-slider .slick-prev {
            left: 100px;
        }
        .full-gallery-slider .slick-next {
            right: 100px;
        }
        .swiper-pagination.swiper-pagination-bullets {
            right: 13.5vw !important;
        }
        
    }

    @media  (max-width: 1024px){
        .full-gallery-slider.slick-initialized.slick-slider {
            min-height: unset;
        }
        .swiper-pagination123 {
            top: 98%;
        }
    }
    
    @media  (max-width: 992px){
       
        .full-gallery-slider .slick-slide.slick-current, .full-gallery-slider .slick-slide.slick-center{
            transform: scale(1.1) translateY(0) !important;
        }
        .full-gallery-slider .slick-track{
            align-items: center;
        }
       
        .full-gallery-slider .slick-arrow{
            top: 50%;
        }
        .district-slider .slick-prev{
            top: 43%;
        }
        .district-slider .slick-next{
            top: 43%;
        }
        .shop-food-gallery-slider .slick-slide.slick-current, .shop-food-gallery-slider .slick-slide.slick-center{
            transform: scale(1.15) translateY(0) !important;
        }
        .swiper-pagination123 {
            top: 270px;
            right: 0;
        }
        .swiper-button-next {
            bottom: 58%;
            right: 30px !important;
        }
        .swiper-button-prev {
            bottom: 58%;
            right: 90px !important;
        }
      
       
    }

    @media  (max-width: 767px){
        .full-gallery-slider .slick-slide.slick-current, .full-gallery-slider .slick-slide.slick-center {
        height : 300px;
    }
        .full-gallery-slider.slick-initialized.slick-slider {
            min-height: 160px;
        }
        .full-gallery-slider .slick-next:before, .full-gallery-slider .slick-next, .full-gallery-slider .slick-prev:before, .full-gallery-slider .slick-prev{
            top: 40% !important;
        }
        .main-gallery-section .slick-next:before, .main-gallery-section .slick-next, .main-gallery-section .slick-prev:before, .main-gallery-section .slick-prev{
            top: 32% !important;
        }
        .full-gallery-slider .slick-prev {
            left: 40px !important;
        }
        .full-gallery-slider .slick-next {
            right: 40px !important;
        }
        .full-gallery-slider .slick-track{
            height: auto;
            min-height: auto;
        }
        .swiper-pagination123 {
            top: 250px;
            right: 0;
        }
    }



    #district-section .slick-track{
        min-height: unset;
    }






    .full-gallery-slider-dis .slick-arrow{
        top: 50%;
    }
    .full-gallery-slider-dis .slick-track {
        display: flex;
        align-items: flex-end;
        min-height: 700px;
    }
    .full-gallery-section .slick-slide{
        height : unset !important;
        transform: scale(0.8) translateY(25%)  !important;
    }
    .full-gallery-slider-dis .slick-slide.slick-current, .full-gallery-slider-dis .slick-slide.slick-center {
        height : unset !important;
        transform: scale(1.2) translateY(0)  !important;
        z-index: 999;
    }
    
    .full-gallery-slider-dis .slick-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
 

    .full-gallery-slider-dis .slick-track {
        display: flex;
        align-items: flex-end;
    }
    
    .full-gallery-slider-dis .slick-prev:before {
        background: var(--wpr-bg-4f977d56-9ca0-4d2f-a984-bebf6068b8ce);
        background-repeat: no-repeat;
    }
    
    .full-gallery-slider-dis .slick-next:before {
        background: var(--wpr-bg-703f6cd9-9acd-409e-9154-cfb003dfd1b3);
        background-repeat: no-repeat;
    }
    
    .full-gallery-slider-dis .slick-prev {
        left: 240px;
        top: 50%;
    }

    .full-gallery-slider-dis .slick-next {
        right: 240px;
        top: 50%;
    }


    .full-gallery-slider-dis .slick-slide {
        padding: 0 32px;
        height: 522px;
        object-fit: cover;
    }
    
    .full-gallery-slider-dis .slick-slide.slick-current.slick-active {
        height: 739px;
        width: auto;
        object-fit: cover;
        transition: all 1.5s ease-in-out !important;
    }
    
    .full-gallery-slider-dis .slick-list {
        padding: 0 -32px;
    }
  


  
 




    @media  (max-width: 1680px){
        .full-gallery-slider-dis.slick-initialized.slick-slider {
            min-height: 560px;
        }
        .full-gallery-slider-dis .slick-next:before{
            background-size: 70%;
            background-position: center center !important;
        }
        .full-gallery-slider-dis .slick-prev:before{
            background-size: 70%;
            background-position: center center !important;
           
        }
      
        .full-gallery-slider-dis .slick-next {
            right: 280px;
        }
        .full-gallery-slider-dis .slick-prev {
            left: 280px;
        }
        .full-gallery-section {
            padding: 100px 0 50px;
        }
        .full-gallery-slider-dis .slick-track{
            height: 490px;
            min-height: 500px;
        }
        .shop-food-gallery-slider .slick-prev {
            left: 270px;
        }
        .shop-food-gallery-slider .slick-next {
            right: 270px;
        }

        .shop-food-gallery-slider .slick-track{
            height: 450px;
            min-height: 450px;
        }

        .shop-food-gallery-slider .slick-prev:before {
            background-size: 70%;
            background-position: center center !important;
        }
        .shop-food-gallery-slider .slick-next:before {
            background-size: 70%;
            background-position: center center !important;
        }

       
    }

    @media  (max-width: 1440px){
        .full-gallery-slider-dis .slick-track {
            height: 450px;
            min-height: 450px;
        }
        .full-gallery-slider-dis .slick-prev {
            left: 290px;
        }
        .full-gallery-slider-dis .slick-next {
            right: 290px;
        }

        .full-gallery-slider-dis.slick-initialized.slick-slider {
            min-height: 470px;
        }
        .shop-food-gallery-slider .slick-prev {
            left: 290px;
        }
        .shop-food-gallery-slider .slick-next {
            right: 290px;
        }
        
        
        
    }

    @media  (max-width: 1400px){
        .full-gallery-slider-dis .slick-track {
            height: 420px;
            min-height: 420px;
        }
        .full-gallery-slider-dis.slick-initialized.slick-slider {
            min-height: 480px;
        }
        
    }

   
    @media  (max-width: 1280px){
        .full-gallery-slider-dis .slick-track {
            height: 350px;
            min-height: 350px;
        }
        .full-gallery-slider-dis.slick-initialized.slick-slider {
            min-height: unset;
        }
    }

    @media  (max-width: 1200px){
     
        .full-gallery-slider-dis.slick-initialized.slick-slider {
            min-height: unset;
        }
        .full-gallery-slider-dis .slick-prev {
            left: 100px;
        }
        .full-gallery-slider-dis .slick-next {
            right: 100px;
        }
        
    }

    @media  (max-width: 1024px){
        .full-gallery-slider-dis.slick-initialized.slick-slider {
            min-height: unset;
        }
    }
    
    @media  (max-width: 992px){
       
        .full-gallery-slider-dis .slick-slide.slick-current, .full-gallery-slider-dis .slick-slide.slick-center{
            transform: scale(1.1) translateY(0) !important;
        }
        .full-gallery-slider-dis .slick-track{
            align-items: center;
        }
       
        .full-gallery-slider-dis .slick-arrow{
            top: 50%;
        }
        .district-slider .slick-prev{
            top: 43%;
        }
        .district-slider .slick-next{
            top: 43%;
        }
        .shop-food-gallery-slider .slick-slide.slick-current, .shop-food-gallery-slider .slick-slide.slick-center{
            transform: scale(1.15) translateY(0) !important;
        }
      
       
    }

    @media  (max-width: 767px){
        .full-gallery-slider-dis .slick-slide.slick-current, .full-gallery-slider-dis .slick-slide.slick-center {
        height : 300px;
    }
        .full-gallery-slider-dis.slick-initialized.slick-slider {
            min-height: 160px;
        }
        .full-gallery-slider-dis .slick-next:before, .full-gallery-slider-dis .slick-next, .full-gallery-slider-dis .slick-prev:before, .full-gallery-slider-dis .slick-prev{
            top: 40% !important;
        }
        .main-gallery-section .slick-next:before, .main-gallery-section .slick-next, .main-gallery-section .slick-prev:before, .main-gallery-section .slick-prev{
            top: 32% !important;
        }
        .full-gallery-slider-dis .slick-prev {
            left: 40px !important;
        }
        .full-gallery-slider-dis .slick-next {
            right: 40px !important;
        }
        .full-gallery-slider-dis .slick-track{
            height: auto;
            min-height: auto;
        }
    }



    #district-section .slick-track{
        min-height: unset;
    }








    .explore-btn{
        margin-left: 20px;
        /* background: #000; */
        padding: 5px;
        display: inline-block;
        position: relative;
        z-index: 9;
    }
    .blue-wrapper .btn.white-btn{
        position: relative;
        z-index: 2;
        cursor: pointer;
    }
    .explore-list{
        display: none;
        position: absolute;
        right: 0;
        top: auto;
        bottom: 100%;
        z-index: 9;
        border-radius: 6px;
        background: #fff;
        max-height: 350px;
        overflow: auto;
    }
    .explore-list li a{
        font-size: 18px;
        padding: 10px 30px;
        background: #fff;
        cursor: pointer;
        border-radius: 6px;
    }
    .explore-list li a:hover{
        background: #f6f6f6;
    }
    .explore-list.active{
        display: inline-block;
    }
    .blue-wrapper .white-btn:visited, .blue-wrapper .white-btn:focus{
        background: transparent !important;
        color: #fff !important;
        border-color: #fff !important;
    }
    .explore-list li a {
        color: #000 !important;
        text-align: left;
        width: 100%;
    }
    .explore-list::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }
    
    
    .explore-list::-webkit-scrollbar-track {
        background: #f1f1f1;
    }
 
    
    .explore-list::-webkit-scrollbar-thumb {
    background: #B4975A;
    }
    
    
    .explore-list::-webkit-scrollbar-thumb:hover {
        background: #060F38;
    }
    /* -------------------------------------- */
    #homepage-masterplan-map {
        width: 100%;
        min-height: 602px;
    }
 
    .highlight-button {
        margin: 5px;
        padding: 5px;
        cursor: pointer;
    }
    #homepage-masterplan-map button:focus {
        outline: 0 !important;
    }
    a[rel="noopener"] {
        display: none !important;
    }
    .gm-style-cc {
        display: none;
    }
    /* --------------------------------------- */
 
    .master-popup-overlay {
        position: absolute;
        bottom: auto;
        top: 100%;
        background: #fff;
        width: 100%;
        left: 0;
        height: auto;
        min-height: 400px;
    }
 
    .header-section {
        display: flex;
        padding: 10px 15px;
        justify-content: space-between;
        gap: 15px;
        align-items: center;
    }
    .close-button i {
        color: #1A182F;
    }
    .master-plan-step-2 {
        display: flex;
        padding: 10px 0 30px 0;
        max-height: 555px;
        overflow: auto;
    }
 
    .close-button {
        display: flex;
        justify-content: center;
    }
    .back-button i {
        margin-right: 6px;
        font-size: 14px;
    }
    .back-button {
        color: #1A182F;
        font-size: 12px;
        line-height: 12px;
        font-weight: bold;
        display: inline-block;
        text-transform: uppercase;
        padding: 10px 15px;
        border: 1px solid #000;
        display: flex;
        justify-content: center;
        align-items: center;
    }
 
    .master-plan-step-1 ul, .master-plan-step-2 ul  {
        padding: 10px 15px;
        margin: 0;
        display: flex;
        flex-direction: column;
    }
    .master-plan-step-1 ul li, .master-plan-step-2 ul li {
        font-size: 14px;
        color: #1A182F;
        text-align: left;
        padding: 5px 15px;
        border-bottom: 1px solid #eee;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .master-plan-step-1 ul li:hover, .master-plan-step-2 ul li:hover {
        color: #B4975A;
    }
    .back-button {
        opacity: 0;
    }
 
    .back-button.active {
        opacity: 1;
    }
 
    .master-plan-step-2.active, .master-plan-step-1.active  {
        display: block;
    }
 
    .master-plan-step-1,.master-plan-step-2  {
        display: none;
    }
 
    .blue-band .master-plan-step-2 h4 {
        color: #1A182F;
        font-size: 18px;
    }
 
    /* width */
    .master-plan-step-2::-webkit-scrollbar {
        width: 5px;
        height: 5px;;
    }
 
    /* Track */
    .master-plan-step-2::-webkit-scrollbar-track {
        background: #f1f1f1;
    }
    
    /* Handle */
    .master-plan-step-2::-webkit-scrollbar-thumb {
        background: #060F38;
    }
 
    /* Handle on hover */
    .master-plan-step-2::-webkit-scrollbar-thumb:hover {
        background: #B4975A;
    }
    .master-popup-overlay {
        display: none;
    }
    .master-popup-overlay.active {
        display: block;
    }





    .intro-section .btn{
        margin: 0 10px;
    }




.vibez-wrapper .vibez-content {
    padding: 42px 60px 0;
}
    

/* News Listing page desktop CSS start*/
section.news-page{
    padding-bottom: 200px;
    text-align: center;
}
section.news-page .btn{
    margin-top: 100px !important;
}
section.news-page .news-box{
    text-align: left;
    margin-bottom: 50px;
}
img.news-box-banner {
    height: 350px;
    width: 100%;
    object-fit: cover;
    border-radius: 14px;
    overflow: hidden;
}
.news-box h4 {
    margin-top: 32px;
    font-size: 28px;
}
.news-box a {
    font-family: 'nexaheavy';
    font-size: 20px;
    color: #131313;
    margin-top: 40px;
    transition: 0.5s;
}
.news-box a:hover {
    color: #b4975a;
}
.news-box a img{
    margin: 0 15px;
}
.news-box span {
    font-size: 16px;
    font-weight: bold;
}
.news-box p {
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    color: #131313;
    margin-top: 50px;
    font-family: 'nexaregular';
    min-height: 125px;
}
/* News Listing page desktop CSS end*/

/* News single page desktop CSS start */
.news-inner-section{
    text-align: center;
    margin: 100px 0;
}
.news-inner-section h2{
    color: #0E0E0E;
}
.news-inner-section p{
    font-size: 20px;
    font-family: 'nexaregular';
}

.news-inner-section .btn{
    margin-top: 100px !important;
}
/* News single page desktop CSS end */

/*Golf page */
header.main-header.golfpage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(180deg, rgb(0 0 0 / 70%), transparent);
    box-shadow: none;
}
.golfpage .main-menu li a {
	color: #fff;
}
.golfpage .logo-band a img {
	filter: brightness(0) invert(1);
}
.golfpage .dropdown-toggle::after {
	color: #fff;
}
.golfpage .nice-select.language-change-dropdown {
	background: transparent;
	color: #fff;
}
.golfpage .nice-select span.current {
	background: transparent;
	color: #fff;
}
.golfpage .search-container img {
	filter: brightness(0) invert(1);
}
.golfpage button.contact-btn {
	background: #fff !important;
	border: none;
}
.golfpage .navbar-nav .dropdown-menu{
	background: var(--wpr-bg-373670fe-8c07-4c1b-97f4-1d79c3a17181);
	background-size: cover;
}
.golfpage .navbar-nav .dropdown-menu li a:hover{
    color: #fff;
}
.golfpage button.contact-btn:hover {
    background: #AF9863 !important;
    color: #fff;
    border: none;
}
.golf-link-residence-sec h2.title {
    color: #074B52;
    font-weight: bold;
    padding: 50px 0;
}
.golf-link-residence-sec h2.title span {
    color: #B4975A;
    font-weight: bold;
    padding: 50px 0;
}
.golfpage .button-search:hover{
    background: transparent !important;
}
.golfpage .nice-select:after{
    filter: brightness(0) invert(1);
}
.golfpage .nice-select .list {
    background: transparent;
}
.golfpage .nice-select .option:hover,.golfpage .nice-select .option.focus,.golfpage .nice-select .option.selected.focus {
    background-color: transparent !important;
}
section.golf-links{
	background: var(--wpr-bg-2e22ba73-3125-4c7d-8947-f2477da263d6);
	padding: 90px 0;
	text-align: center;
	background-size: cover;
}
section.white-bg-fea{
	background: var(--wpr-bg-3f7a4364-55b8-4c46-91cf-2d45544c46b6);
	padding: 90px 0;
	text-align: center;
	background-size: cover;
}
section.green-bg-fea{
	background: var(--wpr-bg-1c325004-f208-42fa-b3c4-ec884832fb9e);
	padding: 90px 0;
	text-align: center;
	background-size: cover;
}
.golf-links h4 {
	color: #AF9863;
	font-size: 2rem;
	font-weight: bold;
	letter-spacing: 2px;
}
.golf-links h2 {
	color: #fff;
	font-size: 3.5rem;
	letter-spacing: 2px;
	padding: 30px 0;
    /* font-family: Canela-regular; */
}
.golf-links h2 span{
	/* font-weight: bold; */
}
.golf-links p{
	color: #fff;
	padding:60px 30px;
}
.golf-links .price-div p{padding: 0;margin: 0;}
.price-div {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	width: 75%;
	margin: auto;
	margin-bottom: 50px;
}
.price-div p{font-weight: bold;}
.price-div > div {
		width: 33.3%;
		border-right: 1px solid #fff;
	}
.price-div > div:last-child {
		border: none;
	}
	.white-bg-fea .btn-golf-green{
		background: var(--wpr-bg-0dc85494-0886-46cd-86af-2a05761d0cdb);
		background-size: 100%;
		color: #fff;
	}
	.white-bg-fea .btn-wrap-green::after{
		background: var(--wpr-bg-d962cd7a-ca97-47eb-8b40-fd04a2eb567e);
	}
	.btn-golf-green {
		padding: 15px 60px;
		background: #F3EEE4;
		color: #074B52;
		clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
	}
	.btn-wrap-green::after{
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		right: 0;
		background: #F3EEE4;
		clip-path: polygon(96% 43%, 92% 0, 100% 0);

	}
	.btn-wrap-green {
		position: relative;
		margin: 0 10px;
		font-size: 18px;
	}
	.btn-wrap-main{
		display: flex;
		justify-content: center;
		margin-top: 70px;
	}
	.btn-plain {
		padding: 20px;
		border-radius: 8px;
		border: 1px solid #fff;
		width: 100%;
		color: #fff;
		font-size: 28px;
		font-weight: bold;
	}
	.green-bg-fea h3{color: #fff;margin-bottom: 70px;
        /* font-family: Canela-regular; */
    }
	.green-bg-fea p{color: #fff;font-weight: bold;margin-top: 20px;}

	.slider-newshape{position: relative;}

.slider-newshape .slick-slider {
	width: 100%;
	height: 800px;
}
.slider-newshape .slick-slider div {
	height: 100%;
	position: relative;
}
.slider-newshape .slick-slider p {
	position: absolute;
	bottom: 0;
	left: 0;
	transition: 0.8s;
}

.slider-newshape .slick-arrow {
	position: absolute;
	top: 50%;
	z-index: 10;
}
.slider-newshape .slick-prev {
	left: 50px;
}
.slider-newshape .slick-next {
	right: 50px;
}
.slider-newshape .slick-slider a {
	font-size: 2vw;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	display: block;
	height: 100%;
	width:100%;
	/* background: url(../../../../../../../../themes/almouj/assets/css/images/STREGIS.jpg) no-repeat center / cover; */
}
/* .slider-newshape .slick-bg2 a {
	background-image: url(../../../../../../../../themes/almouj/assets/css/images/OKURA.jpg)
}
.slider-newshape .slick-bg3 a {
	background-image: url(../../../../../../../../themes/almouj/assets/css/images/MYSK.jpg)
}
.slider-newshape .slick-bg4 a {
	background-image: url(../../../../../../../../themes/almouj/assets/css/images/KEMPENSKI.jpg)
} */
.slider-newshape .slick-dots {
	text-align: center;
}
.slider-newshape .slick-dots > li {
	display: inline-block;
	margin: 12px;
}
.slider-newshape .slick-dots button {
	width: 12px;
	height: 12px;
	background-color: gray;
	border-radius: 50%;
	text-indent: -9999px;
	padding: 0;
	border: none;
}
.slider-newshape .slick-dots .slick-active button {
background-color: red;
}
.slider-newshape .slick-initialized .slick-slide.slick-active {
	clip-path: polygon(80% 0, 99% 50%, 80% 100%, 0 100%, 0 0);
}
.slider-newshape .slick-initialized .slick-current.slick-slide.slick-active {
	clip-path: none;
}
.slider-newshape .slick-initialized .slick-slide p {
	background: rgb(7 75 82 / 65%);
	display: block;
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 0;
	margin: 0;
	padding: 10px;
	color: #fff;
}
.slider-newshape .slick-next:before{
	background: var(--wpr-bg-11d9bf56-57f6-4c34-bddd-02c6865bcd2b) no-repeat; 
}
.slider-newshape .slick-prev:before{
	background: var(--wpr-bg-005663e8-726e-44ed-adbd-19bf6d671462) no-repeat; 
}
.slider-newshape .text-float {
    position: absolute !important;
    width: 500px;
    z-index: 999;
    text-align: center;
    top: 100px;
    left: 50%;
    color: #fff;
    height: unset !important;
    transform: translateX(-50%);
}
.slider-newshape .text-float h5{
	color: #fff;
	font-size: 2rem;
	margin-bottom: 30px;
    /* font-family: Canela-regular; */
}
.golf-link-amin .box-content{
    background: rgb(7 75 82 / 10%) !important;
    margin: 5px;
}
.golf-link-amin .box-wrapper{
    gap: 0px 0;
}
.golf-link-amin .box-wrapper .box-icon{
    height: 85px;
}
.golf-link-amin .box-wrapper .box-icon img{
    height: 100%;
}
.amenities-sec.golf-link-amin h2 {
    font-weight: bold;
    color: #b4975a;
}
.amenities-sec.golf-link-amin .box-text {
    margin-top: 25px;
    font-size: 18px;
    line-height: 28px;
    font-weight: bold;
}
.slider-newshape .text-float p {
    color: #fff;
    font-size: 1.2rem;
    background: none !important;
    position: relative !important;
}
a.btn-golf-green:hover {
    color: #B4975A;
}

.golf-hero .hero-slider .slick-slide {
    height: 100vh;
    object-fit: cover;
}
img.ar-down {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);    
    width: 30px;
}
.golf-link-residence-sec.explore-section .explore-slider .slick-list {
    padding: 0 0% 0 0 !important;
}
.golf-link-residence-sec.explore-section .slick-arrow {
    top: calc(50% - 0px);
}

@media (max-width:767px){
	.btn-wrap-main{
		flex-direction: column;
		width: 75%;
		margin: auto;
	}
	.btn-wrap-green {
		margin: 0;
		margin-bottom: 10px;
	}
	.btn-golf-green {
        width: 100%;
        font-size: 14px;
        min-width: unset;
    }
	.price-div {
		flex-direction: column;
		width: 100%;
	}
    .green-bg-fea h3 {
        font-size: 26px;
    }
	.price-div > div {
		width: 100%;
		border-bottom: 1px solid #fff;
		border-right:none;
		padding: 20px 0;
	}

	.slider-newshape .text-float{
		width: 80%;
		left: 50%;
		transform: translateX(-50%);
	}
    .golf-link-residence-sec .full-gallery-slider.slick-initialized.slick-slider{
        margin-bottom: 50px;
    }
    .golf-link-amin.amenities-sec .box-content {
        width: 47%;
    }
    .amenities-sec.golf-link-amin .box-text {
        margin-top: 25px;
        font-size: 14px;
        line-height: 16px;
        font-weight: bold;
    }
    .golf-hero video {
        height: 100vh !important;
    }
    .golfpage .navbar-collapse {
        background: #074b60;
    }
    .mobile-pad-top{
        padding: 50px 0;
    }
    .golf-links h2 {
        font-size: 1.8rem;
    }
    .golf-links p {
        color: #fff;
        padding: 15px 0;
    }
    .btn-golf-green {
        padding: 15px 25px;
    }
    section.white-bg-fea{
        padding: 0 !important;
    }
    .green-bg-fea h3 {
        font-size: 22px;
        line-height: 25px;
    }
    .slider-newshape .slick-next {
        right: calc(50% - 50px);
        top: unset;
        bottom: 50px;
    }
    .slider-newshape .slick-prev {
        left: calc(50% - 50px);
        top: unset;
        bottom: 50px;
    }
    .btn-plain {
        width: 90%;
        margin: auto;
    }
}

/*New Changes sep 11 2040 */
hr.seperator-gla {
    opacity: 1;
    height: 2px;
    margin-bottom: 40px !important;
}
.green-bg-fea h4{
    color: #fff;
}
.btn-plain {
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #fff;
    width: 100%;
    color: #000;
    font-size: 28px;
    font-weight: bold;
    background: #fff;
}
.btn-plain.bg-white-lg {
    background: #cbdbdc;
}
.golf-link-residence-sec .slick-slide img{
    width: 100%;
}
.green-bg-fea h3{
    font-weight: normal !important;
}




@media (max-width:767px){
    .green-bg-fea h4 {
        color: #fff;
        font-size: 1.1rem;
    }
    .amenities-sec.golf-link-amin .box-text {
        font-weight: normal;
    }
    .btn-plain {
        width: 70% !important;
        margin: auto;
        font-size: 20px !important;
    }
    .green-bg-fea h3 {
        font-size: 18px;
        line-height: 25px;
    }
}



.register-popup .wpcf7-not-valid-tip{
    display: inline-block;
}
.register-popup input{
    pointer-events: auto;
}

/*Home page changes css */

 .banner-azura-main-home{
   width: 100%;
   height: 100vh;
   position: relative;
}
.banner-azura-main-home:before {
content: "";
background: linear-gradient(0deg, rgb(0 0 0 / 70%), transparent);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.banner-azura-main-home img{
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
}
.banner-azura-main-home-text{
   position: absolute;
   top: 50%;
   left: 50%;
   width: 50%;
   transform: translate(-50% , -50%);
   text-align: center;
   color: #fff;
   z-index: 1;
}
.banner-azura-main-home-text h1{
   color: #fff;
   font-size: 36px;
   margin-bottom: 20px;
}
.banner-azura-main-home-text p{
   color: #fff;
   font-size: 20px;
   margin-bottom: 20px;
}
@media (max-width:767px){
   .banner-azura-main-home-text{
       width: 90% !important;
   }
}