/* start of new css to account for global div styling & d+m footer*/
    @media (min-width: 375px) {
        div.container {
            max-width: none;
        }

        .col-12 {
            padding: 0%;
        }
    }

    @media (min-width: 768px) {
        div.container {
            max-width: none;
        }

        .col-12 {
            padding: 0%;
        }
    }

    .footer-mobile {
        padding: 0 3%;
    }

    .footer-email-social-wrapper {
        padding: 0 3%;
    }

    /* end of new css to account for global div styling & d+m footer*/


    .carousel-hero__arrow {
        display: none !important;
    }

    .content-hub-wrapper {
        color: #000;
        padding-inline: 0;
    }

    .carousel-hero {
        padding-block: 0;
        padding-bottom: 30px;
        background-color: #fff;
    }

    .carousel-hero__content {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 0;
        padding-inline: 0;
    }

    .carousel-hero__headline {
        font-size: clamp(2rem, 4vw, 3rem);
        font-weight: 300;
    }

    .carousel-hero__description {
        font-size: clamp(.90rem, 2vw, 1.25rem);
    }

    .carousel-hero__link {
        font-weight: normal;
        letter-spacing: 0.474px;
        text-underline-offset: 2px;
    }

    @media (max-width: 1024px) {
        .carousel-hero__content {
            grid-template-columns: 1fr;
        }
    }

    @media (max-width: 768px) {
        .carousel-hero {
            padding: 0 0 2em 0;
        }
    }

    /* behind the design banner - start */
    .content-hub-wrapper .bts-banner {
        width: 100%;
        /* display: flex;
        flex-direction: row;
        justify-content: left; */
        /* background: #F9EDFB; */
        padding: 0 0 8% 0;
    }

    .content-hub-wrapper .bts-banner .behind-the-design {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .content-hub-wrapper .bts-banner .behind-the-design img {
        width: 72%;
    }

    .content-hub-wrapper .bts-banner .left-side {
        display: flex;
        width: 72%;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 18px;
        margin: auto;
        justify-content: center;
    }

    .content-hub-wrapper .bts-banner .left-side .look {
        width: 32%;
        position: relative;
    }

    .content-hub-wrapper .bts-banner .left-side .look img {
        width: 100%;
        height: auto;
    }

    .content-hub-wrapper .bts-banner .left-side .look a {
        position: absolute;
        display: inline-block;
        bottom: 10px;
        left: 8px;
    }

    /* .content-hub-wrapper .bts-banner .right-side {
        width: 100%;
        align-items: center;
        justify-content: center;
        display: flex;
        flex-direction: column;
    }

    .content-hub-wrapper .bts-banner .right-side .title {
        width: 100%;
        text-align: center;
        font-size: 84.936px;
        font-weight: 700;
        font-variant: all-small-caps;
    }

    .content-hub-wrapper .bts-banner .right-side .title span {
        font-family: "Ethic Serif";
        font-size: 42.32px;
        font-style: italic;
        font-weight: 500;
        vertical-align: middle;
        font-variant: none;
    }

    .content-hub-wrapper .bts-banner .right-side .body {
        width: 70%;
        text-align: center;
        font-size: 14.36px;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: 0.1px;
    } */

    @media (max-width: 1024px) {
        .content-hub-wrapper .bts-banner .left-side {
            width: 94%;
            gap: 8px;
        }

        .content-hub-wrapper .bts-banner .left-side .look {
            width: 48%;
        }
    }

    /* end */



    /* start */
    .content-hub-wrapper .main-banner {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: left;
        /* background: #F9EDFB; */
        padding: 8% 0;
    }

    .content-hub-wrapper .main-banner .left-side {
        display: flex;
        width: 72%;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 14px;
        margin: auto;
    }

    .content-hub-wrapper .main-banner .left-side .look {
        width: 32%;
        position: relative;
    }

    .content-hub-wrapper .main-banner .left-side .look img {
        width: 100%;
        height: auto;
    }

    .content-hub-wrapper .main-banner .left-side .look a {
        position: absolute;
        display: inline-block;
        bottom: 10px;
        left: 8px;
    }

    @media (max-width: 1024px) {
        .content-hub-wrapper .main-banner .left-side {
            width: 94%;
            gap: 8px;
        }

        .content-hub-wrapper .main-banner .left-side .look {
            width: 48%;
        }
    }

    /* .content-hub-wrapper .main-banner .right-side {
        width: 100%;
        align-items: center;
        justify-content: center;
        display: flex;
        flex-direction: column;
    }

    .content-hub-wrapper .main-banner .right-side .title {
        width: 100%;
        text-align: center;
        font-size: 84.936px;
        font-weight: 700;
        font-variant: all-small-caps;
    }

    .content-hub-wrapper .main-banner .right-side .title span {
        font-family: "Ethic Serif";
        font-size: 42.32px;
        font-style: italic;
        font-weight: 500;
        vertical-align: middle;
        font-variant: none;
    }

    .content-hub-wrapper .main-banner .right-side .body {
        width: 70%;
        text-align: center;
        font-size: 14.36px;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: 0.1px;
    } */

    /* end */

    /* start */
    .at-ch-txt-copy img {
        display: block;
        width: 100%;
        max-width: 1680px;
        margin: 0 auto;
    }

    /* end */

    /* start  */
    .content-hub-wrapper .lb-banner {
        width: 72%;
        max-width: 1680px;
        display: grid;
        /* grid-template-columns: auto 1fr; */
        grid-template-columns: 66% 34%;
        margin: auto;
        /* grid-gap: 24px; */
        padding: 4% 0 1% 0;
    }

    .content-hub-wrapper .lb-banner .lb-50 {
        width: 100%;
        position: relative;
        display: flex;
        justify-content: center;
    }

    .content-hub-wrapper .lb-banner .lb-50 img {
        width: 100%;
    }

    .content-hub-wrapper .lb-banner .lb-50 video {
        width: 100%;
    }

    .content-hub-wrapper .lb-banner .lb-50 img.zoom-shot {
        width: 100%;
        margin: auto;
    }

    .content-hub-wrapper .lb-banner .lb-50 .lb-50-txt {
        width: 80%;
        position: absolute;
        display: inline-block;
        left: 6%;
        bottom: 5%;
    }

    .content-hub-wrapper .lb-banner .lb-50 .lb-50-txt h2 {
        color: #FFF;
        font-size: 52px;
        font-style: normal;
        font-weight: 700;
        line-height: 52px;
        font-variant: all-small-caps;
        letter-spacing: 2px;
        margin: 0;
    }

    .content-hub-wrapper .lb-banner .lb-50 .lb-50-txt span {
        color: #FFF;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 50.7px;
        letter-spacing: 0.25px;
    }

    .content-hub-wrapper .lb-banner .lb-50 .lb-50-txt .lb-cta {
        color: #FFF;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        text-decoration: underline;
        padding-right: 6%;
        letter-spacing: 0.1px;
        text-underline-offset: 8px;
    }

    @media (max-width: 1024px) {

        .content-hub-wrapper .lb-banner {
            width: 94%;
            grid-template-columns: 1fr;
            padding: 4% 0;
        }

        .content-hub-wrapper .lb-banner .lb-50 {
            width: 100%;
            position: relative;
            display: flex;
            justify-content: center;
        }

        .content-hub-wrapper .lb-banner .lb-50 img.zoom-shot {
            width: 98%;
            padding: 12%;
        }

        .content-hub-wrapper .lb-banner .lb-50 .lb-50-txt {
            bottom: 8%;
        }

        .content-hub-wrapper .lb-banner .lb-50 .lb-50-txt h2 {
            font-size: 34px;
            line-height: 28px;
        }

        .content-hub-wrapper .lb-banner .lb-50 .lb-50-txt span {
            font-size: 13px;
            line-height: 38.7px;
        }

        .content-hub-wrapper .lb-banner .lb-50 .lb-50-txt .lb-cta {
            font-size: 14px;
            line-height: 18px;
        }
    }

    /* end  */

    /* start */
    .at-wknd-banner {
        position: relative;
    }

    .at-wknd-banner .sy-txt-overlay {
        position: absolute;
        height: auto;
        margin: 0 auto;
        top: 0;
        right: 0;
        left: 0;
        display: block;
        z-index: 1;
    }

    .at-wknd-banner .sy-txt-overlay .sy-center {
        text-align: center;
        padding-top: 20%;
    }

    .at-wknd-banner .sy-txt-overlay .sy-center img {
        width: 44%;
    }

    .at-wknd-banner .sy-txt-overlay .sy-center .at-wknd-banner-ctas {
        font-size: 16px;
        font-weight: 600;
        padding-top: 4%;
    }

    .at-wknd-banner .sy-txt-overlay .sy-center .at-wknd-banner-ctas a {
        color: #000;
        background-color: #fff;
        padding: 1% 2%;
    }

    .at-wknd-banner .sy-background {
        width: 100%;
        height: auto;
        margin: 0;
        display: block;
    }

    .at-wknd-banner .sy-background video {
        width: 100%;
    }

    @media (max-width: 1024px) {
        .at-wknd-banner .sy-txt-overlay .sy-center img {
            width: 86%;
        }

        .at-wknd-banner .sy-txt-overlay .sy-center {
            padding-top: 104%;
        }

        .at-wknd-banner .sy-txt-overlay .sy-center .at-wknd-banner-ctas {
            padding-top: 8%;
        }

        .at-wknd-banner .sy-txt-overlay .sy-center .at-wknd-banner-ctas a {
            padding: 2% 4%;
        }
    }

    /* end  */

    /* discover more tile links - starts */
    .mobile-banner-scroll {
        max-width: 1680px !important;
        margin: 0 auto;
        /* padding: 3%; */
        font-family: 'kudryashev-d-contrast', serif;
        /* border: 1px dotted rgb(212, 212, 212); */
    }

    .mobile-banner-scroll ul {
        padding: 0;
    }

    .mobile-banner-scroll h3 {
        text-align: center;
        font-size: 20px;
        font-weight: 400;
        white-space: initial;
        margin: 0 0 3%;
        text-decoration: none;
        font-family: 'kudryashev-d-contrast', serif;
    }

    .mobile-banner-scroll li {
        list-style: none;
    }

    .mobile-banner-scroll a {
        text-decoration: none;
    }

    .mobile-banner-scroll h2 {
        font-size: 1.625em;
        padding-bottom: 20px;
        font-weight: 400;
        border-bottom: 1px solid black;
        text-align: center;
        margin-bottom: 20px;
        font-family: 'kudryashev-d-contrast', serif;
    }

    .navScrollWrapper {
        position: relative;
    }

    .navScrollWrapper:before,
    .navScrollWrapper:after {
        position: absolute;
        top: 0;
        z-index: 1;
        content: "";
        display: block;
        height: 100%;
    }

    .navScrollWrapper:before {
        left: 0;
    }

    .navScrollWrapper:after {
        right: 0;
    }

    .mobile-banner-scroll .navScrollCont {
        position: relative;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mobile-banner-scroll .navScrollCont.active {
        cursor: grab;
    }

    .mobile-banner-scroll .item {
        display: inline-block;
        user-select: none;
        width: 25%;
        border: 0;
        text-align: center;
        height: auto;
        line-height: 1.2;
        margin: 0;
        padding: 0 0 0 0;
    }

    .mobile-banner-scroll .item img {
        width: 101%;
        display: block;
        margin: 0;
    }

    .mobile-banner-scroll .item p {
        font-size: 0.875em;
        line-height: 1;
        text-decoration: underline;
        margin: 0 auto;
        text-align: left;
        white-space: initial;
        font-family: 'kudryashev-d-contrast', serif;
    }

    @media screen and (max-width: 750px) {
        .mobile-banner-scroll {
            max-width: 1680px !important;
            margin: 0 auto;
            padding: 0;
            font-family: 'kudryashev-d-contrast', serif;
            /* border: 1px dotted rgb(212, 212, 212); */
        }

        .mobile-banner-scroll h3 {
            font-size: px;
        }

        .mobile-banner-scroll .item p {
            font-size: 0.75em;
        }

        .mobile-banner-scroll {
            display: block;
        }

        .mobile-banner-scroll .item {
            width: 200px;
        }

        .mobile-banner-scroll .navScrollCont {
            position: relative;
            width: 100%;
            overflow: hidden;
            white-space: nowrap;
            cursor: pointer;
            display: inherit;
            justify-content: inherit;
        }

        .mobile-banner-scroll .item {
            width: auto;
            max-width: 65%;

        }
    }

    /* discover more tile links - ends */

    /* finishing touches banner - start */
    .content-hub-wrapper .finishing-touch-banner {
        max-width: 1680px;
        margin: auto;
    }

    .content-hub-wrapper .finishing-touch-banner a picture {
        width: 100%;
    }

    .content-hub-wrapper .finishing-touch-banner a picture img {
        width: 100%;
    }

    /* finishing touches banner - end */


    /* quad footer logo */
    .content-hub-wrapper .lb-see-new-png {
        width: 31%;
        padding: 0 0 0 1.25%;
    }

    @media (max-width: 1024px) {
        .content-hub-wrapper .lb-see-new-png {
            width: 96%;
            padding: 0px 0 0 4.25%;
        }
    }

    /* quad footer start */
    .content-hub-wrapper .lb-quad-footer {
        display: flex;
        flex-direction: row;
        justify-content: center;
        padding: 0 0 4% 0;
        width: 100%;
    }

    @media screen and (max-width: 1024px) {
        .content-hub-wrapper .lb-quad-footer {
            flex-wrap: wrap;
            align-items: center;
        }
    }

    .content-hub-wrapper .lb-quad-footer .lb-quad-footer-items {
        width: 30.3%;
        margin: 0 1%;
    }

    @media screen and (max-width: 1024px) {
        .content-hub-wrapper .lb-quad-footer .lb-quad-footer-items {
            width: 48%;
            margin: 0 1% 5% 1%;
        }
    }

    .content-hub-wrapper .lb-quad-footer .lb-quad-footer-items img {
        width: 100%;
    }

    .content-hub-wrapper .lb-quad-footer .lb-quad-footer-items .sy-trio-copy h3 {
        color: #000;
        font-family: "sofia-pro";
        font-size: 20px;
        font-style: normal;
        font-weight: 800;
        line-height: 26px;
        letter-spacing: 2px;
        margin: 0;
        padding: 1% 0;
    }

    @media screen and (max-width: 1024px) {
        .content-hub-wrapper .lb-quad-footer .lb-quad-footer-items .sy-trio-copy h3 {
            padding: 2% 0;
            line-height: 18px;
            font-size: 16px;
            letter-spacing: .10px;
        }
    }

    .content-hub-wrapper .lb-quad-footer .lb-quad-footer-items .sy-trio-copy p {
        color: #000;
        font-family: "sofia-pro";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        letter-spacing: 0.25px;
        margin: 0;
        padding: 0;
    }

    @media screen and (max-width: 1024px) {
        .content-hub-wrapper .lb-quad-footer .lb-quad-footer-items .sy-trio-copy p {
            font-size: 11px;
        }
    }

    .content-hub-wrapper .lb-quad-footer .lb-quad-footer-items .sy-trio-copy a {
        color: #000;
        font-family: "sofia-pro";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        letter-spacing: 0.25px;
        margin: 0;
        padding: 1% 0;
        display: block;
        text-decoration: underline;
        text-underline-offset: 10px;
    }

    @media screen and (max-width: 1024px) {
        .content-hub-wrapper .lb-quad-footer .lb-quad-footer-items .sy-trio-copy a {
            padding: 2% 0;
            font-size: 14px;
        }
    }

    /* end */