/* ------------------------------------------------------------------- */
/* Main #274abb
---------------------------------------------------------------------- */


#backtotop a,
#top-bar {
    background-color: #ed1c24;
}

.custom-zoom-in:hover:before,
.custom-zoom-out:hover:before,
.infoBox-close:hover {
    -webkit-text-stroke: 1px #ed1c24
}

.list-4 li:before,
.list-3 li:before,
.list-2 li:before,
.list-1 li:before {
    color: #ed1c24;
}

.numbered.color ol > li::before {
    border: 1px solid #ed1c24;
    color: #ed1c24;
}

.numbered.color.filled ol > li::before {
    border: 1px solid #ed1c24;
    background-color: #ed1c24;
}

.change-photo-btn:hover,
table.manage-table th,
mark.color {
    background-color: #ed1c24;
}



table.manage-table td.action a:hover,
table.manage-table .title-container .title h4 a:hover,
.my-account-nav li a.current,
.my-account-nav li a:hover,
#footer .social-icons li a:hover i,
#navigation.style-1 .current,
#posts-nav li a:hover,
#top-bar .social-icons li a:hover i,
.agent .social-icons li a:hover i,
.agent-contact-details li a:hover,
.agent-page .agent-name h4,
.footer-links li a:hover,
.header-style-2 .header-widget li i,
.header-widget .sign-in:hover,
.home-slider-desc .read-more i,
.info-box,
.info-box h4,
.listing-title h4 a:hover,
.map-box h4 a:hover,
.plan-price .value,
.plan.featured .listing-badges .featured,
.post-content a.read-more,
.post-content h3 a:hover,
.post-meta li a:hover,
.property-pricing,
.style-2 .trigger a:hover,
.style-2 .trigger.active a,
.style-2 .ui-accordion .ui-accordion-header-active,
.style-2 .ui-accordion .ui-accordion-header-active:hover,
.style-2 .ui-accordion .ui-accordion-header:hover,
.tabs-nav li a:hover,
.tabs-nav li.active a,
.testimonial-author h4,
.widget-button:hover,
.widget-text h5 a:hover,
a,
a.button.border,
a.button.border.white:hover {
    color: #ed1c24;
}

#header-container.top-border {
    border-top: 4px solid #ed1c24;
}

#navigation.style-1 .current {
    background-color: transparent;
    border: 1px solid  rgba(31, 34, 62, 0.9) none repeat scroll 0 0;
}

#navigation.style-1 ul li:hover {
    background-color:  rgba(31, 34, 62, 0.9) none repeat scroll 0 0;
}

#navigation.style-2 {
    background:  rgba(31, 34, 62, 0.9) none repeat scroll 0 0;
    text-transform: uppercase;
}


#navigation.style-2 li a{
  color: #fff;
}
#navigation.style-2 li:hover a {
  color: #ed1c24;
}

.menu-responsive i {
    background:  rgba(31, 34, 62, 0.9) none repeat scroll 0 0;
}

.checkboxes input[type=checkbox]:checked+label:before,
.range-slider .ui-widget-header,
.search-type label.active,
.search-type label:hover {
    background-color: #ed1c24;
}

.range-slider .ui-slider .ui-slider-handle {
    border: 2px solid #ed1c24;
}

.agent-avatar a:before {
    background: #274abb;
    background: linear-gradient(to bottom, transparent 50%, #274abb)
}

.view-profile-btn {
    background-color: #ed1c24;
}

.listing-img-container:after {
    background: #ed1c24;
}

.listing-badges .featured {
    background-color: #ed1c24;
}

.list-layout .listing-img-container:after {
    background: #ed1c24;
}

#titlebar.property-titlebar span.property-badge,
.back-to-listings:hover,
.home-slider-price,
.img-box:hover:before,
.layout-switcher a.active,
.layout-switcher a:hover,
.listing-hidden-content,
.office-address h3:after,
.pagination .current,
.pagination ul li a.current-page,
.pagination ul li a:hover,
.pagination-next-prev ul li a:hover,
.property-features.checkboxes li:before {
    background-color: #ed1c24
}

.post-img:after,
.tip {
    background: #ed1c24
}

.property-slider-nav .item.slick-current.slick-active:before {
    border-color: #ed1c24
}

.post-img:after {
    background: linear-gradient(to bottom, transparent 40%, #ed1c24)
}

.comment-by a.reply:hover,
.post-img:before {
    background-color: #ed1c24
}

.map-box .listing-img-container:after {
    background: linear-gradient(to bottom, transparent 50%, #ed1c24)
}

#geoLocation:hover,
#mapnav-buttons a:hover,
#scrollEnabling.enabled,
#scrollEnabling:hover,
#streetView:hover,
.cluster div,
.custom-zoom-in:hover,
.custom-zoom-out:hover,
.infoBox-close:hover,
.listing-carousel.owl-theme .owl-controls .owl-next:after,
.listing-carousel.owl-theme .owl-controls .owl-prev:before,
.listing-carousel.owl-theme.outer .owl-controls .owl-next:hover::after,
.listing-carousel.owl-theme.outer .owl-controls .owl-prev:hover::before,
.slick-next:after,
.slick-prev:after {
    background-color: #ed1c24
}

.cluster div:before {
    border: 7px solid #ed1c24;
    box-shadow: inset 0 0 0 4px #ed1c24
}

.mfp-arrow:hover {
    background: #ed1c24
}

.dropzone:hover {
    border: 2px dashed #ed1c24
}

.dropzone:before {
    background: linear-gradient(to bottom, rgba(255, 255, 255, .95), rgba(255, 255, 255, .9));
    background-color: #ed1c24
}

.chosen-container .chosen-results li.highlighted,
.chosen-container-multi .chosen-choices li.search-choice,
.select-options li:hover,
a.button,
a.button.border:hover,
button.button,
input[type=button],
input[type=submit] {
    background-color: #ed1c24
}

.dropzone:hover .dz-message,
.sort-by .chosen-container-single .chosen-default,
.sort-by .chosen-container-single .chosen-single div b:after {
    color: #ed1c24
}

a.button.border {
    border: 1px solid #ed1c24
}

.plan.featured .plan-price {
    background: linear-gradient(to bottom, rgba(255, 255, 255, .1) 0, transparent);
    background-color: #ed1c24
}

.trigger.active a,
.ui-accordion .ui-accordion-header-active,
.ui-accordion .ui-accordion-header-active:hover {
    background-color: #ed1c24;
    border-color: #ed1c24
}

.tabs-nav li a:hover,
.tabs-nav li.active a {
    border-color: #ed1c24
}

.style-3 .tabs-nav li a:hover,
.style-3 .tabs-nav li.active a {
    border-color: #ed1c24;
    background-color: #ed1c24
}

.style-4 .tabs-nav li.active a,
.style-5 .tabs-nav li.active a,
table.basic-table th {
    background-color: #ed1c24
}

.info-box {
    border-top: 2px solid #ed1c24;
    background: linear-gradient(to bottom, rgba(255, 255, 255, .98), rgba(255, 255, 255, .95));
    background-color: #ed1c24
}

.info-box.no-border {
    background: linear-gradient(to bottom, rgba(255, 255, 255, .96), rgba(255, 255, 255, .93));
    background-color: #ed1c24
}

.icon-box-1 .icon-container {
    background-color: #ed1c24
}

h3,h2 {
    text-transform: uppercase;
}

.search-container h2 {
  font-size: 41px;
  font-weight: 600;
  font-family: 'Raleway', sans-serif;

  /* typewriter mechanics */
  overflow: hidden;
  white-space: nowrap;
  border-right: .12em solid currentColor;

  /* 1)  text reveal           2) caret blinks 6×, then stays transparent   */
  animation:
    typing 2s steps(40) 0.1s forwards,
    caret  0.5s steps(1) 0.1s 6 forwards;   /* ← “6” = # of blinks */
}

/* reveal characters */
@keyframes typing { from { width: 0 } to { width: 40ch } }

/* blink → vanish */
/* last frame (100 %) sets the border transparent,
   and `forwards` makes that state stick */
@keyframes caret {
  0%, 49%  { border-color: currentColor; }   /* visible half-cycle   */
  50%      { border-color: transparent; }    /* invisible half-cycle */
  100%     { border-color: transparent; }    /* final state → hidden */
}

#navigation.style-2 ul a {
    font-size: 14px;
    font-weight: 500;
}

button.property-badge {
    background-color: #ed1c24;
    color: #fff;
}

#logo img {
    max-height: 80px;
}

#navigation.style-2 {
    margin-top: 15px;
}

#header-container.header-style-2 .right-side {
    margin-top: 20px;
}

.header-style-2 .header-widget li i {
    color: rgba(31, 34, 62, 0.9);
}

#email-widget {
    margin-top: 3px;
    font-size: 14px;
}

#phone-widget {
    margin-top: 3px;
    font-size: 14px;
}

#phone-widget span {
    display: inline-block;
    min-width: 105px;
}

#phone-widget a {
    padding-left: 5px;
}

.header-style-2 .header-widget li:after {
    width: 0px;
}

.advance-search-form {
    background: rgba(31, 34, 62, 0.05);
    padding: 30px;
    max-width: 100%;
}

.advance-search-form button {
  padding: 0.6em 1.4em;
  background: #ed1c24;
  color: #fff;
  font-weight: 600;
  border: none;
  cursor: pointer;

  /* the magic */
  border-radius: 9999px;       /* makes it pill-shaped */

  /* optional niceties */
  transition: background .2s ease;
}
.advance-search-form button:hover {
  background: #fe3c44;
}


/* rounded <select> */
.advance-search-form select,
.advance-search-form input {
  padding:0.45em 1em;
  border:1px solid #ccc;
  border-radius:9999px !important;           /* ← round */
  background:#fff;
  /* ensure consistent look across browsers */
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}

/* one-line SELECT (single choice) */
.advance-search-form .chosen-container-single .chosen-single{
    border-radius:9999px !important;     /* pill or use 8px for soft corners */
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
    font-size: 14px;
}

/* multi-select (list of tags) */
.advance-search-form .chosen-container-multi .chosen-choices{
    border-radius:9999px !important;
    padding: 2px;
}

/* optional: round the dropdown panel too */
.advance-search-form .chosen-container .chosen-drop{
    border-radius:12px 12px 12px 12px !important;   /* top stays square, bottom round */
}

.advance-search-form .chosen-container .chosen-results li.active-result  {
    border-radius: 12px !important;
}

.search-container .main-search-input input {
    font-size: 14px;
}

#navigation.style-2.cloned,
#header.cloned.sticky {
    transition: 0.5s;
    min-height: 70px;
}

#gdpr-popup {
    background:  rgba(31, 34, 62, 0.9) none repeat scroll 0 0;
    color: #fff;
}

body {
    opacity: 0;
    animation: fadeInPage 0.5s ease-in-out forwards;
}

@keyframes fadeInPage {
    to { opacity: 1; }
}

/* make the menu container full-width and horizontal */
.secondary-menu {
  list-style: none;      /* kill the bullets */
  margin: 50px 0;        /* add some breathing room */
  padding: 0;
  display: flex;         /* turn it into a flex row */
  flex-wrap: wrap;       /* wrap on small screens */
  width: 100%;           /* stretch the container */
  justify-content: center;;
}

/* each item sits side by side */
.secondary-menu .menu-item {
  border-radius: 9999px;
  margin-right: 1rem;    /* gap between items */
}

/* anchors fill their box and are easy to click */
.secondary-menu .menu-item a {
  border-radius: 9999px;
  display: block;        
  padding: 1rem 1.5rem; 
  font-size: 19px;       
  text-decoration: none; 
  color: #333;           
  transition: background-color 0.3s, color 0.3s;
}

/* hover state */
.secondary-menu .menu-item a:hover {
  background-color: #fe3c44;
  color: #fff;
}

/* selected state */
.secondary-menu .menu-item.selected a {
  background-color: #fe3c44;
  color: #fff;
}

#counters {
    position: relative;
}
#counters:before,
#counters:after {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
}
#counters:before {
    background: #fe3c44 none repeat scroll 0 0;
    left: 0;
    margin-left: -150px;
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);
    width: 31%;
}
#counters:after {
    background: rgba(31, 34, 62, 0.8) none repeat scroll 0 0;
    height: 100%;
    right: 0;
    width: 100%;
    z-index: -1;
}

.call-to-bg-search {
    position: relative;
}
.call-to-bg-search:before,
.call-to-bg-search:after {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
}

.call-to-bg-search:before {
    background: #fe3c44 none repeat scroll 0 0;
    left: 0;
    margin-left: -150px;
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);
    width: 31%;
}
.call-to-bg-search:after {
    background: rgba(31, 34, 62, 0.8) none repeat scroll 0 0;
    height: 100%;
    right: 0;
    width: 100%;
    z-index: -1;
}

.more-search-options-trigger {
    position: relative;
    left: calc(100% - 150px);
    color: #333;
}

.checkboxes label {
    font-size: 15px;
    font-weight: 300;
}

.search-title {
    color: #333;
}


#footer .container {
    width: 100%;
}

/*************************
    6.1 Margin top 
*************************/
.mt-0 { margin-top: 0 }
.mt-10 { margin-top: 10px }
.mt-15 { margin-top: 15px }
.mt-20 { margin-top: 20px }
.mt-30 { margin-top: 30px }
.mt-35 { margin-top: 35px }
.mt-40 { margin-top: 40px }
.mt-50 { margin-top: 50px }
.mt-55 { margin-top: 55px }
.mt-60 { margin-top: 60px }
.mt-70 { margin-top: 70px }
.mt-75 { margin-top: 75px }
.mt-80 { margin-top: 80px }
.mt-90 { margin-top: 90px }
.mt-100 { margin-top: 100px }
.mt-110 { margin-top: 110px }
.mt-115 { margin-top: 115px }
.mt-120 { margin-top: 120px }
.mt-130 { margin-top: 130px }
.mt-140 { margin-top: 140px }
.mt-150 { margin-top: 150px }
.mt-160 { margin-top: 160px }
.mt-170 { margin-top: 170px }
.mt-180 { margin-top: 180px }
.mt-190 { margin-top: 190px }
.mt-200 { margin-top: 200px }
/*************************
    6.2 Margin right  
*************************/
.mr-0 { margin-right: 0px }
.mr-10 { margin-right: 10px }
.mr-15 { margin-right: 15px }
.mr-20 { margin-right: 20px }
.mr-30 { margin-right: 30px }
.mr-40 { margin-right: 40px }
.mr-50 { margin-right: 50px }
.mr-60 { margin-right: 60px }
.mr-70 { margin-right: 70px }
.mr-80 { margin-right: 80px }
.mr-90 { margin-right: 90px }
.mr-100 { margin-right: 100px }
.mr-110 { margin-right: 110px }
.mr-120 { margin-right: 120px }
.mr-130 { margin-right: 130px }
.mr-140 { margin-right: 140px }
.mr-150 { margin-right: 150px }
/*************************
    6.3 Margin bottom 
*************************/
.mb-0 { margin-bottom: 0 }
.mb-5 { margin-bottom: 5px }
.mb-10 { margin-bottom: 10px }
.mb-15 { margin-bottom: 15px }
.mb-20 { margin-bottom: 20px }
.mb-25 { margin-bottom: 25px }
.mb-30 { margin-bottom: 30px }
.mb-35 { margin-bottom: 35px }
.mb-40 { margin-bottom: 40px }
.mb-50 { margin-bottom: 50px }
.mb-55 { margin-bottom: 55px }
.mb-60 { margin-bottom: 60px }
.mb-70 { margin-bottom: 70px }
.mb-75 { margin-bottom: 75px }
.mb-80 { margin-bottom: 80px }
.mb-90 { margin-bottom: 90px }
.mb-100 { margin-bottom: 100px }
.mb-110 { margin-bottom: 110px }
.mb-115 { margin-bottom: 115px }
.mb-120 { margin-bottom: 120px }
.mb-130 { margin-bottom: 130px }
.mb-140 { margin-bottom: 140px }
.mb-150 { margin-bottom: 150px }
.mb-160 { margin-bottom: 160px }
.mb-170 { margin-bottom: 170px }
.mb-180 { margin-bottom: 180px }
.mb-190 { margin-bottom: 190px }
.mb-200 { margin-bottom: 200px }
/*************************
    6.4 Margin left 
*************************/
.ml-0 { margin-left: 0 }
.ml-10 { margin-left: 10px }
.ml-15 { margin-left: 15px }
.ml-20 { margin-left: 20px }
.ml-30 { margin-left: 30px }
.ml-40 { margin-left: 40px }
.ml-50 { margin-left: 50px }
.ml-60 { margin-left: 60px }
.ml-70 { margin-left: 70px }
.ml-80 { margin-left: 80px }
.ml-90 { margin-left: 90px }
.ml-100 { margin-left: 100px }
.ml-110 { margin-left: 110px }
.ml-120 { margin-left: 120px }
.ml-130 { margin-left: 130px }
.ml-140 { margin-left: 140px }
.ml-150 { margin-left: 150px }


.pt-0 { padding-top: 0 }
.pt-10 { padding-top: 10px }
.pt-15 { padding-top: 15px }
.pt-20 { padding-top: 20px }
.pt-30 { padding-top: 30px }
.pt-40 { padding-top: 40px }
.pt-50 { padding-top: 50px }
.pt-55 { padding-top: 55px }
.pt-60 { padding-top: 60px }
.pt-70 { padding-top: 70px }
.pt-75 { padding-top: 75px }
.pt-80 { padding-top: 80px }
.pt-90 { padding-top: 90px }
.pt-100 { padding-top: 100px }
.pt-110 { padding-top: 110px }
.pt-115 { padding-top: 115px }
.pt-120 { padding-top: 120px }
.pt-130 { padding-top: 130px }
.pt-140 { padding-top: 140px }
.pt-150 { padding-top: 150px }
.pt-160 { padding-top: 160px }
.pt-170 { padding-top: 170px }
.pt-180 { padding-top: 180px }
.pt-190 { padding-top: 190px }
.pt-200 { padding-top: 200px }


.ptb-0 { padding: 0 }
.ptb-10 { padding: 10px 0 }
.ptb-20 { padding: 20px 0 }
.ptb-30 { padding: 30px 0 }
.ptb-40 { padding: 40px 0 }
.ptb-50 { padding: 50px 0 }
.ptb-55 { padding: 55px 0 }
.ptb-60 { padding: 60px 0 }
.ptb-70 { padding: 70px 0 }
.ptb-75 { padding: 75px 0 }
.ptb-80 { padding: 80px 0 }
.ptb-90 { padding: 90px 0 }
.ptb-100 { padding: 100px 0 }
.ptb-110 { padding: 110px 0 }
.ptb-115 { padding: 115px 0 }
.ptb-120 { padding: 120px 0 }
.ptb-130 { padding: 130px 0 }
.ptb-140 { padding: 140px 0 }
.ptb-150 { padding: 150px 0 }
.ptb-160 { padding: 160px 0 }
.ptb-170 { padding: 170px 0 }
.ptb-180 { padding: 180px 0 }
.ptb-190 { padding: 190px 0 }
.ptb-200 { padding: 200px 0 }

.plr-140 {
  padding-left: 7%;
  padding-right: 7%;
}

.bg-1 {background: url(../../images/bg/1.jpg);}
.bg-2 { background: url(../../images/bg/2.jpg);}
.bg-3 { background: url(../../images/bg/3.jpg);}
.bg-4 { background: url(../../images/bg/4.jpg);}
.bg-5 { background: url(../../images/bg/5.jpg);}
.bg-6 { background: url(../../images/bg/6.jpg);}
.bg-7 { background: url(../../images/bg/7.jpg);}
.bg-8 { background: url(../../images/bg/8.jpg);}
.bg-9 { background: url(../../images/bg/9.jpg);}
.bg-10 { background: url(../../images/bg/10.jpg);}


.bg-1, .bg-2, .bg-3, .bg-4, .bg-5, .bg-6, .bg-7, .bg-8, .bg-9, .bg-10{
  background-attachment: fixed; 
  background-clip: initial; 
  background-color: rgba(0, 0, 0, 0);
  background-origin: initial; background-position: center center; 
  background-repeat: no-repeat;
  background-size: cover;
  position: relative; 
  z-index: 0;
}


section.fullwidth {
    background-color: #fff;
}

#counters {

    padding: 30px 30px 30px 30px;
    max-height: 210px;
}

/* -----------------------------------
  9. booking-area
----------------------------------- */
.booking-area .section-title {
    margin-top: 15px;
}
.booking-content {
    margin: auto;
    width: calc(100% - 80px);
}
.book-house {
    float: left;
    width: 80%;
}
.book-house h2 {
    font-size: 30px;
    margin-bottom: 0;
}
.book-house h2 + h2 {
    margin-top: 20px;
}
.booking-image {
    float: left;
    margin-top: -100px;
    width: 20%;
}
.booking-image img {} .booking-image {
    margin-top: -100px;
}


/* -----------------------------------
  8. call-to-action-area
----------------------------------- */

.call-to-bg {
    position: relative;
}
.call-to-bg:before,
.call-to-bg:after {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
}
.call-to-bg:before {
    background: #fe3c44 none repeat scroll 0 0;
    left: 0;
    margin-left: -100px;
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);
    width: 31%;
}
.call-to-bg:after {
    background: rgba(31, 34, 62, 0.8) none repeat scroll 0 0;
    height: 100%;
    right: 0;
    width: 100%;
    z-index: -1;
}

/*************************
  10. Text color
*************************/
.text-theme { color: #fe3c44; }
.text-black { color: #575757; }
.text-white { color: #fff; }
.text-gray { color: #666; }
.text-blue { color: #4FC1F0; }

.text-white h1,
.text-white h2,
.text-white h3 {
  color: #ffffff;
}

.section-title {}
.section-title h1,
.section-title h2,
.section-title h3 {
  margin-bottom: 0;
}
.section-title h3 {
  font-weight: 600;
}
.section-title p {
    margin-bottom: 0px;
    font-size: 14px;
}

#booking-main .container {
    width: 100%;
}

.subscribe-area {
    background: rgba(31, 34, 62, 0.8) none repeat scroll 0 0;
}

/* SERVICES AREA: grid container */
.service-carousel {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 30px;          /* spacing between cards */
  margin-bottom: 60px; /* if you still want space below the whole block */
  list-style: none;    /* reset any Bootstrap row styles */
  padding: 0;
}

/* SERVICES AREA: each card */
.service-item {
    padding-top: 20px;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  transition: box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
  /* margin-bottom removed — grid gap covers it */
}

/* IMAGE fills the top of the card */
.service-item-image img {
  display: block;
  width: 100%;
  height: auto;
}

/* INFO block at the bottom */
.service-item-info {
  background: #f5f5f5;
  padding: 20px;
  flex: 1;
  color: #606060;
  font-size: 14px;
}

/* Hover effect */
.service-item:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* Optional tweak: make headings a bit tighter */
.service-item-info h5 {
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 18px;
}

/* Mobile title size adjustment */
@media (max-width: 767px) {
  .service-item-info h5 {
    font-size: 1rem;
  }
}

p {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 15px;
}

.pb-60 {
    padding-bottom: 60px;
}

.section-title-2 h2 {
    margin-bottom: 20px;
}


/* -----------------------------------
  18. Subscribe area
----------------------------------- */

.subscribe {
    margin: 15px auto 0;
    position: relative;
    width: calc(100% - 90px);
}
.subscribe input {
    float: left;
    margin-bottom: 0;
    width: 80%;
}
.subscribe button {
    background: #fe3c44 none repeat scroll 0 0;
    height: 40px;
    margin: 0 0 0 -4px;
    padding: 0 35px;
    color: #fff;
    text-transform: uppercase;
}
/*button*/

.button-1 {
    background: #fe3c44 none repeat scroll 0 0;
    border: 1px solid #fe3c44;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    padding: 5px 18px;
    text-align: center;
}

.button-1:focus {
    color: #fff;
}
.btn-hover-1:hover {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
}

.subscribe {
    color: #fff;
}

.subscribe-row {
  display: flex;
  gap: 10px;
}

.subscribe input[type="text"],
.subscribe a.button {
  padding: 10px 16px;
  font-size: 16px;
  line-height: 1.5;
  box-sizing: border-box;
  height: 100%;
}

.subscribe input[type="text"] {
  flex: 1; /* makes it grow to fill space */
}

.subscribe a.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  text-decoration: none;
  color: #fff;
  border-radius: 9999px;
}

.gdpr-row label {
    margin-top: 10px;
  display: flex;
  align-items: center;
  gap: 8px; /* space between checkbox and text */
  font-size: 12px;
  line-height: 1.4;
}

.gdpr-row input[type="checkbox"] {
  margin: 0;
  padding: 0;
  appearance: auto; /* reset any custom styling if used */
  width: 16px;
  height: 16px;
}

/*************************************
  11. Background variation set 
 **************************************/
/*colored background*/
.bg-gray{ background: #f5f5f5; }
.bg-blue{ background: #1f223e; }

.bg-theme { background: #fe3c44; }
.bg-black { background: #222222; }
.bg-white { background: #fff; }
/* .bg-default { background: #f6f6f6; } */
.bg-transparent { background: transparent; }


/*************************************
  12. Opacity background
 **************************************/
 .bg-opacity-black-10, .bg-opacity-black-20, .bg-opacity-black-30, .bg-opacity-black-40, .bg-opacity-black-50, .bg-opacity-black-60, .bg-opacity-black-70, .bg-opacity-black-80, .bg-opacity-b
lack-90, .bg-opacity-white-10, .bg-opacity-white-20, .bg-opacity-white-30,  .bg-opacity-white-40, .bg-opacity-white-50, .bg-opacity-white-60, .bg-opacity-white-70,  .bg-opacity-white-80, .bg
-opacity-white-90{
    z-index: 9; 
 }
 .bg-opacity-black-10:before, .bg-opacity-black-20:before, .bg-opacity-black-30:before, .bg-opacity-black-40:before, .bg-opacity-black-50:before, .bg-opacity-black-60:before, .bg-opacity-bla
ck-70:before, .bg-opacity-black-80:before, .bg-opacity-black-90:before, .bg-opacity-white-10:before, .bg-opacity-white-20:before, .bg-opacity-white-30:before, .bg-opacity-white-40:before, .b
g-opacity-white-50:before, .bg-opacity-white-60:before, .bg-opacity-white-70:before, .bg-opacity-white-80:before, .bg-opacity-white-90:before{
    content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; 
 }
.bg-opacity-black-10:before {  background: rgba(0, 0, 0, 0.1);}
.bg-opacity-black-20:before {  background: rgba(0, 0, 0, 0.2);}
.bg-opacity-black-30:before {  background: rgba(0, 0, 0, 0.3);}
.bg-opacity-black-40:before {  background: rgba(0, 0, 0, 0.4);}
.bg-opacity-black-50:before {  background: rgba(0, 0, 0, 0.5);}
.bg-opacity-black-60:before {  background: rgba(0, 0, 0, 0.6);}
.bg-opacity-black-70:before {  background: rgba(0, 0, 0, 0.7);}
.bg-opacity-black-80:before {  background: rgba(0, 0, 0, 0.8);}
.bg-opacity-black-90:before {  background: rgba(0, 0, 0, 0.9);}

.bg-opacity-white-10:before {  background: rgba(255, 255, 255, 0.1);}
.bg-opacity-white-20:before {  background: rgba(255, 255, 255, 0.2);}
.bg-opacity-white-30:before {  background: rgba(255, 255, 255, 0.3);}
.bg-opacity-white-40:before {  background: rgba(255, 255, 255, 0.4);}
.bg-opacity-white-50:before {  background: rgba(255, 255, 255, 0.5);}
.bg-opacity-white-60:before {  background: rgba(255, 255, 255, 0.6);}
.bg-opacity-white-70:before {  background: rgba(255, 255, 255, 0.7);}
.bg-opacity-white-80:before {  background: rgba(255, 255, 255, 0.8);}
.bg-opacity-white-90:before {  background: rgba(255, 255, 255, 0.9);}

#footer h4 {
    color: #fff;
    font-size: 16px;
}

#footer .text-widget span {
    color: #ccc;
    font-size: 14px;
    line-height: 2rem;
}

#footer {
    color: #ccc;
    font-size: 14px;
}

section.fullwidth {
    padding-bottom: 0px;
}

/* -----------------------------------
  13. Features area
----------------------------------- */

.features-area {
    background: #f5f5f5 url("../../images/features.jpg") no-repeat scroll 0 0;
    line-height: 1.2rem;
}
.features-info {
    padding: 20px 130px 45px 50px;
    position: relative;
    line-height: 1.2rem;
}
 .features-info:before {
    border-bottom: 540px solid #f5f5f5;
    border-left: 200px solid transparent;
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    z-index: 0;
    line-height: 1.2rem;
}

.features-include-list {
    margin-top: 0px;
}
.features-include-list > h6 {
    color: #303030;
    font-family: montserrat;
    font-weight: 400;
    font-size: 16px;
}
.features-include-list img {
    margin-right: 15px;

}

span.tooltip-content {
  color: #fe3c44;
  font-size: 16px;
  font-weight: 400;
}

.section-title h3 {
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 26px;
}

.section-title h2 {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 30px;
}


.features-include-list p,
.features-desc p,
.about-sheltek-info p {
    font-size: 14px;
    font-weight: 300;
}



/*************************
  1.General
*************************/
body {
  background: #fff;
  font-family: 'Montserrat', sans-serif;
  color: #3b5265;
  font-weight: 300;
  font-size: 16px;
  line-height: 27.2px;
  line-height: 1.7rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.wrapper {
  background: #fff none repeat scroll 0 0;
}

a,
.btn, i {
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.listing-img-container {
  -webkit-transition: none !important;
  transition: none !important;
}

input,
select,
textarea {
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
.btn {
  border-radius: 0px;
  font-size: 14px;
  padding: 0px 15px;
  height: 30px;
  line-height: 30px;
}
a:focus,
.btn:focus {
  text-decoration: none;
  outline: none;
}
a:focus,
a:hover {
  color: #fe3c44;
  text-decoration: none;
}
a,
button,
input {
  outline: medium none;
  color: #666666;
}

#titlebar h1, #titlebar h2 {
    font-size: 20px;

    font-weight: 600px;
}

#titlebar p {
    font-size: 14px;
    font-weight: 300;
}

.post-content h3 {
    font-size: 16px;
    font-weight: 400;
    line-height: 2rem;
}

.post-content p, {
    font-size: 14px;
    font-weight: 300;

}

.counter-box-icon i {
    font-size: 70px;
}

.counter-box-icon .counter {
    font-size: 25px;
}

.counter-box-icon p a {
    font-size: 20px;
}


.list-layout .details.button.border {
    border-radius: 9999px !important;
    font-size: 14px;
    font-weight: 400;
}

#titlebar.property-titlebar span.property-badge {
    border-radius: 9999px !important;
}

#contact input.button.submit,
.main-search-input button.button{
    border-radius: 9999px !important;

}

button.button.fullwidth,
a.button.fullwidth {
    border-radius: 9999px !important;
}

.cloud {
    display: none;
}

.post-text {
    padding-top: 10px;
    font-size: 14px;
    font-weight: 300;
    line-height: 2rem;
    text-indent: 2em;
}

.post-text img {
    padding: 20px;
    display: block;
    margin: auto;
}

.post-meta {
    font-size: 13px;
}

.post-content a {
    font-size: 13px !important;
}


.sidebar-textbox {
    background: #f5f5f5 none repeat scroll 0 0;
    padding: 30px;
}

.contact-bg {
    background: rgba(0, 0, 0, 0.1) url("../../images/contact-2.jpg") no-repeat scroll right center / cover;
}

.contact-area {
    margin-top: 78px;
    margin-bottom: 56px;
}

.contact-details {
    line-height: 2.5rem;
}

.gdpr-error-message {
  color: #e74c3c;       /* a reddish error color */
  font-size: 1.5rem;  /* a bit smaller than the label text */
  margin-top: 10px;      /* small gap below the checkbox/label */
}

.gm-fullscreen-control {
  display: none !important;
}

h1 {
    font-size: 26px;
    padding: 20px 0px 20px 0px;
}

h3, h2 {
    font-size: 20px;
    padding: 16px 0px 16px 0px;
}

h4 {
    font-size: 16px;
    padding: 10px 0px 10px 0px;
}

.property-main-features span {
    padding-left: 10px;
    font-weight: 400;
}

.agent, 
.listing-content {
    background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5));
    background-color: #fdfdfd;
}

.agent-contact-details,
.list-layout ul.listing-details {
    background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5));
    background-color: #f0f0f0;
}

.agent-contact-details {
    min-height: 150px;
    font-size: 14px;
}

.agent-name {
    font-size: 14px;
    min-height: 170px;
}

.agent-avatar {
    padding-top: 40px;
}

.post-content {
    min-height: 310px;
}

/* Container for each sidebar post entry */
.blog-post-sidebar {
  display: flex;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid #e0e0e0;
}

/* Thumbnail link wrapper */
.post-img-sidebar {
  flex-shrink: 0;
  margin-right: 12px;
}

/* Ensure the image keeps its 60×60 size */
.post-img-sidebar img {
  display: block;
  object-fit: cover;
  width: 60px;
  height: 60px;
  border-radius: 4px;
}

/* Text container next to thumbnail */
.post-content-sidebar {
  flex: 1;
}

/* Title styling */
.post-content-sidebar h3 {
  margin: 0;
  font-size: 1rem;
  line-height: 1.2;
}

/* Title link styling */
.post-content-sidebar h3 a {
  color: #333;
  text-decoration: none;
  display: inline-block;
  transition: color 0.2s ease;
}

/* Hover effect on title link */
.post-content-sidebar h3 a:hover {
  color: #fe3c44; /* adjust to your accent color */
}

/* Optional: remove bottom border on last item */
.blog-post-sidebar:last-child {
  border-bottom: none;
  padding-bottom: 30px;
}

/* 1) Make #blog-posts-siderbar clear its children */
#blog-posts-sidebar::after {
  content: "";
  display: table;
  clear: both;
}

/* 2) Alternatively, you can force it to contain its children via overflow */
#blog-posts-sidebar {
  overflow: auto; /* or “hidden” if you prefer */
}

.listing-hidden-content li span,
.listing-badges span,
.featured,
.exclusive, 
.listing-compact-title {
    color: #fff !important;
}

#titlebar.property-titlebar span {
    margin-left: 0.5rem;
}

.listing-img-container img {
  width: 100% !important;
  border-radius: 3px 3px 0 0 !important;
}


.author-quote > p {
    padding-left: 30px;
    position: relative;
}
.author-quote > p:before {
    content: "\f046";
    font-family: fontawesome;
    left: 0;
    position: absolute;
    top: 0;
}