/* ======================= 
    1.0 Tablet Responsive
==========================*/

@media screen and (max-width: 991.98px) {
    h1,
    .heading-xl{
        font-size: 100px;
    }
    h2,
    .heading-lg{
        font-size: 70px;
    }
    h3,
    .heading-md{
        font-size: 40px;
    }
    h4,
    .heading-sm{
        font-size: 24px;
    }
    h5,
    .heading-xs{
        font-size: 17px;
    }
    h6,
    .heading-xxs{
        font-size: 15px;
    }
    p{
        font-size: 18px;
    }
    .header-container{
        padding: 20px;
    }
    .navbar-logo-container{
        width: 30%;
    }
    .navbar-collapse{
        display: none;
    }
    .navbar-cta-container{
        width: 59%;
    }
    .navbar-nav-container{
        justify-content: space-between;
    }
    .nav-btn{
        display: block;
    }
    .footer__content{
        gap: 30px;
        flex-wrap: wrap;
    }
    .footer__content-intro{
        width: 47%;
    }
    .footer-logo img{
        width: 60%;
    }
    .footer__content-intro-block{
        width: 55%;
    }
    .footer__content-nav{
        width: 31%;
    }
    .footer__content-cta{
        width: 100%;
    }
    #newsletter-form input{
        font-size: 24px;
    }
    .footer__social-icon{
        width: 45px;
        height: 45px;
        font-size: 20px;
    }
    .alert .form-validaton{
        font-size: 15px;
    }
    .sub-heading{
        font-size: 15px;
    }
    .section{
        padding: 150px 20px;
    }
    .btn{
        padding: 15px 30px;
    }
    .banner-home{
        padding: 60px 20px;
    }
    #banner-home__video{
        width: 200%;
        height: 200%;
    }
    .banner-home__heading-title{
        width: 52%;
    }
    .banner-home__heading-cta{
        width: 300px;
    }
    .banner-home__footer{
        flex-direction: column;
    }
    .banner-home__tagline{
        display: none;
    }
    .banner-home__context{
        width: 100%;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        gap: 30px;
        margin-bottom: 0;
    }
    .banner-home__tags{
        width: 100%;
        justify-content: center;
        align-items: center;
        align-content: center;
    }
    .banner-home__context .context-text{
        font-size: 16px;
        align-self: center;
    }
    .banner-inner__page-layout{
        padding: 150px 20px;
    }
    .banner-notfound__page-layout{
        gap: 0;
    }
    .banner-notfound__content-info{
        width: 42%;
    }
    .banner-notfound__content-info-title{
        font-size: 15px;
    }
    .banner-notfound__content-cta-container{
        width: 42%;
    }
    .partnership__items{
        grid-template-columns: repeat(3, 1fr);
    }
    .section.about{
        padding: 150px 20px;
    }
    .about__heading{
        width: 520px;
        font-size: 40px;
    }
    .section.portfolio{
        padding: 0px 20px;
    }
    .portfolio__content-header{
        flex-direction: column;
        gap: 20px;
    }
    .portfolio__heading-title{
        width: 75%;
    }
    .portfolio__heading-desc{
        width: 70%;
    }
    .portfolio__content-item{
        width: 100%;
    }
    .portfolio__content-desc-card{
        font-size: 15px;
    }
    .portfolio-detail__content-header{
        flex-direction: column;
        gap: 20px;
    }
    .portfolio-detail__heading-title{
        width: 100%;
    }
    .portfolio-detail__heading-title .sub-heading{
        top: 0;
        right: 0;
    }
    .portfolio-detail__heading-meta{
        width: 100%;
    }
    .portfolio-detail__block-list li{
        font-size: 15px;
    }
    .service__heading-title-container{
        gap: 0;
    }
    .service__heading-desc{
        width: 55%;
    }
    .service__acccordion-title-container{
        width: 90%;
    }
    .service__accordion .accordion-body{
        width: 90%;
        gap: 30px 20px;
        flex-wrap: wrap;
    }
    .service__content-image{
        width: 100%;
    }
    .service__content-image img{
        height: 200px;
    }
    .service__content-title-container{
        width: 45%;
    }
    .service__content-category{
        width: 51%;
    }
    .service__accordion-icon{
        font-size: 24px;
    }
    .service__content-desc{
        font-size: 14px;
    }
    .service__content-category-title{
        font-size: 14px;
    }
    .section.result{
        padding: 0px 20px 150px;
    }
    .result__content-header{
        gap: 20px 0px;
        flex-wrap: wrap;
    }
    .result__heading-title{
        width: 420px;
    }
    .result__heading-desc{
        width: 100%;
        order: 2;
    }
    .result__heading-meta{
        width: 230px;
        order: 1;
    }
    .result__heading-meta-item{
        font-size: 15px;
    }
    .result__content-body{
        flex-direction: column-reverse;
    }
    .result__stat-list{
        width: 100%;
    }
    .result__stat-top{
        padding: 20px;
    }
    .result__stat-bottom{
        padding: 20px;
    }
    .result__stat-desc{
        font-size: 14px;
    }
    .result__media{
        width: 100%;
    }
    .section.process{
        padding: 0px 20px 150px;
    }
    .process__step-list{
        grid-template-columns: repeat(2, 1fr);
    }
    .process__step-item-card{
        padding: 20px;
    }
    .process__step-desc{
        font-size: 14px;
    }
    .section.testimonial{
        padding: 0px 20px 150px;
    }
    .testimonial__content-header{
        flex-direction: column;
        gap: 20px;
    }
    .testimonial__heading-title{
        width: 100%;
    }
    .testimonial__content-items{
        flex-wrap: wrap;
    }
    .testimonial__content-item{
        width: 49.6%;
    }
    .testimonial__content-items .testimonial__content-item:last-child{
        width: 100%;
    }
    .testimonial__info-card,
    .testimonial__quote-card{
        padding: 20px;
    }
    .testimonial__quote-card .spacer{
        height: 40px;
    }
    .testimonial__quote-text{
        font-size: 17px;
    }
    .testimonial__rating-card{
        width: 49.6%;
        padding: 20px;
    }
    .testimonial__rating-card.testimonial__trusted-card{
        flex-direction: column;
    }

    .testimonial__trusted-desc{
        width: 40%;
    }
    .testimonial__trusted-btn{
        width: 100%;
    }
    .testimonial__rating-desc{
        font-size: 14px;
    }
    .testimonial__rating-detail{
        width: 40%;
    }
    .contact-cta__page-layout{
        flex-direction: column;
        gap: 0;
        justify-content: center;
    }
    .contact-cta__heading{
        width: 57%;
        padding: 0;
        padding-bottom: 20px;
        border: none;
        border-bottom: 3px solid var(--accent-color-2);
        text-align: center;
    }
    .contact-cta__desc-container{
        width: 46%;
        align-items: center;
        text-align: center;
        padding-top: 20px;
    }
    .contact-cta__meta-list{
        padding-top: 80px;
    }
    .contact-cta__top-gradient,
    .contact-cta__bottom-gradient{
        height: 150px;
    }
    .blog__content-header{
        flex-wrap: wrap;
    }
    .blog__heading-title{
        width: 71%;
    }
    .blog__heading-line{
        width: 70%;
    }
    .blog__content-body{
        flex-direction: column;
    }
    .blog__content-item.blog__content-item--featured{
        width: 100%;
    }
    .blog__content-list{
        width: 100%;
    }
    .single-post__page-layout{
        flex-direction: column-reverse;
    }
    .single-post__sidebar{
        width: 100%;
        top: 0;
        position: relative;
    }
    .single-post__widget-post-list{
        grid-template-columns: repeat(2, 1fr);
    }
    .single-post__card{
        padding: 25px;
    }
    .single-post__content-body{
        width: 100%;
    }
    .single-post__block-paragraph{
        font-size: 14px;
    }
    .single-post__tags{
        width: 49%;
    }
    .awards__content-header .sub-heading{
        margin: 0px 0px 0px -25px;
    }
    .awards__table-col.awards__table-col--org{
        display: none;
    }
    .awards__table-col.awards__table-col--title{
        width: 50%;
        font-size: 15px;
    }
    .awards__table-col.awards__table-col--nomination{
        width: 35%;
        font-size: 15px;
    }
    .awards__table-col.awards__table-col--year{
        width: 15%;
        font-size: 15px;
    }
    .industries__content-header{
        gap: 0;
        justify-content: center;
    }
    .industries__heading-title{
        width: 61%;
    }
    .industries__heading-desc{
        width: 37%;
    }
    .industries__card{
        gap: 30px 20px;
        padding: 20px;
    }
    .industries__card-title{
        width: 74%;
    }
    .solution__heading-title{
        flex-direction: column;
        width: 78%;
        padding-bottom: 85px;
    }
    .solution__heading-desc{
        width: 100%;
        right: 0px;
    }
    .solution__content-body{
        flex-direction: column;
        gap: 80px;
    }
    .solution__sidebar{
        width: 100%;
        position: relative;
        top: 0px;
    }
    .solution__sidebar-title{
        font-size: 15px;
    }
    .solution__sidebar-image img{
        height: 300px;
    }
    .solution__cards{
        width: 100%;
    }
    .solution__card{
        gap: 40px;
        padding: 20px;
    }
    .solution__card-body-desc{
        font-size: 14px;
    }
    .solution__stats-container{
        padding: 20px;
    }
    .solution-stat{
        font-size: 32px;
    }
    .faq__content-header{
        width: 83%;
    }
    .faq__content-body{
        gap: 80px;
    }
    .faq__accordion-desc{
        font-size: 14px;
    }
    .contact__page-layout{
        flex-direction: column;
        gap: 80px;
    }
    .contact__content-info{
        width: 100%;
    }
    .contact__heading-desc{
        width: 67%;
        text-indent: 2em;
    }
    .contact__map{
        width: 100%;
    }
    .contact__content-form{
        width: 100%;
    }
    .contact__social-icon{
        width: 45px;
        height: 45px;
        font-size: 20px;
    }
}

/* ======================= 
    2.0 Tablet Responsive
==========================*/

@media screen and (max-width: 767.98px) {
    h1,
    .heading-xl{
        font-size: 85px;
    }
    h2,
    .heading-lg{
        font-size: 40px;
    }
    h3,
    .heading-md{
        font-size: 30px;
    }
    h4,
    .heading-sm{
        font-size: 20px;
    }
    h5,
    .heading-xs{
        font-size: 16px;
    }
    h6,
    .heading-xxs{
        font-size: 14px;
    }
    p{
        font-size: 16px;
    }
    button, a, .btn,
    .nav-link, .dropdown-item{
        font-size: 14px;
    }
    .btn{
        padding: 13px 26px;
    }
    .section{
        padding: 100px 20px;
    }
    .sub-heading{
        font-size: 14px;
    }
    .navbar-logo-container{
        width: 35%;
    }
    .navbar-logo-container img{
        width: 100%;
    }
    .navbar-cta-container{
        width: 50%;
    }
    .footer__content-intro{
        width: 100%;
        align-items: center;
        text-align: center;
    }
    .footer__content-nav{
        width: 100%;
        align-items: center;
        text-align: center;
    }
    .footer__nav-link li{
        font-size: 14px;
    }
    .footer__content-cta{
        align-items: center;
        text-align: center;
    }
    .footer__social-container{
        flex-wrap: wrap;
    }
    .footer__social-icon{
        width: 27px;
        height: 27px;
        font-size: 15px;
    }
    #newsletter-form{
        width: 100%;
        flex-direction: column;
    }
    #newsletter-form input{
        width: 100%;
        font-size: 14px;
    }
    #newsletter-form .button-group{
        width: 100%;
    }
    .footer__copyright{
        flex-direction: column;
    }
    .legalink{
        flex-wrap: wrap;
    }
    .header-meta{
        display: none;
    }
    .alert .form-validaton{
        font-size: 14px;
    }
    .banner-home__header{
        flex-direction: column;
        gap: 30px;
    }
    .banner-home__heading-title{
        width: 100%;
        text-align: center;
    }
    .banner-home__heading-cta{
        width: 100%;
        text-align: center;
        justify-content: center;
    }
    .banner-home__tags{
        gap: 5px;
    }
    .banner-home__context .context-text{
        font-size: 14px;
    }
    .banner-inner__page-layout{
        padding: 100px 20px;
    }
    .banner-notfound__content-header{
        align-items: center;
        text-align: center;
    }
    .banner-notfound__content-title{
        width: 100%;
    }
    .banner-notfound__content-info{
        width: 100%;
        justify-content: center;
        order: 2;
    }
    .banner-notfound__content-info-title{
        font-size: 14px;
    }
    .banner-notfound__content-cta-container{
        width: 100%;
        align-items: center;
        text-align: center;
        order: 1;
    }
    .partnership__items{
        grid-template-columns: repeat(2, 1fr);
    }
    .partnership__item img{
        height: 90px;
    }
    .section.about{
        padding: 100px 20px;
    }
    .about__page-layout{
        flex-direction: column;
        gap: 20px;
        align-items: center;
        justify-content: flex-start;
    }
    .about__heading{
        width: 100%;
        font-size: 30px;
        text-align: center;
    }
    .portfolio__heading-title{
        width: 100%;
        flex-direction: column-reverse;
        text-align: center;
    }
    .portfolio__heading-desc{
        width: 100%;
        text-align: center;
    }
    .portfolio__content-video{
        height: 200px;
    }
    .portfolio__content-title-card{
        flex-direction: column-reverse;
        gap: 10px;
        justify-content: center;
    }
    .portfolio-detail__heading-meta-item{
        gap: 10px;
        flex-wrap: wrap;
    }
    .portfolio-detail__video-container .spacer{
        height: 301px;
    }
    .portfolio-detail__content-block{
        flex-direction: column;
        gap: 20px;
    }
    .portfolio-detail__block-title{
        width: 100%;
    }
    .portfolio-detail__block-content{
        width: 100%;
    }
    .portfolio-detail__block-list li{
        font-size: 14px;
    }
    .service__content-header{
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }
    .service__heading-title-container{
        width: 100%;
        flex-direction: column;
        gap: 20px;
        align-items: center;
        text-align: center;
    }
    .service__heading-title,
    .service__heading-desc{
        width: 100%;
    }
    .service__accordion .accordion-item{
        padding: 20px;
    }
    .service__accordion .accordion-button{
        flex-direction: column;
        align-items: start;
    }
    .service__accordion-icon{
        font-size: 20px;
    }
    .service__acccordion-title-container{
        width: 100%;
    }
    .service__content-image img{
        height: 250px;
    }
    .service__content-title-container{
        width: 100%;
    }
    .service__content-category{
        width: 100%;
    }
    .service__accordion .accordion-body{
        width: 100%;
    }
    .section.result{
        padding: 0px 20px 100px;
    }
    .result__heading-title{
        width: 100%;
        align-items: center;
        text-align: center;
        padding-top: 40px;
    }
    .result__heading-title .sub-heading{
        top: 0;
        right: 0;
        width: 100%;
        text-align: center;
    }
    .result__heading-desc{
        text-align: center;
    }
    .result__heading-meta{
        width: 100%;
    }
    .result__heading-meta-item{
        text-align: center;
    }
    .result__heading-meta-item.result__heading-meta-highlight{
        width: 100%;
    }
    .result__stat-item{
        width: 100%;
        align-items: center;
        text-align: center;
    }
    .result__stat-title{
        text-align: center;
    }
    .result__media .spacer{
        height: 300px;
    }
    .section.process{
        padding: 0px 20px 100px;
    }
    .process__content-header{
        flex-direction: column-reverse;
        align-items: center;
    }
    .process__step-list{
        grid-template-columns: repeat(1, 1fr);
    }
    .process__step-title{
        text-align: center;
    }
    .process__step-desc{
        text-align: center;
    }
    .section.testimonial{
        padding: 0px 20px 100px;
    }
    .testimonial__content-item{
        width: 100%;
    }
    .testimonial__info-avatar-image{
        width: 50px;
    }
    .testimonial__info-avatar-image img{
        height: 50px;
    }
    .testimonial__rating-footer{
        flex-direction: column;
    }
    .testimonial__quote-text{
        font-size: 16px;
        text-align: center;
    }
    .testimonial__rating-card{
        width: 100%;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .testimonial__rating-detail{
        width: 46%;
        align-items: center;
        text-align: center;
    }
    .testimonial__trusted{
        flex-direction: column;
    }
    .testimonial__trusted-desc{
        width: 70%;
    }
    .contact-cta__heading{
        width: 100%;
    }
    .contact-cta__desc-container{
        width: 100%;
    }
    .contact-cta__top-gradient,
    .contact-cta__bottom-gradient{
        height: 100px;
    }
    .blog__content-header{
        align-items: center;
        text-align: center;
        justify-content: center;
    }
    .blog__heading-title,
    .blog__heading-line{
        width: 100%;
    }
    .blog__content-list{
        flex-direction: column;
    }
    .blog__content-item{
        width: 100%;
    }
    .single-post__widget-post-list{
        grid-template-columns: repeat(1, 1fr);
    }
    .single-post__content-footer{
        flex-direction: column;
        gap: 20px;
        align-items: center;
        text-align: center;
    }
    .single-post__tags{
        width: 100%;
        flex-direction: column;
        align-items: center;
    }
    .single-post__author{
        flex-direction: column;
        align-items: center;
        padding: 25px;
    }
    .single-post__author-detail{
        align-items: center;
        text-align: center;
    }
    .awards__content-header{
        flex-direction: column-reverse;
        gap: 10px;
        align-items: center;
        text-align: center;
    }
    .awards__content-header .sub-heading{
        margin: 0;
    }
    .awards__table-col.awards__table-col--title{
        width: 45%;
        font-size: 14px;
    }
    .awards__table-col.awards__table-col--nomination{
        width: 30%;
        font-size: 14px;
    }
    .awards__table-col.awards__table-col--year{
        width: 25%;
        font-size: 14px;
    }
    .industries__content-header{
        flex-direction: column;
        gap: 20px;
        align-items: center;
        text-align: center;
    }
    .industries__heading-title{
        width: 100%;
        flex-direction: column-reverse;
        gap: 20px;
    }
    .industries__heading-desc{
        width: 100%;
    }
    .industries__card-title{
        width: 71%;
    }
    .solution__content-header{
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }
    .solution__heading-title{
        width: 100%;
        text-align: center;
    }
    .solution__sidebar-title{
        text-align: center;
    }
    .solution-stat{
        font-size: 28px;
    }
    .faq__content-header{
        width: 100%;
    }
    .faq__content-body{
        flex-direction: column;
    }
    .faq__tab-list{
        width: 100%;
    }
    .faq__tab-content{
        width: 100%;
    }
    .contact__heading-title{
        align-items: center;
        text-align: center;
    }
    .contact__heading-desc{
        width: 95%;
    }
    .contact__social-icon{
        width: 27px;
        height: 27px;
        font-size: 15px;
    }
}

/* ======================= 
    3.0 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; 
    }
}

/* ======================= 
    4.0 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; 
    }
}