#ajax-content-wrap .container-wrap {
    padding-top: 0;
}

.container.main-content {
    margin: 0;
    padding: 0;
    max-width: 100%;
}

.button_social_group a {
    text-decoration: none;
}

.container.normal-container {
    margin: 0 auto;
    padding-left: 0;
}

.container.normal-container a {
    text-decoration: none;
    font-family: 'Roboto', sans-serif !important;
}

.container.normal-container p {
    font-family: 'Roboto', sans-serif !important;
    margin-bottom: 0;

}

h2 {
    line-height: normal !important;
    margin-bottom: 0 !important;
}

h2 span {
    color: #DC0000;
}

p {
    font-family: 'Roboto', sans-serif !important;
    line-height: 26px;
    margin: 0 !important;
    padding: 0;
    color: #232121;
}

.two-div {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.three-div {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px;
}

.four-div {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.custom-button {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #DC0000;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
    transition: transform 0.3s ease;
}


.custom-button:hover {
    color: #DC0000;
}


․custom-button svg {
    transition: transform 0.3s ease;
}

.custom-button:hover svg {
    transform: scale(1.1);
}

.custom-button.center {
    justify-content: center;
}

.white .custom-button svg path {
    fill: #FFF;
}

.white h1 {
    color: #FFF;
}

.white h2 {
    color: #FFF;
}

.white h3 {
    color: #FFF;
}

.white h4 {
    color: #FFF;
}

.white h6 {
    color: #FFF;
}

.white p {
    color: #FFF;
}

.white .custom-button {
    color: #FFF;
}

.cleaning-head-section {
    background-image: url("https://thomasrugcleaning.com/storage/2026/02/cover-2.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 234px 0;
}

.cleaning-div {
    max-width: 652px;
}

.cleaning-div h1 {
    font-size: 72px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 7.2px;
    text-transform: uppercase;
    margin-bottom: 0;
}

.cleaning-div h3 {
    font-size: 46px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 4.6px;
    text-transform: uppercase;
    margin: 10px 0;
}

.cleaning-div p {
    font-weight: 700;
}

.cleaning-div .custom-button {
    margin-top: 20px;
}


/* content above */
.provide-section {
    padding: 0 !important;
    position: relative;
}

.provide-section .container {
    position: relative;
    z-index: 2;
}


.provide-section .white-bg {
    padding: 140px 0;
}

.provide-section .gray-bg {
    padding: 140px 0;
    background-color: #F8F8F8;
    position: relative;
}

.provide-section .bold-bg {
    background-color: #231F20;
}

.provide-section h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 16px !important;
    line-height: 26px !important;
    margin: 0 !important;
    text-transform: unset;
    letter-spacing: unset;
    font-weight: 400;
    color: #232121;
}


.provide-main-text {
    max-width: 750px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 20px;
}

.provide-main-text h2 {
    max-width: 750px;
    margin: 0 auto;
    color: #232121;
}

.l-text .provide-main-text {
    max-width: 810px;
}

.l-text .provide-main-text h2 {
    max-width: 810px;
}

.white .provide-main-text h2 {
    color: #FFF;
}

.provide-main-text h2 span {
    color: #DC0000;
}

.provide-main-text h4 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 0;
}

.provide-main-text p strong {
    color: #232121;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
}

.provide-main-text.flex {
    max-width: 100%;
}

.provide-main-text.flex > p {
    max-width: 750px;
    margin: 0 auto !important;
}

.provide-main-text.flex .row p {
    text-align: start;
    max-width: 620px;
}

.certified .row {
    margin-top: 10px;
    gap: 30px 0;
}

.certified .row .col-lg-6 > div,
.certified .row .col-lg-7 > div {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.10);
    padding: 36px 44px 40px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
}

.certified h6 {
    color: #232121;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0;
}


.certified .row .col-lg-7 > div img {
    position: absolute;
    top: 74%;
    z-index: -1;
}

.certified .row > div:nth-child(even) > div img {
    right: -120px;
    left: auto;
}

.certified .row > div:nth-child(odd) > div img {
    left: -120px;
    right: auto;
}

.main-content img.small-img{
	    max-width: 120px;
}

.customer-benefits {
    justify-content: space-between;
    padding: 40px;
    gap: 50px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.10);
    height: 100%;
}

.customer-benefits.first {
    background: #FFDCCE;
    align-items: end;
}

.customer-benefits.two {
    padding-top: 20px
}

.customer-benefits.two img {
    display: block;
    position: relative;
    top: 20px;
    margin-left: auto;

}

.customer-benefits.three img {
    margin-bottom: 20px;
    display: block;
}

.customer-benefits.right img {
    margin-left: auto;
}

.customer-benefits.four img {
    margin-top: 20px;
}

.customer-benefits.four {
    align-items: end;
}

.customer-benefits h5 {
    color: #232121;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    margin-bottom: 10px;
}

.customer-benefits p {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
}


.bold-bg .customer-benefits {
    background: #2C2C2C;
}

.bold-bg .customer-benefits.first {
    background: #ECECEC;
}

.bold-bg .customer-benefits h5 {
    color: #FFF;
}

.bold-bg .customer-benefits.first h5 {
    color: #DC0000;
}

.bold-bg .customer-benefits.first p {
    color: #232121;
}

.referral-program {
    margin-top: 50px;
}

.referral-program > div {
    padding: 0 26px 26px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.10);
    position: relative;
}

.referral-program > div.first {
    z-index: 5;
}

.referral-program > div.two {
    z-index: 4;
}

.referral-program > div.three {
    z-index: 3;
}

.referral-program > div h6 {
    color: #DC0000;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    position: relative;
    top: -30px;
    margin-bottom: 0;
}

.referral-program > div p {
    position: relative;
    top: -20px;
}

.referral-program > div .axe {
    border-radius: 100px;
    background: #DC0000;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: -70px;
    top: 50%;
    top: 50%;
    transform: translateY(-50%);
}


.bold-bg .referral-program > div {
    background: #2C2C2C;
}

.bold-bg .referral-program > div h6 {
    color: #FFF;
}

.bold-bg .referral-program > div .axe {
    background: #FFF;
    width: 50px;
    height: 50px;
    left: -30px;
}

.provide-row {
    margin: 30px 0 !important;
    gap: 24px 0;
}

.provide-div {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.10);
    padding: 28px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    height: 100%;
    position: relative;
}

.provide-div .circle {
    top: 18px;
    left: 28px;
    position: absolute;
    width: 48px;
    height: 48px;
    border-radius: 100px;
    background: #ECECEC;
}

.provide-div img {
    z-index: 1;
    display: block;
    height: 80px;
    width: auto;
    flex: 0 0 auto;
    align-self: flex-start;
    object-fit: contain;
}

.provide-div-number {
    display: grid;
    justify-content: center;
    grid-template-rows: repeat(3, auto);
    grid-auto-flow: column;
    gap: 10px 200px;
    margin: 30px 0;
}

.provide-div-number > div {
    display: flex;
    align-items: baseline;
    gap: 10px;
}

.provide-div-number > div h6 {
    color: #DC0000;
    font-family: 'Roboto', sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
}

.provide-div-number > div h3 {
    font-size: 20px !important;
    line-height: 30px !important;
}

.provide-section .two-div {
    margin-top: 38px;
    gap: 45px 90px;
}

.provide-section .two-div > div {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.provide-section .two-div > div h5 {
    color: #DC0000;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0;
}

.provide-section .two-div > div h6 {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 0;
}


.smooth-tab {
    display: flex;
    align-items: center;
    position: relative;
}


.smooth-tab > div {
    max-width: 386px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    padding: 0 40px 0 0;
    display: grid;
    gap: 20px 0;

}

/* BUBBLE */

.provide-section .bubble {
    position: absolute;
    left: -240px;
    top: 50%;
    transform: translateY(-50%) scale(0.3);
    width: 900px;
    height: 900px;
    border-radius: 50%;
    background: #ECECEC;
    opacity: 0;
    z-index: 0;
    transition: transform 1.4s cubic-bezier(.34, 1.56, .64, 1),
    opacity 1.2s ease;
}
.provide-section .pt-0 .bubble{
	 top: 20%;
}
.provide-section.location .bubble {
    width: 750px;
    height: 750px;
    left: unset;
    right: -180px;
    top: 100%;
    z-index: 1;
}

.provide-section.reviews-section .bubble {
    width: 560px;
    height: 560px;
    left: unset;
    right: -20px;
}

.faq.reviews-section .bubble {
    position: absolute;
    left: -80px;
    top: 50%;
    transform: translateY(-50%) scale(0.3);
    width: 560px;
    height: 560px;
    border-radius: 50%;
    background: #ECECEC;
    opacity: 0;
    z-index: -1;
    transition: transform 1.4s cubic-bezier(.34, 1.56, .64, 1),
    opacity 1.2s ease;
}


.faq.reviews-section.location .bubble {
    top: 80%;
}


/* visible */

.provide-section .bubble.is-visible {
    transform: translateY(-50%) scale(1);
    opacity: 1;
}

.faq.reviews-section .bubble.is-visible {
    transform: translateY(-50%) scale(1);
    opacity: 1;
}

.black-background {
    background-color: #353535;
    padding: 50px 0;
}

.black-background-div {
    max-width: 750px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}


.black-background-img {
    width: 100%;
}


.review {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.10);
    padding: 28px 28px 40px;
    position: relative;
    margin: 30px 10px;
}

.review > img {
    max-height: 60px;
}

.review .stars {
    margin: 15px 0;
}

.review a {
    color: #232121;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}

.review p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 104px;
}

.review a:hover {
    color: #232121;
}

.review .review-svg {
    position: absolute;
    top: 22px;
    right: 26px;
}

.custom-arrow {
    opacity: 0.7;
    transition: 0.3s;
    background: none;
    border: none;
    cursor: pointer;

}

.custom-arrow:hover {
    opacity: 1;
}


.review-slide .slick-arrow {
    width: 25px;
    height: 25px;
    top: 102%;
}

/* LEFT */
.review-slide .slick-prev {

    left: calc(50% - 35px);

}


/* RIGHT */
.review-slide .slick-next {

    left: calc(50% + 10px);

}


/* remove default */
.review-slide .slick-arrow:before {
    display: none;
}

.offer-section.padding-140 {
    padding: 140px 0;
}

.offer-section {
    background-image: url("https://thomasrugcleaning.com/storage/2026/02/cover-2.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 214px 0;
}

.offer-section.location {
    padding: 150px 0;
}

.offer-div {
    display: flex;
    flex-direction: column;
    gap: 10px 0;
    text-align: center;
    max-width: 750px;
    margin: 0 auto;
}

.offer-div .buttons {
    display: flex;
    justify-content: center;
    gap: 40px;
}

.offer-div .custom-button {
    margin-top: 10px;
}

.offer-section.location .offer-div {
    text-align: start;
}

.care-section {
    padding: 140px 0;
}

.care-section .row {
    z-index: 2;
}

.care-section .black-background-div {
    gap: 22px;
    max-width: 670px;
}

.care-div {
    display: flex;
    flex-direction: column;
    gap: 16px 0;
}

.care-div div {
    display: flex;
    gap: 10px;
}

.care-div div img {
    position: relative;
    top: -6px;
}

.care-div div svg {
    min-width: 30px;
}


.care-div.w-16 div svg {
    min-width: 16px;
}

.care-div.w-24 div svg {
    min-width: 24px;
}

.care-div p {
    color: #232121;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}


.care-section.bold-bg {
    background: #231F20;
}

.care-section.bold-bg .row {
    border-radius: 10px;
    border: 1px solid #FFF;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.10);
    padding: 80px 60px;
}

.care-section.bold-bg .care-div p {
    color: #FFF;
}

.criteria {
    border-radius: 10px;
    background: #2C2C2C;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.10);
    padding: 34px 40px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.criteria img {
    margin-bottom: 8px;
    max-width: 244px;
}

.criteria h6 {
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0;
}

.reviews-section.faq {
    position: relative;
}

.reviews-section.faq.location {
    padding-top: 150px;
}

.faq-section {
    padding: 140px 0;
}

.faq-section .provide-main-text {
    margin-bottom: 30px;
}

.faq-section .two-div > div {
    padding: 44px 30px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.10);
}

.faq-section.bold-bg {
    background-color: #231F20;
}

.faq-section.bold-bg h2 {
    color: #FFF;
}


.faq-section.bold-bg .provide-main-text {
    margin-bottom: 60px;
}

.faq-section.bold-bg .two-div {
    gap: 30px 90px;
}


.faq-section.bold-bg .two-div > div {
    padding: 0;
    border-radius: unset;
    background: unset;
    box-shadow: unset;
}

.faq-section.bold-bg .two-div .bold {
    font-size: 20px;
}


@media (min-width: 576px) {
    .cleaning-div {
        max-width: 698px;
    }

    .cleaning-div.referral h1 {
        font-size: 68px;
        letter-spacing: 6.8px;
    }
}


@media (max-width: 1750px) {
    .provide-section .bubble {
        left: -400px;
    }
}

@media (max-width: 1400px) {
    .provide-section .bubble {
        left: -500px;
    }

    .provide-section.reviews-section .bubble {
        right: -150px;
    }

    .provide-section.location .bubble {
        right: -240px;
    }

    .faq.reviews-section .bubble {
        left: -160px;
        top: 30%;
        width: 360px;
        height: 360px;
    }

    .smooth-tab > div {
        max-width: 320px;
    }
}

@media (max-width: 1200px) {
    .smooth-tab img {
        height: 320px;
        object-fit: cover;
    }

    .customer-benefits img {
        max-width: 40%;
    }

    .care-section.bold-bg .row {
        padding: 40px 20px;
    }
}

@media (max-width: 991px) {
    .cleaning-head-section {
        padding: 210px 0 60px !important;
    }

    .provide-section .white-bg {
        padding: 80px 0;
    }

    .provide-section .gray-bg {
        padding: 80px 0;
    }

    .provide-section .bubble {
        left: -100px;
        width: 314px;
        height: 314px;
    }

    .black-background {
        /* padding: 110px 0 80px !important;*/
        padding: 80px 0 !important;
        position: relative;
    }

    .black-background .container {
        position: unset;
    }

    .black-background .row {
        position: unset;
    }

    .black-background-img {
        /* position: absolute;
           top: 22px;
           right: 22px;*/
        max-width: 260px !important;
        display: block;
        margin: 30px auto 0;

    }

    .provide-section.reviews-section .bubble {
        width: 318px;
        height: 318px;
        top: 70%;
    }

    .provide-section.location .bubble {
        width: 400px;
        height: 400px;
        right: -180px;
        top: 94%;
    }

    .provide-div-number {
        gap: 10px 60px;
    }

    .offer-section {
        padding: 80px 0 !important;
    }

    .offer-section .row {
        gap: 30px 0;
    }

    .care-section {
        padding: 80px 0 !important;
    }
   .care-section.pb-0 {
        padding: 80px 0 0 !important;
    }

    .faq-section {
        padding: 80px 0;
    }

    .faq-section .provide-main-text {
        text-align: left;
        margin-bottom: 30px !important;
    }

    .faq-section .provide-main-text.mb-0 {
        margin-bottom: 0 !important;
    }

    .faq-section .two-div {
        grid-template-columns: repeat(1, 1fr);

    }

    .faq-section .two-div > div {
        padding: 30px;
    }

    .faq-section.bold-bg .two-div {
        gap: 20px 0;
    }

    .faq-section.bold-bg .two-div .bold {
        font-size: 18px;
    }

    body .vc_row.vc_row-flex.vc_row-o-equal-height > .span_12, body .vc_row.vc_row-flex.vc_row-o-equal-height > .span_12 > .vc_column_container, body .vc_row.vc_row-flex.vc_row-o-equal-height > .span_12 > .vc_column_container > .vc_column-inner {
        display: block;
    }

    .provide-section .two-div {
        margin-top: 38px;
        gap: 30px 40px;
    }

    .referral-program {
        display: flex;
        flex-direction: column;
        gap: 36px;
    }

    .referral-program > div {
        padding: 0 20px 10px;
    }

    .referral-program > div .axe {
        top: -40px;
        transform: unset;
        left: unset;
        right: 20px;
        width: 50px;
        height: 50px;
    }

    .bold-bg .referral-program > div .axe {
        left: unset;
    }

    .referral-program > div .axe svg {
        width: 30px;
        height: 30px;
        transform: rotate(90deg);
    }

    .offer-div .buttons {
        flex-direction: column;
        gap: 20px;
    }

    .certified .row .col-lg-6 > div, .certified .row .col-lg-7 > div {
        padding: 30px;
    }

    .certified h6 {
        font-size: 18px;
    }

    .criteria {
        padding: 30px;
    }

    .criteria h6 {
        font-size: 18px;
    }

    .criteria img {
        max-width: 100%;
    }

    .certified .row .col-lg-7 > div img {
        top: 82%;
        width: 16%;
    }

    .certified .row > div:nth-child(even) > div img {
        right: -80px;
    }

    .certified .row > div:nth-child(odd) > div img {
        left: -80px;
    }
}

@media (max-width: 767px) {
    .provide-div-number {
        grid-auto-flow: unset;
        grid-template-rows: unset;
    }
    .certified .row .col-lg-7 > div img {
        top: 90%;
    }

    .certified .row > div:nth-child(even) > div img {
        right: -60px;
    }

    .certified .row > div:nth-child(odd) > div img {
        left: -60px;
    }
}

@media (max-width: 575px) {
    .container {
        margin: 0 !important;
        max-width: 100%;
    }

    .cleaning-div h1 {
        font-size: 48px;
        letter-spacing: 4.8px;
    }

    .cleaning-div h3 {
        font-size: 28px;
        letter-spacing: 3.6px;
    }

    .cleaning-div .custom-button {
        margin-top: 10px;
    }

    .provide-div {
        padding: 26px 18px 20px;
    }

    .provide-div img {
        max-height: 50px;
    }

    .provide-main-text {
        gap: 10px 0;
    }

    .provide-main-text h4 {
        font-size: 20px;
    }

    .provide-div-number > div h6 {
        font-size: 32px;
    }

    .provide-div-number > div h3 {
        font-size: 16px !important;
        line-height: 26px !important;
    }

    .black-background-div {
        gap: 10px;
    }

    .review p {
        -webkit-line-clamp: 7;
        min-height: 156px;
    }

    .review .review-svg {
        position: absolute;
        top: 20px;
        right: 16px;
    }

    .offer-div .custom-button {
        margin-top: 0;
    }

    .care-div p {
        font-size: 16px;
        line-height: 26px;
    }

    .care-div p svg {
        width: 26px;
        min-width: 26px;
    }

    .provide-section .two-div {
        grid-template-columns: repeat(1, 1fr);
    }

    .provide-section .two-div > div h5 {
        font-size: 40px;
    }

    .provide-section .two-div > div h6 {
        font-size: 18px;
    }

    .smooth-tab.two img {
        height: 340px;
    }

    .smooth-tab > div {
        padding: 0 12px 0 0;
        max-width: 220px;
    }

    .customer-benefits {
        padding: 20px;
        gap: 20px;
    }

    .customer-benefits h5 {
        font-size: 26px;
        line-height: 36px;
    }

    .customer-benefits p {
        font-size: 16px;
        line-height: 26px;
    }

    .customer-benefits img {
        top: 0 !important;
        margin-top: 0 !important;
    }

    .customer-benefits.four img {
        margin-top: 20px !important;
    }

    .referral-program > div h6 {
        font-size: 42px;
    }
    .certified .row .col-lg-7 > div img {
        top: 97%;
    }

    .certified .row > div:nth-child(even) > div img {
        right: -40px;
    }

    .certified .row > div:nth-child(odd) > div img {
        left: -40px;
    }
 	 .main-content img.small-img{
	    max-width: 80px;
	}
}
/* ==========================================================================
   Repeater item primitives
   Moved out of inline styles in referral-program-partial.php so the values
   can be overridden per page. These reproduce the previous inline rendering
   exactly, so the five other pages using this partial are unchanged.
   Scoped under .care-div to outrank the existing `.care-div div` rule.
   ========================================================================== */
.care-div .care-repeater-item {
    display: flex;
    align-items: flex-start;
}

.care-div .care-repeater-icon {
    flex-shrink: 0;
    margin-right: 16px;
    margin-top: 2px;
}

.care-div .care-repeater-body {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/* The theme sets a global `p { margin: 0 !important }`. The inline style this
   replaced carried !important too, so the override has to as well. */
.care-div .care-repeater-body > p {
    margin-bottom: 8px !important;
}

.custom-button.care-repeater-btn {
    display: inline-flex;
    align-items: center;
}

.care-repeater-btn-icon {
    margin-left: 8px;
    flex-shrink: 0;
}

/* ==========================================================================
   Claremont location page - Figma parity
   https://www.figma.com/design/yZe8YZlpkRWkKtAr3qPxh6/ (frame 18022:2, 1920px)
   Scoped to .trc-figma-location only. The other five pages that share this partial
   and stylesheet are deliberately untouched.
   ========================================================================== */

/* Figma content column is 1260px (x 330 -> 1590), not Bootstrap's 1320. */
.trc-figma-location .main-content .container {
    max-width: 1260px;
}

/* Figma headings are sentence case in #232121; the theme forces capitalize
   and some sections render #000. */
.trc-figma-location .main-content h2 {
    text-transform: none;
}

.trc-figma-location .care-section h2 {
    color: #232121;
}

/* Feature image: Figma 520x665, 20px radius, cropped not stretched.
   `.rounded-3` is a Bootstrap !important rule, hence the !important here. */
.trc-figma-location .care-section .row > [class*="col-lg-"] img {
    border-radius: 20px !important;
}

@media (min-width: 992px) {
    /* Most feature images are 665 tall; thomasrug_figma_band_spacing() names
       the sections where Figma draws a shorter one. The image is what sets the
       section's height, so this is the knob that sizes the whole block. */
    .trc-figma-location .care-section .row > [class*="col-lg-"] img {
        height: var(--fig-img-h, 665px);
        object-fit: cover;
    }

    /* The column is already a 22px-gap flex stack, and the markup adds .mt-4
       on the list and the button on top of it — 46px where Figma has 20. */
    .trc-figma-location .care-section .black-background-div {
        row-gap: 20px;
    }

    .trc-figma-location .care-section .black-background-div > .mt-4 {
        margin-top: 0 !important;
    }
}

/* Icon list: Figma puts the label 39px from the icon's left edge (icon 31px
   + 8px), on a 37.64px row rhythm. The theme gives 57px and 50px. */
.trc-figma-location .care-div .care-repeater-icon {
    margin-right: 8px;
    margin-top: 0;
}

.trc-figma-location .care-div .care-repeater-item {
    gap: 0;
}

.trc-figma-location .care-div .care-repeater-body > p {
    margin-bottom: 0 !important;
}

.trc-figma-location .care-section .care-div {
    gap: 8.64px 0;
}

/* The dark band's right-hand graphic is a street map of the city — Group.png
   on Claremont (322x322), lines.png on San Marino (428x327). Both are the
   Figma exports at native size, so letting them render naturally gives each
   page its designed dimensions without a per-page rule; the theme otherwise
   stretches them to fill the column. Figma hand-places them at slightly
   different x on each page (1310 and 1231); the natural column position sits
   between the two and reads the same in the band. */
@media (min-width: 992px) {
    .trc-figma-location .black-background .black-background-img {
        width: auto;
        height: auto;
        /* The column's content box is narrower than the artwork, so a 100% cap
           would shrink it below its Figma size. The band is full-bleed, so
           spilling past the column edge costs nothing. */
        max-width: none;
    }

}

/* ==========================================================================
   Hero badge strip
   Figma node 45005:277 — a row of italic claims under the hero button,
   separated by full-height hairlines. Renders only when the hero_badges
   repeater has rows, so pages that leave it empty are unaffected.
   Figma: Roboto Bold Italic 18px/30px white, dividers 1x43px with 40px either
   side, strip top 916 against a button baseline of 843.
   ========================================================================== */
.hero-badges {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 73px;
}

.hero-badges__item {
    display: flex;
    align-items: center;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    font-style: italic;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    white-space: nowrap;
}

.hero-badges__item + .hero-badges__item::before {
    content: "";
    flex: none;
    width: 1px;
    height: 43px;
    /* Figma spaces the dividers 40px either side, which totals 1296px against a
       1260px container. 28px keeps all four claims on one row at 1920. */
    margin: 0 28px;
    background: rgba(255, 255, 255, 0.5);
}

@media (max-width: 991px) {
    .hero-badges {
        margin-top: 32px;
        row-gap: 12px;
    }

    .hero-badges__item {
        font-size: 15px;
        white-space: normal;
    }

    .hero-badges__item + .hero-badges__item::before {
        height: 20px;
        margin: 0 16px;
    }
}


/* ==========================================================================
   Decorative circles
   Figma draws two #ECECEC circles bleeding off the left edge. Which block
   each one sits on, and how far down, differs per page — those three numbers
   come from thomasrug_figma_ellipses() as custom properties, so this rule
   carries only the appearance. A section without the properties draws nothing.
   ========================================================================== */
@media (min-width: 992px) {
    .trc-figma-location .main-content .row > section::before {
        content: "";
        position: absolute;
        width: var(--fe-size, 0);
        height: var(--fe-size, 0);
        left: var(--fe-x, 0);
        top: var(--fe-y, 0);
        border-radius: 50%;
        background: #ECECEC;
        z-index: 0;
        pointer-events: none;
    }

    /* Keep the copy above the circle. */
    .trc-figma-location .main-content .row > section > .container {
        position: relative;
        z-index: 1;
    }

    /* The theme's own .bubble in this block would double up with the circle
       the map places there. */
    .trc-figma-location .provide-section.rug-appraisal-5 .bubble {
        display: none;
    }
}

/* ==========================================================================
   Materials block (Figma node 43001:82)
   Figma lays five fixed 330x440 cards in a 1030px group centred on the page,
   20px apart across and 23px down. Bootstrap's col-lg-4 instead stretches
   them to 404px across the full 1260px container.
   ========================================================================== */
@media (min-width: 992px) {
    .trc-figma-location .provide-section.rug-appraisal-5.cards-5 .row {
        justify-content: center;
        row-gap: 23px;
        margin-top: 0; /* the theme's 10px pushed the heading off the block's top */
    }

    .trc-figma-location .provide-section.rug-appraisal-5.cards-5 [class*="col-lg-4"] {
        flex: 0 0 auto;
        width: 350px; /* 330px card + 10px padding either side = 20px gutters */
        padding-left: 10px;
        padding-right: 10px;
        /* .mb-4 is !important, so without this it stacked with row-gap to 47px */
        margin-bottom: 0 !important;
    }

    /* Figma runs the title and the copy as one paragraph and drops the glyph
       14px below the card's padding edge, which is what puts the title on its
       136px line and the copy on 188. The theme's 14px flex gap sat in both
       places instead, and 28px under the copy where Figma leaves 18. */
    .trc-figma-location .provide-section.rug-appraisal-5.cards-5 .provide-div {
        row-gap: 0;
    }

    .trc-figma-location .provide-section.rug-appraisal-5.cards-5 .provide-div > img {
        margin-top: 14px;
        margin-bottom: 14px;
    }

    .trc-figma-location .provide-section.rug-appraisal-5.cards-5 [class*="col-lg-4"] > * {
        /* Figma fixes every card in a block to one height, and that height is a
           per-page number — 440 on Claremont, 395 on San Marino. */
        min-height: var(--fig-card-h, 440px);
        padding-bottom: 18px;
    }
}

/* ==========================================================================
   Two-column item blocks (Figma nodes 41002:1025 and 43004:276)
   Figma sets 550px columns 95px apart with the heading capped at 615px; the
   theme uses 585px columns 90px apart and lets the heading run to 750px.
   ========================================================================== */
@media (min-width: 992px) {
    .trc-figma-location .provide-section.location .provide-main-text h2 {
        /* 615 everywhere but one block, which Figma gives 684 — at 615 that
           heading wraps to a third line and the band grows 52px. */
        max-width: var(--fig-h2-w, 615px);
        margin-left: auto;
        margin-right: auto;
    }

    .trc-figma-location .provide-section.location .two-div {
        grid-template-columns: 550px 550px;
        column-gap: 95px;
        /* Figma stacks these 30px apart inside a tinted band and 45px apart on
           a plain one. thomasrug_figma_band_spacing() can still override a
           single section through --fig-row-gap. */
        row-gap: var(--fig-row-gap, 45px);
    }

    .trc-figma-location .provide-section.location.has-figma-band .two-div {
        row-gap: var(--fig-row-gap, 30px);
        /* The intro sits 10px lower inside a band and the grid 48px under it. */
        margin-top: 48px;
    }

    /* A block with no intro paragraph carries 50px under its heading. */
    .trc-figma-location .provide-section.location:not(:has(.provide-main-text p)) .two-div {
        margin-top: 50px;
    }

    /* Figma's tinted bands are 150px deep; the theme's wrapper reserves 140. */
    .trc-figma-location .provide-section.location.has-figma-band .gray-bg {
        padding-top: 150px;
        padding-bottom: 150px;
    }

    /* The markup carries an empty <h5> slot the design has no room for. */
    .trc-figma-location .provide-section.location .two-div > div > h5:empty {
        display: none;
    }

    /* Figma sets these sub-headings in plain Roboto with no tracking on the
       body colour; the theme uses its condensed face, 1px of tracking, and
       pure black. */
    .trc-figma-location .provide-section.location .two-div > div h6 {
        font-family: 'Roboto', sans-serif;
        letter-spacing: normal;
        color: #232121;
    }

    /* Only the first of the two blocks sits on a tinted band (node 41002:1027,
       1920x860 of #f8f8f8); the second one is plain. */
    /* The theme already paints .gray-bg full-bleed in #f8f8f8, so a banded
       block needs nothing added — but it paints every one of them, and Figma
       bands only some. thomasrug_figma_banded_blocks() says which; the rest
       lose the tint, and with it the 140px the wrapper reserves for sitting
       inside a band. */
    .trc-figma-location .provide-section.location:not(.has-figma-band) .gray-bg {
        background: transparent;
        padding-top: 0;
        padding-bottom: 0;
    }

    /* Same stacking problem on the materials block's wrapper. */
    .trc-figma-location .provide-section .certified.white-bg {
        padding-bottom: 0;
    }
}

/* ==========================================================================
   Dark facility panel (Figma node 43004:265)
   Figma: 594px tall, heading capped at 615px, body at 672px. The theme runs
   214px padding and lets both to 750px. The background stays as-is — the
   image it uses is a flat #231f20 fill, identical to the Figma rectangle.
   ========================================================================== */
@media (min-width: 992px) {
    .trc-figma-location .offer-section:not(.padding-140) h2 {
        max-width: 615px;
        margin-left: auto;
        margin-right: auto;
    }

    .trc-figma-location .offer-section:not(.padding-140) .provide-main-text p {
        max-width: 672px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* ==========================================================================
   FAQ cards (Figma node 35004:735)
   The grid, card size, radius and shadow already match; only the question
   weight and the horizontal padding are off.
   ========================================================================== */
@media (min-width: 992px) {
    /* 45 + 26 (question) + 104 (answer) + 35 = the 210px Figma card. */
    .trc-figma-location .faq-section .two-div > div {
        padding: 45px 28px 35px;
    }

    .trc-figma-location .faq-section .two-div p.bold {
        font-weight: 700;
    }
}

/* Figma sets the materials card title at 16px bold, same size as its body
   copy; the theme renders it as a 22px <h6>. */
@media (min-width: 992px) {
    .trc-figma-location .provide-section.rug-appraisal-5 [class*="col-lg-4"] h6 {
        font-size: 16px;
        line-height: 26px;
        font-weight: 700;
    }
}


/* ==========================================================================
   Page rhythm
   Figma separates every content block by exactly 150px. The theme instead
   carries a different pad on each section type (140, 214, 150, 0...), so the
   gaps ran anywhere from 0 to 268. 75px on both sides of every section makes
   every junction 150px. `.provide-section` ships `padding: 0 !important`,
   which is why this needs !important to land.

   The min-heights are the heights Figma gives the blocks that paint a
   background, so each band keeps its designed size independently of how much
   copy sits inside it.
   ========================================================================== */
@media (min-width: 992px) {
    .trc-figma-location .main-content .row > section {
        padding-top: 75px !important;
        padding-bottom: 75px !important;
    }

    /* A painted section's padding sits inside its background, so it adds
       nothing to the gap between blocks — two of them in a row had their bands
       touching. Painting only the content box puts that 75px back outside the
       band, where the rhythm needs it.

       min-height is then the Figma band plus the 150px it now carries. */
    .trc-figma-location .cleaning-head-section,
    .trc-figma-location .offer-section,
    .trc-figma-location .black-background {
        background-clip: content-box;
        /* Figma centres the copy in these bands — 150px above and below on the
           dark panel, for instance. Left to itself the content sits at the top
           of the min-height and leaves the whole remainder empty underneath. */
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .trc-figma-location .cleaning-head-section {
        min-height: 914px; /* 764 band, Figma 18022:156 */
    }

    .trc-figma-location .offer-section:not(.padding-140) {
        min-height: 744px; /* 594 band, Figma 43004:267 */
    }

    .trc-figma-location .black-background {
        min-height: 630px; /* 480 band, Figma 20010:1641 */
    }

    .trc-figma-location .offer-section.padding-140 {
        min-height: 637px; /* 487 band, Figma 35004:737 */
    }
}

/* ==========================================================================
   Arcadia's four layouts
   These had ACF data but no renderer, so the page was dropping four of its
   fifteen blocks. Figma nodes 39008:6083, 39008:5963, 39018:3, 39008:6292.
   ========================================================================== */
@media (min-width: 992px) {

    /* --- second_section (39008:6083) — centred intro, two-tone heading ---- */
    /* The wrapper's own 750px cap is what the paragraph hits first — without
       lifting it the 769px below can never apply, and the copy runs to five
       lines instead of Figma's four. */
    .trc-figma-location .second-section .provide-main-text {
        max-width: 769px;
    }

    .trc-figma-location .second-section .provide-main-text h2 {
        max-width: 615px;
        margin-left: auto;
        margin-right: auto;
    }

    .trc-figma-location .second-section .provide-main-text h2 span {
        color: #dc0000;
    }

    .trc-figma-location .second-section .provide-main-text p {
        max-width: 769px;
        margin-left: auto;
        margin-right: auto;
    }

    /* --- third_section (39008:5963) — same card grid as the materials block,
           but Figma draws these cards 210px tall rather than 440. ---------- */
    .trc-figma-location .provide-section.third-section .row {
        justify-content: center;
        row-gap: 20px;
    }

    .trc-figma-location .provide-section.third-section [class*="col-lg-4"] {
        flex: 0 0 auto;
        width: 350px; /* 330 card + 10px either side = 20px gutters */
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 0 !important; /* .mb-4 is !important and stacks with row-gap */
    }

    .trc-figma-location .provide-section.third-section [class*="col-lg-4"] > * {
        min-height: 210px;
        padding-bottom: 23px; /* Figma leaves 23 under the label, not the card's 28 */
    }

    /* Figma drops the glyph 13px below the card's padding edge, which is what
       puts the label on its 135px line. */
    .trc-figma-location .provide-section.third-section .provide-div > img {
        margin-top: 13px;
    }

    .trc-figma-location .third-section .provide-main-text h2,
    .trc-figma-location .third-section .provide-main-text p {
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
    }

    /* The label is a plain div, so it never picked up the theme's Roboto and
       fell back to system-ui — wide enough to push one card's copy to three
       lines and every card in the row to 229px. Figma: Roboto 16/26 in 270. */
    .trc-figma-location .third-section__label {
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        line-height: 26px;
        color: #232121;
        max-width: 270px;
    }

    /* --- 2_texts_with_background (39018:3) — dark band, two columns ------- */
    .trc-figma-location .offer-section.two-texts {
        min-height: 913px; /* Figma band */
    }

    .trc-figma-location .two-texts .two-texts__col {
        max-width: 615px;
    }

    .trc-figma-location .two-texts h2 {
        max-width: 615px;
        margin-left: 0;
        text-align: left;
    }

    .trc-figma-location .two-texts .two-texts__col > p {
        max-width: 592px;
    }

    .trc-figma-location .two-texts__list {
        display: flex;
        flex-direction: column;
        gap: 10px; /* 36px rhythm against a 26px line */
        margin-top: 36px;
    }

    .trc-figma-location .two-texts__item {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        max-width: 550px;
    }

    .trc-figma-location .two-texts__item p {
        margin-bottom: 0 !important;
        font-size: 16px;
        line-height: 26px;
    }

    /* --- text_center_with_repeator_black_faq (39008:6292) ----------------- */
    .trc-figma-location .offer-section.black-faq {
        min-height: 811px; /* Figma band */
    }

    .trc-figma-location .black-faq .provide-main-text h2,
    .trc-figma-location .black-faq .provide-main-text p {
        max-width: 615px;
        margin-left: auto;
        margin-right: auto;
    }

    .trc-figma-location .black-faq .two-div {
        grid-template-columns: 550px 550px;
        column-gap: 95px;
        row-gap: 22px; /* puts the rows 134px apart, as Figma has them */
        margin-top: 46px;
    }

    .trc-figma-location .black-faq .two-div h6 {
        font-size: 20px;
        line-height: 26px;
        font-weight: 700;
    }

    .trc-figma-location .black-faq .two-div p {
        font-size: 16px;
        line-height: 26px;
    }

    /* These two carry their own band heights, so keep the generic dark-panel
       height off them. */
    .trc-figma-location .offer-section.two-texts,
    .trc-figma-location .offer-section.black-faq {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

/* second_section's .white-bg carries 140px of its own padding, which stacks
   onto the section's 75px and pushed the gaps either side of it to 290. */
@media (min-width: 992px) {
    .trc-figma-location .second-section .white-bg {
        padding-top: 0;
        padding-bottom: 0;
    }
}

/* The theme offsets these card glyphs left/right by turn, which is why the
   existing rug_appraisal_5_block branch carries an inline <style> undoing it.
   third_section reuses that markup, so it needs the same reset — without it
   the artwork sits 120px right and spills out of the card. Figma draws the
   glyph over the grey circle at the card's top-left. */
@media (min-width: 992px) {
    .trc-figma-location .third-section .provide-div .small-img {
        left: auto !important;
        right: auto !important;
    }
}

/* Both new dark bands were rendering their copy in the theme's dark ink, so
   the text sat black on #231f20 and read as an empty band. The black FAQ was
   also picking up .offer-section's default cover photo; Figma node 39008:6293
   is a flat #231f20 fill. (two_texts keeps its ACF background — that file is
   a flat 1920x913 fill matching the Figma rectangle exactly.) */
@media (min-width: 992px) {
    .trc-figma-location .offer-section.black-faq {
        background-image: none !important;
        background-color: #231f20 !important;
    }

    .trc-figma-location .two-texts,
    .trc-figma-location .two-texts .provide-main-text h2,
    .trc-figma-location .two-texts h2,
    .trc-figma-location .two-texts h6,
    .trc-figma-location .two-texts p,
    .trc-figma-location .two-texts span,
    .trc-figma-location .black-faq,
    .trc-figma-location .black-faq .provide-main-text h2,
    .trc-figma-location .black-faq h2,
    .trc-figma-location .black-faq h6,
    .trc-figma-location .black-faq p,
    .trc-figma-location .black-faq span {
        color: #fff !important;
    }
}

/* These cards position their grey circle absolutely at the top-left and rely
   on the glyph image to push the heading clear of it. Arcadia's cards have no
   image, so the heading sat at the card's padding edge and the circle covered
   its first characters. Figma starts the text at 135px from the card top
   either way. Without an image the heading is the circle's next sibling; with
   one it is third, so cards that have artwork are untouched. */
@media (min-width: 992px) {
    .trc-figma-location .provide-section:not(.cards-3) .provide-div > h6:nth-child(2) {
        margin-top: 107px; /* 28px padding + 107 = Figma's 135 */
    }
}

/* Three-card variant. Figma gives Arcadia's blocks 405px cards across the
   whole 1260px container (x 330 / 757.5 / 1185) rather than the five-card
   layout's 330px cards in a centred 1030px group.

   The heading sits in the same .row as the cards (a full-width .col-12), so
   space-between counts it as a flex item and splits the free space three ways
   instead of two. An explicit column-gap is immune to that: 405 * 3 + 22.5 * 2
   is exactly 1260, so the cards fill the container with the design's gaps.
   Bootstrap's -12px row margins are zeroed first so the row is 1260 wide, not
   1284, which is what puts the first card on the container's left edge. */
@media (min-width: 992px) {
    .trc-figma-location .provide-section.rug-appraisal-5.cards-3 .row {
        justify-content: flex-start !important;
        margin-left: 0;
        margin-right: 0;
        column-gap: 22.5px;
        row-gap: 0;
    }

    .trc-figma-location .provide-section.rug-appraisal-5.cards-3 .row > .col-12 {
        flex: 0 0 100%;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .trc-figma-location .provide-section.rug-appraisal-5.cards-3 [class*="col-lg-4"] {
        flex: 0 0 auto;
        width: 405px;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 0;
    }

    .trc-figma-location .provide-section.rug-appraisal-5.cards-3 [class*="col-lg-4"] > * {
        min-height: 264px;
    }
}

/* ==========================================================================
   Three-card blocks on a tinted band (Arcadia, Figma 39008:5948 / 39008:5944)
   Both blocks sit on a full-bleed #F8F8F8 band — 849px and 861px tall — with
   the copy 150px below the band's top edge and the cards 150px above its
   bottom edge. thomasrug_figma_banded_blocks() says which rows are banded and
   thomasrug_figma_band_spacing() carries the two heights, so the sizes stay
   page data rather than another copy of this rule.

   Unlike the five-card layout these cards carry no glyph disc: Figma starts
   the title at the card's own 28px padding.
   ========================================================================== */
@media (min-width: 992px) {
    .trc-figma-location .provide-section.rug-appraisal-5.has-figma-band {
        background: #F8F8F8;
        /* The 75px of page rhythm this section carries has to stay outside the
           band, the same way the other painted sections handle it. */
        background-clip: content-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    /* Figma puts 20px between the copy and the cards. The theme's 10px row
       margin sits above the heading instead, where the band's own 150px
       already accounts for the space. */
    .trc-figma-location .provide-section.rug-appraisal-5.cards-3 .certified .row {
        margin-top: 0;
        row-gap: 20px;
    }

    /* .mb-4 is !important, so the cards keep a 24px tail without this. */
    .trc-figma-location .provide-section.rug-appraisal-5.cards-3 [class*="col-lg-4"] {
        margin-bottom: 0 !important;
    }

    .trc-figma-location .provide-section.rug-appraisal-5.cards-3 .provide-div {
        row-gap: 10px; /* Figma title-to-copy gap; the theme runs 14 */
        /* Figma leaves 26px under the copy in one block and 18px in the other;
           22 splits the difference and keeps both bands within 4px. */
        padding-bottom: 22px;
    }

    .trc-figma-location .provide-section.rug-appraisal-5.cards-3 .provide-div > .circle {
        display: none;
    }

    .trc-figma-location .provide-section.rug-appraisal-5.cards-3 .provide-div > h6:nth-child(2) {
        margin-top: 0;
    }

    /* Figma sets these titles in plain Roboto Bold with no tracking, while the
       copy under them runs the full 347px. The theme's condensed face plus 1px
       of letter-spacing is ~40px wider over a line, so every title broke a word
       or two later than the design. The box is 301px here and 270 on the
       five-card layout. */
    .trc-figma-location .provide-section.rug-appraisal-5 .provide-div > h6 {
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 16px;
        line-height: 26px;
        letter-spacing: normal;
    }

    .trc-figma-location .provide-section.rug-appraisal-5.cards-3 .provide-div > h6 {
        max-width: 301px;
    }

    .trc-figma-location .provide-section.rug-appraisal-5.cards-5 .provide-div > h6 {
        max-width: 270px;
    }

    /* Figma caps the heading at 713px and the copy at 615px. At the theme's
       750px the paragraph drops from four lines to three. */
    .trc-figma-location .provide-section.rug-appraisal-5.cards-3 .provide-main-text {
        max-width: 713px;
    }

    /* Figma's heading box is 713px, but the longer of the two headings is typed
       there as two hard-wrapped lines that break before "In-Home". Rendered as
       one string the theme pulls "In-" up and splits the hyphenated word. Any
       cap between 615 and 630 keeps the first line whole and pushes "In-Home"
       down, which reproduces both headings' breaks exactly; the text is centred
       and never wider than 615, so the narrower box changes nothing else. */
    .trc-figma-location .provide-section.rug-appraisal-5.cards-3 .provide-main-text h2 {
        max-width: 620px;
    }

    /* The copy under each title runs 347px, not the card's full 349. */
    .trc-figma-location .provide-section.rug-appraisal-5.cards-3 .provide-div > h6 + div {
        max-width: 347px;
    }

    .trc-figma-location .provide-section.rug-appraisal-5.cards-3 .provide-main-text p {
        max-width: 615px;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* ==========================================================================
   Review slider (Figma node 39008:6164)
   Figma: 620px cards 26px under the heading, the arrows 33px below them, and
   the block 452px tall. The theme runs 610px cards on a 30px margin and leaves
   the arrows absolutely positioned outside the section, which ended 23px short
   and let them overhang the next block.
   ========================================================================== */
@media (min-width: 992px) {
    .trc-figma-location .reviews-section .review {
        width: 620px;
        margin: 26px 5px 33px;
    }

    /* Reserves the strip the absolutely positioned arrows sit in, so they
       count towards the section's height instead of spilling past it. */
    .trc-figma-location .reviews-section .review-slide {
        padding-bottom: 24px;
    }

    .trc-figma-location .reviews-section .review-slide .slick-arrow {
        top: auto;
        bottom: 0;
        transform: none;
    }
}