@import "./custom/shortcode.css";
@import "./custom/mobile-menu.css";

@font-face {
  font-family: Cormorantinfant;
  src: url("https://cdn.prod.website-files.com/66d6d1e81470c91cc5c0d0e1/66d6d1e81470c91cc5c0d10a_CormorantInfant-SemiBold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Cormorantinfant;
  src: url("https://cdn.prod.website-files.com/66d6d1e81470c91cc5c0d0e1/66d6d1e81470c91cc5c0d10b_CormorantInfant-SemiBoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

.content-wrap h4{
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: 700;
	font-family: Cormorantinfant, Palatino Linotype, sans-serif;
	font-size: 26px;
	line-height: 32px;
}
.absolute-full-background{
    /*z-index: -1;*/
}
.wp-block-group{
    position: relative;
}
.search-dropdown-toggle{
    padding: 15px 17px;
}
.person-image img{
    /*max-height: 450px;*/
    object-fit: contain;
}
.recruitment-wrap > .wp-block-group__inner-container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    @media (max-width: 1200px) {
        justify-content: start;
    }
}

.recruitment-block{
    background-color: #147D73;
    width: 18%;
    padding: 25px 18px;
    margin: 11px 11px;
    text-align: center;
    position: relative;
    @media (max-width: 1200px) {
        width: 31%;
    }
    @media (max-width: 992px) {
        width: 30%;
    }
    @media (max-width: 768px) {
        width: 46%;
    }
    @media (max-width: 576px) {
        width: 100%;
        margin: 11px 0;
    }
}
.recruitment-block h4{
    font-family: "Cormorant Infant";
    font-size: 24px;
    letter-spacing: 0;
    line-height: 25px;
    text-align: center;
    font-weight: 400;
    min-height: 50px;
    align-items: center;
    display: flex;
    justify-content: center;
}
.recruitment-block:before{
    content: "";
    position: absolute;
    right: -9px;
    top: calc(50% - 10px);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #147D73;
}
@media (max-width: 576px) {
    .recruitment-block:before{
        border-bottom: unset;
        border-top: 10px solid #147D73;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        right: calc(50% - 10px);
        top: unset;
        bottom: -9px;
    }
}
.recruitment-block:last-child:before{
    display: none;
}
.recruitment-block p{
    color: #FEFEFE;
    font-family: Sarabun;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px;
    text-align: center;
}
.green-padding-block{
    padding: 75px 20px 100px;
}

@media (min-width: 992px) {
    .menu-item:hover .w-dropdown-list{
        position: fixed;
        left: 0;
        top: 64px;
        right: auto;
        bottom: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: transparent;
    }
}
.megamenu-column{
    padding: 5px 26px;
}
.subpage-link{
    margin-bottom: 3px;
}
.pt-70{
    padding-top: 70px;
}
.pt-60{
    padding-top: 60px;
}
.inner-page-col-large.bg-color{
    height: auto;
    align-self: normal;
}
.tab-button-wrapper{
    top: 80px;
}

.contact-left-column-padding{
    @media (min-width: 1200px) {
        padding-right: 170px;
    }
}


.fixed-header{
position: fixed;
width: 100%;
background-image: linear-gradient(160deg, #c84242, #ce7634);
border-bottom: 1px solid #fff;
padding-top: 15px;
padding-bottom: 15px;
top: 0;
margin-top: 0;
}
@media (max-width: 991px) {
.fixed-header{
    padding-top: 10px;
    padding-bottom: 10px;
}
}
@media (min-width: 767px) {
.fixed-header .brand{
    margin-top: 10px;
}
}
@media (min-width: 992px) {
.fixed-header .brand{
    margin-top: 12px;
}
}

.fixed-header .brand img{
max-width: 120px;
}
body .is-layout-flex > *{
margin: inherit;
}
.is-layout-flex{
gap: unset;
}
.policy-text p{
margin-bottom: 15px;
font-size: 12px;
line-height: 17px;
}
.background-video{
z-index: -1;
}
.multicolor-line{
border: none;
}
.tab-button.active{
background-color: rgba(0, 0, 0, 0.2);
}
._50-split-columns{
gap: 0;
}

.fixed-section-padding{
    padding: 0;
    @media (max-width: 768px) {
        padding: 20px 0;
    }
}
.tab-button.full-width{
    @media (max-width: 781px) {
        width: 100%;
    }
}
.image-height-100{
    height: 100%;
}
.image-height-100 img{
    height: 100%;
    object-fit: cover;
}
.upper-menu{
position: absolute;
right: 0;
top: -30px;
}
.flex-group > .wp-block-group__inner-container{
    display: flex;
}
.flex-group-wrap > .wp-block-group__inner-container{
    flex-wrap: wrap;
}
/*.homepage-service{*/
/*background-size: cover;*/
/*}*/

.menu-main-menu-container .w-dropdown-list{
background-color: #0a8f82!important;
box-shadow: 1px 1px 12px 0 rgb(0 0 0 / 19%);
width: 100%;
}

.bg-none{
background-image: none;
}
.menu-depth-1 > li:nth-child(2){
background-color: rgba(33, 71, 67, 0.2);
}
.menu-depth-1 > li:nth-child(3){
background-color: rgba(33, 71, 67, 0.4);
}
.nav-dropdown-toggle{
cursor: pointer;
padding: 22px 17px 22px;
}
.menu-main-menu-container > ul > li, .menu-top-menu-container ul li{
background-image: none;
padding: 0;
border: none;
display: flex;
}
.menu-top-menu-container ul li a{
color: #fff;
font-size: 15px;
/*text-transform: uppercase;*/
    line-height: 17px;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding: 22px 10px 22px;
}
.menu-top-menu-container ul li a:hover{
    text-decoration: none;
    color: hsla(0, 0%, 100%, 0.6);
}
.second-tier-menu{
    display: flex;
}

@media (max-width: 991px) {
    .second-tier-menu{
        display: none;
    }
}
.upper-small-title{
    text-transform: uppercase;
    font-family: Sarabun;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.14px;
    line-height: 18px;
}
.desktop-section-spacing{
    @media (min-width: 991px) {
        margin: 80px 0 60px;
    }
}
.second-tier-menu .dropdown-list.w--open{
    left: -271px;
}
ol li{
    background: none;
    padding-left: 10px;
}
.absolute-background{
    width: 53%;
    left: 0;
}
.insights-collection-item a:hover{
    text-decoration: none;
}

.content-wrap .wp-block-column{
    /*flex-grow: unset!important;*/
}
.content-wrap .wp-block-group__inner-container{
    width: 100%;
}
.wp-block-columns{
    flex-wrap: wrap!important;
}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
    flex-basis: unset;
}

.footer-section li{
    background: none;
    border: none;
}
.footer-section li a{
    color: #fff;
    font-weight: 500;
}
.margin-l-auto{
    margin-left: auto;
}
.footer-columns{
    display: flex;
    align-items: center;
    padding-left: 10px!important;
    justify-content: space-between;
}
.menu-footer-menu-container{
    width: 100%;
}
.copyright-text{
    white-space: nowrap;
}
@media (max-width: 768px) {
    .footer-columns{
        flex-wrap: wrap;
        justify-content: center;
    }
    .menu-footer-menu-container{
        width: 100%;
        justify-content: center;
    }
    .margin-l-auto{
        margin-left: unset;
    }
    .footer-columns ul{
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
    }
    .footer-columns ul li{
        text-align: center;
        padding: 0 0 8px;
        margin: 0 10px 5px;
    }
    .footer-columns ul li:last-child{
        width: 100%;
    }
}
@media screen and (max-width: 767px){
    .contact-section-form-block{
        /*max-width: 400px;*/
        max-width: unset;
    }
}


.search-item a{
    border: 1px solid #fff;
    padding: 20px 35px;
    display: flex;
    flex-wrap: wrap;
    color: #fff;
}
.search-item a:hover{
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.2);
}
.inner-page-col-large > h2{
    margin-top: 35px;
}
@media screen and (min-width: 991px){
    .inner-page-col-large h1{
        font-size: 60px;
        line-height: 65px;
    }
}

.pagination span, .pagination a{
    margin: 0 10px;
}
.group-flex > .wp-block-group__inner-container{
    display: flex;
    flex-wrap: nowrap;
    align-items: start;
    width: 100%;
}
.list .group-flex > .wp-block-group__inner-container{
    align-items: center;
}
@media (max-width: 768px) {
    .group-flex > .wp-block-group__inner-container{
        flex-wrap: wrap;
    }
}
.about-content-wrap{
    max-width: 900px;
}
.utility-page-wrap{
    top: 0;
    margin-bottom: 40px;
    height: 70vh;
}
.small-collection-link a{
    margin-bottom: 10px;
    margin-left: 10px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    font-family: Sarabun, 'Trebuchet MS', sans-serif;
    color: #fff;
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
}
.small-collection-link a:hover{
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
}
.service-img{
    display: flex;
}
.service-img img {
    width: 24px;
    height: 24px;
    max-width: none;
    margin-right: 0;
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    border-radius: 300px;
}
.hero-splashing img{
    width: 100%;
    height: 450px;
    margin-top: 70px;
    -o-object-fit: cover;
    object-fit: cover;
}
@media (max-width: 567px) {
    .hero-splashing img{
        height: 80vw;
    }
}
.contact-section-form-block{
    min-width: unset;
}
.expertise-icon img{
    height: 70px;
    margin-bottom: 16px;
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (min-width: 1440px){
    .expertise-icon img{
        margin-bottom: 16px;
    }
}
.pagination span, .pagination a{
    text-shadow: 1px 1px black;
}
.pagination a{
    color: #ffcf72;
}
.w-select option{
    background-color: #bdbbbb;
}
.white-button a{
    background-color: #fff;
    color: #186b63;
    font-size: 16px;
    font-weight: 700;
    border-radius: 0;
    padding: 6px 10px;
    width: 169px;
    border: 1px solid #fff;
}
.transparent-button a{
    color: #fff;
    background-color: transparent;
    font-size: 16px;
    font-weight: 700;
    border-radius: 0;
    padding: 6px 10px;
    width: 169px;
    border: 1px solid #fff;
}
.social-links{
    padding: 0;
}
.social-links li{
    padding-top: 3px;
    width: auto!important;
}
.social-links li:first-child{
    padding-left: 0;
}
.social-links img{
    width: 30px;
    max-height: 20px;
}

#mega-menu-wrap-main_menu #mega-menu-main_menu li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator:after {
	content: '' !important;
	position: absolute;
	--size: 10px;
	width: var(--size);
	height: var(--size);
	background-image: url("data:image/svg+xml,%3Csvg width='9' height='5' viewBox='0 0 9 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.5 5L0 0L9 0L4.5 5Z' fill='white'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: var(--size);
	background-position: center;
	right:5px;
	top: calc(50% + 10px);
}

span.mega-menu-title {
    font-size: 26px;
    font-weight: 600;
    font-family: var(--title-font);
}

#mega-menu-wrap-main_menu #mega-menu-main_menu .col-menu-lists p {
    margin-bottom: 0px !important;
	border-bottom: 1px solid #ffffff33 !important;
	padding-bottom: 6px;
}

.col-menu-lists .mega-sub-menu .widget_text{
	padding-bottom:0 !important;
}

.mega-menu-item-name{
	font-size:17px;
	font-weight:600;
	font-family:var(--primary-font)
}
/* talent aquisition menu */


ul.mega-sub-menu:has(.menu-list-title){
    width:710px !important;
    background-color: #119084 !important;
    box-shadow: 0 2px 12px 0 #00000030;
}
#mega-menu-wrap-main_menu #mega-menu-main_menu li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row.menu-list-title .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item {
    padding: 19px 31px 31px 30px;
}

@media only screen and (min-width: 1025px) {
    #mega-menu-wrap-main_menu #mega-menu-main_menu li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row.menu-list-title>ul.mega-sub-menu>li.mega-menu-columns-3-of-12 {
        width: 100%;
    }
}

#mega-menu-wrap-main_menu #mega-menu-main_menu li.mega-menu-item .col-menu-lists.menu-list-title .widget_media_image{
    position: absolute ;
    right: 30px ;
    bottom: 0px ;
    width: 280px !important;
    padding: 0 !important;
}

.col-menu-lists.menu-list-title .mega-sub-menu>li>.mega-sub-menu{
    position:relative;
}

.col-menu-lists.menu-list-title .widget_media_image img{
    display:block;
}

#mega-menu-wrap-main_menu #mega-menu-main_menu>li.mega-menu-megamenu>ul.mega-sub-menu:has(.menu-list-title){
    margin:0 0 0 30px;
}

.sidebar-wrapper .wpcf7 {
        top: 45px;
    }

/*  */

.img-col-item .mega-sub-menu .widget_text,
.img-col-item .mega-sub-menu .widget_text .textwidget a{
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	top: 0 !important;
	bottom: 0 !important;
	display: grid !important;
	z-index: 9;
	place-content: center;
	text-decoration:none;
	color:#fff;
	background: #02020266;
}
.img-col-item .widget_text:hover .textwidget a{
	background: #0202027d;
}
#mega-menu-wrap-main_menu #mega-menu-main_menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on .img-col-item ul.mega-sub-menu {
    
	transform: none !important;
}

.img-col-item>.mega-sub-menu{
	position:static !important;
}
.img-col-item .textwidget p{
    text-align:center !important;
}

@media screen and (max-width: 1024px){
	span.mega-menu-title {
		font-size: 20px;
	}
	ul.mega-sub-menu:has(.menu-list-title){
    width:100% !important;
}
	#mega-menu-wrap-main_menu #mega-menu-main_menu li.mega-menu-item .col-menu-lists.menu-list-title .widget_media_image{
    bottom: 15px;
}
	#mega-menu-wrap-main_menu #mega-menu-main_menu>li.mega-menu-megamenu>ul.mega-sub-menu:has(.menu-list-title) {
    margin: 0px;
}
	#mega-menu-wrap-main_menu #mega-menu-main_menu li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row.menu-list-title .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item {
    padding: 15px;
		padding-bottom:25px;
}
		
	    #mega-menu-wrap-main_menu #mega-menu-main_menu li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row.menu-list-title>ul.mega-sub-menu>li.mega-menu-column {
			width:100% !important;
	}
	.nav-menu-wrap {
        top: calc(100% - 5px) !important;
		overflow-y: auto !important;
    }
	
}
@media screen and (max-width: 768px){
	#mega-menu-wrap-main_menu #mega-menu-main_menu .col-menu-lists.menu-list-title p {
		text-align:left;
	}
	.mega-menu-item-name{
		font-size:15px;
	}
    .horizontal-line.mt-3, body.admin-bar>.horizontal-line.mt-3{
        height: 78px;
    }
    .nav-menu-wrap {
        top: calc(100% - 5px) !important;
		max-height: calc(100vh - 72px);
		max-height: calc(100dvh - 72px);
    }
	
	body.admin-bar .nav-menu-wrap{
		max-height: calc(100vh - 92px);
	}
}

@media screen and (max-width: 767px){
#mega-menu-wrap-main_menu #mega-menu-main_menu li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row.menu-list-title .widget_media_image{
    display:none !important;
}
	#mega-menu-wrap-main_menu #mega-menu-main_menu li.mega-menu-item .col-menu-lists.menu-list-title .widget_media_image {
		position:static;
	}
	#mega-menu-wrap-main_menu #mega-menu-main_menu li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row.menu-list-title .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item {
    padding: 8px;
}
	.horizontal-line.mt-3, body.admin-bar>.horizontal-line.mt-3{
        height: 73px;
    }
	body.admin-bar .nav-menu-wrap{
		max-height: calc(100vh - 119px);
	}
}

@media (min-height:1000px){
    .sidebar-wrapper .wpcf7 {
        top: 145px;
    }
}

.fixed-header .search-box-section{
	display:none;
}
.fixed-header .brand img{
	border-right:none;
}
.top-header {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
}
body .fixed-header {
    padding-top: 9px;
}
.destination-wrap {
    margin-left: auto;
}
.bottom-footer{
	padding-top:0
}
.main-footer{
	padding: 40px 0px ;
}

@media screen and (max-width:1025px){
	.nav-menu-wrap{
		justify-content:flex-end;
	}
	body .fixed-header {
    padding-top: 9px;
}
}


/* Multisite popup navigation */

body:has(.popup-section.active){
    overflow: clip;
}
.popup-hamburger svg{
    width: 22px;
    height: auto;
}
.popup-hamburger{
    width: auto;
    padding: 13px;
    background-color: transparent;
    border: 1px solid #ffffff;
    line-height: 1;
}
.popup-section{
    background-color: var(--green-bg);
    position: fixed;
    inset: 0;
}
.popup-section .location-menu-selector{
    padding:55px 0 25px;
}
.popup-section .top-image-section .container{
    display:flex;
    justify-content:center;
    padding:30px 20px;
    flex-direction: row;
    height: auto;
}
.popup-section .top-image-section{
    border-bottom: 1px solid #fff;
    position:relative;
}
.popup-section .top-image-section .close-icon-wrapper{
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
    border: 2px solid #FFFFFF;
    padding: 13px 12px 12px 13px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
    line-height: 1;
    cursor: pointer;
}
.popup-section .top-image-section .hamburger-menu-wrapper{
    position:absolute;
    right:18px;
    top:50%;
    transform:translateY(-50%) ;
}
.popup-section {
    display: none;
}

.popup-section.active{
    display: block;
}
.popup-section.active .top-image-section .close-icon-wrapper{
    display:block;
}

.popup-section.active .top-image-section .hamburger-menu-wrapper{
    display:none;
}

.popup-section .menu-title{
    font-size:40px;
    font-weight:600;
    font-family: var(--title-font);
    color:#fff;
    line-height: 1;
    margin-bottom:30px;
    display:inline-block;
}

.popup-section .regions-menu-list li span,
.popup-section .region-child-category li span{
    font-size: 24px;
    font-weight: 600;
    font-family: var(--title-font);
    line-height: 1.25;
    color:#fff;
    text-decoration:none;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
}
.popup-section .regions-menu-list li > span{
    padding-right: calc(10% + 23px);
}
.popup-section .regions-menu-list li.active > span,
.popup-section .region-child-category li.active > span{
    -webkit-font-smoothing: auto;
    -moz-font-smoothing: auto;
    -o-font-smoothing: auto;
}
.popup-section .cities-menu-list li a{
    font-family:var(--primary-font);
    font-size:18px;
    font-weight:500;
    line-height: 1.6;
    color:#fff;
    text-decoration: none;
}

.popup-section .cities-menu-list, 
.popup-section .region-child-category,
.popup-section .regions-menu-list{
    list-style-type: none;
    margin:0;
    padding:0;
}
.popup-section .cities-menu-list, .region-child-category{
    padding-left:35px;
}

.popup-section .regions-menu-list li{
    padding: 13px 0;
}

.popup-section .location-menu-selector .menu-wrapper{
    display:grid;
    grid-template-columns: 25% 25% auto;
    align-items: start;
    position:relative;
    flex: 1;
    padding-bottom: 25px;
}

.popup-section .region-child-category, 
.popup-section .cities-menu-list, 
.popup-section .regions-menu-list{
    height:auto;
}

.popup-section .region-child-category{
    position:absolute;
    left:100%;
    top:0;
    bottom:0;
    width: 100%;
    padding-left: 30px;
}
.popup-section li.has-submenu.active>a {
    font-weight: 700;
}
.popup-section .cities-menu-list{
    position:absolute;
    left:100%;
    top:0;
    bottom: 0;
    width:100%;
}
.popup-section .cities-menu-list, 
.popup-section .region-child-category{
    display:none;
}
.popup-section .region-child-category > li.active .cities-menu-list,
.popup-section .regions-menu-list > li.active .region-child-category{
    display:block;
}

.popup-section .region-child-category>li:first-child .cities-menu-list,.popup-section .region-child-category>li.active .cities-menu-list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.popup-section .regions-menu-list>li:first-child .region-child-category{
    display:block;
}
.popup-section .region-child-category>li .cities-menu-list li {
    width: 100%;
}
.popup-section .region-child-category:has(>li.active:not(:first-child)) > li:first-child .cities-menu-list,
.popup-section .regions-menu-list:has(>li.active:not(:first-child)) > li:first-child .region-child-category{
    display: none;
}

.popup-section .regions-menu-list li > span{
    position: relative;
    width: 100%;
    height: 100%;
    display: inline-block;
}
.popup-section .regions-menu-list li.active > span::before{
    display: block !important;
}
.popup-section .regions-menu-list>li>span:before,
.popup-section .region-child-category>li>span:before{
    content:'';
    position:absolute;
    right: 10%;
    top:50%;
    width:23px;
    height:23px;
    transform: translateY(-50%);
    background-repeat:no-repeat;
    display:none;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 -6.5 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23ffffff' stroke='%23ffffff'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Ctitle%3Eright-arrow%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='icons' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='ui-gambling-website-lined-icnos-casinoshunter' transform='translate(-212.000000, -159.000000)' fill='%23ffffff' fill-rule='nonzero'%3E%3Cg id='square-filled' transform='translate(50.000000, 120.000000)'%3E%3Cpath d='M187.108012,39.2902857 L197.649804,49.7417043 L197.708994,49.7959169 C197.889141,49.9745543 197.986143,50.2044182 198,50.4382227 L198,50.5617773 C197.986143,50.7955818 197.889141,51.0254457 197.708994,51.2040831 L197.6571,51.2479803 L187.108012,61.7097143 C186.717694,62.0967619 186.084865,62.0967619 185.694547,61.7097143 C185.30423,61.3226668 185.30423,60.6951387 185.694547,60.3080911 L194.702666,51.3738496 L162.99947,51.3746291 C162.447478,51.3746291 162,50.9308997 162,50.3835318 C162,49.8361639 162.447478,49.3924345 162.99947,49.3924345 L194.46779,49.3916551 L185.694547,40.6919089 C185.30423,40.3048613 185.30423,39.6773332 185.694547,39.2902857 C186.084865,38.9032381 186.717694,38.9032381 187.108012,39.2902857 Z M197.115357,50.382693 L186.401279,61.0089027 L197.002151,50.5002046 L197.002252,50.4963719 L196.943142,50.442585 L196.882737,50.382693 L197.115357,50.382693 Z' id='right-arrow'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.popup-section .regions-menu-list>li.active>span:before,
.popup-section .region-child-category>li.active>span:before{
    display:block;
}
.popup-section .regions-menu-list>li:first-child>span:before,
.popup-section .region-child-category>li:first-child>span:before{
    display:block;
}
.popup-section .region-child-category:has(>li.active:not(:first-child)) >li:first-child > span:before,
.popup-section .regions-menu-list:has(>li.active:not(:first-child)) >li:first-child > span:before{
    display:none;
}

.popup-section .regions-list-section, .country-list-section{
    height:522px;
    border-right: 1px solid #FFFFFF80;
}

.popup-section .regions-list-section{
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}
.popup-section .global-text{
    display:block;
    color:#fff;
    font-size:18px;
    line-height:1;
    font-family: var(--primary-font);
    font-weight:500;
    gap:10px;
    padding-bottom:10px;
    letter-spacing:0.12px;
}
.popup-section .container{
    height: 100%;
    display: flex;
    flex-direction: column;
}
.popup-section .cities-menu-list {
    width: 100%;
}

.popup-section .mobile-sub-menu:not(.active){
    display: none;
}
.popup-section .menu-popup-wrapper{
    height: 100%;
}

@media screen and (min-width: 1025px){
    .popup-section .regions-list-section {
        min-height: calc(var(--min-height, auto) + 120px);
        height: max(var(--height, auto) , 100%);
        max-height: 100%;
      }
      .popup-section .menu-popup-wrapper{
        display: flex;
        flex-direction: column;
        overflow: hidden;
      }
      .popup-section .top-image-section{
        flex: 0 0 auto;
      }
      .popup-section .location-menu-selector{
        overflow: auto;
        height: 100%;
      }
      .popup-section .country-list-section{
        height: 100%;
      }
}
@media screen and (max-width: 1024px){
    .popup-section .menu-wrapper .regions-menu-list ul,
    .popup-section .menu-wrapper > .city-list-section,  .menu-wrapper > .country-list-section,
    .popup-section .menu-wrapper:has(~ .mobile-sub-menu.active){
        display: none !important;
    }
    .popup-section .cities-menu-list,
    .popup-section .region-child-category{
        all: unset;
        position: static;
        display: block;
        padding: 0;
        margin: 0;
        list-style: none;
    }
    .popup-section .mobile-sub-menu .sub-menu-content ul ul{
        display: none !important;
    }
    .popup-section .location-menu-selector .menu-wrapper{
        display: block;
        position: static !important;
        height: unset !important;
        background: transparent !important;
        padding: 0 !important;
    }
    
    .popup-section .has-submenu{
        position: relative;
    }
    .popup-section .regions-list-section, .country-list-section{
        border: 0;
    }
    .popup-section button#backBtn {
        display: flex;
        align-items: center;
        border: 0;
        padding: 0;
        font-size: 14px;
        color: #ffffff;
        background: transparent;
        gap: 6px;
        margin-bottom: 5px;
        margin-top: 12px;
    }
    
    .popup-section button#backBtn svg {
        stroke: #ffffff;
        width: 12px;
    }
    
    .popup-section button#backBtn .icon {
        display: inline-flex;
    }
    .popup-section div#subMenuTitle {
        margin-bottom: 10px;
    }
    .popup-section div#subMenuTitle * {
        color: #ffffff;
        font-size: 26px;
        text-decoration: none;
        font-family: var(--title-font);
        margin-bottom: 16px;
        display: inline-block;
        font-weight: 600;
    }
    .popup-section div#subMenuTitle span{
        margin: 0;
    }
    .popup-section ul.region-child-category {
        display: flex;
        flex-direction: column;
    }
    .popup-section ul.region-child-category > li > span{
        display: block;
        padding: 8px 0;
        font-size: 20px;
    }
    .popup-section .mobile-sub-menu {
        flex: 1;
        display: flex;
        flex-direction: column;
    }
    .popup-section .mobile-sub-menu .global-text {
        display: block;
        margin-top: auto;
        padding-top: 50px;
        padding-bottom: 40px;
    }
    .popup-section .menu-wrapper .regions-menu-list>li>span:before,
    .popup-section .sub-menu-content span:before {
        width: 20px !important;
        height: 20px !important;
        right: 0 !important;
        display: none;
    }
    
    .popup-section.active {
        height: 100vh;
        height: 100dvh;
    }
    
    .popup-section.active .location-menu-selector {
        flex: 1;
        height: calc(100% - 100px);
        padding-bottom: 40px;
        overflow: auto;
    }
    
    .popup-section .container {
        height: 100%;
    }
    
    .popup-section .cities-menu-list li a {
        text-decoration: none;
        padding: 8px 0;
        display: block;
        font-size: 16px;
        text-decoration: none;
    }
    .popup-section .regions-menu-list li{
        padding: 12px 0;
    }
    .popup-section span.menu-title {
        margin-bottom: 20px;
        font-size: 32px;
    }
    
    .popup-section .top-image-section .close-icon-wrapper,.top-image-section .hamburger-menu-wrapper {
        position: static;
        transform: none;
    }
    
    .popup-section .top-image-section .container {
        justify-content: space-between;
        padding: 20px;
    }
    
    :is(.top-image-section .close-icon-wrapper, .top-image-section .hamburger-menu-wrapper) img {
        width: 18px;
    }
}