.partners__img {
      filter: grayscale(100%);
      transition: all 0.4s ease-in-out;
  }

  .partners__img:hover {
      filter: grayscale(0%);
      cursor: pointer;
  }

  .swiper-partners-button-next,
  .swiper-partners-button-prev {
      display: block;
      width: 2.25rem;
      height: 2.25rem;
      transition: all 0.4s ease-in-out;
      border-radius: 50%;
      background-color: #fff;
      color: #454056;
      font-size: 0.75rem;
      line-height: 2.25rem;
      text-align: center;
      z-index: 10;
      border: 0;
      box-shadow: 0 0.125rem 0.125rem -0.125rem rgba(31, 27, 45, 0.08), 0 0.25rem 0.75rem rgba(31, 27, 45, 0.08);
  }

  .swiper-partners-button-next:hover,
  .swiper-partners-button-prev:hover {
      color: var(--fi-primary);
      box-shadow: 0 .125rem .5rem -0.25rem rgba(31, 27, 45, .12), 0 .25rem 1rem rgba(31, 27, 45, .12);
  }

  .gallery-item img {
      transition: transform 0.4s ease-in-out;
  }

  .gallery-item:hover img {
      transform: scale(1.1);
  }

  @media (min-width: 992px) {
    /* .navbar-expand-lg .dropdown:hover > .dropdown-menu {
        display: inline-table;
        animation: slide-up 0.25s ease-in-out;
    } */
    
      table {
          width: 100%;
          border-collapse: collapse;
      }

      th,
      td {
          padding: 8px;
          border: 1px solid #ddd;
          text-align: left;
          font-size: 0.9rem;
      }

      thead th {
          background-color: #249fe3;
          color: white;
      }

      tbody tr:hover {
          background-color: #f5f5f5;
          cursor: pointer;
      }
  }

  @media (max-width: 991px) {
      .table {
          border: 1px solid #ddd;
      }

      thead {
          display: none;
      }

      tbody tr {
          display: block;
          margin-bottom: 1rem;
          border-bottom: 1px solid #ddd;
      }

      td {
          display: block;
          text-align: right;
          font-size: 0.8rem;
          border-bottom: 1px solid #ddd;
          padding: 0.5rem;
      }

      td::before {
          content: attr(data-label);
          float: left;
          font-weight: bold;
          text-transform: uppercase;
      }

      td:last-child {
          border-bottom: 0;
      }

      .clickable-row {
          cursor: pointer;
      }
  }

  .broker-sidebar-name:hover {
      color: var(--fi-primary) !important;
  }

  .broker-sidebar-img {
      width: 200px;
      height: 200px !important;
      object-fit: cover;
      object-position: center;
      border: 2px solid transparent;
      transition: all 0.4s ease-in-out;
  }

  .broker-sidebar-name {
      transition: all 0.4s ease-in-out;
  }

  .broker-sidebar-name:hover {
      color: var(--fi-primary) !important;
  }

  .broker-sidebar-img:hover,
  .broker-sidebar-img:active {
      border: 2px solid var(--fi-primary);
  }

  .flag{
    width: 30px;
    border: 1px solid rgba(var(--fi-white-transparent-20-rgb));
  }
  .flagHolder{
    padding: 2px !important;
  }
  
  .flags .flagHolder img {
    transition: all 0.4s ease-in-out;
    border: 1px solid var(--fi-primary);
  }
  
  .flags .flagHolder:hover img {
    box-shadow: 0px 4px 10px var(--fi-shadow-dark);
  }
  
  #SliderV1 swiper-container {
    --swiper-theme-color: var(--fi-primary);
    --swiper-pagination-bullet-width: 15px;
    --swiper-pagination-bullet-height: 15px;
  }

  .slider-img{
    object-fit: cover; 
    filter: brightness(75%);
  }
s
  .hover-primary:hover {
      color: var(--fi-nav-link-hover-color);
  }

  .text-hover-primary:hover {
    color: var(--fi-link-hover-color) !important;
  }

  .hover-underline:hover{
    transition: text 0.4s ease-in-out;
    text-decoration: underline !important;
  }

  .text-break-all{
    word-break: break-all;
  }

.icon-link {
    font-size: 24px;
    text-decoration: none;
    transition: color 0.4s ease-in-out;
}

.viber {
    color: #7360F2;
}
.viber:hover {
    color: #5A3EBC;
}

.whatsapp {
    color: #25D366;
}
.whatsapp:hover {
    color: #1EBE53;
}

.telegram {
    color: #0088cc;
}
.telegram:hover {
    color: #006699;
}
  

  .material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
    vertical-align: middle;
}

.material-icons-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
    vertical-align: middle;
}

.header_logo_img {
    width: 200px;
    height: auto;
    /* transition: width 0.5s; */
}

.videoHolder{
    position:relative;
    width: 100%;
    overflow: hidden;
    padding-top: 56.25%;
    pointer-events: none;
    user-select: none;
}

.responsiveIframe{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    width: 100%;
    height: 100%;
    margin-top: -60px;
    border: none;
}

/* search box html css */
/* Ограничаване на дължината на текста в бутона */
.dropdown-label {
    display: inline-block;
    max-width: 201px; /* Можете да коригирате ширината, ако е необходимо */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
[data-simplebar] {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE и Edge */
}
/*  */
.form-group .dropdown-menu:not(.my-3) {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
    /* max-width: 162px; */
    overflow: hidden scroll!important;
}

/* Вътрешен скролер за падащото меню при височина над 200px */
.dropdown-menu {
    max-height: 200px; /* Максимална височина на менюто */
    width: 100%;
   /* overflow-y: auto;  Активиране на вътрешен вертикален скролер */
}

.form-group .dropdown-toggle {
    font-weight: normal;
    text-align: left;
    justify-content: start;
    overflow: hidden;
}

.form-group span.dropdown-label {
    width: 100%;
}

.search_box form {
    padding: 15px;
}

form .sHolderTitle {
    font-weight: bold;
    /* text-transform: uppercase; */
    display: none;
}

.form-check-input {
    width: 1.3em;
    height: 1.3em;
    margin-top: 0.1em;
    margin-right: 2px;
    vertical-align: top;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border-radius: 0px !important;
    border: 1px solid #bbb7c5;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    print-color-adjust: exact;
}

.dyn_search_input{
  margin: 0px 14px;
      box-sizing: border-box;
      padding: 6px;
      width: 88%;
      border: 1px solid #ccc!important;
}

@media only screen and (min-width : 1024px) {
  .search_box{
    width: 940px;
  }
}


.search-container {
    position: relative;
    width: 100%;
}

#clear_search {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 18px;
    color: #ccc;
    display: none; /* Скрива иконата, когато полето е празно */
}

.dyn_search_input:focus + #clear_search,
.dyn_search_input:not(:placeholder-shown) + #clear_search {
    display: block; /* Показва иконата, когато има текст в полето */
}

.clear-search{
    cursor: pointer;
        position: absolute;
        right: 28px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 18px;
        color: #ccc;
}
/* end search box */

.parsley-errors-list {
    padding: 0px 0px;
    margin: 0px;
}
.parsley-errors-list li {
    list-style-type: none;
    color: #f35427;
    font-size: 14px;
    margin: 0px;
}

.form-group.required .control-label:after,.required .control-label:after {
    content: "*";
    color: red;
    margin-left: 3px;
}

.font-12{
    font-size: 12px;
}
.font-14{
    font-size: 14px;
}
.font-15{
    font-size: 15px;
}
.font-16{
    font-size: 16px;
}
.font-18{
    font-size: 18px;
}
.view_page_img{
    object-fit: cover;
}

/* cookie box styles */
.cc-window {
    border-radius: var(--fi-border-radius-sm) !important;
    box-shadow: 0 4px 8px var(--fi-shadow-dark) !important;
    font-family: var(--fi-body-font-family) !important;
    border: var(--fi-border-width) var(--fi-border-style) var(--fi-border-color) !important;
  }
  .cc-btn {
    border-radius: var(--fi-border-radius-sm) !important;
    font-weight: bold;
    transition: 0.4s ease-in-out;
    text-decoration: none;
  }
  .cc-btn:hover {
    background: var(--fi-link-hover-color) !important;
  }
  .cc-link {
    color: var(--fi-link-color) !important;
    text-decoration: none;
  }


/* remove border in navbar */
  @media (max-width: 991.98px) {
    .nav-link.nav-link-navbar{
      border: 0px !important;
    }
  }

  .width-auto{
    width: auto !important;
  }

  /* search.html */

  .search-border-left{
    border-left: 1px solid #ccc;
  }
  .search-border-right{
    border-right: 1px solid #ccc;
  }

  @media (max-width: 768px) {
    .search-border-left,
    .search-border-right {
      border-left: none !important;
      border-right: none !important;
    }
    #filters-sidebar{
        display: none;
    }
  }
  
    /* -----------------------SUNRISE ESTATE------------------------*/

    /* navbar */

    .navbar-nav{
        align-items: center;
    }

    .header2 .navbar-expand-lg .navbar-nav .nav-item:first-child .nav-link {
        border-left: none;
    }

    .header2 .navbar-expand-lg .navbar-nav .nav-item .nav-link {
        font-weight: 500;
        white-space: nowrap;
    }

    .header2 .navbar-expand-lg .navbar-nav .nav-item .nav-link:hover {
        color: var(--fi-primary) !important;
    }

    .header2 .navbar-expand-lg .navbar-nav .nav-item .nav-link:hover {
        color: var(--fi-primary) !important;
    }

    .dropdown-menu img{
        border-radius: var(--fi-border-radius-sm);
    }

    .header-phone{
        width: 40px;
        height: 40px;
        border-radius: 50%;
    }

    .circle-outline-btn {
        border: 1px solid rgba(var(--fi-white-transparent-20-rgb));
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        font-size: 14px;
    }
    
    #navbarNav .navbar-nav .nav-item:hover{
        transition: all 0.4s ease-in-out;
    }
    
    .circle-outline-btn:hover,
    .circle-outline-btn.show{
        color: var(--fi-white);
        border-color: var(--fi-primary);
        background: var(--fi-primary);
    }
        
    .circle-outline-btn span{
        font-size: 18px;
    }

    .dropdown-menu .dropdown-item{
        color: var(--fi-white);
    }

    .dropdown-menu ul li .dropdown-item:hover{
        color: var(--fi-primary);
    }

    .dropdown-menu .dropdown-item:hover {
        color: var(--fi-primary);
    }
    
    .flag-wrapper{
        border-radius: var(--fi-border-radius-sm);
        border: 1px solid rgba(var(--fi-white-transparent-20-rgb));
        padding: 0.425rem 1rem;
    }

    .flag:hover,
    .dropdown-menu .dropdown-item:hover .flag{
        border-color: var(--fi-primary);
    }


    .social-icons {
        z-index: 100;
        position: fixed;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .social-icons .line {
        width: 1px;
        height: calc(100% - 50px);
        background: rgba(178, 178, 178, 0.43);
        position: absolute;
        top: 10px;
        left: 50%;
        transform: translateX(-50%);
        z-index: -1;
      }

    .floating-social-icon {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        border: 1px solid rgba(129 129 129 / 50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background: #d5d5d5;
        color: var(--fi-dark);
        font-size: 18px;
        text-decoration: none;
        margin: 5px 0;
        transition: all 0.4s ease-in-out;
    }

    .floating-social-icon:hover {
        border-color: var(--fi-primary);
        background: var(--fi-primary);
        color: var(--fi-white);
    }
    
    .line {
        width: 0.1px;
        height: calc(100% - 50px);
        background: rgba(178, 178, 178, 0.43);
        position: absolute;
        left: 50%;
        top: 10px;
        transform: translateX(-50%);
        z-index: -1;
    }
    
    .fixed-header-clone {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1050;
        background: rgba(0, 0, 0, 0.9);
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    
    @media (max-width: 768px) {
        
        .header2 .navbar-expand-lg .navbar-nav .nav-item .nav-link{
            padding: 0.6875rem 0.275rem;
            text-transform: uppercase;
        }

        .header2 .navbar-expand-lg .navbar-nav .nav-item:hover {
            border-color: var(--fi-primary);
            background: var(--fi-primary);
        }

        .header2 .navbar-expand-lg .navbar-nav .nav-item:hover .nav-link {
            color: var(--fi-white) !important;
        }

        .nav-item{
            width: 100%;
        }
        .dropdown-menu.width-auto.show li a.dropdown-item{
            color: var(--fi-white);
        }

        .circle-outline-btn span{
            font-size: 20px;
        }
        
        .circle-outline-btn{
            font-size: 14px;
        }

    }
    
    @media (min-width: 768.1px) and (max-width: 1024px) {
        .header2 .navbar-expand-lg .navbar-nav .nav-item .nav-link{
            font-size: 12px;
        }
        .circle-outline-btn{
            font-size: 12px;
        }
    }

    @media (max-width: 992px) {
        .floating-social-icon{
            background: none;
            color: var(--fi-white);
        }
    }

    /* Stylish estate box grid */

    .estate-box {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        overflow: hidden; 
        text-decoration: none; 
        color: inherit;
        cursor: pointer;
    }

    .estate-box::after {
        content: "";
        position: absolute;
        top: 0; 
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to top, rgba(0,0,0,0.5), transparent);
        opacity: 1;
        transition: opacity 0.4s ease-in-out;
        z-index: 1; 
        pointer-events: none;
    }
    .estate-box:hover::after {
        opacity: 0;
    }

    .estate-img {
        position: absolute;
        top: 0; 
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: grayscale(100%);
        transform: scale(1);
        transition: transform 0.4s ease-in-out, filter 0.4s ease-in-out;
        z-index: 0;
    }
    .estate-box:hover .estate-img {
        filter: grayscale(0);
        transform: scale(1.2);
    }

    .site-wide-estate-box .estate-img{
        filter: grayscale(0);
    } 

    .estate-info {
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 0px 23px 9px;;
        color: var(--fi-white);
        z-index: 2;
        transition: opacity 0.4s ease-in-out;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .estate-info-default {
        opacity: 1;
    }

    .estate-hover {
        position: absolute;
        top: 0; 
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;          
        pointer-events: none;
        transition: opacity 0.4s ease-in-out;
        z-index: 3;
    }
    .estate-box:hover .estate-hover {
        opacity: 1;
        pointer-events: auto;
    }
    .estate-hover .estate-img {
        position: absolute;
        top: 0; left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: none;
        transform: none;
        z-index: 0;
    }
    .estate-hover .estate-info {
        z-index: 2;
    }
    .estate-box:hover .estate-info-default {
        opacity: 0;
    }

    .estate-price {
        display: block;
        font-size: 1.3rem;
        font-weight: 600;
        white-space: nowrap;
    }
    .estate-address {
        display: block;
        font-size: 1rem;
        font-weight: 400;
    }
    .estate-view-details {
        display: inline-block;
        background: var(--fi-dark);
        color: var(--fi-white);
        text-transform: uppercase;
        border: none;
    }

    .estate-box {
        border: 1px solid var(--fi-white);
    }
    .top-left {
        border: none !important;
    }
    .bottom-right {
        border: none !important;
    }

    .top-left       {height: 340px;}
    .middle-left    { min-height: 232px; }
    .top-center     { min-height: 284px; }
    .top-right      { min-height: 320px; margin-top: -35px; }
    .middle-center,
    .middle-right   { min-height: 322px; }
    .bottom-left,
    .bottom-center  { min-height: 292px; }

    @media (max-width: 992px) {
        .top-right {
        margin-top: 0 !important; 
        }
        .top-left,    
        .middle-left,   
        .top-center,     
        .top-right,     
        .middle-center,
        .middle-right,  
        .bottom-left,
        .bottom-center{
            height: 340px;
        } 
    }

    .estate-info-hover{
        position: absolute;
        bottom: 0;
        right: 0;
        color: var(--fi-dark);
        z-index: 2;
        transition: opacity 0.4s ease-in-out;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: rgb(255 255 255 / 90%);
    }

    .estate-view-details{
        padding: 1.5rem!important;
        font-size: 12px;
        letter-spacing: 1.5px;
    }
    .estate-info-hover .estate-address,
    .estate-info-hover .estate-type{
        padding: 0rem 1rem !important;
        font-size: 15px;
        letter-spacing: 1.5px;
    }

    .stylish-outline-button {
        display: inline-block;
        padding: 18px 30px; 
        font-size: 0.75rem;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 2px;
        color: var(--fi-dark);
        border: 1px solid var(--fi-gray);
        background: transparent;
        position: relative;
        text-decoration: none;
        transition: all 0.4s ease-in-out;
        overflow: visible; /* add this */
    }

    .stylish-outline-button::after {
        content: '';
        position: absolute;
        top: 50%;
        left: -19px;
        width: 38px;
        height: 0.1px;
        background: var(--fi-gray);
        transform: translateY(-50%);
        transition: all 0.4s ease-in-out;
    }

    .stylish-outline-button:hover {
        background: var(--fi-black);
        color: var(--fi-light);
        border-color: var(--fi-black);
    }
    
    .featured-wrapper {
        position: relative; 
    }

    .featured-title {
        position: relative; 
        font-size: 103px;
        display: inline-block;
        line-height: 1;
        text-transform: uppercase;
    }
    .featured-number,
    .featured-title{
        font-family: "Sofia Sans Extra Condensed", sans-serif !important;
        font-weight: 700;
    }

    .featured-handwritten {
        position: absolute;
        top: 28%;
        font-family: "Comforter", cursive;
        font-size: 70px;
        color: var(--fi-primary);
        white-space: nowrap;
        right: 10%;
    }
    .title-line {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 4px;
        background: #d7d7d7;
    }

    .title-line.extend-left {
        bottom: 153px;
        left: -103%;
        width: calc(142% - 15px);
    }

    .featured-number{
        font-size: 20px;
    }

    .featured-number:after {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 38px;
        height: 5px;
        background: #e51937;
        margin-left: 11px;
        margin-top: -1px;
    }

    .stylish-solid-button {
        display: inline-block;
        padding: 24px 36px; 
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 2px;
        color: var(--fi-white);
        background: var(--fi-dark);
        position: relative;
        text-decoration: none;
        transition: all 0.4s ease-in-out;
    }

    .stylish-solid-button::after {
        content: '';
        position: absolute;
        top: 50%;
        left: -19px;
        width: 38px;
        height: 0.1px;
        background: var(--fi-gray);
        transform: translateY(-50%);
        transition: all 0.4s ease-in-out;
    }

    .stylish-solid-button:hover {
        background: var(--fi-primary);
        color: var(--fi-white);
    }

    .size-icon{
        font-size: 18px;
        line-height: normal;
    }
    .estate-info-above-price{
        font-size: 14px;
    }
    .estate-info-above-price{
        border-bottom: 1px solid rgba(var(--fi-white-transparent-50-rgb));

    }
    .estate-info.estate-info-default .estate-type,
    .estate-info.estate-info-default .estate-address{
        text-align: end;
    }
    .estate-size{
        white-space: nowrap;
    }
    @media (max-width: 768px) {
        .equal-height-mobile {
            display: flex;
            flex-wrap: wrap;
            align-items: stretch;
        }
        
        .equal-height-mobile > div {
            display: flex;
            flex-direction: column;
        }
        
        .estate-box {
            flex-grow: 1;
            display: flex;
            flex-direction: column;
        }
    }
      

    @media (min-width: 992px) and (max-width: 1200px) {
        .featured-title {
            font-size: 80px;
        }
        
        .featured-handwritten {
            font-size: 53px;
        }
    }

    @media (max-width: 991px) {
        .featured-number {
            margin-right: 320px;
        }
        
        .featured-handwritten {
            right: 0%;
        }
    }

    @media (min-width: 768px) and (max-width: 991.98px) {
        .title-line {
            display: block;
            height: 4px;
            background-color: #d7d7d7;
            position: relative;
            width: 140px !important;
            margin-left: 140px;
            margin-top: -10px;
            top: 0 !important;
            left: 0 !important;
        }
        .featured-text {
            display: flex;
            flex-direction: column;
            align-items: center;
          }
          
    }

    /* Контакти */
    
    .contact-us-wrapper,
    .contact-us-wrapper .featured-text{
      position: relative;
    }
  
    .contact-us-left {
      background-color: #fff;
    }
  
    .contact-us-right {
      background-color: var(--fi-dark);
      text-align: center;
      margin-left: -50px;
    }
  
    .contact-us-title-line.extend-left {
      display: block;
      height: 4px;
      background-color: #d7d7d7;
      position: absolute;
      left: -140%;
      width: calc(142% - 15px);
      top: 6%;
    }
    
    .contact-us-wrapper .featured-text .featured-handwritten{
        top: 40% !important;
        left: 45% !important;
    }

    .contact-us-icons a{
        background: none;
        color: var(--fi-white);
    }

    #sendformid label.form-label,
    .sHolderTitle {
        display: inline-block;
        font-weight: 500;
    }
    .sHolderTitle{
        color: var(--fi-white);
    }
    
    #sendformid .form-control,
    #sendformid .form-select,
    #sendformid textarea{
        border: 0;
        border-radius: 0;
        border-bottom: 2px solid rgba(102, 102, 102, 0.3);
        padding-left: 0;
        padding-right: 0;
        background: transparent;
        box-shadow: none;
    }

    .search_box_form .form-control,
    .search_box_form .form-select,
    .search_box_form textarea,
    .stylish_button_border{
        border: 0;
        border-radius: 0;
        border-bottom: 2px solid rgba(151, 151, 151, 0.6);
        background: transparent;
        box-shadow: none;
        transition: color 0.4s ease, border-color 0.4s ease;
    }
    
    .stylish_button_border::after{
        color: rgba(151, 151, 151, 0.6);
        transition: color 0.4s ease;
    }
    
    .stylish_button_border:hover,
    .stylish_button_border:hover::after,
    #in-price-from:hover,
    #in-price-to:hover{
        color: var(--fi-primary);
        border-bottom-color: var(--fi-primary);
        background-color: transparent;
    }
    .stylish_button_border:active,
    .stylish_button_border:focus-visible,
    .stylish_button_border.show,
    #in-price-from:active,
    #in-price-to:active,
    #in-price-from:focus-visible,
    #in-price-to:focus-visible{
        background-color: transparent!important;
        border-bottom-color: var(--fi-primary)!important;
    }

    .search_box_form .dropdown-menu{
        --fi-dropdown-bg: var(--fi-white);
    }

    .search_box_form .dropdown-label,
    #in-price-from::placeholder,
    #in-price-to::placeholder{
        color: var(--fi-white);
    }

    .search_box_form .dropdown-menu .dropdown-item{
        color: var(--fi-dropdown-link-color);
    }

    .search_box_form::after {
        content: '';
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(27, 27, 27, 0.9);
    }
    

    .search_box_form .dropdown-menu .dropdown-item:hover{
        cursor: pointer;
        color: var(--fi-link-hover-color);
    }


    @media (min-width: 992px) {
        .contact-us-left {
          padding: 4.25rem 8.125rem 4.4375rem 2.8125rem;
        }
      }
  
    @media (max-width: 991px) {
      .contact-us-title {
        font-size: 55px;
      }
  
      .contact-us-title b {
        font-size: 1.2em;
      }
  
      .contact-us-title-line.extend-left {
        display: none;
      }
      .contact-us-right{
        margin-left: 0px;
      }
    }
  
    @media (max-width: 576px) {
      .contact-us-title {
        font-size: 42px;
      }
  
      .contact-us-title b {
        font-size: 1.1em;
      }
  
      .contact-us-title-line.extend-left {
        margin-left: 120px;
        width: 120px !important;
      }
    }

    /* Услуги */
    .view-services-wrapper{
        position: relative;
    }

    .services-title-line{
        bottom: 0;
        top: 17%;
        left: -132% !important;
    }

    .services-title {
        position: relative; 
        font-size: 103px;
        display: inline-block;
        line-height: 1;
        text-transform: uppercase;
        font-family: "Sofia Sans Extra Condensed", sans-serif !important;
        font-weight: 700;
    }

    .services-handwritten {
        position: absolute;
        top: 10%;
        left: 10%;
        font-family: "Comforter", cursive;
        font-size: 70px;
        color: var(--fi-primary);
        white-space: nowrap;
    }

    
    @media (max-width: 991.98px) {
        .services-handwritten {
          white-space: normal;
          line-height: 0.7;
        }
      
        .services-title-line {
          display: none !important;
        }
        .view_services_text{
            padding-top: 5rem !important;
        }
    }
    .services-tabs-wrapper {
        position: relative;
    }
    
    .services-tabs-wrapper::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #ddd;
        z-index: 0;
    }
    
    .services-tab-item {
        position: relative;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 1rem;
        color: #666;
        text-decoration: none;
        padding: 1.5rem 0;
        display: flex;
        align-items: flex-end;
        align-content: center;
        min-height: 60px;
        z-index: 1;
        transition: color 0.4s ease-in-out;
    }
    
    .services-tab-item::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0%;
        height: 1px;
        background-color: var(--fi-primary);
        transition: width 0.4s ease-in-out;
        z-index: 2;
    }
    
    .services-tab-item:hover,
    .services-tab-item.active {
        color: var(--fi-primary);
    }
    
    .services-tab-item:hover::after,
    .services-tab-item.active::after {
        width: 100%;
    }

    .services-tab-item{
    }

    @media (max-width: 767.98px) {
        .services-tabs-wrapper::after {
          display: none;
        }
      
        .services-tabs-container > .col-12::after {
          content: "";
          display: block;
          width: 100%;
          height: 1px;
          background-color: #ddd;
          margin-top: -1px;
        }
        .services-tab-item{
            padding: 0.5rem 0;
        }
    }
    
    
    /* view_page */
    .view-page-title-line{
        left: -135%!important;
        top: 14%!important;
    }

    .view-page-handwritten {
        text-transform: lowercase;
    }
    
    .view-page-handwritten::first-letter {
        text-transform: uppercase;
    }
    
    .view-page-title {
        position: relative; 
        font-size: 103px;
        display: inline-block;
        line-height: 1;
        text-transform: uppercase;
        font-family: "Sofia Sans Extra Condensed", sans-serif !important;
        font-weight: 700;
    }

    .view-page-handwritten {
        position: absolute;
        top: 8%;
        left: 8%;
        font-family: "Comforter", cursive;
        font-size: 70px;
        color: var(--fi-primary);
        white-space: nowrap;
    }

    .view_page_text{
        padding-top: 5rem;
    }

    @media (max-width: 991.98px) {
        .view-page-title-line {
          display: none !important;
        }
    }

    

    /* News */
     .view-news-title-line{
        left: -125%!important;
        top: 17%!important;
      }

      .view-news-handwritten {
        text-transform: lowercase;
      }
      
      .view-news-handwritten::first-letter {
        text-transform: uppercase;
      }
      
      .view-news-title {
        position: relative; 
        font-size: 103px;
        display: inline-block;
        line-height: 1;
        text-transform: uppercase;
        font-family: "Sofia Sans Extra Condensed", sans-serif !important;
        font-weight: 700;
      }

    .view-news-handwritten {
        position: absolute;
        top: 10%;
        left: 20%;
        font-family: "Comforter", cursive;
        font-size: 70px;
        color: var(--fi-primary);
        white-space: nowrap;
    }

    @media (max-width: 991.98px) {
        .view-news-title-line {
          display: none !important;
        }

    }

    @media (max-width: 767.98px) {
        .view-news-handwritten {
            top: 5%;
            left: 50%;
        }
    }
  
    @media (min-width: 768px) and (max-width: 991.98px) {
        .view-news-handwritten {
            top: 10%;
            left: 40%;
        }
    }

    /* news box */
    .news-article {
        position: relative;
        transition: transform 0.4s ease, box-shadow 0.4s ease;
      }
      
      .news-image-wrapper {
        position: relative;
        overflow: hidden;
      }
      
      .news-img {
        display: block;
        width: 100%;
        height: auto;
        object-fit: cover;
        transition: transform 0.4s ease;
      }
      
        .news-article:hover .news-img {
            transform: scale(1.05);
            transition: transform 0.4s ease;
        }

        .news-article:hover .news-overlay {
            width: 100%;
        }
      .news-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 55%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        color: var(--fi-white);
        padding: 1rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        transition: width 0.8s ease;
      }
      
      .news-overlay-title {
        font-family: 'Sofia Sans Extra Condensed', sans-serif;
        font-weight: 800;
        font-size: 1.9rem;
        margin-bottom: 0.5rem;
        color: var(--fi-white);
      }
      
      .news-text,
      .news-overlay-date {
        margin: 0;
        color: #fff;
        line-height: 1.4;
      }
      
      .news-overlay-date {
        margin-top: 0.5rem;
        font-size: 0.875rem;
        display: flex;
        align-items: center;
        color: #fff;
        gap: 0.5rem;
        white-space: nowrap;
      }
      
      .news-overlay-date::after {
        content: "";
        flex-grow: 1;
        height: 1px;
        background-color: var(--fi-white);
        opacity: 0.6;
      }

      .search_box_title::after {
        content: "";
        flex-grow: 1;
        height: 4px;
        background-color: var(--fi-white);
        opacity: 0.6;
        z-index: 1;
      }

      @media (max-width: 768px) {
        .news-overlay {
          width: 100%;
          height: 55%;
          bottom: 0;
          top: auto;
        }
      
        .news-overlay-title {
          font-size: 1.5rem;
        }
      }

      @media (min-width: 992px) and (max-width: 1199.98px) {
        .news-overlay-title {
          font-size: 1.6rem;
        }
      
        .news-text {
          font-size: 0.8rem;
        }
      }
      
      .rounded-3,
      .rounded-2,
      .rounded-1,
      .rounded,
      .navbar-nav .nav-item,
      .navbar-expand-lg .dropdown-menu,
      .card,
      .dropdown-menu,
      .search_box_form{
        border-radius: 0px !important;
      }
      .search_box_form{
        border: none;
      }

      .estate-status {
        border-right: 1px solid rgba(var(--fi-white-transparent-50-rgb));
        padding-right: 0.50rem;
        margin-right: 0.50rem;
        line-height: 1;
        display: flex;
        align-items: center;
        height: 50%;
      }

      /* view_ad */
      .property-img-container{
        height: 80vh;
      }

      @media (max-width: 767.98px) {
        .property-img-container {
          height: 100%;
        }
      }

      .gallery-img:nth-child(2n + 1) {
        border-left: none !important;
      }

      .property-img{
        object-fit: cover;
      }

      .gallery-item.more-item,
      .gallery-item.more-item img{
        height: 100%;
      }

      swiper-container::part(wrapper) {
        transition-timing-function: ease-in-out;
      }

      .floating-container{
        position: relative;
        margin-top: -10vh;
        z-index: 1;
      }
      .floating-col{
        margin-top: -3vh;
      }

      .ad-title{
        font-family: "Sofia Sans Extra Condensed", sans-serif;
        font-weight: 700;
      }

        .ad-text {
            column-count: 2;
            column-gap: 2rem;
        }

        .ad-text p {
            text-align: justify;
            font-weight: 300;
            margin: 0 0 0.25rem;
        }

        .ad-text p:first-of-type::first-letter {
            float: left;
            font-size: 5rem;
            font-weight: bold;
            line-height: 0.7;
            padding-right: 0.2rem;
            padding-top: 0.6rem;
        }
      
      .ad-buttons .stylish-solid-button{
        padding: 18px 36px;
      }

      .ad-social-text{
        text-transform: uppercase;
        font-weight: 500;
      }
      
      .ad-social-text::after{
        content: "";
        flex-grow: 1;
        height: 4px;
        background-color: var(--fi-gray);
        opacity: 0.6;
      }

      .floating-box-right {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        background: var(--fi-white);
        max-width: 400px;
        z-index: 10;
      }
      
      .font-sofia{
        font-family: "Sofia Sans Extra Condensed", sans-serif;
      }

      .floating-box-title{
        font-weight: 500;
        line-height: 1;
      }

      .floating-box-subtitle{
        font-weight: 300;
        line-height: 1;
      }

      @media (max-width: 991.98px) {
        .floating-container {
          margin-top: 0;
        }
      
        .floating-col {
          margin-top: 0;
        }
        .ad-text p{
            column-count: 1;
        }
        .floating-box-right {
            position: unset;
            transform: none;
            max-width: 100%;
          }
        .property-slider {
            background-color: var(--fi-white);
        }

        .view_ad_icons  .floating-social-icon{
            background: none;
            color: var(--fi-dark);
        }
    }

    /* fancy text */
    .fancy-text-wrapper{
        position: relative;
    }

    .fancy-text-title-line{
        position: absolute;
        height: 4px;
        background: #d7d7d7;
        width: calc(142% - 15px);
        bottom: 24%;
        left: -120%;
    }

    .fancy-text-title {
        position: relative; 
        font-size: 103px;
        display: inline-block;
        line-height: 1;
        text-transform: uppercase;
        font-family: "Sofia Sans Extra Condensed", sans-serif !important;
        font-weight: 700;
        left: 10%
    }

    .fancy-text-handwritten {
        position: absolute;
        bottom: 3%;
        font-family: "Comforter", cursive;
        font-size: 70px;
        color: var(--fi-primary);
        white-space: nowrap;
    }

    .fancy-text-featured-wrapper .stylish-outline-button {
        position: absolute;
        top: 40%;
        right: 0;
        transform: none;
    }
    .fancy-text-featured-wrapper {
        position: relative;  
        overflow: visible;   
        padding-top: 4rem;   
        padding-bottom: 4rem;
      }
    
    @media (max-width: 767.98px) {
        .fancy-text-title{
            left: 0;
        }
        .fancy-text-handwritten {
          white-space: normal;
          right: 0;
        }
      
        .fancy-text_text{
            padding-top: 5rem !important;
        }
        .fancy-text-title-line{
            left: -90%!important;
        }

        .fancy-text-featured-wrapper{
            margin-bottom: 4rem;
        } 
        .fancy-text-featured-wrapper .stylish-outline-button{
            top: unset;
            right: unset;
            bottom: -25%;
            left: 33%;
            display: block;
        }

    }
    @media (min-width: 768px) and (max-width: 991.98px) {
        .fancy-text-title-line {
            width: 30%;
            left: 6%;
        }
    }
      
    .property-slider{
        background-color: #f5f5f5;
    }      
    .fancy-text-background{
        background-color: #f5f5f5;
    }

    .featured-wrapper.city-box{
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .title-line-centered{
        display: block;
        height: 4px;
        background-color: #d7d7d7;
        position: relative;
        width: 140px !important;
        margin-left: 15px;
        margin-top: -10px;
        top: 0 !important;
        left: 0 !important;
    }
    .featured-handwritten-centered{
        top: unset;
        bottom: 10%;
    }

    /* achievements */
    .achievement__counter {
        font-size: calc(1em + 5rem);
    }
    .achievement {
        border-left: 1px solid rgba(var(--fi-white-transparent-50-rgb));
        transition: border-color 400ms ease-in-out;
    }
    
    .achievement:nth-child(2) { 
        border-left: none;
    }
    
    .achievement:nth-child(5) {
        border-right: none;
    }
    @media (max-width: 767.98px) {
        .achievement {
            border: none !important;
        }
    }
      
      
    .search-box-btn{
        padding: 8px 16px !important;
    }

    /* youtube video view_ad */
    .video-item,
    .video-item img{
        height: 100%;
        width: 100%;
    }

    .video-item img{
        object-fit: cover;
    }
      
    .jarallax.card{
        padding-top: 6rem!important;
        padding-bottom: 6rem!important;
    }
    #st-1 .st-btn img {
        filter: brightness(0); 
        transition: all 0.4s ease-in-out;
    }
    
    #st-1 .st-btn:hover img {
        filter: none;
    }

    .footer-icons a{
        color: var(--fi-dark);
    }
    
    .fancy-text-title-line.varna{
        left: -45%;
    }

      
      @media (max-width: 991.98px) {
        .map-title {
          position: static !important;
          margin-bottom: -120px;
        }
        .multiselect-ui-wrapper{
            position: static!important;
            width: 100%;
            align-items: center !important;
            padding-top: 1rem;
            padding-bottom: 1rem;

        }
      }

    .qr_code_text{
        font-size: 18px;
    }