/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
:root {
    --primary-font: 'Neue Haas Grotesk Display Pro (Roman)', sans-serif;
    --secondary-font: 'Neue Haas Grotesk Display Pro (Roman)', sans-serif;
    --text-font: 'Outfit', sans-serif;
    --black: #000;
    --white: #fff;

}

.contact-form #send-contact-form .elementor-button-icon,
.contact-form .elementor-field-type-acceptance .elementor-field-option label a,
.btn-icon.arrow-btn .elementor-button-icon,
.arrow-up-btn .elementor-button:hover .elementor-button-icon,
.fixed-header,
.fixed-header .btn-icon .elementor-button svg rect,
.fixed-header .btn-icon .elementor-button svg g path,
.hwc-city a svg,
.hwc-btn svg {
    transition: all 0.3s ease-in-out;
}

.btn-icon .elementor-button-icon svg,
.contact-form #send-contact-form .elementor-button-icon svg {
    width: 32px;
    height: 32px;
}

.contact-form #send-contact-form .elementor-button-icon svg path {
    fill: var(--black);
}

.btn-icon.arrow-btn .elementor-button:hover .elementor-button-icon,
.contact-form #send-contact-form:hover .elementor-button-icon,
.arrow-up-btn .elementor-button:hover .elementor-button-icon,
.hwc-city a:hover svg,
.hwc-btn:hover svg {
    rotate: 45deg;
}

.arrow-up-btn .elementor-button .elementor-button-icon svg {
    width: 12px;
}

.btn-icon .elementor-button-content-wrapper {
    align-items: center;
}

.footer-menu .elementor-item {
    width: fit-content;
    position: relative;
    padding-left: 24px !important;
}

.footer-menu .elementor-item::before {
    content: "";
    display: block;
    width: 3px !important;
    height: 3px !important;
    border-radius: 50px;
    position: absolute;
    left: 12px !important;
    background-color: #fff !important;
    opacity: 1 !important;
}

.footer-menu .elementor-item::after {
    width: calc(100% - 25px) !important;
    left: 25px;
}

.contact-form input.elementor-field {
    padding: 17px 20px;
}

.contact-form .iti__country-container {
    left: 12px !important;
}

.contact-form input[type=tel] {
    padding-left: calc(var(--iti-selected-country-arrow-padding) + 12px) !important;
}

.contact-form .elementor-field-type-acceptance .elementor-field-option {
    display: flex;
    align-items: flex-start;
    gap: 6px;
}

.contact-form .elementor-field-type-acceptance .elementor-field-option input[type=checkbox] {
    appearance: none;
    border: 1px solid #00000033;
    width: 16px;
    height: 16px;
    flex: none;
    padding: 0;
    border-radius: 2px !important;
    margin-top: 2px;
    outline: none;
    box-shadow: none;
}

.contact-form .elementor-field-type-acceptance .elementor-field-option label,
.contact-form .elementor-field-type-acceptance .elementor-field-option label a {
    color: #00000099 !important;
    font-size: 12px !important;
}

.contact-form .elementor-field-type-acceptance .elementor-field-option label a:hover {
    color: #000 !important;
}

.contact-form textarea.elementor-field {
    padding: 13px 20px !important;
    height: 148px;
}

.bg-overlay::before {
    z-index: 1;
}

nav.rank-math-breadcrumb p {
    font-family: 'Neue Haas Grotesk Display Pro (Roman)';
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 1%;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
}

nav.rank-math-breadcrumb p a {
    color: #fff;
}

.single.single-hw_property .rank-math-breadcrumb p a, .page-id-637 .rank-math-breadcrumb p a {
    color: #00000099;
}

.single.single-hw_property .rank-math-breadcrumb p,
.single.single-hw_property .rank-math-breadcrumb p a:hover {
    color: #43718C;
}
.page-id-637 .rank-math-breadcrumb p a:hover {
    color: #43718C;
}
.page-id-637 nav.rank-math-breadcrumb .last{
    color: #43718C;
}
.page-id-637 .rank-math-breadcrumb p .separator::before {
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.856752 11.9985C0.656921 11.9988 0.463263 11.9292 0.309394 11.8017C0.222793 11.7299 0.151207 11.6418 0.0987361 11.5423C0.0462651 11.4428 0.0139399 11.3339 0.00361207 11.2219C-0.00671577 11.1098 0.00515678 10.9969 0.0385494 10.8895C0.0719421 10.7821 0.126198 10.6823 0.198212 10.5958L4.02971 6.01173L0.335052 1.41906C0.26401 1.33158 0.210957 1.23092 0.178944 1.12286C0.146931 1.01481 0.136587 0.901501 0.148509 0.789439C0.16043 0.677378 0.194381 0.568777 0.24841 0.469879C0.302439 0.370982 0.375482 0.283737 0.463338 0.213159C0.551827 0.135301 0.655454 0.0765731 0.767715 0.0406621C0.879977 0.00475112 0.99845 -0.00756759 1.1157 0.00447845C1.23295 0.0165245 1.34644 0.0526755 1.44905 0.110663C1.55167 0.16865 1.64119 0.247221 1.712 0.341446L5.84284 5.47292C5.96863 5.62596 6.03739 5.81791 6.03739 6.01601C6.03739 6.2141 5.96863 6.40606 5.84284 6.55909L1.56661 11.6906C1.48081 11.7941 1.37182 11.8759 1.24849 11.9294C1.12515 11.9829 0.990945 12.0065 0.856752 11.9985Z' fill='%2343718C'/%3E%3C/svg%3E");
}
nav.rank-math-breadcrumb p .separator {
    position: relative;
    font-size: 0;
    display: flex;
    line-height: normal;
}

nav.rank-math-breadcrumb p .separator::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.856752 11.9985C0.656921 11.9988 0.463263 11.9292 0.309394 11.8017C0.222793 11.7299 0.151207 11.6418 0.0987361 11.5423C0.0462651 11.4428 0.0139399 11.3339 0.00361207 11.2219C-0.00671577 11.1098 0.00515678 10.9969 0.0385494 10.8895C0.0719421 10.7821 0.126198 10.6823 0.198212 10.5958L4.02971 6.01173L0.335052 1.41906C0.26401 1.33158 0.210957 1.23092 0.178944 1.12286C0.146931 1.01481 0.136587 0.901501 0.148509 0.789439C0.16043 0.677378 0.194381 0.568777 0.24841 0.469879C0.302439 0.370982 0.375482 0.283737 0.463338 0.213159C0.551827 0.135301 0.655454 0.0765731 0.767715 0.0406621C0.879977 0.00475112 0.99845 -0.00756759 1.1157 0.00447845C1.23295 0.0165245 1.34644 0.0526755 1.44905 0.110663C1.55167 0.16865 1.64119 0.247221 1.712 0.341446L5.84284 5.47292C5.96863 5.62596 6.03739 5.81791 6.03739 6.01601C6.03739 6.2141 5.96863 6.40606 5.84284 6.55909L1.56661 11.6906C1.48081 11.7941 1.37182 11.8759 1.24849 11.9294C1.12515 11.9829 0.990945 12.0065 0.856752 11.9985Z' fill='white'/%3E%3C/svg%3E");
    display: block;
    width: 7px;
    height: 12px;
}

.single.single-hw_property .rank-math-breadcrumb p .separator::before {
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.856752 11.9985C0.656921 11.9988 0.463263 11.9292 0.309394 11.8017C0.222793 11.7299 0.151207 11.6418 0.0987361 11.5423C0.0462651 11.4428 0.0139399 11.3339 0.00361207 11.2219C-0.00671577 11.1098 0.00515678 10.9969 0.0385494 10.8895C0.0719421 10.7821 0.126198 10.6823 0.198212 10.5958L4.02971 6.01173L0.335052 1.41906C0.26401 1.33158 0.210957 1.23092 0.178944 1.12286C0.146931 1.01481 0.136587 0.901501 0.148509 0.789439C0.16043 0.677378 0.194381 0.568777 0.24841 0.469879C0.302439 0.370982 0.375482 0.283737 0.463338 0.213159C0.551827 0.135301 0.655454 0.0765731 0.767715 0.0406621C0.879977 0.00475112 0.99845 -0.00756759 1.1157 0.00447845C1.23295 0.0165245 1.34644 0.0526755 1.44905 0.110663C1.55167 0.16865 1.64119 0.247221 1.712 0.341446L5.84284 5.47292C5.96863 5.62596 6.03739 5.81791 6.03739 6.01601C6.03739 6.2141 5.96863 6.40606 5.84284 6.55909L1.56661 11.6906C1.48081 11.7941 1.37182 11.8759 1.24849 11.9294C1.12515 11.9829 0.990945 12.0065 0.856752 11.9985Z' fill='%2343718C'/%3E%3C/svg%3E");
}

.before-bg-color-right::before,
.before-bg-color-left::before {
    content: "";
    display: block;
    position: absolute;
    width: calc(100% - 70px);
    height: calc(100% - 75px);
}

.before-bg-color-right::before {
    background: var(--e-global-color-secondary);
    right: 0;
    left: auto;
}

.before-bg-color-left::before {
    background: #00000066;
    left: 0;
    right: auto;
}

span.italic-text {
    font-family: "Beau Rivage", sans-serif;
    font-size: 40px;
    line-height: 1.48em;
    color: var(--e-global-color-primary);
}

.list-icon-padding .elementor-icon-list-item {
    padding: 0 13px;
}

.fixed-header.scrolled {
    background: #F2F8FF;
    top: 0 !important;
}

.fixed-header.scrolled .elementor-nav-menu .menu-item a {
    color: #133044 !important;
}

.fixed-header.scrolled .main-menu .elementor-item.has-submenu .sub-arrow svg path {
    fill: #133044 !important;
}

.fixed-header.scrolled .elementor-nav-menu .menu-item a:hover {
    color: var(--e-global-color-primary) !important;
}

.fixed-header.scrolled .btn-icon .elementor-button {
    background: var(--e-global-color-primary);
    color: #fff;
}

.fixed-header.scrolled .btn-icon .elementor-button svg rect {
    fill: white;
}

.fixed-header.scrolled .btn-icon .elementor-button svg g path,
.fixed-header.scrolled .menu-toggle svg path,
.fixed-header.scrolled .mobile-icon svg path,
.fixed-header.scrolled .main-menu .elementor-item.has-submenu:hover .sub-arrow svg path {
    fill: var(--e-global-color-primary);
}

.testimonial-img-box figure.elementor-image-box-img {
    flex: none;
}

.testimonial-img-box h3.elementor-image-box-title {
    margin-top: 0;
}

.property-title h3 a,
.hwc-card h4 {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#testimonial-carousel .swiper-pagination.swiper-pagination-progressbar {
    position: absolute;
    left: 40px;
    top: auto;
    bottom: 18px;
    width: 100%;
    max-width: calc(var(--content-width) - 178px);
}

#testimonial-carousel .swiper-slide {
    height: auto;
}

#testimonial-carousel .elementor-swiper-button {
    left: auto;
}

.single.single-hw_property .fixed-header {
    display: none;
}

.single.single-hw_property .single-property-header {
    display: block !important;
}

.page-id-637 .fixed-header {
    display: none;
}

.page-id-637 .single-property-header {
    display: block !important;
}

.policy-content ul {
    padding: 0 0 10px 20px;
}

.policy-content h2 {
    margin: 20px 0 15px;
}

.policy-content h2:not(p ~ h2) {
    margin-top: 0;
}

.policy-content h3 {
    line-height: 1.4em;
    margin: 15px 0;
}

.page-id-13 .blue-logo,
.fixed-header.scrolled .blue-logo {
    display: block;
}

.fixed-header.scrolled .white-logo {
    display: none;
}

.inner-page-overlay::before {
    content: "" !important;
    background:
        linear-gradient(0deg, rgba(2, 136, 152, 0.4), rgba(2, 136, 152, 0.4)),
        linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
}


.hwc-row .hwc_row-inner {
    display: grid;
    grid-template-columns: 330px minmax(0, 1fr);
    gap: 40px;
    border-bottom: 1px solid #00000033;
    margin-bottom: 40px;
    padding-bottom: 40px;
}

.hwc-row:last-of-type .hwc_row-inner {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.hwc-city {
    border-radius: 20px;
    padding: 24px 20px;
    color: #fff;
    background-image: url(assets/images/Background-design.webp) !important;
    background-size: auto !important;
    background-repeat: no-repeat !important;
    background-position: bottom right !important;
}

.hwc-teal {
    background: #03A2B5
}

.hwc-dark {
    background: #1B3550
}

.hwc-city h3 {
    color: white;
    margin: 0 0 12px;
}

.hwc-city small {
    display: block;
    border-bottom: 1px solid #ffffff33;
    padding-bottom: 16px;
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 20px;
}

.hwc-city h3 {
    color: white;
    margin: 0 0 12px;
    font-family: var(--e-global-typography-primary-font-family);
    font-weight: 600;
}

.hwc-city p {
    font-size: 14px;
    line-height: 1.45em;
    margin: 0 0 30px;
    color: #ffffffdb;
}

.hwc-city a {
    font-family: var(--e-global-typography-primary-font-family);
    font-size: 16px;
    line-height: 1.1em;
    color: #fff;
    font-weight: 600;
    text-decoration: underline;
}

.hwc-city a svg {
    margin-left: 12px;
}

.hwc-slider {
    position: relative;
    min-width: 0
}


.hwc-card {
    flex: 0 0 312px;
}

.hwc-img {
    position: relative;
    display: block;
    height: 320px;
    border-radius: 18px;
    overflow: hidden;
}

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

.hwc-badge,
.hwc-rate {
    position: absolute;
    top: 10px;
    background: #fff;
    border-radius: 20px;
    padding: 3px 10px;
    font-size: 12px
}

.hwc-badge {
    left: 10px
}

.hwc-rate {
    right: 10px
}

.hwc-card h4 {
    font-family: var(--secondary-font);
    font-size: 16px;
    margin: 12px 0 8px;
}

.hwc-meta {
    font-size: 14px;
    line-height: normal;
    color: #000000bd;
}

.hwc-price {
    font-family: var(--text-font);
    font-size: 16px;
    line-height: 1.25em;
    font-weight: 600;
    color: #03A2B5;
    margin: 10px 0 12px;
}

.hwc-price em {
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
}

.hwc-btn {
    font-family: var(--primary-font);
    font-size: 16px;
    text-align: center;
    background: #133044;
    color: #fff !important;
    border-radius: 50px;
    padding: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    line-height: normal;
}

.hwc-btn:hover {
    background: var(--e-global-color-primary);
}

.hwc-arrow {
    position: absolute;
    top: calc(100% - 50% - 21px);
    width: 42px;
    height: 42px;
    border: 0;
    background: #03A2B5;
    z-index: 2;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hwc-prev {
    left: -21px
}

.hwc-arrow:disabled {
    opacity: 0.5;
    cursor: default
}

.main-menu .elementor-item.has-submenu .sub-arrow {
    padding: 0 0 0 6px;
}

.main-menu .elementor-item.has-submenu .sub-arrow svg {
    width: 10px;
    height: 10px;
}

.main-menu .menu-item.menu-item-has-children ul.sub-menu {
    background: var(--white);
    border-radius: 6px;
}

.main-menu .menu-item.menu-item-has-children ul.sub-menu li.menu-item:first-of-type a.elementor-sub-item {
    border-radius: 6px 6px 0 0;
}

.main-menu .menu-item.menu-item-has-children ul.sub-menu li.menu-item:last-of-type a.elementor-sub-item {
    border-radius: 0 0 6px 6px;
}

.main-menu .menu-item.menu-item-has-children ul.sub-menu a.elementor-sub-item {
    border: 0;
    padding: 12px 20px;
    font-family: var(--secondary-font);
    font-weight: 400;
    font-size: 16px;
    color: var(--black);
}
.main-menu .menu-item.menu-item-has-children ul.sub-menu a.elementor-sub-item.elementor-item-active {
    color: var(--white);
}
.fixed-header .main-menu .menu-item.menu-item-has-children ul.sub-menu a.elementor-sub-item.elementor-item-active {
    color: var(--white) !important;
}
.main-menu .menu-item.menu-item-has-children ul.sub-menu a.elementor-sub-item:hover {
    background: var(--e-global-color-primary);
    color: #fff !important;
}
  #back-to-top {
cursor: pointer;
opacity: 0;
 visibility: hidden;
  transform: translateY(10px);
 transition: all 0.3s ease;
  z-index: 9999;
}

 #back-to-top.show {
 opacity: 1;
 visibility: visible;
 transform: translateY(0);
  }
.hwo-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.hwo-tab{border:0;cursor:pointer;border-radius:999px;padding:10px 18px;background:#fff1ec;color:#222;font-size:14px;font-weight:500;transition:.2s}

.hwo-tab.active{background:#e8501a;color:#fff}

.hwo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.hwo-grid .hwc-card{width:auto;max-width:none;margin:0}
.hwo-grid .hwc-card.hwo-hide{display:none}
.hwo-grid .hwc-old{text-decoration:line-through;color:#777;font-size:12px;margin-left:6px}
.hwo-tab-icon{width:30px;height:30px;border-radius:50%;background:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.hwo-tab-icon svg{width:16px;height:16px;display:block}
button.hwo-tab {
    font-family: Outfit;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    min-width: 123px;
    min-height: 42px;
    text-align: center;
    padding: 4px;
        background: #FFF1EB;
    color: #303030;
}
button.hwo-tab:hover, button.hwo-tab:focus {
    background: #e8501a !important;
    color: #fff;
}
button.hwo-tab.hwo-tab-all {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px;
    text-align: left;
}
.hwa-grid{display:grid;gap:14px}
.hwa-cols-1{grid-template-columns:1fr}
.hwa-cols-2{grid-template-columns:repeat(2,1fr)}
.hwa-cols-3{grid-template-columns:repeat(3,1fr)}
.hwa-cols-4{grid-template-columns:repeat(4,1fr)}
.hwa-cols-5{grid-template-columns:repeat(5,1fr)}
.hwa-cols-6{grid-template-columns:repeat(6,1fr)}

.hwa-card{position:relative;display:block;overflow:hidden;border-radius:20px;aspect-ratio:768/680;color:#fff;text-decoration:none;background:#14313f}
.hwa-card:hover,.hwa-card:focus{color:#fff}


.hwa-img,.hwa-img img{position:absolute;inset:0;width:100%;height:100%}
.hwa-img img{object-fit:cover;transition:transform .5s ease}
.hwa-card:hover .hwa-img img{transform:scale(1.06)}


.hwa-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,rgba(0,0,0,.25) 45%,rgba(0,0,0,0) 70%);transition:background .4s ease}
.hwa-card:hover::after{background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.55) 60%,rgba(0,0,0,.1) 100%)}


.hwa-info{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:20px 20px 22px}
.hwa-title{margin:0 0 4px;color:#fff !important;font-size:28px;line-height:1.15;font-weight:500}
.hwa-count{display:block;font-size:12px;opacity:.9}


.hwa-desc{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .4s ease,opacity .4s ease,margin .4s ease}
.hwa-desc p{overflow:hidden;margin:0;font-size:13px;line-height:1.5;color:#fff;
    display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}
.hwa-card:hover .hwa-desc,.hwa-card:focus-visible .hwa-desc{grid-template-rows:1fr;opacity:1;margin-top:10px}

@media screen and (max-width: 1380px) {
    .hwc-card {
        flex: 0 0 275px;
    }
}
@media(max-width:1024px){
    .hwo-grid{grid-template-columns:repeat(2,1fr)
    }
    .hwa-cols-3,.hwa-cols-4,.hwa-cols-5,.hwa-cols-6{grid-template-columns:repeat(3,1fr)}
}

@media(max-width:767px),(hover:none){
    .hwa-card{aspect-ratio:auto;min-height:340px;display:flex;align-items:flex-end}
    .hwa-info{position:relative;width:100%;padding:18px}
    .hwa-desc{grid-template-rows:1fr;opacity:1;margin-top:10px}
    .hwa-desc p{-webkit-line-clamp:5}
    .hwa-card::after{background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.45) 55%,rgba(0,0,0,0) 100%)}
}
@media (max-width: 767px) {
    #back-to-top {
     width: 40px;
     height: 40px;
     bottom: 15px;
     right: 15px;
     font-size: 23px;
    }
.hwc-row .hwc_row-inner {
        grid-template-columns: 1fr
    }

.hwc-city {
        min-height: 0
    }
    .hwa-grid,.hwa-cols-2,.hwa-cols-3,.hwa-cols-4,.hwa-cols-5,.hwa-cols-6{grid-template-columns:1fr}
    .hwa-card{min-height:320px;border-radius:16px}
    .hwa-title{font-size:24px}
}
@media(max-width:600px){
    .hwo-grid{
        grid-template-columns:1fr
    }
}
@media (prefers-reduced-motion: reduce) {
     #back-to-top {
     transition: none;
     }
}