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

body {
    color: #53565a;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    margin: 0;
    height: 0;
}
img {
    max-width: 100%;
}
a {
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    color: #53565a;
}
a.transparent-btn {
    border: 1px solid #b0776c;
    padding: 0.7rem;
    color: #b0776c !important;
    -webkit-transition: all 0.2s linear !important;
    transition: all 0.2s linear;
}

a.transparent-btn:hover {
    color: #fff;
    background-color: #53565a;
    border-color: #53565a;
}

.link {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}

.link:hover {
    color: #0056b3;
    text-decoration: underline;
}

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

p {
    font-size: 16px;
    color: #53565a;
    line-height: 18px;
}

h1 {
    font-size: 45px;
}

h2 {
    font-size: 38px;
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 22px;
}
h1,
h2,
h3,
h4 {
    padding: 3vw 0;
}
.arial {
    font-family: Arial, Helvetica, sans-serif;
}

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

.underline {
    text-decoration: underline;
}
.txt-center {
    text-align: center;
}
.txt-bold {
    font-weight: bold;
}
.txt-light {
    font-weight: 300;
}
.txt-bolder{
    font-weight: 500 !important;
}
.txt-white {
    color: #ffffff;
}

.txt-black {
    color: #000000;
}

.txt-gray {
    color: #7E7E7E;
}

.txt-dark-gray {
    color: #242331;
}

.txt-brown {
    color: #b0776c;
}

.txt-beige {
    color: #fbf7f7;
}

.bg-white {
    background-color: #ffffff;
}

.bg-black {
    background-color: #000000;
}

.bg-gray {
    background-color: #53565a;
}

.bg-dark-gray {
    background-color: #242331;
}

.bg-brown {
    background-color: #b0776c;
}

.bg-beige {
    background-color: #fbf7f7;
}

.w-1 {
    width: 100%;
}

.w-2 {
    width: 50%;
}

.w-3 {
    width: 33.33%;
}

.w-4 {
    width: 25%;
}

.w-5 {
    width: 20%;
}

.w-6 {
    width: 16.66%;
}

.w-7 {
    width: 14.28%;
}

.w-8 {
    width: 12.5%;
}

.w-9 {
    width: 11.11%;
}

.w-13 {
    width: 66.67%;
}

.w-14 {
    width: 75%;
}

.w-15 {
    width: 80%;
}

.w-16 {
    width: 83.34%;
}

.w-17 {
    width: 85.72%;
}

.w-18 {
    width: 87.5%;
}

.w-19 {
    width: 88.89%;
}
.w-fit {
    width: fit-content;
}
.w-max {
    width: max-content;
}
.h-100 {
    height: 100%;
}
.h-80 {
    height: 80%;
}
.h-60 {
    height: 60%;
}
.h-40 {
    height: 40%;
}
.h-150{
    height: 150px;
}
.container {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.container-75 {
    width: 75%;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.container-60 {
    width: 60%;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.col-flexed {
    display: flex;
    flex-direction: column;
}
.flexed-1-gap {
    display: flex;
    gap: 1rem;
    align-items: center;
}
.flexed-2-gap {
    display: flex;
    gap: 2rem;
    align-items: center;
}
.flexed-3-gap {
    display: flex;
    gap: 3rem;
    align-items: center;
}
.half-gap {
    gap: 0.5rem;
}
.flexed {
    display: flex;
}
.flexed-center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.flexed-end {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.flexed-start {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.flexed-spaced-btween {
    display: flex;
    justify-content: space-between;
}
.flexed-spaced-evenly {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.flexed-baseline {
    display: flex;
    align-items: baseline;
}
.flexed-marg-auto {
    display: flex;
    margin: auto;
}
.d-grid {
    display: grid;
}
.grid-col {
    display: grid;
    grid-template-columns: 24.1% 24.1% 24.1% 24.1%;
    gap: 1rem;
    justify-content: center;
}
.grid-col-33 {
    display: grid;
    grid-template-columns: repeat(3, 33%) !important;
    gap: 1rem;
    justify-content: center;
}
.main-content .container .NM-row.flexed-spaced-evenly {
    align-items: flex-start;
}
.main-section .container .NM-row .text-big p {
    line-height: 25px;
}
.NM-intro .container .NM-row .text-big h2 {
    padding: 3vw 0 1vw;
    font-size: 32px;
}
/* Width Styles */
.w100 {
    width: 100px;
}
.w-100 {
    width: 100%;
}
.w-30 {
    width: 30%;
}
.w-40 {
    width: 40%;
}
.w-50 {
    width: 50%;
}
.entertain-section .img-wrapper img {
    max-height: 467px;
}
.entertain-section a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    direction: ltr;
    unicode-bidi: embed;
}
.entertain-section a:hover {
    color: #0056b3;
    text-decoration: underline;
}
.entertain-section .description-wrapper h2 {
    padding: 0;
    margin-bottom: .5rem;
    font-size: 2rem;
    font-weight: 500;
    color: #53565A;
}
.entertain-section .description-wrapper p {
    margin-bottom: 1rem;
}
.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.j-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

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

.j-sb {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.j-sa {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.j-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
}

.j-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}

.align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.align-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.align-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.fd-row-rev {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.fd-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.fd-col-rev {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.d-grid {
    display: -ms-grid;
    display: grid;
}
.ellipsis-txt{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.p-0 {
    padding: 0;
}

.p-1 {
    padding: 1rem;
}

.p-2 {
    padding: 2rem;
}

.p-3 {
    padding: 3rem;
}

.p-4 {
    padding: 4rem;
}

.p-5 {
    padding: 5rem;
}

.pt-0 {
    padding-top: 0;
}

.pt-1 {
    padding-top: 1rem;
}

.pt-2 {
    padding-top: 2rem;
}

.pt-3 {
    padding-top: 3rem;
}

.pt-4 {
    padding-top: 4rem;
}

.pt-5 {
    padding-top: 5rem;
}

.pt-6 {
    padding-top: 6rem;
}

.pt-7 {
    padding-top: 7rem;
}

.pr-1 {
    padding-right: 1rem;
}

.pr-2 {
    padding-right: 2rem;
}

.pr-3 {
    padding-right: 3rem;
}

.pr-4 {
    padding-right: 4rem;
}

.pr-5 {
    padding-right: 5rem;
}

.pb-1 {
    padding-bottom: 1rem;
}

.pb-2 {
    padding-bottom: 2rem;
}

.pb-3 {
    padding-bottom: 3rem;
}

.pb-4 {
    padding-bottom: 4rem;
}

.pb-5 {
    padding-bottom: 5rem;
}

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

.pl-1 {
    padding-left: 1rem;
}

.pl-2 {
    padding-left: 2rem;
}

.pl-3 {
    padding-left: 3rem;
}

.pl-4 {
    padding-left: 4rem;
}

.pl-5 {
    padding-left: 5rem;
}

.m-0 {
    margin: 0;
}

.m-1 {
    margin: 1rem;
}

.m-2 {
    margin: 2rem;
}

.m-3 {
    margin: 3rem;
}

.m-4 {
    margin: 4rem;
}

.m-5 {
    margin: 5rem;
}

.mt-0 {
    margin-top: 0;
}
.m-auto {
    margin: auto;
}
.mt-1 {
    margin-top: 1rem;
}

.mt-2 {
    margin-top: 2rem;
}

.mt-3 {
    margin-top: 3rem;
}

.mt-4 {
    margin-top: 4rem;
}

.mt-5 {
    margin-top: 5rem;
}

.mr-0 {
    margin-right: 0;
}

.mr-1 {
    margin-right: 1rem;
}

.mr-2 {
    margin-right: 2rem;
}

.mr-3 {
    margin-right: 3rem;
}

.mr-4 {
    margin-right: 4rem;
}

.mr-5 {
    margin-right: 5rem;
}

.mb-0 {
    margin-bottom: 0;
}

.mb-1 {
    margin-bottom: 1rem;
}

.mb-2 {
    margin-bottom: 2rem;
}

.mb-3 {
    margin-bottom: 3rem;
}

.mb-4 {
    margin-bottom: 4rem;
}

.mb-5 {
    margin-bottom: 5rem;
}

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

.ml-0 {
    margin-left: 0;
}

.ml-1 {
    margin-left: 1rem;
}

.ml-2 {
    margin-left: 2rem;
}

.ml-3 {
    margin-left: 3rem;
}

.ml-4 {
    margin-left: 4rem;
}

.ml-5 {
    margin-left: 5rem;
}
.p-rel {
    position: relative;
}
.p-abs {
    position: absolute;
}
.fa {
    color: #b0776c;
}

.mw-41 {
    max-width: 41% !important;
}

header {
    position: fixed;
    width: 100%;
    z-index: 1000;
    padding: 2rem 0;
    background-color: #ffffff;
    top: 0;
}
header .nav-menu .menu-list .menu-item {
    margin-right: 2rem;
}

header .nav-menu .menu-list .menu-item a {
    color: #b0776c;
}

header .nav-menu .menu-list .menu-item.submenu-parent .submenu {
    display: none;
    list-style: none;
    position: absolute;
    color: #b0776c;
    background-color: #fff;
    padding: 1rem;
}

header .nav-menu .menu-list .menu-item.submenu-parent .submenu .submenu-item {
    padding: 0.5rem;
}

header .nav-menu .menu-list .menu-item.submenu-parent:hover .submenu {
    display: block;
}

header .mobile-menu-wrapper {
    display: none;
}
footer {
    padding: 2rem 0;
}
footer .logo-wrapper img {
    width: 140px;
}
footer .new-logo {
    float: inline-end;
}
footer .rows-wrapper .first-row .text-wrapper a {
    padding: 1rem 5rem;
    margin-top: 2rem;
}

footer .rows-wrapper .first-row .subscribe-wrapper label {
    letter-spacing: 1px;
    font-family: -apple-system, BlinkMacSystemFont;
}

footer .rows-wrapper .first-row .subscribe-wrapper .input-btn-wrapper {
    margin-top: 0.5rem;
}

footer .rows-wrapper .first-row .subscribe-wrapper .input-btn-wrapper input {
    padding: 1rem;
    border: none;
    outline: none;
}

footer .rows-wrapper .first-row .subscribe-wrapper .input-btn-wrapper input[type="email"] {
    color: #b0776c;
    width: 25vw;
}

footer .rows-wrapper .first-row .subscribe-wrapper .input-btn-wrapper input[type="email"]::-webkit-input-placeholder,
footer .rows-wrapper .first-row .subscribe-wrapper .input-btn-wrapper input[type="email"]:-ms-input-placeholder,
footer .rows-wrapper .first-row .subscribe-wrapper .input-btn-wrapper input[type="email"]::-ms-input-placeholder,
footer .rows-wrapper .first-row .subscribe-wrapper .input-btn-wrapper input[type="email"]::placeholder {
    color: #b0776c;
    opacity: 0.5;
}

footer .rows-wrapper .second-row {
    margin-top: 3rem;
}

footer .rows-wrapper .second-row .footer-nav-wrapper {
    width: 30%;
}

footer .rows-wrapper .second-row .footer-nav-wrapper .footer-list-wrapper .footer-list-item {
    margin: 0 0.5rem 0.5rem 0;
}

footer .rows-wrapper .second-row .footer-nav-wrapper .footer-list-wrapper .footer-list-item::before {
    content: "\25AA";
    color: #b0776c;
    font-weight: bold;
    display: inline-block;
    width: 1em;
}

footer .rows-wrapper .second-row .footer-nav-wrapper .footer-list-wrapper .footer-list-item a {
    position: relative;
}

footer .rows-wrapper .second-row .footer-nav-wrapper .footer-list-wrapper .footer-list-item a::after {
    content: "";
    position: absolute;
    right: -0.5rem;
    top: 0;
    width: 1px;
    height: 20px;
    background-color: #ffffff;
}

footer .rows-wrapper .second-row .nakheel-logo-wrapper {
    width: 40%;
}
.fade-icons {
    visibility: visible;
    animation-name: fadeInUp;
}

.container {
    width: 100%;
    margin: auto;
    max-width: 75%;
}
.main-section {
    margin: 5% 0;
}
.entertain-section {
    margin: 0 0 5%;
}
.top-banner {
    width: 100%;
    padding-top: 6rem;
}

.top-banner.pattern {
    position: relative;
}

.top-banner.pattern .pattern-img {
    display: block;
}

.top-banner .pattern-img {
    position: absolute;
    bottom: -14rem;
    left: 0.5rem;
    width: 200px;
    height: 500px;
    display: none;
}

.top-banner img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.top-banner>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px;
}

.section-spacing {
    margin: 3rem 0;
}

.gray-title {
    letter-spacing: 10px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.brown-title {
    color: #b0776c;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    text-align: start;
}

.dark-brown-title-big-h2 {
    color: #b0776c;
    font-weight: bold;
    line-height: 40px;
    text-transform: uppercase;
}

.m-auto {
    margin-left: auto;
    margin-right: auto;
}

.rounded-btn {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 0.6rem 2rem;
    border: 1px solid;
    border-radius: 5rem;
    text-decoration: none;
}
.dotted-glide {
    width: 10px;
    height: 10px;
    margin: 5px 10px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 0.2s ease;
    border-radius: 30px;
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
    border: 1px solid #53565A !important;
    background-color: transparent !important;
    border-radius: 0 !important;
}
.dotted-glide-dining {
    width: 10px;
    height: 10px;
    margin: 5px 10px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 0.2s ease;
    border-radius: 30px;
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
    border: 1px solid #53565A !important;
    background-color: transparent !important;
    border-radius: 0 !important;
}
.dotted-glide-lifestyle{
    width: 10px;
    height: 10px;
    margin: 5px 10px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 0.2s ease;
    border-radius: 30px;
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
    border: 1px solid #53565A !important;
    background-color: transparent !important;
    border-radius: 0 !important;
}
.dotted-glide-shopping{
    width: 10px;
    height: 10px;
    margin: 5px 10px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 0.2s ease;
    border-radius: 30px;
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
    border: 1px solid #53565A !important;
    background-color: transparent !important;
    border-radius: 0 !important;
}
.dotted-glide-offers{
    width: 10px;
    height: 10px;
    margin: 5px 10px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 0.2s ease;
    border-radius: 30px;
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
    border: 1px solid #53565A !important;
    background-color: transparent !important;
    border-radius: 0 !important;
}
.dotted-glide-featured{
    width: 10px;
    height: 10px;
    margin: 5px 10px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 0.2s ease;
    border-radius: 30px;
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
    border: 1px solid #53565A !important;
    background-color: transparent !important;
    border-radius: 0 !important;
}
.event-section .glide__slide__item {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    white-space: normal;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
}
.glide__slides {
    white-space: unset !important;
}
.glide-btn {
    height: fit-content;
}
.glide__bullets {
    position: unset !important;
    transform: none !important;
    display: flex !important;
    align-items: flex-start;
}
.selected-dotted {
    background: #AF695B !important;
    border: 1px solid #AF695B;
}
.img-shake {
    animation-name: float;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
.whats-on-section .whats-on-slider-wrapper,
.event-section .container-75 .img-wrapper img {
    width: 100%;
}

.whats-on-section .whats-on-slider-wrapper .slider-item {
    width: 100%;
    height: 50rem;
}

.whats-on-section .whats-on-slider-wrapper .slider-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.container .nav-buttons .left-b {
    left: 10%;
}
.container .nav-buttons .right-b {
    right: 10%;
}
.container .nav-buttons button {
    background: unset;
    border: none;
    z-index: 999;
}
.fa-chevron-left,
.fa-chevron-right,
.glide__slide p,
.tabs-section .tab {
    color: #53565A;
    cursor: pointer;
    letter-spacing: 4px;
    text-align: center;
    transition: 0.5s;
}
.fa-chevron-left:hover,
.fa-chevron-right:hover,
.glide__slide p:hover,
.tabs-section .tab:hover,
.enjoy-nav-active {
    color: #b0776c !important;
}


.counters-section {
    position: relative;
    height: 40rem;
    background-image: url("/frontend-assets/images/homepage/diamond-ptrn-1.png");
    background-repeat: no-repeat;
    background-position: center left;
}

.counters-section .first-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 20rem;
}
.counters-section .first-row .diamond-wrapper.left-diamond {
    left: 25%;
}

.counters-section .first-row .diamond-wrapper.right-diamond {
    left: 4%;
}

.counters-section .first-row .diamond-wrapper .diamond-border {
    position: absolute;
    top: 34px;
    width: 22rem;
}

.counters-section .first-row .diamond-wrapper .diamond-img {
    position: absolute;
    top: 0;
    width: 22rem;
}

.counters-section .first-row .diamond-wrapper .diamond-content-wrapper {
    position: absolute;
    top: 60px;
    width: 22rem;
    height: 14rem;
    text-align: center;
    background-image: url("/frontend-assets/images/homepage/counters-section/diamond-solid.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.counters-section .first-row .diamond-wrapper .diamond-content-wrapper img {
    width: 50px;
    height: auto;
}

.counters-section .first-row .diamond-wrapper .diamond-content-wrapper p,
.counters-section .first-row .diamond-wrapper .diamond-content-wrapper h3,
.counters-section .first-row .diamond-wrapper .diamond-content-wrapper h4 {
    margin: 0;
}

.counters-section .second-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: nowrap;
}

.counters-section .second-row .diamond-wrapper.left-diamond {
    left: 11%;
}

.counters-section .second-row .diamond-wrapper.center-diamond {
    left: 6%;
}

.counters-section .second-row .diamond-wrapper.right-diamond {
    left: 1%;
}

.counters-section .second-row .diamond-wrapper .diamond-border {
    position: absolute;
    top: 34px;
    width: 22rem;
}

.counters-section .second-row .diamond-wrapper .diamond-img {
    position: absolute;
    top: 0;
    width: 22rem;
}

.counters-section .second-row .diamond-wrapper .diamond-content-wrapper {
    position: absolute;
    top: 60px;
    width: 22rem;
    height: 15rem;
    text-align: center;
    background-image: url("/frontend-assets/images/homepage/counters-section/diamond-solid.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.counters-section .second-row .diamond-wrapper .diamond-content-wrapper img {
    width: 50px;
    height: auto;
}

.counters-section .second-row .diamond-wrapper .diamond-content-wrapper p,
.counters-section .second-row .diamond-wrapper .diamond-content-wrapper h3,
.counters-section .second-row .diamond-wrapper .diamond-content-wrapper h4 {
    margin: 0;
}

.diamond-content-wrapper h1,
.diamond-content-wrapper h2,
.diamond-content-wrapper h3,
.diamond-content-wrapper h4 {
    padding: unset;
    font-weight: 300;
}
.overlay {
    display: none;
}
.top-banner .banner-form {
    margin-top: -6rem;
    margin-bottom: 4rem;
}

.top-banner .banner-form .form-category {
    border: 0;
    width: 25%;
    padding: 0.6rem;
    outline: 0;
    color: #ffffff;
    background-color: #b0776c;
}

.top-banner .banner-form .form-search {
    border: 0;
    width: 30%;
    padding: 0.6rem;
    margin: 0 1rem;
    outline: 0;
    color: #ffffff;
    background-color: #b0776c;
}

.top-banner .banner-form .form-search::-webkit-input-placeholder {
    color: #ffffff;
    opacity: 0.7;
}

.top-banner .banner-form .form-search:-ms-input-placeholder {
    color: #ffffff;
    opacity: 0.7;
}

.top-banner .banner-form .form-search::-ms-input-placeholder {
    color: #ffffff;
    opacity: 0.7;
}

.top-banner .banner-form .form-search::placeholder {
    color: #ffffff;
    opacity: 0.7;
}

.top-banner .banner-form .form-btn {
    border: 0;
    color: #ffffff;
    padding: 0.6rem 1rem;
    outline: 0;
    letter-spacing: 0.2px;
    background-color: #b0776c;
}
.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    resize: none;
}
button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
.form-group {
    margin-bottom: 1rem;
}
.con-form-f {
    border-radius: 0;
    background-color: #dfc2c3;
    color: #fff;
    border: 0;
}
.logo-wrapper img {
    width: 150px;
}
.banner-section {
    padding-top: 5rem;
}
.banner-section .tenants-li h2 {
    text-align: center;
}
.banner-section .banner-wrapper {
    background-image: url("/frontend-assets/images/shop-page/banner-section-bg.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.banner-section .banner-wrapper .content-side {
    padding: 50px 45px 100px 45px;
    width: 45%;
    background-color: rgba(175, 105, 91, 0.5);
    height: -webkit-fill-available;
}

.banner-section .banner-wrapper .content-side h1 {
    font-weight: bold;
    line-height: 40px;
    font-family: Arial;
    text-align: start;
    margin-bottom: 0;
}

.banner-section .banner-wrapper .content-side .read-btn-wrapper a {
    border: 1px solid #ffffff;
    padding: 0.7rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.banner-wrapper .d-flex {
    flex-wrap: nowrap;
}
.banner-wrapper .flex-col-rev {
    flex-direction: row;
}
.banner-section .banner-wrapper .logo-wrapper {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
.shops-section .shops-boxes-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 24% 24% 24% 24%;
    grid-template-columns: 24% 24% 24% 24%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    top: -80px;
}

.shops-section h2 {
    text-align: center;
    padding-top: 3rem;
}

.shops-section .shops-boxes-wrapper .shop-wrapper {
    height: 13vw;
    margin: 5rem 0;
}

.shops-section .shops-boxes-wrapper .shop-wrapper img {
    width: auto;
    float: right;
}

.shops-section .shops-boxes-wrapper .shop-wrapper:hover .box-wrapper {
    background-color: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.shops-section .shops-boxes-wrapper .shop-wrapper:hover .box-wrapper img.shop-img1 {
    display: none;
}

.shops-section .shops-boxes-wrapper .shop-wrapper:hover .box-wrapper img.shop-img2 {
    display: block;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.shops-section .shops-boxes-wrapper .shop-wrapper .box-wrapper {
    height: 100%;
    background-color: #dfc2c4;
}

.shops-section .shops-boxes-wrapper .shop-wrapper .box-wrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.shops-section .shops-boxes-wrapper .shop-wrapper .box-wrapper img.shop-img2 {
    display: none;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}
.shops-section .shops-boxes-wrapper .shop-wrapper .shop-title {
    color: #b0776c;
    font-weight: 500;
    margin-top: 0.5rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    padding: unset;
}

.tabs-section {
    padding-top: 4rem;
}
.tabs-section .tabs-wrapper a {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    letter-spacing: 1.5px;
}
.tab {
    cursor: pointer;
}
.tabs-section .flexed {
    gap: 3rem;
}
.tabs-section .tabs-wrapper a:hover {
    color: #b0776c;
}

.tabs-section .tabs-wrapper a.active {
    color: #b0776c;
    font-weight: bold;
}

.tabs-section .img-wrapper {
    margin: 3rem auto;
}

.tabs-section .img-wrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.event-section {
    margin-bottom: 6rem;
}
.event-section.left-bg {
    background-image: url("../images/inner-ptrn.png");
    background-repeat: no-repeat;
    background-position: 1% 50%;
}

.event-section.right-bg {
    background-image: url("../images/inner-ptrn-right.png");
    background-repeat: no-repeat;
    background-position: 99% 20%;
}

.event-section h1 {
    width: 40%;
}

.event-section .timings-wrapper p {
    margin: 0;
}

.event-section .contact-wrapper,
.event-section .timings-wrapper,
.event-section .description-wrapper {
    margin: 2rem 0;
}

.event-section .contact-wrapper p {
    margin: 0;
}

.event-section .contact-wrapper a {
    margin: 0;
    color: #007bff;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.event-section .contact-wrapper a:hover {
    color: #0056b3;
    text-decoration: underline;
}

.page-title {
    padding-top: 10rem;
}
.offer-title {
    padding: .5rem 0;
    font-size: 25px !important;
}
.offers-wrapper .single-offer-wrapper {
    width: 47%;
    margin: 2rem 0;
    gap: 2rem;
    flex-wrap: nowrap;
}
.offers-wrapper .single-offer-wrapper .offer-img-box {
    width: 250px;
    height: 210px;
    padding: 25px;
    background-color: #dfc2c3;
    text-align: center;
    -webkit-transition: 1s;
    transition: 1s;
    cursor: pointer;
}

.offers-wrapper .single-offer-wrapper .offer-img-box img {
    width: 80%;
    -o-object-fit: contain;
    object-fit: contain;
}
.abt-store .single-offer-wrapper .offer-img-box img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%;
}
.abt-store .single-offer-wrapper .offer-img-box{
    padding: unset;
}

.offers-wrapper .single-offer-wrapper .offer-content {
    width: 50%;
}

.offers-wrapper .single-offer-wrapper .offer-content .offer-bold {
    color: #b0776c;
    position: relative;
}

.offers-wrapper .single-offer-wrapper .offer-content a {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 1rem 0;
}
.abt-store .single-offer-wrapper{
    width:100%;
    justify-content: start;
}
.abt-store h3{
    color: #b0776c !important;
}
header .openBtn {
    background: none;
    border: none;
}
header .mobile-search-menu {
    display: none;
}
.search-btn,
.search-btn a:first-child {
    order: 3;
}
.search-btn,
.lang-switcher {
    right: 0;
    position: absolute;
    padding: 0 4vw;
}
.container .lang-switcher .cus-order {
    color: #53565a;
}
.vh100 {
    height: 100vh;
}
.font-extra-big {
    font-size: 186px;
}
.font14 {
    font-size: 14px;
}
.font16 {
    font-size: 16px;
}
.font18 {
    font-size: 18px;
}
.font20 {
    font-size: 20px;
}
.font25 {
    font-size: 25px;
}
.font30 {
    font-size: 30px;
}
.font60 {
    font-size: 60px;
}

/* 404 page */

.notfound {
    line-height: 1.4;
    text-align: center;
    top: 25%;
    position: relative;
    margin: auto;
    width: 100%;
    font-family: kanit, sans-serif;
}

.notfound .notfound-404 {
    position: relative;
    height: 220px;
}

.notfound .notfound-404 h1 {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-weight: 200;
    margin: 0;
    background: #af695b;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    text-transform: uppercase;
}

.notfound h2 {
    font-weight: 200;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 25px;
    letter-spacing: 3px;
}

.notfound p {
    font-weight: 200;
    margin-top: 0;
    margin-bottom: 25px;
}

.notfound-social > a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    width: 40px;
    color: #ff6f68;
    border: 1px solid #efefef;
    border-radius: 50%;
    margin: 3px;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
}

.notfound a {
    color: #af695b;
    font-weight: 200;
    text-decoration: none;
    border-bottom: 1px dashed #ff6f68;
    border-radius: 2px;
}
.text-center {
    text-align: center;
}
.text-start {
    text-align: start;
}
.text-brown {
    color: #b0776c;
}
.txt-light {
    font-weight: 300;
}

.btn-brown {
    background: #af695b;
    color: #fff;
}

.btn-white {
    background: #fff;
    color: #53565a;
}

.btn-outline-brown {
    border: 1px solid #b0776c;
    color: #b0776c;
    padding: 10px 15px;
}

.btn-outline-brown:hover {
    background: #b0776c;
    color: #fff;
}

.d-flex {
    display: flex;
    flex-wrap: wrap;
}

.align-items-center {
    align-items: center;
}

.NM-row {
    display: flex;
    flex-wrap: wrap;
}

.NM-row > * {
    max-width: 100%;
}
.shop-details .img-fluid {
    width: 100%;
    height: 80vh;
    object-fit: cover;
}
.main-content {
    margin-top: 125px;
}
.pr-50 {
    padding-right: 50px;
}

.animation-float {
    animation-name: float;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

@keyframes float {
    0% {
        transform: translatey(0px);
    }
    50% {
        transform: translatey(-20px);
    }
    100% {
        transform: translatey(0px);
    }
}
/* Responsive Min */
@media(min-width: 768px) {
    .col-md-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-md-5 {
        flex: 0 0 auto;
        width: 45.666667%;
    }
    .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-md-7 {
        flex: 0 0 auto;
        width: 45.333333%;
    }
    .NM-company-info .container-fluid .NM-row .col-md-6 {
        width: 48%;
    }
    .col-md-4 {
        max-width: 33.333333%;
    }
    .col-md-6 {
        max-width: 50%;
    }
    .col-md-2 {
        max-width: 16.666667%;
    }
}

@media(min-width: 992px) {
    .col-lg-5 {
        flex: 0 0 auto;
        width: 45.666667%;
    }
    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-lg-7 {
        flex: 0 0 auto;
        width: 45.333333%;
    }
}
.NM-search-block {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99;
    background: rgba(176, 119, 108, 0.9);
    padding: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
}

.NM-search-block.show {
    opacity: 1;
    visibility: visible;
}

.NM-search-block .inner-container {
    width: 100%;
}

.NM-search-block .toggle-search {
    position: absolute;
    top: 45px;
    right: 45px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #fff;
    cursor: pointer;
}

.NM-search-block form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 900px;
    margin: 0 auto;
}

.NM-search-block form input {
    outline: none;
    box-shadow: none;
    padding: 15px;
    border: none;
    background: transparent;
    border-bottom: 1px solid #fff;
    color: #fff;
    width: calc(100% - 40px);
}

.NM-search-block form input::placeholder {
    color: #dfc2c3;
}

.NM-search-block form .btn {
    padding: 0;
    border: 0;
    background: transparent;
    color: #fff;
}

.NM-stories {
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
}

.NM-stories .bg-img {
    position: absolute;
    right: 0;
    bottom: 0;
}

.NM-stories .bg-img img {
    max-width: 265px;
}

.NM-stories .container {
    position: relative;
}

.NM-stories h1 {
    font-weight: 500;
    text-transform: none;
    line-height: 1.2;
    margin-bottom: 5rem;
}

.NM-stories .story-slider h2 {
    line-height: 30px;
    margin-top: 70px;
    padding-bottom: 30px;
    color: #b0776c;
    font-weight: bold;
    line-height: 30px;
    text-transform: uppercase;
    font-family: Arial;
}

.NM-stories .story-slider p {
    line-height: 18px;
    padding-bottom: 30px;
    margin-bottom: 16px;
}

.NM-stories .story-slider .company-logo {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.NM-stories .story-slider .company-logo img {
    width: 100px;
}

.NM-stories .story-slider .company-logo .btn {
    text-transform: uppercase;
}

.NM-stories .story-slider .story-img {
    position: relative;
    height: 100%;
}

.NM-stories .story-slider .story-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.NM-stories .story-slider .story-img .img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.NM-stories .slick-dots {
    text-align: initial;
}

.NM-stories .slick-dots li button {
    width: 10px;
    height: 10px;
    margin: 5px 10px;
    background: transparent;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 0.2s ease;
    border-radius: 30px;
    transform: rotate(45deg);
    border: 1px solid #53565a;
    border-radius: 0 !important;
}

.NM-stories .slick-dots li.slick-active button {
    background: #af695b;
    border-color: #af695b;
}
.NM-intro .img-fluid {
    width: 584px;
    height: 652px;
}
.NM-intro .flexed-spaced-evenly {
    align-items: flex-start;
}
.NM-intro .img-box {
    position: relative;
}

.NM-intro .img-box .absolute-img {
    position: absolute;
    left: 16px;
    top: 16px;
    width: 125px;
    height: 125px;
}

.NM-intro .btn {
    padding: 12px 20px;
    text-transform: uppercase;
    border-radius: unset;
}

@media(max-width: 768px) {
    .NM-intro .img-fluid {
        width: 100%;
        height: 100%;
    }
    .NM-intro .img-box .absolute-img {
        width: 92px;
        height: 92px;
        top: 30px;
        left: 30px;
        border: 2px solid #AF695B;
    }
    .shops-section .shops-boxes-wrapper .shop-wrapper {
        flex-direction: column-reverse;
    }
    .banner-wrapper .flex-col-rev {
        flex-direction: column-reverse;
    }
    .NM-intro .mw-41 {
        max-width: unset !important;
    }
    .txt-center-mob {
        text-align: center;
    }
}
.NM-statistics {
    overflow: hidden;
}

.NM-statistics .container {
    animation: slideIn 1s ease-in-out;
    animation-fill-mode: forwards;
}

@keyframes slideIn {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0%);
    }
}
.NM-statistics {
    padding-top: 120px;
    padding-bottom: 50px;
}

.NM-statistics h3 {
    flex: 0 0 auto;
    width: auto;
    padding: 0;
    padding-bottom: 10px;
    margin-right: 20%;
}

.NM-statistics .d-flex {
    justify-content: space-between;
}

.NM-statistics .numbers {
    flex: 1 0 0;
    display: flex;
    justify-content: space-between;
    font-weight: 100;
    text-transform: uppercase;
    color: #707070;
}
.location-section a {
    position: relative;
    top: 21px;
}
.location-section video {
    width: 100%;
}
.video-banner-section {
    z-index: 9;
    position: relative;
}
.NM-video {
    padding-bottom: 5%;
}

.NM-video .container {
    max-width: 1330px;
}

.NM-text-box {
    line-height: 2rem;
    background: #fbf8f7;
    padding: 15px 0;
}

.NM-text-box .btn {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    height: 45px;
    padding: 16px;
    text-transform: uppercase;
    align-items: center;
}

.NM-text-box .container {
    max-width: 1044px;
}

.NM-text-box.video-box {
    padding-top: 95px;
    padding-bottom: 95px;
}

.NM-text-box.packages-box {
    padding-top: 40px;
}

.NM-slider {
    padding-bottom: 80px;
}

.NM-slider .container-fluid {
    padding: 0;
}
.NM-slider .view-slider {
    margin: 2.5rem auto;
    direction: ltr;
}

.NM-slider .slider-box {
    text-align: center;
}

.NM-slider .slider-box h3 {
    line-height: 46px;
    font-weight: 400;
    color: #53565a;
    margin-top: 10px;
}

.NM-slider .slider-box .img-block {
    position: relative;
}

.NM-slider .slider-box .img-block::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-in-out;
}

.NM-slider .slider-box img {
    object-fit: cover;
    width: 100%;
    height: 55vh;
}

.NM-slider .slick-slider .slick-prev,
.NM-slider .slick-slider .slick-next {
    width: 45px;
    height: 45px;
}

.NM-slider .slick-slider .slick-prev::before,
.NM-slider .slick-slider .slick-next::before {
    display: none;
}

.NM-slider .slick-slider .slick-next {
    right: 25%;
}

.NM-slider .slick-slider .slick-prev {
    left: 25%;
    z-index: 9;
}

.NM-slider .slick-slider .slick-slide .slider-box {
    transform: scale(0.8);
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.NM-slider .slick-slider .slick-slide.slick-center .slider-box {
    transform: scale(1);
    max-width: 500px;
    margin: 0 auto;
}

.NM-slider .slick-slider .slick-slide.slick-center .slider-box .img-block::before {
    background: transparent;
}

.NM-company-info {
    line-height: 30px;
    text-align: center;
}

.NM-company-info .NM-title {
    margin-top: 5rem;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
}

.NM-company-info p {
    margin-bottom: 16px;
}

.NM-company-info .info-box {
    background: #b0776c1f;
    padding: 50px;
    min-height: 100%;
}

.NM-company-info .left-img {
    height: 100%;
    object-fit: cover;
}

.black-box {
    background-color: #53565A;
    text-align: center;
    height: 10rem;
    position: relative;
    margin-top: 3rem;
}

.black-box a {
    color: #53565A;
    background-color: #fff;
    padding: 15px;
    position: absolute;
    border: none;
    width: 12rem;
    height: 3.5rem;
    text-align: center;
    cursor: pointer;
    top: calc(50% - 1.75rem);
    left: calc(50% - 6rem);
    text-decoration: none;
}

.black-box a:hover {
    color: #0056b3;
    text-decoration: underline;
}

.NM-booking {
    height: 10rem;
}

.NM-booking .container {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.NM-booking .btn {
    padding: 15px;
    border: none;
    width: 100%;
    max-width: 192px;
    height: 56px;
}
.top-main-img {
    width: 100%;
}
.top-main-img img {
    object-fit: cover;
    width: 100%;
    height: 60vh;
}
.clear-style-logo img{
    object-fit: unset;
    height: unset;
    width: unset;
    left: 40px;
    bottom: 40px;
}
.logo-130{
    width: 130px !important;
    height: 130px !important;
}
.covered-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bordered {
    border: 1px solid #af695b;
}
.bottom-blog-content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.flexed.mbl-no-padding.mbl-blog-flex > div {
    width: 50%;
    z-index: 4;
    background: #ffff;
}
.bg-pink {
    padding-top: 4rem;
    padding-bottom: 24rem;
    background-color: #B97469;
}
.hotel-title {
    width: 20%;
}
.hotel-p {
    width: 60%;
}
.line-h p {
    line-height: 1.8;
}
.bg-pink .services {
    grid-template-columns: auto auto auto auto;
}
.st-title {
    position: absolute;
    top: 30vh;
    width: 100%;
    text-align: center;
    color: #c3c0c0;
}
.li-square {
    list-style: square;
}
/* Responsive Max */
@media(max-width: 1200px) {
    .container {
        width: 100%;
        padding: 0 0.5rem;
    }
    .pb-1 {
        padding-bottom: 1rem;
    }
    .pb-2 {
        padding-bottom: 2rem;
    }
    .pb-3 {
        padding-bottom: 3rem;
    }
    header .nav-menu {
        display: none;
    }
    header .header-btn {
        display: none;
    }
    header .mobile-search-menu {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        display: block;
    }
    header .mobile-search-menu .burger-lines {
        margin-right: 1rem;
        height: 32px;
        width: 32px;
        z-index: 2;
        position: absolute;
        left: 1rem;
    }
    header .mobile-search-menu .burger-lines .line {
        display: block;
        height: 3px;
        width: 30px;
        border-radius: 18px;
        background: #b0776c96;
        margin-bottom: 5px;
        position: absolute;
        left: 0;
    }
    header .mobile-search-menu .burger-lines .line.line1 {
        top: 5px;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }
    header .mobile-search-menu .burger-lines .line.line2 {
        top: 13px;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }
    header .mobile-search-menu .burger-lines .line.line3 {
        top: 21px;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }
    header .mobile-search-menu .burger-lines.opened {
        position: fixed;
        z-index: 9999;
    }
    header .mobile-search-menu .burger-lines.opened .line {
        background: #53565a;
    }
    header .mobile-search-menu .burger-lines.opened .line.line1 {
        top: 13px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    header .mobile-search-menu .burger-lines.opened .line.line2 {
        top: 13px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    header .mobile-search-menu .burger-lines.opened .line.line3 {
        top: 13px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    header .mobile-menu-wrapper {
        display: initial;
        position: fixed;
        top: 0;
        right: -100%;
        height: 100vh;
        width: 100%;
        background-color: #dcdcdc;
        color: #ffffff;
        z-index: 1000;
        -webkit-transition: right 0.3s ease;
        transition: right 0.3s ease;
    }
    header .mobile-menu-wrapper.opened {
        right: 0;
    }
    header .mobile-menu-wrapper .mobile-menu-logo {
        width: 130px;
        margin: 2rem;
    }
    header .mobile-menu-wrapper .mobile-menu-logo img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    header .mobile-menu-wrapper .mobile-menu-content {
        padding: 5rem 0;
    }
    header .mobile-menu-wrapper .mobile-menu-content .mobile-menu-list {
        list-style: none;
        margin: 0;
        padding: 0;
        text-align: center;
        text-align: -webkit-center;
    }
    header .mobile-menu-wrapper .mobile-menu-content .mobile-menu-list li a {
        color: #53565a;
    }
    header .mobile-menu-wrapper .mobile-menu-content .mobile-menu-list .menu-item {
        margin-bottom: 1rem;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
    }
    header .mobile-menu-wrapper .mobile-menu-content .mobile-menu-list .submenu-parent .submenu {
        display: none;
    }
    header .mobile-menu-wrapper .mobile-menu-content .mobile-menu-list .submenu-parent .submenu.active {
        display: block;
    }
    header .mobile-menu-wrapper .mobile-menu-content .mobile-menu-list .menu-item.sub-menu-parent .sub-menu-wrapper {
        list-style: none;
        margin: 0;
        padding: 0;
        max-height: 0;
        display: none;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
    }
    header .mobile-menu-wrapper .mobile-menu-content .header-btn {
        display: block;
        margin-top: 5rem;
    }
    .banner-section .banner-wrapper .content-side {
        width: 65%;
    }
    .top-banner .banner-content-wrapper h1 {
        width: 90%;
    }
    footer .cols-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    footer .cols-wrapper .first-col {
        width: 100%;
        margin-bottom: 2rem;
    }
    footer .cols-wrapper .second-col {
        width: 100%;
    }
    footer .cols-wrapper .second-col .subscribe-wrapper {
        margin-top: 2rem;
    }
    .NM-stories .bg-img img {
        max-width: 200px;
    }
    .whats-on-section .whats-on-slider-wrapper .slider-item img {
        height: 50vh;
    }
    .glide__slide a {
        justify-content: center;
    }
    .container .nav-buttons .left-b {
        left: 5%;
    }
    .container .nav-buttons .right-b {
        right: 5%;
    }
}
@media(max-width: 992px) {
    .container-75,
    .container-60 {
        padding: 0 1rem;
        width: 90%;
    }
    .shops-section .shops-boxes-wrapper {
        -ms-grid-columns: 32% 32% 32%;
        grid-template-columns: 32% 32% 32%;
    }
    .logo-wrapper img {
        width: 100px;
    }
    .banner-wrapper .logo-wrapper img {
        width: 300px;
    }
    .offers-wrapper .single-offer-wrapper {
        flex-direction: column;
        width: 40%;
    }
    .abt-store .single-offer-wrapper{
        flex-direction: unset;
        width: 100%;
    }
    .NM-slider .slick-slider .slick-prev,
    .NM-slider .slick-slider .slick-next {
        width: 35px;
        height: 35px;
    }
    .NM-slider .slick-slider .slick-prev {
        left: 15%;
    }
    .NM-slider .slick-slider .slick-next {
        right: 15%;
    }
    .NM-company-info .left-side,
    .NM-company-info .right-side {
        padding-left: 0;
        padding-right: 0;
    }
    .NM-stories .NM-row {
        flex-direction: column-reverse;
    }
    .NM-stories .story-slider h2 {
        margin-top: 50px;
        padding-bottom: 30px;
    }
    .NM-stories .story-slider .story-img img {
        object-fit: initial;
    }
    .pr-lg-80 {
        padding-right: 3vw;
    }
    .w-max {
        width: max-content;
    }
    .top-main-img img {
        height: 30vh;
    }
    .counters-section .first-row .diamond-wrapper .diamond-content-wrapper,
    .counters-section .first-row .diamond-wrapper .diamond-img,
    .counters-section .first-row .diamond-wrapper .diamond-border,
    .counters-section .second-row .diamond-wrapper .diamond-content-wrapper,
    .counters-section .second-row .diamond-wrapper .diamond-img,
    .counters-section .first-row .diamond-wrapper .diamond-border,
    .counters-section .second-row .diamond-wrapper .diamond-border {
        width: 16rem;
    }
    .counters-section .first-row .diamond-wrapper .diamond-content-wrapper,
    .counters-section .second-row .diamond-wrapper .diamond-content-wrapper {
        height: 10rem;
    }
    .counters-section .first-row .diamond-wrapper .diamond-content-wrapper img,
    .counters-section .second-row .diamond-wrapper .diamond-content-wrapper img {
        width: 25px;
    }
    .counters-section .first-row,
    .counters-section .second-row {
        flex-direction: column;
        height: unset;
        justify-content: center;
        align-items: center;
    }
    .diamond-wrapper {
        height: 250px;
    }
    .counters-section {
        height: 80rem;
    }
    .custom-head{
        font-size: 30px;
    }
    .offers-sec .abt-store .d-flex {
        flex-direction: row;
    }
}
@media(max-width: 767.98px) {
    p {
        font-size: 14px;
    }

    h1 {
        font-size: 35px;
    }

    h2 {
        font-size: 28px;
    }

    h3 {
        font-size: 20px;
    }

    h4 {
        font-size: 12px;
    }
    .mob-title-font30 .font30{
        font-size: 20px;
    }
    .mob-title-font30 .font60{
        font-size: 45px;
    }
    .w-1,
    .w-2,
    .w-3,
    .w-4,
    .w-5,
    .w-6,
    .w-7,
    .w-8,
    .w-9,
    .w-13,
    .w-14,
    .w-15,
    .w-16,
    .w-17,
    .w-18,
    .w-19,
    .w-30,
    .w-50 {
        width: 100%;
    }
    .container {
        padding: 0 1rem;
        width: 100%;
        max-width: 85%;
    }
    .pb-1 {
        padding-bottom: 1rem;
    }
    .pb-2 {
        padding-bottom: 2rem;
    }
    .pb-3 {
        padding-bottom: 3rem;
    }
    .font-extra-big {
        font-size: 100px;
    }
    .dark-brown-title-big {
        font-size: 22px;
    }
    .dark-brown-title-big-h2 {
        font-size: 20px;
    }
    .event-section h1 {
        width: 100%;
    }
    .notfound .notfound-404 {
        height: 170px;
    }
    footer .logo-wrapper,
    .subscribe-wrapper,
    .subscribe-wrapper label {
        margin: auto;
    }
    footer .rows-wrapper .first-row .subscribe-wrapper .input-btn-wrapper input[type="email"],
    footer .rows-wrapper .second-row .footer-nav-wrapper,
    footer .rows-wrapper .second-row .nakheel-logo-wrapper {
        width: unset;
    }
    footer .rows-wrapper .second-row {
        gap: 30px;
    }
    footer .rows-wrapper .first-row .subscribe-wrapper .input-btn-wrapper {
        margin-top: 1.5rem;
        width: 80vw;
    }

    footer .rows-wrapper .first-row .subscribe-wrapper label {
        text-align: center;
    }
    footer .new-logo {
        float: unset;
    }
    .col-flexed-mob {
        display: flex;
        flex-direction: column;
    }
    footer .footer-nav-wrapper {
        margin-left: 2rem;
    }
    footer .new-logo img,
    footer .logo-wrapper img {
        width: 130px;
        padding: 2rem 0;
    }
    footer .nakheel-logo-wrapper {
        display: flex;
        justify-content: center;
    }
    .form-control,
    .w-40 {
        width: 100%;
    }
    .mobile-col {
        flex-direction: column;
    }
    .shops-section .shops-boxes-wrapper {
        -ms-grid-columns: 32% 32% 32%;
        grid-template-columns: 32% 32% 32%;
    }
    .shops-section .shops-boxes-wrapper .shop-wrapper {
        height: 20vw;
    }
    .banner-section .banner-wrapper .content-side {
        width: 80%;
    }
    .banner-wrapper .d-flex {
        flex-wrap: wrap;
    }
    .banner-wrapper .logo-wrapper img {
        width: 70px;
    }
    .top-banner .banner-form .form-btn {
        width: 40%;
    }
    .offers-wrapper .d-flex {
        flex-direction: column;
    }
    .offers-wrapper .single-offer-wrapper {
        width: 100%;
        align-items: center;
        text-align: center;
    }
    .offers-wrapper .single-offer-wrapper .offer-content a {
        margin: 2rem auto;
    }
    .offers-wrapper .single-offer-wrapper .offer-content {
        width: 100%;
    }
    .offers-wrapper .single-offer-wrapper .offer-content h3 {
        padding: 1rem 0;
    }
    .NM-row .p-2 {
        padding: 0.5rem;
    }
    .hidden-sm {
        display: none;
    }
    .main-content {
        margin-top: 100px;
    }
    .NM-title {
        line-height: 32px;
    }
    .NM-intro .NM-row {
        flex-direction: column-reverse;
    }
    .NM-intro .img-fluid {
        margin-bottom: 30px;
    }
    .NM-intro h1 {
        margin-bottom: 10px;
    }
    .NM-intro h1 br {
        display: none;
    }
    .NM-statistics {
        padding-top: 60px;
    }
    .NM-statistics h3 {
        width: 100%;
        margin-right: 0;
        text-align: center;
        margin-bottom: 30px;
    }
    .NM-statistics h3 br {
        display: none;
    }
    .NM-text-box {
        line-height: 1.7;
    }
    .NM-text-box.video-box {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .NM-slider {
        padding-bottom: 0;
    }
    .NM-slider .slick-slider .slick-next {
        right: 0;
    }
    .NM-slider .slick-slider .slick-prev {
        left: 0;
    }
    .NM-slider .slick-slider .slick-slide .slider-box {
        transform: scale(1);
    }
    .NM-slider .slick-slider .slick-slide .slider-box .img-block::before {
        display: none;
    }
    .NM-slider .slider-box h3 {
        line-height: 36px;
    }
    .NM-slider .slider-box img {
        height: 30vh;
    }
    .NM-company-info {
        margin-bottom: 0 !important;
    }
    .NM-company-info .left-side,
    .NM-company-info .right-side {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    .NM-video iframe {
        height: 400px !important;
    }
    .main-section .mob-pad-5 {
        padding-top: 5rem;
    }
    .bottom-blog-content {
        padding: 1rem;
    }
    .grid-col, .grid-col-33 {
        grid-template-columns: 50% 50%;
    }
    .marg-ed {
        margin-top: 2rem;
        align-items: center;
    }
    .reveresed-cont {
        flex-direction: column-reverse;
    }
    .happening-date {
        margin: auto;
    }
    .logo-block-con h3 {
        font-size: inherit;
    }
    .event-section .flexed {
        flex-direction: column;
    }
    .col-featured{
        flex-direction: column-reverse;
    }
    .custom-head{
        font-size: 28px;
    }
    .offer-index{
        align-items: center;
    }
    .offer-index p{
        text-align: center;
    }
    .clear-style-logo img {
        object-fit: unset;
        height: unset;
        width: unset;
        left: 15px;
        bottom: 15px;
    }
    .logo-130 {
        width: 100px !important;
        height: 100px !important;
    }
    .mob-pad{
        padding-top: unset;
    }
    .abt-store .single-offer-wrapper .offer-content a{
        margin: 1.5rem 0;
    }
    .abt-store .offer-index , .abt-store .offer-index p {
        align-items: start;
        text-align: start;
    }
    .abt-store .single-offer-wrapper .offer-img-box {
        width: 100%;
        height: 250px;
        padding: unset;
    }
    .abt-store .single-offer-wrapper .offer-img-box img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%;
    }
    .offers-list{
        flex-direction: column;
    }
    .glide__slide__item__lifestyle .flexed-center {
        justify-content: start;
        align-items: start;
    }
    .glide__slide__item__lifestyle .flexed-center p{
        text-align: start;
        padding: 0;
        margin: 1rem 0;
    }
    .shop-details .col-md-6{
        width: 100%;
    }
    .blogs-list {
        max-width: 100%;
        flex-direction: column;
    }

}
@media(max-width: 575.98px) {
    .NM-title {
        line-height: 28px;
    }
    .NM-statistics .numbers {
        flex-direction: column;
        text-align: center;
    }
    .NM-statistics .numbers div {
        margin-bottom: 20px;
    }
    .NM-statistics .numbers h3 {
        margin-bottom: 15px;
    }
    .NM-video iframe {
        height: 300px !important;
    }
    .NM-company-info .info-box {
        padding: 35px;
    }
    .NM-company-info .NM-title {
        margin-top: 3rem;
    }
    .NM-company-info p {
        padding: 2vw 0;
    }
    .flexed.mbl-no-padding.mbl-blog-flex > div {
        width: 100%;
    }
    .directions .flexed-3-gap {
        flex-direction: column;
    }
    .counters-section {
        background-image: unset;
    }
    .whats-on-section .whats-on-slider-wrapper .slider-item img {
        height: 30vh;
    }
    .offers-sec .abt-store .d-flex {
        flex-direction: column;
    }
    .shop-details .img-fluid {
        height: 40vh;
    }

}
@media(max-width: 480px) {
    .shops-section .shops-boxes-wrapper {
        display: flex;
        flex-direction: column;
    }
    .shops-section .shops-boxes-wrapper .shop-wrapper {
        height: 50vw;
        margin-bottom: 0;
    }
    .banner-section .banner-wrapper .content-side h1 {
        line-height: 35px;
        font-size: 29px;
    }
    .banner-section .banner-wrapper {
        height: fit-content;
    }
    .banner-section .banner-wrapper .content-side {
        padding: 1rem;
    }
    .top-banner .banner-form {
        flex-direction: column;
    }
    .top-banner .banner-form .form-category,
    .top-banner .banner-form .form-search,
    .top-banner .banner-form {
        width: unset;
        margin: unset;
        padding: 1rem;
        gap: 0.5rem;
    }
    .tabs-section .flexed {
        flex-direction: column;
        gap: 0.5rem;
        align-items: center;
    }
    .grid-col, .grid-col-33 {
        grid-template-columns: 100%;
    }
    .mob-title-font30 .font60{
        font-size: 35px;
    }
    .glide-offers .shops-bootom-images-mbl-adjustmnet {
        padding: unset !important;
    }

}

/* st regis template styling */

.st-regis-cont .bg-pink {
    height: 100%;
    padding-top: 4rem;
    padding-bottom: 24rem;
}

.st-regis-cont .bg-pink .services {
    grid-template-columns: auto auto auto auto;
}

.st-regis-cont ul {
    list-style: disc;
    padding-left: 40px;
    line-height: 1.5;
}

.slider-section {
    margin-top: -20rem;
    margin-left: calc((100% - 1200px) / 2);
}

.slider-section .stregis-slider .slider-item {
    width: 1200px;
    height: 663px;
    padding-right: 3rem;
    outline: 0;
}

.slider-section .stregis-slider .slider-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.st-regis-cont .image-banner img {
    height: 250px;
    object-fit: cover;
}
.st-regis-cont .inner-ptrn-enjoy {
    display: none;
}

.st-regis-cont .booking-section .suite-img {
    width: 35%;
    height: 440px;
}

.st-regis-cont .booking-section .suite-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.st-regis-cont .booking-section .book-btn-wrapper p {
    font-size: 20px;
    margin-bottom: 3rem;
}

.st-regis-cont .booking-section .book-btn-wrapper .book-btn {
    padding: 1rem 2rem;
    text-decoration: none;
    color: #ffffff;
}

.st-regis-cont .booking-section .contact-info-wrapper {
    box-shadow: 0 4px 10px 0 #d8d8d8;
    width: 35%;
    height: 440px;
    padding: 3rem;
    box-sizing: border-box;
    border-bottom: 7px solid #ba6557;
}

.st-regis-cont .booking-section .contact-info-wrapper h2 {
    margin-bottom: 4rem;
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.2;
}

.book-btn-wrapper h2 {
    font-size: 1.3rem;
    margin-bottom: 3rem;
    text-align: unset;
}
.book-btn-wrapper a {
    padding: 1rem 2rem;
    text-decoration: none;
    color: #ffffff;
    background-color: #BA6557;
}

.st-regis-cont .booking-section .contact-info-wrapper p {
    margin-bottom: 4rem;
}

.st-regis-cont .points-section {
    padding: 5rem 11rem;
}

.st-regis-cont .points-section .connected-list {
    position: relative;
}

.st-regis-cont .points-section .connected-list::after {
    content: '';
    position: absolute;
    top: 2rem;
    right: 0;
    width: 1px;
    height: 10rem;
    background-color: #d5d5d5;
}

.st-regis-cont .points-section img {
    width: 3rem;
    margin-right: 1.5rem;
}
.st-regis-cont .li-square {
    list-style: square;
    padding-inline-start: 20px;
}
.st-regis-cont .points-section li {
    margin-bottom: 0.8rem;
}

.st-regis-cont .bg-pink .d-flex {
    flex-wrap: nowrap;
}

.st-regis-cont .offer-sec {
    margin-top: 7rem;
    margin-bottom: 7rem;
}

.st-regis-cont .offer-box-one,
.st-regis-cont .offer-box-two,
.st-regis-cont .offer-box-three,
.st-regis-cont .offer-box-four,
.st-regis-cont .offer-box-five,
.st-regis-cont .offer-box-six {
    width: 100%;
    background-size: cover;
    padding: 7rem 2rem;
    position: relative;
    margin-bottom: 3rem;
}
.st-regis-cont h1,
.st-regis-cont h2,
.st-regis-cont h3,
.st-regis-cont h4 {
    padding: 1vw 0;
    text-align: start;
}

.st-regis-cont .offer-box-four {
    background: url('https://www.nakheelmall.ae/uploads/offer/The_St._Regis_Dubai,_The_Palm_-_The_St._Regis_Bar.webp');
}

.st-regis-cont .offer-box-five {
    background: url('https://www.nakheelmall.ae/uploads/offer/The_St._Regis_Dubai,_The_Palm_-_Cordelia_Round_Table_Seating.webp');
}

.st-regis-cont .offer-box-six {
    background: url('https://www.nakheelmall.ae/uploads/offer/The_St._Regis_Dubai,_The_Palm_-_Dip_Pool_Bar_Terrace.webp');
}

.st-regis-cont .offer-title-new {
    padding-bottom: 2rem;
    text-transform: uppercase;
    position: absolute;
    top: 2rem;
}

.st-regis-cont .offer-body-txt {
    margin-top: 2rem;
}

.st-regis-cont .offer-txt {
    color: #fff;
}

.st-regis-cont .offer-txt-two {
    color: #141414;
}

.st-regis-cont .new-offer-title-off {
    font-size: 4rem;
}

.st-regis-cont .inner-ptrn img {
    display: none;
}

.st-regis-cont .container {
    padding-right: 0;
    padding-left: 0;
}

.st-regis-cont .point_section_left_h {
    width: 100%;
    padding-left: 40%;
}

.st-regis-cont .point_section_left_ul {
    width: 100%;
    padding-left: 50%;
}

.st-regis-cont .hotel-title {
    width: 20%;
}

.st-regis-cont .hotel-p {
    width: 80%;
}

.st-regis-cont .padd-left-5 {
    padding-left: 5rem;
}

.st-regis-cont .padd-bottom-2 {
    padding-bottom: 2rem;
}

.st-regis-cont .padd-left-6 {
    padding-left: 6rem;
}

.st-regis-cont .padd-left-7 {
    padding-left: 7rem;
}

.st-regis-cont .padd-left-8 {
    padding-left: 8.5rem;
}

.st-regis-cont .main-p-v {
    font-size: 20px;
    line-height: 32px;
    color: #53565a;
}

.st-regis-cont .map-img {
    width: 100%;
}

.st-regis-cont .map-img-load {
    width: 80px;
    position: absolute;
    top: 40%;
    left: 21%;
}

.st-regis-cont .map-img-box {
    width: 300px;
    height: 150px;
    position: absolute;
    top: 48%;
    right: 15%;
    background: #ffffff 0 0 no-repeat padding-box;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 31px;
    opacity: 1;
    background-image: url('https://www.nakheelmall.ae/uploads/view/location.svg');
    background-position-x: 250px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    padding: 2rem 3rem 3rem;
    color: #53565a;
}

.st-regis-cont .st-title {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    color: #c3c0c0;
}

.st-regis-cont .st-header {
    margin-top: 100px;
}

@media(max-width: 1025px) {
    .st-regis-cont h1 {
        font-size: 28px;
    }

    .st-regis-cont h2 {
        font-size: 24px;
    }

    .st-regis-cont h3 {
        font-size: 20px;
    }

    .st-regis-cont h4 {
        font-size: 18px;
    }
    .st-regis-cont .new-offer-title-off {
        font-size: 45px;
    }
    .st-regis-cont .booking-section {
        flex-wrap: wrap;
    }
    .st-regis-cont .booking-section .book-btn-wrapper {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        margin-bottom: 2rem;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .st-regis-cont .booking-section .book-btn-wrapper p {
        margin-bottom: 1.5rem;
    }

    .st-regis-cont .points-section .connected-list::after {
        right: -20%;
    }
}

@media(min-width: 1200px) {
    .slider-section {
        margin-top: -20rem;
        margin-left: calc((100% - 1140px) / 2);
    }

    .slider-section .stregis-slider .slider-item {
        width: 1140px;
        height: 500px;
    }

    .main-section .blogs-list .col-flexed {
        min-height: 778px;
    }

    .main-section .blogs-list .covered-img{
        height: 473.5px;
    }

    .main-section .blogs-list .dark-brown-title-big {
        font-size: 25px;
    }
}

@media(max-width: 768px) {
    .st-regis-cont .bg-pink .d-flex {
        flex-wrap: wrap;
    }

    .st-regis-cont .bg-pink .services {
        grid-template-columns: auto auto auto auto;
    }

    .slider-section .stregis-slider .slider-item {
        height: 445px;
    }

    .st-regis-cont .points-section {
        flex-wrap: wrap;
        padding: 1rem;
        flex-direction: column;
    }

    .st-regis-cont .points-section .connected-list {
        margin-bottom: 2rem;
    }

    .st-regis-cont .points-section .connected-list::after {
        display: none;
    }

    .st-regis-cont .st-title {
        position: absolute;
        top: 10vh;
        width: 100%;
        text-align: center;
        color: #c3c0c0;
        font-size: 2rem;
    }

    .st-regis-cont .hotel-title {
        width: unset;
    }

    .st-regis-cont .st-description,
    .st-regis-cont .hotel-p {
        width: 100%;
    }

    .st-regis-cont .booking-section .suite-img {
        margin-bottom: 2rem;
        width: unset;
        height: unset;
    }

    .st-regis-cont .booking-section .contact-info-wrapper {
        box-shadow: 0 4px 10px 0 #d8d8d8;
        width: 100%;
        height: 440px;
        padding: 2rem;
        box-sizing: border-box;
        border-bottom: 7px solid #ba6557;
    }

    .st-regis-cont .point_section_left_h {
        width: 100%;
        padding-left: unset;
        margin-top: 3rem;
    }

    .st-regis-cont .point_section_left_ul {
        width: 100%;
        padding-left: 2rem;
    }

    .st-regis-cont .padd-left-6 {
        padding-left: unset;
    }

    .st-regis-cont .padd-left-8 {
        padding-left: 2rem;
    }

    .st-regis-cont .points-section img {
        width: 3rem;
        margin-right: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .st-regis-cont .space-icon {
        margin-bottom: 2rem;
    }

    .st-regis-cont .st-header {
        margin-top: unset;
    }

    .st-regis-cont .img-responsive {
        width: 100%;
        height: 30vh;
        object-fit: cover;
    }

    .st-regis-cont .map-img-box {
        top: unset;
        right: unset;
        position: unset;
        margin: 0 auto;
    }

    .st-regis-cont .map-img-load {
        width: 80px;
        position: absolute;
        top: 20%;
        left: 15%;
    }

    .st-regis-cont .offer-title-new {
        font-size: 1.5rem;
    }
    .st-regis-cont .booking-section {
        display: flex;
        flex-direction: column;
    }

}

@media(max-width: 540px) {
    .st-regis-cont .bg-pink .services {
        align-items: center;
        text-align: center;
        display: flex;
        flex-direction: column;

    }
    .st-regis-cont .space-icon img {
        width: 40px;
    }

    .st-regis-cont .points-section {
        flex-wrap: wrap;
        padding: 1rem;
    }

    .st-regis-cont .points-section .connected-list {
        margin-bottom: 2rem;
    }

    .st-regis-cont .points-section .connected-list::after {
        content: none;
    }

}


/* search page styling */

.search-page-cont .name-title h4,
.search-page-cont .box-sub-text {
    padding: 1.5rem 0;
}

.search-page-cont .underlined {
    border-bottom: 1px solid #707070;
    height: 60px;
}
.search-page-cont .pb-5 {
    padding-bottom: 5rem;
}
.search-page-cont .searches h2,
.search-page-cont h3 {
    font-weight: 400;
}

.search-page-cont .righted-pt {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.search-page-cont .lefted-img img {
    width: 200px;
    height: 200px;
}

.search-page-cont .flexed-r-l {
    display: flex;
    gap: 2rem;
    padding-top: 3rem;
}

.search-page-cont .content-searches {
    width: 100%;
    margin-left: 15px;
    margin-top: 3rem;
}

.search-page-cont .flexing-s-items {
    width: 100%;
    margin-left: 15px;
    gap: 4rem;
    margin-top: 5rem;
}

.search-page-cont .sliderimage {
    background-image: url('/frontend-assets/images/search/search.webp');
    background-size: cover;
    width: 100%;
    height: 40rem;
    background-position: center;
}

.search-page-cont a:not([href]):not([tabindex]):focus,
.search-page-cont a:not([href]):not([tabindex]):hover {
    color: #ffff;
    text-decoration: none;
    cursor: pointer;
}
.search-page-cont .psr-t {
    position: relative;
    top: unset;
}

.search-page-cont .cat-title {
    width: 150px;
    padding: 5px;
    color: #fff;
    background: #af695b;
    margin-bottom: 0.5rem;
    text-align: center;
    text-transform: uppercase;
}

.search-page-cont .brown-border-button:hover {
    color: #fff !important;
}

.search-page-cont .inner-ptrn-enjoy img {
    display: none;
}

.search-page-cont .righted-pt img {
    display: none;
}

.search-page-cont .read-more-btn {
    margin-top: 3rem;
}

.search-page-cont .blog-img-bg {
    background-position: center !important;
    background-size: cover !important;
    width: 250px;
    height: 250px;
}

.b-langin {
    bottom: 100px !important;
}

.back-top-btn {
    position: fixed;
    z-index: 99999;
    bottom: 80px;
    right: 40px;
    background: none;
    border: none;
    opacity: 0;
    transition: opacity 0.3s, transform 0.3s;
    cursor: pointer;
}

@media(max-width: 768px) {
    .search-page-cont .mob-lis {
        display: flex !important;
        gap: 1rem;
        height: 70px;
        text-align: center;
    }
    .search-page-cont .flexed-r-l {
        flex-direction: column;
        text-align: center;
    }
    .search-page-cont .sliderimage {
        background-size: cover;
        height: 300px;
        background-repeat: no-repeat;
    }
    .search-page-cont .content-searches {
        margin-left: unset;
    }
    .search-page-cont .cat-title {
        margin: auto;
    }
    .search-page-cont .search-title {
        margin-left: unset;
        margin-top: 3rem;
        font-size: revert;
    }
    .search-page-cont .row {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
    .search-page-cont .flexing-s-items {
        margin-left: unset;
    }
    .search-page-cont .lefted-img img {
        width: 100%;
    }
    .search-page-cont .back-top-btn {
        right: 25px;
    }

}


/* experience slider styling */

.experience-slider-cont .NM-slider .glide {
    margin: 2.5rem auto;
    direction: ltr;
  }
  
  .experience-slider-cont .NM-slider .slider-box {
    text-align: center;
  }
  
  .experience-slider-cont .NM-slider .slider-box h3 {
    line-height: 46px;
    font-weight: 400;
    color: #53565a;
    margin-top: 10px;
  }
  
  .experience-slider-cont .NM-slider .slider-box .img-block {
    position: relative;
  }
  
  .experience-slider-cont .NM-slider .slider-box img {
    object-fit: cover;
    width: 100%;
    height: 55vh;
  }
  .experience-slider-cont
    .NM-slider
    .glide__slides
    .glide__slide
    .glide-center
    .slider-box {
    transform: scale(1);
    max-width: 500px;
    margin: 0 auto;
  }
  .experience-slider-cont .glide__slide {
    float: left;
    height: 100%;
    min-height: 1px;
  }
  .experience-slider-cont .NM-slider .glide__slides .glide__slide .slider-box {
    transform: scale(0.8);
    transition: transform 0.3s cubic-bezier(0.1, 0.2, 0.2, 0.1);
  }
  .experience-slider-cont .glide__slide--active {
    transform: scale(1.4);
    transition: transform 0.3s cubic-bezier(0.1, 0.2, 0.2, 0.1);
  }
  
  .experience-slider-cont .glide__slide:not(.glide__slide--active) {
    transform: scale(0.8);
    transition: transform 0.3s cubic-bezier(1, 1, 0.2, 1);
  }
  .experience-slider-cont .glide__slide .img-block::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
  }
  
  .experience-slider-cont .glide__slide--active .img-block::before {
    background: none;
  }
  .experience-slider-cont .glide__arrow {
    background-color: unset;
    border: unset;
    box-shadow: unset;
    text-shadow: unset;
  }
  .experience-slider-cont .glide__arrow--right {
    right: 26%;
  }
  .experience-slider-cont .glide__arrow--left {
    left: 26%;
  }
  @media (max-width: 1024px) {
    .experience-slider-cont .glide__arrow--right {
      right: 10%;
    }
    .experience-slider-cont .glide__arrow--left {
      left: 10%;
    }
  }
  
  @media (max-width: 768px) {
    .experience-slider-cont .glide__arrow--right {
      right: 0;
    }
    .experience-slider-cont .glide__arrow--left {
      left: 0;
    }
  }
  .grid-col-50{
    grid-template-columns: 48% 48%;
    justify-content: space-between;
  }

  .pagination nav > div:nth-child(2) > div:nth-child(2) > span {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    font-size: 18px;
    width: 100%;
    padding: 20px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    color: #000;
  }
  
  .pagination nav > div:nth-child(2) > div:nth-child(2) > span span,
  .pagination nav > div:nth-child(2) > div:nth-child(2) > span a {
    display: flex;
    width: 38px;
    padding: 7px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 32px;
  }
  .pagination nav > div:nth-child(2) > div:nth-child(2) > span a {
    color: #000;
  }
  span[aria-current="page"] span {
    color: #d13239;
    border-radius: 50%;
    width: 50px;
    padding: 7px;
    border: none;
  }
  .pagination .border {
    border: 1px solid var(--apply-filter-color, #F1F1F1);
    
  }
  .pagination nav > div:nth-child(2) > div:nth-child(2) svg {
    height: 25px;
    width: 100%;
  }
  .pagination p {
    text-align: center;
    padding-top: 1rem;
  }