/* Global */

@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html {
    scroll-behavior: smooth;
}

.product-info-price .price-box {
    color: #cd5f74;
}

.filter-options-content .items.-am-singleselect .amshopby-link-selected, 
.filter-options-content .swatch-option.selected + .am-shopby-swatch-label {
    color: #cd5f74;
}

/* Lib overwrite */
.rating-summary .rating-result > span:before,
.review-control-vote label:before {
    color: #e6ae00;
}

/* Account page style fixes */
.block.block-addresses-default .block-title strong,
.block.block-addresses-list .block-title strong {
    color: #cd5f74 !important;
}

.mobile-navigation-footer .action.primary-outline[title="Register"] {
    display:none;
}

.page-main#maincontent .slick-dots li { margin: 0 20px 0 0; width:20px; height:20px; }
.page-main#maincontent .slick-dots li button { height:20px; width:20px; }
.page-main#maincontent .core-ordering-portal__heading.core-ordering-portal-mobile {display:none;}
.product-info-stock-sku {display:block !important;}

.swatch-opt #option-label-color-92 { display:none; }
.swatch-option::before { border:none !important; }
/* Hide tier prices */
.product-info-main .price-box.price-tier_price {display:none !important;}



.swatch-opt #option-label-fabric-430 { display:none !important; }
.swatch-opt #option-label-color-92 { display:none; }
.swatch-option::before { border:none !important; }

.sales-order-view .order-details-items .order-title .action.track { display:none; }

.not-logged-in .payment-method:has(#cashondelivery) { display:none; }

.gallery-placeholder__image { display: none !important; }

.account .pager .pages {
    width: auto !important;
}


/* New Landing 12/11 */

:root {
    --salmon: #e5a0ae;
    --white: #fff;
    --gray: #e8e8e8;
    --black: #232323;
    --red: #D75D73;

    --fs-reg: 18px;
    --fs-heading: 39px;


    --spacing-sustain: 2.25rem 1.5rem 1.5rem 1.5rem;
    --ff-sustain: 'Poppins', sans-serif;
    --fw-sustain: 700;
}

.relative {
    position: relative;
}

.capitalised {
    text-transform: capitalize;
}


.text-regular {
    font-size: var(--fs-reg);
    color: var(--black);
    font-weight: 400;
}

.text-heading {
    font-size: var(--fs-heading) !important;
    color: var(--red) !important;
    text-transform: none;
}

.hello-wrapper {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    height: 70dvh; 
}

.hello-wrapper::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #00000052;
    z-index: 1;
}

.hello-content {
    max-width: 68rem;
    text-wrap: balance;
}

.hello-content h1 {
    font-size: 33px !important;
    color: #fff;
    text-transform: none;
    margin-bottom: .7rem;
}

.blog-category-careers .news-card .news-card__excerpt{
    visibility:hidden !important;
}

.news-card:has(a[title="Careers"]) .news-card__excerpt{
    display: none !important;
}

.hello-content__wrapper {
    height: 100%;
    display: grid;
    align-items: center;

    position: relative;
    z-index: 1;
}

.hello-content {
    font-size: 24px;
    color: #fff;

    text-shadow: 1px 1px 1px #0000003d;
}

.hello-icons {
    display: flex;
    justify-content: center;
    gap: min(14rem, 7vw);

    padding-block: .7rem;

    background-color: var(--salmon);
    color: var(--white);

    position: relative;
    z-index: 1;
}

.hello-icons .hello-icon {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.hello-icons .hello-icon:nth-child(2)::before,
.hello-icons .hello-icon:nth-child(2)::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 20px;
    background-color: #fff;
    position: relative;
    left: -50px;
}

.hello-icons .hello-icon:nth-child(2)::after {
    left: 50px;
}

.phone-block {
    height: 55rem;
    margin-top: -2rem;
    position: absolute;
    right: 0;
    width: 100%;
    top: 0;
}

.phone-canvas {
    clip-path: polygon(31% 0, 100% 0, 100% 100%, 0 100%);
    background-color: var(--gray);

    position: relative;

    height: 100%;

    max-width: 80rem;
    margin-inline-start: auto;
}

.phone-wrapper {
    max-width: 37rem;
    position: absolute;
    z-index: 1;
    right: 30rem;
    bottom: -3px;
    
}

.phone-content {
    height: 55rem;

    display: grid;
    align-items: center;
}

.phone-content__wrapper {
    max-width: 68rem;
    text-wrap: balance;
    z-index: 1;
}

.phone-content__wrapper h2 {
    margin-bottom: 5px;
}

.landing-gallery__spacing  {
    padding-block: 9rem;
}

.landing-gallery-right .slick-slide {
    height: 350px;
    padding: 0 1.2rem;
}

.landing-gallery-right .slick-slide img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.wrapper--centered {
    text-align: center;
    text-wrap: pretty;
    padding-inline: 1rem;
}

.cap-width {
    max-width: 70rem;
    margin-inline: auto;
}

.hero-box-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 4rem;

    width: min(90vw, 109rem);
    margin-inline: auto;
    padding: 6rem 10rem;
    
    border-radius: 2rem;
    box-shadow: 0px 0px 12px -2px rgb(0 0 0 / 22%);
    z-index: 99;
    position: relative;
    background: white;

    margin-block-start: 6.5rem;
}

.hero-box {
    text-align: center;
}

.hero-box .hero-box__image {
    height: 100px;
}

.hero-box__image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.hero-box h3 {
    font-size: 1.4rem;
}

.hero-box span {
    text-wrap: balance;
    font-size: 1.3rem;
}

.hover-boxes {
    background-color: #e8e8e8;
    box-shadow: 0px 0px 12px -2px rgb(0 0 0 / 22%);

    width: calc(100% - 5rem);
    margin-inline: auto;
    border-radius: 2rem;

    padding-block: 22rem 7rem;
    margin-block-start: -13rem;
}

/* .hover-boxes::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 93%;
    left: 0;
    top: 0;
    background-color: #e8e8e8;
    z-index: -1;
} */

.hover-boxes-grid {
    width: min(90vw, 109rem);
    margin-inline: auto;

    display: grid;
    gap: 0;
}
.hover-img {
    height: 370px;
    overflow: hidden;
    border-radius: 1.6rem;
}

.hover-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s ease-in-out;

}

.hover-child {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 8rem; 
}

.hover-child .text-regular {
    font-size: 15px;
}

.hover-img__text {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 2rem 3rem;
    width: 100%;
    min-height: 175px;

    
    background-color: var(--red);
    color: #fff;
    position: absolute;
    bottom: -143px;
    
    transition: all .3s ease-in-out;
}

.hover-img__text--head {
    font-family: 'VAG Rounded LT W01 Bold', sans-serif;
    font-size: 25px;
    font-weight: 600;
}



.hover-img__text--head,
.hover-img__text--body {
    padding-inline-end: 6rem;

}

.hover-img:hover .hover-img__text {
    bottom: 0;
}

.hover-img:hover img {
    filter: brightness(0.7);
}

.wrapper--centered__logos {
    margin-block-start: 4.5rem;
    display: flex;
    justify-content: center;
    gap: 4.5rem;
}

.wrapper--centered__logos div {
    height: 50px;

}

.wrapper--centered__logos img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.wrapper--centered__mt {
    margin-block-start: 8.5rem;
}

.vid-section {
    width: min(90vw, 109rem);
    margin-inline: auto;
}

.wrapper--centered__max-width {
    max-width: 75rem;
    margin-inline: auto;
}

.wrapper--centered__max-width h2 {
    line-height: 1;
}
.wrapper--centered__max-width .text-regular {
    color: var(--red);
    font-style: italic;
    font-size: 16px;
}

.green-hero-btn {
    margin-block: 3rem 9rem;
    display: inline-block;
    text-decoration: none !important;
    color: white;
    background: #34b78f;
    padding: 1.6rem 5.7rem;
    font-size: 3rem;
    font-family: 'VAG Rounded LT W01 Bold';
    border-radius: 6rem;
    transition: all .1s ease-in;
    box-shadow: 0px 0px 12px -2px rgb(0 0 0 / 48%);
}

.pink-hero-btn {
    background-color: #e5a0ae;
}

.green-hero-btn:hover {
    background-color: var(--red);
    color: #fff;
}

body.cms-book-now .columns {
    padding-bottom: 0 !important;
}

.account .pager .pages {
    width: auto !important;
}




.gray-shape--journey {
    height: 15rem;
    width: 100%;
    background-color: #e8e8e8;
    position: absolute;
    z-index: -1;
    top: -90px;
    box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 7%);
    border-radius: 3rem;
}


.journey-social-icons svg {
    max-width: 2.5rem;
}   

.journey-social-icons {
    display: flex;  
    justify-content: center;
    gap: 1rem;
}

.journey-social {
    text-align: center;
    font-weight: 900;
    font-size: 16px;
    margin-bottom: 4rem;
}

.journey-main {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;

    padding-inline: min(9rem, 8vw);
    padding-block: 2rem 5rem;
}

.journey-item {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.journey-icon {
    display: flex;
    max-width: 2.3rem;
}

.journey-text {
    font-size: 16px;
}

.policies-layout-main {
    border-radius: 3rem;
    background-color: #fff;
    overflow: hidden;
}

.policies-menu-btn {
    display: none;
}

.policies-layout-main {
    box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 12%);
}

.policies-side {
    display: flex;
    flex-direction: column;
    border-right: 1px solid #d1d1d1;
    padding-bottom: 4rem;

    position: relative;
    top: 35rem;
    padding-left: 1rem;
}


.policies-side a {
    text-decoration: none;
    display: block;
    padding-block: 1rem;
    border-bottom: 1px solid #d1d1d1;
    font-weight: 600;
}

.policies-side a.active,
.policies-side a:hover {
    color: #cd5f74;
}


.policies-leaf {
    max-width: 5rem;
    position: relative;
    top: 1rem;
    left: -1rem;
}

.policies-leaf svg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.policies-layout-grid {
    display: grid;
    align-items: start;
    grid-template-columns: 300px 1fr 300px;
    max-width: 1500px;
    margin-inline: auto;
    margin-top: -15rem;
}

.policies-top {
    height: 580px;
    background-color: #e8e8e8;
    border-radius: 3rem;

    display: grid;
    grid-template-areas: 'stack';
    place-items: center;
}

.policies-top__image {
    max-width: 60rem;
    margin-inline: auto;
    padding-inline: 1rem;
    grid-area: stack;
}    


.policies-top__image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.policies-hero-image {
    height: 20rem;
    border-radius: 3rem;
    overflow: hidden;
}

.policies-hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.policies-hero-image.policies-hero-image--journey {
    height: auto;
}

.policies-hero-image.policies-hero-image--journey img {
    object-fit: contain;
}

.policies-main__intro {
    text-align: center;
    font-weight: 900;

    max-width: 69rem;
    margin-inline: auto;

    padding-block: 5rem 2.5rem;
    padding-inline: min(9rem, 8vw);
}    

.policies-main__intro h1 {
    font-size: 30px !important;
    text-transform: none;
}

.cms-our-sustainability-journey .page-footer {
    z-index: 1;
}

.procurement-main {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    padding-inline: min(9rem, 8vw);
    padding-block: 2rem 5rem;
}

.accreditations-main {
    padding-inline: min(9rem, 8vw);
    padding-block: 2rem 5rem;
}

.accreditations-main h2 {
    font-size: 30px !important;
    line-height: 2;
    text-transform: none;
    margin-bottom: 0 !important;
}

.procurement-item h2 {
    margin-bottom: 1rem;
}

.completed-certificates {
    margin-bottom: 2rem;
}

.completed-certificates-wrapper,
.inprogress-certificates-wrapper {
    padding-block: 4.5rem;

    display: flex;
    align-items: center;
    gap: 7rem;
}

.cert-numb {
    text-transform: uppercase;
    font-weight: 900;
}

.cert-name {
    font-weight: 900;
    color: #000;
    font-size: 1.4rem;
    margin: .25rem 0 0 0;
}

.cert-desc {
    line-height: 1.75;
    margin: .25rem 0 0 0;
    font-weight: 500;
}

.cert-logo {
    max-width: 8rem;
    margin-top: 1rem;
}

.cert-logo img,
.cert-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.cert-img {
    max-width: 20rem;
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);

}

.sp-top {
    position: relative;
}

.sp-top__image {
    height: 575px;
}

.sp-top__image img {
    width: 100%;
    height: 100%;   
    object-fit: cover;
    border-radius: 1.5rem;
}

.sp-main--intro.main-head > h2 {
    font-size: 32px;
}

.span-promise {
    color: #cd5f74;
    font-weight: 800;
    font-size: 18px;
}

.sp-top__svg {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sp-top__svg svg {
    max-width: 70rem;
}

.sp-main {
    background-color: #fff;
    margin-top: -10vh;
    position: relative;
    /* z-index: 9999; */
}

.sp-main h2 {
    font-size: 28px;
    margin-bottom: 0;
    line-height: 1;
    text-transform: none;
    margin-top: 1rem;
    margin-bottom: 1.3rem;
}

.sp-main {
    border-radius: 1.5rem 1.5rem 0 0;
    box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 12%);
}

.sp-main--intro {
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.9;
    padding: var(--spacing-sustain);    
}

.sp-main--intro .span-promise {
    position: unset;
}

.cms-sustainable-promise .span-promise {
    color: #cd5f74;
    font-weight: 800;
    font-size: 18px;

}

.cms-sustainable-promise .black {
    color: #000;
    font-family: var(--ff-sustain);
    font-weight: var(--fw-sustain);
    text-transform: none;
    font-size: 44px;
}

.limit-width {
    max-width: 120rem;
    margin-inline: auto;
    color: gray;
    font-weight: 400;
    padding: var(--spacing-sustain);
    line-height: 2;
}

.sp-main--intro .limit-width {
    margin-bottom: min(7.5rem, 7vw);
    font-size: 16px;
}

.sustain-image {
    max-width: 53rem;
    margin-inline: auto;
    margin-block: 5rem 2rem;
    position: relative;
}

.hotspot {
    position: absolute;
    cursor: pointer;
}

.hotspot.red {
    top: 0;
    left: 0;
    width: 50%;
    height: 67%;
}

.hotspot.purple {
    top: 0;
    right: 0;
    width: 50%;
    height: 67%;
}

.hotspot.pale {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 33%;
}

.sustain-image--main, 
.sustain-image--hover,
.sustain-image--hover-2,
.sustain-image--hover-3 {
    transition: opacity 0.4s ease;
}

.sustain-image img:not(.sustain-image--main) {
    position: absolute;
    top: 0;
    left: 0;
}

.sustain-image--hover,
.sustain-image--hover-2,
.sustain-image--hover-3 {
    opacity: 0;
}

.grid-wrap {
    display: grid;
    grid-template-columns: 1fr 580px;
}

.grid-wrap__image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.flex-wrappy {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.dead-space {
    height: 15%;
}

.cont {
    height: 100%;
    box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 12%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-inline: 7rem;
    padding-block: 1rem;
    border-radius: 0 2rem 0 0;
}

.cont h3 {
    color: #000;
    text-transform: none;
    font-size: 31px;
    margin-block: 1rem;
}

.cont > div {
    line-height: 2;
    font-size: 16px;
}

[data-image="right"] {
    grid-template-columns: 580px 1fr;
}

[data-image="right"] .cont {
    box-shadow: none;
}

[data-image="bottom"] .cont {
    border-radius: 0 0 2rem 0;
}

.journey {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 1rem;
    padding-block: 12rem;
    line-height: 2;

    font-size: 16px;
}

.cms-sustainable-promise--btn {
    display: inline-block;
    text-decoration: none !important;
    color: #fff;
    font-weight: 800;
    padding: 0.4rem 3.9rem;
    border-radius: 2rem;
    background-color: #d25b73;
    box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.25);
    margin-top: 2rem;
    transition: all .2s ease;
} 

.cms-sustainable-promise--btn:hover {
    color: #fff;
    background-color: #78a831;
}

.b-eco-section--wrapper {
    position: relative;
}

.b-eco-section--background  {
    overflow: hidden; 
    height: 53rem;
}

.b-eco-section--background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 53% 75%;
}

.b-eco-section--background img {
    border-radius: 3rem;
}

.b-eco-section--products,
.b-eco-section--content {
    position: absolute;
    width: 100%;
    top: 41%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.b-eco-section--wrapper {

}

.b-eco-section--logo {
    max-width: 33rem;
    margin-inline: auto;
    margin-bottom: 1rem;
    padding-inline: 1rem;
}

.b-eco-section--text {
    font-family: var(--ff-sustain);
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    width: 100%;
}

.b-eco-section--products {
    max-width: 90rem;
    width: 100%;
    top: 93%;
}

.sp-main--outro {
    padding-block: 15rem 0;


    display: flex;
    flex-direction: column;
    text-align: center;
    font-size: 16px;
}

.change__image {
    height: 59rem;
}

.change__image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: bottom;
}

.change-boxes {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem;

    padding-inline: 4rem;
    padding-block-start: 8rem;
    padding-block-end: 2rem;
}

.change-boxes__item {
    position: relative;
    border-radius: 3rem;
    overflow: hidden;
    box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 46%);
}

.change__content {
    font-size: 16px;
    line-height: 2;
    color: #fff;

    position: absolute;
    bottom: 0;
    padding: 4rem;
    background: lime;
    z-index: 2;

    min-height: 22rem;

}

.change__content h3 {
    color: #fff;
    font-size: 31px;
    text-transform: none;
}

[data-image="bottom"] .grid-wrap__image {
    border-radius: 0 0 3rem 3rem;
    overflow: hidden;
    box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 12%)
}

.outro-btn {
    position: relative;
    bottom: -15px;
    width: 100%;
    text-align: center;
}

.gray-shape {
    height: 45rem;
    width: 100%;
    background-color: #e8e8e8;
    position: absolute;
    z-index: -1;
    top: -320px;
    box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 7%);
    border-radius: 3rem;
}

.cert-img {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.cert-img:hover .cert-img__download {
    opacity: 1;
}

.cert-img__download {
    opacity: 0;
    display: inline-block;
    text-decoration: none !important;
    color: #fff;
    font-weight: 800;
    padding: 0.4rem 3.9rem;
    border-radius: 2rem;
    background-color: #d25b73;
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.25);
    transition: all .2s ease;
}

.cert-img__download:hover {
    color: #fff;
}

.lh-fix {
    line-height: 2;
}

.inprogress-certificates-wrapper .cert-img img {
    filter: blur(2px);
}

.page-sustainable-promise.black {
    color: #000;
    font-family: var(--ff-sustain);
    font-weight: var(--fw-sustain);
    text-transform: none;
    font-size: 44px;
}

.swatch-option {
    height: 77px !important;
    width: 77px !important;
}

.post-description .post-text-hld p {
    font-size: 1.8rem !important;
}


/* •○◙◘◙○•○◙◘◙○•○◙◘◙○•○◙◘◙○•○◙◘◙○•○◙◘◙○•○◙◘◙○•○◙◘◙○•○◙◘◙○•○◙◘◙○•○◙◘◙○• */
/*                          BREAKPOINTS                                */
/* •○◙◘◙○•○◙◘◙○•○◙◘◙○•○◙◘◙○•○◙◘◙○•○◙◘◙○•○◙◘◙○•○◙◘◙○•○◙◘◙○•○◙◘◙○•○◙◘◙○• */

/* --------------------------------------------------------------------------------------------- */
@media (max-width:767px) { /* Small devices (landscape phones, 576px and up) */


    .change__content {
        padding: 2rem;
    }
 

    .main-navigation { background: #d25b73; margin-top: 0; position: fixed; }
    .hero-banner { height:600px; }
    .hero-banner__overlay { height:600px; }
    .navigation ul > li { border-bottom: 4px solid #e5a0ae; }
    .navigation__panel, .navigation .submenu { background: #d25b73; }
    .page-main#maincontent .core-ordering-portal img { display:none; } .page-main#maincontent .core-ordering-portal { background-color: #E8E8E8 }
    .page-header { 
        position: fixed;
        width: 100%;
        border-bottom: 1px solid lightgrey;
        z-index: 9999;
        margin-bottom: 120px !important; 
    }
    .page-wrapper > .page-main { padding-top:120px; }
    .page-main#maincontent .core-ordering-portal__heading { display: none; }
    .page-main#maincontent .core-ordering-portal__heading.core-ordering-portal-mobile { display:block; text-align:center;  }
    .core-ordering-portal .core-ordering-portal__content .actions { flex-direction: column-reverse; align-items: center; }

} /* End of @media ----------------------------------------------------------------------------- */

/* MD */
/* Medium devices (tablets, 768px and up) */
@media (min-width:768px) and (max-width:991px) {

    .main-navigation { background: #d25b73; margin-top: 0; position: fixed; }
    .hero-banner { height:600px; }
    .hero-banner__overlay { height:600px; }
    .navigation ul > li { border-bottom: 4px solid #e5a0ae; }
    .navigation__panel, .navigation .submenu { background: #d25b73; }
    .page-header { 
        position: fixed;
        width: 100%;
        border-bottom: 1px solid lightgrey;
        z-index: 9999;
        margin-bottom: 120px !important; 
    }
    .page-wrapper > .page-main { padding-top:120px; }

} /* End of @media ----------------------------------------------------------------------------- */


/* Medium devices (max-width: 991px) */
@media (max-width: 991px) {

    .completed-certificates-wrapper,
    .inprogress-certificates-wrapper {
        flex-direction: column;
        align-items: start;
        gap: 3rem;
    }

    .sp-main {
        margin-top: 130px;
    }

    .sp-main--outro {
        padding-block: 7.5rem 15rem;
    }

    .sp-top__image {
        height: 250px;
    }

    .sp-top__svg svg {
        max-width: 25rem;
    }

    .sp-main {
        margin-top: 0;
    }

    .sp-main--intro {
        line-height: 1.3;
    }

    .sp-main h2 { 
        margin-bottom: 2rem;

    }

    .grid-wrap {
        grid-template-columns: 1fr;
    }

    .grid-wrap__image {
        max-width: 50rem;
        margin-inline: auto;
    }

    .grid-wrap__image img {
        border-radius: 2rem;
    }

    .cont {
        box-shadow: none;
        margin-top: 1rem;
        padding: var(--spacing-sustain);
        text-align: center;
    }


    [data-image="right"] {
        margin-top: 5.5rem;
    }

    [data-image="right"] .grid-wrap__image {
        order: 1;
    }

    [data-image="right"] .grid-wrap__text {
        order: 2;
    }

    .journey {
        align-items: center;
        text-align: center;
        padding-block: 6rem;
    }
    
    .b-eco-section--background {
        height: 40rem;
    }

    .change-boxes {
        grid-template-columns: 1fr;
        padding-inline: 2rem;
    }

    [data-image="bottom"] .grid-wrap__image {
        border-radius: 3rem;
        overflow: hidden;
        box-shadow: none;
    }

    .gray-shape {
        display: none;
    }



    .end { margin: 0 -3vw -99px; }

    .hello-wrapper {
        height: 95dvh;
    }

    .hello-icons {
        display: none;
    }

    .landing-gallery__spacing {
        padding-block: 5rem;
    }

    .hero-box-grid {
        grid-template-columns: 1fr !important;
    }

    .hero-box-grid .hero-box:last-child {
        grid-column: span 1 !important;
    }

    .policies-menu-btn {
        display: block;
        position: fixed;
        bottom: 9rem;
        background: #fff;
        border-radius: 0 1rem 1rem 0;
        padding: 1rem;
        right: 0rem;
        box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 12%);
        z-index: 999;
    }

    #policies-menu {
        transform: rotate(180deg);
    }


    .policies-layout-grid {
        grid-template-columns: 1fr;
    }

    .policies-side {
        transform: translateX(100%); 
        transition: transform 0.3s ease-in-out; 
        min-width: 30rem; 
        position: fixed; 
        bottom: 0;
        right: 0;
        background: #fff;
        z-index: 99;
        border-radius: 3rem 0 0 0;
        box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 12%);

    }

    .policies-side.active {
        transform: translateX(0); 
    }

    .policies-side a {
        color: #000;
        font-weight: 600;
    }

}



@media (min-width:992px) and (max-width:99999px) {

    /* hide mood boards in desktop nav as it is included as a magicmenu "extra" menu item */
    .magicmenu .level0.category-item.level-top.cat.nav-5 {display: none;}
}