/*
 Theme Name:     RYNO Child Theme
 Theme URI:      http://rynoss.com/
 Description:    RYNO Child Theme
 Author:         Ryno SS - Jerad Shepherd
 Author URI:     http://www.rynoss.com
 Template:       theme-3
 Text Domain:    ryno-theme-three-child
 Version:        1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */
.homepage-section {
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 0;
}

.homepage-section .button-wrapper {
    display: flex;
    align-content: center;
    column-gap: 28px;
}

.home h1 .red-highlight,
.home h2 .red-highlight {
    color: #ed1c24;
}

.home h1 .sub-heading,
.home h2 .sub-heading {
    display: block;
    font-family: Alexandria;
    font-size: 26px;
    font-style: normal;
    font-weight: 300;
    line-height: 2em;
    letter-spacing: 5.98px;
    text-transform: uppercase;
}

.home h1 .sub-heading {
    font-size: 41px;
    letter-spacing: 9.43px;
}

.header {
    background: linear-gradient(180deg, #4d4d4d 0%, #2f2b2c 36.36%);
}

/*-------------------------------------------------------------------------------------------------*/
/* BUTTONS---------------------------------- */
/*-------------------------------------------------------------------------------------------------*/
.btn {
    align-items: center;
    border: 0 none;
    border-radius: 26px;
    display: inline-flex;
    font-size: 22px;
    font-weight: 700;
    font-family: Barlow Condensed;
    justify-content: center;
    line-height: 1;
    margin: 0;
    padding: 12px 20px;
    text-transform: uppercase;
    transition: all 0.5s ease;
    white-space: normal;
    min-height: 52px;
    min-width: 256px;
    max-width: 256px;
    max-height: 52px;
    width: 100%;
}

.btn-lg,
.btn-group-lg > .btn {
    font-size: 22px;
    padding: 20px 25px;
}

.btn,
.header .btn,
.footer .btn,
.postscript-contact .button-wrapper .btn {
    background: transparent;
    box-shadow: 0px 6px 6px 2px rgba(0, 0, 0, 0.25);
    padding: 5px 30px 5px 60px;
    position: relative;
    z-index: 1;
}
.btn:before,
.header .btn:before,
.footer .btn:before,
.postscript-contact .button-wrapper .btn:before {
    background-image: url("/wp-content/uploads/button-circle.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    content: "";
    height: 46px;
    left: 2px;
    top: 1px;
    position: absolute;
    transition: all 300ms;
    width: 46px;
}
.btn:after,
.header .btn:after,
.footer .btn:after,
.postscript-contact .button-wrapper .btn:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 26px;
    opacity: 1;
    z-index: -1;
}

/* --------------------------------------- */
/* BUTTON PRIMARY------------- */
/* --------------------------------------- */
.btn-primary {
    border: 2px solid transparent;
}

.btn-primary,
.btn-primary span {
    color: #fff;
}

.btn.btn-primary:after,
.header .btn.btn-primary:after,
.footer .btn.btn-primary:after,
.postscript-contact .button-wrapper .btn.btn-primary:after {
    background: linear-gradient(180deg, #ed1c24 0%, #be161c 100%);
    height: 104%;
    width: 102%;
    margin-left: -2px;
}

/* --------------------------------------- */
/* BUTTON SECONDARY------------ */
/* --------------------------------------- */
.btn-secondary {
    border-radius: 200px;
    border: 2px solid #000;
    background: linear-gradient(
            0deg,
            rgba(0, 0, 0, 0.15) 0%,
            rgba(0, 0, 0, 0.15) 100%
        ),
        #fff;
    box-shadow: 0px 6px 6px 2px rgba(0, 0, 0, 0.25);
}

.btn-secondary,
.btn-secondary span {
    color: #000 !important;
}

.btn.btn-secondary:after,
.header .btn.btn-secondary:after,
.footer .btn.btn-secondary:after,
.postscript-contact .button-wrapper .btn.btn-secondary:after {
    background: #fff;
    z-index: -1;
}

/* --------------------------------------- */
/* BUTTONS (HOVER) ---------------- */
/* --------------------------------------- */
@media (min-width: 992px) {
    .btn:hover,
    .btn:focus,
    .header .btn:hover,
    .header .btn:focus,
    .footer .btn:hover,
    .footer .btn:focus,
    .postscript-contact .button-wrapper .btn:hover,
    .postscript-contact .button-wrapper .btn:focus {
        padding: 5px 40px 5px 30px;
    }
    .btn:hover:before,
    .btn:focus:before,
    .header .btn:hover:before,
    .header .btn:focus:before,
    .footer .btn:hover:before,
    .footer .btn:focus:before,
    .postscript-contact .button-wrapper .btn:hover:before,
    .postscript-contact .button-wrapper .btn:focus:before {
        background-color: transparent;
        margin-left: calc(100% - 50px);
        background-image: url("/wp-content/uploads/button-circle-hover.svg") !important;
    }
    .btn:hover:after,
    .btn:focus:after,
    .header .btn:hover:after,
    .header .btn:focus:after,
    .footer .btn:hover:after,
    .footer .btn:focus:after,
    .postscript-contact .button-wrapper .btn:hover:after,
    .postscript-contact .button-wrapper .btn:focus:after {
        background: transparent;
    }
    /* --------------------------------------- */
    /* BUTTON PRIMARY (HOVER)------- */
    /* --------------------------------------- */
    .btn-primary:hover,
    .btn.btn-primary:hover,
    .header .btn.btn-primary:hover,
    .footer .btn.btn-primary:hover,
    .postscript-contact .button-wrapper .btn.btn-primary:hover {
        border-radius: 200px;
        border: 2px solid #000;
        background: #d9d9d9 !important;

        color: #000 !important;
    }
    .btn-primary:hover,
    .btn-primary:hover span {
        color: #000 !important;
    }

    /* --------------------------------------- */
    /* BUTTON SECONDARY (HOVER)------- */
    /* --------------------------------------- */
    .btn-secondary:hover,
    .btn.btn-secondary:hover,
    .header .btn.btn-secondary:hover,
    .footer .btn.btn-secondary:hover,
    .postscript-contact .button-wrapper .btn.btn-secondary:hover {
        background: #d9d9d9 !important;
    }

    .btn-secondary:hover,
    .btn-secondary:hover span {
        z-index: 1;
        color: #000 !important;
    }
}

/* ----------------------- */
/* GLOBALS (MOBILE)--- */
/* ----------------------- */
@media (max-width: 991px) {
    .homepage-section {
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
        z-index: 0;
    }

    .homepage-section .button-wrapper {
        display: flex;
        flex-direction: column;
        align-content: center;
        column-gap: 28px;
        max-width: 286px;
        width: 100%;
        row-gap: 14px;
    }

    .home h1 .red-highlight,
    .home h2 .red-highlight {
        color: #ed1c24;
    }

    .home h1 .sub-heading,
    .home h2 .sub-heading {
        display: block;
        font-family: Alexandria;
        font-size: 20px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        letter-spacing: 4.6px;
        text-transform: uppercase;
    }

    .home .accent-image {
        max-width: 354px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 56px;
    }

    .btn {
        box-shadow: none;
    }
}

/* ================================== */
.top-bar {
    background: #000;
    height: 67px;
}

.top-bar .top-bar--wrapper {
    padding-top: 0.5em;
    background: #000;
    display: flex;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    color: #fff;
}

.top-bar--phone-icon {
    width: 15.46px;
    height: 15.46px;
    display: flex;
    align-self: center;
}

.top-bar--location-wrapper {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    row-gap: 3px;
}

.top-bar--location {
    color: #b5b5b5;
    text-align: center;
    font-family: Alexandria;
    font-size: 11.337px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 1.134px;
    text-transform: uppercase;
}

.top-bar--phone a {
    color: #fff;
    text-align: center;
    font-family: Alexandria;
    font-size: 15.46px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

.top-bar .top-bar-divider {
    width: 1.031px;
    height: 28.859px;
    background: #4c4c4c;
}

/* ------------------------ */
/* HEADER-------------- */
/* ------------------------ */
/*-------------------------------------------------------------------------------------------------*/
/* HEADER --------------------------------------------------------------- */
/*-------------------------------------------------------------------------------------------------*/
@media (min-width: 992px) {
    .header-two {
        padding-top: 0px;
        padding-bottom: 0px;
        position: relative;
        z-index: 0;
        background: linear-gradient(180deg, #4d4d4d 0%, #2f2b2c 36.36%);
        height: 148px;
    }

    /* Logo */
    .header-two .company-logo {
        position: relative;
        padding-top: 20px;
        padding-bottom: 33px;
        padding-left: 21px;
        padding-right: 21px;
        max-width: 360px;
        width: 100%;
        height: 100%;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        background: #000;
        border-width: 0 18px 18px 18px;
        border-style: solid;
        border-color: #2f2b2c;
    }

    .header-two .header-button-wrapper {
        margin-top: 20px;
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
    }

    .header .header-button-wrapper .btn {
        min-width: 258px;
        max-width: 258px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .header .header-right-wrapper {
        display: flex;
        justify-content: end;
    }

    .header .nav_spacer {
        color: transparent;
        width: 20em;
    }
}

/*-------------------------------------------------------------------------------------------------*/
/* NAVIGATION MENU -------------------------------------------------- */
/*-------------------------------------------------------------------------------------------------*/
@media (min-width: 1200px) {
    .nav-bar .nav {
        height: auto;
        left: 0;
        overflow: visible;
        padding-bottom: 0;
        position: relative;
        top: 32px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .nav-bar .nav {
        height: auto;
        left: 0;
        overflow: visible;
        padding-bottom: 0;
        position: relative;
        top: 60px;
    }
    .header .nav_spacer {
        color: transparent;
        width: 0em;
    }
}

@media (min-width: 992px) {
    .main-navigation {
        margin-top: -4.5em;
    }
    .main-navigation a {
        font-family: "Barlow Condensed";
        font-size: 19px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 0.38px;
        text-transform: uppercase;
    }

    .main-navigation > li > a {
        padding-top: 13px;
        padding-bottom: 7px;
    }
    .main-navigation > li.has-dropdown::after {
        font-weight: normal;
        top: 2px;
        right: 10px;
        color: rgb(237, 28, 36);
    }

    .main-navigation > li.has-dropdown > a {
        color: #fff;
    }

    .main-navigation > li.has-dropdown > a:hover {
        color: rgb(237, 28, 36);
    }
}

/*-------------------------------------------------------------------------------------------------*/
/* NAVIGATION MENU (MOBILE) -------------------------------------------------- */
/*-------------------------------------------------------------------------------------------------*/
@media (max-width: 991px) {
    .nav_spacer {
        display: none;
    }
    /* 	.menu-item:hover {
		pointer-events: none;
	} */
    .main-navigation > li > a[href="#"]:hover,
    .main-navigation > li.has-dropdown::after,
    .main-navigation > li.has-dropdown svg,
    .main-navigation a:hover {
        color: rgb(237, 28, 36);
    }
}

/*-------------------------------------------------------------------------------------------------*/
/* HERO SECTION ---------------------------*/
/*-------------------------------------------------------------------------------------------------*/
.hero {
    background: url("/wp-content/uploads/hero-bg.png");
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 0;
}

.hero::after {
    height: 0;
    padding-top: calc(100% * 190 / 1600);
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
	margin-bottom: -1px;
	background-color: #fff;
}

.hero-bg {
    position: relative;
    height: 0;
    padding-top: calc(100vw * 672 / 1600);
}

.hero-copytext-block {
    position: absolute;
    top: calc(100vw * 107 / 1600);
    left: calc(100vw * 275 / 1600);
    width: calc(100vw * 1055 / 1600);
    text-align: center;
    font-style: normal;
    font-family: "Alexandria";
    text-transform: uppercase;
    color: #fff;
}

.hero--top-text {
    font-size: calc(19.22px + (31 - 19.22) * ((100vw - 992px) / (1600 - 992)));
    font-weight: 200;
    line-height: normal;
    letter-spacing: 7.13px;
    padding: 12px 32px;
    background: rgba(0, 0, 0, 0.5);
    width: max-content;
    margin-left: auto;
    margin-right: auto;
}

.hero--top-text span {
    font-weight: 600;
}

.hero--bottom-text {
    margin-top: 32px;
    margin-bottom: 57.09px;
    font-size: calc(
        43.99px + (70.965 - 43.99) * ((100vw - 992px) / (1600 - 992))
    );

    font-weight: 900;
    line-height: normal;
    letter-spacing: 1.419px;
    width: max-content;
    height: max-content;
}

.hero--bottom-text span {
    padding: 5px 15px;
    background: #ed1c24;
}

.hero .button-wrapper {
    margin-top: 36px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    column-gap: 28px;
}

/*-------------------------------------------------------------------------------------------------*/
/* HERO SECTION (MOBILE) ---------------------------*/
/*-------------------------------------------------------------------------------------------------*/
@media (max-width: 991px) {
    .hero {
        background: url("/wp-content/uploads/hero-bg.png");
        background-position: bottom center;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
        z-index: 0;
    }

    .hero-bg {
        position: relative;
        height: 0;
        padding-top: calc(100vw * 377 / 576);
    }

    .hero-copytext-block {
        position: absolute;
        top: calc(100vw * 107 / 565);
        left: calc(100vw * 50 / 576);
        width: calc(100vw * 480 / 576);
    }

    .hero--top-text {
        font-size: calc(
            8.129px + (14.633 - 8.129) * ((100vw - 320px) / (576 - 320))
        );
        letter-spacing: 3.366px;
        padding: 12px 32px;
    }

    .hero--bottom-text {
        margin-top: 23px;
        margin-bottom: 31px;
        font-size: calc(
            17.923px + (32.263 - 17.923) * ((100vw - 320px) / (576 - 320))
        );
        letter-spacing: 0.645px;
    }

    .hero .button-wrapper {
        max-width: 258px;
        width: 100%;
        margin: 0 auto;
    }
}
/* ---------------------------------------- */
/*  ROOFING IN BURNSVILLE, MN & THE METRO AREA SECTION ---------- */
/* ---------------------------------------- */
.homepage-section--section-1 {
    background-image: url("/wp-content/uploads/section-1-bg.png");
    background-position: bottom center;
    padding-top: 40px;
    padding-top: 0;
    padding-bottom: 306px;
}

.homepage-section--section-1::after {
    height: 0;
    padding-top: calc(100% * 243 / 1600);
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url(/wp-content/uploads/red-top-edge.svg);
}

.homepage-section--section-1 .section-1-col {
    border-left: 2px solid #000;
    padding-left: 54px;
}

.homepage-section--section-1 h1 {
    margin-top: 66px;
}

.homepage-section--section-1 h1 .sub-heading {
    position: relative;
    z-index: 0;
}

/*
.homepage-section--section-1 h1 .sub-heading::after {
    content: "";
    max-width: 496px;
    width: 100%;
    padding-top: 1px;
    padding-bottom: 1px;
    background-color: #000;
    position: absolute;
    top: 50%;
    right: 0;
}
*/


/* VALUE SECTION----------- */
.value-section {
    margin-top: 73px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    row-gap: 32px;
}

.value-item {
    max-width: 1054px;
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: linear-gradient(180deg, #231f20 0%, #000 100%);
    color: #fff;
    border-left: 118px solid #ed1c24;
    margin-left: 3em;
    padding: 50px 60px;
    border-radius: 8px;
    position: relative;
    z-index: 0;
}

.value-item::before {
    content: "";
    width: 148px;
    height: 148px;
    position: absolute;
    right: 105%;
    box-shadow: 6px 4px 30px 0px rgba(0, 0, 0, 0.25);
    z-index: 1;
}

.value-item--quality::before {
    background-image: url("/wp-content/uploads/wrench.svg");
}

.value-item--reliable::before {
    background-image: url("/wp-content/uploads/star.svg");
}

.value--heading {
    font-family: Alexandria;
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 20px;
}
/* ---------------------------------------- */
/*  ROOFING IN BURNSVILLE, MN & THE METRO AREA SECTION (MOBILE) ---------- */
/* ---------------------------------------- */
@media (max-width: 991px) {
    .homepage-section--section-1 {
        background-image: url("/wp-content/uploads/section-1-bg.png");
        background-position: bottom center;
        padding-top: 32px;
        padding-bottom: 182px;
    }

    .homepage-section--section-1::after {
        height: 0;
        padding-top: calc(100% * 243 / 1600);
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-image: url(/wp-content/uploads/red-top-edge.svg);
    }

    .homepage-section--section-1 .section-1-col {
        border-left: none;
        padding-left: 0;
    }
    .homepage-section--section-1 h1 {
        font-size: 31px;
        line-height: normal;
    }
    .homepage-section--section-1 h1 .sub-heading {
        position: relative;
        z-index: 0;
    }

    .homepage-section--section-1 h1 .sub-heading::after {
        content: "";
        max-width: 192px;
        width: 100%;
        padding-top: 1px;
        padding-bottom: 1px;
        background-color: #000;
        position: absolute;
        top: 50%;
        right: 0;
    }

    /* VALUE SECTION----------- */
    .value-section {
        margin-top: 60px;
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        align-items: center;
        row-gap: 50px;
    }

    .value-item {
        max-width: 486px;
        width: 100%;
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        background: linear-gradient(180deg, #231f20 0%, #000 100%);
        color: #fff;
        border-left: none;
        border-top: 80px solid #ed1c24;
        margin-top: 0;
        margin-top: 3em;
        margin-left: auto;
        margin-right: auto;
        padding: 40px 50px;
        border-radius: 8px;
        position: relative;
        z-index: 0;
    }

    .value-item::before {
        content: "";
        width: 88px;
        height: 88px;
        background-image: url("/wp-content/uploads/wrench.svg");
        position: absolute;
        bottom: 105%;
        left: calc(50% - 40px);
        box-shadow: 6px 4px 30px 0px rgba(0, 0, 0, 0.25);
        z-index: 2;
    }

    .value--heading {
        font-family: Alexandria;
        font-size: 24px;
        font-style: normal;
        font-weight: 900;
        line-height: normal;
        text-transform: uppercase;
        margin-bottom: 20px;
    }
}
/* ---------------------------------------- */
/*  OUR SERVICES SECTION ---------- */
/* ---------------------------------------- */
.homepage-section--section-2 {
    background: linear-gradient(180deg, #ed1c24 0%, #be161c 100%);
    color: #fff;
    padding-bottom: 17px;
}
/* ---------------------------------------- */
/*  OUR SERVICES SECTION (MOBILE) ---------- */
/* ---------------------------------------- */
@media (max-width: 991px) {
    .homepage-section--section-2 {
        background: linear-gradient(180deg, #ed1c24 0%, #be161c 100%);
        color: #fff;
        padding-top: 50px;
        padding-bottom: 17px;
    }

    .homepage-section--section-2 .ornament-heading {
        margin-bottom: 14px;
    }
}
/* ---------------------------------------- */
/* CTA SLIDER PLACEHOLDER-------------- */
/* ---------------------------------------- */
/* ---------------------------------------- */
/*  ROOFING SERVICES YOU CAN DEPEND ON SECTION ---------- */
/* ---------------------------------------- */
.homepage-section--section-3 {
    background-image: url("/wp-content/uploads/section-3-bg.png");
    background-position: top center;
    padding-top: 300px;
    padding-bottom: 260px;
}

.homepage-section--section-3 .col-lg-7 {
    max-width: 650px;
    width: 100%;
}
.homepage-section--section-3::before {
    height: 0;
    padding-top: calc(100% * 242 / 1600);
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url("/wp-content/uploads/red-bottom-edge.svg");
}

.homepage-section--section-3::after {
    height: 0;
    padding-top: calc(100% * 245 / 1600);
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url("/wp-content/uploads/grey-top-edge.svg");
}

.homepage-section--section-3 .mini-box {
    border-left: 14px solid #000;
    background: #e9e9e9;
    display: flex;
    padding: 10px 10px 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-weight: 800;
    line-height: 30px;
    margin-bottom: 40px;
}

.homepage-section--section-3 .button-wrapper {
    margin-top: 50px;
}

/* ---------------------------------------- */
/*  VALUE GRID SECTION ---------- ---------------------------------------- */
.homepage-section--section-4 {
    background: #ededed;
    padding-top: 60px;
}

.homepage-section--section-4 h6 {
    margin: 0;
}
.value-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 58px;
}

.value-grid-square {
    display: flex;
    max-width: 545px;
    width: 100%;
    height: 274px;
    padding: 50px 40px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 20px;
    flex-shrink: 0;
    border-radius: 8px;
    background: linear-gradient(180deg, #231f20 0%, #000 100%);
    color: #fff;
}

.value-grid-image {
    width: 82px;
    height: 82px;
}
/* ---------------------------------------- */
/* CTA SLIDER PLACEHOLDER-------------- */
/* ---------------------------------------- */
/* ---------------------------------------- */
/*  ROOFING SERVICES YOU CAN DEPEND ON SECTION ---------- */
/* ---------------------------------------- */
@media (max-width: 991px) {
    .homepage-section--section-3 {
        background-image: url("/wp-content/uploads/section-3-bg.png");
        background-position: top center;
        padding-top: 114px;
        padding-bottom: 109px;
    }

    .homepage-section--section-3 .col-lg-7 {
        max-width: 650px;
        width: 100%;
    }
    .homepage-section--section-3::before {
        height: 0;
        padding-top: calc(100% * 242 / 1600);
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-image: url("/wp-content/uploads/red-bottom-edge.svg");
    }

    .homepage-section--section-3::after {
        height: 0;
        padding-top: calc(100% * 245 / 1600);
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-image: url("/wp-content/uploads/grey-top-edge.svg");
    }

    .homepage-section--section-3 .mini-box {
        border-left: 14px solid #000;
        background: #e9e9e9;
        display: flex;
        padding: 10px 10px 10px 20px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        font-weight: 800;
        line-height: 30px;
        margin-bottom: 40px;
    }

    .homepage-section--section-3 .button-wrapper {
        margin-top: 50px;
    }
}

/* ---------------------------------------- */
/*  VALUE GRID SECTION (MOBILE) ---------- ---------------------------------------- */
@media (max-width: 991px) {
    .homepage-section--section-4 {
        background: #ededed;
        padding-top: 60px;
        padding-bottom: 25px;
    }

    .value-grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        row-gap: 58px;
    }

    .value-grid-square {
        display: flex;
        max-width: 545px;
        width: 100%;
        height: 274px;
        padding: 50px 40px;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start;
        gap: 20px;
        flex-shrink: 0;
        border-radius: 8px;
        background: linear-gradient(180deg, #231f20 0%, #000 100%);
        color: #fff;
    }

    .value-grid-image {
        width: 82px;
        height: 82px;
    }
}
/* ---------------------------------------- */
/*  YOUR ROOFING TEAM IN BURNSVILLE & THE METRO AREA SECTION ---------- */
/* ---------------------------------------- */
.homepage-section--section-5 {
    background-image: url("/wp-content/uploads/section-5-bg.png");
    padding-top: 286px;
    padding-bottom: 422px;
}

.homepage-section--section-5::before {
    height: 0;
    padding-top: calc(100% * 243 / 1600);
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url("/wp-content/uploads/grey-bottom-edge.svg");
}

.homepage-section--section-5 .mini-box {
    border-left: 14px solid var(--black, #000);
    background: #e9e9e9;
    display: flex;
    width: 638px;
    padding: 10px 10px 10px 20px;
    align-items: center;
    gap: 10px;
    font-weight: 800;
}

.check-items--wrapper {
    margin-top: 29px;
    margin-bottom: 29px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: start;
    align-items: center;
    gap: 20px 48px;
}

.check-item {
    border-radius: 200px;
    background: #e9e9e9;
    display: flex;
    align-content: center;
    justify-content: start;
    align-items: center;
    width: 188px;
    height: 50px;
    padding: 10px;
    column-gap: 16px;
    flex-shrink: 0;
}

.check-item--check {
    width: 34px;
    height: 34px;
}

.check-item--text {
    width: 102px;
    color: #000;
    font-family: Mulish;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: 100%;
}

.homepage-section--section-5 .button-wrapper {
    margin-top: 50px;
}

.homepage-section--section-5::after {
    height: 0;
    padding-top: calc(100% * 381 / 1600);
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url("/wp-content/uploads/branded-heating-edge.svg");
}
/* ---------------------------------------- */
/*  YOUR ROOFING TEAM IN BURNSVILLE & THE METRO AREA SECTION (MOBILE) ---------- */
/* ---------------------------------------- */
@media (max-width: 991px) {
    .homepage-section--section-5 {
        background-image: url("/wp-content/uploads/section-5-bg.png");
        padding-top: 107px;
        padding-bottom: 160px;
    }

    .homepage-section--section-5::before {
        height: 0;
        padding-top: calc(100% * 243 / 1600);
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-image: url("/wp-content/uploads/grey-bottom-edge.svg");
    }

    .homepage-section--section-5 .mini-box {
        border-left: 14px solid var(--black, #000);
        background: #e9e9e9;
        display: flex;
        max-width: 460px;
        width: 100%;
        padding: 10px 10px 10px 20px;
        align-items: center;
        gap: 10px;
        font-weight: 700;
    }

    .homepage-section--section-5 .button-wrapper {
        margin-top: 50px;
    }

    .homepage-section--section-5::after {
        height: 0;
        padding-top: calc(100% * 381 / 1600);
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-image: url("/wp-content/uploads/branded-heating-edge.svg");
    }
}
/* ---------------------------------------- */
/*  CUSTOMER REVIEWS SECTION ---------- */
/* ---------------------------------------- */
.homepage-section--section-6 {
    background: #0f0f0f;
    padding-top: 100px;
    padding-bottom: 57px;
}

.homepage-section--section-6 .button-wrapper {
    display: flex;
    align-content: center;
    justify-content: center;
}

.homepage-section--section-6 .btn {
    max-width: 258px !important;
}
/* ---------------------------------------- */
/*  CUSTOMER REVIEWS SECTION (MOBILE) ---------- */
/* ---------------------------------------- */
@media (max-width: 991px) {
    .homepage-section--section-6 {
        background: #0f0f0f;
        padding-top: 56px;
        padding-bottom: 53px;
    }

    .homepage-section--section-6 .button-wrapper {
        margin-top: 57px;
        display: flex;
        align-content: center;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
        row-gap: 28px;
    }
}
/* ---------------------------------------- */
/*  CONTACT SCHMIDT ROOFING SECTION ----------
/* ---------------------------------------- */
.homepage-section--section-7 {
    background-image: url("/wp-content/uploads/section-7-bg.png");
    background-position: top center;
    padding-top: 319px;
    padding-bottom: 85px;
}

.homepage-section--section-7::before {
    height: 0;
    padding-top: calc(100% * 243 / 1600);
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url("/wp-content/uploads/black-bottom-edge.svg");
}

.homepage-section--section-7 p span {
    font-weight: 700;
}

/* ---------------------------------------- */
/*  CONTACT SCHMIDT ROOFING SECTION (MOBILE) ----------
/* ---------------------------------------- */
@media (max-width: 991px) {
    .homepage-section--section-7 {
        background-image: url("/wp-content/uploads/section-7-bg.png");
        background-position: top center;
        padding-top: 109px;
        padding-bottom: 57px;
    }

    .homepage-section--section-7::before {
        height: 0;
        padding-top: calc(100% * 243 / 1600);
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-image: url("/wp-content/uploads/black-bottom-edge.svg");
    }

    .homepage-section--section-7 p span {
        font-weight: 700;
    }

    .ornament img {
        min-width: 92px;
        width: 100%;
        height: 89px;
    }
}

@media (max-width: 575px) {
    .homepage-section--section-7 .section-header h2 .red-highlight {
        display: block;
        margin-bottom: 0.5em;
    }
}

/* ---------------------------------------- */
/*  CONTACT FORM SECTION ---------- */
/* ---------------------------------------- */
.postscript-contact {
    padding-top: 100px;
    padding-bottom: 107px;
}

.postscript-contact .contact-us-wrapper {
    margin-bottom: 50px;
}

.postscript-contact__message {
    margin-top: 1em;
}
.postscript-contact
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered,
.postscript-contact
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow,
.postscript-contact
    .select2-container--default
    .select2-selection--single::placeholder,
.postscript-contact .select2-container--default .select2-selection--single,
.postscript-contact
    input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel.cf-text::placeholder,
.postscript-contact
    input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email.cf-text,
.postscript-contact
    input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel.cf-text,
.postscript-contact input.wpcf7-form-control.wpcf7-text.cf-text::placeholder,
.postscript-contact input.wpcf7-form-control.wpcf7-text.cf-text,
.postscript-contact__message {
    border-radius: 0 !important;
}

.postscript-contact
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    border-radius: 0 5px 5px 0 !important;
    top: 0 !important;
    right: 6px !important;
    color: #ed1c24 !important;
    background-color: transparent !important;
}
.postscript-contact
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b {
    border-color: #ed1c24 transparent transparent transparent !important;
}

.postscript-contact
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b {
    border-width: 0.4em;
}
/* ---------------------------------------- */
/*  CONTACT FORM SECTION  (MOBILE)---------- */
/* ---------------------------------------- */
@media (max-width: 991px) {
    .postscript-contact {
        padding-top: 48px;
        padding-bottom: 107px;
    }

    .postscript-contact .contact-us-wrapper {
        margin-bottom: 50px;
    }
    .postscript-contact .contact-heading-1 {
        color: var(--white, #fff);
        text-align: center;
        font-family: Alexandria;
        font-size: 20px;
        font-style: normal;
        font-weight: 300;
        line-height: 41px;
        letter-spacing: 4.6px;
        text-transform: uppercase;
    }
    .postscript-contact__message {
        margin-top: 1em;
    }
    .postscript-contact
        .select2-container--default
        .select2-selection--single
        .select2-selection__rendered,
    .postscript-contact
        .select2-container--default
        .select2-selection--single
        .select2-selection__arrow,
    .postscript-contact
        .select2-container--default
        .select2-selection--single::placeholder,
    .postscript-contact .select2-container--default .select2-selection--single,
    .postscript-contact
        input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel.cf-text::placeholder,
    .postscript-contact
        input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email.cf-text,
    .postscript-contact
        input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel.cf-text,
    .postscript-contact
        input.wpcf7-form-control.wpcf7-text.cf-text::placeholder,
    .postscript-contact input.wpcf7-form-control.wpcf7-text.cf-text,
    .postscript-contact__message {
        border-radius: 0 !important;
    }

    .select2-selection.select2-selection--single,
    .wpcf7-form-control.wpcf7-tel.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-tel.cf-text {
        margin-bottom: 2em;
    }

    .postscript-contact
        .select2-container--default
        .select2-selection--single
        .select2-selection__arrow {
        border-radius: 0 5px 5px 0 !important;
        top: 0 !important;
        right: 6px !important;
        color: #ed1c24 !important;
        background-color: transparent !important;
    }
    .postscript-contact
        .select2-container--default
        .select2-selection--single
        .select2-selection__arrow
        b {
        border-color: #ed1c24 transparent transparent transparent !important;
    }
}

/*-------------------------------------------------------------------------------------------------*/

/* ---------------------------------------- */
/* SERVICE LOCATIONS------- */
/* ---------------------------------------- */
.footer--service-locations {
    padding-top: 86px;
}
.ornament-heading {
    margin-top: 25px;
    margin-bottom: 55px;
    color: #000;
    font-family: Alexandria;
    font-size: 34.872px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
    position: relative;
    z-index: 0;
    display: grid;
    grid-gap: 30px;
    grid-template-columns: 1fr auto 1fr;
}

.ornament-heading::before,
.ornament-heading::after {
    align-self: center;
    border-top: 2px solid #242424;
    content: "";
}

.footer-wrapper .ornament-heading::before,
.footer-wrapper .ornament-heading::after {
    border-top: 2px solid #ed1c24;
}

.service-location--heading {
    font-family: Alexandria;
    font-size: 20.846px;
    font-style: normal;
    font-weight: 900;
    line-height: 26.058px;
    text-transform: uppercase;
}

.office-address--wrapper {
    border-radius: 7px;
    background: #f2f2f2;
    text-align: center;
    padding: 28px;
    margin-bottom: 22px;
}

.office-address {
    font-family: Mulish;
    font-size: 15.635px;
    font-style: normal;
    font-weight: 400;
    line-height: 26.058px;
    margin-bottom: 13px;
}

.footer-wrapper .company-phone a {
    color: #000;
    text-align: center;
    font-family: Alexandria;
    font-size: 19.109px;
    font-style: normal;
    font-weight: 900;
    line-height: 26.058px;
    /* 136.364% */
    text-transform: uppercase;
}

/* SERVICE LOCATION GRID----- */
.service-location--grid-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 25px;
}

.service-location--grid-item {
    display: flex;
    width: 252.452px;
    height: 184.029px;
    padding: 28px 0px 28px 30px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    flex-shrink: 0;
    border-radius: 7px;
    border: 1px solid #000;
    background: #fff;
    box-shadow: 5.212px 8.686px 24px 0px rgba(0, 0, 0, 0.12);
}

.grid-item--top-wrapper {
    color: green;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    column-gap: 12px;
}

.service-location--location {
    color: #000;
    font-family: Alexandria;
    font-size: 20.846px;
    font-style: normal;
    font-weight: 900;
    line-height: 26.058px;
    text-transform: uppercase;
}

.grid-item--address {
    color: #000;
    font-family: Mulish;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 26.058px;
}

.grid-item--phone a {
    color: #000;
    font-family: Alexandria;
    font-size: 19.109px;
    font-style: normal;
    font-weight: 900;
    line-height: 26.058px;
    text-transform: uppercase;
}
/*-------------------------------------------------------------------------------------------------*/
/* ---------------------------------------- */
/* SERVICE LOCATIONS (MOBILE)------- */
/* ---------------------------------------- */
@media (max-width: 991px) {
    .footer--service-locations {
        padding-top: 66px;
    }
    .ornament-heading {
        color: var(--black, #000);
        font-family: Alexandria;
        font-size: 26px;
        font-style: normal;
        font-weight: 900;
        line-height: normal;
        text-transform: uppercase;
        display: grid;
        grid-gap: 30px;
        grid-template-columns: 1fr auto 1fr;
    }

    .ornament-heading::before,
    .ornament-heading::after {
        align-self: center;
        border-top: 2px solid #ed1c24;
        content: "";
    }

    .service-location--heading {
        font-family: Alexandria;
        font-size: 20.846px;
        font-style: normal;
        font-weight: 900;
        line-height: 26.058px;
        text-transform: uppercase;
    }

    .office-address--wrapper {
        border-radius: 7px;
        background: #f2f2f2;
        text-align: center;
        padding: 28px;
        margin-bottom: 22px;
    }

    .office-address {
        font-family: Mulish;
        font-size: 15.635px;
        font-style: normal;
        font-weight: 400;
        line-height: 26.058px;
        margin-bottom: 13px;
    }

    .footer-wrapper .company-phone a {
        color: #000;
        text-align: center;
        font-family: Alexandria;
        font-size: 19.109px;
        font-style: normal;
        font-weight: 900;
        line-height: 26.058px;
        /* 136.364% */
        text-transform: uppercase;
    }

    /* SERVICE LOCATION GRID----- */
    .service-location--grid-wrapper {
        margin-top: 23px;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 25px;
    }

    .service-location--grid-item {
        display: flex;
        width: 252.452px;
        height: 184.029px;
        padding: 28px 0px 28px 30px;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 8px;
        flex-shrink: 0;
        border-radius: 7px;
        border: 1px solid #000;
        background: #fff;
        box-shadow: 5.212px 8.686px 24px 0px rgba(0, 0, 0, 0.12);
    }

    .grid-item--top-wrapper {
        color: green;
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        column-gap: 12px;
    }

    .service-location--location {
        color: #000;
        font-family: Alexandria;
        font-size: 20.846px;
        font-style: normal;
        font-weight: 900;
        line-height: 26.058px;
        text-transform: uppercase;
    }

    .grid-item--address {
        color: #000;
        font-family: Mulish;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 26.058px;
    }

    .grid-item--phone a {
        color: #000;
        font-family: Alexandria;
        font-size: 19.109px;
        font-style: normal;
        font-weight: 900;
        line-height: 26.058px;
        text-transform: uppercase;
    }
}
/* ---------------------------------------- */
/* FOOTER ------- */
/* ---------------------------------------- */
.footer {
    padding-top: 289px;
    padding-bottom: 34px;
    background: linear-gradient(180deg, #fff 0.02%, #fff 26.05%);
    position: relative;
    z-index: 0;
}

.footer::before {
    height: 0;
    padding-top: calc(100% * 242 / 1600);
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url("/wp-content/uploads/footer-edge.svg");
}

/* LOGO COLUMN---- */
.footer-company-logo {
    width: 254px;
    height: 67.975px;
    margin-bottom: 33px;
}

.company-phone--mini-box {
    border-left: 5px solid #000;
    background: #f1f1f1;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 261px;
    height: 71px;
    padding: 10px 20px 17px 0px;
    margin-bottom: 12px;
    column-gap: 20px;
}

.company-phone--mini-box img {
    width: 17.122px;
    height: 18.263px;
}

.company-phone--wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
}

.company-phone--header {
    color: #000;
    text-align: center;
    font-family: Mulish;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 22.851px;
}

.footer .company-phone a {
    font-family: Mulish;
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: 100%;
}

/* MIDDLE COLUMN------- */
.middle-column-wrapper {
    display: flex;
    align-content: center;
    justify-content: space-between;
}
.middle-column-wrapper .footer-heading {
    margin-top: 16px;
}

.footer-heading {
    color: #ed1c24;
    font-family: Alexandria;
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: 30px;
    text-transform: uppercase;
    margin-bottom: 22px;
}

.services-column-links-wrapper {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    row-gap: 26px;
}

.service-column-link {
    color: #000;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    /* 175% */
}

/* LOCATIONS COLUMN----- */
.locations--wrapper {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: flex-end;
    background: #f1f1f1;
    width: 259px;
    height: 292px;
    margin-left: auto;
    padding: 25px;
}

.locations--wrapper .footer-heading {
    margin-right: auto;
}

.location-city {
    color: #000;
    font-family: Mulish;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 35px;
}

.location-phone {
    margin-left: 0.5em;
    font-weight: 500;
    color: #000;
}
/* ---------------------------------------- */
/* FOOTER  (MOBILE)------- */
/* ---------------------------------------- */
@media (max-width: 991px) {
    .footer {
        padding-top: 108px;
        padding-bottom: 34px;
        background: linear-gradient(180deg, #fff 0.02%, #fff 26.05%);
        position: relative;
        z-index: 0;
    }

    .footer::before {
        height: 0;
        padding-top: calc(100% * 242 / 1600);
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-image: url("/wp-content/uploads/footer-edge.svg");
    }

    /* LOGO COLUMN---- */
    .footer-company-logo {
        width: 254px;
        height: 67.975px;
        margin-bottom: 33px;
        margin-left: auto;
        margin-right: auto;
    }

    .company-phone--mini-box {
        border-left: 5px solid #000;
        background: #f1f1f1;
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        width: 261px;
        height: 71px;
        padding: 10px 20px 17px 0px;
        margin-bottom: 12px;
        column-gap: 20px;
        margin-left: auto;
        margin-right: auto;
    }

    /* MIDDLE COLUMN------- */
    .middle-column-wrapper {
        display: flex;
        align-content: center;
        justify-content: center;
        column-gap: 53px;
        margin-bottom: 60px;
        max-width: 261px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .middle-column-wrapper .footer-heading {
        margin-top: 60px;
    }

    .footer-heading {
        color: #ed1c24;
        font-family: Alexandria;
        font-size: 20px;
        font-style: normal;
        font-weight: 900;
        line-height: 30px;
        text-transform: uppercase;
        margin-bottom: 22px;
    }

    .services-column-links-wrapper {
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
    }

    .service-column-link {
        color: #000;
        font-family: Mulish;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px;
        /* 175% */
    }

    /* LOCATIONS COLUMN----- */
    .locations--wrapper {
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        align-items: flex-end;
        background: #f1f1f1;
        width: 259px;
        height: 292px;
        margin-left: auto;
        margin-right: auto;
        padding: 25px;
    }

    .locations--wrapper .footer-heading {
        margin-right: auto;
    }

    .location-city {
        color: #000;
        font-family: Mulish;
        font-size: 15px;
        font-style: normal;
        font-weight: 700;
        line-height: 35px;
    }

    .location-phone {
        margin-left: 0.5em;
        font-weight: 500;
        color: #000;
    }
}
/* ---------------------------------------- */
/* COPYRIGHT ------- */
/* ---------------------------------------- */
.copyright .container {
    border-top: 1px solid #000;
    padding-top: 35px;
    padding-bottom: 35px;
}
.copyright a {
    color: #000;
}

/* Social Icons------ */
.copyright .social-icons {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: end;
    align-items: center;
    column-gap: 16px;
}

.copyright .social-icons__icon {
    transition: all 0.3s ease;
    height: 48px;
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    border-radius: 100%;
    background: #000;
    position: relative;
    z-index: 0;
}

.copyright .social-icons__icon a {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    font-size: 24px;
    text-align: center;
    transition: all 0.3s ease;
    width: inherit;
    height: inherit;
    color: #fff;
}

/* Social Icons Hover ---- */
@media (min-width: 992px) {
    .copyright .social-icons__icon:hover {
        background-color: #ed1c24;
    }
}
/* ---------------------------------------- */
/* COPYRIGHT  (MOBILE)------- */
/* ---------------------------------------- */
@media (max-width: 991px) {
    .copyright span,
    .copyright-info {
        text-align: left !important;
        display: flex;
        align-content: start;
    }
    .copyright .container {
        border-top: 1px solid #000;
        padding-top: 35px;
        padding-bottom: 35px;
    }
    .copyright a {
        color: #000;
    }

    .copyright .copyright-info {
        display: inline-flex;
    }

    /* Social Icons------ */
    .copyright .social-icons {
        display: flex;
        flex-direction: row;
        align-content: center;
        justify-content: start;
        align-items: center;
        column-gap: 16px;
        margin-top: 31px;
    }

    .copyright .social-icons__icon {
        transition: all 0.3s ease;
        height: 48px;
        width: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        align-self: center;
        border-radius: 100%;
        background: #000;
        position: relative;
        z-index: 0;
    }

    .copyright .social-icons__icon a {
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        font-size: 24px;
        text-align: center;
        transition: all 0.3s ease;
        width: inherit;
        height: inherit;
        color: #fff;
    }
}
/* CTA SLIDER--------- */
.cta-slider {
    display: flex;
    align-content: center;
    justify-content: space-between;
    align-items: end;
    margin-top: 57px;
}

.cta-slider .cta-item {
    max-width: 297px;
    width: 100%;
    height: 290px;
    margin-left: auto;
    margin-right: auto;
}

.cta-outline {
    width: 297px;
    height: 202px;
    flex-shrink: 0;
    border: 6px solid #ed1c24;
    border-radius: 12.68px;
    transition: 0.3s ease all;
}

.cta-square {
    width: 241px;
    height: 236px;
    border-radius: 8px;
    background: #de474d;
    margin-top: 14px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 22px;
    padding-right: 38px;
    padding-bottom: 27px;
    padding-left: 38px;
    border: 6px solid #d0181f;
    transition: 0.3s ease all;
    position: relative;
    z-index: 0;
}

.cta-square::after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    opacity: 0;
    background: #fff;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
}

.cta-icon {
    width: 75px;
    height: 75px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    margin-top: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.cta-icon-1 {
    background-image: url("/wp-content/uploads/residential.svg");
}

.cta-icon-2 {
    background-image: url("/wp-content/uploads/commercial.svg");
}

.cta-icon-3 {
    background-image: url("/wp-content/uploads/siding.svg");
}

.cta-icon-4 {
    background-image: url("/wp-content/uploads/gutter.svg");
}

.cta-text-wrapper {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-style: normal;
    font-family: Alexandria;
    color: #fff;
    text-transform: uppercase;
    transition: 0.3s ease all;
    position: relative;
    z-index: 0;
}

.cta-top-text {
    font-size: 19.333px;
    font-weight: 900;
    line-height: 34.273px;
    transition: text-align 0.3s ease-in-out;
}

.cta-bottom-text {
    font-size: 14.061px;
    font-weight: 500;
    line-height: 23.727px;
    letter-spacing: 4.429px;
    transition: 0.3s ease all;
}
/* --------------------------------- */
/* CTA SLIDER (HOVER) ------------*/
/* --------------------------------- */
@media (min-width: 992px) {
    .cta-slider .cta-item:hover {
        width: 297px;
        height: 290px;
        transform: translateY(-6px);
    }

    .cta-item:hover .cta-outline {
        width: 297px;
        height: 218px;
        border: 6px solid #fff;
        transform: translateY(-8px);
    }

    .cta-item:hover .cta-square {
        height: 244px;
        border-radius: 7.03px;
        background: #000;
        border: 6px solid #d0181f;
        transform: translateY(-8px);
    }

    .cta-item:hover .cta-icon {
        width: 75px;
        height: 75px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    .cta-item:hover .cta-text-wrapper {
        padding-top: 1em;
        margin-left: auto;
        margin-right: auto;
        transition: 0.3s ease all;
        position: relative;
        z-index: 1;
        opacity: 1;
    }

    .cta-item:hover .cta-top-text {
        color: #000;
        text-align: left;
        text-transform: uppercase;
        transition: text-align 0.3s ease-in-out;
        position: relative;
        z-index: 2;
    }

    .cta-item:hover .cta-bottom-text {
        color: #000;
        text-align: left;
        text-transform: uppercase;
        transition: 0.3s ease all;
    }

    .cta-slider .cta-item:hover {
        transition: 0.3s ease all;
        -webkit-transition: opacity 1s ease-in-out;
        -moz-transition: opacity 1s ease-in-out;
        -ms-transition: opacity 1s ease-in-out;
        -o-transition: opacity 1s ease-in-out;
    }

    .cta-slider .cta-item:hover .cta-square::after {
        z-index: -1;
        max-height: 70px;
        height: 100%;
        opacity: 1;
        transition: height 0.3s ease-in-out;
        -webkit-transition: height 0.3s ease-in-out;
        -moz-transition: height 0.3s ease-in-out;
        -ms-transition: height 0.3s ease-in-out;
        -o-transition: height 0.3s ease-in-out;
    }
}

/* CTA SLIDER (MOBILE)--------- */
@media (max-width: 991px) {
    .cta-slider {
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        margin-top: 57px;
    }

    .cta-slider .cta-item {
        max-width: 297px;
        width: 100%;
        height: 290px;
        margin-left: auto;
        margin-right: auto;
    }

    .cta-outline {
        width: 297px;
        height: 202px;
        flex-shrink: 0;
        border: 6px solid #ed1c24;
        border-radius: 12.68px;
        transition: 0.3s ease all;
    }

    .cta-square {
        width: 241px;
        height: 236px;
        border-radius: 8px;
        background: #de474d;
        margin-top: 14px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 22px;
        padding-right: 38px;
        padding-bottom: 27px;
        padding-left: 38px;
        border: 6px solid #d0181f;
        transition: 0.3s ease all;
        position: relative;
        z-index: 0;
    }

    .cta-square::after {
        content: "";
        position: absolute;
        z-index: 1;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 0;
        opacity: 0;
        background: #fff;
        -webkit-transition: opacity 1s ease-in-out;
        -moz-transition: opacity 1s ease-in-out;
        -ms-transition: opacity 1s ease-in-out;
        -o-transition: opacity 1s ease-in-out;
    }

    .cta-icon {
        width: 75px;
        height: 75px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
        margin-top: 20px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    .cta-icon-1 {
        background-image: url("/wp-content/uploads/residential.svg");
    }

    .cta-icon-2 {
        background-image: url("/wp-content/uploads/commercial.svg");
    }

    .cta-icon-3 {
        background-image: url("/wp-content/uploads/siding.svg");
    }

    .cta-icon-4 {
        background-image: url("/wp-content/uploads/gutter.svg");
    }

    .cta-text-wrapper {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        font-style: normal;
        font-family: Alexandria;
        color: #fff;
        text-transform: uppercase;
        transition: 0.3s ease all;
        position: relative;
        z-index: 0;
    }

    .cta-top-text {
        font-size: 19.333px;
        font-weight: 900;
        line-height: 34.273px;
        transition: text-align 0.3s ease-in-out;
    }

    .cta-bottom-text {
        font-size: 14.061px;
        font-weight: 500;
        line-height: 23.727px;
        letter-spacing: 4.429px;
        transition: 0.3s ease all;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .cta-slider {
        max-width: 492px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}
/* ------------------------------------ */
/* TESTIMONIAL SLIDER--------- */
/* ------------------------------------ */
.testimonial-slider {
    display: flex;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 80px;
}

.testimonial-item {
    width: 544px;
    height: 428px;
    background-image: url("/wp-content/uploads/review-bg.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 76px;
    padding-right: 54px;
    padding-bottom: 75px;
    padding-left: 54px;
}

.five-stars {
    width: 227px;
    margin-bottom: 11px;
}

.testimonial-text {
    color: #fff;
    font-family: Mulish;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 29px;
    text-align: left;
}

.author--wrapper {
    margin-top: 3em;
    display: flex;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.testimonial-author {
    color: #fff;
    font-family: Alexandria;
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: 30px;
    text-transform: uppercase;
}

.testimonial-social {
    width: 30px;
}
/* ------------------------------------ */
/* TESTIMONIAL SLIDER (MOBILE)--------- */
/* ------------------------------------ */
@media (max-width: 991px) {
    .testimonial-slider {
        display: flex;
        align-content: center;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 80px;
    }

    .testimonial-item {
        width: 468px;
        height: 333px;
        background-image: url("/wp-content/uploads/review-bg.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        padding-top: 57px;
        padding-right: 47px;
        padding-bottom: 65px;
        padding-left: 47px;
    }

    .five-stars {
        width: 217px;
        margin-bottom: 11px;
    }

    .testimonial-text {
        color: #fff;
        font-family: Mulish;
        font-size: 14px;
        font-style: italic;
        font-weight: 400;
        line-height: 25px;
        text-align: left;
    }

    .author--wrapper {
        margin-top: 1em;
        display: flex;
        align-content: center;
        justify-content: space-between;
        align-items: center;
    }

    .testimonial-author {
        color: #fff;
        font-family: Alexandria;
        font-size: 20px;
        font-style: normal;
        font-weight: 900;
        line-height: 30px;
        text-transform: uppercase;
    }

    .testimonial-social {
        width: 25px;
    }
}
@media (max-width: 575px) {
    .testimonial-slider .slick-list {
        margin: 0 1em;
    }
}

.homepage-section--section-2 .ornament-heading,
.homepage-section--section-2 .ornament-heading::before,
.homepage-section--section-2 .ornament-heading::after {
    color: #fff !important;
    border-color: #fff !important;
}

.cta-slider .cta-item {
    margin-left: 1em;
}

.cta-slider {
    justify-content: center;
}

.postscript-contact .wpcf7-textarea {
    margin-top: 1em;
    border-radius: 0;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .header .company-logo {
        width: 260px;
    }

    .homepage-section--section-1 h1 .sub-heading::after {
        max-width: 296px;
    }

    .cta-slider {
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        margin-top: 57px;
        transform: scale(0.8);
    }

    .testimonial-item {
        transform: scale(0.9);
        background-size: contain;
    }
}

@media (max-width: 991px) {
    .homepage-section--section-2 {
        background: linear-gradient(180deg, #ed1c24 0%, #be161c 100%);
        color: #fff;
        padding-top: 50px;
        padding-bottom: 100px;
    }

    /* CTA SLIDER-----	 */
    .cta-slider {
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 28.25px;
    }

    .cta-slider .cta-item {
        max-width: 225px;
        width: 100%;
        height: 190px;
        margin-left: auto;
        margin-right: auto;
    }

    .cta-outline {
        width: 223px;
        height: 151px;
        flex-shrink: 0;
        border: 6px solid #ed1c24;
        border-radius: 12.68px;
        transition: 0.3s ease all;
    }

    .cta-square {
        width: 181px;
        height: 178px;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    .cta-icon {
        width: 66px;
        height: 62px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .cta-text-wrapper {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .cta-top-text {
        font-size: 16.552px;
        font-weight: 900;
        line-height: 29.342px;
    }

    .cta-bottom-text {
        font-size: 12.038px;
        font-weight: 500;
        line-height: 20.314px;
        letter-spacing: 3.792px;
    }

    .copyright p {
        text-align: left;
    }

    .postscript-contact .wpcf7 .row.selection-bottom {
        gap: 0;
    }

    /* SLIDER DOTS --------*/
    .slick-slider .slick-dots {
        top: calc(100% + 2em);
    }

    .slick-dots {
        position: absolute;
        bottom: -25px;
        list-style: none;
        display: block;
        text-align: center;
        padding: 0;
        margin: 0;
        width: 100%;
    }

    .slick-slider .slick-dots li.slick-active {
        background-color: #fff;
        opacity: 1 !important;
    }

    .slick-slider .slick-dots li {
        background-color: transparent;
        border: 0.15em solid #fff;
        border-radius: 50%;
        float: none;
        height: 24px;
        margin: 0 0.4em;
        opacity: 1;
        width: 24px;
    }

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }

    .slick-dots li button {
        border: 0;
        background: transparent;
        display: block;
        height: 20px;
        width: 20px;
        outline: none;
        line-height: 0px;
        font-size: 0px;
        color: transparent;
        padding: 5px;
        cursor: pointer;
    }

    .slick-slider .slick-dots li.slick-active button:before,
    .slick-slider .slick-dots li button:before {
        color: transparent;
    }

    .slick-dots li.slick-active button:before {
        color: #000;
        opacity: 0.75;
    }

    .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: #000;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
}

/* EXTRA SMALL MOBILE--------	 */
@media (max-width: 575px) {
    .hero-bg {
        position: relative;
        height: 0;
        padding-top: calc(100vw * 377 / 320);
    }

    .hero-copytext-block {
        position: absolute;
        top: calc(100vw * 22 / 320);
        left: calc(100vw * 10 / 320);
        width: calc(100vw * 283 / 320);
    }

    .hero--top-text {
        font-size: 13px;
        letter-spacing: 2.99px;
        padding: 1em 1em;
        width: 300px;
    }

    .hero--top-text span {
        display: block;
    }

    .hero--bottom-text {
        margin-top: 23px;
        margin-bottom: 31px;
        font-size: 28px;
        letter-spacing: 0.56px;
        margin-left: auto;
        margin-right: auto;
    }
    .hero--bottom-text span {
        display: block;
    }

    .hero .button-wrapper {
        margin-top: 36px;
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        column-gap: 28px;
    }

    .homepage-section--section-1 .section-1-col {
        border-left: none;
        padding-left: 1em;
    }

    .homepage-section--section-1 h1 .sub-heading::after {
        display: none;
    }

    .homepage-section--section-2 h2 {
        font-size: 22px;
        text-align: center;
        display: block;
    }
    .homepage-section--section-2 .ornament-heading::before,
    .homepage-section--section-2 .ornament-heading::after {
        display: none;
    }

    .value--heading {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .value-grid-square {
        display: flex;
        max-width: 300px;
        width: 100%;
        height: 328px;
        padding: 80px 20px 40px 20px;
        line-height: 28px;
    }

    .ornament {
        display: grid;
        grid-gap: 12px;
    }

    .check-items--wrapper {
        margin-top: 29px;
        margin-bottom: 29px;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: start;
        align-items: center;
        gap: 20px 28px;
    }

    .check-item {
        width: 141px;
        height: 37px;
    }

    .check-item--text {
        width: 102px;
        color: #000;
        font-family: Mulish;
        font-size: 13px;
    }

    .testimonial-item {
        width: 268px;
        height: 374px;
        background-image: url("/wp-content/uploads/testimonial-bg-xs.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        padding-top: 57px;
        padding-right: 14px;
        padding-bottom: 54px;
        padding-left: 18px;
    }
    .five-stars {
        width: 195px;
        margin-bottom: 11px;
    }

    .testimonial-text {
        color: #fff;
        font-family: Mulish;
        font-size: 14px;
        font-style: italic;
        font-weight: 400;
        line-height: 25px;
        text-align: left;
    }

    .author--wrapper {
        margin-top: 1em;
        display: flex;
        align-content: center;
        justify-content: space-between;
        align-items: center;
    }

    .testimonial-author {
        color: #fff;
        font-family: Alexandria;
        font-size: 16px;
        font-style: normal;
        font-weight: 900;
        line-height: 30px;
        text-transform: uppercase;
    }

    .testimonial-social {
        width: 25px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .check-items--wrapper {
        max-width: 600px;
        width: 100%;
    }
}

@media (max-width: 575px) {
    .footer-wrapper .ornament-heading {
        font-size: 22px;
        display: block;
        position: relative;
        z-index: 0;
    }

    .footer-wrapper .ornament-heading::before {
        display: none;
    }

    .footer-wrapper .ornament-heading::after {
        position: absolute;
        z-index: 1;
        content: "";
        top: 2em;
        left: 50%;
        margin-left: -50px;
        padding-bottom: 1px;
        padding-top: 1px;
        width: 100px;
        background: #ed1c24;
    }
}

@media (max-width: 991px) {
    .select2-container--open .select2-dropdown {
        top: -1.95em;
    }
}

@media (max-width: 575px) {
    .postscript-contact .contact-heading-1 {
        font-size: 15px;
        line-height: 26px;
    }
    .postscript-contact .contact-heading-2 {
        font-size: 26px;
        line-height: normal;
        padding-left: 1em;
        padding-right: 1em;
    }
}

@media (max-width: 575px) {
    .value-grid {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        align-items: center;
        row-gap: 58px;
    }

    .value-grid-square {
        position: relative;
        flex-direction: column;
        justify-content: flex-start;
    }
}
@media (max-width: 575px) {
    .cta-slider .slick-slide {
        margin: 0 0 0 2em;
    }
}

@media (max-width: 575px) {
    .value-section {
        margin-top: 0px;
    }

    .value-item {
        max-width: 300px;
        padding: 40px 25px;
    }
}

@media (max-width: 991px) {
    .value-grid-image {
        width: 82px;
        height: 82px;
        position: absolute;
        top: -2em;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .value-grid-square {
        position: relative;
        max-width: 100vw;
        width: 100%;
        z-index: 0;
    }

    .homepage-section--section-3 .button-wrapper {
        display: flex;
        flex-direction: row;
        align-content: center;
        justify-content: start;
        align-items: center;
        max-width: 100vw;
    }
}

@media (max-width: 991px) {
    .page-id-2670 .shadowbox-two h2 {
        line-height: 1.5em;
    }
}

.hero .btn,
.homepage-section--section-3 .btn {
    min-width: 286px !important;
}

.page-template-page-conversion .btn {
    min-width: 258px !important;
}

.page-template-page-conversion a.btn.btn-primary {
    color: #fff;
}
@media (max-width: 575px) {
    .service-location--grid-wrapper {
        margin-top: 23px;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 25px;
    }

    .service-location--grid-wrapper .slick-track {
        margin-bottom: 4em;
    }

    .service-location--grid-item {
        margin: 1.25em;
    }

    /* SERVICE LOCATION SLIDER DOTS --------*/
    .service-location-slider .slick-dots {
        top: 95%;
    }

    .service-location-slider .slick-dots {
        position: absolute;
        list-style: none;
        display: block;
        text-align: center;
        padding: 0;
        margin: 0;
        width: 100%;
    }

    .service-location-slider .slick-dots li.slick-active {
        background-color: #000;
        opacity: 1 !important;
    }

    .service-location-slider .slick-dots li {
        background-color: #fff;
        border: 0.15em solid #000;
        border-radius: 50%;
        float: none;
        height: 2.4em;
        margin: 0 0.4em;
        opacity: 1;
        width: 2.4em;
    }

    .service-location-slider .slick-dots li {
        position: relative;
        display: inline-block;
        height: 24px;
        width: 24px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }

    .service-location-slider .slick-dots li button {
        border: 0;
        background: transparent;
        display: block;
        height: 20px;
        width: 20px;
        outline: none;
        line-height: 0px;
        font-size: 0px;
        color: transparent;
        padding: 5px;
        cursor: pointer;
    }

    .service-location-slider .slick-dots li.slick-active button:before,
    .service-location-slider .slick-dots li button:before {
        color: #000;
    }

    .service-location-slider .slick-dots li.slick-active button:before {
        color: #000;
        opacity: 0.75;
    }

    .service-location-slider .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: #fff;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
}

@media (min-width: 1199px) {
    .service-location--column {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        row-gap: 1.5em;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .service-location--grid-wrapper {
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 25px;
    }

    .service-location--column {
        width: 45%;
    }

    .service-location--grid-item {
        transform: scale(85%);
    }
}

.page-id-2673 .wpcf7-submit {
    max-width: 100%;
}

/* ---------------------------------------- */
/*  AWARD SECTION ---------- */
/* ---------------------------------------- */
.homepage-section--section-8 {
    background: #fff;
    padding-top: 0;
    padding-bottom: 27px;
    padding-bottom: 0;
}

.award-group-large {
    display: flex;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    margin-top: -5em;
}
/* ---------------------------------------- */
/*  AWARD SECTION (MOBILE) ---------- */
/* ---------------------------------------- */
@media (max-width: 991px) {
    .homepage-section--section-8 {
        display: none;
    }
}

@media (min-width: 576px) and (max-width: 991px) {
    .service-location-map img {
        width: 100%;
        margin-left: auto;
        margin-right: auto;

        margin-bottom: 2em;
    }

    .service-location--column {
        display: flex;
        flex-direction: column;
        row-gap: 1em;
    }
}

.page-template-page-ryno-contact .postscript-contact {
    display: none;
}

.page-template-page-ryno-contact .footer--service-locations {
    padding-top: 0;
}

.page-template-page-ryno-contact .service-location-map {
    display: none !important;
}

@media (min-width: 992px) {
    .page-template-page-ryno-contact .location-left-col,
    .page-template-page-ryno-contact .location-right-col {
        width: 100%;
    }
    .service-location--grid-wrapper {
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 25px;
    }
}