/* Set viewport width: 1250 */
/* Set separate viewport width for font-size and line-height: 1250 */
.imageRow {
    display: flex;
    justify-content: space-between;
    MARGIN-TOP: 70px;
    MARGIN-TOP: max(46px, 3.64583vw);
}

.checkboxsurround {
    text-align: center;
    width: 245px;
    width: max(160px, 12.76042vw);
    margin-right: 42px;
    margin-right: max(27px, 2.1875vw);
    /* Adjust the spacing between each div */
    /* display: flex; */
    /* flex-direction: column; */
    align-items: center;
}

.checkboxsurround p {
    text-align: center !important;
    margin: 0 !important;
}

.checkboxsurround img {
    width: 82px !important;
    width: max(53px, 4.27083vw) !important;
    /* Adjust the width of the image */
    left: 50%;
    /* transform: translateX(-50%); */
    MARGIN: 0 !IMPORTANT;
    MARGIN-BOTTOM: 35px !IMPORTANT;
    MARGIN-BOTTOM: max(23px, 1.82292vw) !IMPORTANT;
}

.brands div .brandsBox {
    /* position: absolute; */
    bottom: 0;
    display: flex;
    /* right: 140px; */
    width: 1200px;
    width: max(781px, 62.5vw);
    position: relative;
}

/* Position the arrows */
.slick-initialized .slick-arrow {
    position: absolute;
    top: 10px;
    top: max(7px, 0.52083vw);
    /* Adjust as needed */
    right: -55px;
    right: min(-36px, -2.86458vw);
    /* Adjust as needed */
    z-index: 999;
    /* Ensure it's above other elements */
    left: unset;
    top: 40px !important;
    top: max(26px, 2.08333vw) !important;
}

button.slick-prev.slick-arrow {
    top: 105px !important;
    top: max(68px, 5.46875vw) !important;
}

button.slick-next.slick-arrow {
    top: 40px !important;
    top: max(26px, 2.08333vw) !important;
    content: unset !important;
}

.slick-next:before,
.slick-prev:before {
    content: unset !important;
}

/* Style for individual arrow */
.slick-arrow {
    width: 18px;
    width: max(12px, 0.9375vw);
    /* Width of the arrow */
    height: 51px;
    height: max(33px, 2.65625vw);
    /* Height of the arrow */
    background-image: url('path/to/arrow-image.svg');
    /* Replace with your arrow image */
    background-size: cover;
    cursor: pointer;
    transition: opacity 0.3s ease;
}

/* Styling for next arrow */
.slick-next {
    background-position: 0 0;
    /* Position of the next arrow in the sprite */
}

/* Styling for previous arrow */
.slick-prev {
    background-position: 0 -51px;
    background-position: 0 min(-33px, -2.65625vw);
    /* Position of the previous arrow in the sprite */
}

/* Style for individual arrow */
.slick-arrow {
    width: 18px;
    width: max(12px, 0.9375vw);
    /* Width of the arrow */
    height: 51px;
    height: max(33px, 2.65625vw);
    /* Height of the arrow */
    background-color: transparent;
    /* Remove background color */
    border: none;
    /* Remove border */
    cursor: pointer;
    transition: opacity 0.3s ease;
}

/* Styling for next arrow image */
.slick-next img {
    width: 100%;
    /* Ensure the image covers the button */
    height: 100%;
}

/* Styling for previous arrow image */
.slick-prev img {
    width: 100%;
    /* Ensure the image covers the button */
    height: 100%;
}

/* FORM STYLES */
/* Set viewport width: 525 */
/* Set separate viewport width for font-size and line-height: 1475 */
/* COMMON FLEX TO START WITH  */
/* display:flex; align-items: center; justify-content: space-between */
.formcontainer {
    display: flex;
    align-self: flex-start;
    margin-top: 65px;
    margin-top: max(42px, 3.38542vw);
    z-index: 999;
    position: relative;
}

.formcontainer h2 {
    font-weight: 300;
    font-size: 52px;
    font-size: max(34px, 2.70833vw);
    letter-spacing: -0.01em;
    line-height: 49px;
    line-height: max(32px, 2.55208vw);
    text-align: right;
    color: #ebdbcb;
    font-family: interstate-compressed, sans-serif;
    text-transform: uppercase !important;
    text-align: center;
    padding-bottom: 60px;
    padding-bottom: max(39px, 3.125vw);
}

.formcontainer form {
    padding: 50px 85px 145px 85px;
    padding: max(33px, 2.60417vw) max(55px, 4.42708vw) max(94px, 7.55208vw) max(55px, 4.42708vw);
    background: #A27B44;
    display: flex;
    flex-direction: column;
    width: 700px;
    width: max(456px, 36.45833vw);
    box-sizing: border-box;
    position: relative;
    /* height: 595px; */
    margin: 0px 50px;
    margin: 0px max(33px, 2.60417vw);
}

.formcontainer form input::placeholder {
    color: white;
    font-family: interstate, sans-serif;
    font-weight: normal;
    font-size: 18px;
    font-size: max(12px, 0.9375vw);
    letter-spacing: 0.04em;
    text-align: left;
    color: #fff;
}

.formcontainer form input {
    border-bottom: 1.5px solid white !important;
    border-bottom: max(1px, 0.07813vw) solid white !important;
    background: none;
    font-weight: normal;
    font-size: 18px;
    font-size: max(12px, 0.9375vw);
    letter-spacing: 0.4em;
    color: #fff;
    text-transform: uppercase;
    padding: 20px 25px;
    padding: max(13px, 1.04167vw) max(16px, 1.30208vw);
    margin-bottom: 13px;
    margin-bottom: max(8px, 0.67708vw);
    border: none;
}

.formcontainer form .example-val {
    background: none;
    font-weight: normal;
    font-size: 18px;
    font-size: max(12px, 0.9375vw);
    letter-spacing: 0.4em;
    color: #fff;
    text-transform: uppercase;
    padding: 20px 0;
    padding: max(13px, 1.04167vw) 0;
    margin-bottom: 13px;
    margin-bottom: max(8px, 0.67708vw);
}

.formcontainer form button {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 29px 25px 25px 40px;
    padding: max(19px, 1.51042vw) max(16px, 1.30208vw) max(16px, 1.30208vw) max(26px, 2.08333vw);
    border: none;
    width: 260px;
    width: max(169px, 13.54167vw);
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: normal;
    font-size: 16px;
    font-size: max(10px, 0.83333vw);
    letter-spacing: 0.4em;
    color: #000;
    text-transform: uppercase;
    cursor: pointer;
    display: flex;
    background: none;
    border-left: 1.5px solid white !important;
    border-left: max(1px, 0.07813vw) solid white !important;
    border-top: 1.5px solid white !important;
    border-top: max(1px, 0.07813vw) solid white !important;
    color: white;

    .imageRow {
        display: flex;
        justify-content: space-between;
        MARGIN-TOP: 70px;
        MARGIN-TOP: max(46px, 3.64583vw);
    }

    .checkboxsurround {
        text-align: center;
        width: 245px;
        width: max(160px, 12.76042vw);
        margin-right: 42px;
        margin-right: max(27px, 2.1875vw);
        /* Adjust the spacing between each div */
        /* display: flex; */
        /* flex-direction: column; */
        align-items: center;
    }

    .checkboxsurround p {
        text-align: center !important;
        margin: 0 !important;
    }

    .checkboxsurround img {
        width: 82px !important;
        width: max(53px, 4.27083vw) !important;
        /* Adjust the width of the image */
        left: 50%;
        /* transform: translateX(-50%); */
        MARGIN: 0 !IMPORTANT;
        MARGIN-BOTTOM: 35px !IMPORTANT;
        MARGIN-BOTTOM: max(23px, 1.82292vw) !IMPORTANT;
    }

    .brands div .brandsBox {
        /* position: absolute; */
        bottom: 0;
        display: flex;
        /* right: 140px; */
        width: 1200px;
        width: max(781px, 62.5vw);
        position: relative;
    }

    /* Position the arrows */
    .slick-initialized .slick-arrow {
        position: absolute;
        top: 10px;
        top: max(7px, 0.52083vw);
        /* Adjust as needed */
        right: -55px;
        right: min(-36px, -2.86458vw);
        /* Adjust as needed */
        z-index: 999;
        /* Ensure it's above other elements */
        left: unset;
        top: 40px !important;
        top: max(26px, 2.08333vw) !important;
    }

    button.slick-prev.slick-arrow {
        top: 105px !important;
        top: max(68px, 5.46875vw) !important;
    }

    button.slick-next.slick-arrow {
        top: 40px !important;
        top: max(26px, 2.08333vw) !important;
        content: unset !important;
    }

    .slick-next: before,
    .slick-prev:before {
        content: unset !important;
    }

    /* Style for individual arrow */
    .slick-arrow {
        width: 18px;
        width: max(12px, 0.9375vw);
        /* Width of the arrow */
        height: 51px;
        height: max(33px, 2.65625vw);
        /* Height of the arrow */
        background-image: url('path/to/arrow-image.svg');
        /* Replace with your arrow image */
        background-size: cover;
        cursor: pointer;
        transition: opacity 0.3s ease;
    }

    /* Styling for next arrow */
    .slick-next {
        background-position: 0 0;
        /* Position of the next arrow in the sprite */
    }

    /* Styling for previous arrow */
    .slick-prev {
        background-position: 0 -51px;
        background-position: 0 min(-33px, -2.65625vw);
        /* Position of the previous arrow in the sprite */
    }

    /* Style for individual arrow */
    .slick-arrow {
        width: 18px;
        width: max(12px, 0.9375vw);
        /* Width of the arrow */
        height: 51px;
        height: max(33px, 2.65625vw);
        /* Height of the arrow */
        background-color: transparent;
        /* Remove background color */
        border: none;
        /* Remove border */
        cursor: pointer;
        transition: opacity 0.3s ease;
    }

    /* Styling for next arrow image */
    .slick-next img {
        width: 100%;
        /* Ensure the image covers the button */
        height: 100%;
    }

    /* Styling for previous arrow image */
    .slick-prev img {
        width: 100%;
        /* Ensure the image covers the button */
        height: 100%;
    }

    /* FORM STYLES */
    /* Set viewport width: 525 */
    /* Set separate viewport width for font-size and line-height: 1475 */
    /* COMMON FLEX TO START WITH  */
    /* display:flex; align-items: center; justify-content: space-between */
    .formcontainer {
        display: flex;
        align-self: flex-start;
        margin-top: 65px;
        margin-top: max(42px, 3.38542vw);
    }

    .formcontainer h2 {
        font-weight: 300;
        font-size: 52px;
        font-size: max(34px, 2.70833vw);
        letter-spacing: -0.01em;
        line-height: 49px;
        line-height: max(32px, 2.55208vw);
        text-align: right;
        color: #ebdbcb;
        font-family: interstate-compressed, sans-serif;
        text-transform: uppercase !important;
        text-align: center;
        padding-bottom: 60px;
        padding-bottom: max(39px, 3.125vw);
    }

    .formcontainer form {
        padding: 50px 85px 145px 85px;
        padding: max(33px, 2.60417vw) max(55px, 4.42708vw) max(94px, 7.55208vw) max(55px, 4.42708vw);
        background: #A27B44;
        display: flex;
        flex-direction: column;
        width: 700px;
        width: max(456px, 36.45833vw);
        box-sizing: border-box;
        position: relative;
        /* height: 595px; */
        margin: 0px 50px;
        margin: 0px max(33px, 2.60417vw);
    }

    .formcontainer form input::placeholder {
        color: white;
        font-family: interstate, sans-serif;
        font-weight: normal;
        font-size: 18px;
        font-size: max(12px, 0.9375vw);
        letter-spacing: 0.04em;
        text-align: left;
        color: #fff;
    }

    .formcontainer form input {
        border-bottom: 1.5px solid white !important;
        border-bottom: max(1px, 0.07813vw) solid white !important;
        background: none;
        font-weight: normal;
        font-size: 18px;
        font-size: max(12px, 0.9375vw);
        letter-spacing: 0.4em;
        color: #fff;
        text-transform: uppercase;
        padding: 20px 25px;
        padding: max(13px, 1.04167vw) max(16px, 1.30208vw);
        margin-bottom: 13px;
        margin-bottom: max(8px, 0.67708vw);
        border: none;
    }

    .formcontainer form .example-val {
        background: none;
        font-weight: normal;
        font-size: 18px;
        font-size: max(12px, 0.9375vw);
        letter-spacing: 0.4em;
        color: #fff;
        text-transform: uppercase;
        padding: 20px 0;
        padding: max(13px, 1.04167vw) 0;
        margin-bottom: 13px;
        margin-bottom: max(8px, 0.67708vw);
    }

    .formcontainer form button {
        position: absolute;
        right: 0;
        bottom: 0;
        padding: 29px 25px 25px 40px;
        padding: max(19px, 1.51042vw) max(16px, 1.30208vw) max(16px, 1.30208vw) max(26px, 2.08333vw);
        border: none;
        width: 260px;
        width: max(169px, 13.54167vw);
        text-align: left;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-weight: normal;
        font-size: 16px;
        font-size: max(10px, 0.83333vw);
        letter-spacing: 0.4em;
        color: #000;
        text-transform: uppercase;
        cursor: pointer;
        display: flex;
        background: none;
        border-left: 1.5px solid white !important;
        border-left: max(1px, 0.07813vw) solid white !important;
        border-top: 1.5px solid white !important;
        border-top: max(1px, 0.07813vw) solid white !important;
        color: white;
    }

    .formcontainer form button:hover {
        background: var(--neutral2);
        color: white;
    }

    .formcontainer form button:hover img {
        filter: invert(0);
    }

    .formcontainer form button img {
        filter: invert(1);
        width: 31px;
        width: max(20px, 1.61458vw);
    }

    .hp-slider .noUi-target,
    .hp-slider .noUi-target * {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -ms-touch-action: none;
        touch-action: none;
        -ms-user-select: none;
        -moz-user-select: none;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .hp-slider .noUi-target {
        position: relative;
        direction: ltr
    }

    .hp-slider .noUi-base {
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 1
    }

    .hp-slider .noUi-origin {
        position: absolute;
        right: 0;
        top: 0;
        left: 0;
        bottom: 0;
        border-radius: 2px;
        border-radius: max(1px, 0.10417vw);
    }

    .hp-slider .noUi-handle {
        position: relative;
        z-index: 1
    }

    .hp-slider .noUi-marker,
    .hp-slider .noUi-pips {
        position: absolute
    }

    .hp-slider .noUi-base {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .hp-slider .noUi-horizontal {
        height: 0px;
        z-index: 0
    }

    .hp-slider .noUi-horizontal .noUi-handle {
        width: 25px;
        width: max(16px, 1.30208vw);
        height: 13px;
        height: max(8px, 0.67708vw);
        left: -13px;
        left: min(-8px, -0.67708vw);
        top: -7px;
        top: min(-5px, -0.36458vw);
        border: none !important;
        background: #CBC9C6 !important;
    }

    .hp-slider .noUi-background {
        background: #fafafa;
        box-shadow: inset 0 1px 1px #f0f0f0
    }

    .hp-slider .noUi-connect {
        background: #4a4a4a;
        -webkit-transition: background 450ms;
        transition: background 450ms
    }

    .hp-slider .noUi-target {
        border-radius: 4px;
        border-radius: max(3px, 0.20833vw);
        border: 1px solid var(--neutral1);
        width: calc(100% - 10px);
        width: calc(100% - max(7px, 0.52083vw));
        margin: 10px auto;
        margin: max(7px, 0.52083vw) auto;
    }

    .hp-slider .noUi-handle {
        border: 1px solid #d9d9d9;
        background: #fff;
        cursor: default
    }

    .hp-slider .noUi-handle: after,
    .hp-slider .noUi-handle:before {
        content: none !important;
        display: block;
        position: absolute;
        height: 12px;
        height: max(8px, 0.625vw);
        width: 1px;
        background: #e8e7e6;
        left: 10px;
        left: max(7px, 0.52083vw);
        top: 3px;
        top: max(2px, 0.15625vw);
    }

    .hp-slider .noUi-handle: after {
        left: 12px;
        left: max(8px, 0.625vw);
    }

    .hp-slider .noUi-pips,
    .hp-slider .noUi-pips * {
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .hp-slider .noUi-pips {
        color: #999
    }

    .hp-slider .noUi-marker {
        background: #ccc
    }

    .hp-slider .noUi-pips-horizontal {
        padding: 5px 0;
        padding: max(3px, 0.26042vw) 0;
        height: 10px;
        height: max(7px, 0.52083vw);
        top: 100%;
        left: 0;
        width: 100%
    }

    .hp-slider .noUi-marker-horizontal.noUi-marker {
        margin-left: -1px;
        width: 2px;
        width: max(1px, 0.10417vw);
        height: 5px;
        height: max(3px, 0.26042vw);
        display: none;
    }

    .hp-slider .example-val {
        font-weight: 700;
        color: #a08935;
        text-transform: uppercase;
        font-size: 13px;
        font-size: max(8px, 0.67708vw);
        font-weight: 600;
        font-size: 13px;
        text-align: left;
        color: #eee;
    }

    .hp-slider #slider-price-value-lower: before,
    .hp-slider #slider-price-value-upper:before {
        content: '$';
        padding-right: 5px;
        padding-right: max(3px, 0.26042vw);
    }

    .noUi-connect {
        background: none !important;
    }

    .noUi-handle {
        background: #cbc9c6 !important
    }

    @media only screen and (max-width: 1100px) {
        .formcontainer {
            width: 100%;
            background: var(--primary2);
            padding-top: 60px;
            padding-top: max(39px, 3.125vw);
            padding-bottom: 130px;
            padding-bottom: max(85px, 6.77083vw);
        }

        .formcontainer form {
            width: 100%;
            clip-path: none;
        }

        .formcontainer form button {
            width: 100%;
        }
    }

    /* Hide the text inside the button */
    /* Adjust the style of the Font Awesome icon */
    .search-button i {
        margin-left: 5px;
        margin-left: max(3px, 0.26042vw);
        /* Adjust spacing between text and icon */
        /* Add any additional styling for the icon */
    }

    .hero>.topBusiness,
    .hero,
    .hero: before,
    .hero img {
        height: 730px;
        height: max(475px, 38.02083vw)
    }

    .hero: after {
        width: 813px;
        width: max(529px, 42.34375vw);
        height: 365px;
        height: max(238px, 19.01042vw);
        background: #5a5a5c;
        opacity: 0.51;
        content: '';
        right: 0;
        bottom: 0;
        position: absolute;
        z-index: 3;
    }

    .tallHR {
        top: -72px;
        top: min(-47px, -3.75vw);
        height: 72px;
        height: max(47px, 3.75vw);
        background: #5a5a5c82;
    }

    main {
        margin-top: 96px !important;
        margin-top: max(63px, 5vw) !important;
    }

    .hero .topBusiness h1 {
        position: relative;
        right: -730px;
        right: min(-475px, -38.02083vw);
        top: -20px;
        top: min(-13px, -1.04167vw);
    }

    .hero .topBusiness .olda h2 {
        margin-top: -76px !important;
        margin-top: min(-49px, -3.95833vw) !important;
        margin-left: 58px !important;
        margin-left: max(38px, 3.02083vw) !important;
        font-weight: 300;
        font-size: 27px;
        font-size: max(18px, 1.40625vw);
        line-height: 48px;
        line-height: max(31px, 2.5vw);
        text-align: left;
        color: #fff;
        font-family: interstate, sans-serif;
    }

    ;
    letter-spacing: 0.2em;
    font-weight: bold;
}

.formcontainer form button:hover {
    background: var(--neutral2);
    color: white;
}

.formcontainer form button:hover img {
    filter: invert(0);
}

.formcontainer form button img {
    filter: invert(1);
    width: 31px;
    width: max(20px, 1.61458vw);
}

.hp-slider .noUi-target,
.hp-slider .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.hp-slider .noUi-target {
    position: relative;
    direction: ltr
}

.hp-slider .noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.hp-slider .noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    border-radius: 2px;
    border-radius: max(1px, 0.10417vw);
}

.hp-slider .noUi-handle {
    position: relative;
    z-index: 1
}

.hp-slider .noUi-marker,
.hp-slider .noUi-pips {
    position: absolute
}

.hp-slider .noUi-base {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.hp-slider .noUi-horizontal {
    height: 0px;
    z-index: 0
}

.hp-slider .noUi-horizontal .noUi-handle {
    width: 25px;
    width: max(16px, 1.30208vw);
    height: 13px;
    height: max(8px, 0.67708vw);
    left: -13px;
    left: min(-8px, -0.67708vw);
    top: -7px;
    top: min(-5px, -0.36458vw);
    border: none !important;
    background: #CBC9C6 !important;
}

.hp-slider .noUi-background {
    background: #fafafa;
    box-shadow: inset 0 1px 1px #f0f0f0
}

.hp-slider .noUi-connect {
    background: #4a4a4a;
    -webkit-transition: background 450ms;
    transition: background 450ms
}

.hp-slider .noUi-target {
    border-radius: 4px;
    border-radius: max(3px, 0.20833vw);
    border: 1px solid var(--neutral1);
    width: calc(100% - 10px);
    width: calc(100% - max(7px, 0.52083vw));
    margin: 10px auto;
    margin: max(7px, 0.52083vw) auto;
}

.hp-slider .noUi-handle {
    border: 1px solid #d9d9d9;
    background: #fff;
    cursor: default
}

.hp-slider .noUi-handle:after,
.hp-slider .noUi-handle:before {
    content: none !important;
    display: block;
    position: absolute;
    height: 12px;
    height: max(8px, 0.625vw);
    width: 1px;
    background: #e8e7e6;
    left: 10px;
    left: max(7px, 0.52083vw);
    top: 3px;
    top: max(2px, 0.15625vw);
}

.hp-slider .noUi-handle:after {
    left: 12px;
    left: max(8px, 0.625vw);
}

.hp-slider .noUi-pips,
.hp-slider .noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.hp-slider .noUi-pips {
    color: #999
}

.hp-slider .noUi-marker {
    background: #ccc
}

.hp-slider .noUi-pips-horizontal {
    padding: 5px 0;
    padding: max(3px, 0.26042vw) 0;
    height: 10px;
    height: max(7px, 0.52083vw);
    top: 100%;
    left: 0;
    width: 100%
}

.hp-slider .noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    width: max(1px, 0.10417vw);
    height: 5px;
    height: max(3px, 0.26042vw);
    display: none;
}

.hp-slider .example-val {
    font-weight: 700;
    color: #a08935;
    text-transform: uppercase;
    font-size: 13px;
    font-size: max(8px, 0.67708vw);
    font-weight: 600;
    font-size: 13px;
    text-align: left;
    color: #eee;
}

.hp-slider #slider-price-value-lower:before,
.hp-slider #slider-price-value-upper:before {
    content: '$';
    padding-right: 5px;
    padding-right: max(3px, 0.26042vw);
}

.noUi-connect {
    background: none !important;
}

.noUi-handle {
    background: #cbc9c6 !important
}

@media only screen and (max-width: 1100px) {
    .formcontainer {
        width: 100%;
        /* background: var(--primary2); */
        /* padding-top: 60px; */
        /* padding-bottom: 130px; */
    }

    .formcontainer form {
        /* width: 100%; */
        clip-path: none;
        margin-bottom: 100px;
    }

    .formcontainer form button {
        /* width: 100%; */
    }

    .homePage main div.rightStuff p {
        margin-left: 0 !important;
        margin-right: 0;
    }
}

/* Hide the text inside the button */
/* Adjust the style of the Font Awesome icon */
.search-button i {
    margin-left: 5px;
    margin-left: max(3px, 0.26042vw);
    /* Adjust spacing between text and icon */
    /* Add any additional styling for the icon */
}

.hero>.topBusiness,
.hero,
.hero:before,
.hero img {
    height: 730px;
    height: max(475px, 38.02083vw);
}

.hero:after {
    width: 813px;
    width: max(529px, 47.34375vw);
    height: 365px;
    height: max(238px, 19.01042vw);
    background: #5a5a5c;
    opacity: 0.51;
    content: '';
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: 3;
}

.tallHR {
    top: -72px;
    top: min(-47px, -3.75vw);
    height: 72px;
    height: max(47px, 3.75vw);
    background: #5a5a5c82;
}

main {
    margin-top: 96px !important;
    margin-top: max(63px, 5vw) !important;
}

.hero .topBusiness h1 {
    position: relative;
    right: -730px;
    right: min(-475px, -38.02083vw);
    top: -20px;
    top: min(-13px, -1.04167vw);
}

.hero .topBusiness .olda h2 {
    margin-top: -76px !important;
    margin-top: min(-49px, -3.95833vw) !important;
    margin-left: 58px !important;
    margin-left: max(38px, 3.02083vw) !important;
    font-weight: 300;
    font-size: 27px;
    font-size: max(16px, 1.40625vw);
    letter-spacing: 0.03em;
    line-height: 48px;
    line-height: max(31px, 2.5vw);
    text-align: left;
    color: #fff;
    font-family: interstate, sans-serif;
}

.bottomrightstuff {
    position: absolute;
    right: 0;
    z-index: 999;
    bottom: 20px;
    bottom: max(13px, 1.04167vw);
    right: 50px;
    right: max(33px, 2.60417vw);
    font-family: Interstate;
    font-weight: 300;
    font-style: italic;
    font-size: 26px;
    font-size: max(19px, 1.65417vw);
    letter-spacing: 0.03em;
    line-height: 31px;
    line-height: max(20px, 1.61458vw);
    text-align: left;
    color: #fff;
    font-weight: 500;
}

@media screen and (max-width: 1300px) {
    .secSurround .hero .topBusiness .olda h2 {
        margin-top: -80px !important;
    }
}

@media screen and (max-width: 1100px) {
    .secSurround {
        margin-bottom: 0;
        height: 100% !important;
    }

    .secSurround .hero {
        height: 100%;
    }

    .hero:after {
        display: none;
    }

    .secSurround .hero .topBusiness {
        flex-direction: column;
        height: 100%;
        bottom: 0;
    }

    .secSurround .hero .topBusiness .olda {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        left: 0;
        margin-top: 75px;
    }

    .secSurround .hero .topBusiness .olda hr {
        margin-top: 54px;
    }

    .secSurround .hero .topBusiness .olda h1 {
        line-height: unset;
        margin-right: 240px;
    }

    main div.rightStuff div.imageRow img:first-of-type {
        margin-left: 0 !important;
        padding-left: 0 !important;
        margin-top: 20px !important;
    }

    .secSurround .hero .topBusiness .formcontainer {
        display: flex;
        justify-content: flex-end;
    }

    .imageRow {
        flex-direction: column;
    }

    .checkboxsurround {
        width: 100%;
    }

    .secSurround .hero .topBusiness .formcontainer form {
        width: 100%;
    }

    .secSurround .hero .heroImage {
        height: 100%;
    }

    .secSurround .hero .tallHR {
        top: 0;
        display: none;
    }

    main {
        margin-top: 0 !important;
    }

    .secSurround .hero .bottomrightstuff {
        width: 100%;
        right: 0;
        bottom: 0;
        padding: 20px;
        box-sizing: border-box;
        background: #5a5a5c8a;
    }

    main div.rightStuff {
        padding-top: 30px !important;
    }
}

@media screen and (max-width: 767px) {
    .secSurround .hero .topBusiness .olda h2 {
        text-wrap: balance;
        margin-right: 30px;
    }
}