/*!* SHG Theme  v12.07.24:02*/

/* Shelf Genie Theme Config Start*/
:root{
    --primary-25: #F5F9FB;
    --primary-50: #EBF2F6;
    --primary-100: #CCDDE7;
    --primary-200: #7FA9C3;
    --primary-300: #5990B2;
    --primary-400: #3376A1;
    --primary-500: #005489;
    --primary-600: #004774;
    --primary-700: #003B60;
    --primary-800: #002E4B;
    --primary-900: #002237;

    --secondary-50: #F4FAEE;
    --secondary-100: #E3F1D3;
    --secondary-200: #B9DC8F;
    --secondary-300: #A5D36E;
    --secondary-400: #91C94D;
    --secondary-500: #75BB21;
    --secondary-600: #639F1C;
    --secondary-700: #528317;
    --secondary-800: #406712;
    --secondary-900: #2F4B0D;

    --accent1-50: #F5F5F4;
    --accent1-100: #E5E5E3;
    --accent1-200: #BDBEB8;
    --accent1-300: #AAABA4;
    --accent1-400: #97988F;
    --accent1-500: #7D7E73;
    --accent1-600: #6A6B62;
    --accent1-700: #575850;
    --accent1-800: #45453F;
    --accent1-900: #32322E;
}

/* Shelf Genie Theme Config - End */

/* --------------------- PRIMARY AND SECONDARY HEADER COLOR CSS --------------------------- */
.primary-header .brand-header-mob {
    background-color: var(--primary-500);
}
.primary-header .mobile-menu-logo .mobile-sidebar-drawer .nav-arrow-img {
    --gray-900: white;
}
.primary-header .find-local-mobile .icon {
    --primary-500: white;
}
.primary-header .find-local-mobile,
.primary-header .find-local-mobile .local-address {
    color: white;
}
.primary-header .header-cta-mobile .primary-btn {
    background-color: var(--secondary-500);
    color: white;
}
.primary-header .header-cta-mobile .primary-btn svg {
    --white: white;
}

.secondary-header .mobile-menu-logo .mobile-sidebar-drawer .nav-arrow-img {
    --gray-900: white;
}
.secondary-header .find-local-mobile .icon {
    --primary-500: white;
}
.secondary-header .find-local-mobile,
.secondary-header .find-local-mobile .local-address {
    color: white;
}
.secondary-header .brand-header-mob {
    background-color: var(--secondary-500);
}
.secondary-header .header-cta-mobile .primary-btn {
    background-color: var(--primary-500);
    color: white;
}
.secondary-header .header-cta-mobile .primary-btn svg {
    --white: white;
}

@media screen and (min-width: 1024px) { 
    .primary-header .brand-header,
    .primary-header .nav-content-wrapper,
    .primary-header .brand-header-local,
    .primary-header .brand-header-mob {
        background-color: var(--primary-500);
    }
    .primary-header .nav-link,
    .primary-header .brand-header .find-local,
    .primary-header .brand-cta-list .brand-cta-item .brand-cta,
    .primary-header .main-nav-content .call-cta,
    .primary-header .main-nav-content .header-cta-wrap .header-cta-subtext,
    .primary-header .local-location,
    .primary-header .brand-header-local .find-local,
    .primary-header .form-call-cta {
        color: white;
    }
    .primary-header .brand-header .find-local svg,
    .primary-header .brand-header-local .find-local svg {
        --primary-500: white;
    }
    .primary-header .brand-cta-list .brand-cta-item .brand-cta,
    .primary-header .brand-cta-list .brand-cta-item,
    .primary-header .local-location,
    .primary-header .brand-header-local {
        border-color: white;
    }
    .primary-header .primary-btn {
        background-color: var(--secondary-500);
        color: white;
    }
    .primary-header .primary-btn svg {
        --white: white;
    }

    .secondary-header .brand-header,
    .secondary-header .nav-content-wrapper,
    .secondary-header .brand-header-local,
    .secondary-header .brand-header-mob {
        background-color: var(--secondary-500);
    }
    .secondary-header .nav-link,
    .secondary-header .brand-header .find-local,
    .secondary-header .brand-cta-list .brand-cta-item .brand-cta,
    .secondary-header .main-nav-content .call-cta,
    .secondary-header .main-nav-content .header-cta-wrap .header-cta-subtext,
    .secondary-header .brand-header-local .find-local,
    .secondary-header .local-location,
    .secondary-header .form-call-cta {
        color: white;
    }
    .secondary-header .primary-btn {
        background-color: var(--primary-500);
        color: white;
    }
    .secondary-header .primary-btn svg {
        --white: white;
    }
    .secondary-header .brand-header .find-local svg,
    .secondary-header .brand-header-local .find-local svg {
        --primary-500: white;
    }
    .secondary-header .brand-cta-list .brand-cta-item .brand-cta,
    .secondary-header .brand-cta-list .brand-cta-item,
    .secondary-header .local-location,
    .secondary-header .brand-header-local {
        border-color: white;
    }

    .primary-header .main-nav-warpper {
        background-color: var(--primary-500);
    }
    .primary-header .main-nav-warpper {
        border-color: white;
    }
    .secondary-header .main-nav-warpper {
        background-color: var(--secondary-500);
    }
    .secondary-header .main-nav-warpper {
        border-color: white;
    }
}
/* --------------------- PRIMARY AND SECONDARY HEADER COLOR CSS --------------------------- */

.offer-banner {
    background-color: var(--primary-600);
}
.offer-banner.highlight, .top-highlighter {
    border-color: var(--secondary-500);
}
.offer-banner .banner-wrap {
    color: white;
}
.offer-banner .banner-close .close-icon {
    --black: white;
}
.commercial-block .card-list .card-item .card-frame {
    background-color: var(--secondary-500);
}
.team-neighborly-section .main-wrapper .card-heading-primary {
    color: var(--primary-500);
}
.team-neighborly-section .glb-primary-btn {
    background-color: var(--primary-500);
}
.team-neighborly-section .glb-primary-btn:hover {
    background-color: var(--primary-800);
}

.accordion-icon-list .card-list:after {
    background-color: var(--secondary-500);
}
.accordion-icon-list .icon-block .icon-wrap svg.icon {
    --primary-500: var(--white);
}
.accordion-icon-list .icon-block .icon-wrap {
    background-color: var(--secondary-500);
}
.accordion-icon-list .icon-block .icon-wrap svg.icon {
    --secondary-500: var(--white);
}
.popular-services-banner .repair-services-wrap .repair-services-list .repair-services-icon .icon {
    --primary-500: var(--white);
}
.popular-services-card .ps-main-card .section-50-50 .image-content-warpper .primary-heading {
    color: var(--primary-500);
}
.circuit-section .circuit-block .card-header .primary-heading {
    color: var(--primary-500);
}
.circuit-section .circuit-block .card-list .card-item .card-frame {
    background-color: var(--secondary-500);
}
.service-steps .card-step .card-header .step-icon {
    background-color: var(--primary-500);
}
.service-steps .card-step .card-header .step-icon .icon {
    --primary-500: var(--white);
}
.aside-card.about-aside .secondary-btn {
    background-color: var(--primary-500);
    color: var(--white);
}
.aside-card.about-aside .secondary-btn:hover {
    background-color: var(--primary-800);
}

.content-list-section .check-list .check-list-item svg {
    --primary-500: var(--secondary-500);
}
.section-50-50.glb-primary-hero {
    --glb-primary-500: var(--primary-500);
}
.philosophy-list .card-list:after {
    background-color: var(--secondary-500);
}
.philosophy-list .icon-block .card-title {
    color: #111928;
}
.secondary-text-section .main-text {
    background-color: var(--primary-500);
}
.secondary-text-section .main-text .secondary-text {
    color: var(--white);
}
.icon-card-list .icon-block svg.icon {
    --primary-500: var(--secondary-500);
}
.icon-card-list .icon-block svg.icon use {
    --secondary-500: var(--white);
}

.icon-card-list .card-list:after {
    background-color: var(--secondary-500);
}
.nbly-app .primary-heading {
    color: var(--primary-500);
}
.nbly-app .send-number svg {
    --glb-primary-700: #111928;
}
.nbly-app .send-number .glb-primary-btn {
    --glb-primary-500: #111928;
}
.app-feature-section .icon-card-warpper .icon-card-list .icon-block svg {
    --primary-500: var(--secondary-500);
}
.testimonials-section .testi-details .testi-bio {
    color: var(--primary-500);
}
.testimonials-section .testi-details .testi-profile .name-initial {
    background-color: var(--primary-500);
    color: var(--white);
}
.secondary-text-section .main-text .secondary-heading {
    color: var(--white);
}
.replacement-block .replacement-section .replacement-card-list:after {
    background-color: var(--secondary-500);
}
.replacement-block .replacement-section .card-frame {
    background-color: var(--secondary-500);
}
.replacement-block .replacement-section .replacement-text a{
    color: var(--secondary-500);
}
.helpful-resources-section .card-wrapper .card-main .card-body .card-heading {
    color: #111928;
}
@media screen and (max-width: 1024px) {
    .promotion-quote-banner .promotion-quote-wrap .quote-wrap {
        padding: 14px 0px;
    }
    .promotion-quote-banner .promotion-quote-wrap .quote-wrap .quote-heading {
        font-size: 24px;
    }
}
.promotion-quote-banner.hide-img .quote-wrap {
    text-align: center;
}

.faqs-section .faqs-list-heading{
    color: var(--primary-500);
}
.upgrade-circuit {
    --glb-primary-50: var(--primary-25);
}
.upgrade-circuit .upgrade-block .upgrade-header .body-text {
    color: #6b7280;
}

.austin-text-section .circuit-wrapper .wrapper-text{
    color:#1F2A37;
}
.emergency-app .app-header .primary-heading{
    color: var(--primary-500);
}
.window-count .window-count-header{
    color: var(--primary-500);
}
.area-serve-section .area-serve-container .area-serve-text-section .map-circle{
    background-color: var(--primary-500);
}
.area-serve-section .area-serve-container:after{
    background-color: var(--secondary-500);
}
.hero-banner .section-50-50 {
    background-color: var(--primary-400);
}
.popular-services-banner .repair-services-wrap .repair-services-heading {
    color: var(--primary-500);
}
.popular-services-banner .repair-services-wrap .repair-services-list .repair-services {
    color: var(--primary-500);
}

.popular-services-card .floating-services .check-list .check-list-item .check-list-link svg {
    --primary-500: var(--secondary-500);
}
.helpful-resources-section .heading-wrapper .helpful-heading {
    color: var(--primary-500);
}
.helpful-resources-section.bg-primary-50 {
    --primary-50: var(--primary-25);
}
.team-list.heavy-list .team-list-item:hover {
    background-color: var(--primary-25);
}
.team-list .team-list-item .team-data .member-image.no-profile .empty-profile {
    color: var(--primary-500);
}
.check-list .check-list-item svg, .ideas-check-list .check-mark{
    --primary-500: var(--secondary-500);
}
.brand-footer .fb-tel {
    color: var(--primary-500);
}
.brand-footer .local-address-footer {
    color: #374151;
}
.section-75-25 .image-content-warpper .text-wrapper .primary-heading {
    color: var(--primary-500);
}
.emergency-service .card-heading {
    color: var(--primary-500);
}
.hero-banner .wysiwyg .cta-wrapper a.primary-btn {
    color: var(--white);
}
.hero-banner .wysiwyg .cta-wrapper a.secondary-btn {
    color: var(--primary-900);
}
.secondary-btn svg {
    --white: var(--primary-900);
}
.compare-img-wrap {
    --default-handle-color: var(--secondary-500);
}
.transformation-carousel-wrap button[data-controls=next]:hover,
.transformation-carousel-wrap button[data-controls=next]:focus,
.transformation-carousel-wrap button[data-controls=prev]:hover,
.transformation-carousel-wrap button[data-controls=prev]:focus {
    background-color: var(--secondary-500);
}
.transformation-carousel-wrap .cta-wrap .primary-btn:hover,
.transformation-carousel-wrap .cta-wrap .primary-btn:focus {
    background-color: var(--secondary-500);
}
.interactive-img-section .popover-text-wrap .cta-wrapper .primary-btn:hover {
    background-color: var(--secondary-500);
}
.scheduler-main .progressbar .progress-step-active {
    background-color: var(--primary-500);
}
.hero-banner .translucent-layer.wysiwyg .hero-text-wrap h1,
.hero-banner .translucent-layer.wysiwyg .hero-text-wrap h2,
.hero-banner .translucent-layer.wysiwyg .hero-text-wrap h3,
.hero-banner .translucent-layer.wysiwyg .hero-text-wrap h4,
.hero-banner .translucent-layer.wysiwyg .hero-text-wrap h5,
.hero-banner .translucent-layer.wysiwyg .hero-text-wrap h6 {
    color: var(--primary-800);
}
.drip-calc-section .drip-calc-wrap {
    border-top-color: var(--secondary-500);
}
.drip-calc-section .time-count-wrap .time-count-text .text-wrap {
    background-color: var(--primary-600);
}