/*
Theme Name: HomeyLinks Child 
Theme URI: http://www.favethemes.com/
Author: Favethemes
Author URI: http://www.favethemes.com/
Description: HomeyLinks is a premium WordPress theme for real estate agents where modern aesthetics are combined with tasteful simplicity, and where the ease of use is achieved without compromise in your ability to customise the design. Whether you are a real estate agent looking to build a website for your company or a web developer seeking a perfect WordPress theme for your next project, you are certain to appreciate the numerous features and benefits that our theme provides.
Version: 1.0
Tags: white, right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, post-formats, theme-options, translation-ready
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: nhsjwlbg
Template: nhsjwlbg
*/

@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Prata&display=swap");
@import url("https://www.homeylinks.com/cerihenjhw/szgtripl.css");

/* Your CSS code goes here
-------------------------------------- */

/*/////////////////////////////////////////////////////////////////////////////////////////////////////
// 01. Root
/////////////////////////////////////////////////////////////////////////////////////////////////////*/

    :root {
        /*  */
        --homey-main-color: #4881d6;
        --homey-topline-color: #3B5998;
        --homey-gray-field: #f2f2f2;
        --homey-backgroud-color: #fff;
        --homey-black-heading-color: #000;
        --homey-white-font: #fff;
        --homey-black-333-color: #333;
        --homey-header-color: #4881d6;
        /*  */
        --chat--color-primary: #4a89dc;
        --chat--color-primary-shade-50: #3B5998;
        --chat--color-primary-shade-100: #3B5998;
        --chat--color-secondary: #4a89dc;
        --chat--color-secondary-shade-50: #3B5998;
        --chat--message--bot--color: var(--homey-black-333-color);
        --chat--message--bot--background: var(--homey-gray-field);
        --chat--message--user--color: var(--homey-black-333-color);
        --chat--message--user--background: var(--homey-gray-field);
        --chat--toggle--background: var(--chat--color-primary);
        --chat--toggle--active--background: var(--chat--color-primary);
        --chat--toggle--hover--background:var(--chat--color-primary);
        --chat--toggle--size: 50px;
        --chat--window--z-index: 99;
        --chat--input--send--button--color: var(--chat--color-typing);
        --chat--message--font-size :14px;
        --chat--header--padding: 15px;
        /* Chatbot body background */
        --chat--color-light: var(--homey-backgroud-color);  
        --chat--input--send--button--background-hover : var(--homey-gray-field); 
    }



/* #half-map-listing-area .page-title-wrap .d-flex.align-items-center {overflow-x:hidden;} */
/*/////////////////////////////////////////////////////////////////////////////////////////////////////
// 02. Chatbot
/////////////////////////////////////////////////////////////////////////////////////////////////////*/
    .chat-input-send-button {margin:0 !important;border-radius: 0 !important;}
    /* Adjust the Chatbot location */
    /* .chat-window-wrapper .chat-window  			{ bottom: 70px !important; position: fixed !important; height: calc(98% - 70px) !important; } */
    .chat-window-wrapper .chat-window  			  { bottom: 70px !important; position: fixed !important;}
    @media (min-width: 1025px ){.chat-window-wrapper .chat-window  			  { height: calc(100% - 250px) !important; }}
    .chat-window-wrapper .chat-window-toggle 	{ bottom: 20px !important; position: fixed !important; }

    .en_lg .chat-window-wrapper .chat-window, .en_lg .chat-window-wrapper .chat-window-toggle { right: 20px !important; }
    .ar_lg .chat-window-wrapper .chat-window, .ar_lg .chat-window-wrapper .chat-window-toggle { left:  20px !important; }

    .chat-window { border-radius: 7px !important; }

    /* .chat-header { height: 45px !important; color: var(--homey-white-font) !important;} */
    .chat-header { background-color: #3B5998 !important; border-bottom: 1px solid #a19f9f !important; height: 44px !important;}
    .chat-layout .chat-header h1 { margin-bottom: 0 !important;color: white !important; font-size: 18px; font-weight: 700; } 
    .chat-heading {font-size: 10px !important;}
    .chat-header p {display: none;}

    /* Adjsut the Chat window Title in the Arabic Page */
    .chat-heading { display: block !important;}
    .en_lg .chat-heading { text-align: left !important;}
    .ar_lg .chat-heading { text-align: right !important;}

    .chat-message.chat-message-from-bot, .chat-message.chat-message-from-user { 
        border-radius: 7px !important;
    }

    .chat-message.chat-message-from-user { 	background: #303030 !important; color: white !important; }

    /* Chat message: Padding */
    .chat-message {	padding-top: 10px; padding-bottom: 10px; }

    /* Adjust chat window in mobile media screen */
    @media screen and (max-width: 600px) {
        .chat-window-wrapper .chat-window {
            height: 100dvh !important; 
            width: 100%;
            right: 0;
            left: 0;
            border-radius: 0px !important;
            margin-bottom: 0px !important;
            bottom: 0px !important;
            z-index: 1002 !important;
        }
    }

    @media (max-width: 600px) {
        .chat-window-toggle.toggled {
            top: 10px;
            width: 25px; height: 25px;
            background-color: #303030;
        }

      .chat-window-wrapper {
        z-index: 1100 !important;
      }

      .chat-window-wrapper .chat-window-toggle {
        z-index: 1100 !important;
      }
    }

    /*hide chatbot from seach page, property page and dashboard in mobile*/
    @media (max-width: 767px) {
    .is_srch #n8n-chat,.nhsjwlbg-dashboard-body #n8n-chat,.is_propertyPage #n8n-chat {display:none}
    }

    /*hide chatbot from login & Register in all devices */
    /* .page-id-79 #n8n-chat, .page-id-78 #n8n-chat,.page-id-186 #n8n-chat{display:none} */
    body:has(.pzlqjhbag-container) #n8n-chat{display:none}
    .woocommerce-checkout #n8n-chat{display:none}
    
    /*hide chatbot from add new property  */
    .page-template-user_dashboard_submit #n8n-chat{display:none}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////
// 03. General
/////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* loading sign for button add to favorites in property page */
i.loader-show {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid #ccc;
    border-top-color: #333;
    border-radius: 50%;
    margin: unset !important;
    animation: favorite-loader 0.7s linear infinite;
}

@keyframes favorite-loader {
    to {
        transform: rotate(360deg);
    }
}
.mobile-property-tools .nav-pills > .nav-item > .nav-link, .mobile-property-tools .item-tool > span {
  padding: 0;
  height: 40px;
  width: 40px;
  line-height: 40px;
  border: 1px solid #5c6872;
  color: black;
  font-size: 16px;
  border-radius: 8px;
}

.mobile-property-tools .nav-pills > .nav-item > .nav-link:not(.active), .mobile-property-tools .item-tool > span:not(.active) {
  background-color: #f2f2f2 !important;
}



/* billing form buttons  */
.ff-float-right.ff-btn.ff-btn-next.ff-btn-secondary,
.ff-btn.ff-btn-prev.ff-btn-secondary {
  padding: 6px 14px;
  border-radius: 6px;
  background-color: #4a89dc !important;
  font-weight: 500;
  border: 1px solid #4a89dc !important;
}

.ff-btn.ff-btn-prev.ff-btn-secondary{
  padding: 6px 14px;
  border-radius: 6px;
  background-color: #fff !important;
  font-weight: 500;
  border: 1px solid #4a89dc !important;
  color: #4a89dc !important;
}

.ff-btn.ff-btn-prev.ff-btn-secondary:hover{
  color: #fff !important;
  background-color:#4a89dc !important;
}

.ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style {
  padding: 6px 14px;
}


.ff-step-titles .ff-step-title-text{
  display: none !important;
}



/* the notice we added in membership page for users have orders */
.membership-order-notice {
  max-width: 600px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  background-color: #fffcc8 !important;
  border: 1px solid orange !important;
  border-radius: 4px !important;
}



#desktop-search-form .geolocation-radius-col .form-group {
  min-width: 100px;
}
.otgs-development-site-front-end {display: none;}
/* Adjust z-index of tooltip on property block tools */
@media (max-width: 768px) {
    .item-listing-wrap .item-tools .tooltip {
        /*display: none !important;*/
        z-index: 99 !important;
    }
}

/* Hide ReCaptcha badge by default */
.grecaptcha-badge {
    display: none !important;
}

/* Show ReCaptcha badge only on pages containing WPForms */
body:has(.pzlqjhbag-form) .grecaptcha-badge {
    display: block !important;
    z-index: 3;
}


#account-activated-message p {margin: 0 !important;}

#submit_property_form .block-title-wrap h2 {
  font-weight: bold;
}


.icon-featured.text-success {
  color: yellow !important;
}

.icon-featured.text-success:before {
  font-weight: 900;
}

.collapse:not(.show) {
    display: none !important;
}

/* change background colors for sections in property page */
@media (max-width: 768px) {
  .property-view > div:nth-child(even) .block-wrap {
    background-color: #f7f8f9;
  }
}


/*remove back to top button*/
.back-to-top-wrap {display: none;}

/*Remove icon of save search button in advance search*/
.btn.save_search_click i{display:none}

@media (max-width: 767px) {
    .logged-in-nav {
    top: 60px !important;
    right: 0;
    position: fixed;
    left: 0 !important;
    }
}

@media (min-width: 768px) {
    .is_srch .advanced-search-v3,#half-map-listing-area{padding: 0 75px;}
}

.nhsjwlbg-dashboard-body .add-new-listing-bottom-nav-wrap , .nhsjwlbg-dashboard-body .header {z-index:3}


/* Remove Arrows from max area field in home page */
.is_homepage input[name="max-area"]::-webkit-inner-spin-button,
.is_homepage input[name="max-area"]::-webkit-outer-spin-button {
    display: none;
}

/* For Firefox */
.is_homepage input[name="max-area"] {
    -moz-appearance: textfield;
}



/*/////////////////////////////////////////////////////////////////////////////////////////////////////
// 04. Drop Down Menu
/////////////////////////////////////////////////////////////////////////////////////////////////////*/

    /* adjust non login menu  */
    .dropdown-menu.user-menu .dropdown-item:first-child {border-bottom: 1px solid #e6e6e6;}

    /* .dropdown-menu.user-menu {transform: translateX(-125px);} */
    @media (max-width: 767px) {
      .dropdown-menu.user-menu {
        left: 0 !important;
        top: 60px !important;
        right: 0;
        border-radius: unset;
        }
      .dropdown-menu.user-menu .dropdown-item {
            padding: 15px;
        }
    }



/*/////////////////////////////////////////////////////////////////////////////////////////////////////
// 05. Map
/////////////////////////////////////////////////////////////////////////////////////////////////////*/

    /* convert halfmap to header map */
    @media (min-width :768px ){
      .half-map-left-wrap  {width: 100% !important;}
      .half-map-right-wrap {width: 100% !important ;padding: 0 25px;}
      .half-map-wrap {height: unset !important;position: static;display:block !important;}
      #main-wrap{height:unset !important;max-height:unset !important;}
    }

    /*Override HomeyLinks price pin markers to look like PointFinder */
    .mapbox-marker.map-marker-label {
        width: fit-content;
        color: #fff !important;
        background-color: #4a89dc !important;
        border-radius: 10px !important;
        padding: 0 6px !important;
        border: 2px solid #fff !important;
        font-weight: bold;
        font-size: 12px;
        white-space: nowrap;
    }

    /*Add triangle/arrow below */
    .mapbox-marker.map-marker-label::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #4a89dc;
    }

    /*Adjustment for popup - info window*/
    .property-info-window {display: flex;}
    .property-info-window .info-window-image img {height: 155px !important;}
    .property-info-window,.mapboxgl-popup-content {width: 335px !important;}
    .info-window-address-info.text-truncate {display: none;}
    .property-info-window .info-content {min-width: 190px;}
    .info-window-price {font-size: 18px !important;}

    .info-window-title {
      font-size: 15px;
      font-family: Noto Kufi Arabic;
      margin-bottom: 10px;
      font-weight: 600;
    }

    .info-window-property-type {
      position: absolute;
      top: 5px;
      background: rgba(255, 255, 255, .5);
      padding: 1px 4px;
      border-radius: 3px;
      font-weight: 600;
    }

    .info-window-property-downpayment {
      border-radius: 5px;
      font-size: 14px;
      font-weight: 700;
      padding: 3px 5px 2px 5px;
      width: fit-content;
    }

    .en_lg  .info-window-property-type {
      left: 5px;
    }
    .ar_lg  .info-window-property-type {
      right: 5px;
    }


    .ar_lg .mapboxgl-popup-close-button {
      left: 0;
      right: unset !important;
    }

    .en_lg .mapboxgl-popup-close-button {
      right: 0;
    }

    /* English (default) */
    .property-info-window > div:last-child {
      margin-left: auto;
    }

    /* Arabic */
    .ar_lg .property-info-window > div:last-child {
      margin-left: 0;
      margin-right: auto;
    }

    /*Adjust View option button on map*/
    .nhsjwlbgMapboxType {
      width: inherit;
      display: inline-block;
      height: inherit;
    }

    /*Adjust map buttons position and remove logo*/
    .mapboxgl-ctrl-logo {display: none !important;}
    .mapboxgl-ctrl.mapboxgl-ctrl-attrib.mapboxgl-compact {display: none !important;}

    /* Search page: Mobile Show Listing / Map Button */
    /* .d-flex.justify-content-between { border-radius: 7px !important; }
     */


   /* fix click on the map-view options doesn't work */

  .map-wrap .map-next-prev-actions .nhsjwlbgMapType {
    padding: 4px 16px;
    width: 100%;
    display: inline-block;
  }
  .map-wrap .map-next-prev-actions .dropdown-item{padding:0 !important}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////
// 06. General
/////////////////////////////////////////////////////////////////////////////////////////////////////*/

    @media (min-width: 992px) {

      .search-section-title {
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 10px;
        color: #6b7280;
        text-transform: uppercase;
        letter-spacing: .03em;
      }

      .features-list-wrap {
        /* margin-top: 176px; */
        /* border: 1px solid #dee2e6; */
        border-radius: 8px;
        padding:8px 0px 8px !important;
        height: fit-content;

      }

      .features-list .control.control--checkbox {
          font-size: 13px;
          color: #929292;
      }
      .btn-features-list  {
          color: #929292 !important;
      }

      /* Adjust the Features Button */
      #features-heading, .btn-features-list .nhsjwlbg-icon  { 
          font-size: 13px !important;
          font-weight: 400 !important;
          color: #888 !important;
      }
    }
        
    /*Ajustment for property page*/
    .single-property .item-address{display: none !important;}
    .single-property .page-title-wrap { padding: 10px !important;}

    /* Property Page: Titles Size */
    .single-property .block-title-wrap h2 {font-weight: 800 !important;}


    @media (min-width: 1200px) {
      .container {
        max-width: 1195px !important;
        }
    }





/*/////////////////////////////////////////////////////////////////////////////////////////////////////
// 07. Select
/////////////////////////////////////////////////////////////////////////////////////////////////////*/

    .select2-container--default .select2-selection--multiple {
        background-color: #fff;
        padding: 2px 8px;
        border-color: #dce0e0 !important;
        min-height: 42px !important;

    }
    .select2-container .select2-dropdown {border-color: #dce0e0 !important;}

    /* Each selected option (tag) */
    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #f4f4f4;
        border: none;
        color: #333;
        border-radius: 20px;
        padding: 3px 10px;
        margin: 2px 5px 2px 0;
        font-size: 14px;
        font-weight: 500;
    }
    /* .nhsjwlbg-search-builder-wrapper .form-control {line-height: 1.5 !important;} */
    .home .nhsjwlbg-search-form-js .nhsjwlbg-field-textual:has(> select[name="areas[]"]) {
        line-height: unset !important;
    }

    .home .nhsjwlbg-search-form-js .dropdown-menu.show >div {overflow-x:inherit !important;}
    /* The "x" (remove button) inside tag */
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #999;
        position:static;
        margin-right: 6px;
        font-weight: bold;
        cursor: pointer;
    }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #e74c3c; /* red on hover */
    }

    /* Placeholder text */
    .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
        color: #aaa;
        font-size: 14px;
        margin-left: 4px;
    }

    /*Adjust placholder for Area Field*/
    .select2-container .select2-search--inline .select2-search__field{
      color: #A1A7A8;
      font-family: inherit !important;
    }



/*/////////////////////////////////////////////////////////////////////////////////////////////////////
// 08. General
/////////////////////////////////////////////////////////////////////////////////////////////////////*/

    /*make header sticky and control z-index in header, non-login dropdown mwnu */
    header{
        position: sticky;
        top: 0;
        z-index: 1002;
    }
    #overlay-search-advanced-module{
        z-index :1004;
    }

    .dropdown-menu.user-menu{z-index:1003}
    #desktop-header-search {
      position: sticky;
      top: 93px;
      z-index: 1001;
    }

    /*hide create listing item from desktop menu as there a button already for it */
    header ul.navbar-nav.nhsjwlbg-elementor-menu li:nth-last-child(2){display:none !important}

    /*remove old home page location field */
    .form-group.elementor-field-group-6b0017d .btn.dropdown-toggle{display:none !important}
    
    /*adjust location field after adding select2 */
    .select2-container .select2-search--inline .select2-search__field {height: 30px !important;}




/*/////////////////////////////////////////////////////////////////////////////////////////////////////
// 09. Currency Switcher
/////////////////////////////////////////////////////////////////////////////////////////////////////*/

    /* adjsut currency switcher on mibile side menu */
    .offcanvas-mobile-menu-body .currency-switcher-wrap {padding: 15px;}
    .offcanvas-mobile-menu-body .currency-switcher-wrap .dropdown-toggle{width:100%;text-align: start;}
    .offcanvas-mobile-menu-body .currency-switcher-wrap .dropdown-toggle::after{float:right !important;margin-right: 8px;}
    .offcanvas-mobile-menu-body #hz-currency-switcher-list{
      position: static;
      background: white;
      color: black;
      width: 100%;
      max-width: 100% !important;
      box-shadow: none;
    }
    
    /* General Settings for Currency Switcher Menu */
    #hz-currency-switcher-list{
      background: #ffffff !important;
      color: black !important;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2) !important;
      border-color: #dce0e0;
    }

    #hz-currency-switcher-list {
      min-width: 65px !important;
      text-align: center !important;
    }

  

/*/////////////////////////////////////////////////////////////////////////////////////////////////////
// 10. X Button
/////////////////////////////////////////////////////////////////////////////////////////////////////*/

    /* Style X button for clearing selection in search */
    .clear-selection {
      cursor: pointer;
      position: absolute;
      /* top: 45%; */
      top: 17%;
      /* transform: translateY(-50%); */
      z-index: 2;
      background: white;
      padding: 0px 3px;
      /* height: 80%; */
      line-height: 1.6;
      font-size: 18px;
    }
    .en_lg .clear-selection{ right: 25px;}
    .ar_lg .clear-selection{left: 25px;}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////
// 11. Dropdown
/////////////////////////////////////////////////////////////////////////////////////////////////////*/

    .logged-in-nav-container .dropdown-toggle i {
      font-size: 20px;
      color: black;
    }
    .logged-in-nav-container .dropdown-toggle.show i {color: #00aeff;}
    .logged-in-nav-container .dropdown-toggle {padding: 0 12px;}



/*/////////////////////////////////////////////////////////////////////////////////////////////////////
// 12. Delivery date
/////////////////////////////////////////////////////////////////////////////////////////////////////*/

    /* start Customization for Delivery date popup with flatpicker */

    .flatpickr-calendar,.dayContainer,.flatpickr-days,.flatpickr-weekdays {
      width: 240px !important; 
      font-size: 13px;
    }

    .flatpickr-current-month {
      font-size: 15px;
    }

    .dayContainer{min-width:unset !important;}

    .flatpickr-btn-wrapper {
      display: flex;
      justify-content: space-between;
      gap: 6px;
      margin: 8px;
    }

    .flatpickr-btn {
      flex: 1;
      padding: 4px 6px;
      border-radius: 6px;
      cursor: pointer;
      font-size: 13px;
      text-align: center;
      line-height: 16px;
    }

    .flatpickr-btn-clear,
    .flatpickr-btn-cancel {
      background: #f8f9fa;
      border: 1px solid #ddd;
      color: #333;
    }

    .flatpickr-btn-primary {
      flex: 2;
      background: #f8f9fa;
      color: #007bff;
      border: none;
      border: 1px solid #ddd;
    }

    .flatpickr-input.form-control:disabled, .flatpickr-input.form-control[readonly] {
      background-color: white;
    }



    .flatpickr-current-month .arrowUp,
    .flatpickr-current-month .arrowDown {
      display: none;
    }
    .flatpickr-current-month .numInputWrapper select{
      background: none;
      border: none;
    }
    .flatpickr-current-month .numInputWrapper select:focus {
      border: none;
      outline: none;
    }
    .flatpickr-current-month .numInputWrapper select:hover {
      background: rgba(0,0,0,0.05);
    }

    /* End Customization for Delivery date popup with flatpicker */



/*/////////////////////////////////////////////////////////////////////////////////////////////////////
// 13. Password Eye Icon
/////////////////////////////////////////////////////////////////////////////////////////////////////*/

    /*  Start - eye icon Style  */

    /* === General Password Toggle Button === */
    .password-toggle-btn {
        cursor: pointer;
        margin: 0 8px !important;
        color: #555;
        font-size: 17px !important;
        position: absolute !important;
        z-index: 2;
        background: none;
        border: none;
    }
    /* Adjust icon position in different forms */
    .pzlqjhbag-field-password .password-toggle-btn {
        top: 61px;
        right: 10px;
    }

    #pzlqjhbag-form-28 .pzlqjhbag-field-password .password-toggle-btn {
        top: 10px;
        right: 10px;
    }

    #pzlqjhbag-form-28 .pzlqjhbag-field-row-block.pzlqjhbag-one-half.pzlqjhbag-first {
      position: relative;
    }

    .fluentform .password-toggle-btn {
        top: 33px;
        right: 5px;
    }
    /* Adjust icon position in arabic forms */
    .rtl .password-toggle-btn {
        right: auto;
        left: 10px;
    }
    .rtl .fluentform .password-toggle-btn {
        right: auto;
        left: 5px;
    }

    .fluentform .ff-el-group.password-container {
        position: relative;
    }
    .password-toggle-btn i {
        pointer-events: none;
    }
    /* End - eye icon Style */


    .user-phone input[name="mobile"],
    .user-whatsapp input[name="whatsapp"] {
        direction: ltr !important;
    }

    .profile-form #display_name {
      line-height: inherit !important;
    }


/*/////////////////////////////////////////////////////////////////////////////////////////////////////
// 14. WPForms
/////////////////////////////////////////////////////////////////////////////////////////////////////*/

    /* Start - Style Wpforms login-register-reset  */
    #pzlqjhbag-submit-25, #pzlqjhbag-submit-18, #pzlqjhbag-submit-28 {
        width: 100% !important;
    }

    #pzlqjhbag-25 .pzlqjhbag-layout-row {
        flex-direction: row !important;
        align-items: center !important;
    }

    .login-user {
        padding-bottom: 0px !important;
    }

    #pzlqjhbag-25-field_3_0 {
        margin-top: 2px !important;
    }

    .en_lg #pzlqjhbag-25-field_6 {
        text-align: right;
    }

    .ar_lg #pzlqjhbag-25-field_6 {
        text-align: left;
    }

    #pzlqjhbag-25-field_6, #pzlqjhbag-18-field_11 {
        position: absolute;
        margin-top: 50px !important;
        font-size: 15px !important;
    }

    #pzlqjhbag-28-field_4 {
      position: absolute;
      margin-top: 60px !important;
      font-size: 15px !important;
    }

    #pzlqjhbag-28-field_4-container {
      padding: 0 !important;
    }

    .en_lg #pzlqjhbag-25-field_6, .en_lg #pzlqjhbag-18-field_11, .en_lg #pzlqjhbag-28-field_4 {
        right: 0px !important;
        text-align: right;
    }

    .ar_lg #pzlqjhbag-25-field_6, .ar_lg #pzlqjhbag-18-field_11, .ar_lg #pzlqjhbag-28-field_4 {
        left: 0px !important;
        text-align: left;
    }

    .en_lg .login-fyp {text-align: right;}
    .ar_lg .login-fyp {text-align: left;}

    /* .pzlqjhbag-submit{top: -25px !important;} */
    #pzlqjhbag-submit-28{top: 0 !important;}
    .pzlqjhbag-submit-container {margin-bottom: 40px !important;}
    .login-dha,.register-ha,.reset-btl {overflow-x: unset !important;}

    .form-title h1 {font-size: 20px !important}

    /* End - Style Wpforms login-register-reset  */



/*/////////////////////////////////////////////////////////////////////////////////////////////////////
// 15. Reset password
/////////////////////////////////////////////////////////////////////////////////////////////////////*/

    /* Start - Style reset password form */
    @media  (max-width: 767px) {
      .elementor-186 .elementor-element.elementor-element-9b9cded {
        width: var( --container-widget-width, 95% );
        max-width: 95%;
        --container-widget-width: 95%;
        --container-widget-flex-grow: 0;
      }
    }

    @media (min-width: 768px) {
        .elementor-186 .elementor-element.elementor-element-9b9cded {
          width: var( --container-widget-width, 50% );
          max-width: 50%;
          --container-widget-width: 50%;
          --container-widget-flex-grow: 0;
        }
    }

    .elementor-element.elementor-element-9b9cded.elementor-widget.elementor-widget-pzlqjhbag {
      --pzlqjhbag-container-padding: 22px;
      --pzlqjhbag-container-border-style: solid;
      --pzlqjhbag-container-border-radius: 5px;
      --pzlqjhbag-container-border-color: #333333;
      --align-self: center;
    }

    /* End - Style reset password form */


/*/////////////////////////////////////////////////////////////////////////////////////////////////////
// 16. Fluent Support
/////////////////////////////////////////////////////////////////////////////////////////////////////*/

    /* Start - Style Fluent Support */
    #fluent_support_client_app {margin-top: 26px;}

    .fs_customer_conversation.fs_ticket_thread.fs_person_agent.fs_agent {background-color: #f0f6fc;}
    .fs_customer_conversation.fs_ticket_thread.fs_person_customer.fs_customer
    ,.fs_ticket_thread.fs_conversion_starter {background-color: #f5f6f7;}
    /* End - Style Fluent Support */


    /* SC Support */


/* The enire block */
#CustomerSupportBlock { margin-top: 15px; margin-bottom: 30px; }

/* Remove */
/*	 Logout buttons */ 
/*	 My profile buttons */
/*	 New Ticket: Reset form */
/*	 My Tickets: Reset filters */
/*	 My Tickets: Filter */
/*	 My Tickets: Reset filters */
.hlsupport-menu-list.hlsupport-tickets-nav.log-out,
.hlsupport-menu-list.hlsupport-tickets-nav.my-profile,
#hlsupport-ct-reset,
#hlsupport-filter-actions,
.hlsupport-filter-item[label="hlsupport-input-filter"],
#hlsupport-more-actions-btn { display: none !important; }


/* Ticket window: Side boxes */
.hlsupport-it-widget.hlsupport-itw-add-rec, .hlsupport-it-widget.hlsupport-itw-ticket-fields { display: none; }


/* Ticket window: Text Styling bar */
/* #mceu_14-body, #mceu_15-body  { display: none; } */
.mce-top-part.mce-container.mce-stack-layout-item.mce-first { display: none; }

/* Mobile Menu */
.hlsupport-humbargar-menu-item.my-profile,
.hlsupport-humbargar-menu-item.log-out { display: none; }


/* Search field */
.search-field { height: 30px; width: 50px; border: 1px solid #8a8a8a !important; }


/* Buttons */
.hlsupport-button.normal.primary.margin-right,
#hlsupport-ct-submit, #hlsupport-ct-reset  { height: 30px; padding-top: 0.5px !important; }

#hlsupport-ct-submit { width: 100px; }


/* Color the response area */
[class^="hlsupport-thread reply customer"], [class^="hlsupport-thread reply agent"]  { 
	border-radius: 10px !important;
	margin-bottom: 10px;
	padding: 10px;
	padding-bottom: 0px;
}

[class^="hlsupport-thread reply customer"] 	{ background-color: #F5F6F7; border: 1px solid #797979 !important; }
[class^="hlsupport-thread reply agent"] 		{ background-color: #F0F6FC; border: 1px solid #2782AD !important; }


/* New Ticket: Adding Border to the category box > UPDATED 20250608*/
.is_supportcenter .select2-selection.select2-selection--single { border: 1px solid #8a8a8a !important; }



/* Page not found: Design */
#PageNotFound { 
	background-color: var(--homey-topline-color);
	text-align: center;
	padding: 50px 0;

	margin-top: -10px !important;
	min-height: 500px;
	color: white;
}

#GoToHomePageButton { 
	padding: 10px 15px 10px 15px;
	border-radius: 8px;
	background-color: var(--homey-main-color); 
	border: 0px;
	margin-top: 20px;
}

/* #GoToHomePageButton:hover { background-color: var(--homey-main-color-hover); } */


#hlsupport-ct-submit {
	background-color:  var(--homey-header-color) !important;
	border: 1px solid  var(--homey-header-color) !important;
	color: var(--homey-white-font) !important;
}

/* .hlsupport-header { background-color: var(--homey-topline-color) !important; } */
#hlsupport-container .hlsupport-header { background-color: var(--homey-topline-color)!important; }


/* Hide side menu of support candy and always show the main header in all screens */
	/* Ensure the first child is always visible */
	.hlsupport-shortcode-container > :nth-child(1) {	display: flex !important; }
	
	/* Ensure the second child is always hidden */
	.hlsupport-shortcode-container > :nth-child(2) { display: none !important; }


/* Ensure all fields in the create ticket form take the full width of the form  */
.hlsupport-create-ticket .hlsupport-tff {width:100%}



/*/////////////////////////////////////////////////////////////////////////////////////////////////////
// 17. Property Page
/////////////////////////////////////////////////////////////////////////////////////////////////////*/

    /* Adjust property page */
    .listing-view .item-listing-wrap  address{display:none}
    /* #nhsjwlbg-overview-listing-map {display: none;} */
    #property-detail-wrap .detail-wrap ul li:nth-child(odd) .list-lined-item {background-color: #f2f2f2;}
    #property-detail-wrap .detail-wrap{background:unset !important;border:none !important;padding:10px !important;}
    #property-detail-wrap .detail-wrap ul li div {padding-left: 10px;padding-right: 10px;}

    #property-detail-wrap .advertiser {display:block !important;background-color:unset !important;color: #222 !important;}
    #property-address-wrap .block-content-wrap ul li:nth-child(1) {display:none !important}

    /*Adjust property description section*/
    .property-description-content {
        background: white;
        padding: 8px;
        border-radius: 5px;
    }



/*/////////////////////////////////////////////////////////////////////////////////////////////////////
// 18. General
/////////////////////////////////////////////////////////////////////////////////////////////////////*/

.btn-primary-outlined:hover {
  color: #fff !important;
  background-color: #4881d6 !important;
  border-color: #4881d6 !important;
}



.wpml-ls-statics-shortcode_actions.wpml-ls-legacy-list-horizontal {
  padding: 0px !important;
}


/* Style Staus tabs in home page Search */
.en_lg #nhsjwlbg-search-tabs-wrap > :first-child,
.ar_lg #nhsjwlbg-search-tabs-wrap > :nth-child(2) {
  border-radius: 5px 0 0 0 !important;
  padding: 7px 0 0 10px !important;
}

.en_lg #nhsjwlbg-search-tabs-wrap > :nth-child(2),
.ar_lg #nhsjwlbg-search-tabs-wrap > :first-child {
  border-radius: 0 5px 0 0 !important;
  padding: 7px 10px 0 0 !important;
}


#nhsjwlbg-search-tabs-wrap .nav-item {
  background: white;
}

#nhsjwlbg-search-tabs-wrap .nav-link {
  margin: 0 !important;
  padding: 5px 10px !important;
}

/* Adjust yop-bar height */
#header-top-bar .btn {
  line-height: 27px;
}
/* Remove language Switcher from desktop header and currency swticher */
#main-header .nhsjwlbg-nav-menu-main-desktop-wrap .wpml-ls-item ,
#main-header .elementor-widget-nhsjwlbg_currency_switcher{display:none}

/*Style gallery lightbox*/
.lightbox-tools a {color: black;}
.modal-header {background-color: white !important;}
.modal-header .btn-close{filter : unset !important;}

/*full screen button on map position*/
/* @media (max-width: 767px) {.map-zoom-actions {bottom: 80px !important;}} */

/* Adjust Sort button in Search page */
#sortSelectedText {
  line-height: 30px;
  font-size:13px;
}

.sort-dropdown .dropdown-item.active {
  color: #0072E4;
  background-color: #E8F2F9;
  font-weight: 600;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////
// 19. Footer
/////////////////////////////////////////////////////////////////////////////////////////////////////*/

    /*just override theme general margin for site logo*/
  .en_lg #footer-logo .logo.logo-desktop{margin-right : 0 !important}
  .ar_lg #footer-logo .logo.logo-desktop{margin-left : 0 !important}

    footer .nav-link {width: fit-content;}

    .page-id-78 footer,
    .page-id-486 footer,
    .page-id-186 footer,
    .page-id-490 footer,
    .page-id-79 footer,
    .page-id-488 footer {
        display: none !important;
    }



/*/////////////////////////////////////////////////////////////////////////////////////////////////////
// 20. Header
/////////////////////////////////////////////////////////////////////////////////////////////////////*/

    /* Header: Give the header Search border bottom */
    #desktop-header-search { border-bottom: solid 1px #d6d6d6;}

    /* Header: Adjust the colors of Creat Listing Button */
    .btn.btn-create-listing {
        background: #f6f6f6 !important;
        border-color: black !important;
        color: black !important;
    }

    /* Header: Creat Listing Button */
    .btn.btn-create-listing:hover { background: #ebebeb !important; }



/*/////////////////////////////////////////////////////////////////////////////////////////////////////
// 21. Dashboard Sidebar
/////////////////////////////////////////////////////////////////////////////////////////////////////*/
.sidebar-nav {line-height: 16px !important;}
.sidebar-nav .nav-box h5 {font-size: 14px !important;}
.sidebar-nav .nav-box li {padding-left: 18px;}
.dashboard-sidebar .sidebar-logo .logo{justify-content: center;}
.dashboard-sidebar .sidebar-logo .logo img{width: 65%;}
.dashboard-sidebar .nav-box ul li a {padding: 8px 20px !important;}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////
// 22. fluent forms in my profile for (mobile number -whatsapp)
/////////////////////////////////////////////////////////////////////////////////////////////////////*/
.phone-wrapper.block-wrap {
  background: none;
  padding: 0;
}

.user-phone,.user-whatsapp{
  padding: 16px;
	background: white;
	margin-top: 10px;
}

@media (min-width:767px){
  .user-phone,.user-whatsapp{width: 50%;}
	.phone-wrapper.block-wrap {display: flex}
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////
// 23.Style new labels act like placeholder and labels in the same time of Advance Search 
/////////////////////////////////////////////////////////////////////////////////////////////////////*/
.not_homepage .nhsjwlbg-search-form-js .form-group label{
    padding: 0 5px;
    position: absolute;
    color: #888;
    font-weight: 400;
    font-size: 13px;
    z-index: 1;
    background: white;
    line-height: 16px;
    pointer-events: none;
    transition: transform 0.2s ease-in-out;

}

.ar_lg.not_homepage .nhsjwlbg-search-form-js .form-group label{transform: translate(-5px,13px);}
.en_lg.not_homepage .nhsjwlbg-search-form-js .form-group label{transform: translate(5px,13px);}



.en_lg.not_homepage .nhsjwlbg-search-form-js .form-group:has(input:focus) label,
.en_lg.not_homepage .nhsjwlbg-search-form-js .form-group:has(input[type="text"]:not(:placeholder-shown)) label,
.en_lg.not_homepage .nhsjwlbg-search-form-js .form-group:has(input[type="number"]:not(:placeholder-shown)) label
{
    transform: translate(-4px,-8px) !important;
}


.en_lg.not_homepage .nhsjwlbg-search-form-js .form-group:has(.dropdown-toggle.show) label,
.en_lg.not_homepage .nhsjwlbg-search-form-js .form-group:has(.dropdown-toggle:not(.bs-placeholder)) label {
    transform: translate(-4px,-8px) !important;
}

.ar_lg.not_homepage .nhsjwlbg-search-form-js .form-group:has(input:focus) label,
.ar_lg.not_homepage .nhsjwlbg-search-form-js .form-group:has(input:not(:placeholder-shown)) label{
    transform: translate(4px,-8px) !important;
}


.ar_lg.not_homepage .nhsjwlbg-search-form-js .form-group:has(.dropdown-toggle.show) label,
.ar_lg.not_homepage .nhsjwlbg-search-form-js .form-group:has(.dropdown-toggle:not(.bs-placeholder)) label {
    transform: translate(4px,-8px) !important;
}



.not_homepage #mobile-search-form.nhsjwlbg-search-form-js .row > *{
    margin-top:12px;
}

.not_homepage .nhsjwlbg-search-form-js input:not([name="keyword"])::placeholder {
  color: transparent;
}

.not_homepage .nhsjwlbg-search-form-js .form-group input[name="keyword"]::placeholder{
    font-size: 13px;
}


.not_homepage .nhsjwlbg-search-form-js .form-group .dropdown-toggle.bs-placeholder .filter-option-inner-inner {
  color: transparent !important;
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////
// 24. Adjust Advance Search And Search page
/////////////////////////////////////////////////////////////////////////////////////////////////////*/

.search-icon input {
  padding-left: 12px !important;
}
.search-icon::before {
  content: "" !important;
}


#mobile-search-form input.form-control{font-size:16px !important}

/* change Design of Advanced Search */
#advanced-search-filters {
    position: absolute;
    z-index: 3;
    background: white;
    width: 850PX;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px 22px 15px 22px;
    border: 1px solid #dce0e0;
    border-radius: 5px;
    margin-top: 5px;
    box-shadow: 0px 6px 16px #888;
    /*border-top: none;*/
    display: flex;
    gap: 15px;
}


/*Style save Search button in mobile advanced Search*/
.btn.save_search_click{
  background-color: white;
  color: #8b9898;
  border-color: #dce0e0;
}
.btn.save_search_click:hover {
  background-color: #f7f8f8;
  color: #717f7f;
  border-color: #00aeff;
  }

/*fix advance Search scroll in mobile (it works) */
#overlay-search-advanced-module {height : 100dvh !important;padding: 0 !important;}

/*make the Advance search btns Sticky at the bottom */
.Srch-btn-sticky {
  position: sticky;
  bottom: 0;
  z-index: 5;
}
.sticky-bottom-group {
    position: sticky;
    bottom: 0;
    z-index: 5;
    display: flex;
    background: white;
    padding: 8px;
    max-width:100% !important;
}

#mobile-search-form .reset-search-btn ,
#mobile-search-form .save_search_click {margin-top:0 !important;}


.advanced-search-v3 .save-search-btn{margin:0 !important}

/*Override Advance search open and close behaviour for Sticky bottom buttons */
/* open*/
.overlay-search-advanced-module.open {top: 0}
.overlay-search-advanced-module.open sticky-bottom-group {bottom: 0;}


/* close*/
.overlay-search-advanced-module {top: 0}
.overlay-search-advanced-module sticky-bottom-group {bottom: 0;}

/* General*/
.overlay-search-advanced-module.overly_is_halfmap.open {
    transform: none !important;
}
section#overlay-search-advanced-module {
    transform: none !important;
}


.sticky-bottom-group {
    position: fixed;
    bottom: 0px;
    right:0;
    left:0;
    box-shadow: 0px 5px 19px #888;
}



#mobile-search-form div:has(.features-list-wrap) {
  margin-top: 0 !important;
  padding-bottom: 50px;
}

/*Adjust Seach page to remove scroll in properties listings section*/
.is_srch .half-map-wrap {
  height: fit-content !important;
}

.is_srch #half-map-listing-area {
  overflow: hidden !important;
}

.is_srch #main-wrap {
  height: auto !important;
  max-height: none !important;
}

/* Adjust properties block img in search page */
.nhsjwlbg-listing-carousel .slick-slide img{width:100%;}


/* make Search bar in mobile screen sticky */
.advanced-search.advanced-search-nav.mobile-search-nav.mobile-search-trigger {
  position: sticky;
  z-index: 1001;
  top: 60px;
  border-bottom: 1px solid #dce0e0;
}


#half-map-listing-area .page-title-wrap .dropdown-toggle::after,
#half-map-listing-area .page-title-wrap .dropend .dropdown-toggle::after {margin: 0 !important;}
#half-map-listing-area .page-title-wrap {padding:15px !important}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////
// 25. woocommerce
/////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* woocommerce orders page */
/* Remove billing Address from orders page */
.woocommerce .woocommerce-customer-details {display:none}
/* Remove button browse products */
.woocommerce-orders .woocommerce-info .woocommerce-Button{display: none !important; }

.woocommerce-MyAccount-navigation {
  padding: 20px;
  margin: 0 !important;
  float: none !important;
  width: unset !important;
}

.woocommerce-MyAccount-navigation ul {
  display: flex;
  gap: 30px;
}

.woocommerce-MyAccount-content {
  padding: 0 20px;
}

/* nav.woocommerce-MyAccount-navigation{display:none !important} */

.woocommerce-account .woocommerce-MyAccount-content {
  float: none !important;
  width: 100% !important;
}

.woocommerce table.my_account_orders {
  font-size: 15px !important;
}


.woocommerce-orders-table__cell-order-actions a{
  font-size: 12px !important;
  margin: 4px !important;
}

.woocommerce-MyAccount-orders.my_account_orders.account-orders-table {
  margin: 0 !important;
}


.woocommerce-view-order .woocommerce-MyAccount-content {
  padding: 25px;
}


.woocommerce-view-order .woocommerce-MyAccount-content p {
  font-size: 12px;
  margin-bottom: 14px;
}

.woocommerce-view-order .woocommerce-order-details__title {
  margin-bottom: 20px;
}

/* Woocomerce my orders nave active items */
.woocommerce-MyAccount-navigation-link.is-active {
  background: #E8F2F9;
  padding: 5px 10px;
  border-radius: 6px;
}
.woocommerce-MyAccount-navigation-link.is-active a {
  color: #0072E4;
}
/* Checkout */

.wc-block-components-button:not(.is-link):focus {
  box-shadow: none !important;
}

/* Remove Desktop order summary from mobile */
@media (max-width : 992px){
  .wc-block-components-sidebar.wc-block-checkout__sidebar.wp-block-woocommerce-checkout-totals-block.is-sticky {
    display: none !important;
  }
}
/* Remove Express checkout */
div:has(> .wc-block-components-express-payment.wc-block-components-express-payment--checkout) {
  display: none;
}

/* Remove padding top in checkout block */
.wp-block-woocommerce-checkout {
  padding-top: 0 !important;
}


/* The "Payment options" description  */
.wc-block-components-radio-control-accordion-content {display: none;}

 /* Add spaces between the checkout blocks */
.wc-block-components-form .wc-block-components-checkout-step {margin-bottom: 34px !important;}

/* Order notes */
#order-notes {display: none;}
.page-content-wrap {background: #f7f8f9 !important;}

.wc-block-components-sidebar-layout .wc-block-components-main {
	background: white !important;
	border-radius: 5px;
} 

.wc-block-components-main.wc-block-checkout__main.wp-block-woocommerce-checkout-fields-block {
  padding: 20px;
}

.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button{
  color: #fff;
  background-color: #4881d6;
  border-color: #4881d6;
  padding: 0 15px;
  font-size: 15px;
  font-weight: 500;
}

.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button:hover{
  color: #fff;
  background-color: #33beff;
  border-color: #33beff
}


.page-content-wrap {
  padding: 20px !important;
  background-color: #fff;
}


.wp-block-woocommerce-checkout-order-summary-block {
  background: #fff;
}


#acfw-store-credits-my-account a.button.alt {
    display: none;
}

#acfw-store-credits-my-account p {
  margin-top: 10px;
}

/* woocommerce cart  */

.wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block {
  padding: 20px;
}

.wc-block-cart-item__total {
  display: table-cell !important;
}


.wp-block-woocommerce-cart-order-summary-block {
  background: white;
  border: 1px solid hsla(0,0%,7%,.11) !important;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 20px;
}

@container (max-width: 699px) {
  .wc-block-components-sidebar-layout {gap: 20px;}
  .wc-block-cart .wc-block-components-sidebar .wc-block-cart__totals-title{
    display:block !important;
    font-size:16px !important;
    margin-bottom: 15px;
  }
  .wp-block-woocommerce-cart-order-summary-block{border:none !important;}
}


.wp-block-woocommerce-cart .wp-block-separator,
.wp-block-woocommerce-cart .wp-block-woocommerce-product-new{display:none !important} 

.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received{
  font-size: 24px;
  font-weight: 500;
  padding-bottom: 24px;
}


/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* // 26. Switch map button  */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////// */


.mobile-map-switch { 
    width: 94px !important;
    position: sticky;
    z-index: 1001;
    bottom: auto;
    margin: 0 15px !important;
    top: 71px !important;
    margin-top: -52px !important;
    margin-bottom: 10px !important;
    border: none;
    border-radius: unset;
}

.en_lg .mobile-map-switch { float: right;}
.ar_lg .mobile-map-switch { float: left;}
.mobile-map-switch .btn {
    width: 100%;
    color: #4881D6 !important;
    background-color: white !important;
    border-radius: 6px;
    border: 1px solid #dce0e0
}

#nhsjwlbg-btn-listing-view { display: none; }

@media (max-width: 1024px ){
.is_srch .advanced-search-v1 .search-icon { width: calc(100% - 108px); }
.is_srch .half-map-wrap { background-color: #f9f9f9 !important; }
}
@media (max-width: 1024px ){
.is_srch header .elementor-section.elementor-top-section{box-shadow:none !important;}
}
/*fIX IOS ZOOM IN AFTER OPEN AREA DROPDOWN MENU*/
.select2-search__field{font-size:16px !important}




/* compare button and page */
.compare-property-panel-vertical {
  z-index: 1003 !important;
  top :156px !important;
}
@media (min-width: 992px) {.compare-property-panel-vertical {height: auto;}}

.compare-table thead th {
  top: 156px !important;
}

@media (max-width: 992px) {
 .compare-property-panel-vertical {
  top: 70px !important;
  border-top: 1px solid #dce0e0
  } 
  .compare-table thead th {
  top: 0 !important;
}
}


.compare-table .img-fluid,
.compare-property-panel .img-fluid {
  width: 200px !important;
  height: 150px !important;
  object-fit: cover;
}


/* packages page */


/* =========================================================== */

@media (min-width: 768px) {
	.frontend-submission-page .container {
	  max-width: 850px;
	}
}

.price-table-module.pt-4.text-center {
	  max-width: 300px;
   	margin: 0 auto;
}

.price-table-description{
	line-height: 12px;
}

.price-table-price {
    font-size: 54px;
    line-height: 25px;
  letter-spacing: unset;
}



/* =========================================================== */
/* .price-table-module.pt-4.text-center {
	  width: 300px;
   	margin: 0 auto;
}

.price-table-description {
	line-height: 12px;
}

.price-table-title {
	font-size: 40px;
	line-height: 35px;
	margin-top: 8px;
}

.price-table-price {
	font-size: 35px;
	line-height: 25px;
	letter-spacing: unset;
}

.price-table-currency { font-size: 20px }
.price-table-price-wrap.py-4 { line-height: 15px !important; } */




.dashboard-sidebar .nav-box.active{display:block }

.dashboard-sidebar .nav-box:not(.active) {
  display: none !important;
}




/* Checkout page: Hide "Contact information" and "Billing address" */
#contact-fields, #billing-fields { display: none !important; }

/* Checkout page: Addjust the padding of the "Order Summary" block */
.wp-block-woocommerce-checkout-order-summary-block { 
  border: none !important;
  padding-top: 3px !important; padding-bottom: 10px !important;
}

/* Checkout page: Submit Order button */
.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
    border-radius: 5px !important;
    border: none !important;
    min-width: 150px;
}

.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained:hover { background-color: var(--homey-topline-color) !important;}



/* update fluent from success message style */
.ff-message-success {
  box-shadow: none !important;
  background-color: #E0FFC7;
  border: 1px solid !important;
  border-color: #B4D39B !important;
}

.page-template-user_dashboard_verify_your_number .block-wrap {
  padding: 0;
  background: none;
}


/* half map page */

/* fix listing display on tablets */
@media (max-width: 991px) and (min-width: 768px){
  #half-map-listing-area.half-map-right-wrap .grid-view .item-listing-wrap {
    width: 50%;
  }
}
@media (max-width: 991px) {
  #half-map-listing-area.half-map-right-wrap .grid-view .item-listing-wrap {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
}

/* fix call to action button on listing in small desktop screens */
@media (max-width: 1124px) and (min-width: 991px){
  .item-footer .item-buttons-wrap .btn.btn-item {
    font-size :12px !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
}
/* fix map view height in tablets */
@media (min-width: 768px ) and (max-width: 1024px){
.half-map-left-wrap {
  height: 45vh !important;
}}

@media (min-width: 1025px ){
.half-map-left-wrap {
  height: calc(100vh - 227px) !important;
}}

/* Adjust breakpoints of Search to work with header */
@media (max-width: 1024px) {
	.mobile-search-nav {display: block !important;}
	.desktop-search-nav {display: none !important;}
  .nav-mobile.nhsjwlbg-show-menu-tablet {display: block !important;}
}



@media (min-width: 1024px){
  .main-wrap > .content-wrap:has(.pzlqjhbag-container) {
    min-height: calc(100dvh - 80px);
    background: #fff;
  }
  #nhsjwlbg_ajax_container {min-height:calc(100dvh - 80px);}
}

@media (max-width: 1024px){
  .main-wrap > .content-wrap:has(.pzlqjhbag-container) .e-con-inner {
    min-height: calc(100dvh - 60px) !important;
  }
  .main-wrap > .content-wrap:has(.pzlqjhbag-container) {
    min-height: calc(100dvh - 60px);
    background: #fff;
  }
  #nhsjwlbg_ajax_container {min-height:calc(100dvh - 60px);}
}

/* Adjustment and style for desktop map view button */
#map-view-wrap{display: none;}
@media (min-width: 1024px) {
  #desktop-map-view-btn {
    display: block;
    line-height: 30px;
    background: #4a89dc;
    color: white;
    font-weight: 400;
    width: fit-content;
    margin-bottom: 10px;
  }
}

@media (max-width: 1024px) {
  #desktop-map-view-btn{display: none;}
  .mobile-map-switch {display: block !important;}
}


.ar_lg .map-arrows-actions {
  left: 120px;
  right: unset;
}

.en_lg .map-arrows-actions {
  right: 120px;
  left: unset;
}



@media (max-width: 575.98px) {
  .ar_lg .map-arrows-actions {
    left: 90px;
    right: unset;
  }

  .en_lg .map-arrows-actions {
    right: 90px;
    left: unset;
  }
}




/* =================================================================== */
/* =========================mobile Search ============================ */
/* =================================================================== */



.beds-buttons,
.baths-buttons{
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    width: 100%;
}

/* Buttons must be allowed to shrink */
.beds-buttons button,
.baths-buttons button{
    flex: 1 1 0;
    min-width: 0;
    max-width: 60px;
    border: 1px solid #ddd;
    background: #fff;
    padding: 8px 6px;
    border-radius: 10px;
    font-size: 13px;
    cursor: pointer;
    transition: background-color 0.2s ease;
    white-space: nowrap;
    text-align: center;
}
/* Hover */
/* .beds-buttons button:hover,
.baths-buttons button:hover{
    border-color: #51bbd6;
    color: #51bbd6;
} */

/* Active */
.beds-buttons button.active,
.baths-buttons button.active{
  background-color: #d9e7ef;
  border-color: #51bbd6;
  color: #2c5d73;
}


/*=====================================*/

.payment-buttons button {
  text-transform: capitalize;
}


.payment-buttons,
.status-buttons{
    display: flex;
    border: 1px solid #dce0e0;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
    gap:0;
}

/* buttons */
.payment-buttons button,
.status-buttons button{
    flex: 1;
    padding: 8px 22px;
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    color: #555;
    transition: background-color 0.2s ease;
    white-space: nowrap;
}

/* divider effect (optional clean separation) */
.en_lg .payment-buttons button:not(:last-child),
.en_lg .status-buttons button:not(:last-child){
    border-right: 1px solid #ddd;
}

.ar_lg .payment-buttons button:not(:last-child),
.ar_lg .status-buttons button:not(:last-child){
    border-left: 1px solid #ddd;
}
/* active state */
.payment-buttons button.active,
.status-buttons button.active{
  color: #0072E4;
  background-color: #E8F2F9;
}

/* hover */
/* .payment-buttons button:hover,
.status-buttons button:hover{
    background: rgba(0,0,0,0.05);
} */



.sliders-control {
  position: relative;
  height: 25px;
}
.slider-track {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 4px;
  transform: translateY(-50%);
  border-radius: 2px;
  pointer-events: none;
  z-index: 1;
}
.range-wrap input[type="range"] {
  background: transparent !important;
  pointer-events: none; /* track no longer clickable */
}
.range-wrap input[type="range"]::-webkit-slider-thumb,
.range-wrap input[type="range"]::-moz-range-thumb {
  pointer-events: auto; /* only the thumb is draggable */
}

input[type="range"]::-moz-range-thumb {
  width: 25px !important;
  height: 25px !important;
}

#mobile-search-form input[name="installments"]::placeholder,
#mobile-search-form input[name="downpayment"]::placeholder {
  color: #a1a7a8 !important;
  font-size: 14px;
}

/*=====================================*/


#mobile-search-form .range-text {
  margin-right: 8px;
  margin-left: 8px;
}

#mobile-search-form .features-subtitle,
#mobile-search-form .mobile-general-title,
#mobile-search-form .mobile-advanced-title,
#mobile-search-form .mobile-sale-details-title,
#mobile-search-form .mobile-areas-title,
#mobile-search-form .mobile-area-title,
#mobile-search-form .beds-title,
#mobile-search-form .baths-title,
#mobile-search-form .mobile-pricing-title{
  font-size: 16px;
  font-weight: 700;
}
#mobile-search-form .beds-title,
#mobile-search-form .baths-title,
#mobile-search-form .mobile-areas-title{
    padding:0 7px;
}


#mobile-search-form .range-wrap .range-text{font-size:14px !important}



#desktop-search-form .features-list,
#desktop-header-search .features-list{
  display: flex;
  gap: 20px;
}

#desktop-search-form .pill-text,
#desktop-header-search .pill-text{
  margin: 0 7px;
  color: #888;
  font-weight: 400;
  font-size: 13px;
}

#desktop-search-form .features-subtitle, 
#desktop-header-search .features-subtitle {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: .03em;
}
/*=====================================*/

.overlay-search-advanced-module .features-list-wrap {
  text-align: unset !important;
}
/* Container spacing */
#mobile-search-form .features-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
#mobile-search-form .features-group {
    margin-bottom: 10px;
}

/* Hide checkbox */
#mobile-search-form .feature-pill input {
    display: none;
}

/* Pill base */
#mobile-search-form .feature-pill {
    display: inline-block;
    padding: 7px 14px;
    border-radius: 999px;
    border: 1px solid #ddd;
    background: #fff;
    font-size: 14px;
    font-weight: 500;
    color: #555;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

/* Hover */
/* .feature-pill:hover {
    border-color: #51bbd6;
} */

/* Active (checked) */
#mobile-search-form .feature-pill:has(input:checked) {
    background-color: #d9e7ef;
    border-color: #51bbd6;
    color: #2c5d73;
}

/* Text */
#mobile-search-form .pill-text {
    pointer-events: none;
}

.col-12:has(.status-wrapper),
#mobile-search-form .pricing-fields,
#mobile-search-form .area-fields,
#mobile-search-form .general-fields, 
#mobile-search-form .sale-details-fields {
  position: relative;
  padding-bottom: 15px !important; /* space for divider */
  margin-top: 0;
}

.col-12:has(.status-wrapper)::after,
#mobile-search-form .pricing-fields::after,
#mobile-search-form .area-fields::after,
#mobile-search-form .general-fields::after,
#mobile-search-form .sale-details-fields::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #ddd;
}

#mobile-search-form .pricing-fields,
#mobile-search-form .general-fields,
#mobile-search-form .advanced-fields,
#mobile-search-form .sale-details-fields,
#mobile-search-form .area-fields{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  padding:0;
  margin: 0 !important;
}


#overlay-search-advanced-module .search-title{
  background: #fafafa;
  position: sticky;
  width: 100%;
  /* background: white; */
  top: 0;
  z-index: 2;
  padding: 15px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
#mobile-search-form{padding:15px;background: #fafafa;}
#mobile-search-form > .row {margin: 0 !important}



/* Style max Search fields Alert */

	.MaxSearchFieldsAlert {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background-color: #fff;
		z-index: 10000;
		border-radius: 10px;
		padding: 10px 25px;
		width: 280px;
		box-sizing: border-box;
		display: none;
		border: 1px solid #ccc;
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	}

	.MaxSearchFieldsAlert .alert-maxSearch {
		display: block;
		text-align: center;
		margin-bottom: 10px;
		font-size: 16px;
		line-height: 1.5;
	}

	.MaxSearchFieldsAlert .close-maxSearch {
		position: absolute;
		top: 5px;
		right: 10px;
		cursor: pointer;
		font-size: 20px;
	}

	.MaxSearchFieldsAlert .ok-btn {
		display: block;
		margin: 10px auto 0;
		padding: 7px 20px;
		background-color: #4881d6;
		color: white;
		border: none;
		border-radius: 5px;
		cursor: pointer;
		font-size: 14px;
		text-align: center;
	}

	.MaxSearchFieldsAlert .ok-btn:hover {
		background-color: #3664a1; /* Slightly darker shade for hover effect */
	}



  /* =========================================================================== */
  /* =============================== Support pages Design =============================== */



/*================================================*/
/*Adjust agency blcok after make the entire block clickable */
.agency-grid-container,.agent-grid-container {
    color: inherit;
}
.agency-grid-container:hover,.agency-grid-container:active,
.agent-grid-container:hover,.agent-grid-container:active{
    text-decoration: none !important;
    color: inherit;
}
.agencies-grid-view .agency-grid-wrap:hover,.agents-grid-view .agent-grid-wrap:hover {
  box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.5);
}
.agencies-grid-view .agency-grid-wrap,.agents-grid-view .agent-grid-wrap {
  transition: 0.3s;
}

#agency-name{margin-top:auto;}
.agency-grid-image-wrap{
    flex: 1;
}


.agent-languages-list{display:none;}

.agent-grid-content-wrap{
    flex: 1;
}

.agent-grid-content-wrap .btn{
    margin-top: auto;
}

/* #nhsjwlbg_agent_search-1,#nhsjwlbg_agency_search-1{display:none;} */



#project-container p,#developer-container p {margin-bottom:0 !important;cursor:pointer;}

#areaSearch,#developerSearch,#projectSearch {
  margin-bottom: 30px;
  padding: 5px 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}	

.tax-search-wrapper{
  width: 100%;
  max-width:1140px;
  display: flex;
  justify-content: end;
  margin: 0 auto;
}


#developer-container {
  background: white;
}


/* ####################################################################### */
/* Style loading sign for page transition */
/* ####################################################################### */
#site-click-loader {
    position: fixed;
    inset: 0;
    background: rgba(255,255,255,0.27);
    z-index: 999999;
    display: none;
    align-items: center;
    justify-content: center;
}

#site-click-loader.is-active {
    display: flex;
}

/* Premium Light Gray Spinner */
.loader {
    /* width: 56px; */
	width: 48px;
    aspect-ratio: 1;
    border-radius: 50%;
	
    /*  border: 6px solid #f5f5f5;
        border-right-color: #c7cdd4; */
	Border: 6px solid #f7f8f9;
    border-right-color: #d5dbe1;
	
    position: relative;
    animation: l24 3s infinite linear;
}

.loader:before,
.loader:after {
    content: "";
    position: absolute;
    inset: -6px;
    border-radius: 50%;
    border: inherit;
    animation: inherit;
}

.loader:before {
    animation-duration: 6s;
}

.loader:after {
    animation-duration: 12s;
}

@keyframes l24 {
    to {
        transform: rotate(360deg);
    }
}
/* ####################################################################### */
/* V2 Style loading sign for page transition V2*/
/* ####################################################################### */
/* #site-click-loader {
    position: fixed;
    inset: 0;
    background: rgba(255,255,255,2.0);
    z-index: 999999;
    display: none;
    align-items: center;
    justify-content: center;
}

#site-click-loader.is-active {
    display: flex;
}

/* CSS Loaders - Spinner 24 style */
.loader {
    width: 60px;
    aspect-ratio: 1;
    border-radius: 50%;
    border: 9px solid transparent;
    border-right-color: rgba(170, 176, 184, 0.75);
    position: relative;
    animation: siteLoaderSpin24 1.8s infinite linear;
}

.loader:before,
.loader:after {
    content: "";
    position: absolute;
    inset: -9px;
    border-radius: 50%;
    border: inherit;
    animation: inherit;
}

.loader:before {
    animation-duration: 3.6s;
}

.loader:after {
    animation-duration: 7.2s;
}

@keyframes siteLoaderSpin24 {
    100% {
        transform: rotate(360deg);
    }
} */




/* ################################################################################## */
/* #  NEW CHANGES  ################################################################## */
/* ################################################################################## */
/* Ceter the next and prev buttons in lightbox gallery and limit images height to screen */
.is_propertyPage .lightbox-gallery .slick-list {height: 100% !important;}
.is_propertyPage .lightbox-gallery .slick-list .img-fluid {max-height: 80vh;}

/* Adjut the top spacing in the dashboard pages to be aligned */
.dashboard-content .container {padding :0;}
.dashboard-content .heading.d-flex{align-items: initial !important;}

@media (max-width: 1024px ) {
  /* Solve the IOS AI Chat Zoom problem for font-size below 16px */
    .chat-footer { font-size: 16px !important; }
    /* Map */
    /* .is_srch .mapboxgl-canvas { position: fixed !important; width: 100% !important; top: 65px !important; }
    .is_srch .map-zoom-actions { bottom: 0px !important; } */
    .is_srch #map-view-wrap { position: fixed !important; height: calc(100% - 122px) !important;}
    #map-view-wrap:has(.map-wrap.nhsjwlbg-fullscreen-map) {z-index: 1004;}
  }




/* Style login message after redirection  */
.hl-login-notice {
  display: none;
  background-color: #fffcc8 !important;
  border: 2px solid orange !important;
  border-radius: 4px !important;
  margin-top: 5px !important;
  padding: 3px 8px !important;
  margin: auto !important;
  width: fit-content !important;
  transition: top 0.5s ease-in-out;
}
.pzlqjhbag-container .hl-login-notice {display: block !important;}



/* Add tolltip for Delivery date  */
.delivery-wrapper {
  position: relative;
}

.fp-tooltip-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  margin-left: 6px;
  border-radius: 50%;
  background: #222;
  color: #fff;
  font-size: 11px;
  cursor: help;
  position: absolute;
  top: 13px;
}
.en_lg .fp-tooltip-icon {right: 8px;}
.ar_lg .fp-tooltip-icon{ left: 8px;}
/* tooltip box */
.fp-tooltip-icon::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 130%;
  left: 50%;
  transform: translateX(-50%);
  background: #222;
  color: #fff;
  padding: 8px 10px;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;

  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease;
  z-index: 9999;
}

/* arrow */
.fp-tooltip-icon::before {
  content: "";
  position: absolute;
  bottom: 110%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: #222 transparent transparent transparent;

  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease;
}

/* show on hover */
.fp-tooltip-icon:hover::after,
.fp-tooltip-icon:hover::before {
  opacity: 1;
  visibility: visible;
}


/* Adjust Style of Description field after we changed to use text-area not wp-editor */

.hlaipd-plain-textarea:focus {
    outline: none;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.hlaipd-plain-textarea {
    width: 100%;
    border: 1.5px solid #d1d5db;
    border-radius: 8px;
    padding: 12px 14px;
    font-size: .9rem;
    font-family: inherit;
    line-height: 1.6 !important;
    color: #1a2a4e;
    resize: vertical;
    min-height: 180px !important;
    transition: border-color .2s;
    box-sizing: border-box;
}

.textarea-wrapper {
    position: relative;
}
.description-wrapper {
  margin-top: 25px;
}



/* Adjust google places dropdown on Geolocation field  */
.pac-logo::after {
    content: none !important;
}
.pac-container.pac-logo{z-index: 1004;}




/* progress Steps in add new property form  */

.menu-edit-property-wrap {
  position: sticky;
  top: 50px;
}
.add-property-progress-wrap {
    background: #f5f6f8;
    border-radius: 8px;
    padding: 20px 16px;
    position: sticky;
    top: 40px;
}
.add-property-progress {
    position: relative;
}
.progress-step {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 28px;
}
.progress-step:last-child {
    padding-bottom: 0;
}
.progress-step:not(:last-child)::before {
    content: '';
    position: absolute;
    left: 11px;
    top: 24px;
    width: 2px;
    height: calc(100% - 24px);
    background: #dcdfe4;
}
.progress-step.completed:not(:last-child)::before {
    background: var(--hz-primary-color, #2563eb);
}
.progress-step-icon {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #dcdfe4;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
.progress-step-icon i {
    font-size: 12px;
    color: #fff;
    display: none;
}
.progress-step-label {
    color: #9aa0a9;
    font-weight: 500;
}
.progress-step.active .progress-step-icon,
.progress-step.completed .progress-step-icon {
    background: var(--hz-primary-color, #2563eb);
    border-color: var(--hz-primary-color, #2563eb);
}
.progress-step.active .progress-step-icon i,
.progress-step.completed .progress-step-icon i {
    display: block;
}
.progress-step.active .progress-step-label,
.progress-step.completed .progress-step-label {
    color: #1f2430;
    font-weight: 600;
}


.ar_lg .add-property-progress-wrap {
    direction: rtl;
}

.ar_lg .progress-step {
    padding-right: 0;
    padding-left: 0;
}

.ar_lg .progress-step:not(:last-child)::before {
    left: auto;
    right: 11px;
}

.ar_lg .progress-step-label {
    text-align: right;
}

.ar_lg .progress-step {
    align-items: flex-start;
}

.ar_lg .progress-step-icon {
    margin-top: 2px;
}


/* Adjust Add new property form  */


#submit_property_form .form-group label {
  margin-bottom: .5rem;
}
#submit_property_form .form-group {
  margin-bottom: 1rem;
}



.add-property-progress-mobile {
    padding: 10px 14px;
    font-weight: 600;
    color: #1f2430;
    text-align: center;
}
.add-property-progress-mobile .steps-counter,
.add-property-progress-mobile .steps-total {
    color: var(--hz-primary-color, #2563eb);
}

.downpayment-input-group,
.installments-input-group,
.price-input-group {
    position: relative;
}
/* .downpayment-input-group .form-control,
.installments-input-group .form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
} */

.downpayment-type-toggle,
.installments-type-toggle {
  display: flex;
  border: 1px solid #e2e5ec;
  border-left: none;
  border-radius: 6px;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
}
.price-currency {
  background: #f5f6f8;
  border: 1px solid #e2e5ec;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  color: #6b7280;
  white-space: nowrap;
  line-height: 40px;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 12px;
}
.ar_lg .price-currency {
  left : 0;
  right: unset;
}

.ar_lg .downpayment-type-toggle,
.ar_lg .installments-type-toggle {
  left : 0;
  right: unset;
}
.downpayment-type-btn,
.installments-type-btn{
    background: #f5f6f8;
    border: none;
    padding: 0 16px;
    font-size: 13px;
    font-weight: 500;
    color: #6b7280;
    cursor: pointer;
    transition: all 0.15s ease;
}

.btn.installments-type-btn:hover,
.btn.downpayment-type-btn:hover {
  background-color: #e2e5ec;
}

.downpayment-type-btn + .downpayment-type-btn,
.installments-type-btn + .installments-type-btn {
    border-left: 1px solid #e2e5ec;
}

.downpayment-type-btn.active,
.installments-type-btn.active {
    background: #eef1ff;
    color: #4a5cf5;
}

.downpayment-hint,
.installments-hint {
    display: block;
    font-size: 12.5px;
    margin-top: 6px;
    color: #8a8f98;
}

.downpayment-hint.is-warning,
.installments-hint.is-warning {
    color: #d97706;
}

.downpayment-hint.is-info,
.installments-hint.is-info {
    color: #3f8cff;
}



/* Style billing information form in fluentform and my account form */
.nhsjwlbg-billing-form-wrap {
    max-width: 480px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.nhsjwlbg-billing-form-wrap .form-row {
    margin: 0;
}

.nhsjwlbg-billing-form-wrap label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #1e1e1e;
    margin-bottom: 6px;
}

.nhsjwlbg-billing-form-wrap .required {
    color: #cc1818;
    text-decoration: none;
}

.nhsjwlbg-billing-form-wrap .woocommerce-input-wrapper {
    display: block;
}

.nhsjwlbg-billing-form-wrap input.input-text,
.nhsjwlbg-billing-form-wrap select {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 14px;
    font-size: 15px;
    line-height: 1.4;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fff;
    color: #1e1e1e;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    /* appearance: none;
    -webkit-appearance: none; */
}

/* .nhsjwlbg-billing-form-wrap select {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    padding-right: 36px;
} */

.nhsjwlbg-billing-form-wrap input.input-text:focus,
.nhsjwlbg-billing-form-wrap select:focus {
    outline: none;
    border-color: #1e5fdb;
    box-shadow: 0 0 0 3px rgba(30, 95, 219, 0.12);
}

.nhsjwlbg-billing-form-wrap .nhsjwlbg-billing-submit {
    align-self: flex-start;
    padding: 8px 22px;
    background: #1e5fdb;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.nhsjwlbg-billing-form-wrap .nhsjwlbg-billing-submit:hover {
    background: #174ab0;
}

.nhsjwlbg-billing-form-wrap .nhsjwlbg-billing-submit:disabled {
    background: #9db3e8;
    cursor: not-allowed;
}

.nhsjwlbg-billing-form-wrap .nhsjwlbg-billing-message {
    display: none;
    font-size: 13px;
    font-weight: 500;
}


.nhsjwlbg-billing-form-wrap .nhsjwlbg-field-error {
    border-color: #cc1818 !important;
    box-shadow: 0 0 0 3px rgba(204, 24, 24, 0.12) !important;
}


.nhsjwlbg-btn-spinner {
    display: none;
    width: 14px;
    height: 14px;
    margin-left: 8px;
    vertical-align: middle;
    border: 2px solid rgba(0, 0, 0, 0.15);
    border-top-color: #1e5fdb;
    border-radius: 50%;
    animation: nhsjwlbg-spin 0.6s linear infinite;
}

.nhsjwlbg-btn-spinner.is-active {
    display: inline-block;
}

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

.ff-btn-next.nhsjwlbg-btn-loading {
    opacity: 0.7;
    cursor: not-allowed;
}


.choices__item.choices__item--selectable {
  background-color: #f4f4f4 !important;
  color: #333 !important;
  border: 1px solid #dcdcdc !important;
}


.frm-kmhygs .choices[data-type*="select-multiple"] .choices__button {
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000' fill-rule='evenodd'%3E%3Cpath d='M2.592.044l18.364 18.364-2.548 2.548L.044 2.592z'/%3E%3Cpath d='M0 18.364L18.364 0l2.548 2.548L2.548 20.912z'/%3E%3C/g%3E%3C/svg%3E")!important;
   border-left: 1px solid #000!important;
}


.frm-kmhygs .choices[data-type*="select-multiple"] .choices__button:focus, .frm-kmhygs .choices[data-type*="select-multiple"] .choices__button:hover {
  background-color: unset;
}



#packages-landing {
    display: none;
}

#guest-landing {
    display: none;
}

body.is_loggedIn #packages-landing {
    display: block;
}

body.not_loggedIn #guest-landing {
    display: block;
}