/* Fonts */
@font-face {
    font-family: 'Scandia';
    src: url('../fonts/scandia/Scandia-RegularItalic.eot');
    src: local('Scandia Regular Italic'), local('Scandia-RegularItalic'),
        url('../fonts/scandia/Scandia-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/scandia/Scandia-RegularItalic.woff2') format('woff2'),
        url('../fonts/scandia/Scandia-RegularItalic.woff') format('woff'),
        url('../fonts/scandia/Scandia-RegularItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Scandia';
    src: url('../fonts/scandia/Scandia-Light.eot');
    src: local('Scandia Light'), local('Scandia-Light'),
        url('../fonts/scandia/Scandia-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/scandia/Scandia-Light.woff2') format('woff2'),
        url('../fonts/scandia/Scandia-Light.woff') format('woff'),
        url('../fonts/scandia/Scandia-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Scandia';
    src: url('../fonts/scandia/Scandia-BoldItalic.eot');
    src: local('Scandia Bold Italic'), local('Scandia-BoldItalic'),
        url('../fonts/scandia/Scandia-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/scandia/Scandia-BoldItalic.woff2') format('woff2'),
        url('../fonts/scandia/Scandia-BoldItalic.woff') format('woff'),
        url('../fonts/scandia/Scandia-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Scandia';
    src: url('Scandia-Medium.eot');
    src: local('Scandia Medium'), local('Scandia-Medium'),
        url('../fonts/scandia/Scandia-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/scandia/Scandia-Medium.woff2') format('woff2'),
        url('../fonts/scandia/Scandia-Medium.woff') format('woff'),
        url('../fonts/scandia/Scandia-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Scandia';
    src: url('../fonts/scandia/Scandia-LightItalic.eot');
    src: local('Scandia Light Italic'), local('Scandia-LightItalic'),
        url('../fonts/scandia/Scandia-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/scandia/Scandia-LightItalic.woff2') format('woff2'),
        url('../fonts/scandia/Scandia-LightItalic.woff') format('woff'),
        url('../fonts/scandia/Scandia-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Scandia';
    src: url('../fonts/scandia/Scandia-MediumItalic.eot');
    src: local('Scandia Medium Italic'), local('Scandia-MediumItalic'),
        url('../fonts/scandia/Scandia-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/scandia/Scandia-MediumItalic.woff2') format('woff2'),
        url('../fonts/scandia/Scandia-MediumItalic.woff') format('woff'),
        url('../fonts/scandia/Scandia-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}


@font-face {
    font-family: 'Scandia Line';
    src: url('../fonts/scandia/ScandiaLine-Regular.eot');
    src: local('Scandia Line Regular'), local('ScandiaLine-Regular'),
        url('../fonts/scandia/ScandiaLine-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/scandia/ScandiaLine-Regular.woff2') format('woff2'),
        url('../fonts/scandia/ScandiaLine-Regular.woff') format('woff'),
        url('../fonts/scandia/ScandiaLine-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Scandia';
    src: url('../fonts/scandia/Scandia-Bold.eot');
    src: local('Scandia Bold'), local('Scandia-Bold'),
        url('../fonts/scandia/Scandia-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/scandia/Scandia-Bold.woff2') format('woff2'),
        url('../fonts/scandia/Scandia-Bold.woff') format('woff'),
        url('../fonts/scandia/Scandia-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Scandia';
    src: url('../fonts/scandia/Scandia-Regular.eot');
    src: local('Scandia Regular'), local('Scandia-Regular'),
        url('../fonts/scandia/Scandia-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/scandia/Scandia-Regular.woff2') format('woff2'),
        url('../fonts/scandia/Scandia-Regular.woff') format('woff'),
        url('../fonts/scandia/Scandia-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* General */
* {
    padding: 0;
    margin: 0;
    font-family: 'Scandia';
}


:root {
    --color-light-blue: #4790db;
    --color-dark-blue: #002878;
    --color-white: #fff;
    --color-light-gray: #808080;
    --color-dark-gray: #4b4c4c;
    --color-ultralight-gray: #a2a2a2
}

html {
    background-color: var(--color-dark-blue);
}

.btn-whatsapp {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    z-index: 1000;
    background-color: #25D366;
    border-radius: 50%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    transition: transform 0.3s ease;
    color: white;
    font-size: 1.6rem;
    line-height: 1rem;
}

.btn-whatsapp:hover {
    transform: scale(1.1);
}

.margin-3 {
    margin-top: 3rem;
}

.bold {
    font-weight: 700;
}

h1 {
    font-size: 4rem;
}

h2,
h1 {
    color: var(--color-dark-blue);
    margin-bottom: 2rem;
    font-weight: 700;
}

.navbar-toggler1 {
    border: none;
    font-size: 2rem !important;
    color: var(--color-dark-gray);
}

.cta-button {
    background-color: var(--color-light-blue);
    color: var(--color-white);
    font-size: 2rem;
    padding: 0 .7rem;
    width: fit-content;
    text-decoration: none;
    font-weight: 400;
    border-radius: 10px;
    display: inline-block;
    margin-top: 2.5rem;
}

.nav-row .nav-link {
    display: inline-block;
    color: var(--color-dark-blue);
}

.nav-row {
    margin-bottom: 2rem;
}

/* Master Settings */
/* header */
header {
    background-color: var(--color-white);
    padding: .8rem 1rem;
    border-bottom: 2px solid var(--color-ultralight-gray);
}

#navbarNav a {
    font-size: 1.5rem;
}

header .navbar-nav {
    gap: .35rem;
}

#navbarNav .dropdown-item {
    font-size: 1.2rem;
}

/* footer */
footer {
    background-color: var(--color-dark-blue);
    color: var(--color-white);
    margin-top: 4rem;
    padding: 5rem 0;
}

footer img {
    max-width: 100%;
}

footer p {
    font-size: 1rem;
    margin: 0;
}

footer p:nth-child(3) {
    margin-top: .7rem;
}

footer h4 {
    font-weight: 700;
    font-size: 1.76rem;
}

.footer-copyright a {
    text-decoration: none;
    color: #fff;
}

footer a:hover,
.footer-list a:hover {
    color: #cccccc;
}


.footer-list {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.footer-list a {
    font-size: 1.2rem;
}

.contact-footer a {
    margin-bottom: .2rem;
}

.contact-footer a i {
    color: var(--color-light-blue);
}

/* INDEX PAGE SETTINGS */
.index-header {
    background-color: var(--color-dark-blue);
    color: var(--color-light-blue);
    font-size: 4rem;
}

#index-header-text {
    padding: 2rem 0;
}

.index-header {
    font-weight: 900;
}

.product-image {
    width: 380px;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.index-header span {
    color: var(--color-white);
}

.header-products-carousel {
    position: relative;
    background-color: var(--color-white);
    box-shadow: -8px 1px 15px -6px rgba(0, 0, 0, 0.75) inset;
}

#product-clip {
    position: absolute;
    height: 100%;
    z-index: 1;
    margin-left: -1px;
}

#header-products-carousel,
#header-products-carousel .splide__slide,
#header-products-carousel-track {
    height: 100%;
}


#header-products-carousel .splide__slide {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
    margin-left: 3rem;
}

#header-products-carousel span {
    color: var(--color-dark-blue);
    font-weight: bold;
    font-size: 3rem;
    margin: 0 2rem;
    text-align: center;
    padding: 0 1rem;
}

.splide__pagination {
    display: none;
}

/* About us */

#about-us-img img {
    width: 90%;
    height: fit-content;
    object-fit: contain;
    align-self: center;
    border: 2px solid var(--color-dark-blue);
    border-radius: 20px;
}

#about-us p {
    font-size: 1.2rem;
    text-align: justify;
    margin-bottom: 2rem;
}

#about-us h4 i {
    background-color: #4790db;
    color: var(--color-white);
    border-radius: 10px;
    display: flex;
    font-size: 2.2rem;
    width: 3rem;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1/1;
    margin-right: 1rem;
}

#about-us h4 {
    display: flex;
    align-items: center;
}

#about-us ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row;
}

#about-us ul i {
    align-items: center;
    justify-content: center;
    aspect-ratio: 1/1;
    font-size: 2rem;
    color: var(--color-light-blue);
}

#about-us li {
    display: flex;
    align-items: center;
    margin-right: 1rem;
    font-size: 1.2rem;
}



#about-us .cta-button {
    width: fit-content;
}

/* Products Settings */
#products {
    margin-top: 5rem;
}

#products section {
    margin: 0 10rem
}

#products span {
    font-size: 1.5rem;
    color: var(--color-dark-blue);
    font-weight: 500;
    margin-top: .5rem;
    width: 75%;
}

#products-carousel .splide__slide__container {
    border-radius: 20px;
    border: 1px solid #bdbdbd;
    background-color: #eee;
    background-image: url('../img/index/products-bg.webp');
    width: 250px;
    height: 250px;
    padding: 1rem;
}

#products-carousel img {
    border-radius: 20px;
}

#products .cta-button {
    font-size: 1.5rem;
    background-color: var(--color-dark-blue);
    padding: .1rem 2rem;
    margin-top: 1rem;
}


/* Product Single */
.product-single-main_img {
    border: 2px solid var(--color-ultralight-gray);
    border-radius: 10px;
    padding: 1rem;
    max-width: 100%;
    aspect-ratio: 1/1;
}

.product-single-main_img img {
    width: 80%;
    max-height: 80%;
    object-fit: contain;
}


#product-thumbnails img {
    width: 100%;
    max-height: 100%;
    object-fit: contain;
}


#product-single section,
#product-single .splide__track {
    height: 100%;
}

#product-single .splide__slide {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

#product-thumbnails .splide__slide.is-active {
    border-color: var(--color-light-blue) !important;
}

.product-content-text {
    padding: 1.5rem;
    background-color: #ebebeb;
    border-radius: 20px;
}

.product-single-body {
    padding-left: 2rem;
}

.product-single-body .cta-button {
    font-size: 1.7rem;
    margin-top: 0;
    align-self: start;
    margin-bottom: 1.5rem;
    border: none;
}

.product-single-body h1 {
    font-size: 2.5rem;
    font-weight: bolder;
    margin-bottom: .3rem;
}

.product-thumbnails-list .splide__slide {
    margin-top: .5rem;
}

.product-thumbnails-list .splide__slide {
    width: 90px;
    height: 70px;
    border: 2px solid var(--color-light-gray) !important;
    padding: 10px;
    border-radius: 10px;
    cursor: pointer;
    overflow: hidden;
}

.product-thumbnails .splide__slide img {
    width: 100%;
    max-height: 100%;
}

#other-products h1,
#other-products h2 {
    margin: 4.5rem 0;
}

#other-products h2 {
    font-size: 3rem;
}

#other-products span {
    font-size: 1.5rem;
    color: var(--color-light-blue);
    font-weight: 500;
    margin-top: .5rem;
    width: 75%;
}

#other-product-container {
    height: 100%;
}

#other-product-img-container {
    border-radius: 20px;
    border: 1px solid #bdbdbd;
    background-color: #eee;
    background-image: url('../img/index/products-bg.webp');
    width: 250px;
    height: 250px;
    padding: 1rem;
}

#other-products img {
    border-radius: 20px;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#other-products .cta-button {
    font-size: 1.5rem;
    background-color: var(--color-dark-blue);
    padding: .1rem 2rem;
    margin-top: 1rem;
}

/* Blogs Section Settings */
#blog {
    margin-top: 5rem;
    background-color: var(--color-dark-blue);
    background-image: url('../img/index/blog-bg.webp');
}

#blog h1 {
    color: var(--color-white);
    padding: 3rem;
    margin: 0;
}

.blog-thumbnail {
    width: 83%;
    border: 5px solid var(--color-light-blue);
    border-radius: 10px;
    overflow: hidden;
}

.big-blog-text {
    backdrop-filter: blur(3px);
    border-radius: 20px
}

.big-blog-text p {
    font-size: 3rem;
    color: var(--color-white);
    line-height: 5rem;
}

.big-blog-text span {
    font-size: 6rem;
    color: var(--color-white);
}

#blog .cta-button {
    margin: 3rem 0;
}

.overlay-text,
.big-blog-text {
    width: 100%;
    height: 100%;
}

/* Blogs Page Settings */
#blog-page h1 {
    font-size: 3.7rem
}

.blog-card-container .card {
    border: 1px solid var(--color-ultralight-gray);
}

#blog-page h1 {
    color: var(--color-dark-blue);
}

.blog-card-container h5 {
    font-weight: bolder;
}

.blog-card-container h5:hover {
    color: var(--color-light-blue);
}

/* Blog Single Settings*/
#blog-single {
    max-width: 60rem;
}

#blog-single h1 {
    font-size: 2.2rem;
}

#blog-single h1,
#blog-single strong,
#blog-single h4 {
    font-weight: bolder;
    color: var(--color-dark-blue);
}

#blog-single-author p {
    margin: 0;
    margin-left: .6rem;
    font-weight: bold;
}

#blog-single h1,
#date-updated,
#blog-single-author {
    margin-bottom: 2rem;
}

#blog-single-image {
    margin: 4rem 0;
}

#blog-single-author img {
    background-color: #002878;
    width: 3.5rem;
    height: 3.5rem;
    border: 3px solid var(--color-light-blue);
    border-radius: 100px;
    object-fit: contain;
    padding: .25rem;
}

#blog-single-image img {
    max-width: 60%;
    border: 3px solid var(--color-dark-blue);
    border-radius: 10px;
}

#other-blogs-h1 {
    text-align: center;
    font-size: 3rem;
    margin-top: 9rem;
    margin-bottom: 4rem;
}

#other-blogs-container {
    max-width: 55%;
        margin: 0 auto;
}

/* Contact us Settings */
#contact-us {
    margin-top: 4rem;
}

#contact-us h1 {
    border-bottom: 1px solid var(--color-light-gray);
    border-color: #a2a2a2;
    width: fit-content;
    margin-bottom: 0.1rem;
}

#contact-us p {
    letter-spacing: .15rem;
    font-size: 1.6rem;
    font-weight: 500;
    color: var(--color-ultralight-gray);
}

#contact-us-form .form-label {
    margin-bottom: .2rem;
}

#contact-us-form input {
    border-color: var(--color-ultralight-gray) !important;
    height: 3rem !important;
    margin-bottom: 1rem;
}

#contact-us-form textarea {
    border-color: var(--color-ultralight-gray) !important;
    height: 9rem !important;
}

#contact-us .cta-button {
    background-color: var(--color-dark-blue);
    width: fit-content;
    border: none;
    font-size: 2rem;
    padding: .5rem;
    line-height: 1rem;
}

/* Categorie Single */
#categories-single h1 {
    font-size: 3rem;
}

#categories-single .cta-button {
    font-size: 1.7rem;
    margin-top: 0;
    align-self: start;
    margin-top: 1.5rem;
    margin-bottom: 2.5rem;
    border: none;
}

#categorie-single-header h1,
#categorie-single-header p {
    margin: 0;
}

#categorie-products span {
    font-size: 1.3rem;
    color: var(--color-light-blue);
    font-weight: 500;
    margin: 1rem 0;
    width: 75%;
}

#categorie-products {
    margin-top: 6rem;
}

#categorie-products-container a {
    text-decoration: none;
}

#categorie-products-container {
    width: 240px;
}

#categorie-products-container a p {
    color: var(--color-dark-gray);
    font-size: 1rem;
    width: 100%;
}


#categorie-products-img-container {
    border-radius: 20px;
    border: 1px solid #bdbdbd;
    background-color: #eee;
    background-image: url('../img/index/products-bg.webp');
    width: 240px;
    height: 240px;
    padding: 1rem;
}

#categorie-products img {
    border-radius: 20px;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#categorie-products .cta-button {
    font-size: 1.5rem;
    background-color: var(--color-dark-blue);
    padding: .1rem 2rem;
    margin-top: 1rem;
}




@media (max-width: 1773px) {
    #products section {
        margin: 0 10rem;
    }
}

@media (min-width: 1501px) and (max-width: 1772px) {
    #contact-us h1 {
        font-size: 3.36rem;
    }

    #contact-us p {
        font-size: 1.47rem;
    }
}

@media (max-width: 1340) {
    #products section {
        margin: 0 10rem;
    }
}

@media (max-width: 1500px) {

    h1 {
        font-size: 3.7rem;
    }

    #index-header p {
        font-size: 3.3rem;
    }

    #header-products-carousel span {
        font-size: 2.5rem;
    }

    #about-us li,
    #about-us p {
        font-size: 1.2rem;
        margin-bottom: 2rem;
    }

    #about-us ul {
        margin-bottom: 0;
    }

    .cta-button {
        font-size: 1.75rem;
    }

    #products section {
        margin: 0 8rem;
    }

    #blog .cta-button {
        font-size: 2rem;
    }

    #contact-us h1 {
        font-size: 3rem;
    }

    #contact-us p {
        font-size: 1.31rem;
    }
}

@media (max-width: 1399px) {

    #blog-page h1,
    h1 {
        font-size: 3.3rem;
    }

    #index-header p {
        font-size: 2.83rem;
    }

    .product-image {
        width: 250px;
        height: 250px;
    }

    #header-products-carousel span {
        font-size: 2rem;
    }

    #products-carousel .splide__slide__container {
        width: 200px;
        height: 200px;
    }

    #products span,
    #products .cta-button {
        font-size: 1.3rem;
    }

    #about-us-content {
        padding: 0 2rem;
    }

    #about-us-img {
        height: fit-content;
    }

    #about-us-img img {
        margin-top: 3rem;
        max-width: 100%;
        object-fit: cover;
    }

    #about-us li,
    #about-us p {
        font-size: 1rem;
    }

    #contact-us {
        margin: 0 .5rem;
        margin-top: 4rem;
    }

    #contact-us h1 {
        font-size: 2.5rem;
    }

    #contact-us p {
        font-size: 1.05rem;
        margin-bottom: 2rem;
    }

    #contact-us .cta-button {
        font-size: 1.7rem;
    }

    .footer-list h4 {
        font-size: 1.2rem;
    }

    .footer-list a {
        font-size: 1.07rem;
    }

    footer p {
        font-size: .95rem;
    }

}

@media (min-width: 1200px) {
    .big-blog {
        min-width: 410px;
        max-height: 410px;
    }

    .small-blog {
        min-width: 350px;
        max-height: 350px;
    }
}

@media (max-width: 1199px) {

    #blog-page h1,
    h1 {
        font-size: 3rem;
    }

    .cta-button {
        font-size: 1.55rem;
    }

    header .navbar-nav {
        gap: .8rem;
    }

    #navbarNav a {
        font-size: 1.2rem;
        padding: .1rem;
    }

    header .img-fluid {
        max-width: 400px;
    }

    #index-header p {
        font-size: 2.34rem;
    }

    #header-products-carousel span {
        font-size: 1.86rem;
    }

    .product-image {
        width: 160px;
        height: 160px;
    }

    /* Categorie */
    #categorie-products-container,
    #categorie-products-img-container {
        width: 200px;
    }

    #categorie-products-img-container {
        height: 200px;
    }

    #products section {
        margin: 0 3rem;
    }

    #blog h1 {
        padding: 3rem;
    }

    #blog-container {
        justify-content: center !important;
    }

    #blog .cta-button {
        margin: 3rem 0;
    }

    .big-blog,
    .small-blog {
        width: 60%;
        height: auto;
    }

    .overlay-text {
        font-size: 1.6rem;
    }

    .footer-list h4 {
        font-size: 1.3em;
    }

    .footer-list a {
        font-size: 1.1rem;
    }

    .footer-list {
        margin-bottom: 3.3rem;
    }

    footer {
        padding: 2rem;
    }

}

@media (max-width: 991px) {
    header .img-fluid {
        max-width: 330px;
    }

    #navbarMobile .img-fluid {
        max-width: 270px;
    }

    #header-products-carousel span {
        font-size: 1.5rem;
    }

    #index-header p {
        font-size: 2rem;
    }

    .product-image {
        width: 150px;
        height: 150px;
    }

    .cta-button {
        font-size: 1.3rem;
    }

    #blog .cta-button {
        font-size: 1.7rem;
    }

    #about-us .cta-button {
        margin-bottom: 0rem;
    }

    #products section {
        margin: 0;
    }

    #products-carousel .splide__slide__container {
        width: 170px;
        height: 170px;
    }

    #products span {
        font-size: 1.2rem;
    }

    #products .cta-button {
        font-size: 1.1rem;
    }

    /* Product Single */
    #product-single {
        max-width: 95%;
    }

    .product-single-body {
        margin-top: 2rem;
        padding: 0;
    }

    .product-single-main_img {
        max-width: 50%;
    }

    #other-product-img-container {
        width: 200px;
        height: 200px;
    }

    #other-products span,
    #other-products .cta-button {
        font-size: 1.3rem;
    }


}

@media (max-width: 767px) {

    header {
        padding: .8rem .2rem;
    }

    #index-header-text {
        padding: 2rem 1.3rem;
    }

    #index-header p {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    #index-header .cta-button {
        font-size: 1.3rem;
        margin-top: .5rem;
    }

    .product-image .img-fluid {
        width: fit-content;
        height: auto;
        max-height: 100%;
        object-fit: cover;
    }

    .product-image {
        width: 190px;
        height: 190px
    }

    #header-products-carousel .splide__slide {
        margin-left: 0;
        gap: 2rem;
    }

    .header-products-carousel {
        padding: 1.5rem 0;
    }

    .cta-button {
        font-size: 1.6rem;
    }

    .overlay-text {
        font-size: 1.6rem;
    }

    /* Blog Single */
    #blog-single-image img {
        max-width: 100%;
    }

    /* Product Single */
    .product-single-main_img {
        max-width: 100%;
    }

    .product-single-body h1 {
        font-size: 2.2rem;
    }

    #other-products h2 {
        margin: 3rem 0;
    }

    #other-products h2 {
        font-size: 2.5rem;
    }
}

@media (max-width: 577px) {

    #about-us-img {
        padding: 0;
    }

    #about-us-img img {
        margin-top: 1rem;
        border-left: none;
        border-right: none;
        border-radius: 0px;
        min-width: 100%;
    }

    .big-blog,
    .small-blog {
        width: 100%;
    }

    .footer-list {
        margin-bottom: 0;
    }

    .footer-list a {
        font-size: 1rem;
        margin-bottom: .3rem;
    }

    footer img {
        padding: 0 3rem;
        margin: 2rem 0;
    }

    footer {
        padding-left: 1rem;
    }

    /* Blog Single */
    #blog-single h1 {
        font-size: 2rem;
    }


    /* Products Single */

    #other-products h2 {
        font-size: 2.5rem;
    }

    #other-product-img-container {
        width: 180px;
        height: 180px;
    }

    #other-products span,
    #other-products .cta-button {
        font-size: 1.1rem;
    }
}

@media (max-width: 546px) {

    #blog-page h1,
    h1 {
        font-size: 2.5rem;
    }

    header .img-fluid {
        max-width: 240px;
    }

    #navbarNav .dropdown-item {
        font-size: 1.2rem;
    }

}

@media (max-width: 478px) {

    .product-single-body h1 {
        font-size: 1.8rem;
    }

    #categories-single h1 {
        font-size: 2rem;
    }

    #categorie-products-img-container {
        height: 140px;
    }

    #categorie-products-img-container {
        width: 140px;
    }

    #categorie-products span {
        font-size: 1.1rem;
        margin: .6rem 0;
    }

    #categories-single .cta-button,
    .product-single-body .cta-button {
        font-size: 1rem;
        padding: .4rem;

    }
}

@media (max-width: 457px) {

    #blog-page h1,
    h1 {
        font-size: 2.5rem;
    }

    header .img-fluid {
        max-width: 240px;
    }

    /* Product Single */
    #product-thumbnails .splide__slide {
        width: 90px !important;
        height: 70px !important;
    }


    #other-products h2 {
        font-size: 2rem;
    }

    #other-product-img-container {
        width: 140px;
        height: 140px;
    }

    #other-products span,
    #other-products .cta-button {
        font-size: 1rem;
    }

    #other-products .cta-button {
        padding: .1rem 1rem;
    }
}

@media (max-width: 427px) {

    #blog-page h1,
    h1 {
        font-size: 2.5rem;
    }
    
    #other-blogs-h1 {
        font-size: 2.4rem;
    }

    #contact-us h1 {
        font-size: 2rem;
    }

    #contact-us p {
        font-size: .8rem;
    }

    footer {
        padding: 2rem 1rem
    }
}

@media (max-width: 393px) {
    #index-header p {
        font-size: 1.8rem;
        line-height: 2.5rem;
    }

    header .img-fluid {
        max-width: 200px;
    }

    /* Blog Single */
    #blog-single h1 {
        font-size: 1.5rem;
    }


}

@media (max-width: 358px) {
    #contact-us h1 {
        font-size: 1.8rem;
    }

    #contact-us p {
        font-size: .7rem;
        text-align: start;
    }

    #contact-us .cta-button {
        font-size: 1.3rem;
    }

    footer {
        padding: 2rem .3rem
    }

    .footer-list a {
        font-size: .96rem;
    }

    /* Blog Single */
    #blog-single h1,
    h1 {
        font-size: 1.3rem;
    }

    #other-products .cta-button {
        padding: .1rem .3rem;
    }
}