[class*="col"] {
    padding: 1rem;
}

li::marker {
    font-weight: 500;
}

/* .philips-gradient-background {
    background-image: linear-gradient(35deg, #7A3AB4, #554FC1, #0373D9, #2698BA, #66BBBF);
} */

#custom-header-wrap {
    padding: 9% 8% 0 40%;
}

#custom-header-img {
    background-image: url("../assets/PhilipsSonicare-4100_Lifestyle-3.jpg");
    height: 400px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

#custom-header-img-2 {
    background-image: url("../assets/PhilipsSonicare-4100_Lifestyle-5.jpg");
    height: 400px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.new-blue-link {
    color: #0089c4;
}

.new-blue-link:hover {
    color: #00629F;
}

.new-green-link {
    color: #5b8f22;
}

.new-green-link:hover {
    color: #024731;
}

footer {
    /* BELOW IS THE PHILIPS GRADIENT */
    /* background-image: linear-gradient(to bottom right, #003655 0, #0066a1 50%, #0096ee 100%); */
    background-color: #00325D;
}

.ps-product-row-divider {
    border-bottom: 1px solid #003655;
}

.footer-social-icon {
    width: 32px;
}

#custom-mobile-nav {
    visibility: hidden;
}

#custom-desktop-nav {
    visibility: visible;
}

.mob-nav-items {
    color: black;
    text-decoration: none;
}

/* CUSTOM FORM EMBED */
.custom-form-embed-div {
    --bs-aspect-ratio: 30%;
    z-index: 0;
}

@media (max-width: 1400px) {
    #custom-header-wrap {
        padding: 10% 5% 0 30%;
    }
}

@media (max-width: 1200px) {
    #custom-header-wrap {
        padding: 13% 8% 0 15%;
    }
}

@media (max-width: 991px) {
    #custom-mobile-nav {
        visibility: visible;
        z-index: 5;
    }
    #custom-desktop-nav {
        visibility: hidden;
    }
    .custom-form-embed-div {
        --bs-aspect-ratio: 67%;
    }
    #custom-header-img {
        height: 280px;
    }

    #custom-header-wrap {
        padding: 13% 12% 8% 12%;
    }
}

@media (max-width: 768px) {
    #footer-social {
        text-align: center;
        align-content: center;
    }
    .nav {
        justify-content: center;
    }
    .custom-form-embed-div {
        --bs-aspect-ratio: 95%;
    }

    #custom-header-wrap {
        padding: 16% 7% 8% 7%;
    }
}

@media (max-width: 576px) {
    .custom-form-embed-div {
        --bs-aspect-ratio: 160%;
    }
    #custom-header-img {
        height: 300px;
    } 
    #custom-header-wrap {
        padding: 20% 5% 8% 5%;
    }
}

