/* CSS Declaration */
:root{
    --color-medium-blue:#386893;
    --color-light-blue:#D3E3E5;
    --color-yellow-green:#F0F3DD; 
    --color-light-grayish-blue:#A2ABAE;
    --color-medium-brown:#7D5D49;
    --color-light-ivory: #F9F3ED;
    --color-light-beige: #F3EADE;
    --color-medium-almond: #BC937D;
    --color-brand-red: #672218;

    --font-arial:"Arial";
    --font-montserrat-bold:"Montserrat-Bold";
    --font-montserrat-medium:"Montserrat-Medium";
    --font-montserrat-semi-bold:"Montserrat-SemiBold";
    --font-montserrat-semi-bold-italic:"Montserrat-SemiBoldItalic";
    --font-myriad-pro-regular:"MyriadPro-Regular";
    --font-begum: "Begum";
    --font-begum-light: "Begum-Light";
    --font-begum-medium: "Begum-Medium";
    --font-begum-semibold: "Begum-Semibold";

    --font-size-default:15px;
    --font-size-19:19px;
}

.background-medium-blue{
    background-color:var(--color-medium-blue) !important;
}
.background-light-blue{
    background-color:var(--color-light-blue) !important;
}
.background-yellow-green{
    background-color:var(--color-yellow-green) !important;
}
.background-light-grayish-blue{
    background-color:var(--color-light-grayish-blue) !important;
}
.background-medium-brown{
    background-color:var(--color-medium-brown) !important;
}
.background-light-ivory{
    background-color:var(--color-light-ivory) !important;
}
.background-light-beige{
    background-color:var(--color-light-beige) !important;
}
.background-medium-almond{
    background-color:var(--color-medium-almond) !important;
}

.background-brand-color{
    background-color:var(--color-brand-red) !important;
}

.color-medium-blue{
    color:var(--color-medium-blue) !important;
}
.color-light-blue{
    color:var(--color-light-blue) !important;
}
.color-yellow-green{
    color:var(--color-yellow-green) !important;
}
.color-light-grayish-blue{
    color:var(--color-light-grayish-blue) !important;
}
.color-medium-brown{
    color:var(--color-medium-brown) !important;
}
.color-light-ivory{
    color:var(--color-light-ivory) !important;
}
.color-light-beige{
    color:var(--color-light-beige) !important;
}
.color-medium-almond{
    color:var(--color-medium-almond) !important;
}
.color-white{
    color:#fff !important;
}

.font-size-19{
    font-size:var(--font-size-19) !important;
}

.background-image-cover-no-repeat-center{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
}
.background-image-cover-no-repeat{
    background-size:cover;
    background-repeat:no-repeat;
}

.btn-bg-medium-blue{
    color:#fff;
    background-color:var(--color-medium-blue) !important;
}

.btn-medium-blue-color-white{
    font-family: var(--font-montserrat-semi-bold);
    background-color:var(--color-medium-blue) !important;
    color:#fff;
    opacity: 1;
}
.btn-medium-blue-color-white[href]:not([href="javascript:void(0)"]):not([href=""]):hover {
    color:#fff;
    opacity: 0.8;
}

.btn-medium-brown-color-white{
    font-family: var(--font-montserrat-semi-bold);
    background-color:var(--color-medium-brown) !important;
    color:#fff;
    opacity: 1;
}
.btn-medium-brown-color-white[href]:not([href="javascript:void(0)"]):not([href=""]):hover {
    color:#fff;
    opacity: 0.8;
}

.btn-medium-brand-color-white{
    font-family: var(--font-montserrat-semi-bold);
    background-color:var(--color-brand-red) !important;
    color:#fff;
    opacity: 1;
}
.btn-medium-brand-color-white[href]:not([href="javascript:void(0)"]):not([href=""]):hover {
    color:#fff;
    opacity: 0.8;
}

.btn-medium-almond-color-white{
    font-family: var(--font-montserrat-semi-bold);
    background-color:var(--color-medium-almond) !important;
    color:#fff;
    opacity: 1;
}
.btn-medium-almond-color-white[href]:not([href="javascript:void(0)"]):not([href=""]):hover {
    color:#fff;
    opacity: 0.8;
}


.btn-transparent-color-medium-blue{
    background-color: transparent;
    font-family: var(--font-montserrat-semi-bold);
    color: var(--color-medium-blue) !important;
    border: 1px solid var(--color-medium-blue);
}
.btn-transparent-color-medium-blue[href]:not([href="javascript:void(0)"]):not([href=""]):hover {
    background-color: rgba(0, 0, 0, 0.1) !important; /* Light hover effect */
}

a[href="javascript:void(0)"]{
    cursor:unset;
}
a.link-underline:not([href="javascript:void(0)"]):hover{
    text-decoration:underline;
}

/* Fonts Download (Custom) */
@font-face {
    font-family: "Arial";
    src: url("/../assets/fonts/Arial.ttf") format("truetype");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Montserrat-Bold";
    src: url("../../assets/fonts/Montserrat-Bold.eot") format("embedded-opentype"),
         url("../../assets/fonts/Montserrat-Bold.ttf") format("truetype"),
         url("../../assets/fonts/Montserrat-Bold.otf") format("opentype"),
         url("../../assets/fonts/Montserrat-Bold.woff2") format("woff2"),
         url("../../assets/fonts/Montserrat-Bold.woff") format("woff");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Montserrat-Medium";
    src: url("../../assets/fonts/Montserrat-Medium.eot") format("embedded-opentype"),
         url("../../assets/fonts/Montserrat-Medium.woff2") format("woff2"),
         url("../../assets/fonts/Montserrat-Medium.woff") format("woff"),
         url("../../assets/fonts/Montserrat-Medium.ttf") format("truetype"),
         url("../../assets/fonts/Montserrat-Medium.otf") format("opentype");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Montserrat-SemiBold";
    src: url("../../assets/fonts/Montserrat-SemiBold.eot") format("embedded-opentype"),
         url("../../assets/fonts/Montserrat-SemiBold.woff2") format("woff2"),
         url("../../assets/fonts/Montserrat-SemiBold.woff") format("woff"),
         url("../../assets/fonts/Montserrat-SemiBold.ttf") format("truetype"),
         url("../../assets/fonts/Montserrat-SemiBold.otf") format("opentype");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Montserrat-SemiBoldItalic";
    src: url("../../assets/fonts/Montserrat-SemiBoldItalic.eot") format("embedded-opentype"),
         url("../../assets/fonts/Montserrat-SemiBoldItalic.woff2") format("woff2"),
         url("../../assets/fonts/Montserrat-SemiBoldItalic.woff") format("woff"),
         url("../../assets/fonts/Montserrat-SemiBoldItalic.ttf") format("truetype"),
         url("../../assets/fonts/Montserrat-SemiBoldItalic.otf") format("opentype");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "MyriadPro-Regular";
    src: url("../../assets/fonts/MyriadPro-Regular.eot") format("embedded-opentype"),
         url("../../assets/fonts/MyriadPro-Regular.woff2") format("woff2"),
         url("../../assets/fonts/MyriadPro-Regular.woff") format("woff"),
         url("../../assets/fonts/MyriadPro-Regular.ttf") format("truetype"),
         url("../../assets/fonts/MyriadPro-Regular.otf") format("opentype");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Begum";
    src: url("../../assets/fonts/Begum.otf") format("opentype");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Begum-Light";
    src: url("../../assets/fonts/Begum-Light.otf") format("opentype");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Begum-Medium";
    src: url("../../assets/fonts/Begum-Medium.otf") format("opentype");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Begum-Semibold";
    src: url("../../assets/fonts/Begum-Semibold.otf") format("opentype");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

.font-arial{
    font-family: var(--font-arial) !important;
}
.font-montserrat-bold{
    font-family: var(--font-montserrat-bold) !important;
}
.font-montserrat-medium{
    font-family: var(--font-montserrat-medium) !important;
}
.font-montserrat-semi-bold{
    font-family: var(--font-montserrat-semi-bold) !important;
}
.font-montserrat-semi-bold-italic{
    font-family: var(--font-montserrat-semi-bold-italic) !important;
}
.font-myriad-pro-regular{
    font-family: var(--font-myriad-pro-regular) !important;
}
.font-begum{
    font-family: var(--font-begum) !important;
}
.font-begum-light{
    font-family: var(--font-begum-light) !important;
}
.font-begum-medium{
    font-family: var(--font-begum-medium) !important;
}
.font-begum-semibold{
    font-family: var(--font-begum-semibold) !important;
}

.font-bold{
    font-weight:bold !important;
}


/* HTML */
*,html{
    font-family: var(--font-myriad-pro-regular);
    font-size: var(--font-size-default);
    /* font-style:italic; */
}
html, body {
    overflow: auto;
    font-family: var(--font-myriad-pro-regular);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Header */
.header-wrap{
    max-height: 100% !important;
    height: auto !important;
}

/* Notification Marquee */
.notification-top-bar p#notification-top-bar{
    font-family: var(--font-montserrat-bold);
}
.notification-top-bar .x-icon-box{
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
}
.notification-top-bar .x-icon-box .x-icon{
    color:var(--color-light-grayish-blue);
    cursor:pointer;
}

/* Header Navbar (Customize) */
.logo-box #logo_link:hover{
    background-color:transparent !important;
}

.navigation-inner .navbar{
    flex: 1;
}
.navigation-inner .navbar .navbar-list{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.navbar{
    align-items: stretch !important;
}

.navbar .navbar-links{ 
    display: flex;
    align-items: stretch;
    justify-content: space-evenly;
    flex:1;
}
.navbar .navbar-links li{
    /* font-size:18px; */
    width:25%;
    display: inline-flex;
    align-items: stretch;
    justify-content: center;
}

.navbar .navbar-links li a{
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family:var(--font-montserrat-semi-bold);
    text-align:center;
}

.navbar .navbar-links li:hover{
    background-color:transparent !important;
    border-bottom:3px solid #fff;
}
.navbar .navbar-links li:hover a{
    color:#fff;
}

.navbar .navbar-links a:hover{
    background-color:transparent;
    color:#fff !important;
}

.navbar .navbar-links li.active,
.nav-item:has(.show){
    border-bottom:3px solid #fff;
}

.navbar .navbar-links li a{
    color:#fff;
}

.navbar .nav-item{
    margin:unset;
}

.navbar-links .dropdown{
    overflow:unset;
}

.nav-item .dropdown-menu {
    background-color: rgba(255, 255, 255, 0.5); /* Semi-transparent white */
    border: none; 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); 
    backdrop-filter: blur(5px); 
    margin-top: 10px; 
    padding: 10px; 
    border-radius: unset;
    width: 100%; /* Match parent width */
    left: 0; /* Align to parent */
    right: 0; /* Align to parent */
}

.nav-item .dropdown-menu a{
    color:#000 !important;
}
.nav-item .dropdown-menu a:hover{
    color: #000 !important;
}

/* Navbar Dropdown Item */
.dropdown-item {
    white-space: normal; /* Allow text to wrap to the next line */
    word-wrap: break-word; /* Break long words if necessary */
    word-break: break-word; /* For extra compatibility with long words */
    padding: 8px 15px; /* Adjust padding for consistent spacing */
}
.dropdown-item:hover {
    background-color: rgba(0, 0, 0, 0.1) !important; /* Light hover effect */
    color: #000; /* Darker text on hover */
    border-radius: unset;
}

@media only screen and (width < 1280px), screen and (max-device-width: 1279px){
    .navbar .logo-box{
        display:flex;
        justify-content: center;
    }

    .navbar .navbar-links{
        display:none;
    }

    .header-column-right{
        padding:0 !important;
        align-items:center;
        margin: inherit;
    }
}

/* Proaducts */
.product-btn{
    font-size: smaller !important;
}

/* Sidebar Menu */
.sidebar-menu-wrap .sidebar-menu-header .sidebar-menu-close > i{
    color:#fff;
}
.sidebar-menu-wrap .sidebar-menu-header{
    background-color: var(--color-brand-red) !important;
}
.sidebar-menu-wrap .sidebar-menu-tab{
    background-color: var(--color-brand-red);
}
.sidebar-menu-wrap .sidebar-menu-tab.nav-tabs .nav-item{
   margin: unset;
}
.sidebar-menu-wrap .sidebar-menu-tab.nav-tabs .nav-link{
    background-color: var(--color-brand-red);
    font-family: var(--font-montserrat-semi-bold);
    color: #fff !important;
    border-bottom: 3px solid var(--color-brand-red);
}
.sidebar-menu-wrap .sidebar-menu-tab.nav-tabs .nav-link.active{
    background-color: var(--color-brand-red);
    border-bottom: 3px solid #fff;
}
.sidebar-menu-wrap > .tab-content{
    background-color: var(--color-brand-red);
    height: 100%;
    position: unset;
}
.sidebar-menu-wrap .sidebar-menu li a p{
    font-family: var(--font-montserrat-semi-bold);
    color: #fff !important;
    display: inline;
}
.tabs:not(.featured-categories-tabs) .tab-item:hover:before, .nav-tabs .nav-link:hover:before{
    width: unset;
}
.sidebar-menu li:hover{
    background-color: rgba(0, 0, 0, 0.1) !important; /* Light hover effect */
}
.list-inline.sidebar-menu{
    /* margin-top:0; */
}

/* Carousel Button */
.carousel-btn{
    background-color: transparent;
    position: absolute;
    bottom: 70px;
    transform: translateX(-50%);
    font-family: var(--font-montserrat-bold);
    color: #fff !important;
    border: 1px solid #fff;
}
.carousel-btn:hover {
    background-color: rgba(0, 0, 0, 0.1) !important; /* Light hover effect */
}

/* Carousel Dots */
.flickity-page-dots .dot.is-selected{
    background-color:#fff !important;
}

/* Featured Categories */
.featured-category-products .slick-track{
    display:flex;
}
.featured-categories-wrap .slick-dots{
    bottom:-35px;
}

/* Products */
.flex-align-stretch{
    align-items: stretch;
    display: flex;
}
.flex-direction-column{
    flex-direction: column !important;
}
.flex-same-height{
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
}

.same-height{
    height:100%;
}

/* Home Products Section */
#home-products-section h1,
#home-products-section h2{
    color:var(--color-medium-blue);
}

#home-products-section .bg-img{
    position:relative;

    height: 500px;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#home-products-section .bg-img .btn{
    position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
}

/* Home Benefits Section */
#home-benefit-section h1{
    color: var(--color-brand-red)
}
#home-benefit-section .icon-box p{
    font-family:var(--font-montserrat-semi-bold);

    word-break: break-word;
}

#home-benefit-section .icon-box .column{
    display: flex;
    align-items: center;
    column-gap: 15px;
}

@media only screen and (width < 992px), screen and (max-device-width: 991px){
    #home-benefit-section .icon-box img{
        width:50px;
    }
    #home-benefit-section .right-side-img{
        height:500px;
    }
    #home-benefit-section .left-col{
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }
}
@media only screen and (width < 768px), screen and (max-device-width: 767px){
}
@media only screen and (width < 576px), screen and (max-device-width: 575px){
    #home-benefit-section .icon-box img{
        width:45px;
    }
    #home-benefit-section .left-col{
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }
}

/* Home Life Section */
#home-life-section h1{
    color: var(--color-brand-red)
}
#home-life-section .column{
    display: grid;
    place-items: center;
}
#home-life-section img{
    width:100%;
    border-radius: 25px;
}
/* #home-life-section .flex-row{
    display: flex;
    flex-wrap: wrap; 
    justify-content:center;
    gap:15px;
}
#home-life-section .flex-row .flex-item{
    flex: 1 1 calc(33.33% - 15px);
    text-align: center;
}
@media only screen and (width < 768px), screen and (max-device-width: 767px){
    #home-life-section .flex-row .flex-item{
        flex: 1 1 calc(50% - 15px);
    }
}
@media only screen and (width < 576px), screen and (max-device-width: 575px){
    #home-life-section .flex-row .flex-item{
        flex: 1 1 100%;
    }
} */

/* One Background Banner */
.one-background-banner{
    background-size:cover; 
    background-position:center; 
    background-repeat:no-repeat;
    height:100vh;
}

@media only screen and (width < 992px), screen and (max-device-width: 991px){
    .one-background-banner{
        height:80vh;
    }
}
@media only screen and (width < 768px), screen and (max-device-width: 767px){
    .one-background-banner{
        height:60vh;
    }
}

/* About Us Ingredients Container */
#about-us-ingredients-container h1{
    color: var(--color-brand-red)
}
/* About Us Ingredients Image Container */
#about-us-ingredients-image-container p{
    color: var(--color-brand-red);
    font-family: var(--font-montserrat-bold);
}
#about-us-ingredients-image-container img{
    width:100%;
}

/* About Us Type Grains Container */
#about-us-type-grains-container h5{
    color: var(--color-brand-red)
}
#about-us-type-grains-container p{
    font-family: var(--font-montserrat-semi-bold);
}
#about-us-type-grains-container .flex-row{
    display: flex;
    flex-wrap: wrap; /* Allow wrapping to new rows */
    justify-content:center;
    gap:5px;
}
#about-us-type-grains-container .flex-row .flex-item{
    flex: 0 0 calc(100% / 7 - 10px); /* Each item takes 1/7th of the width, minus gap */
    text-align: center;
}
#about-us-type-grains-container img{
    width:100px;
    height:100px;
    object-fit: contain;
    object-position: center;
}

/* About Us Type Fruits Veg Container */
#about-us-type-fruits-veg-container h5{
    color: var(--color-brand-red)
}
#about-us-type-fruits-veg-container p{
    font-family: var(--font-montserrat-semi-bold);
}
#about-us-type-fruits-veg-container .flex-row{
    display: flex;
    flex-wrap: wrap; /* Allow wrapping to new rows */
    justify-content:center;
    gap:5px;
}
#about-us-type-fruits-veg-container .flex-row .flex-item{
    flex: 0 0 calc(100% / 7 - 10px); /* Each item takes 1/7th of the width, minus gap */
    text-align: center;
}
#about-us-type-fruits-veg-container img{
    width:100px;
    height:100px;
    object-fit: contain;
    object-position: center;
}

/* About Us Shake Container */
#about-us-shake-container h2{
    color: var(--color-brand-red);
}
#about-us-shake-container .img-box img{
    width:250px;
}
#about-us-shake-container .shake-bottle{
    transition: transform 1s ease-in-out;
}
#about-us-shake-container .splash{
    position: absolute;
    left: 49%;
    top: 40%;
    transform: translate(-50%, -50%);
    opacity:0;

    transition: all 1s ease-out;
}



 /*#about-us-interactive-photos-container .interactive-photos img{
    height:450px;
    /* height:400px;
    /* height:340px;
    /* object-fit: contain;
    /* object-position: center;
}*/

/* 
#about-us-interactive-photos-container .owl-item{
    width: 360px !important; 
} */


#about-us-interactive-photos-container .interactive-photos{
    overflow: hidden;
}
#about-us-interactive-photos-container .slick-slide{
    margin:0;
    display: inline-block;
}

@media only screen and (width > 780px){

    .about-us-wrap .one-background-banner{
        background-size:contain;
    }
}


@media only screen and (width < 579px) {
    .about-us-wrap .one-background-banner.full-height-banner{
        background-size:100%;
        height: 60vh !important;
    } 
} 


/* @media only screen and (width > 1680px){
    #about-us-interactive-photos-container .interactive-photos img{
        height:500px;
    }
    #about-us-interactive-photos-container .owl-item{
       width: 400px !important; 
    }
} */

/* @media only screen and (width < 768px), screen and (max-device-width: 767px){
    #about-us-interactive-photos-container .interactive-photos img{
        height:400px;
        /* height:auto; */
    }
    #about-us-interactive-photos-container .owl-item{
       width: 320px !important; 
    }
}

@media only screen and (width < 576px), screen and (max-device-width: 575px){
    #about-us-interactive-photos-container .interactive-photos img{
        height:300px;
    }
    #about-us-interactive-photos-container .owl-item{
       width: 240px !important; 
    }
} */

/* About Us How To Enjoy Container */
#about-us-how-to-enjoy-container .custom-header{
    background-color: var(--color-brand-red);
    width: 25%;
    border-radius: 0 25px 25px 0;
}
#about-us-how-to-enjoy-container .custom-header h2{
    color:#fff;
}
#about-us-how-to-enjoy-container .custom-body{
    border:3px solid var(--color-brand-red);
    border-radius: 0 15px 15px 15px;
}
#about-us-how-to-enjoy-container .custom-body .img-box{
    display: flex ;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
}
#about-us-how-to-enjoy-container .custom-body .img-box .img-item{
    flex: 1 1 calc(25% - 15px);
    text-align: center;
}

@media only screen and (width < 1200px), screen and (max-device-width: 1199px){
    #about-us-how-to-enjoy-container .custom-header{
        width: 35%;
    }
}
@media only screen and (width < 992px), screen and (max-device-width: 991px){
    #about-us-how-to-enjoy-container .custom-header{
    }
}
@media only screen and (width < 768px), screen and (max-device-width: 767px){
    #about-us-how-to-enjoy-container .custom-header{
        width: 50%;
    }
}
@media only screen and (width < 576px), screen and (max-device-width: 575px){
    #about-us-how-to-enjoy-container .custom-header{
        width: 80%;
    } 
}


/* About Us Quality Assurance Container */
#about-us-quality-assurance-container .img-box{
    display: flex;
    align-items: center;
    justify-content: center;

    column-gap: 25px;
}
#about-us-quality-assurance-container .img-box img{
    width:100px;
}
#about-us-quality-assurance-container h1{
    color:var(--color-brand-red);
}

@media only screen and (width < 576px), screen and (max-device-width: 575px){
    #about-us-quality-assurance-container .img-box{
        flex-wrap: wrap;
        flex-direction: column;
        row-gap: 25px;
    } 
}

/* Footer */
.footer-wrap{
    background-color:var(--color-brand-red);
}
.footer-wrap ul{
    list-style-type: none;
}
.footer-wrap ul li{
    text-align:left;
}
.footer-wrap ul li a{
    /* font-family: var(--font-begum-light); */
}
.footer-wrap ul li .nav-link{
    color:#fff !important;
}
.footer-wrap ul li .nav-link:hover{
    text-decoration:underline;
}
.footer-wrap .social-media-icons{
    display:flex; 
    column-gap:15px;
    justify-content:end;
}
.footer-wrap .social-media-icons svg.icon{
    width:25px !important;
}
.footer-wrap .social-media-icons a{
    /* background-color: var(--color-medium-blue); */
    /* padding: 5px;
    border-radius: 8px; */
}
@media only screen and (width < 768px), screen and (max-device-width: 767px){
    .footer-wrap .social-media-icons{
        display:flex; 
        column-gap:15px;
        justify-content:center;
    }
}

/* Marquee Container */
.marquee-container {
    width: 100%;
    overflow: hidden;
    padding: 10px;
    border-radius: 10px;
    position: relative; 
}
.marquee-container svg{
    height: 200px;
}
.marquee-container textPath a {
    font-size: 22px; 
}
.uppercase-text {
    /* text-transform: uppercase; */
}

@media only screen and (width < 992px), screen and (max-device-width: 991px){
    .marquee-container svg{
        height:200px;
    }

    .marquee-container textPath a {
        font-size: 28px;
    }
}

@media only screen and (width < 768px), screen and (max-device-width: 767px){
    .marquee-container svg{
        height:200px;
    }
    .marquee-container textPath a {
        font-size: 32px;
    }
}

@media only screen and (width < 576px), screen and (max-device-width: 575px){
    .marquee-container svg{
        height:150px;
    }
    .marquee-container textPath a {
        font-size: 6.5rem; 
    }
}

/* Background size */
path {
    stroke-width: 2rem;
}

@media (max-width: 768px) {
    path {
        stroke-width: 6rem; 
    }
}

@media (max-width: 480px) {
    path {
        stroke-width: 8rem;
    }
}


@media only screen and (width < 768px), screen and (max-device-width: 767px){
    .footer-wrap .logo-box{
        text-align:center;
    }
    .footer-wrap ul li{
        text-align:center;
    }
    .footer-wrap .social-media-icons{
        text-align:center;
    }
}

.flickity-button:focus{
    box-shadow: unset !important;
}

.brown-button {
    padding: 10px 30px;
    color: #fff;
    margin: 5px 5px;
    background: var(--color-brand-red);
}