/* ====================== */
/* 01.0 Tablet Responsive */
/* ====================== */
@media screen and (max-width: 991.98px) {
    body{
        font-size: 16px;
    }
    h1,
    .heading-xl{
        font-size: 150px;
    }
    h2,
    .heading-lg{
        font-size: 55px;
    }
    h3,
    .heading-md{
        font-size: 36px;
    }
    h4,
    .heading-sm{
        font-size: 28px;
    }
    h5,
    .heading-xs{
        font-size: 23px;
    }
    h6,
    .heading-xxs{
        font-size: 16px;
    }
    p{
        font-size: 16px;
    }
    button, a,
    .btn, .nav-link,
    .dropdown-item{
        font-size: 14px;
    }
    .nav-btn{
        display: flex;
    }    
    .nav-link-container{
        display: none;
    }
    .navbar-nav{
        display: none;
    }
    .navbar-logo-container{
        width: 35%;
    }
    .navbar-cta-container{
        width: 51%;
    }
    .sidebar-overlay,
    .sidebar{
        display: block;
    }
    .sub-heading{
        font-size: 18px;
    }
    .btn{
        padding: 15px 30px;
    }
    .btn__btn-link{
        padding: 0px 5px 10px;
    }
    .footer__address,
    .footer__hours,
    .footer__contact{
        width: 29%;
    }
    .footer__navigation .site-container{
        flex-wrap: wrap;
    }
    .footer__navigation-column{
        gap: 20px;
    }
    .footer__navigation-column.footer__brand,
    .footer__navigation-column.footer-experience,
    .footer__navigation-column.footer-information,
    .footer__navigation-column.footer-content-list{
        width: 40%;
    }
    .footer__nav-list li{
        font-size: 16px;
    }
    .footer__copyright .site-container{
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }
    .copyright-text{
        font-size: 16px;
    }
    .form input,
    .form select,
    .form textarea,
    .form .custom-dropdown__toggle{
        font-size: 14px;
    }
    .form label{
        font-size: 12px;
    }
    .banner-home{
        padding: 20px;
    }
    .heading-decoration{
        font-size: 18px;
        line-height: 1.3em;
    }
    .banner-home__description{
        width: 45%;
    }
    .banner-home__meta{
        font-size: 12px;
    }
    .banner-home__meta.meta-contact{
        width: 16%;
        padding-left: 20px;
    }
    .banner-home__meta.meta-schedule{
        width: 27%;
        padding-right: 20px;
    }
    #banner-home__video{
        width: 200%;
        height: 200%;
    }
    .banner-inner__breadcrumb li{
        font-size: 14px;
    }
    .banner-notfound__notfound-text{
        font-size: 150px;
    }
    .banner-notfound__page-layout{
        width: 85%;
    }
    .experience-card{
        width: 48.5%;
    }
    .experience-title{
        width: 100%;
    }
    .experience-subtitle-line{
        width: 15%;
    }
    .experience-cta__content{
        width: 85%;
    }
    .chef-story__page-layout{
        flex-direction: column;
        gap: 20px;
    }
    .chef-story__content{
        width: 60%;
        justify-content: center;
        align-items: center;
        text-align: center;
        align-self: center;
    }
    .chef-story__description{
        width: 60%;
    }
    .chef-story__author{
        width: 100%;
        order: 2;
        align-items: center;
        margin: 0;
    }
    .chef-story__image{
        width: 100%;
        order: 3;
        display: flex;
        justify-content: center;
    }
    .chef-story__image img{
        width: 60%;
        align-self: center;
    }
    .chef-story__quote{
        width: 54%;
        padding-top: 403px;
        margin: 0;
        order: 1;
        align-self: center;
        align-items: center;
        text-align: center;
    }
    .chef-profile__page-layout{
        flex-direction: column-reverse;
    }
    .chef-profile__image{
        width: 100%;
        justify-content: center;
    }
    .chef-profile__image img{
        width: 59%;
    }
    .chef-profile__image-decoration{
        left: 170px;
    }
    .chef-profile__content{
        width: 100%;
        padding: 0;
    }
    .chef-profile__quote .blockquote{
        font-size: 28px;
    }
    .chef-philosophy__page-layout{
        flex-direction: column;
        gap: 50px;
    }
    .chef-philosophy__content{
        width: 100%;
    }
    .chef-philosophy__cta{
        font-size: 28px;
    }
    .chef-philosophy__image{
        width: 100%;
    }
    .philosophy__content{
        grid-template-columns: repeat(2, 1fr);
    }
    .philosophy__item-subtitle{
        font-size: 12px;
    }
    .the-space__sub-title{
        width: 18%;
    }
    .the-space__title{
        width: 67%;
        padding: 0;
    }
    .the-space__content{
        flex-direction: column;
        gap: 20px;
    }
    .the-space__content-image{
        width: 100%;
    }
    .the-space__description{
        width: 100%;
    }
    .the-space-image img{
        height: 270px;
    }
    .the-space__video-container{
        min-height: 500px;
    }
    #the-space__video{
        width: 200%;
        height: 200%;
    }
    .the-space__features{
        width: 100%;
    }
    .the-space__feature-description{
        width: 43%;
    }
    .the-space__image-banner.banner-left{
        width: 30%;
        top: 300px;
    }
    .the-space__image-banner.banner-right{
        width: 30%;
        right: 0px;
    }
    .course-image.course-image-top{
        width: 28%;
        border-radius: 0px 0px 200px 0px;
    }
    .course-image.course-image-top .spacer{
        height: 525px;
    }
    .course-content{
        width: 63%;
    }
    .course-accordion-col{
        width: 64%;
    }
    .course__accordion-button-subtitle{
        font-size: 12px;
    }
    .course-image.course-image-bottom{
        width: 28%;
        border-radius: 200px 0px 0px 0px;
    }
    .course-image.course-image-bottom .spacer{
        height: 525px;
    }
    .reservation-content{
        flex-wrap: wrap;
        gap: 50px 0px;
    }
    .reservation__heading{
        width: 100%;
    }
    .reservation-info-container{
        width: 56%;
    }
    .reservation-image-container{
        width: 39%;
    }
    .reservation-image img{
        height: 477px;
    }
    .reservation-form__wrapper{
        width: 100%;
    }
    .alert p{
        max-width: 100%;
    }
    .reservation__info-text{
        width: 56%;
    }
    .private-dining__page-layout{
        flex-direction: column-reverse;
    }
    .private-dining__features-container{
        width: 100%;
        min-height: 765px;
    }
    .private-dining__intro{
        width: 100%;
        gap: 20px;
        min-height: 420px;
        padding: 120px 0px 10px;
    }
    .private-dining__heading{
        width: 100%;
        padding: 0 20px;
    }
    .private-dining-features-card{
        width: 87%;
    }
    .private-experience__page-layout{
        flex-direction: column-reverse;
        gap: 50px;
    }
    .private-experience__intro{
        width: 100%;
    }
    .private-experience__details{
        width: 100%;
        flex-direction: column-reverse;
    }
    .private-experience__list li{
        font-size: 16px;
    }
    .private-experience__list li::before{
        font-size: 18px;
    }
    .private-experience__media--primary img,
    .private-experience__media--secondary img{
        height: 300px;
    }
    .testimonial-overlay .spacer{
        min-height: 550px;
    }
    .testimonial-decoration-text{
        font-size: 150px;
    }
    .testimonial-name{
        font-size: 16px;
    }
    .testimonial-position{
        font-size: 12px;
    }
    .testimonial-quote{
        font-size: 21px;
    }
    .seasonality__content{
        flex-direction: column;
        gap: 20px;
    }
    .seasonality__heading{
        width: 100%;
    }
    .seasonality__desc{
        width: 100%;
    }
    .seasonal-highlights__tab{
        font-size: 16px;
    }
    .location__page-layout{
        display: flex;
        flex-direction: column;
        gap: 50px;
    }
    .location-title-container{
        width: 100%;
    }
    .location-map-container{
        width: 100%;
    }
    .location-marquee-text__item, .location-marquee-separator{
        font-size: 150px;
    }
    .location-marquee-separator{
        font-size: 90px;
    }
    .location-detail__page-layout{
        flex-direction: column;
        gap: 50px;
    }
    .location-detail__media{
        width: 100%;
    }
    .location-detail__media img{
        height: 279px;
    }
    .location-detail__content{
        width: 100%;
    }
    .location-detail__content-image img{
        height: 280px;
    }
    .location-detail__details{
        gap: 50px 0px;
    }
    .location-detail__intro{
        width: 34%;
    }
    .location-detail__access{
        width: 33%;
    }
    .location-detail_map{
        height: 266px;
    }
    .location-detail__access-list li{
        font-size: 16px;
    }
    .location-detail__note{
        width: 25%;
    }
    .location-detail__image-decoration{
        display: none;
    }
    .faq-highlight__content{
        flex-direction: column;
    }
    .faq-highlight__column{
        width: 100%;
    }
    .faq__accordion .accordion-button{
        font-size: 23px;
    }
    .faq-list__sidebar{
        top: 0;
        position: relative;
    }
    .contact__page-layout{
        flex-direction: column;
        gap: 50px;
    }
    .contact__info{
        width: 100%;
    }
    .contact__blocks{
        flex-direction: row;
        gap: 30px;
        justify-content: space-between;
    }
    .contact__block{
        width: 26%;
    }
    .contact__form-wrapper{
        width: 100%;
    }
    .contact__form{
        padding: 40px;
    }
    .contact__highlight-text-container{
        bottom: -65px;
    }
    .contact__highlight-text{
        font-size: 100px;
    }
    .contact-map{
        height: 395px;
    }
    .single-post__page-layout{
        flex-direction: column;
        gap: 80px;
    }
    .single-post__content{
        width: 100%;
    }
    .single-post__meta-item{
        font-size: 12px;
    }
    .single-post__category-badge{
        font-size: 12px;
    }
    .single-post__quote{
        width: 95.1%;
    }
    .single-post__quote-text{
        font-size: 21px;
    }
    .single-post__tag{
        font-size: 12px;
    }
    .single-post__sidebar{
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .single-post__widget.single-post__widget--category{
        width: 45%;
        order: 2;
    }
    .single-post__category-item{
        font-size: 16px;
    }
    .single-post__widget.single-post__widget--recent-post{
        width: 100%;
        order: 1;
    }
    .single-post__widget.single-post__widget--tags{
        width: 45%;
        order: 3;
    }
    .single-post__recent-list{
        grid-template-columns: repeat(2, 1fr);
    }
    .single-post__tags{
        width: 100%;
    }
    .single-post__recent-title{
        font-size: 16px;
    }
    .single-post__recent-date{
        font-size: 12px;
    }
}

/* ====================== */
/* 02.0 Mobile Responsive */
/* ====================== */
@media screen and (max-width: 767.98px) {
    body{
        font-size: 12px;
    }
    h1,
    .heading-xl{
        font-size: 72px;
    }
    h2,
    .heading-lg{
        font-size: 42px;
    }
    h3,
    .heading-md{
        font-size: 30px;
    }
    h4,
    .heading-sm{
        font-size: 24px;
    }
    h5,
    .heading-xs{
        font-size: 20px;
    }
    h6,
    .heading-xxs{
        font-size: 14px;
    }
    button, a,
    .btn, .nav-link,
    .dropdown-item{
        font-size: 12px;
    }
    p{
        font-size: 12px;
    }
    .footer__page-layout{
        gap: 50px;
    }
    .footer__info .site-container{
        flex-wrap: wrap;
    }
    .footer__address{
        width: 100%;
    }
    .footer__hours{
        width: 40%;
    }
    .footer__contact{
        width: 50%;
    }
    .footer__navigation-column.footer__brand{
        width: 100%;
    }
    .footer__navigation-column.footer-content-list{
        width: 100%;
    }
    .footer__nav-list li{
        font-size: 14px;
    }
    .copyright-text{
        font-size: 14px;
    }
    .form input,
    .form select,
    .form textarea,
    .form .custom-dropdown__toggle{
        font-size: 12px;
    }
    .navbar{
        flex-wrap: nowrap;
    }
    .navbar-logo-container{
        width: 50%;
    }
    .navbar-logo-container img{
        width: 80%;
    }
    .navbar-cta-container{
        display: none;
    }
    .sub-heading{
        font-size: 15px;
    }
    .heading-decoration{
        font-size: 15px;
    }
    .banner-home__cta-container{
        gap: 0;
    }
    .banner-home__meta.meta-contact{
        width: 34%;
    }
    .banner-home__meta.meta-schedule{
        width: 38%;
    }
    #banner-home__video{
        width: 360%;
        height: 360%;
    }
    .banner-notfound__page-layout{
        width: 100%;
    }
    .banner-notfound__notfound-text{
        font-size: 100px;
    }
    .banner-notfound__cta{
        gap: 20px 0px;
    }
    .experience-card-wrapper{
        gap: 20px;
    }
    .experience-card{
        width: 100%;
    }
    .experience-card-content{
        min-height: 400px;
    }
    .experience-subtitle-line{
        width: 9%;
    }
    .experience-cta__page-layout{
        padding: 20px;
    }
    .experience-cta__content{
        width: 100%;
    }
    .chef-story__content{
        width: 100%;
    }
    .chef-story__description{
        width: 100%;
    }
    .chef-story__quote{
        width: 100%;
        padding-top: 330px;
    }
    .chef-story__image img{
        width: 87%;
    }
    .chef-profile__page-layout{
        gap: 50px;
    }
    .chef-profile__image img{
        width: 87%;
    }
    .chef-profile__image-decoration{
        left: 38px;
        width: 150px;
    }
    .chef-profile__image-decoration .spacer{
        height: 300px;
    }
    .chef-profile__content-footer{
        flex-direction: column;
    }
    .chef-profile__content-desc{
        width: 100%;
        padding: 0;
        border: none;
        border-bottom: 1px solid var(--accent-color-4);
    }
    .chef-profile__quote{
        width: 100%;
        padding: 0;
        padding-top: 20px;
    }
    .chef-profile__quote .blockquote{
        font-size: 23px;
    }
    .chef-philosophy__cta{
        font-size: 21px;
    }
    .philosophy__content{
        grid-template-columns: repeat(1, 1fr);
    }
    .philosophy__image img{
        width: 30%;
    }
    .the-space__heading{
        flex-direction: column;
        gap: 20px;
    }
    .the-space__sub-title{
        width: 100%;
    }
    .the-space__title{
        width: 100%;
    }
    .the-space__content-image{
        flex-direction: column;
    }
    .the-space-image{
        width: 100%;
    }
    .the-space__video-container{
        width: 100%;
        min-height: 285px;
    }
    .the-space__feature{
        flex-direction: column;
        gap: 20px;
    }
    .the-space__feature-description{
        width: 100%;
    }
    .the-space__image-banner.banner-left{
        display: none;
    }
    .the-space__image-banner.banner-right{
        display: none;
    }
    .course__page-layout{
        padding: 220px 0px;
        gap: 50px;
    }
    .course-content{
        width: 100%;
    }
    .course-image.course-image-top{
        width: 100%;
    }
    .course-image.course-image-top .spacer{
        height: 292px;
    }
    .course-accordion-col{
        width: 100%;
    }
    .course__accordion .accordion-item{
        flex-direction: column;
        gap: 10px;
    }
    .course__acordion-content{
        width: 100%;
    }
    .course-image.course-image-bottom{
        width: 100%;
    }
    .course-image.course-image-bottom .spacer{
        height: 292px;
    }
    .reservation-info-container{
        width: 100%;
    }
    .reservation-info-icon{
        width: 60px;
        height: 60px;
        font-size: 20px;
    }
    .reservation-image-container{
        width: 100%;
    }
    .reservation__info-text{
        width: 44%;
    }
    .private-experience__text{
        width: 100%;
        padding: 0;
        border: none;
        border-bottom: 1px solid var(--accent-color);
    }
    .private-experience__list{
        width: 100%;
        padding: 0;
        padding-top: 20px;
    }
    .private-experience__media--primary img,
    .private-experience__media--secondary img{
        height: 200px;
    }
    .testimonial-overlay{
        width: 25%;
    }
    .testimonial-overlay .spacer{
        min-height: 383px;
    }
    .testimonial-decoration-text{
        font-size: 72px;
    }
    .testimonial-image img{
        width: 150px;
        height: 150px;
    }
    .testimonial-name{
        font-size: 14px;
    }
    .testimonial-quote{
        font-size: 18px;
    }
    .seasonal-highlights__content{
        display: none;
    }
    .seasonal-highlights__content.seasonal-highlights__mobile{
        display: flex;
    }
    .seasonal-highlights__grid{
        grid-template-columns: repeat(1, 1fr);
    }
    .seasonal-highlights__tab{
        font-size: 14px;
    }
    .location__title-heading{
        flex-direction: column;
        gap: 20px;
    }
    .location-heading{
        width: 100%;
    }
    .location-content{
        width: 100%;
    }
    .location-detail__details{
        flex-direction: column;
        gap: 20px;
    }
    .location-detail__media img{
        height: 170px;
    }
    .location-detail__heading .location-detail__title{
        width: 100%;
    }
    .location-detail__intro{
        width: 100%;
        flex-direction: column-reverse;
    }
    .location-detail__access{
        width: 100%;
    }
    .location-detail__access-list li{
        font-size: 14px;
    }
    .location-detail__note{
        width: 100%;
    }
    .location-marquee__page-layout{
        min-height: 309px;
    }
    .location-marquee-text__item, .location-marquee-separator{
        font-size: 100px;
    }
    .location-marquee-separator{
        font-size: 50px;
    }
    .faq__accordion .accordion-button{
        font-size: 20px;
    }
    .faq-list__page-layout{
        flex-direction: column;
        gap: 50px;
    }
    .faq-list__sidebar{
        width: 100%;
    }
    .faq-list__content{
        width: 100%;
    }
    .contact__blocks{
        flex-direction: column;
    }
    .contact__block{
        width: 100%;
    }
    .contact__form{
        padding: 20px;
    }
    .contact__highlight-text-container{
        display: none;
    }
    .single-post__content{
        text-align: center;
    }
    .single-post__meta-top{
        flex-direction: column;
        gap: 20px;
        justify-content: center;
    }
    .single-post__category-badge{
        width: 46%;
    }
    .single-post__quote{
        flex-direction: column;
        padding: 0px 20px 20px;
        margin: 10px 0px 20px;
        width: 100%;
    }
    .single-post__quote-icon{
        width: 60px;
        height: 60px;
        margin: 0;
        margin-top: -30px;
        font-size: 20px;
    }
    .single-post__footer{
        flex-direction: column;
        gap: 20px;
        align-items: center;
        text-align: center;
    }
    .single-post__recent-list{
        grid-template-columns: repeat(2, 1fr);
    }
    .single-post__widget.single-post__widget--recent-post{
        align-items: center;
    }
    .single-post__recent-title{
        font-size: 14px;
    }
    .single-post__recent-image{
        width: 90px;
        height: 90px;
    }
    .single-post__widget.single-post__widget--category{
        width: 100%;
        align-items: center;
        text-align: center;
    }
    .single-post__category-list{
        text-align: center;
        align-items: center;
    }
    .single-post__category-item{
        font-size: 14px;
    }
    .single-post__widget.single-post__widget--tags{
        width: 100%;
        align-items: center;
        text-align: center;
    }
    .single-post__tags{
        justify-content: center;
    }
}

/* ====================== */
/* 03. Mobile Spacing Responsive */
/* ====================== */
@media screen and (min-width: 767.98px){

    /* Flex spacing (gap) */

    .flex-gap-md-0 { 
        gap: 0px; 
    }
    .flex-gap-md-1 { 
        gap: 10px; 
    }
    .flex-gap-md-2 { 
        gap: 20px; 
    }
    .flex-gap-md-3 { 
        gap: 30px; 
    }
    .flex-gap-md-4 { 
        gap: 40px; 
    }
    .flex-gap-md-5 { 
        gap: 50px; 
    }
    .flex-gap-md-100 { 
        gap: 100px; 
    }

    /* Grid spacing (column-gap) */

    .flex-gap-x-md-0 { 
        column-gap: 0px; 
    }
    .flex-gap-x-md-0 { 
        column-gap: 0px; 
    }
    .flex-gap-x-md-1 { 
        column-gap: 10px; 
    }
    .flex-gap-x-md-2 { 
        column-gap: 20px; 
    }
    .flex-gap-x-md-3 { 
        column-gap: 30px; 
    }
    .flex-gap-x-md-4 { 
        column-gap: 40px; 
    }
    .flex-gap-x-md-5 { 
        column-gap: 50px; 
    }
    .flex-gap-x-md-100 { 
        column-gap: 100px; 
    }

    /* Grid spacing (row-gap) */

    .flex-gap-y-md-0 { 
        row-gap: 0px; 
    }
    .flex-gap-y-md-1 { 
        row-gap: 10px; 
    }
    .flex-gap-y-md-2 { 
        row-gap: 20px; 
    }
    .flex-gap-y-md-3 { 
        row-gap: 30px; 
    }
    .flex-gap-y-md-4 { 
        row-gap: 40px; 
    }
    .flex-gap-y-md-5 { 
        row-gap: 50px; 
    }
    .flex-gap-y-md-100 { 
        row-gap: 100px; 
    }

    /* Grid spacing (row-gap & column-gap) */

    .grid-gap-md-0 { 
        --bs-gutter-x: 0px; 
        --bs-gutter-y: 0px; 
    }
    .grid-gap-md-1 { 
        --bs-gutter-x: 10px; 
        --bs-gutter-y: 10px; 
    }
    .grid-gap-md-2 { 
        --bs-gutter-x: 20px; 
        --bs-gutter-y: 20px; 
    }
    .grid-gap-md-3 { 
        --bs-gutter-x: 30px; 
        --bs-gutter-y: 30px; 
    }
    .grid-gap-md-4 { 
        --bs-gutter-x: 40px; 
        --bs-gutter-y: 40px; 
    }
    .grid-gap-md-5 { 
        --bs-gutter-x: 50px; 
        --bs-gutter-y: 50px; 
    }
    .grid-gap-md-100 { 
        --bs-gutter-x: 100px; 
        --bs-gutter-y: 100px; 
    }

    /* Grid spacing (column-gap) */

    .grid-gap-x-md-0 { 
        --bs-gutter-x: 0px; 
    }
    .grid-gap-x-md-1 { 
        --bs-gutter-x: 10px; 
    }
    .grid-gap-x-md-2 { 
        --bs-gutter-x: 20px; 
    }
    .grid-gap-x-md-3 { 
        --bs-gutter-x: 30px; 
    }
    .grid-gap-x-md-4 { 
        --bs-gutter-x: 40px; 
    }
    .grid-gap-x-md-5 { 
        --bs-gutter-x: 50px; 
    }
    .grid-gap-x-md-100 { 
        --bs-gutter-x: 100px; 
    }

    /* Grid spacing (row-gap) */

    .grid-gap-y-md-0 { 
        --bs-gutter-y: 0px; 
    }
    .grid-gap-y-md-1 { 
        --bs-gutter-y: 10px; 
    }
    .grid-gap-y-md-2 { 
        --bs-gutter-y: 20px; 
    }
    .grid-gap-y-md-3 { 
        --bs-gutter-y: 30px; 
    }
    .grid-gap-y-md-4 { 
        --bs-gutter-y: 40px; 
    }
    .grid-gap-y-md-5 { 
        --bs-gutter-y: 50px; 
    }
    .grid-gap-y-md-100 { 
        --bs-gutter-y: 100px; 
    }
}

/* ====================== */
/* 04. Tablet Spacing Responsive */
/* ====================== */
@media screen and (min-width: 991.98px){
    /* Flex spacing (gap) */
    .flex-gap-lg-0 { 
        gap: 0px; 
    }
    .flex-gap-lg-1 { 
        gap: 10px; 
    }
    .flex-gap-lg-2 { 
        gap: 20px; 
    }
    .flex-gap-lg-3 { 
        gap: 30px; 
    }
    .flex-gap-lg-4 { 
        gap: 40px; 
    }
    .flex-gap-lg-5 { 
        gap: 50px; 
    }
    .flex-gap-lg-100{
        gap: 100px;
    }

    /* Grid spacing (column-gap) */

    .flex-gap-x-lg-0 { 
        column-gap: 0px;
    }
    .flex-gap-x-lg-1 { 
        column-gap: 10px; 
    }
    .flex-gap-x-lg-2 {
         column-gap: 20px; 
    }
    .flex-gap-x-lg-3 { 
        column-gap: 30px; 
    }
    .flex-gap-x-lg-4 { 
        column-gap: 40px; 
    }
    .flex-gap-x-lg-5 { 
        column-gap: 50px; 
    }
    .flex-gap-x-lg-100{
        column-gap: 100px;
    }

    /* Grid spacing (row-gap) */

    .flex-gap-y-lg-0 { 
        row-gap: 0px; 
    }
    .flex-gap-y-lg-1 { 
        row-gap: 10px; 
    }
    .flex-gap-y-lg-2 { 
        row-gap: 20px; 
    }
    .flex-gap-y-lg-3 { 
        row-gap: 30px; 
    }
    .flex-gap-y-lg-4 { 
        row-gap: 40px; 
    }
    .flex-gap-y-lg-5 { 
        row-gap: 50px; 
    }
    .flex-gap-y-lg-100 {
        row-gap: 100px;
    }

    /* Grid spacing (row-gap & column-gap) */

    .grid-gap-lg-0 { 
        --bs-gutter-x: 0px; 
        --bs-gutter-y: 0px; 
    }
    .grid-gap-lg-1 { 
        --bs-gutter-x: 10px; 
        --bs-gutter-y: 10px; 
    }
    .grid-gap-lg-2 { 
        --bs-gutter-x: 20px; 
        --bs-gutter-y: 20px; 
    }
    .grid-gap-lg-3 { 
        --bs-gutter-x: 30px; 
        --bs-gutter-y: 30px; 
    }
    .grid-gap-lg-4 { 
        --bs-gutter-x: 40px; 
        --bs-gutter-y: 40px; 
    }
    .grid-gap-lg-5 { 
        --bs-gutter-x: 50px; 
        --bs-gutter-y: 50px; 
    }
    .grid-gap-lg-100 { 
        --bs-gutter-x: 100px; 
        --bs-gutter-y: 100px; 
    }

    /* Grid spacing (column-gap) */

    .grid-gap-x-lg-0 { 
        --bs-gutter-x: 0px; 
    }
    .grid-gap-x-lg-1 { 
        --bs-gutter-x: 10px; 
    }
    .grid-gap-x-lg-1 { 
        --bs-gutter-x: 10px; 
    }
    .grid-gap-x-lg-2 { 
        --bs-gutter-x: 20px;
    }
    .grid-gap-x-lg-3 { 
        --bs-gutter-x: 30px; 
    }
    .grid-gap-x-lg-4 { 
        --bs-gutter-x: 40px; 
    }
    .grid-gap-x-lg-5 { 
        --bs-gutter-x: 50px; 
    }
    .grid-gap-x-lg-100 { 
        --bs-gutter-x: 100px; 
    }

    /* Grid spacing (row-gap) */

    .grid-gap-y-lg-0 { 
        --bs-gutter-y: 0px; 
    }
    .grid-gap-y-lg-1 { 
        --bs-gutter-y: 10px; 
    }
    .grid-gap-y-lg-1 { 
        --bs-gutter-y: 10px; 
    }
    .grid-gap-y-lg-2 { 
        --bs-gutter-y: 20px; 
    }
    .grid-gap-y-lg-3 { 
        --bs-gutter-y: 30px; 
    }
    .grid-gap-y-lg-4 { 
        --bs-gutter-y: 40px; 
    }
    .grid-gap-y-lg-5 { 
        --bs-gutter-y: 50px; 
    }
    .grid-gap-y-lg-100 { 
        --bs-gutter-y: 100px; 
    }
}