:root {
  --header_height: $header_height;
  --link-color: #151a15;
  --link-hover-color: #151a15;
  --text-color: #191919;
  --bg-color: #F5F5F5;
  --secondary-color: #c5ee88;
}

/* --- Desktop / Large Screens (1200px and up) --- */
@media (min-width: 1200px) {
  /* Targets SP Page Builder rows specifically */
  .sppb-row-container {
    max-width: 1240px; /* Adjusted to prevent overflow; change back to 1280px if you have a huge monitor */
  }

  /* Fixed the comma issue: this now only targets containers INSIDE the footer */
  #sp-footer .container, 
  #sp-footer .container-lg, 
  #sp-footer .container-md, 
  #sp-footer .container-sm, 
  #sp-footer .container-xl {
    max-width: 1260px;
  }

  /* Fixed the comma issue: this now only targets containers INSIDE the header */
  #sp-header .container, 
  #sp-header .container-lg, 
  #sp-header .container-md, 
  #sp-header .container-sm, 
  #sp-header .container-xl {
    max-width: 1220px !important;
  }
  
  .sp-page-title {
    padding: 190px 0px 10px !important;
  }
  
  .sp-page-title .sp-page-title-sub-heading {
  max-width: 60%;
  font-size: 60px !important;
  }
}

/* --- Ultra Wide Screens (1400px and up) --- */
@media (min-width: 1400px) {
  /* Global container width for very large screens */
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1390px !important; /* Standard Bootstrap XXL width */
  }

  /* Header specific container */
  #sp-header > .container {
    max-width: 1360px !important;
  }
  
  .sp-page-title {
  padding: 220px 0px 60px !important;
  }
}

@media (min-width: 1200px) {
  .sp-page-title .container, 
  .sp-page-title .container-lg, 
  .sp-page-title .container-md, 
  .sp-page-title .container-sm, 
  .sp-page-title .container-xl {
    max-width: 1240px !important; /* Standard safe width for 1200px screens */
  }
}

@media (min-width: 1400px) {
  .sp-page-title .container, 
  .sp-page-title .container-lg, 
  .sp-page-title .container-md, 
  .sp-page-title .container-sm, 
  .sp-page-title .container-xl {
    max-width: 1390px !important; /* Standard safe width for 1400px screens */
  }
}


@media (max-width: 767px) {
  .sppb-addon-accordion .sppb-panel-modern .sppb-panel-heading .sppb-panel-title {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  #sp-header > .container {
    margin-left: -8px;
  }
}

@media (max-width: 767px) {
.header-sticky .container {
    margin-left: 0px !important;
  }
}

#sp-header > .container {
  backdrop-filter: blur(5px);
  background: rgba(255, 255, 255, 0.7) !important;
}

.header-sticky > .container {
  margin-top: 10px;
  /* backdrop-filter: blur(5px);
  background: rgba(255, 255, 255, 0.5) !important; */
}

.page-title-right .sp-page-title {
  padding-right: 5px;
}

.sp-page-title .sp-page-title-sub-heading {
  color: #033;
}

.sp-page-title .sp-page-title-heading {
  margin-bottom: 5px;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  text-decoration: none;
}

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
  color: #033;
}

.sp-megamenu-parent > li::before {
  background-color: #DCAD39;
}

.sp-megamenu-parent > li > a {
  color: #033;
}

.sp-megamenu-parent > li:hover > a {
  color: #dcad39;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  color: #033;
}

.header-sticky .sp-megamenu-parent > li > a {
  color: #033;
}

.header-sticky .sp-megamenu-parent > li:hover > a {
  color: #121212;
}

body .sppb-btn.sppb-btn-primary, body .sppb-btn.btn-primary, body .sppb-btn.btn-outline-primary,
body .btn.sppb-btn-primary, body .btn.btn-primary, body .btn.btn-outline-primary {
  border-color: #033;
  background-color: #033;
  color: #fff;
}

body .sppb-btn, body .btn {
  padding: 14px 40px;
}

body .sppb-btn.sppb-btn-primary.sppb-btn-outline {
  border-color: #033;
  color: #033;
}

body .sppb-btn.sppb-btn-primary.sppb-btn-outline:hover {
  background-color: #033;
  border-color: #033;
  color: #fff;
}

.sppb-dynamic-content-collection.property-list > .sppb-dynamic-content-collection.property-list
.property-list-title .sppb-dynamic-content-collection__item:hover {
  box-shadow: 0px 16px 50px 0px #7c827c70;
  color: #DCAD39;
}

.sppb-dynamic-content-collection.property-list .property-list-features .sppb-dynamic-content-collection__item {
  gap: 5px;
}

.sppb-dynamic-content-collection.property-list .property-list-price::after {
  content: none;
}

.sppb-nav.sppb-nav-modern li.active a {
  background: #033;
}

.sppb-nav.sppb-nav-modern li a {
  color: #033;
  border: 1px solid #e6ebe7;
}

a:hover {
  color: #033;
}

.testimonial-style .sppb-carousel-extended-nav-control .nav-control {
  border: 1px solid #033;
  color: #2a3b2a;
}

.testimonial-style .sppb-carousel-extended-nav-control .nav-control:hover {
  color: #ffffff;
  background-color: #033;
}

.testimonial-style .sppb-carousel-extended-nav-control {
  bottom: -70px;
}

.article-list .article .article-header h1 a, .article-list .article .article-header h2 a {
  color: #033;
}

.view-category .blog .sp-module + .article-list .pagination-wrapper .pagination .active.page-item .page-link {
  background-color: #033;
}

.latest-articles .sppb-addon-article-layout-content .sppb-article-info-wrap:hover .sppb-readmore::before {
  background-color: #dcad39;
}

.latest-articles .sppb-addon-article-layout-content .sppb-article-info-wrap .sppb-readmore::before {
  border: 1px solid #dcad39;
}

.view-category .blog .sp-module + .article-list .article .article-body .article-introtext .readmore a {
  font-size: 20px;
}

.article-list .article .readmore a {
  color: #dcad39;
}

.article-list .article .readmore a:hover, .article-list .article .readmore a:active, .article-list .article .readmore a:focus {
  color: #033;
}

.view-category .blog .sp-module + .article-list .article .article-body:hover .article-introtext .readmore a::before {
  background-color: #033;
}

.view-category .blog .sp-module + .article-list .article .article-body .article-introtext .readmore a::before {
  border: 1px solid #dcad39;
}

.view-category #sp-main-body {
  padding-bottom: 210px;
}

.page-link:hover {
  background-color: #c5ee88;
}

.sppb-addon-accordion .sppb-panel-modern .sppb-panel-heading .sppb-panel-title {
  color: #033;
}

.sppb-addon-accordion .sppb-panel-modern .sppb-panel-heading .sppb-toggle-direction .fa::before {
  color: #9a6e00;
}

.sppb-addon-accordion .sppb-panel-modern .sppb-panel-body {
  padding: 0px 50px 12px 23px;
}

.sppb-addon-accordion .sppb-panel-modern .sppb-panel-heading {
  padding: 14px 22px 14px 22px;
  background-color: #f1f1f1ba;
}

.sppb-addon-accordion .sppb-panel-modern {
  margin-bottom: 14px;
}

.agents-style .sppb-dynamic-content-collection__item {
  /* background-color: rgba(199, 199, 199, 0.15); */
  border: 2px solid rgba(199, 199, 199, 0.15);
}

.burger-icon > span {
  background-color: #033;
  height: 2.5px;
}

.burger-icon {
  border: 0;
  width: 60px;
  height: 42px;
  padding: 4px 7px;
  border-radius: 0;
}

.offcanvas-active .burger-icon > span, #modal-menu-toggler.active .burger-icon > span {
  background-color: #033;
}

/* Not in use */
/* .burger-icon {
  border: 1px solid #033;
  width: 40px;
  height: 35px;
  padding: 3px 8px;
  border-radius: 4px;
} */
/* Not in use */

.logo-image-phone {
  height: 25px !important;
}

.close-offcanvas {
  top: 18px;
}

.offcanvas-active .burger-icon {
  width: 50px;
}

.offcanvas-menu .offcanvas-inner ul.menu > li a, .offcanvas-menu .offcanvas-inner ul.menu > li span {
  color: #033;
}

.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span {
  font-size: 18px;
}

.offcanvas-menu .offcanvas-inner ul.menu li.active a {
  color: #033;
  font-weight: 600;
}

.sp-scroll-up {
  background: rgb(220, 173, 57);
}

.sp-scroll-up:hover, .sp-scroll-up:active, .sp-scroll-up:focus {
  background: #033;
}

#sp-footer .container-inner {
  padding: 20px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.animated-scroller {
  display:flex;
  align-items:center;
  gap:0px;
  white-space:nowrap;
}

.animated-scroller>div {
  flex-shrink:0;
  margin:0;
  padding:0px 10px;
  position:relative;
}

/* .stack-image-container {
  position:relative;
}

.stack-image-container .addon-root-image {
  position:absolute;
  left:0px;
  top:50%;
}

.stack-image-container .addon-root-image:nth-child(1) {
  z-index:1
}

.stack-image-container .addon-root-image:nth-child(2) {
  z-index:2;
  left:24px;
}

.stack-image-container .addon-root-image:nth-child(3) {
  z-index:3;
  left:48px;
}

.stack-image-container .stack-image {
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
} */


html.error-page .btn.btn-secondary {
  background-color: #003333;
}

html.error-page .error-code {
  color: #003333;
}