/* Custom CSS */
body {
    border: none !important;
}

:root {
    --dark-blue: #103B83;
    --primary-color: #029FE3;
    --secondary-color: #E7BD3A;
    --text-primary: #222F3C;
    --text-secondary: #4A4A49;
    --text-muted: #4A4A49;
    --background: #ffffff;
    --transition-fast: 0.25s ease;
    --transition-smooth: 0.4s cubic-bezier(.4, 0, .2, 1);
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
div,
span,
ul,
li,
ol,
input,
textarea,
button {
    font-family: "Google Sans Flex", "Inter", system-ui, -apple-system, sans-serif;
}

.page-wrapper *:focus,
.ui-dialog *:focus {
    box-shadow: 0 0 0 #ddd !important;
}

.lbs-container-small .container {
    padding-inline: 0 !important;
}
.ui-dialog {
    border-radius: 20px !important;
    overflow: hidden;
}
.lbs-container-small {
    padding-inline: 40px;
}
.ui-timepicker-wrapper {
    min-width: 250px;
}
.ui-timepicker-wrapper .ui-timepicker-list li:hover {
    background: var(--primary-color);
}
#drupal-modal .webform-submission-form{
    padding: 0;
}
.ui-widget-content .webform-submission-form {
    padding: 0 20px !important;
}
/* Modern input styling with BOTH hover + focus */
.form-element:hover,
input:not([type="button"]) :not([type="submit"]) :not([type="reset"]) :not([type="checkbox"]) :not([type="radio"]) :not([type="file"]):is(:hover, :focus, :focus-visible),
textarea:is(:hover, :focus, :focus-visible),
select:is(:hover, :focus, :focus-visible) {
    box-shadow: 0 0 0 2px var(--primary-color);
    outline: none;
    border: 1px solid var(--primary-color);
    box-shadow: inset 0 0 0 1px var(--primary-color);
}

* {
    box-sizing: border-box;
    outline: none !important;
    letter-spacing: 0 !important;
}

header.content-header {
    position: sticky;
    top: -30px;
    z-index: 99;
}


header .region-header { 
    gap: 20px; 
}
.account-menu-block__toggle {
    width: 40px;
    height: 40px;
}

.contact-item__icon-wrapper svg {
    width: 22px;
}
header .region-header .fav-pill-icon-wrapper {
    background-color: var(--secondary-color, #9b9b9b);
}
header .fav-pill-icon-wrapper .fav-pill-icon {
    fill: rgb(0 0 0);
    stroke: currentColor;
    background-size: contain;
}
a.favourite-nav-link .fav-pill-badge.fav-pill-badge--overlay{
    border: none;
}

 #block-complete-office-theme-webform-booktourform .webform-ajax-form-wrapper .webform-submission-form label {
    display: inline;
}

/* Error msg */
.messages__title {
    color: var(--white);
}

.messages {
    background-color: var(--dark-bg);
}

.section-header {
    text-align: center;
}

/* Buttons */

.btn-primary {
    background: var(--primary-color) !important;
    color: var(--white) !important;
    text-transform: capitalize;
}

.button--primary{
    transition: all 0.5s ease-in-out !important;
}

.arrow-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #029FE3;
}

.arrow-link::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url("../../assets/img/arrow-top-right.svg");
    background-position: center;
    background-repeat: no-repeat;
    transition: var(--transition-smooth);
    flex-shrink: 0;
}

.arrow-link:hover::after {
    transform: translate(3px, -3px);
}


/* Header start */

.header-contact-block a.custom-button.custom-button--icon-after:hover {
    background: #029FE3;
}
.contact-item.group{
     color: var(--text-primary);
}
.contact-item.group .contact-item__content .contact-item__label {
    color: var(--text-secondary);
    font-size: 14px;
    font-weight: 500;
}

.contact-item.group .contact-item__content .contact-contact-item__text {
    color: var(--text-primary);
    font-size: 18px;
    font-weight: 500;
}


.contact-item.group .contact-item__content .contact-contact-item__text{
    color: var(--text-primary);
    font-size: 18px;
    font-weight: 500;
}

/* Login page design */


body.gin-login .user-form-page .content-header {
    display: none;
}

body.gin-login .user-form-page__wallpaper {
    display: flex;
    flex-grow: initial;
    flex-basis: initial;
    width: 50%;
}

body.gin-login .user-form-page__page-title {
    font-weight: 500;
    margin: 30px 0 10px 0;
    font-size: 32px;
}

body.gin-login .user-form-page__user-form {
    display: flex;
    align-items: center;
    order: -1;
    flex-basis: initial;
    width: 50%;
}

body.gin-login .user-form-page .layout-container {
    margin: auto !important; max-width: 700px;
}

body.gin-login .user-form-page .block-system>form .login-subtitle {
    color: var(--text-secondary);
}

body.gin-login .user-form-page label {
    color: var(--text-primary);
    font-weight: 400;
    font-size: 14px;
    text-transform: capitalize;
}

form .form-item {
    margin-block: 0;
    box-shadow: 0 0 0;
}

form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

body.gin-login .user-form-page .more-links {
    justify-content: center;
}

body.gin-login .user-form-page .link--more {
    color: var(--primary-color);
    text-decoration: none;
    margin: 0;
    font-weight: 500;
}

.user-form-page .field--name-field-agree-terms-privacy label {
    font-weight: 600 !important;
    color: var(--text-primary);
}

.user-form-page .field--name-field-agree-terms-privacy label a {
    color: var(--primary-color) !important;
}

body.gin-login .user-form-page .link--more:hover {
    color: var(--dark-blue);
}

body.gin-login .user-form-page .form-actions .button,
body.gin-login .user-login-form .button--primary {
    font-size: 16px;
    font-weight: normal;
    padding: 18px 0px;
    background: var(--primary-color) !important;
    border: none !important;
    border-radius: 100px;
    width: 100%;
}

body.gin-login .user-form-page .form-actions .button:hover,
body.gin-login .user-login-form .button--primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(2, 159, 227, 0.25) !important;
}

body.gin-login .user-login-form .registration-link-client {
    padding: 0;
    border: none !important;
    box-shadow: 0 0 0;
    margin: 0;
    color: var(--primary-color);
    background: none !important;
    font-size: 16px;
    font-weight: 500;
}

body.gin-login .user-login-form .registration-link-client:hover {
    color: var(--dark-blue);
}


.remember-forgot-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.remember-forgot-row .form-type--checkbox {
    font-size: 16px;
    display: flex;
}

.user-register-form .form-item.form-type--checkbox input,
.remember-forgot-row .form-type--checkbox input {
    width: 18px !important;
    height: 18px !important;
    background: #FFF !important;
    border: solid 1px var(--text-primary) !important;
    border-radius: 2px !important;
    cursor: pointer;
    flex-shrink: 0 !important;
}

.form-boolean {

    &:active,
    &:hover {
        box-shadow: inset 0 0 0 0px var(--input-fg-color) !important;
    }
}

.user-register-form .form-item.form-type--checkbox input:checked:before,
.remember-forgot-row .form-type--checkbox input:checked:before {
    content: '';
    border-radius: 0 !important;
    border-left: solid 2px var(--text-primary);
    border-bottom: solid 2px var(--text-primary);
    width: 13px !important;
    left: 1px;
    height: 7px !important;
    transform: initial !important;
    rotate: -48deg;
    top: 3px;
    position: absolute;
    transition: initial !important;
}

.remember-forgot-row .form-type--checkbox label {
    font-size: 16px !important;
    font-weight: 500 !important;
    margin: 1px 0 0 2px;
}


/* Register page design  */
.user-register-form {
    display: grid;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 20px;
    max-width: 600px;
}

.user-form-page__user-form {
    order: -1;
}

.user-form-page__user-form .page-subtitle {
    max-width: 100%;
}

.user-register-form .field--name-field-first-name {
    width: 100%;
}

.user-register-form .field--name-field-last-name {
    width: 100%;
}

.user-form-page__user-form .user-form-content-wrapper main pre {
    display: none;
}

.user-form-page {
    flex-direction: row !important;
}

.user-register-form .form-item {
    width: 100%;
    max-inline-size: 100%;
}

.user-register-form div#edit-field-address-wrapper .js-form-wrapper{display: flex;
    flex-wrap: wrap;
    gap: 20px; width: 100%;}

.user-form-page__wallpaper {
    max-height: 100%;
    height: auto !important;
}

.user-form-page__user-form .user-form-content-wrapper main {
    padding-left: 48px;
    padding-right: 48px;
    margin: 0 auto;
    max-width: 700px;
}
.field--type-phone-number .phone-number-field{gap: 1px;}

.user-register-form div#edit-field-number-wrapper{grid-column: unset;}
.user-register-form .field--name-field-agree-terms-privacy{grid-column: span 2;}

.user-form-page__page-title {
    color: var(--text-primary);
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 32px;
}

.user-form-page .region.region-content {
    margin: 0;
}

.user-form-page__user-form .user-form-content-wrapper main label {
    color: var(--text-primary);
    font-weight: normal;
    margin-bottom: 10px;
    cursor: initial;
}

form#user-register-form p.login-info-text{text-align: center;}
form#user-register-form p.alt-register-text{text-align: center; margin-top: 0.5rem;}

.user-form-page__user-form .user-form-content-wrapper main label a:hover {
    color: var(--dark-blue) !important;
}

.user-form-page .more-links {
    width: 100%;
    text-align: center;
}

.user-form-page .more-links .link {
    font-weight: 500;
    color: var(--primary-color);
    text-decoration: none;
}

.user-form-page .more-links .link:hover {
    color: var(--dark-blue);
}

.field--type-phone-number .phone-number-field {
    position: relative;
    gap: 0;
    display: inline-block;
}

.field--type-phone-number .phone-number-field .form-item--field-number-0-country-code {
    position: absolute;
    z-index: 2;
    top: 40px;
    width: 60px;
}

.phone-number-field .country-select {
    border: none !important;
}

.phone-number-field .local-number,
.phone-number-field .extension {
    border: none;
}

.field--type-phone-number .phone-number-field input {
    border: 1px solid #e5e7eb;
    padding-left: 90px !important;
}


.user-register-form .form-actions {
    margin: 15px 0 0 0;
    width: 100%;
}


.user-register-form div#edit-more-links {
    grid-column: span 2;
}

.user-register-form .form-actions input.button--primary {
    width: 100%;
}

.user-register-form .form-actions input.button--primary:hover {
    background: var(--primary-color);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(2, 159, 227, 0.25);
}

.password-strength {
    margin: 0;
}

.password-strength .password-strength__track {
    margin: 5px 0 0 0;
}

.password-suggestions {
    background: #f3faff;
    border: solid var(--primary-color);
}

.password-suggestions ul {
    margin: 0;
    padding: 8px 0 0 0;
}

.password-suggestions ul li {
    background: url(../../assets/img/checkmark-fill.svg) no-repeat 0 1px;
    padding: 0 0 0 19px;
    background-size: 13px;
}

.user-register-form .form-item .password-match-message {
    visibility: visible !important;
    font-size: 16px;
    overflow: initial;
    margin-bottom: -16px;
}


/* Reset your password */

.user-form-page__wallpaper {
    background: url("../../assets/img/login-img.png") center/cover no-repeat;
}

.user-pass-reset p {
    margin: 0;
    font-family: "Google Sans Flex", "Inter", system-ui, -apple-system, sans-serif;
}


/* Hero banner inner */

.page-banner .page-banner__title {
    position: relative;
    z-index: 1;
}

/* About us page start */
.testimonial-card {
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}

.testimonials-slider .paragraph--type--testimonial {
    padding-block: 12px 32px;
}

div .swiper .swiper-button-prev {
    background: var(--white) url(../img/left-arrow.svg) no-repeat center center;
}

/* Contact us page */

form .form-item .iti {
    width: 100%;
}

.block-inline-blockcontact-us .webform-flex--container .js-form-item-phone-number-country-code {
    top: 9px;
    bottom: initial;
}

button.shwpd {
    opacity: 0.3;
}

/* Footer start */

.footer .container {
    position: relative;
    z-index: 1;
}

.footer-contact.footer-col .contact-item a:hover {
    color: #E7BD3A;
}

.footer-copyrights {
    display: flex;
    justify-content: space-between;
    width: 100%;

    p {
        &:last-child {
            display: none;
        }

        display: flex;
        gap: 5px;
        align-items: center;
    }
}

.footer-copyrights>div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px 10px;
}

.newsletter-form {
    width: 100%;
    max-width: 380px;
    display: flex;
    flex-direction: column;
}

.newsletter-form .messages {
    margin-bottom: 12px;
}

.newsletter-form .form-actions {
    align-self: flex-end;
    width: 85px;
    margin-top: -72px;
}

.newsletter-form .form-actions input {
    border-radius: 0 5px 5px 0;
}


/* FAQ page design */
.block-inline-blockfaqs .field--name-field-title {
    color: var(--text-primary);
    line-height: normal;
}

.faq-item {
    border: 1px solid #D4E0FA;
}

.faq-item__icon svg {
    stroke: var(--text-secondary);
}

.faq-item[open] svg {
    stroke: var(--primary-color);
}


/* List page start */

.view-office-listing {
    margin-bottom: 50px;
}

.office-listing {
    gap: 30px;
}


.property-card {
    position: relative;
    height: 100%;
}

.property-card .btn {
    text-transform: capitalize;
}

.property-card .property-content .property-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.property-card .property-content .property-title a:not(:hover) {
    color: var(--text-primary);
}

.property-label {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.25;
    padding: 6px 16px;
    background: var(--secondary-color);
    border-radius: 99px;
    color: #000;max-width: 145px;
}

.wishlist {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    width: 32px;
    height: 32px;
}

.wishlist .flag,
.wishlist .flag a {
    display: block;
    width: 32px;
    height: 32px;
}

.wishlist .flag * {
    font-size: 0;
}

.wishlist .flag p,
.wishlist .ajax-progress {
    display: none;
}

.ajax-progress.ajax-progress--throbber {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: hwb(0deg 0% 100% / 56%);
    height: 100%;
    width: 100%;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Create the spinner */
.ajax-progress--throbber::after {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    border: 5px solid #ddd;
    border-top: 5px solid var(--primary-color);
    border-radius: 50%;
    animation: drupal-spin 0.8s linear infinite;
}

/* Animation */
@keyframes drupal-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.wishlist .flag a {
    font-size: 0;
    border-radius: 32px;
    background: #FFF url(../../assets/img/wishlist-icon.svg) no-repeat center center;
    background-size: 18px;
}

.wishlist .flag.action-unflag a {
    background: #FFF url(../../assets/img/wishlist-fill-icon.svg) no-repeat center center;
    background-size: 18px;
    animation: bounce .8s ease-in-out;
}

.property-card .property-content .property-meta {
    gap: 10px;
}

.property-card .property-content .property-meta .location {
    background-position: top 4px left 0px;
    background-size: 19px;
    font-size: 14px;
}

.property-card .office-type-icon {
    background: url(../../assets/img/office-space.svg) no-repeat left center;
    padding-left: 27px;
}

.property-card .available {
    background: url(../../assets/img/icon-available.svg) no-repeat left center;
    padding-left: 27px;
}

.property-card .unavailable {
    background: url(../../assets/img/icon-available.svg) no-repeat left center;
    padding-left: 27px;
}

.property-features {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 14px;
    margin: 0;
    color: var(--text-secondary);
    font-size: 14px;
}

.child-property{}
.property-features .office-size-icon{
    background: url(../../assets/img/office-size.svg) no-repeat left center;
    background-size: 19px;
    padding: 0 0 0 24px; color: var(--text-secondary);
}
.property-features .user-icon{
    background: url(../../assets/img/user-f-2.svg) no-repeat left center;
    background-size: 19px;
    padding: 0 0 0 23px; color: var(--text-secondary);
}
.property-features .office-type-icon{
    background: url(../../assets/img/office-space.svg) no-repeat left center;
    background-size: 16px;
    padding: 0 0 0 20px; color: var(--text-secondary);
}
.property-price strong{
    font-size: 22px;
    font-weight: 600;
}


.path-compare-offices .visible,
.path-compare-offices div#cos-compare-tray {
    display: none;
}

.compare-button-wrapper {
    margin-top: -37px;
    margin-bottom: 12px;
    display: flex;
    justify-content: flex-end;
}

.cos-compare-btn,
.compare-btn {
    color: #4A4A49;
    font-size: 14px;
    line-height: 1.25;
    font-weight: 500;
    padding: 8px 20px;
    background: #FFF !important;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    border: none;
    transition: all 0.3s ease-in-out;
}

.cos-compare-btn svg {
    display: none;
}

.cos-compare-btn:hover,
.compare-btn:hover {
    transform: scale(1.04);
    color: var(--primary-color);
}

.property-card .property-content {
    min-height: 250px;
}

.property-card .property-content .property-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.property-card .property-content .property-footer {
    gap: 16px; min-height: 56px;
}

.property-card .property-content .property-footer .price {
    color: #4A4A49;
}

.property-card .property-content .property-footer .price strong {
    font-size: 16px;
    font-weight: 700;
    color: #222F3C;
}

.property-card .office-options-badge {
    cursor: pointer;
}

.property-card .property-actions {
    flex-shrink: 0;
}

.highlight {
    display: none;
}
.filter-tabs {
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.08);
}
.filter-tab.active {
    background: #0a9adf;
}


.filter-bar-sort {
    padding: 0px 16px;
    gap: 0;
    border-radius: 100px;
    box-shadow: 0 0px 1px rgba(0, 0, 0, 0.05);
    border: none;
}

.filter-bar-sort .sort-label {
    color: var(--text-primary);
}

.filter-bar-sort .form-item select {
    padding: 0 10px !important; 
    border: unset !important;
}

.filter-bar-sort .form-item select:hover{border: unset !important; box-shadow: unset !important;}

/* Pagination */

.pager>.visually-hidden {
    display: none;
}

.pager__item--previous .pager__link .visually-hidden,
.pager__item--next .pager__link .visually-hidden {
    clip: auto;
    width: auto !important;
    height: auto;
    position: static !important;
    overflow: visible;
}

/* .pager__item--previous .js-pager-link::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url(../../assets/img/arrow-pointed-left-dark.svg);
    background-position: center;
    background-repeat: no-repeat;
}

.pager__item--next .js-pager-link::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url(../../assets/img/arrow-pointed-right-dark.svg);
    background-position: center;
    background-repeat: no-repeat;
}  */

/* Pagination (Full Pager) */

.pager {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF;
    margin-top: 30px;
    padding: 8px 20px;
}

.pager__items {
  display: flex;
  align-items: center;
  gap: 4px 8px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.pager__item {
  display: flex;
  align-items: center;
  margin: 0;
}

.pager__item a,
.pager__item span.pager__link {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: all 0.2s ease;
  font-family: inherit;
  font-size: 15px;
  font-weight: 500;
  color: #374151;
}

.pager__item--page .pager__link {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  color: #374151;
}

.pager__item--page .pager__link:hover:not(span) {
  background: #f3f4f6;
  color: #111827;
}

.pager__item--page.is-active .pager__link {
  background: #eff6ff;
  color: #374151;
  font-weight: 600;
  pointer-events: none;
}

.pager__item--previous a,
.pager__item--next a {
  gap: 8px;
  padding: 8px 16px;
  border-radius: 999px;
  color: #374151;
  font-size: 16px;
  font-weight: 500;
}

.pager__item--previous a:hover,
.pager__item--next a:hover {
  background: #f9fafb;
  color: #111827;
}

.pager__item-icon {
  display: flex;
  align-items: center;
}

.pager__item-text {
  display: inline-block;
  font-size: 16px;
}

.pager-status {
  font-size: 14px;
  color: #637083;
  font-weight: 500;
  letter-spacing: 0.01em;
}



/* Property Detail page */

/* modal popup start*/
.ui-widget-overlay {
    opacity: .9;
    background: #000 !important;
}

.path-office-space .ui-dialog:not(.ui-dialog-off-canvas) {
    max-width: 92%;
}

.ui-dialog {
    background: #FFF !important;
}

.ui-dialog .ui-dialog-titlebar {
    background: transparent !important;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
margin: 0px 0 0 0 !important;
    right: 14px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--primary-color) !important;
    border-radius: 0 !important;
    opacity: inherit;
    border: none !important;
    transform: initial !important;
    top: 16px !important;
    border-radius: 100px !important;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close span {
    margin: 0;
    transform: initial !important;
}

.ui-dialog .ui-widget-content.ui-dialog-content {
    padding: 20px !important;
    text-align: left;
}

.ui-dialog .ui-widget-content.ui-dialog-buttonpane button.form-submit {
    background: var(--primary-color) !important;
    color: var(--white) !important;
    text-transform: capitalize;
    box-shadow: 0 1px 2px rgb(0, 0, 0, 0.25);
    padding: 14px 22px;
    text-decoration: none;
    font-size: 16px;
    border-radius: 100px;
    cursor: pointer;
}
.ui-dialog .ui-widget-content.ui-dialog-buttonpane button.form-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(2, 159, 227, 0.25);
}

.webform-submission-form .form-type-checkbox {
display: inline-flex;
    flex-wrap: wrap;
}

.webform-submission-form .form-type-checkbox input {
    transform: initial;
    width: 20px;
    height: 20px;
    float: none;
    inset-block-start: 0;
    flex-shrink: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.webform-submission-form .form-type-checkbox  label {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}
.webform-submission-book-tour-form-form label.form-item__label {
    text-align: left;
}

.ui-front {
    padding: 0;
}

.ui-front .ui-dialog-titlebar h1 {
    color: var(--white);
}

.ui-dialog .ui-dialog-titlebar {
    padding: 20px !important;
    background: var(--primary-color) !important;
}

.ui-front .ui-dialog-titlebar .ui-dialog-titlebar-close {
    background: #000 !important;
}


.ui-dialog .ui-dialog-buttonset {
    padding: 13px 35px;
    background: #f2f2f2;
    margin: 0 !important;
}

.form-textarea-wrapper textarea {
    height: 80px;
}

.ui-dialog .ui-dialog-buttonset .webform-button--submit {
    padding: 12px 33px !important;
}

.ui-dialog .ui-widget-content.ui-dialog-buttonpane {
    margin: 0 !important;
    padding: 0 !important;
}

.ui-dialog #edit-submit.form-submit,
.ui-dialog .button--primary,
.ui-dialog .button--primary:not(:focus),
.ui-dialog .ief-entity-submit {
    background: var(--primary-color) !important;
    border: none !important;
}

body .ui-dialog .button,
.ui-dialog .button:not(:focus),
body .ui-dialog .form-actions .button {
    border: none !important;
}

.form-item__error-message {
    text-align: left;
}

.messages-list {
    margin-block: 0;
    text-align: left;
    width: 100%;
}

.messages-list ul li a {
    color: var(--white);
}

/* modal end */

.property-detail-slide .property-gallery {
    max-height: 500px;
}

.property-detail-slide .gallery-images {
    grid-template-rows: 1fr 1fr;
}

.property-detail-slide .gallery-images img {
    height: 100%;
    max-height: 234px;
}

.property-detail-slide .property-gallery .gallery-swiper .swiper-slide {
    height: auto;
}

.detail-wrap {
    margin: 40px 0;
}

#block-complete-office-theme-webform-booktourform .webform-ajax-form-wrapper .webform-submission-form {
    padding: 0;
}

.adviser-profile .adviser-description {
    margin-top: 20px;
}
.adviser-profile .form-item--enquiry-status {
    display: none;
}
.adviser-profile .webform-flex--container .error {
    font-size: 12px;
    color: red;
    font-weight: normal;
}

.property-detail {
    justify-content: flex-start;
    flex-wrap: wrap;
    border-radius: 20px;
    margin-top: 20px;
    padding: 16px 20px;
    gap: 16px 32px;
}

.info-head p.checkmar-icon {
    font-weight: 500;
}

.office-reference-id {
    font-weight: 600;
    color: var(--primary-color);
    font-size: 14px;
    margin-bottom: 4px;
}
.property-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 6px;
}
.info-head .office-reference-id {
    margin: -8px 0 11px 0;
    font-weight: bold;
    line-height: 34px;
}

.property-detail .detail-item:after {
    display: none;
}

.property-detail .detail-item {
    gap: 8px;
}

.property-detail .detail-item .detail-icon {
    width: 20px;
}

.property-detail .detail-item .detail-icon img {
    width: 28px;
}

.property-detail .detail-item .field,
.property-detail .detail-item p {
    font-weight: 500;
}

.tabing-wrap .tabs {
    margin-bottom: 20px;
}

.video-wrapper,
.virtual-tour-wrapper {
    border-radius: 20px;
    overflow: hidden;
}

.about-map .location {
    font-weight: 500;
}

.tube-wrap .tube-item {
    padding: 14px 16px;
    border-radius: 8px;
}

.tube-wrap .tube-item .km,
.tube-wrap .tube-item .address-bar span {
    font-weight: 500;
    font-size: 12px;
}

.tube-wrap .tube-item .address-bar p {
    line-height: 1;
    margin-bottom: 2px;
}

.tube-wrap .tube-item .transport {
     font-size: 12px;
    line-height: 1;
    padding: 8px 16px;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
}

.adviser-profile .profile-img {
    object-fit: cover;
}

.nearby-offices-wrapper {
    margin-bottom: 50px;
}

.nearby-offices-wrapper .swiper-wrapper {
    margin-bottom: 13px;
}

.nearby-offices-swiper .swiper-slide {
    height: auto;
}

.swiper-pagination {
    position: static;
}

.swiper-pagination-bullet-active {
    background: var(--primary-color);
}

.sibling-offices-wrapper .swiper-wrapper{
    padding-bottom: 14px;
}
 
.sibling-offices-header{ 
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.nearby-offices-header {
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.view-all-link{
    color: var(--primary-color);
    font-weight: 500;
    text-decoration: none;
}
.view-all-link:hover{
    text-decoration: underline;
}


/* Bounc Effect for wishlist */

@keyframes bounce {
    0% {
        transform: scale(1)
    }

    30% {
        transform: scale(1.25)
    }

    50% {
        transform: scale(.95)
    }

    70% {
        transform: scale(1.05)
    }

    100% {
        transform: scale(1)
    }
}

/* Home page  */


fieldset#edit-field-office-lat-long-wrapper {
    display: none;
}


/* header*/

.contact-item__content a.contact-item__text {
    font-size: 18px;
    font-weight: 500;
}

.custom-button--primary:hover {
    box-shadow: unset;
    transform: unset;
}

header .block-menu ul.menu a.is-active,
.block-menu.menu--main .menu .menu-item a.is-active {
    color: #029FE3;
}

header .block-menu ul.menu li a.favourite-nav-link {
    background: transparent;
    padding: 0;
    color: #000000;
    font-size: 16px;
    font-weight: normal;
}
header .block-menu ul.menu li a{
    color: var(--text-primary);
}
header .block-menu ul.menu li a:hover {
    color: var(--primary-color);
}


.contact-item:hover {
    opacity: 1 !important;
}

.contact-item__icon-wrapper {
    transition: transform 0.2s ease, background-color 0.2s ease;
        width: 40px;
    height: 40px;
}

.contact-item:hover .contact-item__icon-wrapper {
    transform: scale(1.05);
    background-color: rgb(228.2307692308, 181.3846153846, 35.2692307692);
}

div#block-complete-office-theme-viewfavourites-2 {
    display: none;
}
/* ============= HERO SECTION ============= */
.hero-wrapper {
    display: flex;
    gap: 40px;
    padding: 0 40px;
    max-height: 750px;
}


 .listing-form {
    grid-template-columns: 1fr;
}
 .listing-form fieldset {
    grid-template-columns: 1fr;
    background: transparent;
    border: none;
    padding: 0;
}
.hero-content .listing-form fieldset legend {
    color: #FFF;
}
 .listing-form fieldset legend{
    padding: 0;
    margin: 0;
    width: auto;
    float: none;
    left: 16px;
    top: 0;
    display: block;
    position: absolute;
}
.hero-content .btn-save-search{
   display: none !important; 
}
.listing-form fieldset legend span {
    font-size: 14px;
    padding: 0;
    font-weight: 500;
    width: auto;
    display: inline-block;
}

 .listing-form fieldset .fieldset__wrapper {
    padding: 0;
    margin: 0;
}
 .listing-form fieldset .fieldset__wrapper label{
    color: var(--white);
 }


.listing-form .form-row .form-group {
    width: 50%; flex: auto;
} 
.listing-form .form-row .form-wrapper {
    width: 50%;
    padding-right: 0;
}

.listing-form .form-row .form-wrapper fieldset {
    width: 100%;
}

.listing-form .form-row .form-wrapper fieldset .fieldset__wrapper .form-item {
    position: absolute;
    max-width: 105px;
    top: 0px;
    background: #FFF;
    display: flex;
    border: solid 1px #CBE6F9;
    box-sizing: border-box;
    border-radius: 100px;
    padding: 0 13px;
    right: 114px;
}

.listing-form .form-row .form-wrapper fieldset .fieldset__wrapper .form-item .form-item__label {
    font-size: 12px;
    color: #BEBEBE;
    width: auto;
}

.listing-form .form-row .form-wrapper fieldset .fieldset__wrapper .form-item input {
    padding: 0 0 0 4px !important;
    font-size: 12px;
    min-height: 25px;
    border: none !important;
    font-weight: 600;
    min-width: initial !important;
}

.listing-form .form-row .form-wrapper fieldset .fieldset__wrapper .form-item+.form-item {
    right: 0;
}

.listing-form .form-row .form-wrapper fieldset .bef-slider {
    margin-top: 38px;
    height: 5px;
    width: calc(100% - 33px);
    margin-left: auto;
    margin-right: auto;
}

.noUi-tooltip {
    border: none;
    background: transparent;
    color: #FFF;
    font-size: 11px;
    bottom: -18px !important;
    padding: 0;
}

.noUi-horizontal .noUi-handle {
    width: 19px;
    height: 19px;
    right: -17px;
    top: -8px;
    border-radius: 100px;
    border: 1px solid #029FE3;
}
.noUi-handle:after {
    left: 6px;
    background: #37a0e6;
    width: 5px;
    height: 5px;
    border-radius: 100px;
    top: 6px;
}
.noUi-handle:before{
    opacity: 0;
}
.noUi-connect {
    background: var(--primary-color);
}

.list-search-wrapper .noUi-tooltip {
    color: var(--text-primary);
    background: #f9fbff;
    padding: 0 6px;
}

/* 50-50 Split */
.hero-media,
.hero-content {
    width: 50%;
}

.hero-content .hero-search__additional-links {
    text-align: center;
    margin-top: 18px;
}

.hero-content .hero-search__additional-links .field__item {
    border-right: solid 1px #FFF;
    padding: 0px 5px 0px 9px;
}

.hero-content .hero-search__additional-links .field__item:last-child {
    border: none;
}

.hero-content .hero-search__additional-links a {
    color: var(--white);
}

.hero-content .hero-search__additional-links a:hover {
    text-decoration: underline;
}

/* ============= LEFT VIDEO ============= */
.hero-media {
    display: flex;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.hero-media::after {
    content: "";
    position: absolute;
    background: url(../../assets/img/hero-curve.svg) repeat-x center center / cover;
    width: 200px;
    height: 90px;
    bottom: 0;
    right: -1px;
}

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

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

.hero-media .media--type-image,
.hero-media .field--type-image,
.hero-media .field__item {
    display: flex;
    width: 100%;
}

/* Masked Floating Button */
.video-toggle {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 150px;
    height: 46px;
    border-radius: 99px;
    background: var(--background);
    border: none;
    cursor: pointer;
    font-size: 20px;
    transition: var(--transition-smooth);
    z-index: 1;
}

.video-toggle:hover {
    transform: scale(1.1);
}

/* ============= RIGHT CONTENT ============= */
.hero-content {
    background: var(--gradient-bg);
    padding: 50px;
    border-radius: 20px;
    color: var(--primary-foreground);
}

/* Typography */
.hero-title {
    margin-bottom: 10px;
    color: #fff;
}

.hero-subtitle {
    margin-bottom: 20px;
    color: #fff;
}

.hero-content h3 {
    color: #fff;
}

/* ============= HERO FORM ============= */
.hero-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 28px;
}

.form-row {
    display: flex;
    gap: 20px; align-items: center;
}

form.views-exposed-form.listing-form input.form-submit {
    font-weight: normal;
}

form.views-exposed-form.listing-form button#js-save-search-btn:hover{
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(2, 159, 227, 0.25);
}

/* Floating Group */
.form-group {
    position: relative;
    flex: 1;
}

.form-group input,
.form-group select {
    width: 100%;
    padding: 0 20px 0 60px !important;
    border-radius: 99px !important;
    border: 1px solid var(--input-border);
    background: var(--primary-foreground);
    font-size: 16px;
    font-weight: 400;
    outline: none;
    appearance: none;
    transition: all 0.3s ease-in-out;
    color: #4A4A49;
}

.form-group input::-webkit-input-placeholder {
    color: var(--text-secondary);
}

.form-group input:-ms-input-placeholder {
    color: var(--text-secondary);
}

.form-group input::placeholder {
    color: var(--text-secondary);
}

/* Disable native arrow */
.form-group select {
    background-image: none;
}

.form-group input::placeholder {
    color: var(--text-secondary);
    opacity: 1;
}

/* Custom Arrow */

/* Label */
.form-group label {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    font-weight: 400;
    color: var(--text-muted);
    transition: all 0.3s ease-in-out;
    pointer-events: none;
    left: 0 !important;
    text-indent: 60px;
}

/* Floating Effect */
.form-group input:focus+label,
.form-group input:not(:placeholder-shown)+label,
.form-group select:focus+label,
.form-group select:valid+label {
    top: 12px;
    font-size: 12px;
    font-weight: 500;
}

/* ============= ICON SYSTEM ============= */

/* Individual Icon Classes */
.icon-location::before {
    content: " ";
    background: url(../../assets/img/map-icon.svg) repeat-x;
    width: 26px;
    height: 26px;
    display: block;
    background-size: contain;
}



/* ===============================
   INFO CARD COMPONENT
================================== */

.info-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
    padding: 0 40px;
}

.info-card {
    position: relative;
    padding: 30px 24px 62px;
    background: var(--white);
    border-radius: 20px;
    transition: var(--transition-smooth);
}

.info-cta {
    width: 66px;
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: -14px;
    right: 28px;
    text-align: center;
    border: 8px solid #f9fbff;
    border-radius: 99px;
}

.info-cta .cta-arrow {
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    color: #fff;
    margin: 0;
}

/* ===============================
   TOP ROW (ICON + TITLE)
================================== */
.info-card-top {
    display: flex;
    align-items: center;
    gap: 16px;
}

/* 70px Yellow Icon */
.info-icon {
    width: 70px;
    height: 70px;
    background: var(--secondary-color);
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 26px;
    flex-shrink: 0;
    transition: var(--transition-fast);
}


.info-title {
    font-size: 20px;
    font-weight: 500;
    margin: 0;
}


/* ===============================
   SEPARATOR
================================== */
.info-separator {
    position: relative;
    height: 1px;
    background: rgba(0, 0, 0, 0.08);
    margin: 24px 0;
    overflow: hidden;
}

.info-separator span {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0%;
    background: var(--primary-color);
    transition: width 0.5s ease;
}

.info-card:hover .cta-arrow{rotate: 45deg;}

.info-text {
    font-size: 16px;
    font-weight: 400;
    color: var(--text-muted);
    margin: 0;
    line-height: 1.6;
}




/* ===============================
   ABOUT US
================================== */


.about-wrapper {
    display: flex;
    gap: 46px;
    align-items: center;
}

.about-media {
    display: flex;
    gap: 24px;
    align-items: flex-end;
}

.about-content {
    width: 100%;
}

.about-content ul {
    margin-inline-start: 0;
}

.about-content ul li {
    position: relative;
    padding-left: 20px;
}

.about-content ul li strong {
    color: var(--text-primary);
}

.about-content ul li:before {
    content: '';
    border-bottom: solid 2px var(--text-primary);
    border-left: solid 2px var(--text-primary);
    display: inline-block;
    width: 14px;
    height: 8px;
    rotate: -48deg;
    position: absolute;
    left: 0;
    top: 7px;
}

.about-content .field--name-field-office-description ul li {
    display: flex;
    gap: 10px;
    border-bottom: solid 1px #EAF1FF;
    padding: 7px 0 7px 20px;
    flex-wrap: wrap;
}

.about-content .field--name-field-office-description ul li strong {
    color: var(--primary-color);
    width: 150px;
}

.about-content .field--name-field-office-description ul li:before {
    content: '';
    border-bottom: solid 2px var(--primary-color);
    border-left: solid 2px var(--primary-color);
    display: inline-block;
    width: 14px;
    height: 8px;
    rotate: -48deg;
    position: absolute;
    left: 0;
    top: 13px;
}



.child-properties-section {
    margin-top: 50px;
}


.child-properties-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
    max-height: 478px;
    overflow-y: auto;
}

.child-properties-list .child-property-card {
    border: solid 1px #EAF1FF;
    border-radius: 10px;
    overflow: hidden;
    flex-shrink: 0;
    background: var(--white);
}

.child-properties-list .child-property-card .row {
    display: flex;
    gap: 20px;
    align-items: center;
}

.child-properties-list .child-property-card .col-md-4 {
    width: 220px;
    flex-shrink: 0;
}

.child-properties-list .child-property-card .col-md-8 {
    width: 100%;
}

.child-properties-list .child-property-card .card-image {
    border-radius: 10px;
    overflow: hidden;
    height: 150px;
    width: 100%;
}

.child-properties-list .child-property-card .card-image .status {
    background: #29BC55;
    position: absolute;
    bottom: 0;
    right: 0;
    color: #FFF;
    padding: 5px 15px;
    font-size: 14px;
    border-radius: 20px 0 0 0;
}

.child-properties-list .child-property-card .card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.child-properties-list .child-property-card .card-body {
    position: relative;
    min-height: 135px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 147px;
    gap: 4px;    text-align: left;
}

.child-properties-list .child-property-card .card-body .property-title {
    font-size: 16px;
    margin: 0 0 5px 0;
}

.child-properties-list .child-property-card .card-body .card-actions {
    border-left: solid 1px #EAF1FF;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    align-items: center;
    justify-content: center;
    width: 150px;
}

.child-properties-list .child-property-card .card-body .card-actions .btn {
    text-transform: capitalize;
    padding: 8px 30px;
    font-size: 16px;
}

.parent-child-options-dialog .parent-child-options-modal h2{font-size: 24px;font-weight: 600; margin-bottom: 0;}
.parent-child-options-dialog .parent-child-options-modal .office-reference-id{ margin: 0 !important;}
.parent-child-options-modal .parent-child-options-modal__description{ color: #4A4A49;}
.parent-child-options-dialog .perfect-match-badge{display: inline-flex; align-items: center; gap: 3px;}
.parent-child-options-dialog .perfect-match-badge svg{display: none;}
.parent-child-options-dialog .perfect-match-badge:before { 
     content: "";
     background: url(../img/perfect-match.svg) no-repeat center center;
     width: 16px;
     height:16px;
     background-size: contain; 
     display: inline-block;
}


.about-img--small {
    width: 365px;
    margin-top: 136px;
}

.about-img--small img {
    max-height: 350px;
}

.block-inline-blockhome-about-us-card .about-media .field__item {
    border-radius: 20px;
    overflow: hidden;
}

.about-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.9s ease;

}

.about-img img:hover {
    transform: scale(1.1);
    transition: all 0.9s ease;
}



.about-img--large {
    width: 400px;
    height: 540px;
}

.section-pill {
    display: inline-block;
    background: var(--secondary-color);
    padding: 12px 24px;
    border-radius: 999px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 20px;
    color: var(--text-primary);
}

.about-title {
    margin: 0 0 12px;
    max-width: 450px;
}

.about-text {
    line-height: 1.8;
    color: var(--text-muted);
}


/* ===============================
   price-guarantee-section
================================== */


.about-section.price-guarantee-section {
    position: relative;
    background: var(--banner-gradient);
    padding: 44px 0;
    overflow: hidden;
    color: var(--white);
}

.about-section.price-guarantee-section .about-wrapper {
    justify-content: space-between;
    gap: 60px;
    flex-flow: row-reverse;
}

.about-section.price-guarantee-section .about-wrapper h2.about-title {
    color: #fff;
    text-transform: capitalize;
    max-width: 100%;
}

.about-section.price-guarantee-section .about-wrapper p {
    color: #fff;
}

.about-section.price-guarantee-section .about-wrapper a.button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.5s ease;
    border-radius: 100px;
    background: var(--primary-color);
    color: var(--primary-foreground);
    text-align: center;
    font-weight: normal;
}

.about-section.price-guarantee-section:before {
    content: "";
    position: absolute;
    bottom: -200px;
    left: -250px;
    width: 500px;
    height: 500px;
    background: var(--secondary-color);
    border-radius: 50%;
    z-index: 0;
}

.about-section.price-guarantee-section .about-wrapper .about-media {
    position: relative;
    flex: 1;
    display: flex;
    justify-content: center;
}

.about-section.price-guarantee-section .about-wrapper .about-media img {
    width: 410px;
    height: 532px;
    border-radius: 20px;
    transform: rotate(13.43deg);
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.25);
    position: relative;
    z-index: 2;
}

.about-section.price-guarantee-section .about-wrapper .about-content {
    max-width: 520px;
}

.about-section.price-guarantee-section:hover .about-wrapper .about-media img {
    transform: rotate(-2.43deg) scale(1.05);
}

.about-section.price-guarantee-section .about-wrapper .about-media .about-img {
    position: relative;
}

.about-section.price-guarantee-section .about-wrapper .about-media .about-img:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -83px;
    width: 120px;
    height: 120px;
    background: var(--primary-color);
    opacity: 0.6;
    border-radius: 50%;
    z-index: 0;
}

.about-section.price-guarantee-section .about-wrapper .about-media .about-img:before {
    content: "";
    position: absolute;
    top: 25px;
    right: -75px;
    width: 80px;
    height: 80px;
    background: var(--secondary-color);
    border-radius: 50% 0 50% 50%;
    z-index: 0;
}

/* ===============================
   space-option
================================== */

.block-inline-blockspace-options {
    text-align: center;
}

.block-inline-blockspace-options h2 p {
    font-size: 34px;
    font-weight: 600;
    color: #000;
}

.block-inline-blockspace-options .workspace-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.block-inline-blockspace-options .workspace-grid article.workspace-card .workspace-image,
.block-inline-blockspace-options .workspace-grid article.workspace-card .workspace-image div:not([data-once="contextual-render"]),
.block-inline-blockspace-options .workspace-grid article.workspace-card .workspace-image div article {
    display: flex;
    width: 100%;
}

.block-inline-blockspace-options .workspace-grid article.workspace-card img {
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
    width: 100%;
}

.block-inline-blockspace-options .workspace-grid article.workspace-card {
    display: flex;
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    cursor: pointer;
    min-height: 510px;
    transition: var(--transition-smooth);
}

.block-inline-blockspace-options .workspace-grid .workspace-content {
    position: absolute;
    bottom: 24px;
    left: 30px;
    right: 30px;
    z-index: 2;
    color: #ffffff;
    transition-behavior: normal;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    transition-property: all;
}

.block-inline-blockspace-options .workspace-grid .workspace-content h3.workspace-title {
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    color: #fff;
    text-align: left;
}

.block-inline-blockspace-options .workspace-grid .workspace-content p {
    color: #fff;
    text-align: left;
    font-size: 15px;
    margin-top: 0;
    margin-bottom: 0;
}

.block-inline-blockspace-options .workspace-grid .workspace-card .field--name-field-description.field__item {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.block-inline-blockspace-options .workspace-grid .workspace-card .field--name-field-description.field__item p {
    overflow: hidden;
}

.block-inline-blockspace-options .workspace-grid .workspace-card:hover .field--name-field-description.field__item {
    grid-template-rows: 1fr;
    opacity: 1;
    padding-top: 16px;
}

.testimonial-card__image-container {
    bottom: -30PX;
    right: 60px;
}

.testimonial-card__image {
    width: 86px;
    height: 86px;
    border-radius: 50%;
    border: 8px solid #f9fbff;
    overflow: hidden;
    background: #f9fafb;
}

.workspace-card .workspace-overlay {
    position: absolute;
    inset: 0;
    background: rgb(0 0 0 / 0%);
    pointer-events: none;
    transition: var(--transition-smooth);
}

.workspace-grid article.workspace-card:hover .workspace-overlay {
    background: rgb(0 0 0 / 30%);
    pointer-events: auto;
}

/* ===============================
   Testimonials
================================== */

.testimonials-slider .slick-track {
    display: flex;
}


h2.testimonials-title {
    text-align: center;
    font-size: 34px;
    font-weight: 600;
    color: #000;
}

.testimonial-card__quote-icon {
    margin-bottom: 10px;
}

.testimonial-card__content {
    -webkit-line-clamp: none;
    margin-bottom: 0;
}

.testimonial-card__content p {
    font-size: 18px;
    line-height: 1.5;
    color: #000 !important;
    margin-bottom: 0;
    font-weight: 400;
}

.testimonial-card__name .field__item {
    font-weight: 500;
}

.page-content {
    margin-top: 1.5rem;
    margin-bottom: 0;
}

.basic-page__wrapper {
    max-width: 900px;
    margin: 2rem auto 4rem;
    padding: 0 1rem;
}

.basic-page__title {
    margin-bottom: 1.5rem;
}

.basic-page__content {
    line-height: 1.7;
}

.basic-page__content h2,
.basic-page__content h3 {
    margin-top: 2rem;
    margin-bottom: 0.75rem;
}

.basic-page__content p,
.basic-page__content ul,
.basic-page__content ol {
    margin-bottom: 1rem;
}

/* testimonial */
.testimonials-slider .slick-next {
    margin-top: -30px;
}

.testimonials-slider .slick-prev {
    margin-top: -9px;
}

.testimonial-card__image .field__item {
    height: 85px;
    width: 85px;
}

/* List page  */
.lbs-space-bottom-only {
    padding-bottom: 50px;
}

.newsletter-form input {
    color: #000;
}

.view-filters {
    display: none;
}

/* Detail page  */

.instant .text p {
    font-weight: 500;
}

/* Blog Grid */
.blog-listing {
    margin: 60px 0 40px;
}
.view-blog-listing ul.pager__items li span.visually-hidden {
    overflow: visible !important;
    font-size: 14px; height: auto !important; color: #222f3c;
}

.view-blog-listing {
    margin-bottom: 60px;
}

.blog-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 32px;
}

.blog-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    background: #FFF;
    transition: var(--transition-smooth);
}

.blog-card:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, .08);
    transform: scale(1.01);
}

.blog-card .blog-card-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1;
    padding: 16px 16px 24px;
}

.blog-card-excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 10px;
}

.blog-card .blog-card-image-wrap {
    height: 244px;
    position: relative;
    overflow: hidden;
}

.blog-card .blog-card-date {
    position: absolute;
    top: 12px;
    left: 12px;
    background: rgba(16, 12, 8, 0.4);
    backdrop-filter: blur(1.7000000476837158px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 64px;
    aspect-ratio: 1;
    border-radius: 999px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: #FFF;
    padding: 10px;
}

.blog-card .blog-card-date .blog-card-month {
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
}

.blog-card .blog-card-image {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.blog-card-meta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    line-height: 1.5;
    text-transform: uppercase;
    background-color: #EAF1FF;
    padding: 8px 14px;
    border-radius: 32px;
    margin-bottom: 16px;
}

.blog-card-meta::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url("../../assets/img/user-avatar.svg");
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
}

.blog-card .blog-card-title {
    margin-bottom: 8px;
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-card .arrow-link {
    margin-top: auto;
}

.blog-card:hover .arrow-link::after {
    transform: translate(3px, -3px);
}

/*blog css*/
.blog-full-wrapper {
    margin-bottom: 50px;
}

.blog-full-banner__image-wrap {
    height: 300px;
    display: flex;
    align-items: center;
    position: relative;
    margin: 0 0 30px;
}

.blog-full-banner__image-wrap:before {
    content: '';
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    position: absolute;
    height: 100%;
}

.blog-full-banner__image-wrap .blog-full-banner__content h1 {
    z-index: 999999;
    position: relative;
    color: #fff;
    font-size: 45px;
    margin: 0;
    text-align: center;
}

.blog-full-wrapper p {
    color: #000;
    background: none;
}

.blog-full-wrapper h2,
.blog-full-wrapper h3 {
    background: none;
    text-align: inherit;
}

.blog-full-wrapper h2 b strong {
    font-weight: bold;
}

.blog-full-wrapper h3 strong {
    font-weight: 600;
}

.blog-full-body {

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        padding-top: 30px;
    }

    p {
        color: var(--text-secondary);
        margin: 0 0 1.25em;
        line-height: 1.7;
    }

    a {
        color: #0066cc;
        text-decoration: underline;
    }

    a:hover {
        color: #004c99;
    }

    ul li {
        list-style-type: disc;
        color: var(--text-secondary);
    }
    

    .field--name-field-tags {
        margin-top: 2rem;
        padding-top: 1.5rem;
        border-top: 1px solid #e5e5e5;
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        text-transform: capitalize;
    }

    .field--name-field-tags::before {
        content: 'Tags';
        display: block;
        font-weight: 600;
        color: #000;
    }

    .field--name-field-tags .field__items {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .field--name-field-tags .field__item a {
        display: inline-block;
        padding: 0.35rem 0.85rem;
        background: #f0f0f0;
        border-radius: 4px;
        color: #333;
        text-decoration: none;
        font-size: 0.9rem;
    }

    .field--name-field-tags .field__item a:hover {
        background: #e0e0e0;
        color: #000;
    }
}

.blog-full-source{
    margin-top: 24px;
}


.blog-full-meta {
    background: #FFF;
    padding: 6px 20px;
    display: inline-flex;
    gap: 20px;
    border-radius: 25px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.blog-full-meta .blog-full-meta__item {
    display: flex;
    align-items: center;
}

.blog-full-meta__item .date-icon {
    background: url(../img/calender-i.svg) no-repeat 0 center;
    width: 20px;
    height: 20px;
    display: inline-block;
}

.blog-full-meta .blog-full-meta__item .author-icon {
    background: url(../img/user-i.svg) no-repeat 0 center;
    width: 20px;
    height: 20px;
    display: inline-block;
}

/*blog css end*/

/*contact css*/
.block-inline-blockform-with-image {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.block-inline-blockform-with-image .image-section {
    width: 48%;
    border-radius: 20px;
    overflow: hidden;
}

.block-inline-blockform-with-image .form-section h2.form-title {
    font-size: 30px;
    font-weight: bold;
}

.block-inline-blockform-with-image .image-section .field,
.block-inline-blockform-with-image .image-section .field article.media,
.block-inline-blockform-with-image .image-section .field article.media .field__item {
    height: 100%;
}

.block-inline-blockform-with-image .image-section .field article.media .field__item img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.block-inline-blockform-with-image .form-section .field {
    background: #fff;
    padding: 20px;
    border: 1px solid #ddf5ff;
    border-radius: 15px;
}

.block-inline-blockform-with-image .form-section .field form .form-actions {
    width: 100%;
}

form .form-item .fieldset__wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.block-inline-blockform-with-image .form-section .field .webform-submission-form {
    padding: 0;
}

.block-inline-blockform-with-image .ajax-progress {
    display: block;
}

.error {
    font-weight: normal;
    font-size: 13px;
    color: red;
    margin-top: 4px;
}

.btn-submitting {
    position: relative !important;
    pointer-events: none;
    padding-left: 45px !important;
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="%23ffffff" d="M12,4V2A10,10 0 0,0 2,12H4A8,8 0 0,1 12,4Z"><animateTransform attributeName="transform" type="rotate" from="0 12 12" to="360 12 12" dur="0.8s" repeatCount="indefinite"/></path></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: 15px center !important;
    background-size: 20px !important;
}

@keyframes form-spin {
    to {
        transform: rotate(360deg);
    }
}

/*contact css end*/

/* Office List Map page */
.views-exposed-form {
    margin: 0;
    padding: 0 !important;
    margin-block: 0 !important;
    background: transparent !important;
    border: none !important;
}

.listing-form .form-group label {
    display: none;
}

.icon-amenities::before {
    z-index: 1;
}

.list-search__form .listing-form {
    padding: 0;
    border: none;
    box-shadow: 0 0 0;
    background: transparent;
}

.listing-form .form-item {
    margin-block: 0 !important;
    margin-inline: 0 !important;
}

.listing-form .form-item tags .tagify__input {
    padding-left: 45px;
    margin: 0;
    color: var(--secondary-color);
}

.listing-form .form-action .form-actions {
    margin: 0;
}

.listing-form .form-action .form-actions input {
    font-weight: normal;
    text-transform: capitalize;
    padding: 14px 30px;
}


.form-group.icon-amenities {
    height: 56px;
    border-radius: 100px;
    border: 1px solid #c7e0f4 !important;
    padding-left: 0;
    background: var(--white);
    max-height: 56px;
    overflow-y: auto;
}

.form-group.icon-amenities .form-element:hover {
    box-shadow: 0 0 0;
}

.form-group.icon-amenities .tagify__input {
    width: auto;
    min-width: auto;
    border: none;
}

.listing-form .form-item tags {
    border: none;
    background: transparent;
    overflow-y: auto;
    padding: 12px 8px 0 14px !important;
    border: unset !important;
}

.listing-form .form-item tags tag {
   padding-left: 0px;
    font-size: 12px;
    margin-top: 2px;
}
.listing-form .form-item tags tag:first-child {
    padding-left: 30px;
}

.listing-form .form-item tags tag x:hover {
    background: var(--primary-color);
    color: var(--white);
}

.listing-form .form-item tags tag div {
    background: var(--primary-color);
    color: var(--white);
}


.share-modal-content .share-close {
    position: absolute;
    right: 12px;
    top: 7px;
    cursor: pointer;
    font-size: 36px;
}

.share-modal-content h3 {
    margin: 0 0 35px 0;
    border-bottom: solid 1px #ddd;
    padding-bottom: 14px;
    font-size: 20px !important;
}

.share-modal-content .a2a_kit {
    display: flex;
    gap: 10px;
    padding-bottom: 18px;
    justify-content: center;
}

.info-head .wishlist-icon {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    gap: 9px;
}

.info-head h4 {
    padding-right: 64px;
}

.share-btn {
    background: url(../img/symbols_share.svg) no-repeat 0 0;
    font-size: 0;
    width: 25px;
    height: 25px;
    display: inline-block;
    cursor: pointer;
    background-size: contain;
}

/* view-favourite page */

.view-favourite .view-content {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    display: grid;
    gap: 30px;
}

.block-webform.block-webform-block {
    max-width: 500px;
}

.webform-flexbox {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.path-view-favourite .region-content {
    display: flex;
    gap: 30px;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 60px 0 60px 0;
}

.path-view-favourite .region-content .block-system-breadcrumb-block {
    display: none;
}

.path-view-favourite .region-content .hidden {
    display: none;
}

.path-view-favourite .region-content .block-system-main-block {
    width: calc(60% - 20px);
}

.path-view-favourite .region-content .block-webform-block {
    width: calc(40% - 20px);
    background: var(--white);
    padding: 26px;
    border-radius: 10px;
}

.block-webform-block .form-actions input {
    width: 100%;
}

#fav-enquiry-history {
    overflow-x: auto;
}

#fav-enquiry-history>h3 {
    position: sticky;
    left: 0;
}

table.fav-history-table {
    min-width: 640px;
    margin-bottom: 0;
}

/* Map info window */

.leaflet-popup .wishlist {
    right: 50px;
}

.office-space-popup a.leaflet-popup-close-button {
    background: #fff !important;
    color: #000 !important;
    font-size: 27px !important;
    width: 32px !important;
    height: 32px !important;
    top: 10px !important;
}

.leaflet-container a.leaflet-popup-close-button {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFF;
    border-radius: 99px;
    top: 10px;
    right: 10px;
    color: #011938 !important;
    font: 24px / 24px Google Sans Flex, Inter, sans-serif;
    font-weight: 300;
    width: 32px;
    height: 32px;
}



.leaflet-popup.office-space-popup .property-card {
    transform: translate(0) !important;
}

/* Listing page Map wrapper */
.office-space-map-panel {
    z-index: 1;
}

/* Homepage Stats and Blog Section */

/* ===============================
   STATS SECTION
================================== */

.stats-grid {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    text-align: center;
}

/* ===============================
   STAT ITEM
================================== */
.stat-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

/* OUTLINED NUMBER */
.stat-number {
    position: relative;
    font-size: clamp(60px, 6vw, 80px);
    line-height: 1.25;
    font-weight: 700;
    color: transparent;
    -webkit-text-stroke: 1px #000000;
    text-stroke: 1px #000000;
}

/* Plus symbol */
.stat-number::after {
    content: "+";
    margin-left: 8px;
    color: #000000;
    -webkit-text-stroke: 0;
}

.stat-label {
    font-size: 18px;
    font-weight: 400;
    color: #000000;
}

/*12-06-26 (kh)*/

.access-denied-page-content {
    display: flex;
    margin-bottom: 20px;
    flex-direction: column;
    width: 100%;
    text-align: center;
    justify-content: center;
    align-items: center;
}
img.access-denied-image {
 
    width: 80%;
    max-width: 600px;
}
.back-home-link {
    order: 1;
    position: relative;
    text-decoration: underline;
    color: #029fe3; 
}
.error-page-content {
    display: flex;
    margin-bottom: 20px;
    flex-direction: column;
    width: 100%;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.error-page-content img.error-image{
    order: initial;
}
img.error-image {
    order: 2;
    width: 80%;
    max-width: 600px;
}
.page-banner__title{
    font-weight: 700;
    line-height: 1.25;
    font-size: 45px;
}
.basic-page__wrapper ul {
    list-style-type: disclosure-closed;
}
.basic-page__wrapper ul li {
    padding-bottom: 15px;
    color: var(--text-secondary);
}
.basic-page__wrapper h1 {
    font-size: 45px;
}
.basic-page__wrapper {
    margin-bottom: 20px;
}
.basic-page__wrapper ul li ul {
    margin-top: 20px;
    margin-bottom: 0;
}
.basic-page__wrapper ol {
    list-style-type: decimal;
    margin-left: 19px; 
}
.list-search{
    margin-bottom: 0;
}

ul.nearby-areas-list {
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 25px;
    gap: 15px;
}

a.nearby-areas-list__link {
    background: #EAF1FF;
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.nearby-areas-list__link::before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #1da1f2; /* dot color */
    border-radius: 50%;
    display: inline-block;
}
.nearby-areas-section {
    margin-top: 47px;
}
.area-offices-description h1 {
    font-size: 32px;
    font-weight: 500;
}
.area-offices-description h4 {
    font-size: 20px;
}
.area-offices-description p{
    margin-bottom: 10px;
}
.area-offices-header-wrapper.list-search-wrapper {
    margin-bottom: 30px;
}
.views-row.area-offices-row {
    grid-template-columns: repeat(4, 1fr);
    display: grid;
}
header .block-system-branding-block{display: flex;}

.property-swiper .swiper-slide{height: auto !important;}
section.recent-offices .swiper-slide{height: auto !important;}

.property-section .property-swiper .swiper-wrapper:not(.property-media .swiper-wrapper),
.recent-offices .recent-offices-swiper .swiper-wrapper:not(.property-media .swiper-wrapper) {
    padding-bottom: 20px;
}

.filter-bar{margin: 50px 0 32px;}
tr.status-accepted .referred-actions .action-accept i:before{color: #28AD37;}
tr.status-accepted .referred-actions .action-reject i:before{color: #CA5062;}
tr.status-accepted .referred-actions .action-view i:before{color: #029FE3;}
tr.status-rejected .referred-actions .action-accept i:before{color: #828282;}
tr.status-rejected .referred-actions .action-reject i:before{color: #828282;}
tr.status-rejected .referred-actions .action-view i:before{color: #828282;}
tr .referred-actions i:before{font-size: 18px;}
tr .referred-actions .action-view{border: unset; background:unset;}
tr.status-accepted .referred-actions .disabled i::before{color: #828282;}

.page-node-type-office-listings .nearby-areas-section{margin-bottom: 47px;}

.view-area-offices .area-offices-content .area-offices-listing {
    grid-template-columns: repeat(4, 1fr);
    display: grid;
    gap: 30px;
}
.view-area-offices .area-offices-content .area-offices-listing .views-row.area-offices-row {
    display: block !important;
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    cursor: pointer;
    min-height: 510px;
    transition: var(--transition-smooth);
    width: 100%;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: ease-in-out 0.5s all;
}
.path-view-favourite .region-content input#edit-phone {
    padding-left: 89px !important;
}

.iti.iti--allow-dropdown .js-webform-telephone-international {
    padding-left: 94px !important;
}
.tagify__dropdown__item.tagify--dropdown-item-no-match{}

.report-filters .claro-details__wrapper .report-filter-actions input {
    margin: 0;
    background: #029FE3 !important;
    border: unset !important;
    padding: 12px !important;
    font-size: 14px !important;
    font-weight: normal !important;
    color: #fff !important;
}

/*12-06-26 (kh)*/





/* ── Responsive ──────────────────────────────────────────── */


@media (max-width: 1024px) {
    form.views-exposed-form.listing-form .form-row {
    flex-direction: row;
}
    .stats-grid {
        flex-wrap: wrap;
        gap: 32px 20px;
    }

    .stat-item {
        flex: 1 1 calc(50% - 20px);
    }
    .views-row.area-offices-row{grid-template-columns: repeat(3, minmax(0, 1fr));}
    
}

@media (max-width: 900px) {
    .views-row.area-offices-row{grid-template-columns: repeat(2, 1fr);}
    .area-offices-description h1{font-size: 25px;}
    .webform-submission-form {padding: 0;}
}

@media (max-width: 640px) {
    .stat-item {
        flex: 1 1 100%;
    }

    .stat-number {
        /* font-size: 60px; */
    }
    .views-row.area-offices-row{grid-template-columns: 1fr;}
}


/* ===============================
   NEWS SECTION
================================== */
.news-section {
    padding: 0 0 var(--section-spacing);
}

.news-wrapper {
    display: grid;
    grid-template-columns: 1fr 1.40fr;
    gap: 30px;
    margin-top: 30px;
}


/* ===============================
   NEWS CARD
================================== */
.news-card {
    background: var(--background);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.08);
    transition: var(--transition-smooth);
    display: flex;
    flex-direction: column;
}

.news-card:hover {
    transform: translateY(-6px);
}

.news-card--featured .news-image img {
    height: 430px;
    object-fit: cover;
    width: 100%;
}

.news-card--featured .news-content {
    padding: 20px;
}

.news-list {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.news-card--row {
    flex-direction: row;
}

.news-card--row .news-image {
    width: 40%;
}

.news-card--row .news-image img {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.news-card--row .news-content {
    width: 60%;
    padding: 22px 24px;
}

.news-image {
    position: relative;
}

.news-date-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    backdrop-filter: blur(8px);
    background: rgba(16, 12, 8, 0.4);
    color: #FFF;
    padding: 12px;
    border-radius: 50%;
    text-align: center;
    width: 60px;
    height: 60px;
    display: grid;
    place-items: center;
    font-size: 12px;
    line-height: 1;
    font-weight: 500;
}

.news-date-badge strong {
    display: block;
    font-size: 16px;
}

/* ===============================
   META WITH ICONS
================================== */
.news-meta {
    display: inline-flex;
    align-items: center;
    gap: 20px;
    background: #EAF1FF;
    padding: 12px 18px;
    border-radius: 999px;
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    margin-bottom: 16px;
}

.news-meta-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #4A4A49;
    text-transform: uppercase;
}

/* Icon */
.meta-icon {
    width: 16px;
    height: 16px;
    stroke: var(--primary-color);
    flex-shrink: 0;
    transition: var(--transition-fast);
}

/* Micro Interaction */
.news-card:hover .meta-icon {
    transform: translateY(-2px);
    stroke: var(--primary-color);
}


.news-title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 6px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-excerpt {
    font-size: 14px;
    color: var(--text-muted);
    margin-bottom: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-link {
    color: var(--primary-color);
    font-weight: 500;
    text-decoration: none;
    transition: var(--transition-fast);
}

.news-link span {
    transition: var(--transition-fast);
}

.news-link:hover span {
    transform: translateX(4px);
}



@media (max-width: 1024px) {
    .news-wrapper {
        grid-template-columns: 1fr;
    }

    .news-card--row .news-image,
    .news-card--row .news-content {
        width: 100%;
    }
}


@media (max-width: 767px) {
    form.views-exposed-form.listing-form .form-row {
    flex-direction: column;
}
form.views-exposed-form.listing-form .form-group {
    width: 100%;
}
form.views-exposed-form.listing-form .form-wrapper{
        width: 100%;
}
    .news-card--row {
        flex-direction: column;
    }

    .news-card--row .news-image img {
        position: static;
        height: 340px;
    }

    .news-card--featured .news-content,
    .news-card--row .news-content {
        padding: 20px 16px;
    }

    .news-list,
    .news-wrapper {
        gap: 20px;
    }

    .news-meta {
        font-size: 11px;
        padding: 12px 12px;
        gap: 14px;
    }
    
}