/* =========================================================
   CONCRETE INDY
   GLOBAL COMPONENTS CSS
   ========================================================= */


/* =========================================================
   01. GLOBAL VARIABLES
   ========================================================= */

:root {
    --ci-primary: #198fcf !important;
    --ci-primary-dark: #1176ad !important;

    --ci-black: #000000 !important;
    --ci-white: #ffffff !important;

    --ci-heading: #000000 !important;
    --ci-text: #222222 !important;
    --ci-muted: #666666 !important;

    --ci-light-bg: #f5f7f8 !important;
    --ci-card-bg: #ffffff !important;

    --ci-border: #dfe5e8 !important;

    --ci-icon-bg: rgba(25, 143, 207, 0.10) !important;

    --ci-radius: 8px !important;
    --ci-shadow: 0 5px 20px rgba(0, 0, 0, 0.08) !important;

    --ci-transition: all 0.3s ease !important;
}


/* =========================================================
   02. GLOBAL RESET FOR COMPONENTS
   ========================================================= */

.ci-section,
.ci-section *,
.ci-card,
.ci-card *,
.ci-hero,
.ci-hero * {
    box-sizing: border-box !important;
}


/* =========================================================
   03. GLOBAL SECTION
   ========================================================= */

.ci-section {
    position: relative !important;

    width: 100% !important;

    padding: 70px 0 !important;

    background: #ffffff !important;
}


.ci-section-light {
    background: var(--ci-light-bg) !important;
}


.ci-section-dark {
    background: #0c252c !important;

    color: #ffffff !important;
}


/* =========================================================
   04. SECTION CONTAINER
   ========================================================= */

.ci-container {
    width: 100% !important;

    max-width: 1200px !important;

    margin-left: auto !important;

    margin-right: auto !important;

    padding-left: 20px !important;

    padding-right: 20px !important;
}


/* =========================================================
   05. SECTION HEADER
   ========================================================= */

.ci-section-header {
    max-width: 850px !important;

    margin: 0 auto 45px !important;

    text-align: center !important;
}


.ci-section-header h2 {
    margin: 0 0 15px !important;

    color: var(--ci-heading) !important;

    font-size: 36px !important;

    font-weight: 800 !important;

    line-height: 1.2 !important;
}


.ci-section-header p {
    margin: 0 auto !important;

    max-width: 750px !important;

    color: var(--ci-text) !important;

    font-size: 17px !important;

    line-height: 1.7 !important;
}


/* =========================================================
   06. GLOBAL HEADINGS
   ========================================================= */

.ci-section h2 {
    color: var(--ci-heading) !important;

    font-size: 36px !important;

    font-weight: 800 !important;

    line-height: 1.2 !important;
}


.ci-section h3 {
    color: var(--ci-heading) !important;

    font-size: 24px !important;

    font-weight: 700 !important;

    line-height: 1.3 !important;
}


.ci-section h4 {
    color: var(--ci-heading) !important;

    font-size: 20px !important;

    font-weight: 700 !important;

    line-height: 1.4 !important;
}


.ci-section p {
    color: var(--ci-text) !important;
    padding: 0px !important;
    font-size: 16px !important;

    line-height: 1.75 !important;
}


/* =========================================================
   07. EYEBROW
   ========================================================= */

.ci-eyebrow {
    display: inline-block !important;

    margin-bottom: 12px !important;

    color: var(--ci-primary) !important;

    font-size: 14px !important;

    font-weight: 800 !important;

    letter-spacing: 1px !important;

    text-transform: uppercase !important;
}


/* =========================================================
   08. HERO
   ========================================================= */

.ci-hero {
    position: relative !important;

   padding: 150px 0px 80px 0px ;

    display: flex !important;

    align-items: center !important;

    background-size: cover !important;

    background-position: center !important;

    background-repeat: no-repeat !important;

    overflow: hidden !important;
}


.ci-hero::before {
    content: "" !important;

    position: absolute !important;

    inset: 0 !important;

       background: linear-gradient(90deg, rgba(5, 32, 48, 0.96), rgba(8, 55, 78, 0.9)) !important;

    z-index: 1 !important;
}


.ci-hero .ci-container {
    position: relative !important;

    z-index: 2 !important;
}


.ci-hero-content {
    max-width: 850px !important;

    color: #ffffff !important;
}


.ci-hero h1 {
    margin: 0 0 20px !important;

    color: #ffffff !important;

    font-size: 54px !important;

    font-weight: 800 !important;

    line-height: 1.08 !important;
}


.ci-hero h2 {
    margin: 0 0 20px !important;

    color: #ffffff !important;

    font-size: 25px !important;

    font-weight: 700 !important;

    line-height: 1.4 !important;
}


.ci-hero p {
    max-width: 800px !important;

    color: #ffffff !important;
padding: 0px !important;
    font-size: 17px !important;

    line-height: 1.7 !important;
}


/* =========================================================
   09. BUTTONS
   ========================================================= */

.ci-buttons {
    display: flex !important;

    flex-wrap: wrap !important;

    align-items: center !important;

    gap: 14px !important;

    margin-top: 25px !important;
    margin-bottom: 20px;
}


.ci-btn {
    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    min-height: 50px !important;

    padding: 13px 25px !important;

    border-radius: 3px !important;

    font-size: 14px !important;

    font-weight: 700 !important;

    line-height: 1.2 !important;

    text-align: center !important;

    text-transform: uppercase !important;

    text-decoration: none !important;

    cursor: pointer !important;

    transition: var(--ci-transition) !important;
}

/* test */

.ci-btn-primary {
    background: var(--ci-primary) !important;
    border: 2px solid var(--ci-primary) !important;
    color: #fff !important;
    padding: 14px 20px !important;
    border-radius: 5px;
   text-decoration: none !important;
}


.ci-btn-primary:hover {
    background: var(--ci-primary-dark) !important;

    border-color: var(--ci-primary-dark) !important;

    color: #ffffff !important;
text-decoration: none;
    transform: translateY(-2px) !important;
}


.ci-btn-secondary {
    background: #000000 !important;

    border: 2px solid #000000 !important;

    color: #ffffff !important;

     padding: 14px 20px !important;
    border-radius: 5px;
   text-decoration: none !important;
}


.ci-btn-secondary:hover {
    background: var(--ci-primary) !important;

    border-color: var(--ci-primary) !important;

    color: #ffffff !important;

    transform: translateY(-2px) !important;
}


.ci-btn-outline {
    background: transparent !important;

    border: 2px solid var(--ci-primary) !important;

    color: var(--ci-primary) !important;
}


.ci-btn-outline:hover {
    background: var(--ci-primary) !important;

    color: #ffffff !important;
}


/* =========================================================
   10. ICON
   ========================================================= */

.ci-icon {
    width: 55px !important;

    height: 55px !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    margin-bottom: 18px !important;

    border-radius: 50% !important;

    background: var(--ci-icon-bg) !important;

    color: var(--ci-primary) !important;

    font-size: 24px !important;
}


.ci-icon i {
    color: var(--ci-primary) !important;
}


/* =========================================================
   11. FEATURE CARD
   ========================================================= */

.ci-card {
    height: 100% !important;

    padding: 28px !important;

    background: var(--ci-card-bg) !important;

    border: 1px solid var(--ci-border) !important;

    border-radius: var(--ci-radius) !important;

    box-shadow: var(--ci-shadow) !important;

    transition: var(--ci-transition) !important;
}


.ci-card:hover {
    transform: translateY(-5px) !important;

    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12) !important;
}


.ci-card h3 {
    margin: 0 0 12px !important;

    color: var(--ci-heading) !important;

    font-size: 21px !important;
}


.ci-card p {
    margin: 0 !important;
    padding: 0px !important;
    color: var(--ci-text) !important;

    font-size: 15px !important;

    line-height: 1.7 !important;
}


/* =========================================================
   12. IMAGE CARD
   ========================================================= */

.ci-image-card {
    height: 100% !important;

    overflow: hidden !important;

    background: #ffffff !important;

    border: 1px solid var(--ci-border) !important;

    border-radius: var(--ci-radius) !important;

    box-shadow: var(--ci-shadow) !important;
}


.ci-image-card img {
    width: 100% !important;

    height: 220px !important;

    display: block !important;

    object-fit: cover !important;
}


.ci-image-card-content {
    padding: 22px !important;
}


.ci-image-card h3 {
    margin: 0 0 10px !important;

    font-size: 20px !important;
}


/* =========================================================
   13. TWO COLUMN CONTENT
   ========================================================= */

.ci-content-grid {
    display: grid !important;

    grid-template-columns: 1fr 1fr !important;

    gap: 40px !important;

    align-items: center !important;
}


.ci-content-grid img {
    width: 100% !important;

    border-radius: var(--ci-radius) !important;
}


/* =========================================================
   14. CHECKLIST
   ========================================================= */

.ci-checklist {
    margin: 20px 0 !important;

    padding: 0 !important;

    list-style: none !important;
}


.ci-checklist li {
    position: relative !important;

    margin-bottom: 12px !important;

    padding-left: 30px !important;

    color: var(--ci-text) !important;

    font-size: 16px !important;

    line-height: 1.6 !important;
}


.ci-checklist li::before {
    content: "✓" !important;

    position: absolute !important;

    left: 0 !important;

    top: 0 !important;

    color: var(--ci-primary) !important;

    font-weight: 800 !important;

    font-size: 18px !important;
}


/* =========================================================
   15. INFO / CALLOUT BOX
   ========================================================= */

.ci-callout {
    margin: 30px 0 !important;

    padding: 25px 30px !important;

    background: rgba(25, 143, 207, 0.07) !important;

    border-left: 4px solid var(--ci-primary) !important;

    border-radius: 5px !important;
}


.ci-callout p {
    margin: 0 !important;
}


/* =========================================================
   16. DARK CALLOUT
   ========================================================= */

.ci-dark-callout {
    padding: 35px !important;

    background: #0c252c !important;

    border-radius: 8px !important;

    color: #ffffff !important;
}


.ci-dark-callout h2,
.ci-dark-callout h3,
.ci-dark-callout p {
    color: #ffffff !important;
}


/* =========================================================
   17. TRUST BAR
   ========================================================= */

.ci-trust-bar {
    display: flex !important;

    flex-wrap: wrap !important;

    justify-content: center !important;
border-radius: 10px;
    gap: 15px !important;

    padding: 15px 20px !important;

    background: #ffffff !important;

    border: 1px solid var(--ci-border) !important;

    box-shadow: var(--ci-shadow) !important;
}


.ci-trust-item {
    display: flex !important;

    align-items: center !important;

    gap: 8px !important;

    padding: 8px 15px !important;

    color: var(--ci-text) !important;

    font-size: 14px !important;

    font-weight: 600 !important;
}


.ci-trust-item i {
    color: var(--ci-primary) !important;

    font-size: 18px !important;
}


/* =========================================================
   18. PROCESS CARD
   ========================================================= */

.ci-process-card {
    position: relative !important;

    height: 100% !important;

    padding: 28px !important;

    background: #ffffff !important;

    border: 1px solid var(--ci-border) !important;

    border-radius: 8px !important;

    box-shadow: var(--ci-shadow) !important;
}


.ci-process-number {
    width: 42px !important;

    height: 42px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    margin-bottom: 18px !important;

    background: var(--ci-primary) !important;

    color: #ffffff !important;

    border-radius: 50% !important;

    font-weight: 800 !important;
}


/* =========================================================
   19. STAT CARD
   ========================================================= */

.ci-stat {
    padding: 25px !important;

    text-align: center !important;

    background: #ffffff !important;

    border: 1px solid var(--ci-border) !important;

    border-radius: 8px !important;
}


.ci-stat-number {
    display: block !important;

    color: var(--ci-primary) !important;

    font-size: 38px !important;

    font-weight: 800 !important;

    line-height: 1 !important;
}


.ci-stat-label {
    display: block !important;

    margin-top: 8px !important;

    color: var(--ci-text) !important;

    font-size: 14px !important;
}


/* =========================================================
   20. GALLERY
   ========================================================= */

.ci-gallery {
    display: grid !important;

    grid-template-columns: repeat(3, 1fr) !important;

    gap: 18px !important;
}


.ci-gallery-item {
    position: relative !important;

    overflow: hidden !important;

    border-radius: 7px !important;

    background: #ffffff !important;
}


.ci-gallery-item img {
    width: 100% !important;

    height: 230px !important;

    display: block !important;

    object-fit: cover !important;

    transition: transform 0.4s ease !important;
}


.ci-gallery-item:hover img {
    transform: scale(1.05) !important;
}


.ci-gallery-caption {
    padding: 12px 15px !important;

    background: #ffffff !important;

    color: var(--ci-text) !important;

    font-size: 14px !important;

    font-weight: 600 !important;
}


/* =========================================================
   21. TABLE
   ========================================================= */

.ci-table-wrapper {
    width: 100% !important;

    overflow-x: auto !important;
}


.ci-table {
    width: 100% !important;

    border-collapse: collapse !important;

    background: #ffffff !important;
}


.ci-table th {
    padding: 14px 16px !important;

    background: var(--ci-primary) !important;

    color: #ffffff !important;

    text-align: left !important;

    font-weight: 700 !important;
}


.ci-table td {
    padding: 14px 16px !important;

    color: var(--ci-text) !important;

    border: 1px solid var(--ci-border) !important;
}


.ci-table tr:nth-child(even) {
    background: #f7f9fa !important;
}


/* =========================================================
   22. FAQ
   ========================================================= */

.ci-faq {
    max-width: 1000px !important;

    margin: 0 auto !important;
}


.ci-faq-item {
    margin-bottom: 12px !important;

    overflow: hidden !important;

    background: #ffffff !important;

    border: 1px solid var(--ci-border) !important;

    border-radius: 8px !important;

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}


.ci-faq-question {
    width: 100% !important;

    min-height: 68px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    gap: 20px !important;

    padding: 18px 22px !important;

    background: #ffffff !important;

    color: #000000 !important;

    border: 0 !important;

    text-align: left !important;

    font-size: 17px !important;

    font-weight: 700 !important;

    cursor: pointer !important;
}


.ci-faq-question:hover {
    color: var(--ci-primary) !important;
}


.ci-faq-icon {
    flex: 0 0 auto !important;

    width: 32px !important;

    height: 32px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    border-radius: 50% !important;

    background: var(--ci-icon-bg) !important;

    color: var(--ci-primary) !important;
}


.ci-faq-answer {
    padding: 0 22px 22px !important;

    color: var(--ci-text) !important;

    font-size: 15px !important;

    line-height: 1.7 !important;
}


/* =========================================================
   23. SERVICE AREA
   ========================================================= */

.ci-city-list {
    display: flex !important;

    flex-wrap: wrap !important;

    justify-content: center !important;

    gap: 10px !important;

    margin: 25px 0 !important;

    padding: 0 !important;

    list-style: none !important;
}


.ci-city-list li {
    padding: 9px 16px !important;

    background: #ffffff !important;

    border: 1px solid var(--ci-border) !important;

    border-radius: 30px !important;

    color: var(--ci-text) !important;

    font-size: 14px !important;

    font-weight: 600 !important;
}


.ci-city-list li:hover {
    background: var(--ci-primary) !important;

    border-color: var(--ci-primary) !important;

    color: #ffffff !important;
}


/* =========================================================
   24. CTA SECTION
   ========================================================= */

.ci-cta {
    padding: 70px 20px !important;

    background: #0c252c !important;

    color: #ffffff !important;

    text-align: center !important;
}


.ci-cta-box {
    max-width: 1000px !important;

    margin: auto !important;

    padding: 45px 35px !important;

    border: 2px solid var(--ci-primary) !important;

    border-radius: 20px !important;
}


.ci-cta h2 {
    margin: 0 0 18px !important;

    color: #ffffff !important;

    font-size: 34px !important;
}


.ci-cta p {
    max-width: 800px !important;

    margin: 0 auto !important;

    color: #ffffff !important;

    font-size: 16px !important;

    line-height: 1.7 !important;
}


/* =========================================================
   25. FORM
   ========================================================= */

.ci-form {
    padding: 30px !important;

    background: #ffffff !important;

    border: 1px solid var(--ci-border) !important;

    border-radius: 8px !important;

    box-shadow: var(--ci-shadow) !important;
}


.ci-form-group {
    margin-bottom: 18px !important;
}


.ci-form label {
    display: block !important;

    margin-bottom: 7px !important;

    color: var(--ci-heading) !important;

    font-size: 14px !important;

    font-weight: 700 !important;
}


.ci-form input,
.ci-form select,
.ci-form textarea {
    width: 100% !important;

    padding: 12px 14px !important;

    background: #ffffff !important;

    border: 1px solid #ccd5da !important;

    border-radius: 4px !important;

    color: var(--ci-text) !important;

    font-size: 15px !important;

    outline: none !important;
}


.ci-form input:focus,
.ci-form select:focus,
.ci-form textarea:focus {
    border-color: var(--ci-primary) !important;

    box-shadow: 0 0 0 3px rgba(25, 143, 207, 0.12) !important;
}


.ci-form textarea {
    min-height: 130px !important;

    resize: vertical !important;
}


/* =========================================================
   26. WARRANTY / DARK FEATURE SECTION
   ========================================================= */

.ci-warranty {
    padding: 60px 20px !important;

    background: #050505 !important;

    color: #ffffff !important;
}


.ci-warranty h2,
.ci-warranty h3,
.ci-warranty p {
    color: #ffffff !important;
}


.ci-warranty-number {
    font-size: 60px !important;

    font-weight: 800 !important;

    color: var(--ci-primary) !important;
}


/* =========================================================
   27. REVIEW SECTION
   ========================================================= */

.ci-reviews {
    padding: 70px 20px !important;

    background: #0b0b0b !important;

    color: #ffffff !important;
}


.ci-reviews h2 {
    color: #ffffff !important;

    text-align: center !important;
}


.ci-review-card {
    height: 100% !important;

    padding: 25px !important;

    background: #ffffff !important;

    border-radius: 8px !important;

    color: var(--ci-text) !important;
}


.ci-stars {
    color: #f5b400 !important;

    letter-spacing: 2px !important;
}


/* =========================================================
   28. RESPONSIVE TABLET
   ========================================================= */

@media (max-width: 991px) {

    .ci-section {
        padding: 55px 0 !important;
    }


    .ci-section-header h2,
    .ci-section h2 {
        font-size: 31px !important;
    }


    .ci-section h3 {
        font-size: 22px !important;
    }


    .ci-hero {
        min-height: 560px !important;
    }


    .ci-hero h1 {
        font-size: 45px !important;
    }


    .ci-hero h2 {
        font-size: 22px !important;
    }


    .ci-content-grid {
        grid-template-columns: 1fr !important;

        gap: 30px !important;
    }


    .ci-gallery {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}


/* =========================================================
   29. RESPONSIVE MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .ci-section {
        padding: 45px 0 !important;
    }


    .ci-container {
        padding-left: 18px !important;

        padding-right: 18px !important;
    }


    .ci-section-header {
        margin-bottom: 30px !important;
    }


    .ci-section-header h2,
    .ci-section h2 {
        font-size: 28px !important;

        line-height: 1.25 !important;
    }


    .ci-section h3 {
        font-size: 21px !important;
    }


    .ci-section p {
        font-size: 15px !important;

        line-height: 1.65 !important;
    }


    /* HERO */

    .ci-hero {
        min-height: 620px !important;
    }


    .ci-hero::before {
        background: linear-gradient(90deg, rgba(5, 32, 48, 0.96), rgba(8, 55, 78, 0.9)) !important;
    }


    .ci-hero h1 {
        font-size: 37px !important;

        line-height: 1.12 !important;
    }


    .ci-hero h2 {
        font-size: 20px !important;

        line-height: 1.4 !important;
    }


    .ci-hero p {
        font-size: 15px !important;

        line-height: 1.65 !important;
    }


    /* BUTTONS */

    .ci-buttons {
        flex-direction: column !important;

        align-items: stretch !important;
    }


    .ci-btn {
        width: 100% !important;
    }


    /* CARDS */

    .ci-card {
        padding: 22px !important;
    }


    .ci-image-card img {
        height: 200px !important;
    }


    /* GALLERY */

    .ci-gallery {
        grid-template-columns: 1fr !important;
    }


    .ci-gallery-item img {
        height: 240px !important;
    }


    /* TRUST BAR */

    .ci-trust-bar {
        flex-direction: column !important;

        align-items: stretch !important;
    }


    .ci-trust-item {
        justify-content: center !important;
    }


    /* CTA */

    .ci-cta {
        padding: 50px 18px !important;
    }


    .ci-cta-box {
        padding: 32px 20px !important;

        border-radius: 12px !important;
    }


    .ci-cta h2 {
        font-size: 28px !important;
    }


    /* FORM */

    .ci-form {
        padding: 20px !important;
    }


    /* TABLE */

    .ci-table {
        min-width: 650px !important;
    }
}


/* =========================================================
   30. SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .ci-hero {
        min-height: 650px !important;
    }


    .ci-hero h1 {
        font-size: 32px !important;
    }


    .ci-hero h2 {
        font-size: 18px !important;
    }


    .ci-section-header h2,
    .ci-section h2 {
        font-size: 25px !important;
    }


    .ci-section h3 {
        font-size: 20px !important;
    }


    .ci-stat-number {
        font-size: 32px !important;
    }


    .ci-cta h2 {
        font-size: 25px !important;
    }
}


/* =========================================================
   CONCRETE INDY FOOTER
   Add this to components.css
   ========================================================= */

.page-footer {
    background: #252525 !important;
    color: #ffffff !important;
    margin: 0 !important;
    padding: 50px 0 0 !important;
    font-family: inherit !important;
}


/* =========================================================
   FOOTER MAIN CONTAINER
   ========================================================= */

.page-footer .container {
    max-width: 1320px !important;
    margin: 0 auto !important;
}


/* =========================================================
   FOOTER COLUMNS
   ========================================================= */

.page-footer .row {
    align-items: flex-start !important;
}


.page-footer .col-md-3,
.page-footer .col-md-2 {
    color: #ffffff !important;
}


/* =========================================================
   FOOTER LOGO
   ========================================================= */

.page-footer .ftr-logo,
.page-footer .logo-footer {
    max-width: 305px !important;
    width: 100% !important;
    height: auto !important;
    display: inline-block !important;
    padding: 0 !important;
}


.page-footer .col-md-3:first-child > a {
    display: inline-block !important;
    padding: 0 !important;
}


/* =========================================================
   FOOTER HEADINGS
   ========================================================= */

.page-footer h6 {
    color: #ffffff !important;

    font-size: 16px !important;

    font-weight: 700 !important;

    line-height: 1.3 !important;

    margin: 0 0 15px !important;

    text-transform: uppercase !important;

    text-align: center !important;
}


/* Center heading in first column */

.page-footer .col-md-3:first-child h6 {
    text-align: center !important;
}


/* =========================================================
   FOOTER HR
   ========================================================= */

.page-footer hr {
    border: 0 !important;

    border-top: 1px solid rgba(255, 255, 255, 0.20) !important;

    margin: 15px 0 20px !important;
}


.page-footer hr.deep-purple {
    width: 60px !important;

    height: 2px !important;

    margin: 0 0 25px !important;

    background: #198fcf !important;

    border: 0 !important;
}


/* Center first column HR */

.page-footer .col-md-3:first-child hr.deep-purple {
    margin-left: auto !important;

    margin-right: auto !important;
}


/* =========================================================
   FOOTER LINKS
   ========================================================= */

.page-footer p {
    margin: 0 0 16px !important;

    color: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.7 !important;
}


.page-footer p a {
    color: #ffffff !important;

    text-decoration: none !important;

    transition: all 0.3s ease !important;
}


.page-footer p a:hover {
    color: #198fcf !important;

    text-decoration: underline !important;
}


/* =========================================================
   FOOTER LINK COLUMNS
   ========================================================= */

.page-footer .footer-link p {
    color: #ffffff !important;
}


.page-footer .footer-link a {
    color: #ffffff !important;
}


.page-footer .footer-link a:hover {
    color: #198fcf !important;
}


/* =========================================================
   SOCIAL ICONS
   ========================================================= */

.page-footer .social-icons {
    display: flex !important;

    flex-wrap: wrap !important;

    justify-content: center !important;

    gap: 8px !important;

    margin: 20px auto 0 !important;

    padding: 0 !important;

    list-style: none !important;

    max-width: 270px !important;
}


.page-footer .social-icons li {
    margin: 0 !important;

    padding: 0 !important;

    list-style: none !important;
}


.page-footer .social-icons li a {
    width: 38px !important;

    height: 38px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    border-radius: 50% !important;

    background: #198fcf !important;

    color: #ffffff !important;

    text-decoration: none !important;

    font-size: 18px !important;

    transition: all 0.3s ease !important;
}


.page-footer .social-icons li a:hover {
    background: #ffffff !important;

    color: #198fcf !important;

    transform: translateY(-3px) !important;
}


.page-footer .social-icons li a i {
    color: inherit !important;

    font-size: 17px !important;
}


/* =========================================================
   BOTTOM CLICKABLE LOGOS
   ========================================================= */

.page-footer .row.justify-content-center.mt-3 {
    display: flex !important;

    flex-wrap: nowrap !important;

    justify-content: center !important;

    align-items: center !important;

    gap: 8px !important;

    margin-top: 25px !important;
}


.page-footer .row.justify-content-center.mt-3 .col-auto {
    padding: 0 3px !important;
}


.page-footer .row.justify-content-center.mt-3 img {
    width: auto !important;

    max-width: 120px !important;

    max-height: 45px !important;

    object-fit: contain !important;

    display: block !important;
}


/* =========================================================
   CERTIFIED / FINANCING IMAGE
   ========================================================= */

.page-footer img[src*="certified"] {
    width: 100% !important;

    max-width: 195px !important;

    height: auto !important;

    display: block !important;

    margin: 0 auto !important;
}


/* =========================================================
   FINANCING BUTTONS
   ========================================================= */

.page-footer .btn--rightBorder,
.page-footer .btn--leftBorder {
    position: relative !important;

    display: block !important;

    width: 145px !important;

    min-height: 42px !important;

    margin: 8px auto !important;

    padding: 10px 15px !important;

    background: #198fcf !important;

    border: 0 !important;

    border-radius: 0 !important;

    color: #ffffff !important;

    font-size: 14px !important;

    font-weight: 700 !important;

    text-transform: uppercase !important;

    transition: all 0.3s ease !important;
}


.page-footer .btn--rightBorder a,
.page-footer .btn--leftBorder a {
    color: #ffffff !important;

    text-decoration: none !important;
}


.page-footer .btn--rightBorder:hover,
.page-footer .btn--leftBorder:hover {
    background: #1176ad !important;

    transform: translateY(-2px) !important;
}


/* Blue side lines */

.page-footer .btn--rightBorder::before,
.page-footer .btn--leftBorder::before,
.page-footer .btn--rightBorder::after,
.page-footer .btn--leftBorder::after {
    content: "" !important;

    position: absolute !important;

    top: 50% !important;

    width: 20px !important;

    height: 2px !important;

    background: #198fcf !important;
}


.page-footer .btn--rightBorder::before,
.page-footer .btn--leftBorder::before {
    left: -20px !important;
}


.page-footer .btn--rightBorder::after,
.page-footer .btn--leftBorder::after {
    right: -20px !important;
}


/* =========================================================
   TABLET IMAGE
   ========================================================= */

.page-footer .tablet-img {
    max-width: 125px !important;

    width: 100% !important;

    height: auto !important;

    display: none !important;

    margin: 25px auto 0 !important;
}


/* =========================================================
   CONTACT SECTION
   ========================================================= */

.page-footer .fa-home,
.page-footer .fa-envelope,
.page-footer .fa-phone {
    color: #ffffff !important;

    width: 22px !important;

    text-align: center !important;

    margin-right: 10px !important;
}


.page-footer .col-md-3:last-child p {
    display: flex !important;

    align-items: flex-start !important;

    gap: 5px !important;
}


.page-footer .col-md-3:last-child p i {
    flex: 0 0 22px !important;

    margin-right: 5px !important;
}


/* =========================================================
   ADDRESS
   ========================================================= */

.page-footer .col-md-3:last-child p a {
    line-height: 1.7 !important;

    text-decoration: underline !important;
    text-align:left !important;
    text-decoration: none !important;
}


/* =========================================================
   EMAIL
   ========================================================= */

.page-footer .col-md-3:last-child p:nth-of-type(2) {
    align-items: center !important;
}


/* =========================================================
   PHONE
   ========================================================= */

.page-footer .col-md-3:last-child p:nth-of-type(3),
.page-footer .col-md-3:last-child p:nth-of-type(4) {
    align-items: center !important;
}


/* =========================================================
   COPYRIGHT
   ========================================================= */

.page-footer .footer-copyright {
    width: 100% !important;

    margin-top: 25px !important;

    padding: 18px 15px !important;

    background: #000000 !important;

    color: #ffffff !important;

    text-align: center !important;

    font-size: 14px !important;

    line-height: 1.5 !important;
}


/* =========================================================
   COPYRIGHT LINK
   ========================================================= */

.page-footer .footer-copyright a {
    color: #ffffff !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .page-footer {
        padding-top: 40px !important;
    }


    .page-footer .container {
        width: 100% !important;

        max-width: 100% !important;

        padding-left: 20px !important;

        padding-right: 20px !important;
    }


    .page-footer .row {
        margin-left: 0 !important;

        margin-right: 0 !important;
    }


    .page-footer .col-md-3,
    .page-footer .col-md-2 {
        width: 100% !important;

        max-width: 100% !important;

        margin-bottom: 35px !important;

        text-align: center !important;
    }


    .page-footer h6 {
        text-align: center !important;
    }


    .page-footer hr.deep-purple {
        margin-left: auto !important;

        margin-right: auto !important;
    }


    .page-footer .ftr-logo,
    .page-footer .logo-footer {
        max-width: 290px !important;
    }


    .page-footer .social-icons {
        margin-left: auto !important;

        margin-right: auto !important;
    }


    .page-footer .footer-link p {
        text-align: center !important;
    }


    .page-footer .col-md-3:last-child p {
        justify-content: center !important;

        text-align: left !important;

        max-width: 350px !important;

        margin-left: auto !important;

        margin-right: auto !important;
    }


    .page-footer .row.justify-content-center.mt-3 {
        flex-wrap: wrap !important;
    }


    .page-footer .row.justify-content-center.mt-3 img {
        max-width: 100px !important;

        max-height: 42px !important;
    }


    .page-footer img[src*="certified"] {
        max-width: 210px !important;
    }


    .page-footer .tablet-img {
        margin-left: auto !important;

        margin-right: auto !important;
    }


    .page-footer .footer-copyright {
        margin-top: 0 !important;

        font-size: 13px !important;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .page-footer {
        padding-top: 30px !important;
    }


    .page-footer .container {
        padding-left: 15px !important;

        padding-right: 15px !important;
    }


    .page-footer .ftr-logo,
    .page-footer .logo-footer {
        max-width: 260px !important;
    }


    .page-footer .social-icons li a {
        width: 36px !important;

        height: 36px !important;

        font-size: 16px !important;
    }


    .page-footer .btn--rightBorder,
    .page-footer .btn--leftBorder {
        width: 145px !important;
    }


    .page-footer .row.justify-content-center.mt-3 img {
        max-width: 85px !important;

        max-height: 38px !important;
    }


    .page-footer p {
        font-size: 14px !important;
    }

}

.protect{
   width: 100% !important;
   height: 500px !important;
   border-radius: 20px !important;
   object-fit: cover !important;
}

@media (max-width: 767px) {
    .protect{
        margin-top: 25px ;
   width: 100% !important;
   height: 250px !important;
   border-radius: 20px !important;
   object-fit: cover !important;
}
}

/* =========================================================
   FIRE PIT COMPARISON SECTION
   REUSABLE CLASS-BASED VERSION
   ========================================================= */

.ci-section.ci-section-light {
    width: 100% !important;
    background: #f4f6f8 !important;
    padding: 90px 20px !important;
    box-sizing: border-box !important;
}

.ci-section.ci-section-light .ci-container {
    width: 100% !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}


/* =========================================================
   SECTION INTRO
   ========================================================= */

.ci-section.ci-section-light .ci-section-intro {
    max-width: 900px !important;
    margin: 0 auto 50px !important;
    text-align: center !important;
}

.ci-section.ci-section-light .ci-eyebrow {
    display: inline-block !important;
    margin-bottom: 12px !important;
    color: #198fcf !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}

.ci-section.ci-section-light .ci-section-intro h2 {
    margin: 0 0 18px !important;
    padding: 0 !important;
    color: #000000 !important;
    font-size: 38px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    text-align: center !important;
}

.ci-section.ci-section-light .ci-divider {
    width: 70px !important;
    height: 4px !important;
    margin: 0 auto 22px !important;
    background: #198fcf !important;
    border-radius: 10px !important;
}

.ci-section.ci-section-light .ci-section-intro p {
    margin: 0 !important;
    color: #222222 !important;
    font-size: 18px !important;
    line-height: 1.75 !important;
    text-align: center !important;
}


/* =========================================================
   TWO CARD GRID
   ========================================================= */

.ci-section.ci-section-light .ci-comparison-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 30px !important;
    width: 100% !important;
    margin: 0 0 50px !important;
}


/* =========================================================
   COMPARISON CARD
   ========================================================= */

.ci-section.ci-section-light .ci-comparison-card {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    min-height: 540px !important;
    background: #ffffff !important;
    border: 1px solid #d9dfe6 !important;
    border-radius: 16px !important;
    padding: 35px !important;
    box-sizing: border-box !important;
    box-shadow: 0 8px 30px rgba(17, 24, 39, 0.08) !important;
    overflow: hidden !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.ci-section.ci-section-light .ci-comparison-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 40px rgba(17, 24, 39, 0.14) !important;
}


/* Premium card */

.ci-section.ci-section-light .ci-comparison-card-premium {
    border-top: 5px solid #198fcf !important;
}


/* =========================================================
   BADGE
   ========================================================= */

.ci-section.ci-section-light .ci-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content !important;
    margin-bottom: 18px !important;
    padding: 7px 14px !important;
    background: rgba(25, 143, 207, 0.10) !important;
    color: #198fcf !important;
    border: 1px solid rgba(25, 143, 207, 0.25) !important;
    border-radius: 50px !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: 0.5px !important;
}


/* =========================================================
   CARD HEADINGS
   ========================================================= */

.ci-section.ci-section-light .ci-comparison-card h3 {
    margin: 0 0 18px !important;
    padding: 0 !important;
    color: #000000 !important;
    font-size: 27px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
}

.ci-section.ci-section-light .ci-comparison-card p {
    margin: 0 !important;
    color: #303640 !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
}


/* =========================================================
   FEATURES
   ========================================================= */

.ci-section.ci-section-light .ci-comparison-features {
    margin-top: 28px !important;
    padding-top: 25px !important;
    border-top: 1px solid #d9dfe6 !important;
}

.ci-section.ci-section-light .ci-comparison-feature {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin-bottom: 15px !important;
    color: #222222 !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
}

.ci-section.ci-section-light .ci-comparison-feature:last-child {
    margin-bottom: 0 !important;
}


/* =========================================================
   FEATURE ICON
   ========================================================= */

.ci-section.ci-section-light .ci-feature-icon {
    flex: 0 0 27px !important;
    width: 27px !important;
    height: 27px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: -2px !important;
    background: rgba(25, 143, 207, 0.12) !important;
    color: #198fcf !important;
    border-radius: 50% !important;
    font-size: 12px !important;
}

.ci-section.ci-section-light .ci-feature-icon i {
    color: #198fcf !important;
    font-size: 12px !important;
}


/* =========================================================
   CARD BUTTON
   ========================================================= */

.ci-section.ci-section-light .ci-comparison-card-button {
    margin-top: auto !important;
    padding-top: 30px !important;
}

.ci-section.ci-section-light .ci-btn-primary,
.ci-section.ci-section-light .ci-btn-secondary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 50px !important;
    padding: 13px 24px !important;
    border-radius: 6px !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
}


/* Primary */

.ci-section.ci-section-light .ci-btn-primary {
    background: #198fcf !important;
    color: #ffffff !important;
    border: 2px solid #198fcf !important;
}

.ci-section.ci-section-light .ci-btn-primary:hover {
    background: #111827 !important;
    color: #ffffff !important;
    border-color: #111827 !important;
}


/* Secondary */

.ci-section.ci-section-light .ci-btn-secondary {
    background: #111827 !important;
    color: #ffffff !important;
    border: 2px solid #111827 !important;
}

.ci-section.ci-section-light .ci-btn-secondary:hover {
    background: #198fcf !important;
    color: #ffffff !important;
    border-color: #198fcf !important;
}


/* =========================================================
   COMPARISON TABLE
   ========================================================= */

.ci-section.ci-section-light .ci-comparison-table-wrapper {
    width: 100% !important;
    margin-top: 10px !important;
    background: #ffffff !important;
    border: 1px solid #d9dfe6 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 25px rgba(17, 24, 39, 0.06) !important;
}

.ci-section.ci-section-light .table-responsive {
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
}


/* Table */

.ci-section.ci-section-light .ci-comparison-table {
    width: 100% !important;
    min-width: 700px !important;
    margin: 0 !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    background: #ffffff !important;
}


/* Header */

.ci-section.ci-section-light .ci-comparison-table thead th {
    padding: 20px 22px !important;
    background: #111827 !important;
    color: #ffffff !important;
    border: 0 !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    text-align: left !important;
    vertical-align: middle !important;
}


/* Body cells */

.ci-section.ci-section-light .ci-comparison-table tbody th,
.ci-section.ci-section-light .ci-comparison-table tbody td {
    padding: 17px 22px !important;
    border-bottom: 1px solid #d9dfe6 !important;
    color: #303640 !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    text-align: left !important;
    vertical-align: middle !important;
    background: #ffffff !important;
}

.ci-section.ci-section-light .ci-comparison-table tbody th {
    color: #111827 !important;
    font-weight: 700 !important;
}

.ci-section.ci-section-light .ci-comparison-table tbody tr:nth-child(even) td,
.ci-section.ci-section-light .ci-comparison-table tbody tr:nth-child(even) th {
    background: #f8fafc !important;
}

.ci-section.ci-section-light .ci-comparison-table tbody tr:last-child th,
.ci-section.ci-section-light .ci-comparison-table tbody tr:last-child td {
    border-bottom: 0 !important;
}


/* =========================================================
   TABLE COLUMN WIDTHS
   ========================================================= */

.ci-section.ci-section-light .ci-comparison-table th:first-child {
    width: 22% !important;
}

.ci-section.ci-section-light .ci-comparison-table th:nth-child(2) {
    width: 39% !important;
}

.ci-section.ci-section-light .ci-comparison-table th:nth-child(3) {
    width: 39% !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .ci-section.ci-section-light {
        padding: 70px 20px !important;
    }

    .ci-section.ci-section-light .ci-section-intro h2 {
        font-size: 34px !important;
    }

    .ci-section.ci-section-light .ci-comparison-grid {
        gap: 20px !important;
    }

    .ci-section.ci-section-light .ci-comparison-card {
        padding: 28px !important;
        min-height: 560px !important;
    }

    .ci-section.ci-section-light .ci-comparison-card h3 {
        font-size: 24px !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .ci-section.ci-section-light {
        padding: 55px 15px !important;
    }

    .ci-section.ci-section-light .ci-section-intro {
        margin-bottom: 35px !important;
    }

    .ci-section.ci-section-light .ci-section-intro h2 {
        font-size: 29px !important;
        line-height: 1.25 !important;
    }

    .ci-section.ci-section-light .ci-section-intro p {
        font-size: 16px !important;
        line-height: 1.65 !important;
    }

    .ci-section.ci-section-light .ci-eyebrow {
        font-size: 13px !important;
    }

    .ci-section.ci-section-light .ci-comparison-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        margin-bottom: 35px !important;
    }

    .ci-section.ci-section-light .ci-comparison-card {
        min-height: auto !important;
        padding: 25px 20px !important;
    }

    .ci-section.ci-section-light .ci-comparison-card h3 {
        font-size: 23px !important;
    }

    .ci-section.ci-section-light .ci-comparison-card p {
        font-size: 16px !important;
    }

    .ci-section.ci-section-light .ci-comparison-feature {
        font-size: 15px !important;
    }

    .ci-section.ci-section-light .ci-comparison-card-button {
        padding-top: 25px !important;
    }

    .ci-section.ci-section-light .ci-btn-primary,
    .ci-section.ci-section-light .ci-btn-secondary {
        width: 100% !important;
        min-height: 50px !important;
        padding: 13px 18px !important;
    }

    .ci-section.ci-section-light .ci-comparison-table-wrapper {
        border-radius: 10px !important;
    }

    .ci-section.ci-section-light .ci-comparison-table {
        min-width: 700px !important;
    }

    .ci-section.ci-section-light .ci-comparison-table thead th,
    .ci-section.ci-section-light .ci-comparison-table tbody th,
    .ci-section.ci-section-light .ci-comparison-table tbody td {
        padding: 14px 15px !important;
        font-size: 14px !important;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .ci-section.ci-section-light {
        padding: 45px 12px !important;
    }

    .ci-section.ci-section-light .ci-section-intro h2 {
        font-size: 26px !important;
    }

    .ci-section.ci-section-light .ci-comparison-card {
        padding: 22px 17px !important;
        border-radius: 12px !important;
    }

    .ci-section.ci-section-light .ci-comparison-card h3 {
        font-size: 21px !important;
    }

    .ci-section.ci-section-light .ci-badge {
        font-size: 11px !important;
        padding: 6px 11px !important;
    }
}
/* =========================================================
   SECTION 6 - PREMIUM SUMMIT STONE FIRE PITS
   FORCE OVERRIDES
========================================================= */

.ci-premium-fire-pits {
    background: #111827 !important;
    color: #ffffff !important;
    padding: 90px 0 !important;
    width: 100% !important;
}

.ci-premium-fire-pits .ci-container {
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}


/* =========================================================
   INTRO
========================================================= */

.ci-premium-intro {
    max-width: 900px !important;
    margin: 0 auto 55px !important;
    text-align: center !important;
}

.ci-premium-eyebrow {
    display: inline-block !important;
    color: #198fcf !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    margin-bottom: 12px !important;
}

.ci-premium-intro h2 {
    color: #ffffff !important;
    font-size: 40px !important;
    line-height: 1.2 !important;
    margin: 0 0 22px !important;
    font-weight: 700 !important;
}

.ci-premium-intro p {
    color: #e5e7eb !important;
    font-size: 17px !important;
    line-height: 1.75 !important;
    margin: 0 0 15px !important;
}


/* =========================================================
   SPECIFICATION GRID
========================================================= */

.ci-premium-spec-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 18px !important;
    margin-bottom: 30px !important;
}

.ci-premium-spec-card {
    background: #ffffff !important;
    color: #222222 !important;
    border: 1px solid #d9dfe6 !important;
    border-radius: 14px !important;
    padding: 25px 20px !important;
    text-align: center !important;
    min-height: 175px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12) !important;
}

.ci-premium-spec-icon {
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    background: rgba(25, 143, 207, 0.12) !important;
    color: #198fcf !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 14px !important;
    font-size: 18px !important;
}
.ci-premium-spec-icon i{
    color: #198fcf !important;
}

.ci-premium-spec-label {
    color: #555555 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    margin-bottom: 7px !important;
    display: block !important;
}

.ci-premium-spec-card strong {
    color: #111827 !important;
    font-size: 18px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
}


/* =========================================================
   PACKAGE NOTE
========================================================= */

.ci-premium-package-note {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    background: rgba(25, 143, 207, 0.12) !important;
    border: 1px solid rgba(25, 143, 207, 0.45) !important;
    border-radius: 12px !important;
    padding: 18px 22px !important;
    margin-bottom: 80px !important;
}

.ci-premium-package-note > i {
    color: #198fcf !important;
    font-size: 22px !important;
    flex-shrink: 0 !important;
}

.ci-premium-package-note p {
    color: #ffffff !important;
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    padding: 0px !important;
}


/* =========================================================
   SUBSECTIONS
========================================================= */

.ci-premium-subsection {
    margin-bottom: 80px !important;
}

.ci-premium-subsection-heading {
    max-width: 850px !important;
    margin-bottom: 35px !important;
}

.ci-premium-subsection-heading h3 {
    color: #ffffff !important;
    font-size: 32px !important;
    line-height: 1.25 !important;
    margin: 0 0 15px !important;
    font-weight: 700 !important;
}

.ci-premium-subsection-heading p {
    color: #dce2e8 !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    padding: 0px !important;
}


/* =========================================================
   TEXTURE CARDS
========================================================= */

.ci-premium-texture-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 28px !important;
}

.ci-premium-product-card {
    background: #ffffff !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    border: 1px solid #d9dfe6 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
}

.ci-premium-product-image {
    height: 300px !important;
    overflow: hidden !important;
}

.ci-premium-product-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.ci-premium-product-content {
    padding: 28px !important;
}

.ci-product-badge {
    display: inline-block !important;
    background: rgba(25, 143, 207, 0.12) !important;
    color: #198fcf !important;
    border-radius: 30px !important;
    padding: 6px 12px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.6px !important;
    margin-bottom: 12px !important;
}

.ci-premium-product-content h4 {
    color: #111827 !important;
    font-size: 25px !important;
    line-height: 1.3 !important;
    margin: 0 0 12px !important;
    font-weight: 700 !important;
}

.ci-premium-product-content p {
    color: #303640 !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    padding: 0px !important;
}


/* =========================================================
   SUMMIT STONE COLORS
========================================================= */

.ci-summit-color-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
}

.ci-summit-color-card {
    background: #ffffff !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    border: 1px solid #d9dfe6 !important;
    text-align: center !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12) !important;
}

.ci-summit-color-card img {
    width: 100% !important;
    height: 180px !important;
    object-fit: cover !important;
    display: block !important;
}

.ci-summit-color-card h4 {
    color: #111827 !important;
    font-size: 19px !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    padding: 16px !important;
    font-weight: 700 !important;
}


/* =========================================================
   COLOR DISCLAIMER
========================================================= */

.ci-color-disclaimer {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin-top: 25px !important;
    padding: 18px 20px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 10px !important;
}

.ci-color-disclaimer i {
    color: #198fcf !important;
    margin-top: 4px !important;
    flex-shrink: 0 !important;
}

.ci-color-disclaimer p {
    color: #cbd5df !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    padding: 0px !important;
}


/* =========================================================
   CAP CARDS
========================================================= */

.ci-cap-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 28px !important;
}

.ci-cap-card {
    background: #ffffff !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    border: 1px solid #d9dfe6 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
}

.ci-cap-image {
    height: 280px !important;
    overflow: hidden !important;
}

.ci-cap-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.ci-cap-content {
    padding: 28px !important;
}

.ci-cap-content h4 {
    color: #111827 !important;
    font-size: 26px !important;
    line-height: 1.3 !important;
    margin: 0 0 10px !important;
    font-weight: 700 !important;
}

.ci-cap-content p {
    color: #303640 !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    padding: 0px !important;
}


/* =========================================================
   PREMIUM CTA
========================================================= */

.ci-premium-cta {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 35px !important;
    background: #252b33 !important;
    border: 1px solid #198fcf !important;
    border-radius: 16px !important;
    padding: 40px !important;
    margin-top: 10px !important;
}

.ci-premium-cta-content {
    max-width: 720px !important;
}

.ci-premium-cta-content h3 {
    color: #ffffff !important;
    font-size: 28px !important;
    line-height: 1.3 !important;
    margin: 0 0 12px !important;
    font-weight: 700 !important;
}

.ci-premium-cta-content p {
    color: #dce2e8 !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    padding: 0px !important;
}

.ci-premium-cta-button {
    flex-shrink: 0 !important;
}


/* =========================================================
   PREMIUM BUTTON
========================================================= */

.ci-premium-fire-pits .ci-btn-primary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 50px !important;
    padding: 14px 24px !important;
    background: #198fcf !important;
    color: #ffffff !important;
    border: 2px solid #198fcf !important;
    border-radius: 7px !important;
    text-decoration: none !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    transition: all 0.25s ease !important;
}

.ci-premium-fire-pits .ci-btn-primary:hover {
    background: #ffffff !important;
    color: #198fcf !important;
    border-color: #ffffff !important;
    text-decoration: none !important;
}


/* =========================================================
   RESPONSIVE - TABLET
========================================================= */

@media (max-width: 991px) {

    .ci-premium-spec-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .ci-summit-color-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .ci-premium-cta {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

}


/* =========================================================
   RESPONSIVE - MOBILE
========================================================= */

@media (max-width: 767px) {

    .ci-premium-fire-pits {
        padding: 65px 0 !important;
    }

    .ci-premium-fire-pits .ci-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .ci-premium-intro {
        margin-bottom: 40px !important;
    }

    .ci-premium-intro h2 {
        font-size: 30px !important;
        line-height: 1.25 !important;
    }

    .ci-premium-intro p {
        font-size: 16px !important;
        line-height: 1.7 !important;
    }

    .ci-premium-spec-grid {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }

    .ci-premium-spec-card {
        min-height: 150px !important;
    }

    .ci-premium-subsection {
        margin-bottom: 60px !important;
    }

    .ci-premium-subsection-heading h3 {
        font-size: 27px !important;
        line-height: 1.3 !important;
    }

    .ci-premium-subsection-heading p {
        font-size: 16px !important;
    }

    .ci-premium-texture-grid,
    .ci-cap-grid {
        grid-template-columns: 1fr !important;
    }

    .ci-summit-color-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }

    .ci-summit-color-card img {
        height: 140px !important;
    }

    .ci-premium-product-image {
        height: 240px !important;
    }

    .ci-cap-image {
        height: 240px !important;
    }

    .ci-premium-package-note {
        align-items: flex-start !important;
    }

    .ci-premium-cta {
        padding: 28px 22px !important;
    }

    .ci-premium-cta-content h3 {
        font-size: 24px !important;
    }

    .ci-premium-cta-button {
        width: 100% !important;
    }

    .ci-premium-cta-button .ci-btn-primary {
        width: 100% !important;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .ci-premium-intro h2 {
        font-size: 28px !important;
    }

    .ci-summit-color-grid {
        grid-template-columns: 1fr !important;
    }

    .ci-premium-product-content,
    .ci-cap-content {
        padding: 22px !important;
    }

}




/* =========================================================
   BUDGET FIRE PITS SECTION
   ========================================================= */

.ci-budget-fire-pits {
    background: #f4f6f8 !important;
    padding: 80px 0 !important;
    width: 100% !important;
    color: #303640 !important;
    box-sizing: border-box !important;
}

.ci-budget-fire-pits .ci-container {
    width: 100% !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}


/* =========================================================
   SECTION INTRO
   ========================================================= */

.ci-budget-fire-pits .ci-section-intro {
    max-width: 900px !important;
    margin: 0 auto 50px !important;
    text-align: center !important;
}

.ci-budget-fire-pits .ci-eyebrow {
    display: inline-block !important;
    color: #198fcf !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    margin-bottom: 12px !important;
}

.ci-budget-fire-pits h2 {
    color: #000000 !important;
    font-size: 40px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    text-align: center !important;
    margin: 0 0 20px !important;
}

.ci-budget-fire-pits .ci-divider {
    width: 60px !important;
    height: 4px !important;
    background: #198fcf !important;
    border-radius: 10px !important;
    margin: 0 auto 25px !important;
}

.ci-budget-fire-pits .ci-section-intro p {
    color: #303640 !important;
    font-size: 18px !important;
    line-height: 1.7 !important;
    margin: 0 0 15px !important;
}


/* =========================================================
   MODEL GRID
   ========================================================= */

.ci-budget-fire-pits .ci-budget-models {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 30px !important;
    width: 100% !important;
}


/* =========================================================
   MODEL CARD
   ========================================================= */

.ci-budget-fire-pits .ci-budget-model {
    display: flex !important;
    flex-direction: column !important;
    background: #ffffff !important;
    border: 1px solid #d9dfe6 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 100% !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08) !important;
    box-sizing: border-box !important;
}


/* =========================================================
   IMAGE / GALLERY AREA
   ========================================================= */

.ci-budget-fire-pits .ci-budget-image {
    width: 100% !important;
    background: #ffffff !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.ci-budget-fire-pits .ci-color-gallery {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 20px !important;
    box-sizing: border-box !important;
}


/* =========================================================
   MAIN IMAGE
   ========================================================= */

.ci-budget-fire-pits .ci-color-main {
    width: 100% !important;
    height: 300px !important;
    overflow: hidden !important;
    border-radius: 10px !important;
    background: #f4f6f8 !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.ci-budget-fire-pits .ci-color-main-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}


/* =========================================================
   STATUS
   ========================================================= */

.ci-budget-fire-pits .ci-color-status {
    display: block !important;
    width: 100% !important;
    margin: 0 0 15px 0 !important;
    padding: 0 !important;
    color: #111827 !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
}


/* =========================================================
   THUMBNAIL ROW
   ========================================================= */

.ci-budget-fire-pits .ci-color-thumbnails {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 5px 5px 12px 5px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overscroll-behavior-x: contain !important;
    -webkit-overflow-scrolling: touch !important;
}


/* =========================================================
   THUMBNAIL BUTTON
   ========================================================= */

.ci-budget-fire-pits .ci-color-thumbnail {
    display: block !important;
    flex: 0 0 100px !important;
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #ffffff !important;
    border: 2px solid #d9dfe6 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    cursor: pointer !important;
    text-align: center !important;
    box-sizing: border-box !important;
    font-family: inherit !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease !important;
}


/* =========================================================
   THUMBNAIL IMAGE
   ========================================================= */

.ci-budget-fire-pits .ci-color-thumbnail img {
    display: block !important;
    width: 100% !important;
    height: 70px !important;
    object-fit: cover !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}


/* =========================================================
   COLOR LABEL
   ========================================================= */

.ci-budget-fire-pits .ci-color-thumbnail span {
    display: block !important;
    width: 100% !important;
    padding: 7px 4px !important;
    margin: 0 !important;
    background: #ffffff !important;
    color: #303640 !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    text-align: center !important;
    box-sizing: border-box !important;
}


/* =========================================================
   HOVER
   ========================================================= */

.ci-budget-fire-pits .ci-color-thumbnail:hover {
    border-color: #198fcf !important;
    transform: translateY(-2px) !important;
}


/* =========================================================
   ACTIVE
   ========================================================= */

.ci-budget-fire-pits .ci-color-thumbnail.is-active {
    border-color: #198fcf !important;
    box-shadow: 0 0 0 2px rgba(25, 143, 207, 0.20) !important;
}


/* =========================================================
   KEYBOARD FOCUS
   ========================================================= */

.ci-budget-fire-pits .ci-color-thumbnail:focus {
    outline: none !important;
}

.ci-budget-fire-pits .ci-color-thumbnail:focus-visible {
    outline: 3px solid #111827 !important;
    outline-offset: 3px !important;
}


/* =========================================================
   THUMBNAIL SCROLLBAR
   ========================================================= */

.ci-budget-fire-pits .ci-color-thumbnails::-webkit-scrollbar {
    height: 6px !important;
}

.ci-budget-fire-pits .ci-color-thumbnails::-webkit-scrollbar-track {
    background: #e9edf1 !important;
    border-radius: 10px !important;
}

.ci-budget-fire-pits .ci-color-thumbnails::-webkit-scrollbar-thumb {
    background: #198fcf !important;
    border-radius: 10px !important;
}


/* =========================================================
   CARD CONTENT
   ========================================================= */

.ci-budget-fire-pits .ci-budget-model-content {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    padding: 30px !important;
    box-sizing: border-box !important;
}

.ci-budget-fire-pits .ci-budget-badges {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-bottom: 18px !important;
}

.ci-budget-fire-pits .ci-budget-badge {
    display: inline-block !important;
    background: rgba(25, 143, 207, 0.10) !important;
    border: 1px solid rgba(25, 143, 207, 0.25) !important;
    color: #198fcf !important;
    padding: 7px 12px !important;
    border-radius: 30px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

.ci-budget-fire-pits .ci-budget-model h3 {
    color: #000000 !important;
    font-size: 24px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
    margin: 0 0 15px !important;
}

.ci-budget-fire-pits .ci-budget-model-content p {
    color: #303640 !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    margin: 0 0 20px !important;
}


/* =========================================================
   BUTTON
   ========================================================= */

.ci-budget-fire-pits .ci-budget-button {
    margin-top: auto !important;
    padding-top: 25px !important;
}

.ci-budget-fire-pits .ci-budget-button a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 50px !important;
    padding: 12px 20px !important;
    background: #198fcf !important;
    border: 2px solid #198fcf !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    text-align: center !important;
    box-sizing: border-box !important;
    transition: all 0.25s ease !important;
}

.ci-budget-fire-pits .ci-budget-button a:hover {
    background: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
}


/* =========================================================
   AVAILABILITY
   ========================================================= */

.ci-budget-fire-pits .ci-availability {
    margin-top: 20px !important;
    padding: 13px 15px !important;
    background: #f4f6f8 !important;
    border-left: 3px solid #198fcf !important;
    border-radius: 4px !important;
    color: #555555 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
}


/* =========================================================
   DISCLAIMER
   ========================================================= */

.ci-budget-fire-pits .ci-budget-disclaimer {
    max-width: 900px !important;
    margin: 40px auto 0 !important;
    padding: 18px 20px !important;
    background: #ffffff !important;
    border: 1px solid #d9dfe6 !important;
    border-radius: 10px !important;
    color: #555555 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    text-align: center !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .ci-budget-fire-pits {
        padding: 65px 0 !important;
    }

    .ci-budget-fire-pits .ci-budget-models {
        grid-template-columns: 1fr !important;
        max-width: 700px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .ci-budget-fire-pits h2 {
        font-size: 34px !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .ci-budget-fire-pits {
        padding: 50px 0 !important;
        overflow-x: hidden !important;
    }

    .ci-budget-fire-pits .ci-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
        max-width: 100% !important;
    }

    .ci-budget-fire-pits h2 {
        font-size: 30px !important;
        line-height: 1.25 !important;
    }

    .ci-budget-fire-pits .ci-section-intro p {
        font-size: 16px !important;
        line-height: 1.65 !important;
    }

    .ci-budget-fire-pits .ci-budget-model-content {
        padding: 22px !important;
    }

    .ci-budget-fire-pits .ci-budget-model h3 {
        font-size: 21px !important;
    }

    .ci-budget-fire-pits .ci-budget-model-content p {
        font-size: 16px !important;
    }

    .ci-budget-fire-pits .ci-color-gallery {
        padding: 15px !important;
    }

    .ci-budget-fire-pits .ci-color-main {
        height: 240px !important;
    }

    .ci-budget-fire-pits .ci-color-thumbnail {
        flex: 0 0 85px !important;
        width: 85px !important;
        min-width: 85px !important;
        max-width: 85px !important;
    }

    .ci-budget-fire-pits .ci-color-thumbnail img {
        height: 60px !important;
    }

    .ci-budget-fire-pits .ci-color-thumbnail span {
        font-size: 11px !important;
        padding: 6px 3px !important;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .ci-budget-fire-pits .ci-color-main {
        height: 210px !important;
    }

    .ci-budget-fire-pits .ci-color-thumbnail {
        flex: 0 0 80px !important;
        width: 80px !important;
        min-width: 80px !important;
        max-width: 80px !important;
    }

    .ci-budget-fire-pits .ci-color-thumbnail img {
        height: 55px !important;
    }

    .ci-budget-fire-pits .ci-color-thumbnail span {
        font-size: 10px !important;
    }

}



/* =========================================================
   OUTDOOR LIVING SECTION
   ========================================================= */

.ci-outdoor-living-section {
    width: 100% !important;
    padding: 80px 0 !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
}


/* =========================================================
   CONTAINER
   ========================================================= */

.ci-outdoor-living-section .ci-container {
    width: 100% !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}


/* =========================================================
   SECTION INTRO
   ========================================================= */

.ci-outdoor-living-section .ci-section-intro {
    width: 100% !important;
    max-width: 900px !important;
    margin: 0 auto 50px !important;
    text-align: center !important;
}

.ci-outdoor-living-section .ci-eyebrow {
    display: inline-block !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    color: #198fcf !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}

.ci-outdoor-living-section .ci-section-intro h2 {
    margin: 0 0 20px !important;
    padding: 0 !important;
    color: #111111 !important;
    font-size: 40px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    text-align: center !important;
}

.ci-outdoor-living-section .ci-divider {
    width: 60px !important;
    height: 4px !important;
    margin: 0 auto 25px !important;
    padding: 0 !important;
    background: #198fcf !important;
    border-radius: 10px !important;
}

.ci-outdoor-living-section .ci-section-intro p {
    margin: 0 !important;
    padding: 0 !important;
    color: #4a4a4a !important;
    font-size: 18px !important;
    line-height: 1.7 !important;
    font-weight: 400 !important;
    text-align: center !important;
}


/* =========================================================
   THREE EQUAL CARDS
   ========================================================= */

.ci-outdoor-living-section .ci-outdoor-living-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 30px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: stretch !important;
}


/* =========================================================
   CARD
   ========================================================= */

.ci-outdoor-living-section .ci-outdoor-living-card {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 35px 30px 30px !important;

    background: #ffffff !important;

    border: 1px solid #dfe4e8 !important;
    border-radius: 12px !important;

    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.07) !important;

    box-sizing: border-box !important;

    transition:
        transform 0.25s ease !important,
        box-shadow 0.25s ease !important,
        border-color 0.25s ease !important;
}


/* =========================================================
   CARD HOVER
   ========================================================= */

.ci-outdoor-living-section .ci-outdoor-living-card:hover {
    transform: translateY(-5px) !important;
    border-color: #198fcf !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.10) !important;
}


/* =========================================================
   ICON
   ========================================================= */

.ci-outdoor-living-section .ci-outdoor-living-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 62px !important;
    min-width: 62px !important;
    height: 62px !important;

    margin: 0 0 22px !important;
    padding: 0 !important;

    background: rgba(25, 143, 207, 0.10) !important;

    border-radius: 50% !important;

    color: #198fcf !important;

    font-size: 25px !important;

    box-sizing: border-box !important;
}

.ci-outdoor-living-section .ci-outdoor-living-icon i {
    margin: 0 !important;
    padding: 0 !important;
    color: #198fcf !important;
}


/* =========================================================
   CARD CONTENT
   ========================================================= */

.ci-outdoor-living-section .ci-outdoor-living-content {
    flex: 1 1 auto !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ci-outdoor-living-section .ci-outdoor-living-content h3 {
    margin: 0 0 15px !important;
    padding: 0 !important;

    color: #111111 !important;

    font-size: 25px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
}

.ci-outdoor-living-section .ci-outdoor-living-content p {
    margin: 0 !important;
    padding: 0 !important;

    color: #555555 !important;

    font-size: 16px !important;
    line-height: 1.7 !important;
    font-weight: 400 !important;
}


/* =========================================================
   BUTTON
   ========================================================= */

.ci-outdoor-living-section .ci-outdoor-living-button {
    width: 100% !important;
    margin: 30px 0 0 !important;
    padding: 0 !important;
}

.ci-outdoor-living-section .ci-outdoor-living-button a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 15px !important;

    width: 100% !important;
    min-height: 52px !important;

    margin: 0 !important;
    padding: 12px 18px !important;

    background: #198fcf !important;

    border: 2px solid #198fcf !important;
    border-radius: 7px !important;

    color: #ffffff !important;

    font-size: 13px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;

    text-decoration: none !important;
    text-align: left !important;

    box-sizing: border-box !important;

    transition:
        background 0.25s ease !important,
        border-color 0.25s ease !important,
        color 0.25s ease !important;
}

.ci-outdoor-living-section .ci-outdoor-living-button a span {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
}

.ci-outdoor-living-section .ci-outdoor-living-button a i {
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    font-size: 13px !important;
}

.ci-outdoor-living-section .ci-outdoor-living-button a:hover {
    background: #111111 !important;
    border-color: #111111 !important;
    color: #ffffff !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .ci-outdoor-living-section {
        padding: 65px 0 !important;
    }

    .ci-outdoor-living-section .ci-outdoor-living-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .ci-outdoor-living-section .ci-outdoor-living-card:last-child {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        max-width: calc(50% - 15px) !important;
        justify-self: center !important;
    }

    .ci-outdoor-living-section .ci-section-intro h2 {
        font-size: 34px !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .ci-outdoor-living-section {
        padding: 50px 0 !important;
        overflow-x: hidden !important;
    }

    .ci-outdoor-living-section .ci-container {
        max-width: 100% !important;
        padding: 0 15px !important;
    }

    .ci-outdoor-living-section .ci-section-intro {
        margin-bottom: 35px !important;
    }

    .ci-outdoor-living-section .ci-section-intro h2 {
        font-size: 30px !important;
        line-height: 1.25 !important;
    }

    .ci-outdoor-living-section .ci-section-intro p {
        font-size: 16px !important;
        line-height: 1.65 !important;
    }

    .ci-outdoor-living-section .ci-outdoor-living-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .ci-outdoor-living-section .ci-outdoor-living-card {
        width: 100% !important;
        max-width: 100% !important;
        padding: 28px 22px !important;
    }

    .ci-outdoor-living-section .ci-outdoor-living-card:last-child {
        grid-column: auto !important;
        max-width: 100% !important;
    }

    .ci-outdoor-living-section .ci-outdoor-living-content h3 {
        font-size: 22px !important;
    }

    .ci-outdoor-living-section .ci-outdoor-living-content p {
        font-size: 15px !important;
        line-height: 1.65 !important;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .ci-outdoor-living-section .ci-section-intro h2 {
        font-size: 27px !important;
    }

    .ci-outdoor-living-section .ci-outdoor-living-card {
        padding: 25px 20px !important;
    }

    .ci-outdoor-living-section .ci-outdoor-living-icon {
        width: 55px !important;
        min-width: 55px !important;
        height: 55px !important;
        font-size: 22px !important;
    }

    .ci-outdoor-living-section .ci-outdoor-living-content h3 {
        font-size: 21px !important;
    }

    .ci-outdoor-living-section .ci-outdoor-living-button a {
        font-size: 14px !important;
        padding: 11px 15px !important;
    }

}


/* =========================================================
   HOW IT WORKS SECTION
   ========================================================= */

.ci-how-it-works-section {
    width: 100% !important;
    padding: 80px 0 !important;
    background: #f7f8f9 !important;
    box-sizing: border-box !important;
}


/* =========================================================
   CONTAINER
   ========================================================= */

.ci-how-it-works-section .ci-container {
    width: 100% !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}


/* =========================================================
   SECTION INTRO
   ========================================================= */

.ci-how-it-works-section .ci-section-intro {
    max-width: 850px !important;
    margin: 0 auto 50px !important;
    text-align: center !important;
}

.ci-how-it-works-section .ci-eyebrow {
    display: inline-block !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    color: #198fcf !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}

.ci-how-it-works-section .ci-section-intro h2 {
    margin: 0 0 20px !important;
    padding: 0 !important;
    color: #111111 !important;
    font-size: 40px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}

.ci-how-it-works-section .ci-divider {
    width: 60px !important;
    height: 4px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: #198fcf !important;
    border-radius: 10px !important;
}


/* =========================================================
   FOUR CARD GRID
   ========================================================= */

.ci-how-it-works-section .ci-how-it-works-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 25px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: stretch !important;
}


/* =========================================================
   STEP CARD
   ========================================================= */

.ci-how-it-works-section .ci-how-step-card {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 300px !important;

    margin: 0 !important;
    padding: 30px 25px !important;

    background: #ffffff !important;

    border: 1px solid #dfe4e8 !important;
    border-radius: 12px !important;

    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06) !important;

    box-sizing: border-box !important;

    transition:
        transform 0.25s ease !important,
        box-shadow 0.25s ease !important,
        border-color 0.25s ease !important;
}


/* =========================================================
   CARD HOVER
   ========================================================= */

.ci-how-it-works-section .ci-how-step-card:hover {
    transform: translateY(-5px) !important;
    border-color: #198fcf !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.10) !important;
}


/* =========================================================
   STEP NUMBER
   ========================================================= */

.ci-how-it-works-section .ci-how-step-number {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 58px !important;
    min-width: 58px !important;
    height: 58px !important;

    margin: 0 0 22px !important;
    padding: 0 !important;

    background: #198fcf !important;

    border-radius: 50% !important;

    color: #ffffff !important;

    font-size: 24px !important;
    line-height: 1 !important;
    font-weight: 800 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   STEP CONTENT
   ========================================================= */

.ci-how-it-works-section .ci-how-step-content {
    flex: 1 1 auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ci-how-it-works-section .ci-how-step-content h3 {
    margin: 0 0 15px !important;
    padding: 0 !important;

    color: #111111 !important;

    font-size: 22px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
}

.ci-how-it-works-section .ci-how-step-content p {
    margin: 0 !important;
    padding: 0 !important;

    color: #555555 !important;

    font-size: 16px !important;
    line-height: 1.7 !important;
    font-weight: 400 !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .ci-how-it-works-section {
        padding: 65px 0 !important;
    }

    .ci-how-it-works-section .ci-how-it-works-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 25px !important;
    }

    .ci-how-it-works-section .ci-how-step-card {
        min-height: 280px !important;
    }

    .ci-how-it-works-section .ci-section-intro h2 {
        font-size: 34px !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .ci-how-it-works-section {
        padding: 50px 0 !important;
        overflow-x: hidden !important;
    }

    .ci-how-it-works-section .ci-container {
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .ci-how-it-works-section .ci-section-intro {
        margin-bottom: 35px !important;
    }

    .ci-how-it-works-section .ci-section-intro h2 {
        font-size: 30px !important;
        line-height: 1.25 !important;
    }

    .ci-how-it-works-section .ci-how-it-works-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .ci-how-it-works-section .ci-how-step-card {
        min-height: auto !important;
        padding: 28px 22px !important;
    }

    .ci-how-it-works-section .ci-how-step-number {
        width: 52px !important;
        min-width: 52px !important;
        height: 52px !important;
        font-size: 21px !important;
    }

    .ci-how-it-works-section .ci-how-step-content h3 {
        font-size: 21px !important;
    }

    .ci-how-it-works-section .ci-how-step-content p {
        font-size: 15px !important;
        line-height: 1.65 !important;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .ci-how-it-works-section .ci-section-intro h2 {
        font-size: 27px !important;
    }

    .ci-how-it-works-section .ci-how-step-card {
        padding: 25px 20px !important;
    }

}



/* =========================================================
   FIRE PIT PLANNING SECTION
   ========================================================= */

.ci-fire-pit-planning-section {
    width: 100% !important;
    padding: 80px 0 !important;
    background: #fff !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}


/* =========================================================
   CONTAINER
   ========================================================= */

.ci-fire-pit-planning-section .ci-container {
    width: 100% !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}


/* =========================================================
   TWO-COLUMN LAYOUT
   ========================================================= */

.ci-fire-pit-planning-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 60px !important;
    width: 100% !important;
}


/* =========================================================
   CONTENT
   ========================================================= */

.ci-fire-pit-planning-content {
    width: 100% !important;
    max-width: 620px !important;
}

.ci-fire-pit-planning-content .ci-eyebrow {
    display: inline-block !important;
    margin: 0 0 12px !important;
    padding: 0 !important;

    color: #198fcf !important;

    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;

    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}

.ci-fire-pit-planning-content h2 {
    margin: 0 0 20px !important;
    padding: 0 !important;

    color: #111111 !important;

    font-size: 40px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}

.ci-fire-pit-planning-content .ci-divider {
    width: 60px !important;
    height: 4px !important;

    margin: 0 0 25px !important;
    padding: 0 !important;

    background: #198fcf !important;

    border-radius: 10px !important;
}

.ci-fire-pit-planning-content p {
    margin: 0 0 20px !important;
    padding: 0 !important;

    color: #555555 !important;

    font-size: 17px !important;
    line-height: 1.75 !important;
    font-weight: 400 !important;
}

.ci-fire-pit-planning-content p:last-child {
    margin-bottom: 0 !important;
}


/* =========================================================
   LAYOUT GRAPHIC WRAPPER
   ========================================================= */

.ci-fire-pit-layout-wrapper {
    width: 100% !important;
    max-width: 560px !important;
    margin: 0 auto !important;
}


/* =========================================================
   PATIO DIAGRAM
   ========================================================= */

.ci-fire-pit-layout {
    position: relative !important;

    width: 100% !important;
    aspect-ratio: 1 / 1 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #ffffff !important;

    border: 1px solid #d8dde1 !important;
    border-radius: 16px !important;

    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08) !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}


/* =========================================================
   HOUSE SIDE
   ========================================================= */

.ci-layout-house {
    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 15% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #e9ecef !important;

    border-bottom: 3px solid #b7bdc2 !important;

    color: #333333 !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
}


/* =========================================================
   PATIO
   ========================================================= */

.ci-layout-patio {
    position: absolute !important;

    top: 15% !important;
    left: 7% !important;

    width: 86% !important;
    height: 75% !important;

    background:
        repeating-linear-gradient(
            45deg,
            #eeeeee 0,
            #eeeeee 2px,
            #e6e6e6 2px,
            #e6e6e6 6px
        ) !important;

    border: 3px solid #c7ccd0 !important;
    border-radius: 8px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   PATIO EDGE
   ========================================================= */

.ci-layout-patio-edge {
    position: absolute !important;

    left: 0 !important;
    bottom: 0 !important;

    width: 100% !important;
    height: 7% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #d3d7da !important;

    color: #555555 !important;

    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;

    border-top: 2px solid #b8bdc1 !important;
}


/* =========================================================
   FIRE PIT
   ========================================================= */

.ci-layout-fire-pit {
    position: absolute !important;

    top: 35% !important;
    left: 50% !important;

    transform: translate(-50%, -50%) !important;

    width: 115px !important;
    height: 115px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    background: #d8d8d8 !important;

    border: 8px solid #8f9498 !important;
    border-radius: 50% !important;

    color: #222222 !important;

    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;

    text-align: center !important;

    box-sizing: border-box !important;

    z-index: 5 !important;
}

.ci-fire-pit-flame {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 35px !important;
    height: 35px !important;

    margin-bottom: 5px !important;

    color: #198fcf !important;

    font-size: 20px !important;
}


/* =========================================================
   CHAIRS / SEATING ZONE
   ========================================================= */

.ci-layout-chair {
    position: absolute !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 48px !important;
    height: 48px !important;

    background: #ffffff !important;

    border: 2px solid #7e858a !important;
    border-radius: 8px !important;

    color: #555555 !important;

    font-size: 20px !important;

    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08) !important;

    z-index: 4 !important;
}

.ci-layout-chair-1 {
    top: 18% !important;
    left: 17% !important;
}

.ci-layout-chair-2 {
    top: 18% !important;
    right: 17% !important;
}

.ci-layout-chair-3 {
    bottom: 20% !important;
    left: 17% !important;
}

.ci-layout-chair-4 {
    bottom: 20% !important;
    right: 17% !important;
}


/* =========================================================
   WALKING PATH
   ========================================================= */

.ci-layout-walking-path {
    position: absolute !important;

    right: 2% !important;
    top: 25% !important;

    width: 18% !important;
    height: 48% !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    border-left: 2px dashed #198fcf !important;

    color: #198fcf !important;

    font-size: 11px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;

    text-align: center !important;

    z-index: 3 !important;
}

.ci-layout-walking-path i {
    font-size: 15px !important;
}


/* =========================================================
   SEATING WALL
   ========================================================= */

.ci-layout-seating-wall {
    position: absolute !important;

    top: 4% !important;
    left: 25% !important;

    width: 50% !important;
    height: 7% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #8f9498 !important;

    border-radius: 5px !important;

    color: #ffffff !important;

    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;

    z-index: 6 !important;
}


/* =========================================================
   GRAPHIC CAPTION
   ========================================================= */

.ci-fire-pit-layout-caption {
    margin: 18px 0 0 !important;
    padding: 0 !important;

    color: #666666 !important;

    font-size: 14px !important;
    line-height: 1.6 !important;

    text-align: center !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .ci-fire-pit-planning-section {
        padding: 65px 0 !important;
    }

    .ci-fire-pit-planning-grid {
        grid-template-columns: 1fr !important;
        gap: 45px !important;
    }

    .ci-fire-pit-planning-content {
        max-width: 850px !important;
        margin: 0 auto !important;
        text-align: center !important;
    }

    .ci-fire-pit-planning-content .ci-divider {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .ci-fire-pit-layout-wrapper {
        max-width: 600px !important;
    }

    .ci-fire-pit-planning-content h2 {
        font-size: 36px !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .ci-fire-pit-planning-section {
        padding: 50px 0 !important;
    }

    .ci-fire-pit-planning-section .ci-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .ci-fire-pit-planning-content h2 {
        font-size: 30px !important;
        line-height: 1.25 !important;
    }

    .ci-fire-pit-planning-content p {
        font-size: 16px !important;
        line-height: 1.65 !important;
    }

    .ci-fire-pit-layout {
        border-radius: 12px !important;
    }

    .ci-layout-fire-pit {
        width: 90px !important;
        height: 90px !important;
        border-width: 6px !important;
        font-size: 11px !important;
    }

    .ci-fire-pit-flame {
        width: 28px !important;
        height: 28px !important;
        font-size: 17px !important;
    }

    .ci-layout-chair {
        width: 40px !important;
        height: 40px !important;
        font-size: 16px !important;
    }

    .ci-layout-walking-path {
        font-size: 9px !important;
    }

    .ci-layout-seating-wall {
        font-size: 9px !important;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .ci-fire-pit-planning-content h2 {
        font-size: 27px !important;
    }

    .ci-layout-house {
        font-size: 11px !important;
    }

    .ci-layout-fire-pit {
        width: 75px !important;
        height: 75px !important;
        border-width: 5px !important;
        font-size: 9px !important;
    }

    .ci-fire-pit-flame {
        width: 23px !important;
        height: 23px !important;
        margin-bottom: 2px !important;
        font-size: 14px !important;
    }

    .ci-layout-chair {
        width: 32px !important;
        height: 32px !important;
        font-size: 13px !important;
    }

    .ci-layout-walking-path {
        width: 20% !important;
        font-size: 8px !important;
    }

    .ci-layout-seating-wall {
        font-size: 8px !important;
    }

    .ci-fire-pit-layout-caption {
        font-size: 13px !important;
    }

}


/* =========================================================
   FIRE PIT FAQ SECTION
   ========================================================= */

.ci-faq-section {
    width: 100% !important;
    padding: 80px 0 !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
}


/* =========================================================
   CONTAINER
   ========================================================= */

.ci-faq-section .ci-container {
    width: 100% !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}


/* =========================================================
   SECTION INTRO
   ========================================================= */

.ci-faq-section .ci-section-intro {
    max-width: 800px !important;
    margin: 0 auto 45px !important;
    text-align: center !important;
}

.ci-faq-section .ci-eyebrow {
    display: inline-block !important;
    margin: 0 0 12px !important;
    padding: 0 !important;

    color: #198fcf !important;

    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;

    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}

.ci-faq-section .ci-section-intro h2 {
    margin: 0 0 20px !important;
    padding: 0 !important;

    color: #111111 !important;

    font-size: 40px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}

.ci-faq-section .ci-divider {
    width: 60px !important;
    height: 4px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    background: #198fcf !important;

    border-radius: 10px !important;
}


/* =========================================================
   FAQ LIST
   ========================================================= */

.ci-faq-section .ci-faq-list {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   FAQ ITEM
   ========================================================= */

.ci-faq-section .ci-faq-item {
    width: 100% !important;
    margin: 0 0 15px !important;
    padding: 0 !important;

    background: #ffffff !important;

    border: 1px solid #dfe4e8 !important;
    border-radius: 10px !important;

    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.05) !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}

.ci-faq-section .ci-faq-item:last-child {
    margin-bottom: 0 !important;
}


/* =========================================================
   QUESTION / SUMMARY
   ========================================================= */

.ci-faq-section .ci-faq-item summary {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;

    width: 100% !important;
    min-height: 72px !important;

    margin: 0 !important;
    padding: 20px 24px !important;

    background: #ffffff !important;

    color: #111111 !important;

    font-size: 18px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;

    cursor: pointer !important;

    list-style: none !important;

    box-sizing: border-box !important;
}


/* Remove default browser marker */

.ci-faq-section .ci-faq-item summary::-webkit-details-marker {
    display: none !important;
}

.ci-faq-section .ci-faq-item summary::marker {
    display: none !important;
}


/* =========================================================
   QUESTION TEXT
   ========================================================= */

.ci-faq-section .ci-faq-question {
    flex: 1 1 auto !important;

    margin: 0 !important;
    padding: 0 !important;

    color: inherit !important;
}


/* =========================================================
   PLUS ICON
   ========================================================= */

.ci-faq-section .ci-faq-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto !important;

    width: 34px !important;
    height: 34px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #198fcf !important;

    border-radius: 50% !important;

    color: #ffffff !important;

    font-size: 13px !important;

    transition: transform 0.25s ease !important;
}


/* =========================================================
   OPEN STATE
   ========================================================= */

.ci-faq-section .ci-faq-item[open] {
    border-color: #198fcf !important;
}

.ci-faq-section .ci-faq-item[open] summary {
    background: #f7fbfd !important;
}

.ci-faq-section .ci-faq-item[open] .ci-faq-icon {
    transform: rotate(45deg) !important;
}


/* =========================================================
   FAQ ANSWER
   ========================================================= */

.ci-faq-section .ci-faq-answer {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 24px 24px !important;

    box-sizing: border-box !important;
}

.ci-faq-section .ci-faq-answer p {
    margin: 0 !important;
    padding: 20px 0 0 !important;

    border-top: 1px solid #e5e8ea !important;

    color: #555555 !important;

    font-size: 16px !important;
    line-height: 1.75 !important;
    font-weight: 400 !important;
}


/* =========================================================
   KEYBOARD FOCUS
   ========================================================= */

.ci-faq-section .ci-faq-item summary:focus-visible {
    outline: 3px solid #198fcf !important;
    outline-offset: -3px !important;
}


/* =========================================================
   HOVER
   ========================================================= */

.ci-faq-section .ci-faq-item summary:hover {
    color: #198fcf !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .ci-faq-section {
        padding: 65px 0 !important;
    }

    .ci-faq-section .ci-section-intro h2 {
        font-size: 34px !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .ci-faq-section {
        padding: 50px 0 !important;
    }

    .ci-faq-section .ci-container {
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .ci-faq-section .ci-section-intro {
        margin-bottom: 35px !important;
    }

    .ci-faq-section .ci-section-intro h2 {
        font-size: 30px !important;
        line-height: 1.25 !important;
    }

    .ci-faq-section .ci-faq-item summary {
        min-height: 65px !important;
        padding: 17px 18px !important;

        font-size: 16px !important;
        line-height: 1.45 !important;
    }

    .ci-faq-section .ci-faq-icon {
        width: 30px !important;
        height: 30px !important;

        font-size: 11px !important;
    }

    .ci-faq-section .ci-faq-answer {
        padding: 0 18px 20px !important;
    }

    .ci-faq-section .ci-faq-answer p {
        padding-top: 17px !important;

        font-size: 15px !important;
        line-height: 1.65 !important;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .ci-faq-section .ci-section-intro h2 {
        font-size: 27px !important;
    }

    .ci-faq-section .ci-faq-item summary {
        gap: 12px !important;
        padding: 15px !important;
    }

    .ci-faq-section .ci-faq-question {
        font-size: 15px !important;
    }

    .ci-faq-section .ci-faq-icon {
        width: 28px !important;
        height: 28px !important;
    }

    .ci-faq-section .ci-faq-answer {
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-bottom: 18px !important;
    }

}



/* =========================================================
   FINAL FIRE PIT CTA
   ========================================================= */

.ci-final-cta-section {
    position: relative !important;

    width: 100% !important;
    min-height: 500px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 80px 20px !important;

    background-image: url("YOUR-FIRE-PIT-IMAGE.jpg") !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    box-sizing: border-box !important;

    overflow: hidden !important;
}


/* =========================================================
   DARK OVERLAY
   ========================================================= */

.ci-final-cta-overlay {
    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    background: #102f36 !important;

    z-index: 1 !important;
}


/* =========================================================
   CTA CONTAINER
   ========================================================= */

.ci-final-cta-container {
    position: relative !important;

    width: 100% !important;
    max-width: 1295px !important;

    margin: 0 auto !important;
    padding: 48px 55px !important;

    border: 3px solid #159ed8 !important;
    border-radius: 20px !important;

    background: rgba(8, 52, 61, 0.72) !important;

    box-sizing: border-box !important;

    z-index: 2 !important;
}


/* =========================================================
   CONTENT
   ========================================================= */

.ci-final-cta-content {
    width: 100% !important;
    max-width: 1000px !important;

    margin: 0 auto !important;

    text-align: center !important;
}


/* =========================================================
   EYEBROW
   ========================================================= */

.ci-final-cta-content .ci-eyebrow {
    display: inline-block !important;

    margin: 0 0 12px !important;
    padding: 0 !important;

    color: #159ed8 !important;

    font-size: 14px !important;
    line-height: 1.4 !important;

    font-weight: 700 !important;

    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}


/* =========================================================
   H2
   ========================================================= */

.ci-final-cta-content h2 {
    margin: 0 0 20px !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-size: 40px !important;
    line-height: 1.2 !important;

    font-weight: 800 !important;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.ci-final-cta-content p {
    max-width: 900px !important;

    margin: 0 auto 30px !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-size: 17px !important;
    line-height: 1.7 !important;

    font-weight: 400 !important;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.ci-final-cta-buttons {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    flex-wrap: wrap !important;

    gap: 15px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   PRIMARY BUTTON
   ========================================================= */

.ci-final-cta-primary {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    min-height: 52px !important;

    padding: 14px 28px !important;

    background: #000000 !important;

    border: 2px solid #000000 !important;
    border-radius: 6px !important;

    color: #ffffff !important;

    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;

    text-decoration: none !important;

    transition: all 0.25s ease !important;

    box-sizing: border-box !important;
}

.ci-final-cta-primary:hover {
    background: #159ed8 !important;

    border-color: #159ed8 !important;

    color: #ffffff !important;

    text-decoration: none !important;

    transform: translateY(-2px) !important;
}


/* =========================================================
   PHONE BUTTON
   ========================================================= */

.ci-final-cta-phone {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 9px !important;

    min-height: 52px !important;

    padding: 14px 25px !important;

    background: #159ed8 !important;

    border: 2px solid #159ed8 !important;
    border-radius: 6px !important;

    color: #ffffff !important;

    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;

    text-decoration: none !important;

    transition: all 0.25s ease !important;

    box-sizing: border-box !important;
}

.ci-final-cta-phone:hover {
    background: #ffffff !important;

    border-color: #ffffff !important;

    color: #159ed8 !important;

    text-decoration: none !important;

    transform: translateY(-2px) !important;
}

.ci-final-cta-phone i {
    font-size: 14px !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .ci-final-cta-section {
        min-height: 450px !important;
        padding: 65px 20px !important;
    }

    .ci-final-cta-container {
        padding: 45px 35px !important;
    }

    .ci-final-cta-content h2 {
        font-size: 34px !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .ci-final-cta-section {
        min-height: auto !important;

        padding: 50px 15px !important;

        background-position: center !important;
    }

    .ci-final-cta-container {
        padding: 35px 20px !important;

        border-width: 2px !important;
        border-radius: 14px !important;
    }

    .ci-final-cta-content h2 {
        font-size: 29px !important;
        line-height: 1.25 !important;
    }

    .ci-final-cta-content p {
        font-size: 15px !important;
        line-height: 1.65 !important;

        margin-bottom: 25px !important;
    }

    .ci-final-cta-buttons {
        flex-direction: column !important;
        width: 100% !important;
    }

    .ci-final-cta-primary,
    .ci-final-cta-phone {
        width: 100% !important;
        max-width: 340px !important;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .ci-final-cta-section {
        padding: 40px 12px !important;
    }

    .ci-final-cta-container {
        padding: 30px 16px !important;
    }

    .ci-final-cta-content h2 {
        font-size: 26px !important;
    }

    .ci-final-cta-content p {
        font-size: 14px !important;
    }

    .ci-final-cta-primary,
    .ci-final-cta-phone {
        min-height: 50px !important;
        padding: 13px 18px !important;

        font-size: 15px !important;
    }

}



/* =========================================================
   CONCRETE REPAIR QUICK NAVIGATION
========================================================= */

.ci-quick-nav {
    width: 100% !important;
    background: #111827 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 20 !important;
}

.ci-quick-nav .ci-container {
    width: 100% !important;
    max-width: 1320px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}

.ci-quick-nav-inner {
    width: 100% !important;
    min-height: 64px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;

    scrollbar-width: thin !important;
    -webkit-overflow-scrolling: touch !important;
}

.ci-quick-nav-inner a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto !important;

    padding: 21px 18px !important;

    color: #ffffff !important;
    background: transparent !important;

    font-size: 14px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    border-right: 1px solid rgba(255, 255, 255, 0.12) !important;

    transition:
        color 0.25s ease,
        background 0.25s ease !important;
}

.ci-quick-nav-inner a:first-child {
    border-left: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.ci-quick-nav-inner a:hover,
.ci-quick-nav-inner a:focus {
    color: #ffffff !important;
    background: #198fcf !important;
    text-decoration: none !important;
}

.ci-quick-nav-inner a:focus-visible {
    outline: 2px solid #ffffff !important;
    outline-offset: -4px !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .ci-quick-nav .ci-container {
        padding: 0 15px !important;
    }

    .ci-quick-nav-inner {
        justify-content: flex-start !important;
    }

    .ci-quick-nav-inner a {
        padding: 19px 16px !important;
        font-size: 14px !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .ci-quick-nav .ci-container {
        padding: 0 !important;
    }

    .ci-quick-nav-inner {
        justify-content: flex-start !important;
        min-height: 58px !important;
    }

    .ci-quick-nav-inner a {
        padding: 18px 15px !important;
        font-size: 13px !important;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .ci-quick-nav-inner {
        min-height: 54px !important;
    }

    .ci-quick-nav-inner a {
        padding: 17px 14px !important;
        font-size: 12px !important;
    }

}



/* =========================================================
   CONCRETE REPAIR CALLOUTS
   New component for Concrete Repair page
========================================================= */

.ci-repair-callout {
    display: flex !important;
    align-items: flex-start !important;
    gap: 18px !important;

    width: 100% !important;
    margin: 30px 0 0 !important;
    padding: 26px 30px !important;

    box-sizing: border-box !important;
    border-radius: 12px !important;
}


/* =========================================================
   CALLOUT ICON
========================================================= */

.ci-repair-callout-icon {
    flex: 0 0 auto !important;

    width: 42px !important;
    height: 42px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 50% !important;

    font-size: 19px !important;
}


/* =========================================================
   CALLOUT CONTENT
========================================================= */

.ci-repair-callout-content {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.ci-repair-callout-content p {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 17px !important;
    line-height: 1.7 !important;
}


/* =========================================================
   PRIMARY CALLOUT
========================================================= */

.ci-repair-callout-primary {
    background: #111827 !important;
    border-left: 5px solid #198fcf !important;
}

.ci-repair-callout-primary .ci-repair-callout-icon {
    background: rgba(25, 143, 207, 0.15) !important;
    color: #198fcf !important;
}

.ci-repair-callout-primary .ci-repair-callout-content p {
    color: #ffffff !important;
}


/* =========================================================
   SECONDARY CALLOUT
========================================================= */

.ci-repair-callout-secondary {
    background: #f1f7fb !important;
    border: 1px solid #cfe3ef !important;
    border-left: 5px solid #198fcf !important;
}

.ci-repair-callout-secondary .ci-repair-callout-icon {
    background: #ffffff !important;
    color: #198fcf !important;
    border: 1px solid #cfe3ef !important;
}

.ci-repair-callout-secondary .ci-repair-callout-content p {
    color: #303640 !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .ci-repair-callout {
        gap: 14px !important;
        padding: 22px 20px !important;
    }

    .ci-repair-callout-icon {
        width: 36px !important;
        height: 36px !important;
        font-size: 16px !important;
    }

    .ci-repair-callout-content p {
        font-size: 16px !important;
        line-height: 1.65 !important;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .ci-repair-callout {
        padding: 20px 16px !important;
    }

    .ci-repair-callout-icon {
        width: 32px !important;
        height: 32px !important;
        font-size: 14px !important;
    }

    .ci-repair-callout-content p {
        font-size: 15px !important;
    }

}

/* =========================================================
   CONCRETE DAMAGE CARDS GRID
========================================================= */

.ci-repair-damage-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 28px !important;
    width: 100% !important;
    align-items: stretch !important;
}


/* =========================================================
   DAMAGE CARD
========================================================= */

.ci-repair-damage-grid .ci-repair-damage-card {
    display: flex !important;
    flex-direction: column !important;

    height: 100% !important;
    min-height: 100% !important;

    box-sizing: border-box !important;
}


/* =========================================================
   ICON
========================================================= */

.ci-repair-damage-grid .ci-repair-damage-icon {
    flex: 0 0 auto !important;

    width: 52px !important;
    height: 52px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin-bottom: 20px !important;

    background: #eaf6fc !important;
    border-radius: 10px !important;

    color: #198fcf !important;
    font-size: 22px !important;
}

.ci-repair-damage-grid .ci-repair-damage-icon i {
    color: #198fcf !important;
}


/* =========================================================
   CARD HEADING
========================================================= */

.ci-repair-damage-grid .ci-repair-damage-card h3 {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
}


/* =========================================================
   RECOMMENDATION
========================================================= */

.ci-repair-damage-grid .ci-repair-recommendation {
    margin-top: auto !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .ci-repair-damage-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 24px !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .ci-repair-damage-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .ci-repair-damage-grid .ci-repair-damage-card {
        min-height: auto !important;
    }

    .ci-repair-damage-grid .ci-repair-damage-icon {
        width: 48px !important;
        height: 48px !important;
        margin-bottom: 17px !important;
        font-size: 20px !important;
    }

}


/* =========================================================
   CONCRETE REPAIR COMPARISON
   Mobile stacked-card system
========================================================= */

.ci-repair-comparison-mobile {
    display: none !important;
}


/* =========================================================
   COMPARISON CALLOUT
========================================================= */

.ci-repair-comparison-callout {
    margin-top: 28px !important;
    padding: 22px 26px !important;

    background: #f1f7fb !important;
    border-left: 4px solid #198fcf !important;
    border-radius: 8px !important;

    box-sizing: border-box !important;
}

.ci-repair-comparison-callout p {
    margin: 0 !important;
    padding: 0px !important;
}

.ci-repair-comparison-callout strong {
    color: #111827 !important;
}


/* =========================================================
   MOBILE STACKED CARDS
========================================================= */

@media (max-width: 767px) {

    .ci-repair-comparison-desktop {
        display: none !important;
    }

    .ci-repair-comparison-mobile {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    .ci-repair-comparison-card {
        display: block !important;

        padding: 22px 20px !important;

        background: #ffffff !important;
        border: 1px solid #d9dfe6 !important;
        border-radius: 10px !important;

        box-shadow: 0 4px 15px rgba(17, 24, 39, 0.06) !important;

        box-sizing: border-box !important;
    }

    .ci-repair-comparison-card h3 {
        margin: 0 0 20px !important;

        color: #111827 !important;
        font-size: 20px !important;
        line-height: 1.35 !important;
        font-weight: 700 !important;
    }

    .ci-repair-comparison-item {
        padding: 15px 0 !important;
        border-top: 1px solid #e3e7eb !important;
    }

    .ci-repair-comparison-item strong {
        display: block !important;
        margin-bottom: 6px !important;

        color: #198fcf !important;
        font-size: 13px !important;
        line-height: 1.4 !important;
        font-weight: 800 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.4px !important;
    }

    .ci-repair-comparison-item p {
        margin: 0 !important;
        padding: 0px !important;
        color: #303640 !important;
        font-size: 15px !important;
        line-height: 1.65 !important;
    }

    .ci-repair-comparison-callout {
        margin-top: 24px !important;
        padding: 20px !important;
    }

}


/* =========================================================
   FULL-DEPTH REPAIR BENEFIT GRID
   New component - three-column benefit row
========================================================= */

.ci-repair-benefit-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 28px !important;

    width: 100% !important;
    margin-top: 50px !important;
}


/* =========================================================
   BENEFIT CARD
========================================================= */

.ci-repair-benefit-card {
    height: 100% !important;
    box-sizing: border-box !important;
}

.ci-repair-benefit-card h3 {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
}


/* =========================================================
   BENEFIT ICON
========================================================= */

.ci-repair-benefit-icon {
    width: 52px !important;
    height: 52px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin-bottom: 20px !important;

    background: #eaf6fc !important;
    border-radius: 10px !important;

    color: #198fcf !important;
    font-size: 21px !important;
}

.ci-repair-benefit-icon i {
    color: #198fcf !important;
}


/* =========================================================
   SECTION CTA BUTTON
========================================================= */

.ci-repair-section-button {
    margin-top: 40px !important;
    text-align: center !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .ci-repair-benefit-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 24px !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .ci-repair-benefit-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        margin-top: 35px !important;
    }

    .ci-repair-benefit-card {
        height: auto !important;
    }

    .ci-repair-benefit-icon {
        width: 48px !important;
        height: 48px !important;
        margin-bottom: 17px !important;
    }

    .ci-repair-section-button {
        margin-top: 30px !important;
    }

    .ci-repair-section-button .ci-btn {
        width: 100% !important;
    }

}



/* =========================================================
   CONCRETE COLOR MATCHING CALLOUT
   New component only
========================================================= */

.ci-color-match-callout {
    margin-top: 28px !important;
    padding: 24px 26px !important;

    background: #111827 !important;
    border-left: 5px solid #198fcf !important;
    border-radius: 8px !important;

    box-sizing: border-box !important;
}

.ci-color-match-callout p {
    margin: 0 !important;

    color: #ffffff !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
}

.ci-color-match-callout strong {
    color: #ffffff !important;
    font-weight: 700 !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .ci-color-match-callout {
        margin-top: 24px !important;
        padding: 20px !important;
    }

    .ci-color-match-callout p {
        font-size: 15px !important;
        line-height: 1.65 !important;
    }

}




/* =========================================================
   PARTIAL-DEPTH REPAIR
   New repair-specific components only
========================================================= */


/* =========================================================
   QUALIFICATION LIST
========================================================= */

.ci-repair-qualification {
    margin-top: 30px !important;
    padding: 28px 30px !important;

    background: #f7f8f9 !important;
    border: 1px solid #e1e5e9 !important;
    border-radius: 10px !important;

    box-sizing: border-box !important;
}

.ci-repair-qualification h3 {
    margin: 0 0 20px !important;
}

.ci-repair-qualification ul {
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

.ci-repair-qualification li {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;

    margin: 0 0 13px !important;
    padding: 0 !important;
}

.ci-repair-qualification li:last-child {
    margin-bottom: 0 !important;
}

.ci-repair-qualification li i {
    flex: 0 0 auto !important;
    margin-top: 4px !important;

    color: #198fcf !important;
    font-size: 15px !important;
}

.ci-repair-qualification li span {
    color: #303640 !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
}


/* =========================================================
   WARNING BOX
========================================================= */

.ci-partial-repair-warning {
    display: flex !important;
    align-items: flex-start !important;
    gap: 16px !important;

    margin-top: 28px !important;
    padding: 24px 26px !important;

    background: #fff7ed !important;
    border-left: 5px solid #e67e22 !important;
    border-radius: 8px !important;

    box-sizing: border-box !important;
}

.ci-partial-repair-warning-icon {
    flex: 0 0 auto !important;

    width: 40px !important;
    height: 40px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #ffffff !important;
    border-radius: 50% !important;

    color: #e67e22 !important;
    font-size: 18px !important;
}

.ci-partial-repair-warning p {
    margin: 0 !important;

    color: #4a3422 !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
}


/* =========================================================
   BALANCED ACCURACY CALLOUT
========================================================= */

.ci-partial-repair-callout {
    margin-top: 24px !important;
    padding: 24px 26px !important;

    background: #111827 !important;
    border-left: 5px solid #198fcf !important;
    border-radius: 8px !important;

    box-sizing: border-box !important;
}

.ci-partial-repair-callout p {
    margin: 0 !important;

    color: #ffffff !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
}

.ci-partial-repair-callout strong {
    color: #ffffff !important;
    font-weight: 700 !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .ci-repair-qualification {
        margin-top: 25px !important;
        padding: 22px 20px !important;
    }

    .ci-repair-qualification li {
        gap: 10px !important;
    }

    .ci-repair-qualification li span {
        font-size: 15px !important;
    }

    .ci-partial-repair-warning {
        gap: 12px !important;
        margin-top: 22px !important;
        padding: 20px !important;
    }

    .ci-partial-repair-warning-icon {
        width: 34px !important;
        height: 34px !important;
        font-size: 15px !important;
    }

    .ci-partial-repair-warning p,
    .ci-partial-repair-callout p {
        font-size: 15px !important;
        line-height: 1.65 !important;
    }

    .ci-partial-repair-callout {
        padding: 20px !important;
    }

}




/* =========================================================
   CONCRETE RESURFACING SECTION
   New section-specific design
========================================================= */

.ci-resurfacing-section {
    width: 100% !important;
    padding: 85px 0 !important;

    background: #f3f7fa !important;

    box-sizing: border-box !important;
}


/* =========================================================
   SECTION INTRO
========================================================= */

.ci-resurfacing-section .ci-section-header {
    max-width: 900px !important;
    margin: 0 auto 50px !important;
    text-align: center !important;
}

.ci-resurfacing-section .ci-section-header p {
    margin-bottom: 15px !important;
}


/* =========================================================
   TWO-CARD GRID
========================================================= */

.ci-resurfacing-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 30px !important;

    width: 100% !important;
    align-items: stretch !important;
}


/* =========================================================
   RESURFACING CARD
========================================================= */

.ci-resurfacing-card {
    display: flex !important;
    flex-direction: column !important;

    height: 100% !important;
    padding: 30px !important;

    background: #ffffff !important;
    border: 1px solid #dce4e9 !important;
    border-radius: 14px !important;

    box-shadow: 0 8px 25px rgba(17, 24, 39, 0.07) !important;

    box-sizing: border-box !important;
}


/* =========================================================
   CARD TOP
========================================================= */

.ci-resurfacing-card-top {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;

    margin-bottom: 20px !important;
}

.ci-resurfacing-icon {
    width: 60px !important;
    height: 60px !important;
    flex: 0 0 auto !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #eaf6fc !important;
    border-radius: 10px !important;

    color: #198fcf !important;
    font-size: 21px !important;
}

.ci-resurfacing-icon i {
    color: #198fcf !important;
}

.ci-resurfacing-label {
    color: #198fcf !important;

    font-size: 12px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;

    letter-spacing: 0.8px !important;
}


/* =========================================================
   CARD CONTENT
========================================================= */

.ci-resurfacing-card h3 {
    margin: 0 0 15px !important;
    color: #000 !important;
}

.ci-resurfacing-card > p {
    margin-bottom: 16px !important;
    padding: 0px !important;
}


/* =========================================================
   FEATURE LIST
========================================================= */

.ci-resurfacing-features {
    margin: 10px 0 25px !important;
    padding: 0 !important;

    list-style: none !important;
}

.ci-resurfacing-features li {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;

    margin: 0 0 11px !important;
    padding: 0 !important;

    color: #303640 !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
}

.ci-resurfacing-features li:last-child {
    margin-bottom: 0 !important;
}

.ci-resurfacing-features li i {
    flex: 0 0 auto !important;
    margin-top: 3px !important;

    color: #198fcf !important;
    font-size: 14px !important;
}

.ci-resurfacing-features li i.bi-x-circle-fill {
    color: #777f88 !important;
}


/* =========================================================
   WARRANTY
========================================================= */

.ci-resurfacing-warranty {
    margin-top: auto !important;
    margin-bottom: 25px !important;

    padding: 18px 20px !important;

    background: #f7f8f9 !important;
    border-left: 4px solid #198fcf !important;
    border-radius: 6px !important;
}

.ci-resurfacing-warranty p {
    margin: 0 !important;

    color: #303640 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}


/* =========================================================
   CARD BUTTON
========================================================= */

.ci-resurfacing-card-button {
    margin-top: auto !important;
}

.ci-resurfacing-card-button .ci-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}


/* =========================================================
   QUALIFICATION CALLOUT
========================================================= */

.ci-resurfacing-qualification {
    display: flex !important;
    align-items: flex-start !important;
    gap: 16px !important;

    margin-top: 35px !important;
    padding: 25px 28px !important;

    background: #111827 !important;
    border-left: 5px solid #198fcf !important;
    border-radius: 9px !important;

    box-sizing: border-box !important;
}

.ci-resurfacing-qualification-icon {
    flex: 0 0 auto !important;

    width: 40px !important;
    height: 40px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: rgba(25, 143, 207, 0.15) !important;
    border-radius: 50% !important;

    color: #198fcf !important;
    font-size: 18px !important;
}

.ci-resurfacing-qualification p {
    margin: 0 !important;
    padding: 0px !important;
    color: #ffffff !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
}

.ci-resurfacing-qualification strong {
    color: #ffffff !important;
}


/* =========================================================
   MID-PAGE CTA
========================================================= */

.ci-resurfacing-cta {
    margin-top: 45px !important;
    padding: 40px 30px !important;

    text-align: center !important;

    background: #ffffff !important;
    border: 1px solid #dce4e9 !important;
    border-radius: 12px !important;
}

.ci-resurfacing-cta h3 {
    margin: 0 0 20px !important;
    color: #000 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .ci-resurfacing-section {
        padding: 70px 0 !important;
    }

    .ci-resurfacing-grid {
        gap: 24px !important;
    }

    .ci-resurfacing-card {
        padding: 28px !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .ci-resurfacing-section {
        padding: 60px 0 !important;
    }

    .ci-resurfacing-section .ci-section-header {
        margin-bottom: 35px !important;
    }

    .ci-resurfacing-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .ci-resurfacing-card {
        height: auto !important;
        padding: 25px 22px !important;
    }

    .ci-resurfacing-icon {
        width: 48px !important;
        height: 48px !important;
        font-size: 19px !important;
    }

    .ci-resurfacing-features li {
        font-size: 15px !important;
    }

    .ci-resurfacing-qualification {
        gap: 12px !important;
        margin-top: 25px !important;
        padding: 21px 20px !important;
    }

    .ci-resurfacing-qualification-icon {
        width: 34px !important;
        height: 34px !important;
        font-size: 15px !important;
    }

    .ci-resurfacing-qualification p {
        font-size: 15px !important;
        line-height: 1.65 !important;
    }

    .ci-resurfacing-cta {
        margin-top: 30px !important;
        padding: 30px 20px !important;
    }

    .ci-resurfacing-cta .ci-btn {
        width: 100% !important;
    }

}



/* =========================================================
   CONCRETE SURFACES WE REPAIR
========================================================= */

.ci-surfaces-repair-section {
    width: 100% !important;
    padding: 85px 0 !important;

    background: #ffffff !important;

    box-sizing: border-box !important;
}


/* =========================================================
   SECTION HEADER
========================================================= */

.ci-surfaces-repair-section .ci-section-header {
    max-width: 850px !important;
    margin: 0 auto 50px !important;
    text-align: center !important;
}


/* =========================================================
   CARD GRID
========================================================= */

.ci-surfaces-repair-grid {
    display: grid !important;

    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

    gap: 24px !important;
}


/* =========================================================
   SURFACE CARD
========================================================= */

.ci-surface-repair-card {
    display: flex !important;
    flex-direction: column !important;

    min-height: 100% !important;
    padding: 28px 25px !important;

    background: #ffffff !important;

    border: 1px solid #dfe5e9 !important;
    border-radius: 12px !important;

    box-shadow: 0 6px 20px rgba(17, 24, 39, 0.06) !important;

    box-sizing: border-box !important;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease !important;
}


/* =========================================================
   CARD HOVER
========================================================= */

.ci-surface-repair-card:hover {
    transform: translateY(-4px) !important;

    box-shadow: 0 12px 28px rgba(17, 24, 39, 0.10) !important;
}


/* =========================================================
   ICON
========================================================= */

.ci-surface-repair-icon {
    width: 50px !important;
    height: 50px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin-bottom: 20px !important;

    background: #eaf6fc !important;
    border-radius: 10px !important;

    color: #198fcf !important;
    font-size: 20px !important;
}

.ci-surface-repair-icon i {
    color: #198fcf !important;
}


/* =========================================================
   CARD HEADING
========================================================= */

.ci-surface-repair-card h3 {
    margin: 0 0 13px !important;
    color: #000 !important;
}


/* =========================================================
   CARD TEXT
========================================================= */

.ci-surface-repair-card p {
    margin: 0 0 18px !important;
    padding: 0px !important;
    color: #4a5159 !important;

    font-size: 15px !important;
    line-height: 1.65 !important;
}


/* =========================================================
   INTERNAL LINK
========================================================= */

.ci-surface-repair-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;

    margin-top: auto !important;

    color: #198fcf !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;

    text-decoration: none !important;
}

.ci-surface-repair-link i {
    font-size: 13px !important;

    transition: transform 0.2s ease !important;
}

.ci-surface-repair-link:hover {
    color: #116f9f !important;
}

.ci-surface-repair-link:hover i {
    transform: translateX(4px) !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

    .ci-surfaces-repair-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 22px !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .ci-surfaces-repair-section {
        padding: 60px 0 !important;
    }

    .ci-surfaces-repair-section .ci-section-header {
        margin-bottom: 35px !important;
    }

    .ci-surfaces-repair-grid {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    .ci-surface-repair-card {
        min-height: auto !important;
        padding: 24px 21px !important;
    }

    .ci-surface-repair-icon {
        width: 46px !important;
        height: 46px !important;

        margin-bottom: 17px !important;

        font-size: 18px !important;
    }

}


/* =========================================================
   WHY CONCRETE FAILS IN CENTRAL INDIANA
========================================================= */

.ci-concrete-failure-section {
    width: 100% !important;
    padding: 85px 0 !important;

    background: #f7f9fa !important;

    box-sizing: border-box !important;
}


/* =========================================================
   SECTION HEADER
========================================================= */

.ci-concrete-failure-section .ci-section-header {
    max-width: 850px !important;
    margin: 0 auto 50px !important;
    text-align: center !important;
}


/* =========================================================
   SIX-CARD GRID
========================================================= */

.ci-concrete-failure-grid {
    display: grid !important;

    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

    gap: 25px !important;
}


/* =========================================================
   FAILURE CARD
========================================================= */

.ci-concrete-failure-card {
    height: 100% !important;

    padding: 30px 27px !important;

    background: #ffffff !important;

    border: 1px solid #dfe5e9 !important;
    border-radius: 12px !important;

    box-shadow: 0 6px 20px rgba(17, 24, 39, 0.05) !important;

    box-sizing: border-box !important;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease !important;
}

.ci-concrete-failure-card:hover {
    transform: translateY(-4px) !important;

    box-shadow: 0 12px 28px rgba(17, 24, 39, 0.09) !important;
}


/* =========================================================
   ICON
========================================================= */

.ci-concrete-failure-icon {
    width: 50px !important;
    height: 50px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin-bottom: 20px !important;

    background: #eaf6fc !important;
    border-radius: 10px !important;

    color: #198fcf !important;
    font-size: 20px !important;
}

.ci-concrete-failure-icon i {
    color: #198fcf !important;
}


/* =========================================================
   CARD HEADING
========================================================= */

.ci-concrete-failure-card h3 {
    margin: 0 0 13px !important;
    color: #000 !important;
}


/* =========================================================
   CARD TEXT
========================================================= */

.ci-concrete-failure-card p {
    margin: 0 !important;
    padding: 0px !important;
    color: #4a5159 !important;

    font-size: 15px !important;
    line-height: 1.65 !important;
}


/* =========================================================
   ACCURACY CALLOUT
========================================================= */

.ci-concrete-failure-callout {
    display: flex !important;
    align-items: flex-start !important;
    gap: 16px !important;

    margin-top: 35px !important;
    padding: 25px 28px !important;

    background: #111827 !important;

    border-left: 5px solid #198fcf !important;
    border-radius: 9px !important;

    box-sizing: border-box !important;
}

.ci-concrete-failure-callout-icon {
    flex: 0 0 auto !important;

    width: 40px !important;
    height: 40px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: rgba(25, 143, 207, 0.15) !important;
    border-radius: 50% !important;

    color: #198fcf !important;
    font-size: 18px !important;
}

.ci-concrete-failure-callout p {
    margin: 0 !important;
    padding: 0px !important;
    color: #ffffff !important;

    font-size: 16px !important;
    line-height: 1.7 !important;
}

.ci-concrete-failure-callout strong {
    color: #ffffff !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .ci-concrete-failure-section {
        padding: 70px 0 !important;
    }

    .ci-concrete-failure-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 22px !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .ci-concrete-failure-section {
        padding: 60px 0 !important;
    }

    .ci-concrete-failure-section .ci-section-header {
        margin-bottom: 35px !important;
    }

    .ci-concrete-failure-grid {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    .ci-concrete-failure-card {
        height: auto !important;
        padding: 25px 22px !important;
    }

    .ci-concrete-failure-icon {
        width: 46px !important;
        height: 46px !important;

        margin-bottom: 17px !important;

        font-size: 18px !important;
    }

    .ci-concrete-failure-callout {
        gap: 12px !important;

        margin-top: 25px !important;
        padding: 21px 20px !important;
    }

    .ci-concrete-failure-callout-icon {
        width: 34px !important;
        height: 34px !important;

        font-size: 15px !important;
    }

    .ci-concrete-failure-callout p {
        font-size: 15px !important;
        line-height: 1.65 !important;
    }

}


/* =========================================================
   SECTION 21
   REMOTE CONCRETE REPAIR ESTIMATE
========================================================= */

.concrete-repair-estimate {
    position: relative !important;

    width: 100% !important;

    padding: 95px 20px !important;

    background: #102f35 !important;

    box-sizing: border-box !important;

    overflow: hidden !important;
}


/* =========================================================
   CONTAINER
========================================================= */

.concrete-repair-estimate-container {
    width: 100% !important;

    max-width: 1180px !important;

    margin: 0 auto !important;
}


/* =========================================================
   HEADER
========================================================= */

.concrete-repair-estimate-header {
    max-width: 900px !important;

    margin: 0 auto 55px !important;

    text-align: center !important;
}

.concrete-repair-estimate-eyebrow {
    display: inline-block !important;

    margin-bottom: 15px !important;

    color: #1aa3df !important;

    font-size: 13px !important;

    font-weight: 800 !important;

    letter-spacing: 1.2px !important;

    text-transform: uppercase !important;
}

.concrete-repair-estimate-header h2 {
    margin: 0 0 22px !important;

    color: #ffffff !important;

    font-size: 42px !important;

    line-height: 1.2 !important;

    font-weight: 800 !important;
}

.concrete-repair-estimate-header p {
    margin: 0 auto 16px !important;

    color: rgba(255, 255, 255, 0.88) !important;

    font-size: 16px !important;

    line-height: 1.75 !important;
}


/* =========================================================
   TWO COLUMN AREA
========================================================= */

.concrete-repair-estimate-grid {
    display: grid !important;

    grid-template-columns: 1.05fr 0.95fr !important;

    gap: 30px !important;

    align-items: stretch !important;
}


/* =========================================================
   CHECKLIST CARD
========================================================= */

.concrete-repair-estimate-checklist {
    padding: 35px !important;

    background: #ffffff !important;

    border-radius: 14px !important;

    box-sizing: border-box !important;

    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.16) !important;
}


/* =========================================================
   CHECKLIST HEADING
========================================================= */

.concrete-repair-estimate-card-heading {
    display: flex !important;

    align-items: flex-start !important;

    gap: 17px !important;

    margin-bottom: 28px !important;
}

.concrete-repair-estimate-icon {
    flex: 0 0 52px !important;

    width: 52px !important;

    height: 52px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    background: #eaf6fc !important;

    border-radius: 10px !important;

    color: #169bd5 !important;

    font-size: 20px !important;
}

.concrete-repair-estimate-card-heading h3 {
    margin: 0 0 7px !important;

    color: #111827 !important;

    font-size: 24px !important;

    line-height: 1.25 !important;
}

.concrete-repair-estimate-card-heading p {
    margin: 0 !important;
    padding: 0px !important;
    color: #66717a !important;

    font-size: 14px !important;

    line-height: 1.55 !important;
}


/* =========================================================
   CHECKLIST
========================================================= */

.concrete-repair-estimate-checklist ul {
    display: grid !important;

    grid-template-columns: 1fr 1fr !important;

    gap: 14px 25px !important;

    margin: 0 !important;

    padding: 0 !important;

    list-style: none !important;
}

.concrete-repair-estimate-checklist li {
    display: flex !important;

    align-items: flex-start !important;

    gap: 10px !important;

    margin: 0 !important;

    padding: 0 !important;

    color: #414b53 !important;

    font-size: 14px !important;

    line-height: 1.5 !important;
}

.concrete-repair-estimate-checklist li i {
    flex: 0 0 auto !important;

    margin-top: 2px !important;

    color: #169bd5 !important;

    font-size: 14px !important;
}


/* =========================================================
   RIGHT ACTION CARD
========================================================= */

.concrete-repair-estimate-action {
    display: flex !important;

    flex-direction: column !important;

    justify-content: center !important;

    padding: 45px 40px !important;

    background: #0b2429 !important;

    border: 1px solid rgba(26, 163, 223, 0.45) !important;

    border-radius: 14px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   ACTION ICON
========================================================= */

.concrete-repair-estimate-action-icon {
    width: 55px !important;

    height: 55px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    margin-bottom: 22px !important;

    background: rgba(26, 163, 223, 0.13) !important;

    border: 1px solid rgba(26, 163, 223, 0.25) !important;

    border-radius: 10px !important;

    color: #1aa3df !important;

    font-size: 21px !important;
}

.concrete-repair-estimate-action-label {
    display: block !important;

    margin-bottom: 12px !important;

    color: #1aa3df !important;

    font-size: 12px !important;

    font-weight: 800 !important;

    letter-spacing: 1px !important;
}

.concrete-repair-estimate-action h3 {
    margin: 0 0 17px !important;

    color: #ffffff !important;

    font-size: 30px !important;

    line-height: 1.25 !important;

    font-weight: 800 !important;
}

.concrete-repair-estimate-action > p {
    margin: 0 0 28px !important;
    padding: 0px !important;
    color: rgba(255, 255, 255, 0.82) !important;

    font-size: 15px !important;

    line-height: 1.7 !important;
}


/* =========================================================
   BUTTONS
========================================================= */

.concrete-repair-estimate-buttons {
    display: flex !important;

    flex-direction: column !important;

    gap: 12px !important;
}

.concrete-repair-estimate-primary,
.concrete-repair-estimate-phone {
    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    min-height: 52px !important;

    padding: 13px 20px !important;

    border-radius: 6px !important;

    box-sizing: border-box !important;

    text-align: center !important;

    font-size: 14px !important;

    font-weight: 700 !important;

    text-decoration: none !important;

    transition: all 0.25s ease !important;
}

.concrete-repair-estimate-primary {
    color: #ffffff !important;

    background: #169bd5 !important;

    border: 1px solid #169bd5 !important;
}

.concrete-repair-estimate-primary:hover {
    color: #ffffff !important;

    background: #1187bb !important;

    border-color: #1187bb !important;
}

.concrete-repair-estimate-phone {
    gap: 9px !important;

    color: #ffffff !important;

    background: transparent !important;

    border: 1px solid rgba(255, 255, 255, 0.35) !important;
}

.concrete-repair-estimate-phone:hover {
    color: #ffffff !important;

    background: rgba(255, 255, 255, 0.08) !important;

    border-color: #ffffff !important;
}


/* =========================================================
   BOTTOM NOTE
========================================================= */

.concrete-repair-estimate-note {
    display: flex !important;

    align-items: flex-start !important;

    gap: 9px !important;

    margin-top: 25px !important;

    padding-top: 20px !important;

    border-top: 1px solid rgba(255, 255, 255, 0.12) !important;

    color: rgba(255, 255, 255, 0.65) !important;

    font-size: 12px !important;

    line-height: 1.55 !important;
}

.concrete-repair-estimate-note i {
    flex: 0 0 auto !important;

    margin-top: 2px !important;

    color: #1aa3df !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .concrete-repair-estimate {
        padding: 75px 20px !important;
    }

    .concrete-repair-estimate-grid {
        grid-template-columns: 1fr !important;

        max-width: 760px !important;

        margin: 0 auto !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .concrete-repair-estimate {
        padding: 60px 15px !important;
    }

    .concrete-repair-estimate-header {
        margin-bottom: 35px !important;
    }

    .concrete-repair-estimate-header h2 {
        font-size: 31px !important;
    }

    .concrete-repair-estimate-header p {
        font-size: 15px !important;

        line-height: 1.7 !important;
    }

    .concrete-repair-estimate-checklist {
        padding: 27px 22px !important;
    }

    .concrete-repair-estimate-card-heading {
        gap: 13px !important;
    }

    .concrete-repair-estimate-icon {
        flex-basis: 45px !important;

        width: 45px !important;

        height: 45px !important;
    }

    .concrete-repair-estimate-card-heading h3 {
        font-size: 21px !important;
    }

    .concrete-repair-estimate-checklist ul {
        grid-template-columns: 1fr !important;

        gap: 12px !important;
    }

    .concrete-repair-estimate-action {
        padding: 30px 24px !important;
    }

    .concrete-repair-estimate-action h3 {
        font-size: 26px !important;
    }

}



/* =========================================
   WHY CHOOSE CONCRETE INDY
   ========================================= */

.why-choose-repair-section {
    position: relative !important;
    padding: 95px 0 !important;
    background: #f4f4f2 !important;
    overflow: hidden !important;
}

.why-choose-repair-section::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 6px !important;
    background: #222 !important;
}

.why-choose-repair-section .container {
    position: relative !important;
    z-index: 2 !important;
}


/* =========================================
   SECTION HEADING
   ========================================= */

.why-choose-repair-section .section-heading {
    max-width: 900px !important;
    margin: 0 auto 55px !important;
    text-align: center !important;
}

.why-choose-repair-section .section-heading h2 {
    position: relative !important;
    margin: 0 0 22px !important;
    padding-bottom: 20px !important;
    font-size: 42px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px !important;
    color: #1d1d1d !important;
}

.why-choose-repair-section .section-heading h2::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: 0 !important;
    width: 65px !important;
    height: 4px !important;
    transform: translateX(-50%) !important;
    background: #333 !important;
    border-radius: 3px !important;
}

.why-choose-repair-section .section-heading p {
    max-width: 820px !important;
    margin: 0 auto !important;
    font-size: 17px !important;
    line-height: 1.8 !important;
    color: #5d5d5d !important;
}


/* =========================================
   ROW SPACING
   ========================================= */

.why-choose-repair-section .row {
    row-gap: 30px !important;
}


/* =========================================
   CARDS
   ========================================= */

.why-choose-repair-section .repair-choice-card {
    position: relative !important;
    height: 100% !important;
    min-height: 315px !important;
    padding: 38px 32px 34px !important;
    background: #ffffff !important;
    border: 1px solid #dededc !important;
    border-radius: 4px !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06) !important;
    overflow: hidden !important;
    transition:
        transform 0.3s ease !important,
        box-shadow 0.3s ease !important,
        border-color 0.3s ease !important;
}

.why-choose-repair-section .repair-choice-card::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 4px !important;
    background: #2d2d2d !important;
}

.why-choose-repair-section .repair-choice-card::after {
    content: "" !important;
    position: absolute !important;
    right: 18px !important;
    bottom: -15px !important;
    font-size: 90px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    color: rgba(0, 0, 0, 0.025) !important;
    pointer-events: none !important;
}

.why-choose-repair-section .repair-choice-card:hover {
    transform: translateY(-7px) !important;
    border-color: #c9c9c9 !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.11) !important;
}


/* =========================================
   ICON
   ========================================= */

.why-choose-repair-section .repair-choice-icon {
    position: relative !important;
    width: 62px !important;
    height: 62px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 20px !important;
    background: #eeeeec !important;
    border-radius: 4px !important;
    border: 1px solid #dededb !important;
}

.why-choose-repair-section .repair-choice-icon::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 4px !important;
    height: 100% !important;
    background: #333 !important;
    border-radius: 4px 0 0 4px !important;
}

.why-choose-repair-section .repair-choice-icon i {
    font-size: 25px !important;
    color: #292929 !important;
}


/* =========================================
   CARD CONTENT
   ========================================= */

.why-choose-repair-section .repair-choice-card h3 {
    position: relative !important;
    z-index: 2 !important;
    margin: 0 0 15px !important;
    font-size: 21px !important;
    line-height: 1.35 !important;
    font-weight: 750 !important;
    color: #202020 !important;
}

.why-choose-repair-section .repair-choice-card p {
    position: relative !important;
    padding: 0px !important;
    z-index: 2 !important;
    margin: 0 !important;
    font-size: 15.5px !important;
    line-height: 1.75 !important;
    color: #626262 !important;
}


/* =========================================
   ALTERNATING ACCENT
   ========================================= */

.why-choose-repair-section
.row > div:nth-child(even)
.repair-choice-card::before {
    background: #555 !important;
}

.why-choose-repair-section
.row > div:nth-child(even)
.repair-choice-icon::before {
    background: #555 !important;
}


/* =========================================
   EYEBROW
   ========================================= */

.why-choose-repair-section .section-eyebrow {
    margin-bottom: 12px !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: #666 !important;
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 991px) {

    .why-choose-repair-section {
        padding: 75px 0 !important;
    }

    .why-choose-repair-section .section-heading {
        margin-bottom: 45px !important;
    }

    .why-choose-repair-section .section-heading h2 {
        font-size: 34px !important;
    }

    .why-choose-repair-section .repair-choice-card {
        min-height: 300px !important;
        padding: 32px 27px !important;
    }

    .why-choose-repair-section .repair-choice-card h3 {
        font-size: 20px !important;
    }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .why-choose-repair-section {
        padding: 60px 0 !important;
    }

    .why-choose-repair-section .section-heading {
        margin-bottom: 35px !important;
        padding: 0 10px !important;
    }

    .why-choose-repair-section .section-heading h2 {
        font-size: 29px !important;
        line-height: 1.25 !important;
        padding-bottom: 17px !important;
    }

    .why-choose-repair-section .section-heading p {
        font-size: 15px !important;
        line-height: 1.7 !important;
    }

    .why-choose-repair-section .repair-choice-card {
        min-height: auto !important;
        padding: 30px 24px !important;
    }

    .why-choose-repair-section .repair-choice-icon {
        width: 56px !important;
        height: 56px !important;
        margin-bottom: 20px !important;
    }

    .why-choose-repair-section .repair-choice-icon i {
        font-size: 22px !important;
    }

    .why-choose-repair-section .repair-choice-card h3 {
        font-size: 19px !important;
    }

    .why-choose-repair-section .repair-choice-card p {
        font-size: 14.5px !important;
        line-height: 1.7 !important;
    }
}


/* =========================================
   SMALL MOBILE
   ========================================= */

@media (max-width: 480px) {

    .why-choose-repair-section {
        padding: 50px 0 !important;
    }

    .why-choose-repair-section .section-heading h2 {
        font-size: 26px !important;
    }

    .why-choose-repair-section .repair-choice-card {
        padding: 26px 21px !important;
    }
}



/* =========================================
   CONCRETE REPAIR SERVICE AREA
   ========================================= */

.concrete-repair-service-area {
    position: relative !important;
    padding: 85px 0 !important;
    background: #102f35 !important;
    overflow: hidden !important;
}

.concrete-repair-service-area::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 5px !important;
    background: #777 !important;
}

.concrete-repair-service-area .container {
    position: relative !important;
    z-index: 2 !important;
}


/* =========================================
   CONTENT
   ========================================= */

.concrete-repair-service-area .service-area-content {
    max-width: 950px !important;
    margin: 0 auto !important;
    text-align: center !important;
}


/* =========================================
   LABEL
   ========================================= */

.concrete-repair-service-area .service-area-label {
    display: inline-block !important;
    margin-bottom: 16px !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: #bdbdbd !important;
}


/* =========================================
   HEADING
   ========================================= */

.concrete-repair-service-area h2 {
    position: relative !important;
    margin: 0 0 25px !important;
    padding-bottom: 22px !important;
    font-size: 40px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    letter-spacing: -0.3px !important;
    color: #ffffff !important;
}

.concrete-repair-service-area h2::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    width: 65px !important;
    height: 4px !important;
    transform: translateX(-50%) !important;
    background: #aaa !important;
    border-radius: 3px !important;
}


/* =========================================
   PARAGRAPHS
   ========================================= */

.concrete-repair-service-area .service-area-text {
    max-width: 850px !important;
    margin: 0 auto !important;
}

.concrete-repair-service-area .service-area-text p {
    margin: 0 0 18px !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
    color: #d4d4d4 !important;
}

.concrete-repair-service-area .service-area-text p:last-child {
    margin-bottom: 0 !important;
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 991px) {

    .concrete-repair-service-area {
        padding: 70px 0 !important;
    }

    .concrete-repair-service-area h2 {
        font-size: 34px !important;
    }

}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .concrete-repair-service-area {
        padding: 55px 20px !important;
    }

    .concrete-repair-service-area .service-area-label {
        font-size: 11px !important;
        letter-spacing: 1.5px !important;
    }

    .concrete-repair-service-area h2 {
        font-size: 28px !important;
        line-height: 1.3 !important;
        padding-bottom: 18px !important;
    }

    .concrete-repair-service-area .service-area-text p {
        font-size: 15px !important;
        line-height: 1.7 !important;
    }

}


/* =========================================
   SMALL MOBILE
   ========================================= */

@media (max-width: 480px) {

    .concrete-repair-service-area {
        padding: 50px 18px !important;
    }

    .concrete-repair-service-area h2 {
        font-size: 25px !important;
    }

}



/* =========================================
   CUSTOMER REVIEW SECTION
   ========================================= */

.concrete-repair-reviews {
    position: relative !important;
    padding: 90px 0 !important;
    background: #f5f5f3 !important;
    overflow: hidden !important;
}

.concrete-repair-reviews::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 5px !important;
    background: #252525 !important;
}

.concrete-repair-reviews .container {
    position: relative !important;
    z-index: 2 !important;
}


/* =========================================
   HEADING
   ========================================= */

.concrete-repair-reviews .reviews-heading {
    max-width: 900px !important;
    margin: 0 auto 55px !important;
    text-align: center !important;
}

.concrete-repair-reviews .reviews-eyebrow {
    display: inline-block !important;
    margin-bottom: 14px !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: #666 !important;
}

.concrete-repair-reviews .reviews-heading h2 {
    position: relative !important;
    margin: 0 0 24px !important;
    padding-bottom: 22px !important;
    font-size: 40px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    color: #1f1f1f !important;
}

.concrete-repair-reviews .reviews-heading h2::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    width: 65px !important;
    height: 4px !important;
    transform: translateX(-50%) !important;
    background: #333 !important;
    border-radius: 3px !important;
}

.concrete-repair-reviews .reviews-heading p {
    max-width: 820px !important;
    margin: 0 auto !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
    color: #606060 !important;
}


/* =========================================
   REVIEW CARDS
   ========================================= */

.concrete-repair-reviews .row {
    row-gap: 30px !important;
}

.concrete-repair-reviews .repair-review-card {
    position: relative !important;
    height: 100% !important;
   
    padding: 34px 30px !important;
    background: #ffffff !important;
    border: 1px solid #dfdfdd !important;
    border-radius: 5px !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06) !important;
    overflow: hidden !important;
    transition:
        transform 0.3s ease !important,
        box-shadow 0.3s ease !important,
        border-color 0.3s ease !important;
}

.concrete-repair-reviews .repair-review-card::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 4px !important;
    background: #169bd5 !important;
}

.concrete-repair-reviews .repair-review-card:hover {
    transform: translateY(-6px) !important;
    border-color: #c9c9c9 !important;
    box-shadow: 0 16px 35px rgba(0, 0, 0, 0.10) !important;
}


/* =========================================
   STARS
   ========================================= */

.concrete-repair-reviews .repair-review-stars {
    margin-bottom: 20px !important;
    font-size: 18px !important;
    line-height: 1 !important;
    letter-spacing: 3px !important;
    color: #ffa700 !important;
}


/* =========================================
   REVIEW TEXT
   ========================================= */

.concrete-repair-reviews .repair-review-card blockquote {
    position: relative !important;
    margin: 0 0 28px !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 15.5px !important;
    line-height: 1.75 !important;
    font-style: normal !important;
    color: #555 !important;
}

.concrete-repair-reviews .repair-review-card blockquote::before {
    content: "“" !important;
    display: block !important;
    margin-bottom: -15px !important;
    font-size: 55px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    color: #d7d7d5 !important;
}


/* =========================================
   REVIEW AUTHOR
   ========================================= */

.concrete-repair-reviews .repair-review-author {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    margin-top: auto !important;
    padding-top: 18px !important;
    border-top: 1px solid #e5e5e5 !important;
}

.concrete-repair-reviews .repair-review-author strong {
    font-size: 15px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    color: #222 !important;
}

.concrete-repair-reviews .repair-review-author span {
    font-size: 12px !important;
    line-height: 1.4 !important;
    color: #777 !important;
}


/* =========================================
   GOOGLE REVIEWS LINK
   ========================================= */

.concrete-repair-reviews .reviews-link-wrap {
    margin-top: 40px !important;
    text-align: center !important;
}

.concrete-repair-reviews .reviews-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    padding: 13px 24px !important;
    border: 2px solid #292929 !important;
    border-radius: 3px !important;
    background: transparent !important;
    color: #292929 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition:
        background 0.3s ease !important,
        color 0.3s ease !important,
        transform 0.3s ease !important;
}

.concrete-repair-reviews .reviews-link:hover {
    background: #1890ce !important;
     border: 2px solid #1890ce !important;
    color: #ffffff !important;
    text-decoration: none !important;
    transform: translateY(-2px) !important;
}

.concrete-repair-reviews .reviews-link i {
    font-size: 12px !important;
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 991px) {

    .concrete-repair-reviews {
        padding: 70px 0 !important;
    }

    .concrete-repair-reviews .reviews-heading {
        margin-bottom: 45px !important;
    }

    .concrete-repair-reviews .reviews-heading h2 {
        font-size: 34px !important;
    }

    .concrete-repair-reviews .repair-review-card {
        min-height: 310px !important;
        padding: 30px 25px !important;
    }

}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .concrete-repair-reviews {
        padding: 60px 0 !important;
    }

    .concrete-repair-reviews .reviews-heading {
        margin-bottom: 35px !important;
        padding: 0 10px !important;
    }

    .concrete-repair-reviews .reviews-heading h2 {
        font-size: 28px !important;
        line-height: 1.3 !important;
        padding-bottom: 18px !important;
    }

    .concrete-repair-reviews .reviews-heading p {
        font-size: 15px !important;
        line-height: 1.7 !important;
    }

    .concrete-repair-reviews .repair-review-card {
        min-height: auto !important;
        padding: 28px 23px !important;
    }

    .concrete-repair-reviews .repair-review-card blockquote {
        font-size: 14.5px !important;
    }

}


/* =========================================
   SMALL MOBILE
   ========================================= */

@media (max-width: 480px) {

    .concrete-repair-reviews {
        padding: 50px 0 !important;
    }

    .concrete-repair-reviews .reviews-heading h2 {
        font-size: 25px !important;
    }

    .concrete-repair-reviews .repair-review-card {
        padding: 25px 20px !important;
    }

}



/* =========================================
   SECTION 6 - PROJECT COORDINATION
   ========================================= */

.pole-barn-project-section {
    position: relative !important;
    padding: 90px 0 !important;
    background: #ffffff !important;
    overflow: hidden !important;
}

.pole-barn-project-section .container {
    position: relative !important;
    z-index: 2 !important;
}


/* =========================================
   SECTION HEADING
   ========================================= */

.pole-barn-project-heading {
    max-width: 900px !important;
    margin: 0 auto 50px !important;
    text-align: center !important;
}

.pole-barn-project-label {
    display: inline-block !important;
    margin-bottom: 15px !important;
    padding-left: 14px !important;
    border-left: 4px solid #333 !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: #666 !important;
}

.pole-barn-project-heading h2 {
    position: relative !important;
    margin: 0 !important;
    padding-bottom: 22px !important;
    font-size: 40px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    color: #202020 !important;
}

.pole-barn-project-heading h2::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    width: 60px !important;
    height: 4px !important;
    transform: translateX(-50%) !important;
    background: #198fcf !important;
    border-radius: 3px !important;
}


/* =========================================
   PROJECT CARDS
   ========================================= */

.pole-barn-project-section .row {
    row-gap: 30px !important;
}

.pole-barn-project-card {
    position: relative !important;
    height: 100% !important;
    padding: 40px 38px 35px !important;
    background: #f5f5f3 !important;
    border: 1px solid #dededb !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06) !important;
}

.pole-barn-project-card::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 5px !important;
    background: #198fcf !important;
}


/* =========================================
   CARD NUMBER
   ========================================= */

.pole-barn-project-card-number {
    margin-bottom: 18px !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
    color: #198fcf !important;
}


/* =========================================
   CARD HEADING
   ========================================= */

.pole-barn-project-card h3 {
    margin: 0 0 20px !important;
    font-size: 25px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
    color: #202020 !important;
}


/* =========================================
   CARD COPY
   ========================================= */

.pole-barn-project-card p {
    margin: 0 0 18px !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    color: #5b5b5b !important;
    padding: 0px !important;
}

.pole-barn-project-card p:last-child {
    margin-bottom: 0 !important;
}


/* =========================================
   SCOPE NOTICE
   ========================================= */

.pole-barn-scope-notice {
    display: flex !important;
    align-items: flex-start !important;
    gap: 20px !important;
    margin-top: 35px !important;
    padding: 28px 32px !important;
    background: #111827 !important;
    border-radius: 10px !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.10) !important;
}

.pole-barn-scope-icon {
    flex: 0 0 48px !important;
    width: 48px !important;
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    border-radius: 50% !important;
}

.pole-barn-scope-icon i {
    font-size: 20px !important;
    color: #ffffff !important;
}

.pole-barn-scope-content {
    flex: 1 !important;
}

.pole-barn-scope-content h3 {
    margin: 0 0 8px !important;
    font-size: 18px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    color: #ffffff !important;
}

.pole-barn-scope-content p {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
    color: rgba(255, 255, 255, 0.82) !important;
    padding: 0px !important;
}


/* =========================================
   IMAGE
   ========================================= */

.pole-barn-project-image {
    position: relative !important;
    margin-top: 40px !important;
    overflow: hidden !important;
    border-radius: 5px !important;
    box-shadow: 0 15px 38px rgba(0, 0, 0, 0.13) !important;
}

.pole-barn-project-image img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 12 / 7 !important;
    object-fit: cover !important;
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 991px) {

    .pole-barn-project-section {
        padding: 70px 0 !important;
    }

    .pole-barn-project-heading {
        margin-bottom: 40px !important;
    }

    .pole-barn-project-heading h2 {
        font-size: 34px !important;
    }

    .pole-barn-project-card {
        padding: 34px 30px !important;
    }

    .pole-barn-project-card h3 {
        font-size: 22px !important;
    }

}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .pole-barn-project-section {
        padding: 55px 0 !important;
    }

    .pole-barn-project-heading {
        margin-bottom: 32px !important;
        padding: 0 8px !important;
    }

    .pole-barn-project-heading h2 {
        font-size: 29px !important;
        line-height: 1.3 !important;
    }

    .pole-barn-project-card {
        padding: 30px 24px !important;
    }

    .pole-barn-project-card h3 {
        font-size: 21px !important;
    }

    .pole-barn-project-card p {
        font-size: 14.5px !important;
        line-height: 1.7 !important;
    }

    .pole-barn-scope-notice {
        flex-direction: column !important;
        gap: 15px !important;
        padding: 25px 22px !important;
    }

    .pole-barn-scope-icon {
        flex: 0 0 auto !important;
    }

    .pole-barn-scope-content h3 {
        font-size: 17px !important;
    }

    .pole-barn-scope-content p {
        font-size: 13.5px !important;
    }

    .pole-barn-project-image {
        margin-top: 30px !important;
    }

}


/* =========================================
   SMALL MOBILE
   ========================================= */

@media (max-width: 480px) {

    .pole-barn-project-section {
        padding: 48px 0 !important;
    }

    .pole-barn-project-heading h2 {
        font-size: 26px !important;
    }

    .pole-barn-project-card {
        padding: 27px 20px !important;
    }

    .pole-barn-project-card h3 {
        font-size: 20px !important;
    }

}




/* =========================================
   SECTION 7 - COMMON FLOOR SIZES
   ========================================= */

.pole-barn-sizes-section {
    position: relative !important;
    padding: 90px 0 !important;
    background: #f4f4f2 !important;
    overflow: hidden !important;
}

.pole-barn-sizes-section .container {
    position: relative !important;
    z-index: 2 !important;
}


/* =========================================
   SECTION HEADING
   ========================================= */

.pole-barn-sizes-heading {
    max-width: 850px !important;
    margin: 0 auto 50px !important;
    text-align: center !important;
}

.pole-barn-sizes-label {
    display: inline-block !important;
    margin-bottom: 15px !important;
    padding-left: 14px !important;
    border-left: 4px solid #333 !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: #666 !important;
}

.pole-barn-sizes-heading h2 {
    position: relative !important;
    margin: 0 0 25px !important;
    padding-bottom: 22px !important;
    font-size: 40px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    color: #202020 !important;
}

.pole-barn-sizes-heading h2::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: 0 !important;
    width: 60px !important;
    height: 4px !important;
    transform: translateX(-50%) !important;
    background: #198fcf !important;
    border-radius: 3px !important;
}

.pole-barn-sizes-heading p {
    max-width: 760px !important;
    margin: 0 auto !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
    color: #5d5d5d !important;
}


/* =========================================
   SIZE CARDS
   ========================================= */

.pole-barn-size-card {
    position: relative !important;
    height: 100% !important;
    min-height: 255px !important;
    padding: 32px 20px !important;
    background: #ffffff !important;
    border: 1px solid #dededb !important;
    border-radius: 5px !important;
    text-align: center !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.055) !important;
    transition: all 0.3s ease !important;
    overflow: hidden !important;
}

.pole-barn-size-card::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 4px !important;
    background: #198fcf !important;
}

.pole-barn-size-card:hover {
    transform: translateY(-6px) !important;
    border-color: #c8c8c5 !important;
    box-shadow: 0 16px 35px rgba(0, 0, 0, 0.10) !important;
}


/* =========================================
   SIZE ICON
   ========================================= */

.pole-barn-size-icon {
    width: 54px !important;
    height: 54px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 20px !important;
    background: #eeeeec !important;
    border: 1px solid #d9d9d6 !important;
    border-radius: 50% !important;
}

.pole-barn-size-icon i {
    font-size: 20px !important;
    color: #198fcf !important;
}


/* =========================================
   DIMENSIONS
   ========================================= */

.pole-barn-size-dimensions {
    margin-bottom: 3px !important;
    font-size: 30px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px !important;
    color: #202020 !important;
}

.pole-barn-size-label {
    margin-bottom: 18px !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    color: #777 !important;
}


/* =========================================
   SQUARE FOOTAGE
   ========================================= */

.pole-barn-size-square {
    font-size: 25px !important;
    line-height: 1.3 !important;
    font-weight: 750 !important;
    color: #333 !important;
}

.pole-barn-size-square span {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #777 !important;
}


/* =========================================
   IMPORTANT NOTE
   ========================================= */

.pole-barn-sizes-note {
    display: flex !important;
    align-items: flex-start !important;
    gap: 15px !important;
    max-width: 950px !important;
    margin: 35px auto 0 !important;
    padding: 22px 25px !important;
    background: #ffffff !important;
    border-left: 4px solid #198fcf !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05) !important;
    border-radius: 8px !important;

}

.pole-barn-sizes-note > i {
    flex: 0 0 auto !important;
    margin-top: 3px !important;
    font-size: 18px !important;
    color: #198fcf !important;
}

.pole-barn-sizes-note p {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
    color: #5c5c5c !important;
    padding: 0px !important;
}


/* =========================================
   CTA
   ========================================= */

.pole-barn-sizes-cta {
    margin-top: 32px !important;
    text-align: center !important;
}

.pole-barn-sizes-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    min-height: 52px !important;
    padding: 14px 24px !important;
    background: #000 !important;
    border: 2px solid #000 !important;
    border-radius: 5px !important;
    color: #ffffff !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

.pole-barn-sizes-button:hover {
    background: #444 !important;
    border-color: #444 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    text-decoration: none !important;
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 991px) {

    .pole-barn-sizes-section {
        padding: 70px 0 !important;
    }

    .pole-barn-sizes-heading h2 {
        font-size: 34px !important;
    }

    .pole-barn-size-card {
        min-height: 235px !important;
    }

}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .pole-barn-sizes-section {
        padding: 60px 0 !important;
    }

    .pole-barn-sizes-heading {
        margin-bottom: 35px !important;
        padding: 0 8px !important;
    }

    .pole-barn-sizes-heading h2 {
        font-size: 29px !important;
        line-height: 1.3 !important;
    }

    .pole-barn-sizes-heading p {
        font-size: 15px !important;
        line-height: 1.7 !important;
    }

    .pole-barn-size-card {
        min-height: auto !important;
        padding: 28px 20px !important;
    }

    .pole-barn-size-dimensions {
        font-size: 28px !important;
    }

    .pole-barn-sizes-note {
        padding: 20px !important;
    }

    .pole-barn-sizes-note p {
        font-size: 13.5px !important;
    }

    .pole-barn-sizes-button {
        width: 100% !important;
        text-align: center !important;
    }

}


/* =========================================
   SMALL MOBILE
   ========================================= */

@media (max-width: 480px) {

    .pole-barn-sizes-section {
        padding: 50px 0 !important;
    }

    .pole-barn-sizes-heading h2 {
        font-size: 26px !important;
    }

    .pole-barn-size-card {
        padding: 25px 18px !important;
    }

    .pole-barn-size-dimensions {
        font-size: 26px !important;
    }

}



/* =========================================================
   SECTION 8: FLOOR SPECIFICATIONS
========================================================= */

.ci-floor-specifications {
    width: 100% !important;
    padding: 90px 20px !important;
    background: #f4f6f8 !important;
    box-sizing: border-box !important;
}

.ci-floor-specifications-container {
    width: 100% !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}


/* =========================================================
   SECTION INTRO
========================================================= */

.ci-floor-specifications-intro {
    max-width: 900px !important;
    margin: 0 auto 50px !important;
    text-align: center !important;
}

.ci-floor-specifications-eyebrow {
    display: inline-block !important;
    margin: 0 0 12px !important;

    color: #198fcf !important;

    font-size: 15px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;

    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}

.ci-floor-specifications-intro h2 {
    margin: 0 0 18px !important;
    padding: 0 !important;

    color: #000000 !important;

    font-size: 38px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}

.ci-floor-specifications-divider {
    width: 70px !important;
    height: 4px !important;

    margin: 0 auto 22px !important;

    background: #198fcf !important;
    border-radius: 10px !important;
}

.ci-floor-specifications-intro p {
    margin: 0 !important;
    padding: 0 !important;

    color: #222222 !important;

    font-size: 18px !important;
    line-height: 1.75 !important;
}


/* =========================================================
   SPECIFICATION GRID
========================================================= */

.ci-floor-specifications-grid {
    display: grid !important;

    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    gap: 25px !important;

    width: 100% !important;
}


/* =========================================================
   SPECIFICATION CARD
========================================================= */

.ci-floor-specification-card {
    position: relative !important;

    display: flex !important;
    align-items: flex-start !important;

    width: 100% !important;
    min-height: 220px !important;

    padding: 30px !important;

    background: #ffffff !important;

    border: 1px solid #d9dfe6 !important;
    border-radius: 12px !important;

    box-shadow: 0 6px 20px rgba(17, 24, 39, 0.05) !important;

    box-sizing: border-box !important;

    transition: all 0.3s ease !important;
}

.ci-floor-specification-card:hover {
    transform: translateY(-4px) !important;

    border-color: #198fcf !important;

    box-shadow: 0 12px 28px rgba(17, 24, 39, 0.09) !important;
}


/* =========================================================
   NUMBER
========================================================= */

.ci-floor-specification-number {
    flex: 0 0 48px !important;

    width: 48px !important;
    height: 48px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin-right: 20px !important;

    background: #198fcf !important;
    color: #ffffff !important;

    border-radius: 50% !important;

    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: 800 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   CARD CONTENT
========================================================= */

.ci-floor-specification-content {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.ci-floor-specification-content h3 {
    margin: 2px 0 12px !important;
    padding: 0 !important;

    color: #111827 !important;

    font-size: 21px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
}

.ci-floor-specification-content p {
    margin: 0 !important;
    padding: 0 !important;

    color: #303640 !important;

    font-size: 16px !important;
    line-height: 1.7 !important;
}


/* =========================================================
   IMPORTANT DISCLAIMER
========================================================= */

.ci-floor-specifications-disclaimer {
    display: flex !important;
    align-items: flex-start !important;

    width: 100% !important;

    margin-top: 35px !important;
    padding: 24px 28px !important;

    background: #f1f7fb !important;

    border-left: 4px solid #198fcf !important;
    border-radius: 8px !important;

    box-sizing: border-box !important;
}

.ci-floor-specifications-disclaimer-icon {
    flex: 0 0 28px !important;

    width: 28px !important;

    margin-right: 14px !important;

    color: #198fcf !important;

    font-size: 21px !important;
    line-height: 1.5 !important;
}

.ci-floor-specifications-disclaimer strong {
    display: block !important;

    margin: 0 0 7px !important;

    color: #111827 !important;

    font-size: 16px !important;
    line-height: 1.4 !important;
    font-weight: 800 !important;
}

.ci-floor-specifications-disclaimer p {
    margin: 0 !important;
    padding: !important;
    color: #303640 !important;

    font-size: 15px !important;
    line-height: 1.65 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .ci-floor-specifications {
        padding: 75px 20px !important;
    }

    .ci-floor-specifications-grid {
        gap: 20px !important;
    }

    .ci-floor-specification-card {
        padding: 25px !important;
    }

    .ci-floor-specification-number {
        flex-basis: 44px !important;

        width: 44px !important;
        height: 44px !important;

        margin-right: 16px !important;
    }

    .ci-floor-specification-content h3 {
        font-size: 20px !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .ci-floor-specifications {
        padding: 60px 20px !important;
    }

    .ci-floor-specifications-intro {
        margin-bottom: 35px !important;
    }

    .ci-floor-specifications-intro h2 {
        font-size: 30px !important;
    }

    .ci-floor-specifications-intro p {
        font-size: 16px !important;
        line-height: 1.65 !important;
    }

    .ci-floor-specifications-grid {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    .ci-floor-specification-card {
        min-height: auto !important;

        padding: 22px 20px !important;
    }

    .ci-floor-specification-number {
        flex-basis: 42px !important;

        width: 42px !important;
        height: 42px !important;

        margin-right: 15px !important;

        font-size: 13px !important;
    }

    .ci-floor-specification-content h3 {
        margin-top: 1px !important;

        font-size: 19px !important;
    }

    .ci-floor-specification-content p {
        font-size: 15px !important;
        line-height: 1.65 !important;
    }

    .ci-floor-specifications-disclaimer {
        padding: 20px !important;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .ci-floor-specifications {
        padding: 50px 15px !important;
    }

    .ci-floor-specifications-intro h2 {
        font-size: 27px !important;
    }

    .ci-floor-specification-card {
        padding: 20px 17px !important;
    }

    .ci-floor-specification-number {
        flex-basis: 38px !important;

        width: 38px !important;
        height: 38px !important;

        margin-right: 12px !important;

        font-size: 12px !important;
    }

    .ci-floor-specification-content h3 {
        font-size: 18px !important;
    }

    .ci-floor-specification-content p {
        font-size: 15px !important;
    }

    .ci-floor-specifications-disclaimer {
        display: block !important;
    }

    .ci-floor-specifications-disclaimer-icon {
        margin: 0 0 8px !important;
    }

}




/* =========================================================
   SECTION 9: POLE BARN INSTALLATION PROCESS
========================================================= */

.ci-pole-barn-process {
    width: 100% !important;
    padding: 90px 20px !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
}

.ci-pole-barn-process-container {
    width: 100% !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}


/* =========================================================
   SECTION INTRO
========================================================= */

.ci-pole-barn-process-intro {
    max-width: 850px !important;
    margin: 0 auto 60px !important;
    text-align: center !important;
}

.ci-pole-barn-process-eyebrow {
    display: inline-block !important;

    margin: 0 0 12px !important;

    color: #198fcf !important;

    font-size: 15px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;

    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}

.ci-pole-barn-process-intro h2 {
    margin: 0 0 18px !important;
    padding: 0 !important;

    color: #000000 !important;

    font-size: 38px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}

.ci-pole-barn-process-divider {
    width: 70px !important;
    height: 4px !important;

    margin: 0 auto !important;

    background: #198fcf !important;
    border-radius: 10px !important;
}


/* =========================================================
   PROCESS ROW
========================================================= */

.ci-pole-barn-process-row {
    display: grid !important;

    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;

    align-items: center !important;

    gap: 60px !important;

    width: 100% !important;

    margin-bottom: 70px !important;
}


/* =========================================================
   ALTERNATING ROW
========================================================= */

.ci-pole-barn-process-row-reverse .ci-pole-barn-process-image {
    order: 2 !important;
}

.ci-pole-barn-process-row-reverse .ci-pole-barn-process-content {
    order: 1 !important;
}


/* =========================================================
   PROCESS IMAGE
========================================================= */

.ci-pole-barn-process-image {
    width: 100% !important;
    overflow: hidden !important;

    border-radius: 12px !important;

    box-shadow: 0 8px 25px rgba(17, 24, 39, 0.10) !important;
}

.ci-pole-barn-process-image img {
    display: block !important;

    width: 100% !important;
    height: 380px !important;

    object-fit: cover !important;

    transition: transform 0.4s ease !important;
}

.ci-pole-barn-process-image:hover img {
    transform: scale(1.03) !important;
}


/* =========================================================
   PROCESS CONTENT
========================================================= */

.ci-pole-barn-process-content {
    position: relative !important;

    padding: 15px 0 !important;
}

.ci-pole-barn-process-number {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 52px !important;
    height: 52px !important;

    margin-bottom: 20px !important;

    background: #198fcf !important;
    color: #ffffff !important;

    border-radius: 50% !important;

    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: 800 !important;

    box-sizing: border-box !important;
}

.ci-pole-barn-process-content h3 {
    margin: 0 0 16px !important;
    padding: 0 !important;

    color: #111827 !important;

    font-size: 27px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
}

.ci-pole-barn-process-content p {
    margin: 0 !important;
    padding: 0 !important;

    color: #303640 !important;

    font-size: 17px !important;
    line-height: 1.75 !important;
}


/* =========================================================
   LAST ROW
========================================================= */

.ci-pole-barn-process-row:last-child {
    margin-bottom: 0 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .ci-pole-barn-process {
        padding: 75px 20px !important;
    }

    .ci-pole-barn-process-intro {
        margin-bottom: 50px !important;
    }

    .ci-pole-barn-process-intro h2 {
        font-size: 34px !important;
    }

    .ci-pole-barn-process-row {
        gap: 35px !important;
        margin-bottom: 55px !important;
    }

    .ci-pole-barn-process-image img {
        height: 320px !important;
    }

    .ci-pole-barn-process-content h3 {
        font-size: 23px !important;
    }

    .ci-pole-barn-process-content p {
        font-size: 16px !important;
        line-height: 1.7 !important;
    }

}


/* =========================================================
   MOBILE
   Image always appears ABOVE text
========================================================= */

@media (max-width: 767px) {

    .ci-pole-barn-process {
        padding: 60px 20px !important;
    }

    .ci-pole-barn-process-intro {
        margin-bottom: 40px !important;
    }

    .ci-pole-barn-process-intro h2 {
        font-size: 30px !important;
    }

    .ci-pole-barn-process-row,
    .ci-pole-barn-process-row-reverse {
        display: flex !important;
        flex-direction: column !important;

        gap: 25px !important;

        margin-bottom: 50px !important;
    }

    .ci-pole-barn-process-row-reverse .ci-pole-barn-process-image,
    .ci-pole-barn-process-row-reverse .ci-pole-barn-process-content {
        order: initial !important;
    }

    .ci-pole-barn-process-image {
        width: 100% !important;
    }

    .ci-pole-barn-process-image img {
        width: 100% !important;
        height: 300px !important;
    }

    .ci-pole-barn-process-content {
        padding: 0 !important;
    }

    .ci-pole-barn-process-number {
        width: 46px !important;
        height: 46px !important;

        margin-bottom: 15px !important;

        font-size: 14px !important;
    }

    .ci-pole-barn-process-content h3 {
        font-size: 22px !important;
        line-height: 1.35 !important;
    }

    .ci-pole-barn-process-content p {
        font-size: 16px !important;
        line-height: 1.7 !important;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .ci-pole-barn-process {
        padding: 50px 15px !important;
    }

    .ci-pole-barn-process-intro h2 {
        font-size: 27px !important;
    }

    .ci-pole-barn-process-eyebrow {
        font-size: 14px !important;
    }

    .ci-pole-barn-process-row,
    .ci-pole-barn-process-row-reverse {
        gap: 20px !important;
        margin-bottom: 40px !important;
    }

    .ci-pole-barn-process-image img {
        height: 240px !important;
    }

    .ci-pole-barn-process-content h3 {
        font-size: 20px !important;
    }

    .ci-pole-barn-process-content p {
        font-size: 15px !important;
        line-height: 1.65 !important;
    }

}


/* =========================================================
   SECTION 10: OPTIONAL FLOOR FEATURES
========================================================= */

.ci-floor-options {
    width: 100% !important;
    padding: 90px 20px !important;
    background: #f4f6f8 !important;
    box-sizing: border-box !important;
}

.ci-floor-options-container {
    width: 100% !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}


/* =========================================================
   SECTION INTRO
========================================================= */

.ci-floor-options-intro {
    max-width: 800px !important;
    margin: 0 auto 50px !important;
    text-align: center !important;
}

.ci-floor-options-eyebrow {
    display: inline-block !important;

    margin: 0 0 12px !important;

    color: #198fcf !important;

    font-size: 15px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;

    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}

.ci-floor-options-intro h2 {
    margin: 0 0 18px !important;
    padding: 0 !important;

    color: #000000 !important;

    font-size: 38px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}

.ci-floor-options-divider {
    width: 70px !important;
    height: 4px !important;

    margin: 0 auto !important;

    background: #198fcf !important;
    border-radius: 10px !important;
}


/* =========================================================
   OPTIONS GRID
========================================================= */

.ci-floor-options-grid {
    display: grid !important;

    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

    gap: 25px !important;

    width: 100% !important;
}


/* =========================================================
   OPTION CARD
========================================================= */

.ci-floor-option-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    width: 100% !important;
    min-height: 285px !important;

    padding: 30px !important;

    background: #ffffff !important;

    border: 1px solid #d9dfe6 !important;
    border-radius: 12px !important;

    box-shadow: 0 6px 20px rgba(17, 24, 39, 0.05) !important;

    box-sizing: border-box !important;

    transition: all 0.3s ease !important;
}

.ci-floor-option-card:hover {
    transform: translateY(-5px) !important;

    border-color: #198fcf !important;

    box-shadow: 0 12px 28px rgba(17, 24, 39, 0.09) !important;
}


/* =========================================================
   ICON
========================================================= */

.ci-floor-option-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 58px !important;
    height: 58px !important;

    margin-bottom: 22px !important;

    background: #f1f7fb !important;
    color: #198fcf !important;

    border-radius: 50% !important;

    font-size: 23px !important;

    box-sizing: border-box !important;
}

.ci-floor-option-icon i {
    color: inherit !important;
}


/* =========================================================
   CARD CONTENT
========================================================= */

.ci-floor-option-card h3 {
    margin: 0 0 12px !important;
    padding: 0 !important;

    color: #111827 !important;

    font-size: 21px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
}

.ci-floor-option-card p {
    margin: 0 !important;
    padding: 0 !important;

    color: #303640 !important;

    font-size: 16px !important;
    line-height: 1.7 !important;
}


/* =========================================================
   CTA
========================================================= */

.ci-floor-options-cta {
    display: flex !important;
    justify-content: center !important;

    margin-top: 40px !important;
}

.ci-floor-options-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    text-decoration: none !important;
}


/* =========================================================
   IMPORTANT NOTE
========================================================= */

.ci-floor-options-note {
    display: flex !important;
    align-items: flex-start !important;

    width: 100% !important;

    margin-top: 40px !important;
    padding: 24px 28px !important;

    background: #f1f7fb !important;

    border-left: 4px solid #198fcf !important;
    border-radius: 8px !important;

    box-sizing: border-box !important;
}

.ci-floor-options-note-icon {
    flex: 0 0 28px !important;

    width: 28px !important;

    margin-right: 14px !important;

    color: #198fcf !important;

    font-size: 21px !important;
    line-height: 1.5 !important;
}

.ci-floor-options-note-content {
    flex: 1 1 auto !important;
}

.ci-floor-options-note-content strong {
    display: block !important;

    margin: 0 0 7px !important;

    color: #111827 !important;

    font-size: 16px !important;
    line-height: 1.4 !important;
    font-weight: 800 !important;
}

.ci-floor-options-note-content p {
    margin: 0 !important;
    padding: 0px !important;

    color: #303640 !important;

    font-size: 15px !important;
    line-height: 1.65 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .ci-floor-options {
        padding: 75px 20px !important;
    }

    .ci-floor-options-intro {
        margin-bottom: 40px !important;
    }

    .ci-floor-options-intro h2 {
        font-size: 34px !important;
    }

    .ci-floor-options-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 20px !important;
    }

    .ci-floor-option-card {
        min-height: 260px !important;
        padding: 25px !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .ci-floor-options {
        padding: 60px 20px !important;
    }

    .ci-floor-options-intro {
        margin-bottom: 35px !important;
    }

    .ci-floor-options-intro h2 {
        font-size: 30px !important;
    }

    .ci-floor-options-grid {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    .ci-floor-option-card {
        min-height: auto !important;

        padding: 24px 20px !important;
    }

    .ci-floor-option-icon {
        width: 52px !important;
        height: 52px !important;

        margin-bottom: 18px !important;

        font-size: 21px !important;
    }

    .ci-floor-option-card h3 {
        font-size: 20px !important;
    }

    .ci-floor-option-card p {
        font-size: 15px !important;
        line-height: 1.65 !important;
    }

    .ci-floor-options-cta {
        margin-top: 30px !important;
    }

    .ci-floor-options-note {
        margin-top: 30px !important;
        padding: 20px !important;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .ci-floor-options {
        padding: 50px 15px !important;
    }

    .ci-floor-options-intro h2 {
        font-size: 27px !important;
    }

    .ci-floor-option-card {
        padding: 22px 18px !important;
    }

    .ci-floor-options-button {
        width: 100% !important;
        text-align: center !important;
    }

    .ci-floor-options-note {
        display: block !important;
    }

    .ci-floor-options-note-icon {
        margin: 0 0 8px !important;
    }

}


/* =========================================================
   SECTION 11: COST SECTION
========================================================= */

.ci-floor-cost {
    width: 100% !important;

    padding: 90px 20px !important;

    background: #ffffff !important;

    box-sizing: border-box !important;
}

.ci-floor-cost-container {
    width: 100% !important;
    max-width: 1180px !important;

    margin: 0 auto !important;

    box-sizing: border-box !important;
}


/* =========================================================
   SECTION INTRO
========================================================= */

.ci-floor-cost-intro {
    max-width: 850px !important;

    margin: 0 auto 50px !important;

    text-align: center !important;
}

.ci-floor-cost-eyebrow {
    display: inline-block !important;

    margin: 0 0 12px !important;

    color: #198fcf !important;

    font-size: 15px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;

    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}

.ci-floor-cost-intro h2 {
    margin: 0 0 18px !important;
    padding: 0 !important;

    color: #000000 !important;

    font-size: 38px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}

.ci-floor-cost-divider {
    width: 70px !important;
    height: 4px !important;

    margin: 0 auto 22px !important;

    background: #198fcf !important;

    border-radius: 10px !important;
}

.ci-floor-cost-intro p {
    margin: 0 !important;
    padding: 0 !important;

    color: #303640 !important;

    font-size: 18px !important;
    line-height: 1.75 !important;
}


/* =========================================================
   COST FACTOR GRID
========================================================= */

.ci-floor-cost-grid {
    display: grid !important;

    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    gap: 16px 22px !important;

    width: 100% !important;
}


/* =========================================================
   COST FACTOR ITEM
========================================================= */

.ci-floor-cost-item {
    display: flex !important;
    align-items: center !important;

    width: 100% !important;

    min-height: 70px !important;

    padding: 16px 20px !important;

    background: #f5f7f8 !important;

    border: 1px solid #e0e5e9 !important;

    border-radius: 8px !important;

    box-sizing: border-box !important;

    transition: all 0.25s ease !important;
}

.ci-floor-cost-item:hover {
    background: #ffffff !important;

    border-color: #198fcf !important;

    transform: translateY(-2px) !important;

    box-shadow: 0 6px 18px rgba(17, 24, 39, 0.06) !important;
}


/* =========================================================
   CHECK ICON
========================================================= */

.ci-floor-cost-icon {
    flex: 0 0 30px !important;

    width: 30px !important;
    height: 30px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin-right: 14px !important;

    background: #198fcf !important;

    color: #ffffff !important;

    border-radius: 50% !important;

    font-size: 12px !important;

    box-sizing: border-box !important;
}

.ci-floor-cost-icon i {
    color: #ffffff !important;
}


/* =========================================================
   FACTOR TEXT
========================================================= */

.ci-floor-cost-item > span:last-child {
    color: #222222 !important;

    font-size: 16px !important;
    line-height: 1.5 !important;
    font-weight: 600 !important;
}


/* =========================================================
   COPY BELOW GRID
========================================================= */

.ci-floor-cost-copy {
    max-width: 900px !important;

    margin: 35px auto 0 !important;

    text-align: center !important;
}

.ci-floor-cost-copy p {
    margin: 0 !important;

    color: #303640 !important;

    font-size: 17px !important;
    line-height: 1.7 !important;
}


/* =========================================================
   CTA ACTIONS
========================================================= */

.ci-floor-cost-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;

    gap: 15px !important;

    margin-top: 30px !important;
}

.ci-floor-cost-primary,
.ci-floor-cost-secondary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 50px !important;

    padding: 13px 24px !important;

    text-align: center !important;
    text-decoration: none !important;

    box-sizing: border-box !important;
}


/* =========================================================
   SECONDARY BUTTON
========================================================= */

.ci-floor-cost-secondary {
    background: #ffffff !important;

    color: #198fcf !important;

    border: 2px solid #198fcf !important;

    border-radius: 6px !important;

    font-size: 16px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;

    transition: all 0.3s ease !important;
}

.ci-floor-cost-secondary:hover {
    background: #198fcf !important;

    color: #ffffff !important;

    text-decoration: none !important;
}


/* =========================================================
   FINANCING DISCLAIMER
========================================================= */

.ci-floor-cost-financing-note {
    margin: 15px 0 0 !important;

    color: #6b7280 !important;

    font-size: 13px !important;
    line-height: 1.5 !important;

    text-align: center !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .ci-floor-cost {
        padding: 75px 20px !important;
    }

    .ci-floor-cost-intro h2 {
        font-size: 34px !important;
    }

    .ci-floor-cost-grid {
        gap: 14px 18px !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .ci-floor-cost {
        padding: 60px 20px !important;
    }

    .ci-floor-cost-intro {
        margin-bottom: 35px !important;
    }

    .ci-floor-cost-intro h2 {
        font-size: 30px !important;
    }

    .ci-floor-cost-intro p {
        font-size: 16px !important;
        line-height: 1.65 !important;
    }

    .ci-floor-cost-grid {
        grid-template-columns: 1fr !important;

        gap: 12px !important;
    }

    .ci-floor-cost-item {
        min-height: 64px !important;

        padding: 14px 16px !important;
    }

    .ci-floor-cost-item > span:last-child {
        font-size: 15px !important;
    }

    .ci-floor-cost-copy {
        margin-top: 30px !important;
    }

    .ci-floor-cost-copy p {
        font-size: 16px !important;
    }

    .ci-floor-cost-actions {
        flex-direction: column !important;

        width: 100% !important;

        margin-top: 25px !important;
    }

    .ci-floor-cost-primary,
    .ci-floor-cost-secondary {
        width: 100% !important;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .ci-floor-cost {
        padding: 50px 15px !important;
    }

    .ci-floor-cost-intro h2 {
        font-size: 27px !important;
    }

    .ci-floor-cost-item {
        padding: 13px 14px !important;
    }

    .ci-floor-cost-icon {
        flex-basis: 28px !important;

        width: 28px !important;
        height: 28px !important;

        margin-right: 11px !important;

        font-size: 11px !important;
    }

    .ci-floor-cost-item > span:last-child {
        font-size: 14px !important;
    }

}

/* =========================================================
   SECTION 12: POLE BARN PROJECT GALLERY
========================================================= */

.ci-pole-barn-gallery {
    width: 100% !important;

    padding: 90px 20px !important;

    background: #f5f7f8 !important;

    box-sizing: border-box !important;
}

.ci-pole-barn-gallery-container {
    width: 100% !important;

    max-width: 1180px !important;

    margin: 0 auto !important;

    box-sizing: border-box !important;
}


/* =========================================================
   SECTION INTRO
========================================================= */

.ci-pole-barn-gallery-intro {
    max-width: 850px !important;

    margin: 0 auto 50px !important;

    text-align: center !important;
}

.ci-pole-barn-gallery-eyebrow {
    display: inline-block !important;

    margin: 0 0 12px !important;

    color: #198fcf !important;

    font-size: 15px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;

    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}

.ci-pole-barn-gallery-intro h2 {
    margin: 0 0 18px !important;
    padding: 0 !important;

    color: #000000 !important;

    font-size: 38px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}

.ci-pole-barn-gallery-divider {
    width: 70px !important;
    height: 4px !important;

    margin: 0 auto 22px !important;

    background: #198fcf !important;

    border-radius: 10px !important;
}

.ci-pole-barn-gallery-intro p {
    margin: 0 !important;
    padding: 0 !important;

    color: #303640 !important;

    font-size: 18px !important;
    line-height: 1.75 !important;
}


/* =========================================================
   GALLERY GRID
========================================================= */

.ci-pole-barn-gallery-grid {
    display: grid !important;

    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

    gap: 25px !important;

    width: 100% !important;
}


/* =========================================================
   GALLERY CARD
========================================================= */

.ci-pole-barn-gallery-card {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: #ffffff !important;

    border: 1px solid #dce2e6 !important;

    border-radius: 12px !important;

    box-shadow: 0 6px 20px rgba(17, 24, 39, 0.06) !important;

    box-sizing: border-box !important;

    transition: all 0.3s ease !important;
}

.ci-pole-barn-gallery-card:hover {
    transform: translateY(-5px) !important;

    border-color: #198fcf !important;

    box-shadow: 0 12px 28px rgba(17, 24, 39, 0.10) !important;
}


/* =========================================================
   IMAGE
========================================================= */

.ci-pole-barn-gallery-image {
    width: 100% !important;

    overflow: hidden !important;

    background: #e9edf0 !important;
}

.ci-pole-barn-gallery-image img {
    display: block !important;

    width: 100% !important;

    height: 245px !important;

    object-fit: cover !important;

    transition: transform 0.4s ease !important;
}

.ci-pole-barn-gallery-card:hover .ci-pole-barn-gallery-image img {
    transform: scale(1.04) !important;
}


/* =========================================================
   CAPTION
========================================================= */

.ci-pole-barn-gallery-card figcaption {
    margin: 0 !important;

    padding: 20px 22px 22px !important;

    color: #303640 !important;

    font-size: 15px !important;

    line-height: 1.65 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .ci-pole-barn-gallery {
        padding: 75px 20px !important;
    }

    .ci-pole-barn-gallery-intro h2 {
        font-size: 34px !important;
    }

    .ci-pole-barn-gallery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        gap: 20px !important;
    }

    .ci-pole-barn-gallery-image img {
        height: 250px !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .ci-pole-barn-gallery {
        padding: 60px 20px !important;
    }

    .ci-pole-barn-gallery-intro {
        margin-bottom: 35px !important;
    }

    .ci-pole-barn-gallery-intro h2 {
        font-size: 30px !important;
    }

    .ci-pole-barn-gallery-intro p {
        font-size: 16px !important;

        line-height: 1.65 !important;
    }

    .ci-pole-barn-gallery-grid {
        grid-template-columns: 1fr !important;

        gap: 20px !important;
    }

    .ci-pole-barn-gallery-image img {
        height: 260px !important;
    }

    .ci-pole-barn-gallery-card figcaption {
        padding: 18px 20px 20px !important;

        font-size: 15px !important;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .ci-pole-barn-gallery {
        padding: 50px 15px !important;
    }

    .ci-pole-barn-gallery-intro h2 {
        font-size: 27px !important;
    }

    .ci-pole-barn-gallery-image img {
        height: 230px !important;
    }

}

/* =========================================================
   SECTION 13: WHY CONCRETE INDY
========================================================= */

.ci-why-pole-barn {
    width: 100% !important;

    padding: 90px 20px !important;

    background: #ffffff !important;

    box-sizing: border-box !important;
}

.ci-why-pole-barn-container {
    width: 100% !important;

    max-width: 1180px !important;

    margin: 0 auto !important;

    box-sizing: border-box !important;
}


/* =========================================================
   SECTION INTRO
========================================================= */

.ci-why-pole-barn-intro {
    max-width: 850px !important;

    margin: 0 auto 50px !important;

    text-align: center !important;
}

.ci-why-pole-barn-eyebrow {
    display: inline-block !important;

    margin: 0 0 12px !important;

    color: #198fcf !important;

    font-size: 15px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;

    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}

.ci-why-pole-barn-intro h2 {
    margin: 0 0 18px !important;
    padding: 0 !important;

    color: #000000 !important;

    font-size: 38px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}

.ci-why-pole-barn-divider {
    width: 70px !important;
    height: 4px !important;

    margin: 0 auto !important;

    background: #198fcf !important;

    border-radius: 10px !important;
}


/* =========================================================
   TRUST CARD GRID
========================================================= */

.ci-why-pole-barn-grid {
    display: grid !important;

    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

    gap: 25px !important;

    width: 100% !important;
}


/* =========================================================
   TRUST CARD
========================================================= */

.ci-why-pole-barn-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    width: 100% !important;

    min-height: 275px !important;

    padding: 30px !important;

    background: #f5f7f8 !important;

    border: 1px solid #dce2e6 !important;

    border-radius: 12px !important;

    box-sizing: border-box !important;

    transition: all 0.3s ease !important;
}

.ci-why-pole-barn-card:hover {
    transform: translateY(-5px) !important;

    background: #ffffff !important;

    border-color: #198fcf !important;

    box-shadow: 0 12px 28px rgba(17, 24, 39, 0.08) !important;
}


/* =========================================================
   ICON
========================================================= */

.ci-why-pole-barn-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 58px !important;
    height: 58px !important;

    margin-bottom: 22px !important;

    background: #ffffff !important;

    color: #198fcf !important;

    border: 1px solid #dce2e6 !important;

    border-radius: 50% !important;

    font-size: 22px !important;

    box-sizing: border-box !important;

    transition: all 0.3s ease !important;
}

.ci-why-pole-barn-card:hover .ci-why-pole-barn-icon {
    background: #198fcf !important;

    color: #ffffff !important;

    border-color: #198fcf !important;
}

.ci-why-pole-barn-icon i {
    color: inherit !important;
}


/* =========================================================
   CARD CONTENT
========================================================= */

.ci-why-pole-barn-card h3 {
    margin: 0 0 12px !important;
    padding: 0 !important;

    color: #111827 !important;

    font-size: 21px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
}

.ci-why-pole-barn-card p {
    margin: 0 !important;
    padding: 0 !important;

    color: #303640 !important;

    font-size: 16px !important;
    line-height: 1.7 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .ci-why-pole-barn {
        padding: 75px 20px !important;
    }

    .ci-why-pole-barn-intro h2 {
        font-size: 34px !important;
    }

    .ci-why-pole-barn-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        gap: 20px !important;
    }

    .ci-why-pole-barn-card {
        min-height: 260px !important;

        padding: 25px !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .ci-why-pole-barn {
        padding: 60px 20px !important;
    }

    .ci-why-pole-barn-intro {
        margin-bottom: 35px !important;
    }

    .ci-why-pole-barn-intro h2 {
        font-size: 30px !important;
    }

    .ci-why-pole-barn-grid {
        grid-template-columns: 1fr !important;

        gap: 18px !important;
    }

    .ci-why-pole-barn-card {
        min-height: auto !important;

        padding: 24px 20px !important;
    }

    .ci-why-pole-barn-icon {
        width: 52px !important;
        height: 52px !important;

        margin-bottom: 18px !important;

        font-size: 20px !important;
    }

    .ci-why-pole-barn-card h3 {
        font-size: 20px !important;
    }

    .ci-why-pole-barn-card p {
        font-size: 15px !important;

        line-height: 1.65 !important;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .ci-why-pole-barn {
        padding: 50px 15px !important;
    }

    .ci-why-pole-barn-intro h2 {
        font-size: 27px !important;
    }

    .ci-why-pole-barn-card {
        padding: 22px 18px !important;
    }

}

/* =========================================================
   SECTION 15: FINAL CTA + LEAD FORM
========================================================= */

.ci-pole-barn-final-cta {
    width: 100% !important;

    padding: 90px 20px !important;

    background: #102f35 !important;

    box-sizing: border-box !important;
}

.ci-pole-barn-final-container {
    width: 100% !important;

    max-width: 1180px !important;

    margin: 0 auto !important;

    box-sizing: border-box !important;
}


/* =========================================================
   TWO COLUMN LAYOUT
========================================================= */

.ci-pole-barn-final-grid {
    display: grid !important;

    grid-template-columns:
        minmax(0, 0.9fr)
        minmax(0, 1.1fr) !important;

    gap: 60px !important;

    align-items: center !important;
}


/* =========================================================
   LEFT CONTENT
========================================================= */

.ci-pole-barn-final-content {
    width: 100% !important;
}

.ci-pole-barn-final-eyebrow {
    display: inline-block !important;

    margin-bottom: 12px !important;

    color: #67c4f1 !important;

    font-size: 15px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;

    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}

.ci-pole-barn-final-content h2 {
    margin: 0 0 18px !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-size: 40px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}

.ci-pole-barn-final-divider {
    width: 70px !important;
    height: 4px !important;

    margin-bottom: 25px !important;

    background: #198fcf !important;

    border-radius: 10px !important;
}

.ci-pole-barn-final-content p {
    margin: 0 0 18px !important;
    padding: 0 !important;

    color: #d7dde5 !important;

    font-size: 17px !important;
    line-height: 1.75 !important;
}


/* =========================================================
   PHONE BUTTON
========================================================= */

.ci-pole-barn-final-phone {
    margin-top: 30px !important;
}

.ci-pole-barn-final-phone-btn {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 10px !important;

    min-height: 52px !important;

    padding: 13px 24px !important;

    background: #198fcf !important;

    color: #ffffff !important;

    border: 2px solid #198fcf !important;

    border-radius: 6px !important;

    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;

    text-decoration: none !important;

    box-sizing: border-box !important;

    transition: all 0.25s ease !important;
}

.ci-pole-barn-final-phone-btn:hover {
    background: #ffffff !important;

    color: #198fcf !important;

    border-color: #ffffff !important;

    text-decoration: none !important;
}

.ci-pole-barn-final-phone-btn i {
    color: inherit !important;
}


/* =========================================================
   TRUST INDICATORS
========================================================= */

.ci-pole-barn-final-trust {
    display: flex !important;

    flex-wrap: wrap !important;

    gap: 12px 22px !important;

    margin-top: 32px !important;
}

.ci-pole-barn-trust-item {
    display: inline-flex !important;

    align-items: center !important;

    gap: 8px !important;

    color: #ffffff !important;

    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
}

.ci-pole-barn-trust-item i {
    color: #67c4f1 !important;

    font-size: 16px !important;
}


/* =========================================================
   FORM WRAPPER
========================================================= */

.ci-pole-barn-form-wrapper {
    width: 100% !important;

    padding: 35px !important;

    background: #ffffff !important;

    border-radius: 12px !important;

    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.20) !important;

    box-sizing: border-box !important;
}

.ci-pole-barn-form-header {
    margin-bottom: 28px !important;
}

.ci-pole-barn-form-header h3 {
    margin: 0 0 8px !important;

    color: #111827 !important;

    font-size: 26px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
}

.ci-pole-barn-form-header p {
    margin: 0 !important;

    color: #5b6470 !important;

    font-size: 15px !important;
    line-height: 1.6 !important;
}


/* =========================================================
   FORM GRID
========================================================= */

.ci-pole-barn-form {
    display: grid !important;

    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    gap: 18px !important;
}

.ci-pole-barn-form-group {
    width: 100% !important;

    box-sizing: border-box !important;
}

.ci-pole-barn-form-group:nth-child(1),
.ci-pole-barn-form-group:nth-child(4),
.ci-pole-barn-form-group:nth-child(6),
.ci-pole-barn-form-group:nth-child(7),
.ci-pole-barn-form-group:nth-child(8),
.ci-pole-barn-form-group:nth-child(9),
.ci-pole-barn-form-group:nth-child(10),
.ci-pole-barn-form-group:nth-child(11),
.ci-pole-barn-form-submit {
    grid-column: 1 / -1 !important;
}


/* =========================================================
   FORM LABELS
========================================================= */

.ci-pole-barn-form-group label {
    display: block !important;

    margin: 0 0 7px !important;

    color: #111827 !important;

    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
}


/* =========================================================
   FORM INPUTS
========================================================= */

.ci-pole-barn-form-group input,
.ci-pole-barn-form-group select,
.ci-pole-barn-form-group textarea {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 12px 14px !important;

    background: #ffffff !important;

    color: #111827 !important;

    border: 1px solid #cbd3da !important;

    border-radius: 5px !important;

    font-family: inherit !important;

    font-size: 15px !important;
    line-height: 1.5 !important;

    box-sizing: border-box !important;

    transition: border-color 0.2s ease,
                box-shadow 0.2s ease !important;
}

.ci-pole-barn-form-group input,
.ci-pole-barn-form-group select {
    min-height: 48px !important;
}

.ci-pole-barn-form-group textarea {
    min-height: 100px !important;

    resize: vertical !important;
}

.ci-pole-barn-form-group input:focus,
.ci-pole-barn-form-group select:focus,
.ci-pole-barn-form-group textarea:focus {
    outline: none !important;

    border-color: #198fcf !important;

    box-shadow: 0 0 0 3px rgba(25, 143, 207, 0.15) !important;
}


/* =========================================================
   FILE INPUT
========================================================= */

.ci-pole-barn-form-group input[type="file"] {
    padding: 9px 10px !important;

    cursor: pointer !important;
}

.ci-pole-barn-form-group small {
    display: block !important;

    margin-top: 6px !important;

    color: #6b7280 !important;

    font-size: 12px !important;
    line-height: 1.5 !important;
}


/* =========================================================
   SUBMIT BUTTON
========================================================= */

.ci-pole-barn-form-submit {
    margin-top: 4px !important;
}

.ci-pole-barn-form-submit-btn {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    min-height: 54px !important;

    padding: 14px 20px !important;

    background: #198fcf !important;

    color: #ffffff !important;

    border: 2px solid #198fcf !important;

    border-radius: 6px !important;

    font-family: inherit !important;

    font-size: 16px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;

    cursor: pointer !important;

    transition: all 0.25s ease !important;
}

.ci-pole-barn-form-submit-btn:hover {
    background: #111827 !important;

    border-color: #111827 !important;
}

.ci-pole-barn-form-submit-btn:focus-visible {
    outline: 3px solid rgba(25, 143, 207, 0.35) !important;

    outline-offset: 3px !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .ci-pole-barn-final-cta {
        padding: 75px 20px !important;
    }

    .ci-pole-barn-final-grid {
        grid-template-columns: 1fr !important;

        gap: 45px !important;
    }

    .ci-pole-barn-final-content {
        max-width: 850px !important;

        margin: 0 auto !important;
    }

    .ci-pole-barn-final-content h2 {
        font-size: 36px !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .ci-pole-barn-final-cta {
        padding: 60px 20px !important;
    }

    .ci-pole-barn-final-content h2 {
        font-size: 30px !important;
    }

    .ci-pole-barn-final-content p {
        font-size: 16px !important;

        line-height: 1.65 !important;
    }

    .ci-pole-barn-final-phone-btn {
        width: 100% !important;
    }

    .ci-pole-barn-final-trust {
        flex-direction: column !important;

        gap: 12px !important;
    }

    .ci-pole-barn-form-wrapper {
        padding: 25px 20px !important;
    }

    .ci-pole-barn-form {
        grid-template-columns: 1fr !important;

        gap: 16px !important;
    }

    .ci-pole-barn-form-group:nth-child(1),
    .ci-pole-barn-form-group:nth-child(4),
    .ci-pole-barn-form-group:nth-child(6),
    .ci-pole-barn-form-group:nth-child(7),
    .ci-pole-barn-form-group:nth-child(8),
    .ci-pole-barn-form-group:nth-child(9),
    .ci-pole-barn-form-group:nth-child(10),
    .ci-pole-barn-form-group:nth-child(11),
    .ci-pole-barn-form-submit {
        grid-column: auto !important;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .ci-pole-barn-final-cta {
        padding: 50px 15px !important;
    }

    .ci-pole-barn-final-content h2 {
        font-size: 27px !important;
    }

    .ci-pole-barn-form-wrapper {
        padding: 22px 16px !important;
    }

    .ci-pole-barn-form-header h3 {
        font-size: 23px !important;
    }

}