/***************************************************************
*                                                              *
*                                                              *
*                    Font Faces	 							   *
*                                                              *
*                                                              *
***************************************************************/

@font-face {
    font-family: "Wotfard";
    src: url("fonts/Wotfard-Regular.woff2") format("woff2"), url("fonts/Wotfard-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Wotfard";
    src: url("fonts/Wotfard-Light.woff2") format("woff2"), url("fonts/Wotfard-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Wotfard";
    src: url("fonts/Wotfard-Medium.woff2") format("woff2"), url("fonts/Wotfard-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Wotfard";
    src: url("fonts/Wotfard-SemiBold.woff2") format("woff2"), url("fonts/Wotfard-SemiBold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: "Mont";
    src: url("fonts/Mont-Regular.woff2") format("woff2"), url("fonts/Mont-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Mont";
    src: url("fonts/Mont-SemiBold.woff2") format("woff2"), url("fonts/Mont-SemiBold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



/*
 * font-size:72/.h1
 * font-size:60/.display-3
 * font-size:30/.h3
 */

@media (min-width: 1200px) {
    .display-3 {
        font-size: 3.75rem;
    }
}

/***************************************************************
*                                                              *
*                                                              *
*                    Variables	 							   *
*                                                              *
*                                                              *
***************************************************************/

:root {
    --w-slider-next: 100;
    --h-input: 38px;
    --radius-card: 1rem;
    --padding-section: 10vmin;
    --card-top-label-wrapper-spacing: 1rem;
    --card-top-label-wrapper-text-spacing: 0.5rem;
    --h-google-map: 400px;
    --h-community-card: 25rem;
}

@media (min-width: 992px) {
    :root {
        --w-slider-next: 200;
        --h-google-map: 600px;
        --h-community-card: 30rem;
    }
}

body{
    font-family: 'Mont';
}

.community-card {
    min-height: var(--h-community-card);
}
/***************************************************************
*                                                              *
*                                                              *
*                    Global 	 							   *
*                                                              *
*                                                              *
***************************************************************/

body {
    overflow-x: hidden;
}

.bg-light-grey{
    background-color: #f4f4f6;
}
.bg-orange{
    background-color: #ff613d;
}
/*
.form-control,
.form-control:focus,
.form-select,
.form-select:focus,
.select2-container .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple
{
    background-color: #eee;
}
*/

.text-underline{
    text-decoration: underline;
}

.form-control:focus{
    border-color: #CED4DA;
    box-shadow: 0 0 0 .2rem rgba(187, 187, 187, 0.25)
}

.carousel-control-prev-icon, .carousel-control-next-icon{
    background-color: #ff613d;
}


/***************************************************************
*                                                              *
*                                                              *
*                    Utilities	 							   *
*                                                              *
*                                                              *
***************************************************************/

header .text-decoration-underline {
    text-decoration: none !important;
    position: relative;
}

header .text-decoration-underline::after {
    content: "";
    position: absolute;
    bottom: -3px;
    border-top: 2px solid currentColor;
    left: 0;
    right: 0;
}

section.py-5 {
    padding-top: 10vmin !important;
    padding-bottom: 10vmin !important;
}

.section-footer-cta-padding{
    padding-top: 5vmin !important;
    padding-bottom: 5vmin !important;
}

.pb-section {
    padding-bottom: var(--padding-section);
}

.pt-section {
    padding-top: var(--padding-section);
}

section.my-4 {
    margin-top: 9vmin !important;
    margin-bottom: 9vmin !important;
}

section.my-5 {
    margin-top: 14vmin !important;
    margin-bottom: 14vmin !important;
}

.form-check-input {
    margin-right: 0.5rem;
}

.form-control-col-12 {
    max-width: 20rem;
    margin: auto;
}

.row.full {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
}

.border-radius-0 {
    border-radius: 0;
}

.btn-group .btn-outline-primary:hover,
.btn-group .btn-outline-primary:focus,
.btn-group .btn-outline-primary:active,
.btn-group .btn-check:checked + .btn-outline-primary {
    color: #fff;
}

.btn-primary.rounded-pill {
    padding-right: 1rem;
    padding-left: 1rem;
    color: #fff;
}

.btn-save {
    padding: 1rem 3rem;
}

@media (min-width: 992px) {
    .btn-save {
        padding: 1.5rem 6rem;
    }
}
.card-top-rounded {
    -webkit-clip-path: inset(0px round var(--radius-card) var(--radius-card) 0 0);
    clip-path: inset(0px round var(--radius-card) var(--radius-card) 0 0);
}
.card-rounded {
    -webkit-clip-path: inset(0px round var(--radius-card));
    clip-path: inset(0px round var(--radius-card));
}
.card-scale:hover img {
    transform: scale(1.05);
}
.card-top-label-wrapper {
    position: absolute;
    padding: var(--card-top-label-wrapper-spacing);
    top: 0;
    left: 0;
}
.card-top-label-text {
    background: var(--bs-secondary);
    padding: var(--card-top-label-wrapper-text-spacing);
    color: white;
    user-select: none;
}
.card-bottom {
    border-bottom-right-radius: var(--radius-card);
    border-bottom-left-radius: var(--radius-card);
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

/* .g-three-columns, */
.g-three-columns {
    --bs-gutter-x: clamp(0.75rem, 4vw, 4rem);
}

/***************************************************************
*                                                              *
*                                                              *
*              Homepage Section                                *
*                                                              *
*                                                              *
***************************************************************/
.full-video-container{
    width: 100%;
    position: relative;
    z-index: 1;
    pointer-events: auto;
    padding-bottom: 56.25%;
}
.youtube-full-video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.div-homepage-builders {
    background-color: #fff;
}
/***************************************************************
*                                                              *
*                                                              *
*                    Components	 							   *
*                                                              *
*                                                              *
***************************************************************/

/* templates\element\users\header.php */

.popup-close #popup {
    display: none;
}

.div-swiper-slide {
    border: 1px solid #dee2e6;
}

@media (max-width: 991.98px) {
    .mh-sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        -webkit-transition: -webkit-transform 0.4s ease;
        transition: -webkit-transform 0.4s ease;
        -o-transition: transform 0.4s ease;
        transition: transform 0.4s ease;
        transition: transform 0.4s ease, -webkit-transform 0.4s ease;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .mh-sticky.mh-unpinned {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.offcanvas-open .offcanvas-open-hide {
    visibility: hidden;
}

/* templates\cell\Slider\display.php */
.bg-slider {
    width: calc(var(--w-slider-next) * 1px * 1);
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
}

@media (min-width: 992px) {
    .bg-slider {
        width: calc(var(--w-slider-next) * 1px * 2);
        background-color: rgba(21, 21, 60, 0.8);
        backdrop-filter: blur(4px);
    }

    .div-swiper-slide {
        border: none;
    }
}
.community-slider-grid {
    display: grid;
    justify-content: center;
    gap: 1.5rem;
    max-width: 1800px;
    margin: auto;
}
.grid-slider {
    grid-template-columns: auto auto;
    grid-template-rows: 130px auto;
}
.img-slider {
    height: 70vw;
}
@media (min-width: 992px) {
    .img-slider {
        min-height: 650px;
        height: 70vh;
        width: 100%;
        max-width: calc(100% - var(--w-slider-next) * 1px * 2);
    }

    .community-slider-grid {
        grid-template-columns: repeat(auto-fill, 390px);
    }
    .grid-slider {
        grid-template-columns: auto;
        /* grid-template-rows: 40px 120px 50px 120px 60px; */
        width: calc(var(--w-slider-next) * 1px * 2);
        align-content: center;
        /* border: 1px solid #dee2e6 !important;*/
        grid-template-rows: 175px 110px 80px 50px;
        height: 475px;
        margin-right: calc(var(--w-slider-next) * 1px);
    }
}

/* templates\Pages\index.php */

.grid-logo {
    grid-template-columns: 1fr 1fr;
    /* gap: clamp(1rem, 4vw, 4rem); */
    gap: 1px;
    /* border-bottom: 1px solid black;
    border-left: 1px solid black; */
}

/*
.div-homepage-builders a{
    outline: 1px solid #d3d3d3;
}
*/
.div-homepage-builders a img{
    padding: 0;
}


@media (min-width: 768px){
    .div-homepage-builders a img{
        padding: 1rem;
    }
}

@media (min-width: 992px) {
    .grid-logo {
        grid-template-columns: repeat(5, 1fr);
    }



}



.go-back::before {
    content: "";
    background: url(../images/assets/prev-gray.svg) no-repeat center;
    width: 9px;
    height: 12px;
    display: inline-block;
    margin-right: 0.5rem;
}

/***************************************************************
*                                                              *
*                                                              *
*                    Card   	 							   *
*                                                              *
*                                                              *
***************************************************************/
.card-selected {
    position: relative;
    -webkit-clip-path: inset(0 round var(--radius-card));
    clip-path: inset(0 round var(--radius-card));
}
.card-selected::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(21, 21, 60, 0.8);
}

.card-title {
    letter-spacing: 0.3px;
}

.card-city {
    text-transform: uppercase;
    color: var(--bs-primary);
    font-size: 1.125rem;
    font-weight: bold;
    letter-spacing: 1.8px;
}

/***************************************************************
*                                                              *
*                                                              *
*                    Form   	 							   *
*                                                              *
*                                                              *
***************************************************************/
.div-disabled-input {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #243047;
    background-color: #ddd;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
}
.contact-us label {
    margin-bottom: 1rem;
}

.password label {
    font-size: 1.125rem;
}

.input.radio {
    display: -ms-grid;
    display: grid;
    grid-template-rows: repeat(3, auto);
    grid-template-columns: repeat(3, auto);
}

.input.radio > label:first-child {
    grid-column: span 3 / span 3;
}

.input.radio > label:not(:first-child) {
    margin-top: 0.5rem;
}

.preferences label,
.search .input.select label {
    font-size: 1.75rem;
    font-weight: 500;
    margin-bottom: 1rem;
    line-height: 1.75rem;
}

.appointment-registration label {
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 0.25rem;
}

.select-slider {
    --fs-label: 1.75rem;
}

.select-slider .input.select {
    position: relative;
    --fs-label: 1.75rem;
    --fs-option: 1.125rem;
    display: grid;
    column-gap: 1.5rem;
    width: max-content;
    grid-template-rows: auto;
    grid-template-columns: min-content;
}

.select-slider.select-region .input.select {
    grid-template-rows: 0 auto;
}

.select-slider.select-region .input.select > label {
    grid-row-start: 1;
    font-size: var(--fs-label);
    font-weight: 500;
    position: absolute;
    line-height: 1;
}

.select-slider .input.select > .checkbox {
    --mt: 1.5rem;
    margin-top: var(--mt);
    grid-row-start: 2;
}

.select-slider.select-region .input.select > .checkbox {
    margin-top: calc(var(--fs-label) + var(--mt));
}

.select-slider .input.select .checkbox > label {
    position: relative;
    padding: 0.375rem 1rem;
    font-size: var(--fs-option);
    font-weight: 500;
    white-space: nowrap;
    cursor: pointer;
    min-width: 6rem;
    text-align: center;
}

.select-slider .input.select .checkbox > label > input {
    width: 100%;
    height: auto;
    position: absolute;
    inset: 0;
    margin-top: 0;
    background: #f4f4f6;
    z-index: -1;
    border: 1px solid transparent;
    border-radius: 50rem;
}

.select-slider .input.select .checkbox > label > input:checked {
    background: var(--bs-primary);
    color: white;
}

.select-slider .input.select .checkbox > label.active {
    color: white;
}

.select2-container {
    width: 100% !important;
    /* padding-bottom: 1rem; */
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    top: calc(var(--h-input) + 16px);
    overflow: visible;
    margin-right: 1.75rem;
    background-color: var(--bs-primary);
    border-radius: 50rem;
    color: white;
    border: 1px solid transparent;
    padding: 0.375rem 1rem;
    margin-bottom: 0.5rem;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    left: 100%;
    border-right: none;
    color: var(--bs-primary);
    top: 50%;
    transform: translateY(-50%);
    font-size: 2em;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    font-size: var(--fs-option);
    cursor: pointer;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    color: var(--bs-primary);
    background-color: transparent;
}

.select2-container .select2-selection--multiple {
    height: var(--h-input);
    border: 1px solid #ced4da;
    position: relative;
    cursor: pointer;
}

.select2-container .select2-selection--multiple::before {
    content: "View Options";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0.75rem;
}

.select2-container .select2-selection--multiple::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    width: 100%;
    display: block;
    height: 100%;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #f7a395;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(239 70 43 / 25%);
}

.select2-results {
    transition: none;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: initial;
}

.select2-results__option {
    padding: 0 0.75rem;
}

.preferences label {
    margin-bottom: 1.5rem;
}

.noUi-horizontal {
    height: 1px;
    margin-top: 2rem;
}

.noUi-horizontal .noUi-handle {
    width: 1rem;
    height: 1rem;
    box-shadow: none;
    background-color: var(--bs-primary);
    border-radius: 50%;
    cursor: pointer;
}

.noUi-tooltip {
    border: none;
    color: var(--bs-secondary);
}
.noUi-handle:after, .noUi-handle:before{
    background: none;
}
.form-criteria label {
    font-size: 1.125rem;
    font-weight: 500;
}
.form-criteria .input {
    max-width: 40rem;
    margin: auto;
}

.span-label-small {
    font-size: 0.8rem;
}

/* The internal border logic */

.div-form-borders-3,
.div-form-borders-6,
.div-form-borders-9{
    padding-bottom: 0;
}

.div-form-borders-0,
.div-form-borders-3,
.div-form-borders-9,
.div-form-borders-10,
.div-form-borders-12,
.div-form-borders-13{
    border-right: 1px solid #d3d3d3;
    border-bottom: none;
}

.div-form-borders-0,
.div-form-borders-3,
.div-form-borders-6,
.page-signup.div-form-borders-9,
.page-signup.div-form-borders-10,
.page-signup.div-form-borders-11
{
    border-bottom: 1px solid #d3d3d3;
}

.div-form-borders-12,
.div-form-borders-13,
.div-form-borders-14{
    padding-bottom: 60px;
}

@media screen and (max-width:991px){
    .div-form-borders-0,
    .div-form-borders-3,
    .div-form-borders-9,
    .div-form-borders-10,
    .div-form-borders-11,
    .div-form-borders-12,
    .div-form-borders-13{
        border-right: none;
        border-bottom: 1px solid #d3d3d3;;
    }

    .div-form-borders-3,
    .div-form-borders-6,
    .div-form-borders-9{
        padding-bottom: 50px;
    }
}


/***************************************************************
*                                                              *
*                                                              *
*              Table with internal borders only                *
*                                                              *
*                                                              *
***************************************************************/


table.table-internal-borders {
  border-collapse: collapse;
}
table.table-internal-borders td {
  border: 1px solid #d3d3d3;
}
table.table-internal-borders tr:first-child td {
  border-top: 0;
}
table.table-internal-borders tr td:first-child {
  border-left: 0;
}
table.table-internal-borders tr:last-child td {
  border-bottom: 0;
}
table.table-internal-borders tr td:last-child {
  border-right: 0;
}


/***************************************************************
*                                                              *
*                                                              *
*                    Templates	 							   *
*                                                              *
*                                                              *
***************************************************************/

.google-map {
    height: var(--h-google-map);
}

/* templates\element\users\search_nav.php */

.dropdown-search .dropdown-toggle::after {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
}

/* templates\element\users\community_head.php */

.img-community-logo {
    width: 100%;
    max-width: 250px;
    height: 20vmin;
    object-fit: contain;
}

.dropdown-toggle::after {
    transform: rotate(45deg) translateY(-50%);
    border: solid white;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    position: absolute;
    right: 1.25rem;
    top: 50%;
    transform-origin: right;
}

.header-link-secondary {
    font-size: clamp(0.875rem, 4vmin, 1.125rem);
}

header .dropdown-toggle::after {
    border-width: 0 2px 2px 0;
    right: 0;
    padding: 4px;
    position: relative;
    transform: rotate(45deg);
    margin-left: 0;
    margin-top: 0.25rem;
}

@media (min-width: 992px) {
    header .dropdown-toggle::after {
        margin-left: 0.5rem;
    }
}
/* CSS Animation */
[data-css-animation="zoomInImg"] {
    overflow: hidden;
}
[data-css-animation="zoomInImg"] img {
    transition: transform 0.4s ease-in-out;
}
[data-css-animation="zoomInImg"]:hover img {
    transform: scale(1.05);
}

h1.tinymce-root-block,
h2.tinymce-root-block,
h3.tinymce-root-block,
h4.tinymce-root-block,
h5.tinymce-root-block,
h6.tinymce-root-block
{
    margin-bottom: 1rem;
}

/***************************************************************
*              VIP Appointment                                 *
***************************************************************/
.btn-call-now{
    font-size: 2rem;
}

.div-appointment-call-now{
    display: flex;
    flex-flow: row wrap;
    gap: 3rem;
    justify-content: center;
}

@media screen and (max-width:525px){
    .div-appointment-call-now{
        flex-flow: column nowrap;
        gap: 1rem;
    }

}

/***************************************************************
*                                                              *
*                                                              *
*              Community Page                                  *
*                                                              *
*                                                              *
***************************************************************/
.img-community-page-rendering{
    width: 100%;
    height: 700px;
    object-fit: cover;
}

.div-search-building-type{
    position: absolute;
    left: 15px;
    top: 15px;
    background-color: #243047;
    padding: .5rem 1rem;
    color: #fff;
}

.div-search-page-column-max, .img-search-page-hero{
    width: 470px;
}

.img-search-page-hero{
    height: 300px;
    object-fit: cover;
}

.div-search-section{
    gap: 1rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 1fr;
}
.div-google-map{
    width: 470px;
    min-height:300px;
    height: 100%;
}

.img-view-development-watermark{
    width: auto;
    height: 100%;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
}

.img-view-development-slider{
    width: 100%;
    height: auto;
    /* height: var(--h-google-map); */
    /* object-fit: cover; */
}

.div-search-full-details{
    display: flex;
    flex-flow: row wrap;
    gap: 1rem;
    justify-content: space-between;
}


.div-search-toast{
    position: fixed;
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
    top: 130px;
    z-index: 1; /* This will place the span behind other elements */
}

.span-search-toast{
    border: 1px solid #20c997;
    background-color: #20c997;
    border-radius: 8px;
    color:#fff;
}

.span-city-overlay{
    position: absolute;
    left: 0;
    top: 20px;
    background-color: #fff;
    color:#ff613d;
    padding: 0.5rem 1rem;

}

.div-view-development-address{
    display: flex;
}

.div-view-development-address p{
    margin-bottom: 0;
}

@media screen and (max-width:1919px){
    .div-search-section{
        grid-template-columns: repeat(3, 1fr);
    }
    .div-search-page-column-max, .img-search-page-hero{
        width: 440px;
    }

    .div-google-map{
        width: 440px;
    }
}

@media screen and (max-width:1499px){
    .div-search-section{
        display: flex;
        flex-flow: row wrap;

        justify-content: center;
    }

    .div-search-page-column-max, .img-search-page-hero{
        width: 400px;
    }

    .div-google-map{
        width: 385px;
    }
}
@media screen and (max-width:1199px){
    .img-community-page-rendering{
        height: 500px;
    }

    .div-search-page-column-max, .img-search-page-hero{
        width: 400px;
    }

    .div-google-map{
        width: 400px;
    }
}

@media screen and (max-width:991px){

    .div-google-map{
        width: 325px;
    }

    .div-search-section{
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
    }
}

@media screen and (max-width:767px){
    .img-community-page-rendering{
        height: 300px;
    }

    .div-search-section{
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
    }

    .div-search-page-column-max, .img-search-page-hero{
        width: 400px;
    }

    .div-google-map{
        width: 400px;
    }

}

@media screen and (max-width:525px){
    .img-community-page-rendering{
        height: 300px;
    }
    .div-search-page-column-max, .img-search-page-hero{
        width: 300px;
    }

    .div-google-map{
        width: 300px;
    }

}

/***************************************************************
*              Loan Program for Builders                       *
***************************************************************/
.img-benefit-icon{
    width: 100%;
    max-width: 75px;
    height: auto;

}

.div-builder-benefits{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    gap: 1rem;
    margin-top: 4rem;

}

.div-benefit-orange-card{
    width: 300px;
    height: 350px;
    background-color: #f26243;
}

.div-benefit-blue-card{
    width: 300px;
    height: 350px;
    background-color: #243047;
}


.div-benefit-content{
    padding: 1rem;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.div-benefit-header{
    color: #fff;
    font-size: 1.2rem;
    text-align: center;
    text-transform: uppercase;
}
.div-benefit-text{
    color: #fff;
    font-size: .8rem;
    text-align: center;
}

.div-builder-benefits-contact-us{
    background-color: #eaebef;
    padding: 2rem 3rem;
    display: flex;
    flex-flow: column nowrap;
    gap: 1rem;
    justify-content: center;
    align-items: center;
    max-width: 1000px;
    margin: 0 auto;
}

.img-benefit-contact-icon{
    width: 100%;
    max-width: 35px;
    height: auto;
}

.div-builder-benefits-h2{
    font-size: 2rem;
    line-height: 2.5rem;
}

@media screen and (max-width:991px){
    .div-builder-benefits-h2{
        font-size: 1.3rem;
        line-height: 1.8rem;
    }
}