﻿.h-50px {
    height: 50px;
}
/** {
    font-family: 'montserrat-semibold' !important;
}*/




/*.carousel-indicators [data-bs-target] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #fff;*/ /* or your preferred color */
    /*margin: 0 5px;
    opacity: 0.6;
    transition: opacity 0.3s ease;
}

.carousel-indicators .active {
    opacity: 1;
    background-color: #007bff;*/ /* Highlight color for the active dot */
/*}*/







@font-face {
    font-family: 'MontserratRegular';
    src: url('../fonts/Montserrat-Regular.otf');
   
}
@font-face {
    font-family: 'montserrat-light';
    src: url('../fonts/montserrat-light.ttf') ;
}
@font-face {
    font-family: 'montserrat-medium';
    src: url('../fonts/montserrat-medium.ttf');
}
@font-face {
    font-family: 'montserrat-semibold';
    src: url('../fonts/montserrat-semibold.ttf') ;
}
@font-face {
    font-family: 'BOLDE';
    src: url('../fonts/BOLDE.ttf');
   /* font-weight: bold;
    font-style: normal;*/
}
@font-face {
    font-family: 'montserrat-bold';
    src: url('../fonts/montserrat-bold.ttf') ;
}
@font-face {
    font-family: 'Kollektif';
    src: url('../fonts/Kollektif.ttf');
   /* font-weight: normal;
    font-style: normal;*/
}
@font-face {
    font-family: 'MontserratExtraBold';
    src: url('../fonts/Montserrat-ExtraBold.ttf'); 
   /* font-weight: 800;
    font-style: normal;*/
}


body {
    margin:0;
    
}

.NavMenu{
    align-items:center;
}
.Logo{
    position:absolute;
    top:0px;
    width:150px;
}

/***************************************************************************************************************************/
/**************************************************************************************************************************/
/***********************************************BURger ICon ****************************************************************/
/***************************************************************************************************************************/
/**************************************************************************************************************************/

.navbar {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    padding: 15px;
    /*background: #65a2e4;*/
    /*box-shadow: 0 0 10px gray;*/
    position: fixed;
    z-index: 9999;
    /*display: flex;*/
    /*flex-direction: row-reverse;*/
}

    .navbar .logo {
        font-size: 24px;
        color: white;
        text-decoration: none;
    }

    .navbar .toggler-navbar {
        margin-right: 15px;
    }

.sidebar {
    position: fixed;
    top: 0px;
    left: 0;
    width: 300px;
    height: 100%;
    background: white;
    text-align: left;
    font-size: 20px;
    transform: rotate3d(0, 1, 0, 90deg);
    transform-origin: left center;
    transition: .5s;
}

    .sidebar.open {
        transform: rotate3d(0, 0, 1, 0deg);
    }

    .sidebar ul {
        list-style: none;
    }

    .sidebar li:hover,
    .sidebar li.active {
       /* background: #0000003f;*/
    }

    .sidebar li a {
        color: #222020;
        text-decoration: none;
        padding: 10px 15px;
        display: block
    }

.hamburger-menu {
    width: 30px;
    height: 30px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

    .hamburger-menu span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        background: black;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

        .hamburger-menu span:nth-child(1) {
            top: 2.5px;
        }

        .hamburger-menu span:nth-child(2) {
            top: 11px;
        }

        .hamburger-menu span:nth-child(3) {
            top: 21px;
        }

    .hamburger-menu.open span:nth-child(1) {
        top: 15px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    .hamburger-menu.open span:nth-child(2) {
        opacity: 0;
        left: -60px;
    }

    .hamburger-menu.open span:nth-child(3) {
        top: 14px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }


/***************************************************************************************************************************/
/**************************************************************************************************************************/
/***************************************************************************************************************************/
/**************************************************************************************************************************/





.nav-link {
    font-family: 'montserrat-light', sans-serif;
    text-transform: uppercase;
    color: #222020;
    font-weight: lighter;
    padding-right: 20px !important;
    font-size: 13px;
}
.Download-Catalog {
    font-family: 'montserrat-bold', sans-serif;
    text-transform: uppercase;
    color: #222020;
    font-weight: bolder;
    padding-right: 20px !important;
    font-size: 13px;
}
.Show-Mobile {
    display: none;
}
/*.Show-Desk {
    display: Block;
}
*/

.dropdown-item {
    font-family: 'MontserratRegular', sans-serif;
    text-transform: capitalize;
    color: #222020;
}
.AboutTitle {
    color: #1d5974;
    font-family: 'BOLDE', sans-serif;
    text-align: center !important;
    font-size: 55px;
}
.FirstDesc {
    font-family: 'MontserratRegular', sans-serif;
    font-weight: lighter;
    color: #636464;
    font-size: 15.8px !important;
}
.SecondDesc {
    font-family: 'MontserratRegular', sans-serif;
   
    color: #636464;
    text-align:justify;
    font-size: 15.8px !important;
}
.ThirdDesc {
    font-family: 'MontserratRegular', sans-serif;
    
    color: #636464;
    font-size:15.8px !important;
}
.RecipiesTitle {
    color: #1d5974;
    font-family: 'BOLDE', sans-serif;
   
    font-size: 55px;
}

.RecipiesSec{
    padding-bottom:40px;
}


.RecipiesCard {
    border-radius: 0px;
    /*bottom: 3px;*/
}
.RecipiesSec {
    background-color: rgba(174, 208, 224, 0.7);
}

.card-body {
    background: #f4f4f4;
    min-height:80px;
}

.card-title {
    text-align: center;
    font-family: 'montserrat-semibold', sans-serif !important;
    color: #222020;
    font-weight: 500;
    font-size: 15px;
}
.NewsCard{
    border:none;
    margin-left:292px;
}
.NewsSec {
    background-color: #d7d7d7;
}
.NewsText {
    font-size: 16px;
    font-family: 'montserrat-light', sans-serif;
    font-weight: lighter;
}
.NewsSubTitle {
    font-size: 33px;
    text-align: right;
  
    font-weight: 800;
}
.NewsBtnInfo {
    background: #aed0e0;
    color: #1d5974;
    font-family: 'MontserratExtraBold', sans-serif;
    font-weight: 900;
    font-size: 18px;
}
.NewsBtnInfo:hover {
    background: #aed0e0;
    color: #1d5974;
   
}
.NewsBtn{
   
    text-align:right;
}
.bg-dark {
    background-color: #395A73 !important;
}
/*span {
    font-weight: bolder !important;
    font-size: 18px;
}*/
.ProductsBtnAll {
    border: none;
    border-radius: 0px !important;
    background-color: #D7AA55 !important;
    color: #323032 !important;
    font-family: 'MontserratRegular', sans-serif;
    text-transform: uppercase;
    font-weight: bolder;
    padding-right: 20px !important;
    font-size: 20px;
}


.ProductsBtn {
    border: none;
    border-radius: 0px !important;
    background-color: #AED0E0 !important;
    color: #323032 !important;
    font-family: 'MontserratRegular', sans-serif;
    text-transform: uppercase;
    
    font-weight: bolder;
    padding-right: 20px !important;
    font-size: 20px;
}
.nav-item :hover {
    color: #323032 !important;
}
/*.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #AED0E0 !important;
    color: #323032 !important;
}*/
.PopularBtn {
    border: none;
    border-radius: 0px !important;
    background-color: #AED0E0 !important;
    color: #323032 !important;
    font-family: 'MontserratRegular', sans-serif;
    text-transform: uppercase;
    font-weight: bolder;
    padding-right: 20px !important;
    font-size: 20px;
}



.gallery-title {
    font-family: 'montserrat-semibold', sans-serif !important;
    color: #598599;
    font-weight: 700;
    font-size: 16px;
}
.ProductTitle {
    font-family: 'BOLDE', sans-serif;
    color: #395a73;
   font-size:55px;
}
.NewsTitle {
    color: #1d5974;
    font-family: 'BOLDE', sans-serif;
    font-size: 55px;
}
.NewsSubTitle {
    font-family: 'MontserratExtraBold', sans-serif;
    color: #323032;
}
.SayadImg {
    position: fixed;
}
.gallery-img {
    width: 100%;
    height: auto;
    border-radius: 0px !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.gallery-title {
    text-align: center;
    margin-top: 10px;
}

/* Footer Styling */
footer h5 {
    margin-bottom: 1rem;
}

footer ul li {
    margin-bottom: 0.5rem;
}








#carousel-wrapper {
    position: relative; 
}

.about-us-section {

 
   
  
    padding: 30px;
    
    border-radius: 0px;
}

    .about-us-section h1 {
        font-size: 2rem;
        margin-bottom: 1rem;
    }





.FooterLogo {
    position: relative;
    bottom: 24px;
    width:25%;
}
.FooterFirstDesc {
    font-family: 'MontserratRegular', sans-serif;
    font-weight: 500;
    font-size: 19px;
}
.FooterSecDesc {
    font-family: 'BOLDE', sans-serif;
    /* font-weight: bolder; */
    font-size: 55px !important;
    letter-spacing: 1px;
    line-height: 45px;
}
.FooterThirdDesc {
    font-family: 'MontserratRegular', sans-serif;
    
    font-weight: 500;
    line-height: 20px;
}
.SiteMap {
    font-family: 'montserrat-medium', sans-serif;
    font-size: 14px;
    font-weight: 500;
}
.SiteMenu {
    font-family: 'montserrat-medium', sans-serif;
    margin-left: 25px;
}
.ContactMenu {
    font-family: 'montserrat-medium', sans-serif;
}
.Location {
    font-family: 'montserrat-medium', sans-serif;
    font-size: 13px;
    font-weight: 500;
}
.Cooked {
    margin: auto;
    text-align: center;
}


.socialMedia {
    padding-right: 8px;
}

.FishIcon {
    padding-right: 8px;
}

.TestDecoration {
    text-decoration: none;
    font-family: 'montserrat-medium', sans-serif;
    font-size: 13px;
    font-weight: 500;
}


.carousel {
    position: relative;
 
    overflow: hidden;
}

.carousel-item img {
    height: 100%;
    object-fit: cover;
}

.overlay-section {
    position: absolute;
    top: 82%; /* start from middle of carousel */
    left: 0;
    width: 100%;
    z-index: 10;
}

.overlay-content {
    background: white;
    text-align: center;
    padding: 3rem 2rem;
    max-width: 900px;
    margin: 0 auto;
}

.sticky-top {
    background-color: white;
    min-height:80px;
}

.carousel-control-prev,
.carousel-control-next {
    z-index: 20;
    top: -110px ;
}
.swiper-button-prev{
    color:white;
    left:0px;

}
.swiper-button-next{
    color: white;
    right: 0px;
}
/*.carousel-inner {
    margin-top: 79px;
   
}*/

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    top: 70%;
}
@media screen and (min-width:980px) {
    .rs-breadcrumbs {
        height: 500px;
    }
    .FooterThirdDesc {
       padding-right:219px;
    }
    .carousel {
        position: relative;
        height: 650px;
        overflow: hidden;
    }
    .carousel-height{
        height: 380px !important;
    }
    NewsText {
        text-align: right;
        padding-right: 30px;
        padding-left: 20%;
    }
    .ChasseurImg {
        position:absolute;
        top:521px;
        z-index:11;
        left:5%;
      
    }
    .RecipiesSec {
        margin-top: 140vh;
 
    }
    .NewsText {
        padding: 0px;
        text-align: end;
        margin-left: 25%;
    }
    .NewsImage{
        width:100%;
    }
    .FooterSecDesc {
        font-size: 55px;
        line-height: 35px;
    }
    .NavbarItem {
        padding-left: 163px;
    }
    .form-wrapper {
        position: relative;
        width: 49%;
        top: -90px;
        padding: 20px;
    }
    .SayadImg {
        position: absolute;
        top: 657px;
        z-index: 11;
        left: 60%;
    }
    .carousel-indicators [data-bs-target] {
        box-sizing: content-box;
        flex: 0 1 auto;
        width: 8px;
        height: 8px;
        padding: 0;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        /* background-color: var(--bs-carousel-indicator-active-bg);*/
        background-clip: padding-box;
        border: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: 99.5;
        transition: opacity .6s ease;
        margin-bottom: 261px;
        border-radius: 95%;
    }
    .HorecaImg {
        text-align: end;
    }
    }
@media screen and (max-width:1200px) {
    .nav-link {
      
       padding-right: 8px !important; 
       
    }
}
@media screen and (max-width:1024px) {
    .Show-Mobile {
        display: flex !important;
        background:#fff;
    }
    .Show-Desk {
        display: none !important;
    }
    /*.Show-InMobile {
        display: none !important;
    }*/
    .dropdown-menu.show {
        background: white;
    }
}

@media screen and (max-width:1880px) {
    .overlay-section {
        top: 79% !important;
    }
}





    @media screen and (max-width:1024px) {
        .FooterThirdDesc {
           
            font-size: 18px;
          
        }

        .RecipiesSec {
            margin-top: 0vh;
        }

        .NewsBtn {
            text-align: center;
        }
        .about-us-section {
            position: relative;
            width: 100%;
            padding: 30px;
            z-index: 10;
            border-radius: 0px;
        }

        .overlay-section {
            position: relative;
            left: 0;
            width: 100%;
            z-index: 10;
        }

        .ChasseurImg {
            display: none;
        }

        .NewsSubTitle {
            text-align: center;
        }

        .NewsText {
            font-size: 14.5px;
            text-align: justify;
            font-family: 'Montserrat', sans-serif;
            font-weight: 300;
        }

        .NewsImage {
            width: 100%;
        }

        .carousel {
            height: auto;
        }

        .FooterSecDesc {
            font-size: 35px !important;
        }

        .NavbarItem {
            padding-left: 0px;
            margin-top:134px;
        }
        .MenuMobile{
            margin-left:-35px;
        }

        .carousel-indicators [data-bs-target] {
            box-sizing: content-box;
            flex: 0 1 auto;
            width: 8px;
            height: 8px;
            padding: 0;
            margin-right: 3px;
            margin-left: 3px;
            text-indent: -999px;
            cursor: pointer;
            /*background-color: var(--bs-carousel-indicator-active-bg);*/
            background-clip: padding-box;
            border: 0;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            opacity: 99.5;
            transition: opacity .6s ease;
            /*margin-bottom: 300px;*/
            border-radius: 95%;
        }
        .HorecaImg {
            text-align: start;
        }

        .HorecaTitle{
            text-align:center;
            margin-top:17px;
        }

        .carousel-indicators {
            position: absolute;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 2;
            display: flex;
            justify-content: center;
            padding: 0;
            margin-right: 15%;
            margin-bottom: 1rem;
            margin-left: 15%;
            top: 86%;
        }
    }

    @media screen and (max-width:768px) {
        .NavbarItem {
            padding-left: 0px;
        }
    }



.info-section {
    margin-top: -150px;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 25px 20px;
    border-radius: 0px;
    /*box-shadow: 0 10px 30px rgba(0,0,0,0.1);*/
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2;
    width: 75%;
}

    .product-img {
        max-width: 100%;
        height: auto;
        border-radius: 10px;
    }

.product-info h2 {
    font-family: 'montserrat-medium', sans-serif;
    color: #1d5974;
    text-transform: capitalize;
    /* font-weight: 700; */
    margin-bottom: -10px;
    font-size: 30px;
}

    .info-list {
        font-size: 16px;
        line-height: 2;
    }

    .info-label {
        font-family: 'MontserratSemiBold', sans-serif;
        color: #1d5974 !important;
        font-weight: 600;
        font-size: 17px;
    }

    .Barcode {
        font-family: 'Montserrat', sans-serif;
        color: #1d5974 !important;
        font-weight: 100;
    }

    .CookedBtn {
        background-color: #395a73;
        width: 38%;
        margin-left: 32%;
    }

.BreadedBtn {
    color: white;
    font-family: 'montserrat-bold', sans-serif;
}
.BreadedBtn:hover{
    color: white !important;
}
    @media (max-width: 768px) {
        .info-section {
            margin-top: 0px;
            width: 100%;
        }

        .CookedImg {
            width: 60%;
        }
    }

    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
        content: '' !important;
    }

    .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
        content: '' !important;
    }

.form-wrapper {
    /*background-color: #aecedd;*/
    background-color: rgba(174, 206, 221,0.5);
   
}
.text-center {
    padding: 30px;
    color: #395972;
    font-family: 'BOLDE', sans-serif;
    font-size: 55px;
}
.ContactButton {
    background-color: #395a73 !important; /* Fully opaque solid color */
    font-family: 'MontserratSemiBold', sans-serif;
    color: white; /* Fully opaque text */
    padding-right: 68px;
    border-radius: 0px !important;
    opacity: 1 !important;
}
.form-control {
    font-family: 'montserrat-light', sans-serif;
    border-radius:0PX !important;
}
.flex-container {
    display: flex;
    justify-content: space-between;
}
.SayadiehPrep {
    color: #d09052;
    font-family: 'MontserratSemiBold', sans-serif;
    font-size: 15.8px !important;
    margin-bottom: 0px !important;
}
.IngredientsTitle {
    color: #395972;
    font-family: 'MontserratSemiBold', sans-serif;
}
.IngredientParag {
    color: #395972;
    font-family: 'MontserratSemiBold', sans-serif;
    font-size:15.8px !important;
}
.ListIngredientParag {
    color: #395972;
    font-family: 'MontserratSemiBold', sans-serif;
    padding-left: 0px !important;
    margin-bottom: 0px !important;
    font-size: 15.8px !important;
}
.OurRecipesSec {
    padding-bottom: 66px;
    color: #395972;
    font-size: 72px;
    font-family: 'BOLDE', sans-serif;
}
.HorecaTitle {
    font-size: 33px;
    font-weight: 800;
    font-family: 'MontserratExtraBold', sans-serif;
    color: #323032;
}

.HorecaText {
    font-size: 15.8px;
    font-family: 'montserrat-light', sans-serif;
    font-weight: lighter;
}
.NewsSection {
    background-color: rgba(255, 255, 255, 0.8) !important;
}
@media screen and (min-width:1400px){
    .info-section{
        width:90%;
    }
}
section > div.row > div[class*=' col-'] {
    padding: 20px !important;
}

.pagination li.active > a {
    background-color: #395a73 !important;
    border-color: #395a73 !important;
}
.pagination > li > a, .pagination > li > span {
    color: #395a73 !important;
}
.pagination li.active > a {
    color: #fff !important;
}

.block-ui-visible .block-ui-container {
    display: none !important;
}

.block-ui-container {
    display: none !important;
}

.block-ui-overlay {
    display: none !important;
}

.block-ui-message-container {
    display: none !important;
}

.block-ui-message {
    display: none !important;
    visibility: hidden !important;
}

.block-ui-message-container {
    display: none !important;
}



#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.preloader-img {
    width: 140px;
    max-width: 80%;
    animation: pulse 1.5s ease-in-out infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.05);
        opacity: 0.7;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

#preloader.hide {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.6s ease, visibility 0.6s ease;
}

.banner-video {
    height: 400px;
    object-fit: cover;
}

.newsEvents-section{
    min-height: 300px;
}

.contact-form-title{
    padding: 0px !important;
    margin-bottom: 2.5rem !important;
}

@media screen and (min-width:1922px) {
    .ChasseurImg {
        position: absolute;
        top: 470px;
        z-index: 11;
        left: 30%;
    }

    .overlay-section {
        position: absolute;
        top: 34%;
        left: 0px;
        width: 100%;
        z-index: 10;
    }

    .RecipiesSec {
        margin-top: 58vh;
    }
    .carousel-item img {
        object-fit: contain;
        margin: auto;
        align-items: center;
        height: auto;
        width: 1920px !important;
    }

    .rs-breadcrumbs {
        object-fit: contain;
        margin: auto;
        align-items: center;
        height: 500px;
    }
}

@media (min-width: 1922px) and (max-width: 2401px) {
    .overlay-section {
        position: absolute;
        top: 60%;
        left: 0px;
        width: 100%;
        z-index: 10;
    }

    .RecipiesSec {
        margin-top: 95vh;
    }
}

@media (min-width: 2500px) and (max-width: 3000px) {
    .overlay-section {
        position: absolute;
        top: 47%;
        left: 0px;
        width: 100%;
        z-index: 10;
    }

    .RecipiesSec {
        margin-top: 76vh;
    }
}

@media (min-width: 4000px) and (max-width: 6000px) {
    .overlay-section {
        position: absolute;
        top: 23%;
        left: 0px;
        width: 100%;
        z-index: 10;
    }

    .RecipiesSec {
        margin-top: 39vh;
    }

    .ChasseurImg {
        position: absolute;
        top: 470px;
        z-index: 11;
        left: 36%;
    }
}

@media (min-width: 6100px) and (max-width: 7700px) {
    .overlay-section {
        position: absolute;
        top: 17%;
        left: 0px;
        width: 100%;
        z-index: 10;
    }

    .RecipiesSec {
        margin-top: 30vh;
    }

    .ChasseurImg {
        position: absolute;
        top: 470px;
        z-index: 11;
        left: 39%;
    }
}


.category-card {
    cursor: pointer;
}
.overlay-content {
    text-align: justify !important;
}

.carousel-indicators {
    display: none !important
}

#homePreloadModal {
    position: fixed;
    z-index: 9999;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 767px) {
    /* Stack columns vertically */
    #homePreloadModal .row {
        flex-direction: column !important;
    }

    /* Make image smaller on mobile */
    #homePreloadModal .preload-img {
        max-height: 200px;
        width: auto;
    }

    /* Add spacing below image */
    #homePreloadModal .preload-img-col {
        margin-bottom: 1rem;
        margin-top: 1rem;
    }

    /* Adjust padding on text */
    #homePreloadModal .p-5 {
        padding: 1.5rem !important;
    }

    /* Smaller font on mobile */
    #homePreloadModal h2 {
        font-size: 1.5rem;
    }

    #homePreloadModal p {
        font-size: 0.9rem;
    }

    /* Adjust button size */
    #homePreloadModal .btn-lg {
        padding: 0.5rem 2rem;
        font-size: 0.9rem;
    }

    .text-center-mobile {
        text-align: center !important;
    }
}
#homePreloadModal .preload-img-col {
    padding-left: 25px !important;
}


@media screen and (min-width:992px) {
    .modal-content {
        display: flex;
        flex-direction: column;
        width: 63% !important;
        color: var(--bs-modal-color);
        pointer-events: auto;
        background-color: var(--bs-modal-bg);
        background-clip: padding-box;
        border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
        border-radius: var(--bs-modal-border-radius);
        outline: 0;
    }
}

@media (min-width: 1200px) {
    .modal-content {
        max-width:50% !important;
    }
}

    .modal-content {
        background-color: #fff !important;
        opacity: 0.9;
    }

.welcomebtn {
    background: #aed0e0;
    color: #1d5974;
    font-family: 'MontserratExtraBold', sans-serif;
    font-weight: 900;
    font-size: 18px;
    margin: 0;
    border: none;
    padding-right: 10px !important;
    padding-left: 10px !important;
}

    .welcomebtn:hover {
        background: #aed0e0;
        color: #1d5974;
        font-family: 'MontserratExtraBold', sans-serif;
        font-weight: 900;
        font-size: 18px;
        border: none;
    }

/*.quote {
    background: #aed0e0;
    color: #1d5974;
    border-radius: 6px;
    font-family: 'MontserratExtraBold', sans-serif;
    font-weight: 900;
    font-size: 18px;
}*/

.quote .nav-link {
    background: #aed0e0;
    color: #1d5974;
    border-radius: 6px;
    font-family: 'montserrat-light', sans-serif;
    font-weight: 900;
    display: inline-block; /* 👈 key */
    width: auto; /* prevent full width */
}


@media (max-width:920px){
    .carousel-control-prev,
    .carousel-control-next {
        z-index: 20;
        top: 0;
    }
}

@media (max-width:480px){
    .Logo {
        position: absolute;
        top: 0px;
        width: 100px;
    }
}

@media (max-width: 1024px){
    .quote .nav-link{
        margin-left: 10px;
    }
}

.popup-text-col{
    padding: 2rem !important;
}