/*--------------------------------------
	Max Width Responsive CSS
--------------------------------------*/

@media screen and (max-width: 1550px) {
  .home-slider-part .slider-content .slider-title {
    font-size: 45px;
  }

  .home-slider-part .slider-content .slider-btn {
    margin-block-start: 20px;
  }

  .home-slider-part .slider-content {
    top: 46%;
  }
}

@media screen and (max-width: 1366px) {

  .back__course__area .back__shape__1 {
    left: -25px;
  }

  .back-slider-part .hero2__nav-content p br {
    display: none;
  }
}



@media only screen and (max-width: 1200px) {
  .back__course__area .course__item .course__card-icon .back__user {
    font-size: 14px;
  }

  .profile-top .user-section li {
    padding-inline-end: 15px;
  }

  .back__course__area .course__item .course__card-icon .course__card-icon--2 svg,
  .back__course__area .course__item .course__card-icon .course__card-icon--1 svg {
    width: 26px;
    height: 26px;
  }

  .blog2__area .blog2__wrapper-2 p br {
    display: none;
  }

  .about4__wrapper {
    padding-inline-start: 50px;
    padding-block-start: 0;
  }

  .hero4__area .hero4__image-2 {
    right: 0;
  }

  .back__course__area .course__item .course__card-icon .back__user img {
    width: 26px;
  }

  .back__course__area .course__item .back-course-title {
    font-size: 16px;
  }

  .academic__round-area-title p br {
    display: none;
  }

  .back-blog__area .blog__card--title {
    font-size: 16px;
    line-height: 24px;
  }

  .back-slider-part .hero2__nav-content {
    padding: 35px 20px 26px 20px;
  }

  .back-slider-part .slider__btm__part {
    position: relative;
  }

  .back-home3-banner-form .form__wrapper button {
    padding: 11px 44px;
  }

  .hero3__image {
    margin-inline-start: 0;
  }

  .back-course-filter2 .single-studies .inner-course .case-content .case-title {
    font-size: 16px;
  }

  .event2__wrapper {
    padding: 30px 30px 37px 30px;
  }

  .event2__wrapper-3 p br {
    display: none;
  }

  .event2__wrapper-3 h3 {
    font-size: 20px;
  }

  .event2__area .event2__image {
    flex: 0 0 60%;
  }
}

@media only screen and (max-width: 1200px) and (min-width: 1025px) {
  .back-menus>li>a {
    font-size: 13px;
  }

  .back-course-filter .back-filter button {
    margin: 0 0 0 5px;
  }
}

@media only screen and (max-width: 1100px) and (min-width: 1025px) {
  .back-course-filter .single-studies .inner-course {
    flex-wrap: nowrap;
  }

  .back-course-filter .single-studies .inner-course .case-content ul li {
    padding-inline-end: 20px;
  }

  .back-course-filter .single-studies .inner-course .case-content .back-ratings {
    margin-block-start: 23px;
    padding-block-start: 5px;
  }

  .back-course-filter .single-studies .inner-course .case-content {
    padding-inline-start: 30px;
  }
}


@media only screen and (max-width: 1100px) {
  .back-menus>li>a {
    font-size: 13px;
  }

  .back-home3-banner-form .form__wrapper button {
    padding: 11px 30px;
  }

  .back-breadcrumbs:not(.back-breadcrumbs-blog-single) .breadcrumbs-wrap img {
    height: 320px;
  }

  .back-menus>li>a {
    padding: 26px 14px 26px 14px;
   
  }

  .feature__paragraph br {
    display: none;
  }

  .back_popular_topics .item__inner {
    padding: 50px 20px 40px 20px;
  }

  .back_popular_topics .item__inner h3 {
    font-size: 15px;
    line-height: 21px;
  }

  .hero4__area .hero4__image-2 {
    width: 48%;
  }

  .hero4__content {
    position: relative;
    z-index: 1;
  }

  .hero4__area .hero4__content h1 {
    font-size: 50px;
    line-height: 60px;
  }
}



@media only screen and (min-width: 992px) {
  /********* Mega Menu *********/
  #back-header .back-inner-menus ul li.mega-inner {
    position: static;
    transition: 0s;
  }

  .back-inner-menus .back-menus>.has-sub>a {
    position: relative;
  }

  img.mobile {
    display: none !important;
  }

  .back-inner-menus .back-menus>.has-sub>a:before {
    content: "";
    position: absolute;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid;
    display: block;
    top: 50%;
    right: 3px;
    transform: translateY(-50%);
    opacity: 0.5;
    transition: 0.2s;
  }

  .back-inner-menus .back-menus>.has-sub.menu-active>a:before {
    content: "";
    position: absolute;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 6px solid;
    border-top: 0px solid;
    display: block;
    top: 50%;
    right: 3px;
    transform: translateY(-50%);
  }

  #back-header .back-inner-menus .sub-menu-mega {
    display: block !important;
    box-shadow: none;
  }

  .mega-menu-container {
    display: flex;
    justify-content: space-between;
    padding: 0px 50px 15px 50px;
  }

  #back-header .back-menus li.mega-inner ul.mega-menu {
    left: 0;
    right: 0;
  }

  #back-header .back-inner-menus ul li.mega-inner:hover ul.mega-menu {
    top: 100%;
    opacity: 1;
    visibility: visible;
    overflow: visible;
    z-index: 9999;
    height: auto;
  }

  #back-header .back-menus li.mega-inner ul li {
    height: auto;
    width: auto;
  }

  #back-header .back-inner-menus ul ul.mega-menu ul {
    margin-inline-start: 0;
    left: 0;
    width: 100%;
    padding: 0;
  }

  #back-header .back-menus .mega-menu-container .menu-item div a {
    padding: 3px 0;

  }

  #back-header .back-menus .mega-menu-container .menu-item ul {
    position: relative;
  }

  .back-menus {
    padding: 0 0 0 80px;
    flex: 1;
  }
}


@media only screen and (max-width: 1200px) and (min-width: 992px) {
  .back-menus {
    padding: 0 0 0 20px;
  }
}

@media screen and (max-width: 991px) {
    .menu-toggle #menu-btn {
    background: #a4b93a;
    border-color: #a4b93a;
    }
    .bg-pattern{
        top: 0;
        background-repeat: no-repeat;
    }
    .w-btn-3{
        font-size:14px;
        padding:5px 10px;
    }
    .pt-156 {
        padding-block-start: 75px;
    }
    .pt-120 {
        padding-block-start: 60px;
    }
    .pt-90 {
        padding-block-start: 45px;
    }
    .pt-30 {
        padding-block-start: 15px;
    }
    .pb-130 {
        padding-block-end: 65px;
    }
    .pb-120 {
        padding-block-end: 60px;
    }
    .mb-110{
        margin-block-end: 55px;
    }
    .back-footer .footer-top{
        padding: 50px 0 25px;
    }
    .back-header .back-main-menu{
        padding: 0 10px;
    }
    .home-slider-part .owl-item .slider-img img{
        height: 550px;
        
    }
    .about__area .about__content .about__title{
        font-size:28px;
    }
    .about__area .about__content .about__paragraph{
        font-size:14px;
    }
    .about2__area ul li{
        padding-block-end:15px;
    }
    .logo-text img{
        height: 50px;
    }
    .gallery-box{
        width:160px;
        height:150px;
    }
    .gallery-box img{
        width:160px;
        height:150px;
    }
    #backmenu div{
        margin-block-start: 15px;
    }
    .back-header.back-inner-header .back-menus>li>a,
    .back-header.back-inner-header .back-login svg,
    .back-header.back-inner-header .back-btn:hover,
    .back-header.back-inner-header .back-login a {
    color: #0a0a0a !important;
    }

  img.desktop {
    display: none !important;
  }

  .back-header .menu-title {
    padding-inline-start: 25px;
  }

  .back-header .back-menus>li>a {
    color: #091524 !important;
  }

  .back-course-filter2 .back-filter button {
    margin: 0 0 10px 5px;
  }

  .profile-top .user-section li {
    padding-inline-end: 35px;
  }

  .back-breadcrumbs .breadcrumbs-wrap .breadcrumbs-inner .breadcrumbs-text .breadcrumbs-title {
    font-size: 40px;
  }

  .hero4__area .hero4__image-2 {
    top: auto;
  }

  .hero4__area {
    text-align: center;
  }

  .about4__container {
    display: block;
  }

  .back-contact-page .blog-form form .pdl-5 {
    padding-inline-start: 12px;
  }

  .back-contact-page #contact-form {
    padding-block-start: 50px;
  }

  .back-address-area .inner-locate {
    margin: 20px 0;
  }

  .class__container {
    display: block;
    width: auto;
    height: auto;
  }

  .class__wrapper {
    padding: 30px 35px 35px 20px;
  }

  .class__schedule-1:not(:first-child) {
    padding-inline-start: 20px;
  }

  .class__schedule-1:not(:last-child) {
    padding-inline-end: 20px;
  }

  .about4__wrapper {
    padding-inline-start: 0;
    padding-block-start: 60px;
  }

  .hero4__area .hero4__image {
    padding: 90px 15px 0;
  }

  .about__area .about__content {
    padding: 70px 0 0px 0px;
  }

  .event2__content-wrapper h3 {
    font-size: 34px;
  }

  .event2__container {
    display: block
  }

  .event2__image img {
    border-radius: 0;
  }

  .back-gallery .back-gallery-inner {
    flex: 0 0 32.33%;
  }

  .event2__content-wrapper h3 br {
    display: none;
  }

  .back-home3-banner-form .form__wrapper-2 {
    display: block;
  }

  .back-home3-banner-form .form__wrapper-2 div {
    margin: 12px 15px 11px;
    flex: unset;
    text-align: center;
  }

  .category3__content {
    text-align: center;
  }

  .back-course-filter2 .back-filter {
    text-align: center;
  }

  .back-course-filter2 .back__title__section.text-left {
    text-align: center;
  }

  .back__title__section h2 {
    margin: 0 0 40px;
  }

  .back-course-filter2 .single-studies {
    margin-block-end: 35px;
  }

  #back-countdown {
    text-align: center;
  }

  .back-countdown #countdown ul {
    justify-content: center;
  }

  .back-countdown .col-lg-4.text-right {
    text-align: center;
    padding-block-start: 80px;
  }

  .back-home3-banner-form .form__wrapper button {
    margin-block-start: 20px;
  }

  .hero3__content h1 {
    font-size: 40px;
    line-height: 45px;
  }

  .category3__area .col-lg-4.text-right {
    text-align: center;
  }

  .back-slider-part .hero2__nav-content {
    margin: 10px;
    border-radius: 3px;
  }

  .back-slider-part .slider__btm__part {
    padding-block-start: 90px;
  }

  .back-course-filter .back-filter {
    text-align: left;
  }

  .back-header .searchbar-part,
  .back-step__area .step__shape .step__shape-2 {
    display: none;
  }

  .back-step__area .step__content {
    padding-block-start: 90px;
  }

  .back-step__area .step__content1,
  .back-step__area .step__content2,
  .back-step__area .step__content3,
  .back-step__area .step__content4 {
    margin-inline-start: 0;
    justify-content: center;
    margin-block-end: 25px;
  }

  .back-step__area .step__content1--icon,
  .back-step__area .step__content4--icon {
    margin-inline-end: 0;
  }

  .back-menus>li>a {
    padding: 14px 14px 14px 24px;
    font-size: 15px;
  }

  .back-main-menu .menu-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .back-menus li ul.sub-menu li a {
    padding: 12px 40px 12px 50px;
    font-size: 14px;
    font-weight: 600;
  }

  .back-menus li ul.sub-menu {
    padding: 0;
  }

  .about__area .about__image {
    margin-inline-start: 0;
  }

  .back__course__area .course__item {
    max-width: 600px;
    margin-inline-start: auto;
    margin-inline-end: auto;
  }

  .event__video-btn.text-end {
    text-align: center !important;
  }

  .event__area .pr-80 {
    padding-inline-end: 15px;
  }

  .back-blog__area .blog__card {
    margin-block-end: 30px;
  }

  .back-blog__area .blog__card--icon::before {
    left: 0;
  }

  .newsletter__area .newsletter__wrapper {
    display: block;
  }

  .newsletter__area .newsletter__title {
    margin-block-end: 30px;
  }

  .newsletter__area .newsletter__form input {
    width: 100%;
    height: 59px;
  }

  .back-footer .footer-top .footer-widget.footer-widget-2 {
    padding-inline-start: 0;
  }

  .back-footer .footer-top .back-instagram {
    max-width: 509px;
  }

  .back-footer .copyright .container {
    justify-content: center;
    flex-wrap: wrap;
  }

  .back-footer .copyright .back-copy-right ul {
    display: block;
  }

  .back-footer .copyright .back-copy-right ul li {
    padding-inline-start: 0;
  }

  .back-footer .copyright .back-copy-left {
    order: 2;
  }

  .back-footer .copyright .back-copy-left,
  .back-footer .copyright .back-copy-right {
    flex: 0 0 100%;
  }
}



@media screen and (max-width: 767px) {
  .back_popular_topics .item__inner {
    max-width: 400px;
    margin-inline-start: auto;
    margin-inline-end: auto;
  }

  .blog-tags .social-links.text-right {
    text-align: left;
    margin-block-start: 40px;
  }

  .back-course-filter.back__course__page_list .shorting__course .all__icons,
  .back__course__area.back__course__page_grid .shorting__course .all__icons {
    justify-content: center;
    margin-block-end: 30px;
  }

  .row.shorting__course .col-md-6.text-right {
    text-align: center;
  }

  .back-course-filter.back__course__page_list .shorting__course,
  .back__course__area.back__course__page_grid .shorting__course {
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding: 30px 20px;
  }

  .category3__content h2 {
    font-size: 34px;
  }

  .profile-top .user-section {
    display: block;
  }

  .profile-top .user-section li {
    padding-inline-end: 0;
    padding-block-end: 30px;
  }

  .class__schedule {
    display: block;
  }

  .class__wrapper {
    padding: 15px 20px 35px 20px;
  }

  .class__schedule-1:not(:last-child) {
    border: none;
  }

  .class__schedule-1:not(:last-child) {
    padding-inline-end: 0;
    border: none;
  }

  .class__schedule-1:not(:first-child) {
    padding-inline-start: 0;
  }

  .back-breadcrumbs .breadcrumbs-wrap .breadcrumbs-inner .breadcrumbs-text .breadcrumbs-title {
            font-size: 31px;
        padding-top: 42px;
  }

  .blog2__area .blog2__wrapper {
    display: block;
    border: 1px solid #eaecf2 !important;
    text-align: center;
    padding: 37px 20px 10px 20px;
  }

  .event2__content-wrapper {
    padding-block-end: 0;
    text-align: center;
  }

  .event2__area .event2__btn.text-right {
    text-align: center;
  }

  .back-course-filter .back-filter button {
    margin-block-end: 20px;
  }

  .hero3__content {
    text-align: center;
  }

  .hero3__image-2 {
    right: 0;
  }

  .hero3__image {
    position: relative;
    text-align: center;
    padding-block-start: 60px;
    padding-block-end: 90px;
  }

  .event__card {
    display: block;
    text-align: center;
    margin: 25px 0;
    padding: 46px 20px;
  }

  .back-clients .client-slider.owl-carousel .owl-nav [class*="owl-"] {
    display: none;
  }

  .home-slider-part .slider-content .slider-title {
    font-size: 30px;
  }
    .home-slider-part .slider-content .slider-desc{
        font-size:14px;
    }
  .newsletter2__form {
    top: 0;
    margin-inline-end: 0;
    margin-block-start: 10px;
  }

  .newsletter2__form input {
    width: 100%;
    border-radius: 30px;
  }

  .newsletter2__form button {
    position: relative;
    height: 53px;
    margin-block-start: 30px;
    border-radius: 30px;
  }

  .event__card--btn {
    padding-inline-end: 0;
    margin-block-start: 20px;
  }

  .event__card--date-area {
    padding: 0;
  }

  .event__small-paragraph {
    margin: 0;
  }

  .event__video-btn .image-background {
    margin-block-start: 50px;
  }

  .event2__area .btn {
    padding: 0;
  }

  .about4__wrapper {
    padding-block-start: 90px;
  }
  #backmenu .sub-menu li a{
    color: #000 !important;
  }
}

@media screen and (max-width: 600px) {
  .back-logo-area .brand__slider .brand__item {
    padding: 15px 10px;
  }

  .back-login-page .login-left-content h1 {
    font-size: 34px;
  }

  .event2__wrapper-2 {
    display: block;
    padding-block-end: 10px;
  }

  .back-login-page .login-right-form {
    padding: 50px 25px;
  }

  .event2__wrapper-2-item1 {
    padding-inline-end: 0;
  }

  .event2__wrapper-2-item2 {
    margin-inline-start: -4px;
  }

  .about4__title {
    font-size: 34px;
    line-height: 40px;
  }

  .about4__title br {
    display: none;
  }

  .about4__icon {
    display: block;
  }

  .distant-page .slider-contents .slider-title {
    font-size: 35px;
  }

  .distant-page .slider-contents .slider-title br {
    display: none;
  }
}

@media screen and (max-width: 575px) {
  .newsletter__area .newsletter__title {
    font-size: 34px;
    text-align: center;
  }

  .back-breadcrumbs.back-breadcrumbs-blog-single .breadcrumbs-wrap img {
    height: 400px;
  }

  .back-restaurant-gallery .back-columns-4 {
    display: block;
  }

  .back-error-page h1 {
    font-size: 36px;
  }

  .course-hub-banner .slider-content {
    padding: 15px;
  }

  .back-countdown #countdown ul li {
    margin-inline-start: 3px;
    margin-inline-end: 3px;
  }

  .back-contact-page .back-title-sec h2 {
    font-size: 34px;
  }

  .hero3__image-course {
    right: auto;
  }

  .back-course-filter .single-studies .inner-course {
    display: block;
    text-align: center;
  }

  .back-course-filter .single-studies .inner-course .case-img img {
    border-radius: 0;
  }

  .back-course-filter .single-studies .inner-course .case-content .back-ratings {
    padding: 14px 40px;
  }

  .back-course-filter .single-studies .inner-course .case-content ul {
    justify-content: center;
    padding-block-start: 20px;
  }

  .back-course-filter .single-studies .inner-course .case-img {
    flex: unset;
    padding-block-start: 40px;
  }

  .back-course-filter .single-studies .inner-course .case-content {
    padding-inline-start: 0;
  }

  .back-clients .client-slider .single-client {
    padding: 30px 30px 30px;
  }

  .home-slider-part.home2.owl-carousel .owl-nav [class*="owl-"] {
    display: none;
  }

  .count__area .count__content {
    text-align: center;
    margin: 25px 0;
  }

  .back__title__section h2,
  .about__area .about__content .about__title,
  .event__title {
    font-size: 34px;
  }

  .feature__item,
  .back-blog__area .blog__card--content,
  .event__content-wrapper {
    text-align: center;
  }

  .back-blog__area .blog__card--title {
    font-size: 18px;
    line-height: 30px;
  }

  .back-footer .footer-top .back-instagram {
    max-width: 340px;
  }
}

@media screen and (max-width: 480px) {
  .back-footer .footer-top .back-instagram li {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .about2__area ul li {
    float: none;
    width: 100%;
  }

  .home-slider-part.home2 .slider-img img {
    min-height: 500px;
  }

  .home-slider-part .slider-content {
    top: 55%;
    padding: 20px 15px;
  }

  .back-course-filter .single-studies .inner-course .case-content ul li {
    padding: 0 10px;
  }

  .back-gallery .back-columns-4 {
    display: block;
  }

  .slider-img img.mobile {
    height: 380px;
  }
}

@media screen and (max-width: 380px) {}


/* Horizontal Gaps (gx) */
.gx-0 {
  column-gap: 0 !important;
}
.gx-1 {
  column-gap: 0.25rem !important; /* 4px */
}
.gx-2 {
  column-gap: 0.5rem !important; /* 8px */
}
.gx-3 {
  column-gap: 1rem !important; /* 16px */
}
.gx-4 {
  column-gap: 1.5rem !important; /* 24px */
}
.gx-5 {
  column-gap: 3rem !important; /* 48px */
}

/* Vertical Gaps (gy) */
.gy-0 {
  row-gap: 0 !important;
}
.gy-1 {
  row-gap: 0.25rem !important; /* 4px */
}
.gy-2 {
  row-gap: 0.5rem !important; /* 8px */
}
.gy-3 {
  row-gap: 1rem !important; /* 16px */
}
.gy-4 {
  row-gap: 1.5rem !important; /* 24px */
}
.gy-5 {
  row-gap: 3rem !important; /* 48px */
}

/* Combined Gaps (g) */
.g-0 {
  row-gap: 0 !important;
  column-gap: 0 !important;
}
.g-1 {
  row-gap: 0.25rem !important;
  column-gap: 0.25rem !important;
}
.g-2 {
  row-gap: 0.5rem !important;
  column-gap: 0.5rem !important;
}
.g-3 {
  row-gap: 1rem !important;
  column-gap: 1rem !important;
}
.g-4 {
  row-gap: 1.5rem !important;
  column-gap: 1.5rem !important;
}
.g-5 {
  row-gap: 3rem !important;
  column-gap: 3rem !important;
}

/* Responsive Horizontal Gaps (gx) */
@media (min-width: 576px) {
  .gx-sm-0 { column-gap: 0 !important; }
  .gx-sm-1 { column-gap: 0.25rem !important; }
  .gx-sm-2 { column-gap: 0.5rem !important; }
  .gx-sm-3 { column-gap: 1rem !important; }
  .gx-sm-4 { column-gap: 1.5rem !important; }
  .gx-sm-5 { column-gap: 3rem !important; }
}
@media (min-width: 768px) {
  .gx-md-0 { column-gap: 0 !important; }
  .gx-md-1 { column-gap: 0.25rem !important; }
  .gx-md-2 { column-gap: 0.5rem !important; }
  .gx-md-3 { column-gap: 1rem !important; }
  .gx-md-4 { column-gap: 1.5rem !important; }
  .gx-md-5 { column-gap: 3rem !important; }
}
@media (min-width: 992px) {
  .gx-lg-0 { column-gap: 0 !important; }
  .gx-lg-1 { column-gap: 0.25rem !important; }
  .gx-lg-2 { column-gap: 0.5rem !important; }
  .gx-lg-3 { column-gap: 1rem !important; }
  .gx-lg-4 { column-gap: 1.5rem !important; }
  .gx-lg-5 { column-gap: 3rem !important; }
}
@media (min-width: 1200px) {
  .gx-xl-0 { column-gap: 0 !important; }
  .gx-xl-1 { column-gap: 0.25rem !important; }
  .gx-xl-2 { column-gap: 0.5rem !important; }
  .gx-xl-3 { column-gap: 1rem !important; }
  .gx-xl-4 { column-gap: 1.5rem !important; }
  .gx-xl-5 { column-gap: 3rem !important; }
}
@media (min-width: 1400px) {
  .gx-xxl-0 { column-gap: 0 !important; }
  .gx-xxl-1 { column-gap: 0.25rem !important; }
  .gx-xxl-2 { column-gap: 0.5rem !important; }
  .gx-xxl-3 { column-gap: 1rem !important; }
  .gx-xxl-4 { column-gap: 1.5rem !important; }
  .gx-xxl-5 { column-gap: 3rem !important; }
}

/* Responsive Vertical Gaps (gy) */
@media (min-width: 576px) {
  .gy-sm-0 { row-gap: 0 !important; }
  .gy-sm-1 { row-gap: 0.25rem !important; }
  .gy-sm-2 { row-gap: 0.5rem !important; }
  .gy-sm-3 { row-gap: 1rem !important; }
  .gy-sm-4 { row-gap: 1.5rem !important; }
  .gy-sm-5 { row-gap: 3rem !important; }
}
@media (min-width: 768px) {
  .gy-md-0 { row-gap: 0 !important; }
  .gy-md-1 { row-gap: 0.25rem !important; }
  .gy-md-2 { row-gap: 0.5rem !important; }
  .gy-md-3 { row-gap: 1rem !important; }
  .gy-md-4 { row-gap: 1.5rem !important; }
  .gy-md-5 { row-gap: 3rem !important; }
}
@media (min-width: 992px) {
  .gy-lg-0 { row-gap: 0 !important; }
  .gy-lg-1 { row-gap: 0.25rem !important; }
  .gy-lg-2 { row-gap: 0.5rem !important; }
  .gy-lg-3 { row-gap: 1rem !important; }
  .gy-lg-4 { row-gap: 1.5rem !important; }
  .gy-lg-5 { row-gap: 3rem !important; }
}
@media (min-width: 1200px) {
  .gy-xl-0 { row-gap: 0 !important; }
  .gy-xl-1 { row-gap: 0.25rem !important; }
  .gy-xl-2 { row-gap: 0.5rem !important; }
  .gy-xl-3 { row-gap: 1rem !important; }
  .gy-xl-4 { row-gap: 1.5rem !important; }
  .gy-xl-5 { row-gap: 3rem !important; }
}
@media (min-width: 1400px) {
  .gy-xxl-0 { row-gap: 0 !important; }
  .gy-xxl-1 { row-gap: 0.25rem !important; }
  .gy-xxl-2 { row-gap: 0.5rem !important; }
  .gy-xxl-3 { row-gap: 1rem !important; }
  .gy-xxl-4 { row-gap: 1.5rem !important; }
  .gy-xxl-5 { row-gap: 3rem !important; }
}