:root {
    --primary: #96c3ea;
    --secondary: #035877;
    --third: #48dff4;
    --gray-bg2: #f7f7f7;
    --transition1: all 0.3s cubic-bezier(0.8, 0.13, 0.19, 0.95);
    --swiper-navigation-sides-offset: 4px;
    --extraPadding: 60px;
    --cusPadding: 80px;
    --cusMargin: 80px;
}

html:dir(ltr) .en.nav-link,
.custom-language-switcher .is-active {
    display: none !important;
}

.ar-text {
    display: none;
}

.custom-language-switcher .links-inline>* {
    padding-inline: 0;
    padding-block: 0;
    transform: translate(0px, 2px);
}

.custom-language-switcher .links-inline>*:before {
    display: none
}

.view-general-search .views-exposed-form .form-actions>*:last-child,
.view-general-search .view-content .views-field-type {
    display: none !important;
}

* {
    -webkit-backface-visibility: hidden;
}

@media screen and (min-width: 1280px) {
    :root {
        --mm-max-size: 540px;
    }

    .mm-panel {
        padding-inline: calc(5vw + 20px) !important;
    }
}

body {
    color: #333;
    background: #fff;
    font-family: "Montserrat", system-ui;
    counter-reset: cus-incr;
}

a {
    text-decoration: none;
    transition: all 0.3s linear;
    color: var(--secondary)
}

a:hover,
a:focus {
    color: var(--primary)
}

p {
    margin-bottom: 0.35rem;
}

.pt-gen-large {
    padding-top: 64px;
}

.pb-gen-large {
    padding-bottom: 64px;
}

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

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

.pt-gen-small {
    padding-top: 15px;
}

.pb-gen-small {
    padding-bottom: 15px;
}

/*******/
.mt-gen-large {
    margin-top: 64px;
}

.mb-gen-large {
    margin-bottom: 64px;
}

.mt-gen-medium {
    margin-top: 40px;
}

.mb-gen-medium {
    margin-bottom: 40px;
}

.mt-gen-simi-medium {
    margin-top: 22px;
}

.mb-gen-simi-medium {
    margin-bottom: 22px;
}

.mt-gen-small {
    margin-top: 15px;
}

.mb-gen-small {
    margin-bottom: 15px;
}

/********/

.minus-top-10 {
    margin-top: -12px;
}

.minus-bottom-24 {
    margin-bottom: -24px;
}

.minus-bottom-40 {
    margin-bottom: -40px;
}

/*********/

.pe-custom-1 {
    padding-inline-start: 64px;
}

/********/
div p:last-child {
    margin-bottom: 0;
}

.relative {
    position: relative;
}

.text-tiny {
    font-size: 50%
}

.text-small {
    font-size: 75%
}

.text-big {
    font-size: 125%
}

.text-huge {
    font-size: 160%
}

/*****************/
@media screen and (min-width: 992px) {
    .lg-glex-middle {
        display: flex;
        align-items: center;
    }
}

.node--unpublished {
    padding: 0;
    background: #f9e6e6;
}

.all-news {
    display: flex;
    justify-content: center;
    /* border-top: 1px solid #cacaca; */
    /* padding-top: 18px; */
    position: relative;
    z-index: 0
}

.all-news:before,
.all-news:after {
    content: "";
    height: 1px;
    position: absolute;
    background: #c6c6c6;
    top: calc(50% - 1px);
    z-index: -2
}

.all-news:before {
    left: 10%;
    right: 10%;
}

.all-news a {
    position: relative;
}

.all-news a:before {
    content: "";
    position: absolute;
    background: #ffffff;
    inset: -4px -18px;
    z-index: -1;
}

.all-news a i {
    transition: all 0.15s cubic-bezier(0.42, 0, 0.33, 0.98);
}

.all-news a:hover i {
    transform: rotate(90deg)
}

.text-formatted a,
.link-style--1 {
    border-radius: 100px;
    padding: 6px 30px;
    color: var(--secondary);
    border: 2px solid var(--secondary);
    display: inline-flex;
    font-weight: 600;
    font-size: 95%
}

.text-formatted a {
    margin-top: 10px;
    padding: 3px 22px;
    font-size: 90%;
}

.text-formatted a:hover,
.link-style--1:hover {
    color: #fff;
    border: 2px solid var(--secondary);
    background: var(--secondary);
}

.link-style--1 i {
    margin-inline-end: 5px;

}

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

.secondary-color {
    color: var(--secondary)
}

.primary-color {
    color: var(--primary)
}

.secondary-color {
    /* color: var(--primary); */
}

textarea {
    resize: none !important;
}

img {
    transform: translate3d(0, 0, 0)
}

@-webkit-keyframes fixedAnim {
    0% {
        top: -150px
    }

    to {
        top: 0
    }
}

@keyframes fixedAnim {
    0% {
        top: -150px
    }

    to {
        top: 0
    }
}

header.fixed {
    -webkit-animation-timing-function: cubic-bezier(.78, .09, .03, 1.01);
    animation-timing-function: cubic-bezier(.78, .09, .03, 1.01);
    -webkit-animation-name: fixedAnim;
    animation-name: fixedAnim;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    z-index: 99999;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: #0000001c 0 5px 16px;
    position: sticky !important;
    background: #Fff;
}

header.fixed~#main-wrapper {
    margin-top: -78px;
}

.image-main-slider {
    overflow: hidden;
}

.main-slider .swiper-slide,
.main-slider .swiper-slide * {
    width: 100%;
}

.node .field--type-image {
    margin-inline: 0;
    float: none;
}

.field--type-image img,
.field--name-field-user-picture img {
    margin: 0 0 0em;
}

.btn-primary {
    border-radius: 100px;
    background-color: transparent;
    border: 2px solid var(--secondary);
    color: var(--secondary);
    font-weight: 500;
    min-width: 100px;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--secondary);
}

.field--type-entity-reference {
    margin-bottom: 0
}

.field--name-field-image-map,
.field--name-field-image-map *,
.field--name-field-image-map img {
    width: 100%
}

.shelf-icon {
    width: 80px;
    position: absolute;
    z-index: 9;
    margin-inline: calc(5vw - 20px) auto;
    top: calc();
}

#newslettersbtn span,
.mmf-1 a,
.phone a,
.nav-link {
    position: relative;
    padding-bottom: 6px
}

.site-footer .text-phone a,
.menu-name--main>a:first-child {
    position: relative;
}

li[data-mm-child] {
    position: relative
}

li[data-mm-child]>*:last-child {
    opacity: 0;
    position: absolute;
    inset: 0;
}

.gray-bg2 {
    background-color: var(--gray-bg2);
}

#newslettersbtn span:before,
.site-footer .text-phone a:before,
.mmf-1 a:before,
.mm-panel .menu-name--main>a:first-child:before,
.phone a:before,
.nav-link:before {
    content: "";
    position: absolute;
    width: 100%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    height: 2px !important;
    bottom: 0;
    left: 0;
    background-color: #222;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    transition: -webkit-transform .25s ease-out 0s;
    transition: transform .25s ease-out 0s;
    transition: transform .25s ease-out 0s, -webkit-transform .25s ease-out 0s;
    z-index: 1
}

.mmf-1 a:before,
.mm-panel .menu-name--main>a:first-child:before {
    width: 40px;

}

footer .is-active:before,
.mmf-1 a:before,
.mm-panel .menu-name--main>a:first-child:before {
    height: 1px !important;
    bottom: 3px;
}

#newslettersbtn span:before,
.site-footer .text-phone a:before,
.mmf-1 a:before,
.mm-panel .menu-name--main>a:first-child:before,
.phone a:before,
.nav-link:before {
    background-color: #fff
}

.phone a:before,
.nav-link:before {
    background-color: var(--secondary)
}

#newslettersbtn span:hover:before,
.mmf-1 a:hover:before,
.mm-panel .menu-name--main a:hover:before,
.mm-panel .menu-name--main a.is-active:before,
footer .is-active:before,
.site-footer .text-phone a:hover:before,
.phone a:hover:before,
.active .nav-link:before,
.nav-link:hover:before,
.nav-link.active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

.mmf-1 a:before,
.mm-panel .menu-name--main a:before,
footer .phone a:before,
footer .nav-link:before {
    background-color: #fff
}

.mm-navbar::before {
    background-position: 50%;
    content: "";
    position: absolute;
    width: 52px;
    height: 50px;
    top: -76px;
    background: url(../imgs/shelf.svg);
    background-size: 50px 60px;
    background-repeat: no-repeat;
    margin-inline: -26px auto;
}

.list-unstyled {
    margin: 0;
    padding: 0;
}

.list-unstyled li {
    list-style-type: none;
}

/* node */

.node__content {
    /* padding-bottom: 40px; */
}

.shared-intro {
    /* padding-bottom: 40px; */
}

.shared-intro .field--name-field-short-description p {
    margin-bottom: 0
}

.gray-bg1,
.gray-bg-description .shared-intro,
.gray-bg-description.ctnt {
    background: #edeff0;
}

.gray-bg-description.ctnt {
    /* margin-block-end: -40px; */
    /* padding-bottom: 40px; */
}

/*node-banner*/
.node-banner {
    height: 60vh;
    width: 100%;
    position: relative;
    /* margin-bottom: 24px; */
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.node-banner:before {
    content: '';
    background: linear-gradient(0deg, #00000087 2%, transparent 30%);
    position: absolute;
    inset: 0;
    z-index: 1
}

.page-slogan {
    color: #fff;
    position: relative;
    font-size: 220%;
    letter-spacing: 2px;
    z-index: 1;
    margin-bottom: 20px
}

.page-slogan p {
    margin-bottom: 0;
    line-height: 120%
}

.node-banner img {
    object-fit: cover;
    object-position: 50%;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.social-links {
    display: flex;
}

/* footer */
.site-footer {
    background: var(--primary);
    color: #fff;
    padding-block: 70px;
    font-family: unset;
    font-weight: 300;
}

.site-footer .text-phone a {
    color: #fff;
}

.site-footer .text-phone a:before {
    bottom: -5px
}

.site-footer .field__label {
    font-weight: 500;
}

.site-footer .field--name-field-logo img {
    max-width: 180px;
    margin-bottom: 30px;
}

.site-footer .secondary-menu {
    font-size: 84%;
    margin-top: 25px;
}

.site-footer .nav-item:not(:last-child) {
    margin-inline-end: 24px;
}

.site-footer .nav-link {
    padding: 0;
    color: #fff;
}

footer .social-icons ul li:not(:last-child) {
    margin-inline-end: 8px;
}

footer .social-icons ul li a {
    color: #fff;
    border: 1px solid transparent;
    width: 36px;
    height: 36px;
    font-size: 20px;
    display: flex;
    border-radius: 200px;
    align-items: center;
    justify-content: center;
    transition: var(--transition1)
}

footer .social-icons ul li a:hover {
    border-color: #fff
}

.copyrights {
    margin-top: 25px;
    font-size: 95%;
}

.copyrights p {
    /* text-align: center; */
}

/*node*/

.node-title {
    color: var(--secondary);
    /* text-transform: uppercase; */
    /* margin-block: 40px; */
    max-width: 660px;
    margin-inline: auto;
}

.node-title h1 {
    font-size: 2rem;
    margin-bottom: 0 !important;
}

.short-desc {
    margin-bottom: 30px
}

.var-contact {
    margin-bottom: 40px
}

/*contact-infos*/
.contact-block {
    border-radius: 12px;
    background-color: #f3f3f3;
    padding: 32px 22px 18px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.contact-block .title {
    font-weight: 700;
    text-align: center;
    color: var(--secondary);
    margin-bottom: 10px;
    font-size: 108%;
}

.contact-block .desc {
    font-size: 82%;
}

.contact-infos {
    margin-block: auto 0
}

.contact-infos>*>* {
    display: flex;
}

.contact-infos>* {
    border-top: 1px solid #c5c5c5;
    font-size: 72%;
    padding-block: 9px;
}

.contact-infos .field__label {
    color: var(--secondary);
    font-weight: 700;
    /* text-transform: uppercase; */
    min-width: 52px;
}

.contact-map {
    /* margin-top: 40px; */
    background: #8ec6ff;
    overflow: hidden;
}

.contact-map img {
    width: 100%;
    margin: 0;
}

.google-map {
    /* height: 50vh; */
}

.google-map iframe {
    width: 100%;
    height: 66vh;
}

/* form */
.region-webform-manual form>.form-wrapper:first-child {
    margin-bottom: 0 !important;
}

.region-webform-manual {
    /* margin-top: 0px; */
}

.region-webform-manual h2 {
    color: var(--secondary);
    font-size: 130%;
    margin-bottom: 22px
}

.form-control {
    border: 0;
    border-bottom: 2px solid var(--primary);
    border-radius: 0;
    padding-inline: 1px;
    padding-block: 10px;
    transition: all 0.25s;
    background: transparent;
}

.form-control:focus {
    background-color: rgb(243, 243, 243);
    border-color: transparent;
    outline: 0;
    box-shadow: none;
    border-bottom: 2px solid var(--secondary);
    padding-inline-start: 10px;
}

label.error {
    color: rgb(248 90 90);
    font-size: 80%;
}

.webform-actions {
    display: flex;
    justify-content: end;
    margin-bottom: 0 !important;
}

/*.mm-panel--opened*/



.mm-panel {
    letter-spacing: 2px;
    background-color: transparent;
}

.mm-navbar__title {
    padding-inline: 0px !important;
    height: unset;
    margin-top: 12px;
}

.mm-navbar__title {
    height: 170px;
}

.mm-panel--opened .mm-navbar__title {
    display: flex;
    justify-content: flex-start;
}

.mm-navbar__title span {
    color: var(--third);
    font-size: 40px;
    line-height: initial;
    font-weight: 600;
    margin-inline-start: -4px;
}

.mm-navbar {
    background: transparent;
    border: 0;
    display: flex;
    flex-direction: column;
}

.mm-panel a {
    color: #fff !important;
    padding-inline: 0;
    font-weight: 300;
}

.mm-btn--prev,
.mm-btn--next {
    border: 0 !important;
}

.mm-btn--next:after,
.mm-btn--prev:before {
    border-color: var(--third);
    height: 10px;
    width: 10px;
    inset-inline-start: 7px;
}

li[data-level='1']>a:first-child:after {
    content: '';
    border: 1px solid var(--mm-color-icon);
    border-bottom: none;
    border-right: none;
    border-color: var(--third);
    height: 7px;
    width: 7px;
    inset-inline-start: 7px;
    display: inline-flex;
    transform: rotate(135deg) translate(-3px, 0px);
    transition: all 0.25s cubic-bezier(0.64, 0.04, 0.26, 0.87)
}

li[data-level='1']:hover>a:first-child:after {
    transform: rotate(135deg) translate(-7px, -4px);
}

.mm-listitem:after {
    display: none;
}

.mm-btn--prev {
    width: 20px;
    height: 28px;
    display: inline-flex;
    justify-content: center;
    margin-bottom: -6px;
}

.mm-btn--prev:before {
    inset-inline: 3px auto !IMPORTANT;
}

.main-menu-footer {
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-top: 1px solid #ffffffa3;
    margin-top: 30px;
    padding-top: 20px;
    font-size: 70%;
    color: #fff;
}

.main-menu-footer .mmf-2 {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.main-menu-footer .mmf-2>*:first-child {
    margin-inline-end: 15px
}

.mmf-2>*:first-child {
    color: #fff;
}

.mmf-2 .social-links {
    display: flex;
    justify-content: center
}

.mmf-2 .social-links li {
    margin-inline: 4px;
    font-size: 15px;
}

.mmf-2 .social-links li a:hover {
    color: #ff882f !important
}

.mm-listitem--selected>.mm-listitem__text {
    background: transparent;
}

.mm-menu--offcanvas::before,
.mm-menu--offcanvas::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
}

.mm-menu--offcanvas::before {
    background: var(--secondary);
}

.close-btn {
    width: 30px;
    height: 30px;
    inset-inline: auto calc(2vw + 5px);
    top: calc(2vh + 5px);
    position: absolute;
    z-index: 99;
    border: 0;
    padding: 0;
    background: transparent;
    transition: transform 0.3s cubic-bezier(0.69, 0.1, 0.32, 0.95)
}

.close-btn svg {
    width: 100%
}

.close-btn:hover {
    transform: rotate(90deg)
}

@media screen and (min-width: 1399px) {
    .site-footer .container-fluid {
        max-width: 1400px;
    }
}

/* navbar */
.responsive-menu-toggle-icon::before,
.responsive-menu-toggle-icon::after {
    display: none;
}

#navbar-main {
    background-color: transparent;
    padding-block: 15px;
}

.path-frontpage #header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 999;
    background: transparent;
}

.path-frontpage #header.fixed {
    background: #fff
}

.header {
    position: relative;
    z-index: 1;
}

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

.custom-menu-icon {
    display: flex;
    flex-direction: column;
}

.responsive-menu-toggle-icon {
    height: unset
}

.custom-menu-icon>* {
    width: 30px;
    height: 2px;
    background: var(--secondary);
    margin-block: 3px;
    transition: var(--transition1);
}

.custom-menu-icon>*:nth-child(2) {
    width: 15px;
}

.custom-menu-icon:hover>*:nth-child(2) {
    width: 30px;
}

.navbar .views-element-container {
    max-width: 174px;
}

.navbar .views-element-container a {
    display: flex;
}

.navbar .views-element-container a img {
    width: 100%
}

.header-tools {
    display: flex;
}

.header-tools>*:not(:last-child) {
    margin-inline-end: 26px;
}

.header-tools .custom-search {
    cursor: pointer
}

.header-tools .custom-search svg {
    width: 26px;
}

.header-tools .custom-search svg path {
    fill: var(--secondary);
    transition: all 0.2s linear
}

.header-tools .custom-search:hover svg path {
    fill: #222
}

.node__content {
    margin-top: 0px;
}

.main-content-image {
    display: flex;
}

.news-body .quoted {
    float: right;
    padding: 30px 20px;
    margin-inline-start: 30px;
    margin-block-end: 30px;
    max-width: 420px;
    border-block: 1px solid #222;
    color: var(--secondary);
    font-size: 141%;
    font-style: italic;
    text-align: center;
}

.news-body:not(.life-styles-news-body) p {
    text-align: justify
}

/*news-thumb*/

.news-thumb {
    width: 100%;
    height: 370px;
    overflow: hidden;
    border-radius: 15px;
}

.radius-inside-image img {
    border-radius: 15px;
}

.view-card-1 .news-thumb img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: var(--transition1);
    transition-duration: 0.5s;

}

.view-card-1 .every-view-row-field:hover .news-thumb img {
    transform: scale(1.09)
}

.view-card-1 .title {
    margin-block: 20px;

}

.view-card-1 .title a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    font-weight: 700;
    font-size: 110%;

}

.view-card-1 .title,
.view-card-1 .views-field-body,
.view-card-1 .views-field-nothing,
.view-card-1 .views-field-view-node,
.view-card-1 .views-field-field-long-formatted-1 {
    padding-inline: 6px
}

.view-card-1 .views-field-nothing {
    margin-top: -8px
}

.view-home-news.view-card-1 .views-field-nothing {
    margin-top: 0px;
    padding-inline: 0;
}

.view-card-1 .views-field-view-node {
    margin-top: 25px;
}

.view-card-1.gallery .views-field-view-node {
    margin-top: 0px;
}

.view-home-news.view-card-1.gallery .views-field-view-node,
.view-home-news.view-card-1.gallery .every-view-row-field {
    margin-top: 0px !important
}

.view-home-news .every-view-row-field {
    margin-bottom: 10px
}

.view-id-home_news.view-display-id-main .every-view-row-field {
    margin-bottom: 0px
}

.view-home-news.view-display-id-items .readmore {
    display: none !important
}

.view-card-1 .views-field-view-node a {
    border-radius: 50px;
    border: 1px solid #555;
    padding: 2px 20px;
    display: inline-flex;
    /* text-transform: uppercase; */
    font-size: 84%;
    font-weight: 600;
    color: #555;
}

.view-card-1 .views-field-view-node a:hover {
    background: var(--secondary);
    border-color: var(--secondary);
    color: #fff;
}

.every-view-row-field {
    margin-bottom: 10px;
    /* border-bottom: 1px solid #dddddd; */
    padding-bottom: 15px;
}

.view-card-1 .views-field-nothing .post-date {
    display: flex;
    font-size: 80%;
    align-items: center;
    color: #898989;
    margin-top: 20px;
}

.view-card-1 .views-field-nothing .post-date span {
    margin-inline-end: 5px;
    font-weight: 200;
    color: #555;
}

.views-block-title {
    /* text-transform: uppercase; */
    /* margin-top: 25px; */
    margin-bottom: unset;
}

.views-block-title h1,
.views-block-title h2 {
    font-size: 2rem;
    margin-bottom: unset;
}

/*container-icon*/
.container-icon-info {
    /* padding-block: 100px; */
}

.container-icon-info .row {
    /* display: flex; */
    align-items: center;
}

.container-icon {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.container-icon img {
    width: 160px;
    margin-inline-end: 14px;
}


/*destinations*/

.destinations-body .row {
    /* justify-content: center; */
}

/*gallery-grid*/

.gallery-grid img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50%;
}

.gallery-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.gallery-grid>div {
    min-height: 260px;
    height: 38vh;
}

.gallery-grid>div:nth-child(1) {
    grid-area: 1 / 1 / 2 / 3;
}

.gallery-grid>div:nth-child(2) {
    grid-area: 1 / 3 / 2 / 4;
}

.gallery-grid>div:nth-child(3) {
    grid-area: 1 / 4 / 2 / 5;
}

.gallery-grid>div:nth-child(4) {
    grid-area: 2 / 1 / 3 / 2;
}

.gallery-grid>div:nth-child(5) {
    grid-area: 2 / 2 / 3 / 4;
}

.gallery-grid>div:nth-child(6) {
    grid-area: 2 / 4 / 3 / 5;
}

.gallery-grid>div:nth-child(7) {
    grid-area: 3 / 1 / 4 / 2;
}

.gallery-grid>div:nth-child(8) {
    grid-area: 3 / 2 / 4 / 3;
}

.gallery-grid>div:nth-child(9) {
    grid-area: 3 / 3 / 4 / 5;
}

.gallery-grid>div:nth-child(10) {
    grid-area: 4 / 1 / 5 / 2;
}

.gallery-grid>div:nth-child(11) {
    grid-area: 4 / 2 / 5 / 4;
}

.gallery-grid>div:nth-child(12) {
    grid-area: 4 / 4 / 5 / 5;
}

/* swiper */

.swiper-button-next:before,
.swiper-button-next:after,
.swiper-button-prev:before,
.swiper-button-prev:after {
    display: none !important;
}

.swiper-button-next,
.swiper-button-prev {
    width: 28px;
    height: 46px;
    background: url(../imgs/arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.18s linear
}

.swiper-pagination-bullet {
    background: url(../imgs/bullet.svg);
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.5;
}

.image-text-slider .swiper-pagination {
    pointer-events: none
}

.image-text-slider .swiper-pagination>* {
    pointer-events: auto
}

.swiper-pagination-bullet-active {
    opacity: 1;
}

.main-slider .swiper-button-next,
.main-slider .swiper-button-prev,
.swiper-button-next.white,
.swiper-button-prev.white {
    background-image: url(../imgs/arrow-white.svg);
}



.banner-video,
.video-container {
    height: 100vh
}

.banner-video video {
    object-fit: cover;
    object-position: 50%;
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.main-slider,
.main-slider .swiper-slide * {
    height: 100vh;
    min-height: 400px;
}

.main-slider.slider2,
.main-slider.slider2 .swiper-slide * {
    height: 70vh;
    min-height: 400px;
}

.main-slider .field--name-field-media-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50%;
}

.swiper-button-next:hover {
    margin-inline: auto -4px
}

.swiper-button-prev:hover {
    margin-inline: -4px auto
}

.cus-mt-lg-4 {
    margin-top: var(--cusMargin) !important;
}

.cus-mb-lg-4 {
    margin-bottom: var(--cusMargin) !important;
}

.cus-pt-lg-4 {
    padding-top: var(--cusPadding) !important;
}

.cus-pb-lg-4 {
    padding-bottom: var(--cusPadding) !important;
}

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

.swiper-button-next {
    transform: scale(-1)
}

.extra-space>div:first-child {
    padding-inline-start: var(--extraPadding);
}

.extra-space>div:last-child {
    padding-inline-end: var(--extraPadding);
}

.extra-space-both {
    padding-inline: var(--extraPadding);
    width: calc(100% - (var(--extraPadding) * 2));
}

.slider-title {
    color: var(--secondary);
    font-weight: bold;
    /* text-transform: uppercase; */
    font-size: 170%;
    margin-bottom: 24px;
}

.image-text-slider img {
    border-radius: 15px;
}

.with-custom-swiper-navigation {
    position: relative;
}

.with-custom-swiper-navigation>* {
    max-width: calc(100% - 110px);
    margin-inline: auto;
}

.discover-only-image-slider-con .custom-swiper-nav {
    width: 66.6%;
    margin-inline: auto;
    position: absolute;
    top: calc(50% - 25px);
    height: 50px;
    z-index: 99;
    inset-inline: 0;
    pointer-events: none
}

.discover-only-image-slider-con .custom-swiper-nav>* {
    pointer-events: auto
}

/*gallery-style-1*/

.gallery-style-1>.views-rows-wrapper {}

.gallery-style-1 .views-rows-wrapper .row-group {
    margin-bottom: 26px;
    height: 500px;
}

.gallery-style-1 .first-item,
.gallery-style-1 .last-four-items-group,

.gallery-style-1 .first-item>*,
.gallery-style-1 .first-item>*>a {
    height: 100%;
}

.gallery-style-1 .last-four-items-group>*>*,
.gallery-style-1 .first-item>* {
    position: relative;
}

.gallery-style-1 .last-four-items-group>*>* .dl-img,
.gallery-style-1 .first-item>* .dl-img {
    position: absolute;
    inset-inline: auto 10px;
    bottom: 10px;
    z-index: 1;
    width: 40px;
    height: 40px;
    color: #fff;
    border-radius: 500px;
    border: 2px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none !important
}

.node--type-gallery-item .gallery-style-1 .last-four-items-group>*>* .dl-img,
.node--type-gallery-item .gallery-style-1 .first-item>* .dl-img {
    display: inline-flex !important
}

.gallery-style-1 .last-four-items-group>*>* .dl-img {
    width: 30px;
    height: 30px;
}

.gallery-style-1 .last-four-items-group>*>* .dl-img span {
    font-size: 24px;
}

.gallery-style-1 .first-item>* .dl-img span {
    font-size: 30px;
}

.gallery-style-1 .last-four-items-group>*>* .dl-img:hover,
.gallery-style-1 .first-item>* .dl-img:hover {
    border-color: #ffffff
}

.gallery-style-1 .last-four-items-group>* {
    width: calc(50% - 13px);
    height: calc(50% - 13px);
}

.gallery-style-1 .last-four-items-group>*>*,
.gallery-style-1 .last-four-items-group>*>*>a {
    height: 100%;
}

.gallery-style-1 img {
    width: 100%;
}

.gallery-style-1 .row-group {
    display: flex;
    align-items: flex-start;
}

.first-item a {
    display: flex;
}

.first-item a,
.last-four-items-group>*>*>a {
    overflow: hidden;
    border-radius: 12px;
    overflow: hidden;
}

.first-item a img,
.last-four-items-group>*>*>a img {
    transition: all 0.5s cubic-bezier(0.83, 0.06, 0.09, 0.94);
}

.first-item a:hover img,
.last-four-items-group>*>*>a:hover img {
    transform: translateZ(0) scale(1.15);
    filter: contrast(1.5);
}

.last-four-items-group {
    display: flex;
    flex-wrap: wrap;
    gap: 26px;
}


.last-four-items-group>*>*>a {
    display: flex;
}

.first-item a img,
.last-four-items-group>*>*>a img {
    object-fit: cover;
    object-position: 50%;
    height: 100%;
    width: 100%;
}

.gallery-style-1 .row-group:nth-child(odd) {
    flex-direction: row-reverse;
}

/* per-gallery in views */
.view-card-1.gallery .views-field-view-node {
    padding: 0
}

.gallery.view-card-1 .per-gallery {
    display: flex;
    flex-direction: column;
    padding: 0;
    border: 0;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}

.gallery.view-card-1 .per-gallery .show {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -100%;
    color: #fff;
    width: 100%;
    padding-inline: 6%;
    padding-bottom: 30px;
    background: linear-gradient(0deg, #000000f2, transparent);
    height: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
}

.view-card-1.gallery .every-view-row-field .per-gallery .show {
    bottom: -100%;
    opacity: 0;
    transition: all 0.5s cubic-bezier(0.74, 0.13, 0.29, 0.91)
}

.view-home-news.view-card-1.gallery .every-view-row-field .per-gallery .show {
    bottom: 0%;
    opacity: 1;
    transition: all 0.5s cubic-bezier(0.74, 0.13, 0.29, 0.91)
}

.view-card-1.gallery .every-view-row-field .per-gallery .show .created-on {
    font-size: 14px;
    margin-block: -10px 15px
}

.view-card-1.gallery .every-view-row-field:hover .per-gallery .show {
    bottom: 0%;
    opacity: 1;
}

.view-card-1.gallery .every-view-row-field {
    /* margin-top: 25px; */
    /* margin-bottom: 0px; */
}

.gallery.view-card-1 .per-gallery .news-thumb {
    height: 470px;
}

.gallery.view-card-1 .per-gallery .show .title {
    display: flex;
    border-top: 1px solid #fff;
    font-size: 138%;
    padding-top: 14px;
}

.per-gallery.news-style .show .title {
    padding-inline: 0 !important;
    margin-bottom: 3px;
}

.per-gallery.news-style .show .body {
    font-weight: 400;
    text-transform: capitalize;
}

.gallery.view-card-1 .per-gallery .show .readmore {
    border-radius: 15px;
    padding: 3px 16px;
    display: inline-flex;
    border: 1px solid #fff;
    justify-content: center;
    transition: all 0.25s linear
}

.gallery.view-card-1 .per-gallery .show .readmore:hover {
    background: #fff;
    color: #333
}

/* event */

.event-info .every-view-row-field {
    margin-bottom: 0;
    padding-bottom: 0;
    border: 0;
}

.event-info>div:first-child {
    border-bottom: 1px solid #cacaca;
}

.event-info>div {
    display: flex;
    border-bottom: 1px solid #cacaca;
    align-items: center;
}

.event-info .dtl-single {
    min-width: 160px;
    padding-block: 10px;
    display: inline-flex;
}

.life-styles.event-info .dtl-single {
    min-width: 194px;
}

.dtl-info p {
    margin-bottom: 0;
}

.multiple-phones:last-child span:last-child {
    display: none
}

.multiple-phones>span {
    display: inline-flex;
    margin-inline: 10px 8px;
}

.multi-phones a {
    letter-spacing: 1px
}

.social-in-body a {
    display: inline-flex;
    width: 24px;
    padding-inline: 2px 4px;
    margin-inline-end: 8px;
}

.event-info .dtl-single span {
    /* text-transform: uppercase; */
    color: var(--secondary);
    font-weight: 600;
}

.event-info .dtl-single i {
    margin-inline-end: 15px;
}

.dtl-info a {
    color: #777;
}

.menu-link-container {
    margin-block: 20px 0px;
    display: flex;
    justify-content: flex-end
}

.menu-link-container a {
    border: 2px solid #444;
    color: #444;
    display: inline-flex;
    padding: 2px 25px;
    border-radius: 100px;
    font-weight: 600;
    font-size: 85%
}

.menu-link-container a:hover {
    background: var(--primary);
    border-color: var(--primary);
    color: #fff;
}

.views-exposed-form {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 12px;
}

.view-events-items .js-form-item input,
.view-lifestyles-items .js-form-item input {
    border: 1px solid #555;
    border-radius: 500px;
    padding: 6px 15px
}

.views-exposed-form>* {
    width: 100%
}

.views-exposed-form>*>*:not(:last-child) {
    margin-inline-end: 15px;
    width: calc(100% / 3);
}

.node--type-events .views-exposed-form>* {
    display: flex;
    justify-content: space-between;
}

.node--type-events .views-exposed-form>*>* {
    width: calc((100% / 3) - 15px);
    margin-inline-end: 0px;
}

.views-exposed-form>* label {
    padding-inline-start: 8px;
    display: none;
}

.views-exposed-form select {
    border-radius: 200px;
    border: 1px solid #555;
}

.views-exposed-form select:focus {
    border: 1px solid var(--secondary);
}

/* birth-discover-blocks */

.birth-discover-blocks.birth-style-discover {
    display: flex;
    justify-content: center;
}

.birth-discover-blocks.birth-style-discover .swiper-slide {
    flex-shrink: unset;
    width: unset;
    height: unset;
    position: unset;
    transition-property: unset;
    display: unset;
    width: calc(100% / 2 - 12px);
    margin-inline: 12px;
}

.birth-discover-blocks.birth-style-discover .swiper-slide .discover-block {
    background: #f5f5f5;
    border-radius: 12px;
    padding: 30px 24px;
    display: flex;
    align-items: center;
}


.birth-discover-blocks.birth-style-discover .swiper-slide .discover-block .desc {
    padding-inline-start: 20px;
}

.birth-discover-blocks.birth-style-discover .swiper-slide .discover-block .desc .number {
    text-align: center;
    font-size: 240%;
}

.discover-block {
    display: flex;
}

.discover-block img {
    position: relative;
}

.discover-block:hover .image .circle-bg {
    background: #e1e1e1 !important;
    border: 8px solid #ffffff;
    box-shadow: 0 0 0px 4px #e1e1e1
}

.birth-discover-blocks .field--name-field-discover-blocks .discover-block .image {
    position: relative
}

.discover-block .circle-bg {
    width: 140px;
    height: 140px;
    border-radius: 500px;
    transition: all 0.15s linear;
    border: 2px solid transparent
}

.discover-carousel.style--1 .discover-block {
    flex-direction: column;
    display: flex;
    align-items: center;
    padding-block: 10px;
}

.discover-carousel.style--1 .discover-block * {
    text-align: center
}


.desc .number {
    font-weight: bold;
    color: #86c485;
    font-size: 22px;

}

.discover-carousel.style--1 .discover-block .desc .number {
    margin-top: 10px;
}

/****************************/
.map-1 {
    display: flex;
    flex-direction: column;
    align-items: center;
}


.map-1 .field--name-field-logo,
.map-1 .field--name-field-media-image {
    background-color: #8ed9ed;
    overflow: hidden;
    border-radius: 15px;
}

.map-1 .field--name-field-text-1,
.map-1 .field--name-field-text-2 {
    font-weight: bold;
    color: var(--secondary);
    /* margin-block: 24px; */
    font-size: 130%
}

.map-1 .text-formatted {
    text-align: center
}

.single-video-cover .video-container {
    position: relative;
    width: 100%;
    height: 70vh;
}

.single-video-cover video {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.single-video-cover .custom-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90px;
    height: 90px;
    background: #ffffff36;
    background-size: contain;
    cursor: pointer;
    border-radius: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.triangle-right {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-left: 26px solid #fff;
    border-bottom: 20px solid transparent;
    display: flex;
    transform: translate(4px, 0px);
}

.single-video-cover .video-container video.paused+.custom-play-button {
    display: block;
}

.field--name-field-simple-list>* {
    background-color: #edeff0;
    margin-bottom: 20px;
    border-radius: 15px;
    padding-block: 16px;
    padding-inline: 34px 20px;
    position: relative;
    display: flex;
    align-items: center;
}

.field--name-field-simple-list>*:last-child {
    margin-bottom: 0 !important;
}

.field--name-field-simple-list>*:before {
    content: "";
}

.field--name-field-simple-list>*:before {
    counter-increment: cus-incr;
    content: counter(cus-incr, decimal-leading-zero);
    color: var(--secondary);
    font-size: 36px;
    font-weight: 700;
    margin-inline-end: 24px;
    letter-spacing: 8px;
}

@media screen and (min-width: 920px) {
    .mm-wrapper--position-right {
        --mm-translate-horizontal: -50vw;
    }

    .mm-menu--position-left,
    .mm-menu--position-left-front,
    .mm-menu--position-right,
    .mm-menu--position-right-front {
        width: 50vw;
    }
}

/*pagination*/

.pagination {
    display: flex;
    justify-content: center;
}

.pagination * {
    border: 0;
}

.pagination>li.pager-last-page a,
.pagination>li.pager-next-page a,
.pagination>li.pager-first-page a,
.pagination>li.pager-prev-page a {
    height: 100%;
    border-radius: 0 !Important;
    width: 100%;
    display: flex;
}

.pagination>li.pager-last-page,
.pagination>li.pager-next-page,
.pagination>li.pager-first-page,
.pagination>li.pager-prev-page {
    width: 44px;
    /* height: 30px; */
    background: url(../imgs/arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    transform: scale(-1);
    background-position: center;
    background-size: 40%
}

.pagination>li.pager-next-page,
.pagination>li.pager-prev-page {
    filter: brightness(1.73);
    background-size: 33%;
}

.pagination>li.pager-first-page,
.pagination>li.pager-prev-page {
    transform: scale(1);
}

.pager-next-page {
    margin-inline: 15x 0
}

.pager-prev-page {
    margin-inline: 0 15px
}

.pagination>.pager-last-page span,
.pagination>.pager-next-page span,
.pagination>.pager-first-page span,
.pagination>.pager-prev-page span {
    display: none;
}


.page-item .page-link,
.page-item.active .page-link {
    background: none;
    color: var(--primary);
    border-radius: 0 !important;
    padding: 4px !important;
    display: flex;
    width: 40px;
    justify-content: center;
}

.page-item.active .page-link,
.page-item .page-link {
    font-size: 22px;
    font-weight: 500
}

.page-item.active .page-link {
    color: #999
}

.tender-row>div {
    display: flex;
}

.tenders-table-head .tender-row {
    background: var(--primary);
    color: #fff;
}

.tenders-table-head .tender-row {
    background: var(--primary);
    color: #fff;
    font-weight: 500;
    border-start-start-radius: 15px;
    border-start-end-radius: 15px;
    font-size: 108%;
}

.tender-row .every-view-row-field {
    margin-bottom: 0;
}

.tender-row>div>div {
    padding: 8px 10px;
    display: flex;
    align-items: center;
}

.tender-row>div>div p {
    margin-bottom: 0;
}

.view-tenders-list {
    background: #edeff0;
    border-end-end-radius: 15px;
    border-end-start-radius: 15px;
    font-size: 92%;
}

.tender-row>div>div {
    border-inline-end: 1px solid var(--primary);
    border-bottom: 1px solid var(--primary);
}

.tender-row>div>div:last-child {
    border-inline-end: 0px;
}

.tender-row:last-child>div>div {
    border-bottom: 0px;
}

.tenders-table-head .tender-row>div>div {
    border-color: #fff;
    padding-block: 16px;
}

@media only screen and (min-width: 768px) {
    .tender-row .views-label {
        display: none
    }

    .tender-row>div>div:nth-child(1) {
        width: 6%;
        justify-content: center;
    }

    .tender-row>div>div:nth-child(2) {
        width: 24%
    }

    .tender-row>div>div:nth-child(3) {
        width: 40%;
    }

    .tender-row>div>div:nth-child(4),
    .tender-row>div>div:nth-child(5) {
        width: 15%
    }
}

.quote {
    /* padding-inline: 40px; */
    text-align: center;
    color: var(--secondary);
    font-size: 110%;
}

.quote svg {
    width: 160px;
    position: absolute;
    display: none !important;
}

.quote svg:nth-of-type(1) {
    top: -20px;
    left: -110px;
}

.quote svg:nth-of-type(2) {
    bottom: -20px;
    right: -110px;
    transform: scale(-1);
}

.node--type-discover .node__content {
    padding-bottom: 0 !important;
}

.discover-only-image-slider-con .swiper-slide {
    height: auto;
}

.discover-only-image-slider-con .swiper-slide div {
    height: 100%;
}

.discover-only-image-slider-con .swiper-slide>div {
    overflow: hidden;
}

.discover-only-image-slider-con .swiper-slide img {
    object-fit: cover;
    object-position: 50%;
    height: 100%;
    widows: 100%;
}

/*the-title*/
.the-title {
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 200%;
}

/*news-style-row*/

.news-style-row {
    display: flex;
    margin-bottom: 20px;
}

.news-style-row .img {
    width: 25%;
    height: 116px;
}

.news-style-row .news-thumb {
    height: 100%;
    width: 100%;
}

.news-style-row .show {
    padding-inline-start: 20px;
    width: 75%;
}

.news-style-row .created-on {
    color: orange;
    font-weight: 600;
    font-size: 90%;
}

.news-style-row .title {
    padding-inline: 0px;
    font-weight: bold;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin-bottom: 0;
    margin-top: 5px;
}

.news-style-row .body {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 85%;
    color: #666;
}

.news-list-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.news-list-container .all-news {
    margin-block: auto 0
}

/* custom-row */

.custom-row {
    display: flex;
}

.custom-row>.custom-col-1 {
    width: 45%;
    padding-inline-start: 11.5%;
    padding-inline-end: 66px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.custom-row>.custom-col-2 {
    width: 55%
}

.custom-row img {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
}

.main-slider .swiper-button-prev,
.no-container .swiper-button-prev-its {
    inset-inline-start: 5%
}

.main-slider .swiper-button-next,
.no-container .swiper-button-next-its {
    inset-inline-end: 5%
}

/*home-destinations*/

.home-destinations {

    color: #fff;
}

.home-destinations {
    position: relative;
}

.home-destinations:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: calc(100% - 220px);
    background: var(--secondary);
    z-index: 0;
}

.home-destinations>* {
    position: relative;
    z-index: 1
}

.home-destinations .the-title {
    letter-spacing: 4px;
}

.arch-style {
    display: flex;
}

.arch-style:not(.swiper)>* {
    width: calc(100% / 5)
}

.arch-style .every-view-row-field {
    padding-inline: 8px;
    margin-bottom: 0
}

.arch-style a {
    min-height: 400px;
    height: 45vh;
    border-start-start-radius: 200px;
    border-start-end-radius: 200px;
    border-end-start-radius: 30px;
    border-end-end-radius: 30px;
    overflow: hidden;
    position: relative;
}

.arch-style a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40%;
    background: linear-gradient(0deg, #0000009e, transparent);
    z-index: 1;
    transition: all 0.3s cubic-bezier(0.6, 0.01, 0.4, 0.97)
}

.arch-style a:hover:before {
    height: 80%;
}

.arch-style a,
.destination-img {
    display: flex;
    position: relative;
}

.arch-style img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.arch-style a>span:last-child {
    padding: 0px 14px;
    color: #fff;
    /* text-transform: uppercase; */
    position: absolute;
    z-index: 2;
    height: 100%;
    width: 100%;
    /* padding-top: 20%; */
    text-shadow: 0 0 5px #00000059;
    transition: all 0.3s cubic-bezier(0.6, 0.01, 0.4, 0.97);
    bottom: -55%;
}

.arch-style a>span:last-child>* {
    width: 100%
}

.arch-style a>span:last-child .desc {
    font-size: 80%;
    display: block;
    margin-top: 25px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.25s;
}

.arch-style a:hover>span:last-child .desc {
    opacity: 1;
    transition-delay: 0.2s;
}

.arch-style a>span:last-child .title {
    font-weight: 700;
    text-align: center;
    display: block;
}

.arch-style a:hover>span:last-child {
    bottom: -35%;
}

/*home-restaurants-cafes*/

.view-home-restaurants-and-cafes .view-content,
.view-home-restaurants-and-cafes .view-content>div {
    /* padding: 0; */
    /* margin: 0; */
}

.view-home-restaurants-and-cafes .views-exposed-form>div {
    justify-content: center;
}

.view-home-restaurants-and-cafes .view-content .every-view-row-field {
    margin-bottom: 24px;
    border-radius: 15px;
    overflow: hidden;
}

.home-restaurants-cafes .view-content a {
    display: flex;
    position: relative;
    height: 250px;
    overflow: hidden
}

.home-restaurants-cafes .view-content a img {
    width: 100%;
}

.home-restaurants-cafes .view-content a>.image {
    display: flex;
    width: 100%;
    height: 100%;
}

.home-restaurants-cafes .view-content a>.image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s cubic-bezier(0.75, 0.03, 0.33, 0.83)
}

.home-restaurants-cafes .view-content a:hover>.image img {
    transform: scale(1.2);
}

.home-restaurants-cafes .view-content a>span:last-child {
    color: #fff;
    font-weight: 500;
    /* text-transform: uppercase; */
    display: flex;
    position: absolute;
    z-index: 2;
    height: 100%;
    width: 100%;
    align-items: center;
    text-align: center;
    padding: 10%;
    font-size: 118%;
    line-height: 160%;
    text-shadow: -1px 1px 6px #000000a8, 1px -1px 6px #000000bf;
    transition: all 0.3s cubic-bezier(0.6, 0.01, 0.4, 0.97);
    justify-content: center;
    background: #0000001c;
}

/*bef-links*/

.bef-links ul {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    font-weight: 500;
    flex-wrap: wrap;
}

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

.view-home-restaurants-and-cafes .bef-exposed-form {
    display: flex;
    justify-content: center;
}

.view-home-restaurants-and-cafes .views-exposed-form>*>*:not(:last-child) {
    margin-inline-end: 0
}

.js-form-item-lifestyle-type {
    min-width: 620px;
}

.bef-link--selected {
    color: #ffa500;
}

.every-view-row-field p,
.arch-style a>span:last-child .desc p {
    margin-bottom: 0;
}

.internal-webform-titles {
    color: var(--primary);
    font-size: 130%;
    margin-block: 15px 0 !important;
}

sup {
    margin-inline: 4px auto;
}

/* calendar */

.fc-unthemed td.fc-today {
    background: #64a9ca38;
    padding-inline-start: 10px;
}

tr {
    padding: 0.1em 0.6em;
    background: #efefef;
    background: transparent;
}

thead>tr {
    border-bottom: 1px solid #e0e0e0;
}

table tr th {
    background: transparent;
}

.fc-toolbar.fc-header-toolbar {
    margin-bottom: 2.2em;
}

.fc-content-skeleton>table {
    margin: 0 !important
}

.fc-day-grid>*:last-child {
    display: none;
}

.fc-widget-content>.fc-scroller {
    height: unset !important;
    overflow: hidden !important;
}

.fc-row .fc-content-skeleton {
    padding-bottom: 0
}

.fc-unthemed th {
    color: initial
}

.fc-row table {
    margin: 0 !important
}

.fc td,
.fc th {
    border-width: 0px;
    padding: 0;
}

.fc-dayGrid-view .fc-body .fc-row {
    min-height: unset;
    height: unset !important;
}

.fc .fc-row .fc-content-skeleton table,
.fc .fc-row .fc-content-skeleton td,
.fc .fc-row .fc-mirror-skeleton td {
    border-right: 1px solid #ffffff;
}

.fc-right {
    display: none;
}

.fc-left>button {
    display: none;
}

.fc .fc-row .fc-content-skeleton td {
    border: 0 !important;
    border-width: 0 !important;
    /* background: red; */
}

.fc-day-header>span,
.fc-day-number {
    min-height: 40px;
    display: flex;
    font-weight: 400;
}

.fc-day-number {

    justify-content: flex-start;
    width: 100%;
    align-items: center;
}

.fc-day-grid-event {
    background-color: var(--primary);
}

.fc-toolbar {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    text-transform: uppercase;
    font-size: 86%;
    color: var(--secondary);
}

.fc-left {
    position: absolute;
    inset-inline: 0;
    top: 0;
}

.fc-left .fc-button-group {
    display: flex;
    background: transparent;
    width: 100%;
}

.fc-left .fc-button-group>* {
    width: 50px;
    height: 34px;
    display: inline-flex;
    flex: unset;
    background: transparent;
    border: 0;
    background: url(../imgs/arrow.svg) no-repeat;
    background-size: auto 100%;
    background-position: 50%;
    transition: all 0.175s cubic-bezier(0.76, 0.09, 0.34, 0.97)
}

.fc-left .fc-button-group>*>* {
    display: none;

}

.fc-left .fc-button-group>*:last-child {
    margin-inline: auto 0;
    transform: scale(-1);
}

.fc-left .fc-button-group>*:hover,
.fc-left .fc-button-group>*:focus {
    border: 0 !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

.fc-left .fc-button-group>*:hover {
    background-position: 0% 0;
}

@media only screen and (min-width: 992px) {

    .view-lifestyles-items .views-exposed-form>* {
        flex-wrap: nowrap !IMPORTANT;
    }

    .image-text-slider .swiper-pagination {
        padding-inline-start: 22%;
    }

    .mm-panel {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-top: 70px;
    }

    .mm-listview:not(.sub-level) {
        display: flex;
        flex-wrap: wrap;
    }

    .mm-listview:not(.sub-level)>li {
        width: calc(50% - 10px);
    }

    .mm-listview>li {
        display: flex;
        align-items: center;
    }

    .contact-blocks-container .row>* {
        margin-block: 12px;
    }

}

@media only screen and (max-width: 991px) {

    body {
        background: var(--secondary)
    }

    .arch-style.swiper {
        width: calc(100% - 100px);
    }

    .arch-style.swiper+.custom-swiper-nav {
        position: absolute;
        top: calc(50% - 20px);
        z-index: 1;
        left: 0;
        right: 0;
    }

    .arch-style.swiper+.custom-swiper-nav>* {
        background-image: url(../imgs/arrow-white.svg)
    }

    .birth-discover-blocks.birth-style-discover {
        flex-wrap: wrap
    }

    .birth-discover-blocks.birth-style-discover .swiper-slide {
        width: 100%;
        margin-inline: 0;
    }

    .birth-discover-blocks.birth-style-discover .swiper-slide:not(:last-child) {
        margin-bottom: 24px;
    }

    .map-2 {
        margin-top: 42px
    }

    .field--name-field-simple-list>*:first-child {
        margin-top: 25px
    }

    .news-list-container {
        margin-top: 30px
    }

    .news-list-container .all-news {
        margin-block: 10px 0;
    }

    .custom-row img {
        border-radius: 0px !important;
    }

    .mm-navbar::before {
        background-position: 50%;
        height: 50px;
        top: 8px;
        background-size: 35px 40px;
        margin-inline: 15px auto;
    }

    .mm-panel a {
        font-size: 90%;
        padding-block: 10px;
    }

    .mm-btn--prev {
        margin-inline-start: 32px;
    }

    .mm-panel .mm-listview>li a {
        margin-inline: calc(4vw + 15px);
    }

    .main-menu-footer {
        margin-inline: calc(4vw + 15px);
        width: calc(100% - ((4vw + 15px) * 2))
    }

    .mm-panels>*:not(#mm-1) .mm-navbar {
        padding-top: 60px;
    }

    .mm-panels>*:not(#mm-1) .mm-navbar .mm-navbar__title {
        margin-inline: calc(4vw + 15px);
        padding-top: 4px;
    }


    .custom-row>.custom-col-2 {
        width: 100% !IMPORTANT;
        display: flex !IMPORTANT;
        align-items: center;
    }

    .custom-row>.custom-col-1 {
        width: 100% !important;
        padding-inline: 15px !important;
        margin-top: 34px;
    }


    .site-footer {
        padding-block: 40px 20px;
    }

    .calendar-section .row>*:last-child {
        margin-top: 20px;
    }

    .event-info {
        margin-top: 25px
    }

    .contact-block {
        margin-block: 15px;
        height: unset;
    }

    .extra-space>div:first-child {
        padding-inline-start: 15px;
        padding-top: 26px;
    }

    .extra-space>div:last-child {
        padding-inline-end: 15px;
        order: -1;
    }
}


@media only screen and (max-width: 767px) {
    .node--type-discover.node--view-mode-full .image-text-slider-container+div {
        background: #00000005
    }

    .gallery-grid {
        display: flex;
        flex-wrap: wrap
    }

    .gallery-grid>div {
        width: 50%;
        min-height: 220px;
    }

    .news-body .quoted {
        padding: 10px;
        float: unset;
        margin-inline: auto;
    }

    .life-styles.event-info .dtl-info {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding-block: 5px 10px;
    }

    .pe-custom-1 {
        padding-inline-start: 15px;
    }

    .with-custom-swiper-navigation>* {
        max-width: calc(100% - 00px);
    }

    .with-custom-swiper-navigation .custom-swiper-nav>* {
        z-index: 1;
    }

    .home-image-text-slider-container {
        padding-top: 0
    }

    .site-footer>* {
        display: flex;
        flex-direction: column
    }

    .fot-item-02 {
        order: 5;
        margin-top: 6px;
    }

    .fot-item-03 {
        order: 6;
        width: 50%;
    }

    .fot-item-04 {
        order: 5;
        width: 50%;
    }

    .fot-item-05,
    .fot-item-06 {
        margin-block: 10px
    }

    .fot-item-07 {
        order: 7;
    }

    .site-footer .field--name-field-logo img {
        max-width: 180px;
        margin-bottom: 22px;
    }

    .primary-menu .nav {
        display: flex;
        justify-content: center;
    }

    .primary-menu .nav li {
        margin-block: 4px
    }

    .site-footer .secondary-menu {
        font-size: 84%;
        margin-top: 5px;
    }

    .site-footer .secondary-menu ul {
        display: flex;
        justify-content: center
    }

    .copyrights {
        margin-top: 10px;
        display: flex;
        justify-content: center
    }

    .fot-item-04 {
        margin-bottom: 14px
    }

    .fot-item-04,
    .fot-item-03 {
        width: 100%;
    }

    .custom-row {
        flex-direction: column-reverse !important;
    }

    .all-news:before {
        left: 0%;
        right: 0%;
    }

    .image-text-slider {
        padding-block-end: 20px
    }

    .image-text-slider .swiper-pagination {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-inline-end: 0;
        transform: translate(0px, 5px);
        bottom: -2px;
    }

    .image-text-slider .swiper-pagination-bullet {
        background: url(../imgs/bullet-blue.svg) no-repeat;
        background-size: contain;
        background-position: 50%;
    }

    .image-text-slider .swiper-button-next-its,
    .image-text-slider .swiper-button-prev-its,
    .no-container .swiper-button-next-its,
    .no-container .swiper-button-prev-its {
        display: none;
    }

    .gallery-style-1 .first-item,
    .gallery-style-1 .last-four-items-group,
    .gallery-style-1 .first-item>*,
    .gallery-style-1 .first-item>*>a {
        height: unset;
    }

    .gallery-style-1 .views-rows-wrapper .row-group {
        margin-bottom: 26px;
        height: unset;
    }

    .gallery-style-1 .first-item {
        margin-bottom: 24px
    }

    .views-exposed-form>*>*:not(:last-child) {
        margin-inline-end: 15px;
        width: calc(100% / 2 - 15px);
    }

    .node--type-events .views-exposed-form>*>* {
        width: 100%;
        margin-inline-end: 0px;
    }

}

@media only screen and (max-width: 575px) {
    .discover-block .circle-bg {
        width: 100px;
        height: 100px;
    }

    .quote svg:nth-of-type(1),
    .quote svg:nth-of-type(2) {
        width: 50px;
    }

    .quote svg:nth-of-type(1) {
        left: 5px;
    }

    .quote svg:nth-of-type(2) {
        bottom: -30px;
        right: 5px;
    }

    .gallery-grid>div {
        width: 100%;
    }

    .container-icon {
        justify-content: center;
        margin-bottom: 16px
    }

    .container-icon img {
        margin-inline-end: 0px;
    }

    .gallery.view-card-1 .per-gallery .news-thumb {
        height: 350px;
    }

    .the-title,
    .slider-title {
        font-size: 150%;
    }

    .navbar .views-element-container {
        max-width: 154px;
    }

    .page-slogan {
        font-size: 170%;
    }

    .node-title h1,
    .views-block-title h1,
    .views-block-title h2 {
        font-size: 1.7rem;
    }

    .menu-link-container {
        justify-content: center;
    }

    .menu-link-container * {
        min-width: 50%
    }

    .menu-link-container * a {
        min-width: 100%;
        display: flex;
        justify-content: center
    }
}

@media only screen and (max-width: 499px) {
    .news-style-row .img {
        width: 35%;
        height: 116px;
    }

    .js-form-item-lifestyle-type {
        min-width: 90%;
        padding-inline: 5%;
    }

    .bef-links ul {
        justify-content: center;
    }

    .bef-links ul li {
        min-width: max-content;
        margin-inline: 15px
    }

    .mm-listview {
        /* width: calc(100% - 70px); */
    }

    .mm-menu--offcanvas {
        background-color: var(--secondary);
    }

    .mm-wrapper--position-right {
        --mm-translate-horizontal: -100%;
    }

    .mm-menu--position-left,
    .mm-menu--position-left-front,
    .mm-menu--position-right,
    .mm-menu--position-right-front {
        width: 100vw;
        inset-inline: 0;
    }
}

/* Basic styling for table */
.tables-container table {
    width: 100% !important;
    border-collapse: collapse;
    margin-bottom: 20px;
    border-radius: 18px;
    overflow: hidden;
}

.tables-container table thead {
    background: var(--primary)
}

.tables-container table thead th {
    padding-block: 16px !important;
}

.tables-container table tbody td {
    padding-block: 14px !important;
    padding-inline: 14px !important;
    background: transparent !important
}

.tables-container table tbody td * {
    padding-inline: unset !important;
    margin-inline: unset !important;
    background: transparent !important;
}

.tables-container table thead th,
.tables-container table tbody td,
.tables-container table tbody td * {
    text-align: center !important;
}

.tables-container table tbody td,
.tables-container table tbody td * {
    font-weight: 400 !important;
    color: #444 !important;
    border-color: #64a9ca59 ! IMPORTANT;
}

.tables-container th,
.tables-container td {
    padding: 12px;
    border: 1px solid var(--primary) !important;
    text-align: left;
}

.tables-container thead td:last-child,
.tables-container tbody td:last-child {
    border-inline-end: 0 !important;
}

.tables-container thead td:first-child,
.tables-container tbody td:first-child {
    border-inline-start: 0 !important;
}

.tables-container tbody tr:last-child td {
    border-bottom: 0 !IMPORTANT;
}

.tables-container thead {
    background-color: var(--primary);
}

.tables-container .card-container {
    display: none;
}

.tables-container .card {
    border: 0;
    margin: 10px 0;
    padding: 12px;
    background-color: #f6f6f6;
}

.tables-container .card p {
    margin: 8px 0;
}

.tables-container .card strong {
    font-weight: bold;
}

.tables-container tbody>tr:nth-child(odd) {
    background: #64a9ca1f !important;
}

.tables-container tbody>tr:nth-child(even) {
    background: #eeeeee1f !important;
}

.text-formatted p,
.text-formatted p span {
    font-family: "Montserrat",
        system-ui !important;
}

/*leaflet-map-view-discover-map-search-discover-map-search-block*/
.discover-map-search-block {
    background-color: #baddf3;
}

.map-search {
    display: flex;
    flex-direction: row-reverse;
    height: 100%;
}

.map-search .map-exposed-right {
    width: 32%;
    height: 100%;
}

.map-search .map-exposed-left {
    width: 68%;
}

.exposed-result-con {
    background: #fff;
    margin-block: 25px;
    margin-inline: 0 30px;
    border-radius: 15px;
    height: calc(100% - 50px);
    padding: 22px;
    display: flex;
    flex-direction: column;
}

.exposed-result-con .views-exposed-form>div>* {
    width: 100%
}

.exposed-result-con .views-exposed-form .bef-links ul>li:first-child {
    display: none
}

.exposed-result-con .views-exposed-form {
    position: relative;
    margin-bottom: 0;
}

.exposed-result-con .views-exposed-form .form-actions {
    position: absolute;
    top: 0;
    z-index: 2;
    inset-inline: auto 0;
    width: 40px;
}

.exposed-result-con .views-exposed-form .form-actions button {
    width: 40px;
    min-width: 40px;
    height: 40px;
    color: transparent;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 11C4 7.13401 7.13401 4 11 4C14.866 4 18 7.13401 18 11C18 14.866 14.866 18 11 18C7.13401 18 4 14.866 4 11ZM11 2C6.02944 2 2 6.02944 2 11C2 15.9706 6.02944 20 11 20C13.125 20 15.078 19.2635 16.6177 18.0319L20.2929 21.7071C20.6834 22.0976 21.3166 22.0976 21.7071 21.7071C22.0976 21.3166 22.0976 20.6834 21.7071 20.2929L18.0319 16.6177C19.2635 15.078 20 13.125 20 11C20 6.02944 15.9706 2 11 2Z" fill="%23999"/></svg>');
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: #fff;
    border: 0;
}

.map-search,
.map-exposed-left>* {
    background: #baddf3;
}

.map-exposed-right .ui-menu li,
.map-exposed-right .ui-menu li a {
    display: flex
}

#leaflet-map-view-discover-map-search-discover-map-search-block:focus,
#leaflet-map-view-discover-map-search-discover-map-search-block *:focus,
#leaflet-map-view-discover-map-search-discover-map-search-block:focus-within,
#leaflet-map-view-discover-map-search-discover-map-search-block *:focus-within {
    outline: 0;
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
    border: 0;
}

.leaflet-marker-icon>* {
    height: 100%;
    width: 100%;
    background: no-repeat url(../imgs/map-pin2.svg) 50% 10% / contain;

}

.ah-anchore {
    /* height: 100%; */
    /* width: 100%; */
    /* transform: translate(-3.4vw, -28%); */
}

/* map */
.map-search .views-exposed-form>*>* {
    margin-inline-end: 0;
}

.map-search .views-exposed-form .js-form-type-select {
    margin-bottom: 5px !important
}

.map-search .bef-links ul {
    flex-wrap: wrap;
    display: flex;
    justify-content: flex-start;
    gap: 8px;
}

.map-search .bef-link {
    display: inline-flex;
    border: 1px solid var(--secondary);
    border-radius: 100px;
    padding: 1px 9px;
    margin-bottom: 10px;
    font-size: 90%;
}

.map-search .bef-link.bef-link--selected {
    background: var(--secondary);
    color: #fff;
}

.map-search .results {
    height: calc(100% - 100px);
    overflow-y: scroll;
    overflow-x: hidden;
    /* flex-grow: 1; */
}

/**************************/

html {
    --scrollbarBG: #fff;
    --thumbBG: #c8c8c8;
}

.map-search .results::-webkit-scrollbar {
    width: 11px;
}

.map-search .results {
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}

.map-search .results::-webkit-scrollbar-track {
    background: var(--scrollbarBG);
}

.map-search .results::-webkit-scrollbar-thumb {
    background-color: var(--thumbBG);
    border-radius: 8px;
    border: 3px solid var(--scrollbarBG);
}

/**********/

@keyframes example44 {
    0% {
        opacity: 0;
    }

    75% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

div[class^="js-view-dom-id-"] .map-exposed-left {
    animation-name: example44;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-direction: normal;
}


.map-search .form-control:focus {
    background-color: rgb(255 255 255);
}

.discover-map-search-block {
    height: 580px;
}

.discover-map-search-block>*,
.discover-map-search-block>*>*,
.discover-map-search-block>*>*>*,
.discover-map-search-block>*>*>*>* {
    height: 580px;
}

.ui-autocomplete .ui-menu-item,
.ui-autocomplete .ui-menu-item a,
.ui-autocomplete .ui-menu-item a:hover,
.ui-autocomplete .ui-menu-item a:focus {
    display: flex !important;
    width: 100% !important;
    font-size: 15px;
    border: 0 !important;
    transition-duration: 0s !important;
    margin: 0 !important;
}

.ui-autocomplete .ui-menu-item a {
    padding: 6px 8px !important;
}

.ui-autocomplete .ui-menu-item a:active,
.ui-autocomplete .ui-menu-item a:hover,
.ui-autocomplete .ui-menu-item a:focus {
    background: var(--primary);
    color: #fff;
}

/* view-discover-map-search */

.search-result-item {
    display: flex;
    margin-bottom: 10px;
    border-block: 1px solid var(--primary);
    transition: background 0.2s linear;
    padding-block: 8px !important;
    cursor: pointer;
}

.search-result-item:hover {
    background: #64a9ca3d;
}

.search-result-item .sri-img {
    width: 90px;
    height: 90px;
}

.sri-ctnt {
    padding-inline-start: 10px;
    color: var(--secondary);
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.sri-ctnt .title {
    font-weight: 600
}

.sri-ctnt .type {
    color: #666;
}

.sri-ctnt .type,
.sri-ctnt .details {
    font-size: 80%
}

.sri-ctnt .phone {
    font-size: 0.745em;
}

.sri-ctnt .details>* {
    display: inline-flex !important;
    padding: 0px 10px;
    border-radius: 550px;
    border: 1px solid var(--secondary);
    width: unset;
    font-weight: 600;
}

.sri-ctnt .details {
    margin-top: 5px
}

.search-result-item .sri-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

/* accessibility */
.b-accessibility-menu__header {
    background: var(--secondary);
    padding: 10px 20px 10px 20px;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    padding-inline-start: 45px;
}

.b-accessibility-menu__content::before {
    background: #666666;
}

.b-accessibility-menu__reset {
    border-radius: 800px;
    height: 42px;
    text-transform: uppercase;
    font-size: 16px;
    background: var(--secondary)
}

.b-accessibility-menu__item {
    padding-block: 15px;
    padding-bottom: 25px;
}

.b-accessibility-menu__item::before {
    margin-bottom: 5px
}

.b-accessibility-menu__item {
    border-color: var(--primary) !important;
    outline-color: var(--primary) !important;
}

.b-accessibility-menu__button {
    border-radius: 12px;
    border: 1px solid var(--primary);
    background: var(--primary);
}

body[data-am_theme] *:not(.am-skip) .swiper-pagination,
body[data-am_theme] *:not(.am-skip) .custom-swiper-nav {
    background: none !important;
}

body[data-am_theme] *:not(.am-skip) .page-slogan {
    background: #00000073 !important;
}

body[data-am_theme] *:not(.am-skip) .quoted {
    float: none;
    width: 100%;
    max-width: 100%;
    margin-inline: 0
}

/*****************/
.circulared {
    /* z-index: 99 !important; */
}

.circulared>div {
    position: relative;
}

.circulared>div:before,
.circulared>div:after {
    content: "";
    position: absolute;
    z-index: -2 !important;
    width: 62px !important;
    height: 62px !important;
    inset: -18px;
    top: auto !important;
    bottom: -29px !important;
    border: 2px solid var(--secondary);
    border-radius: 800px;
    background: #ffffff8a;
    transform: scale(0);
    animation-name: wave;
    animation-iteration-count: infinite;
    animation-duration: 2s;
}

.circulared>div:after {
    animation-delay: 1s;
    animation-name: wave2;
}

@keyframes wave {
    0% {
        transform: scale(0);
    }

    50% {
        opacity: 1;
        border-color: var(--secondary);
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes wave2 {
    0% {
        transform: scale(0);
    }

    60% {
        opacity: 1;
        border-color: var(--secondary);
    }

    100% {
        transform: scale(1);
        opacity: 0
    }
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    :root {
        --mm-max-size: 840px;
    }

    .mm-panel {
        padding-inline: calc(5vw + 20px) !important;
    }
}

@media only screen and (max-width: 991px) {
    .map-search {
        display: flex;
        flex-direction: column
    }

    .map-search .map-exposed-right {
        width: 100%;
        height: 100%;
    }

    .discover-map-search-block>*,
    .discover-map-search-block>*>*,
    .discover-map-search-block>*>*>*,
    .discover-map-search-block>*>*>*>*,
    .discover-map-search-block {
        height: unset !important
    }

    .map-exposed-left {
        height: 580px;
    }

    .map-search .map-exposed-left {
        width: 100%;
    }

    .map-search .results {
        height: 300px;
    }

    .map-search .exposed-result-con {
        margin-inline: 0 0;
    }
}

@media only screen and (max-width: 991px) {
    .map-search .results {
        height: 220px;
    }

    .mm-listview {
        display: flex;
        flex-direction: column
    }

    /* Home */
    .mm-listview:not(.sub-level)>*:nth-child(1) {
        order: 1;
    }

    /* Birth */
    .mm-listview:not(.sub-level)>*:nth-child(2) {
        order: 5;
    }

    /* discover */
    .mm-listview:not(.sub-level)>*:nth-child(3) {
        order: 2;
    }

    /* events */
    .mm-listview:not(.sub-level)>*:nth-child(4) {
        order: 6;
    }

    /* Destinations */
    .mm-listview:not(.sub-level)>*:nth-child(5) {
        order: 3;
    }

    /* Lifestyle */
    .mm-listview:not(.sub-level)>*:nth-child(6) {
        order: 4;
    }

    /* Gallery */
    .mm-listview:not(.sub-level)>*:nth-child(7) {
        order: 7;
    }

    /* Contact Us */
    .mm-listview:not(.sub-level)>*:nth-child(8) {
        order: 9;
    }

    /* News */
    .mm-listview:not(.sub-level)>*:nth-child(9) {
        order: 8;
    }

    .mm-listview:not(.sub-level)>*:nth-child(10) {
        order: 20;
    }
}

.node--type-lifestyle-item .field--name-field-short-description {
    display: none;
}

/*custom-search-panel*/

.custom-search-panel {
    position: fixed;
    top: -220px;
    left: 0;
    right: 0;
    min-height: 200px;
    width: 100%;
    background: #fff;
    transition: all 0.55s cubic-bezier(0.77, 0.04, 0.18, 0.95);
    z-index: -999;
    max-height: 0;
    padding-top: 40px;
}

.custom-search-panel.show {
    display: flex !important;
    top: 0;
    max-height: 100%;
    background: #fff !important;
    z-index: 999999 !important;
    box-shadow: 0 0 17px #00000045;
}

.csp {
    width: 100%;
    margin-top: 15px;
    padding-bottom: 20px;
}

.custom-search-panel .csp {
    opacity: 0;
    transition: all 0.3s linear;

}

.custom-search-panel .views-exposed-form {
    width: calc(100% - 58px);
    margin-bottom: 0 !important;
}

.custom-search-panel .views-exposed-form>* {
    position: relative;
}

.custom-search-panel .views-exposed-form>* .form-actions {
    position: absolute;
    width: 90px;
    inset-inline: auto 0;
    display: flex;
    justify-content: flex-end;
    top: 15px;
}

.custom-search-panel .views-exposed-form>* .form-actions button {
    padding-inline: 16px !important;
    min-width: unset
}

.custom-search-panel .views-exposed-form>* .form-actions button:hover,
.custom-search-panel .views-exposed-form>* .form-actions button:focus {
    background: var(--secondary);
    color: #fff
}

.custom-search-panel.show .csp {
    opacity: 1;
    transition-delay: 0.5s
}

.custom-search-panel .close {
    top: 0px;
    width: 46px;
    position: absolute;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-inline: auto 8px;
    left: 0;
    right: 0;
    margin-top: 10px;
    transition: all 0.4s
}

.custom-search-panel .close:hover {
    transform: rotate(90deg)
}

.is-close-btn {
    border-radius: 200px;
}

.custom-search-panel .close>* {
    position: relative;
    inset: 0 !IMPORTANT;
}

.custom-search-panel .product-teaser-overlay {
    display: none !IMPORTANT;
}

.custom-search-panel .csp .view-content {
    max-height: calc(90vh - 200px);
    overflow: auto;
}

.custom-search-panel .csp .view-content .every-view-row-field {
    display: flex
}

.custom-search-panel .csp .view-content .every-view-row-field .image {
    order: -1;
    margin-inline-end: 10px;
}

.custom-search-panel .csp .view-content .every-view-row-field .image .v-type {
    display: none !important
}

.custom-search-panel .csp .view-content .every-view-row-field .image img {
    width: 60px;
    height: 60px;
    border-radius: 8px;
}

.custom-search-panel .js-form-type-textfield {
    width: 100%;
    border: 0;
    margin-inline-end: 0;
}

.custom-search-panel .js-form-type-textfield input {
    width: 100%;
    border: 0;
    padding-inline-start: 0;
    border-radius: 0;
    border-bottom: 1px solid #111;
    font-size: 30px;
}

.custom-search-panel .js-form-type-textfield input:focus {
    padding-inline-start: 15px;
}

.custom-search-panel .v-type {
    font-size: 85%
}

.custom-search-panel .v-type i {
    color: #cacaca
}

.custom-search-panel .views-field-title a {
    font-size: 130%;
    font-weight: 600;
}

.discover-3-images img,
.gallery-1-count img,
.gallery-2-count img {
    width: 100%;
    object-fit: cover;
    object-position: 50%;
    height: 100%;
}

.gallery-1-count img {
    border-radius: 15px
}

.gallery-2-count>*>*:first-child img {
    border-start-start-radius: 15px;
    border-end-start-radius: 15px;
}

.gallery-2-count>*>*:last-child img {
    border-start-end-radius: 15px;
    border-end-end-radius: 15px;
}

.discover-3-images {
    display: flex;
}

.discover-3-images>* {
    width: calc(100% / 3);
}

.gallery-2-count>* {
    display: flex;
}

.gallery-2-count>*>* {
    width: calc(100% / 2);
}


/***********/

.webform-submission-form div[data-drupal-field-elements="date"] {
    display: flex;
}

.webform-submission-form div[data-drupal-field-elements="date"] .js-form-item {
    flex-grow: 1;
}

#edit-required-services {
    display: flex;
    flex-wrap: wrap;
}

#edit-required-services>* {
    margin-inline-end: 25px;
}

#block-qop-webform-4 h2,
.formSubTitle {
    font-weight: 500;
    color: var(--secondary);
    font-size: 140%;
    margin-block: 40px 15px !important;
    text-transform: uppercase;
}

.formSubTitle {
    font-size: 130%;
}

.webform-options-display-buttons .form-check-input:checked~.form-check-label {
    border-color: var(--secondary);
    background-color: var(--secondary);
    color: #fff;
}

.webform-submission-form .fieldset-legend {
    display: flex;
    margin-block: 10px 5px;
    font-size: 70%;
    color: #777;
}

.select2-container--default .select2-selection--single {
    border: 0;
    border-bottom: 1px solid var(--primary);
}

.select2-container>*>* {
    line-height: 40px !IMPORTANT;
    height: 100% !IMPORTANT;
}

.select2-container--open .select2-dropdown {
    left: 0;
    top: 9px;
}

.select2-selection__rendered {
    height: 40px;
    line-height: 34px !IMPORTANT;
    padding-inline-start: 0 !important;

}


.newsletter-btn {
    border: 0;
    box-shadow: none;
    background: transparent;
    color: #fff
}

.custom-newsletter-panel {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    background: #00000099;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: -99999;
    opacity: 0;
    transition: all 1s;
}

.custom-newsletter-panel.show {
    z-index: 99999;
    opacity: 1;
}

.custom-newsletter-panel>* {
    width: 600px;
    min-height: 200px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px;
    border-radius: 15px;
    position: relative;
    box-shadow: 0 0 20px 2px #0000003d;
    transition: all 0.75s;
    opacity: 0;
    transform: translate(0, -50px);
}

.custom-newsletter-panel.show>* {
    transition-delay: 1s;
    opacity: 1;
    transform: translate(0px, 0)
}

.custom-newsletter-panel>* .close {
    position: absolute;
    top: 15px;
    bottom: auto;
    inset-inline: auto 15px;
}

.webform-submission-newsletters-form {
    position: relative;
}

.webform-submission-newsletters-form .form-no-label {
    font-size: 120%
}

.webform-submission-newsletters-form .form-actions {
    position: relative;
    display: flex;
    inset-inline: auto 0;
    margin-bottom: 0px !IMPORTANT;
    justify-content: flex-end;
}

.newsClose {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: content-box;
    position: relative;
    margin: 0;
    padding: 0;
    width: var(--f-button-width);
    height: var(--f-button-height);
    border: var(--f-button-border);
    border-radius: 100px;
    color: var(--f-button-color);
    background: var(--f-button-bg);
    box-shadow: var(--f-button-shadow);
    pointer-events: all;
    cursor: pointer;
    transition: all 0.3s;
}

.newsClose svg {
    width: var(--f-button-svg-width);
    height: var(--f-button-svg-height);
    fill: var(--f-button-svg-fill);
    stroke: currentColor;
    stroke-width: var(--f-button-svg-stroke-width);
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: opacity .15s ease;
    transform: var(--f-button-transform);
    filter: var(--f-button-svg-filter);
    pointer-events: none;
}

.newsClose:hover {
    background: #e1e1e1;
    transform: rotate(90deg)
}


@media only screen and (max-width: 991px) {
    .custom-search-panel {
        padding-top: 0px;
        min-height: 120px
    }

    .custom-search-panel .js-form-type-textfield input {
        font-size: 22px;
    }

    .custom-search-panel .csp .view-content {
        max-height: calc(100vh - 140px);
    }

    .custom-search-panel .views-exposed-form {
        width: calc(100% - 44px);
    }

    .custom-search-panel .views-exposed-form>* .form-actions button {
        padding-inline: 12px !important;
    }

}

@media only screen and (min-width: 768px) {
    .gallery-2-count>*>* {
        width: calc(100% / 2);
    }

    .discover-3-images>* {
        width: calc(100% / 3);
    }
}

@media only screen and (max-width: 767px) {

    .gallery-2-count>*,
    .discover-3-images {
        flex-wrap: wrap;
    }

    .gallery-2-count>*>*,
    .discover-3-images>* {
        width: calc(100% / 1)
    }

    .gallery-2-count>*>*:first-child img,
    .gallery-2-count>*>*:last-child img {
        border-radius: 15px;
    }

    .gallery-2-count>*>*:first-child {
        margin-bottom: 20px;
    }

    .custom-search-panel .close {
        top: -5px;
    }

    .custom-search-panel .js-form-type-textfield input {
        font-size: 17px;
    }

    .custom-search-panel .views-exposed-form>* .form-actions button {
        padding-inline: 8px !important;
        padding-block: 3px;
        font-size: 88%
    }

    .custom-search-panel .views-exposed-form>* .form-actions {
        top: 10px;
    }

    .custom-search-panel.show .csp .container {
        padding-inline: 12px 5px
    }

    .custom-newsletter-panel>* {
        width: 90vw;
    }
}

.site-footer .social-icons {
    flex-direction: column
}

#newslettersbtn {
    display: flex;
    color: #fff;
    transform: translate(2px, 12px);
}