.elementor-kit-6{--e-global-color-primary:#004A7A;--e-global-color-secondary:#E7F0F6;--e-global-color-text:#1C1C1C;--e-global-color-accent:#021838;--e-global-color-282e5fb:#F7F7F7;--e-global-color-b6c7a21:#DBDBDB;--e-global-color-ff6346e:#FFFFFF;--e-global-color-e00d789:#2B6EA340;--e-global-color-895fc74:#2B6EA380;--e-global-color-33f32b0:#1C1C1CA6;--e-global-color-a1fa187:#1C1C1CCC;--e-global-color-a8de1a9:#E7F0F6;--e-global-color-39e6eec:#FFFFFFCC;--e-global-color-6f8a2f5:#FFFFFF99;--e-global-color-7fd08f7:#021838;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-a1fa187 );font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:400;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-primary );font-size:18px;font-weight:500;color:#FFFFFF;border-radius:4px 4px 4px 4px;padding:16px 24px 16px 24px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{font-weight:normal;}.elementor-kit-6 h1{color:#141513;font-size:61px;font-weight:900;text-transform:uppercase;}.elementor-kit-6 h2{color:#141513;font-size:49px;font-weight:900;text-transform:uppercase;}.elementor-kit-6 h3{color:#141513;font-size:31px;font-weight:700;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{font-size:15px;}.elementor-kit-6 a{font-size:15px;}.elementor-kit-6 h1{font-size:40px;}.elementor-kit-6 h2{font-size:31px;}.elementor-kit-6 h3{font-size:24px;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:15px;padding:12px 16px 12px 16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* --------- */
/* Utility */
/* --------- */
.hidden-item {
    display: none !important;
}



/* --------- */
/* Header Styling */
/* --------- */
.site-header-main {
  transition: background 0.3s ease;
}

.site-header-main.is-scrolled {
  background: #f7f7f7 !important;
}

.site-header-main.is-scrolled .header-contact-btn .elementor-button{
    background-color: #f7f7f7 !important;
}

.header-logo-wrap {
    position: relative;
    width: fit-content;
}

.logo-default,
.logo-hover {
    transition: opacity 0.3s ease;
}

.logo-hover {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.header-logo-wrap:hover .logo-default {
    opacity: 0;
}

.header-logo-wrap:hover .logo-hover {
    opacity: 1;
}

/* --------- */
/* Card Styling */
/* --------- */

.card-buffer {
    min-height: 32px;
    transition: min-height 0.3s cubic-bezier(0.34, 1.8, 0.64, 1), background-color 0.3s ease;
}

.reno-carousel-card{
    aspect-ratio: 517 / 629;
}
@media screen and (min-width: 1024px) and (max-width: 1399px){
.reno-carousel-card{
    aspect-ratio: 517 / 724;
}
}
.reno-carousel-card:hover .card-buffer {
    min-height: 84px;
    background-color: var(--e-global-color-primary);
    transition: min-height 0.3s cubic-bezier(0.34, 1.8, 0.64, 1), background-color 0.3s ease;
}

..card-content {
    transition: margin 0.3s ease;
}

.reno-carousel-card:hover .card-content {
    margin-bottom: 0 !important;
}



/* --------- */
/* Carousel Styling */
/* --------- */
@media screen and (min-width: 768px){
.renovation-carousel .swiper-slide:first-child {
    margin-left: max(90px, calc((100vw - 1600px) / 2));
}
}
.renovation-carousel .swiper-slide {
    width: auto !important;
}

.reno-carousel-slide .e-con-inner {
    margin: 0;
}

.reno-carousel-btn a{
    display: grid;
    place-items: center;
    width: 64px;
    height: 64px;
}


.crg-filters{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media screen and (max-width: 768px){
    .crg-filters{
        flex-direction: column;
        gap: 20px;
    }
    .crg-filters .crg-search-wrapper{
        width: 100%!important;
    }
    
    .crg-grid{
        grid-template-columns: 1fr!important;
    }
}
.crg-filters .crg-search-wrapper{
    position: relative;
    display: flex;
    border: 1px solid #DBDBDB;
    padding-left: 24px;
    border-radius: 4px;
    height: 56px;
    width: 32%;
}
.crg-filters input[type="text"]{
    border: none;
    background-color: transparent;
    padding: 0;
}
.crg-filters .crg-search-wrapper svg path{
    stroke: var(--e-global-color-primary);
    
}
.crg-filters .crg-search-wrapper svg{
   position: absolute;
   right: 24px;
   top: 50%;
   transform: translateY(-50%);
    
}
.crg-filters input[type="text"]::placeholder{
    font-size: 15px;
    font-weight: 400;
    color: #1c1c1c;
}

.crg-filters .crg-radio-group {
  display: flex;
  padding-top: 16px;
  padding-bottom: 16px;
  border: 1px solid #DBDBDB;
  border-radius: 4px;
}

.crg-filters .crg-radio-group input {
  display: none; /* hide native radio */
}

.crg-filters .crg-radio-group label {
  cursor: pointer;
  display: block;
  font-weight: 500;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 15px;
  position: relative;
  transition: all 0.3s ease;
}

.crg-filters .crg-radio-group label {
  border-right: 1px solid rgba(0,0,0,0.45);
}

.crg-filters .crg-radio-group label:last-child {
  border-right: none;
}
/* Hover effect */
.crg-filters .crg-radio-group label:hover {
  font-weight: 700;
  color: var(--e-global-color-primary);
}

/* Active state */
.crg-filters .crg-radio-group input:checked + label {
 color: var(--e-global-color-primary);
  font-weight: 700;
}

/* Optional underline animation */
.crg-filters .crg-radio-group span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 0;
  height: 2px;
  background: #000;
  transition: width 0.3s ease;
}

.crg-filters .crg-radio-group input:checked + span::after {
  width: 100%;
}

.crg-results{
    margin-top: 40px;
}

.crg-grid{
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr 1fr 1fr;
}

.crg-grid .blog-card{
    display: flex;
    flex-direction: column;
    border: 1px solid #DBDBDB;
    overflow: hidden;
    border-radius: 8px;
}

.crg-grid .blog-card-image{
    position: relative;
    width: 100%;
    aspect-ratio: 518 / 262;
    background-color: rgba(0,0,0,0.75);
}

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

.crg-grid .blog-card-linear{
    bottom: -10px;
    position: absolute;
    background: linear-gradient(rgba(247,247,247,0),rgba(247,247,247,1));
    width: 100%;
    height: 30%;
}

.crg-grid .blog-card-content{
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 32px;
    background-color: #F7F7F7;
}
.crg-grid .blog-card-content-header{
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.crg-grid .blog-card-snippet{
    display: -webkit-box;
  -webkit-line-clamp: 3; /* number of lines to show */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.crg-grid .blog-card-content-header p,.blog-card-content-header h3{
    margin-block-end: 0px;
}

.crg-grid .blog-card-content-header h3{
    font-size: 25px;
    color: #1C1C1C;
}
.crg-grid .blog-card-content-header .blog-card-date,.blog-card-content-header .blog-card-snippet{
    color: #1c1c1c;
    opacity: 0.8;
}

.crg-grid .blog-card-learn-more{
    display: flex;
    gap: 7px;
}

.crg-grid .blog-card-learn-more .blog-card-icon{
    width: 6px;
    
}

.crg-grid .blog-card-learn-more p{
    margin-block-end: 0;
    color: #1c1c1c;
}

#card-carousel-container{
  overflow-x: scroll;
  scrollbar-width: none;
}

#card-carousel-container::-webkit-scrollbar {
  inline-size: 0 !important;
  display: none;
}

.gallery-contained{
    overflow: hidden;
}

#gform_2 .gfield_label{
    color: #FFF!important;
}

#gform_2 input[type="text"], #gform_2 input[type="email"],#gform_2 input[type="tel"], #gform_2 textarea {
    background-color: rgba(255,255, 255, 0.2)!important;
    border: 1px solid rgba(219, 219, 219, 0.4)!important;
    color: #FFF!important;
}
#gform_2 input[type="text"]::placeholder, #gform_2 input[type="email"]::placeholder, #gform_2 input[type="tel"]::placeholder{
    color: rgba(255, 255, 255, 0.6);

}

.marque-track{
    animation: marquee 50s linear infinite!important;
}/* End custom CSS */