@import url('style.css');

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

@media screen and (max-width: 1199px) {
  .footer-menu {
    display: flex;
    gap: var(--lg);
    font-weight: 500;
  }

    header img {
        width: 220px;
    }

    .btn-group {
        flex-direction:column;
    }
}

@media screen and (max-width: 991px) {
   .badge {
        display: none;
    }

    .badge-mobile {
        display: block;
        width:100%
    }

    .two-col-section .row {
        grid-template-columns: repeat(1, 1fr);
        gap: var(--xl);
        padding-block: var(--xl);
    }

    .two-col-section.footer-section .row {
        grid-template-columns: repeat(1, 1fr);
        gap: var(--md);
        padding-block: var(--xl);
    }
    .footer-section .row {
        align-items: start;
    }

  .two-col-section .row {
    display: flex;
    flex-direction: column;
  }
 
  
  .two-col-section .row .col {
    display: flex;
    flex-direction: column;
    gap: var(--lg);
}   
  .two-col-section .row .form-col {
        display: flex;
        flex-direction: column;
        gap: var(--xxs);
        width:100%;
    }

.off-right {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--lg);
}
  .off-right>p,
  .off-right>img,
  .off-left>p,
  .off-left>img,
  .off-left>figure,
  .off-right>figure {
    width: 100%;
  }

  .footer-menu {
    display: flex;
    flex-direction: column;
    gap: var(--sm);
    font-weight: 500;

  }

  .footer-logo {
    display: flex;
    justify-content: center;
  }

  .footer-main {
    gap: var(--lg);
    flex-direction: column;
    text-align: center;
  }

  .footer-privacy,
  .footer-privacy ul {
    display: flex;
    gap: var(--xxs);
    flex-direction: column;
    text-align: center;
    padding-bottom: var(--lg);
  }

  .two-col-section .row .col2 {
    width: 100%;
    padding-bottom: var(--xs);
  }

  .off-top,
  .off-bottom {
    height: fit-content;
  }

 
}

@media screen and (max-width: 767px) {
  .nav {
    display: none;
  }

  .nav-hamburger {
    display: block;
  }

    .swiper-slide img {
        height: 30rem;
    }

    .slider_row1 .swiper-slide, .slider_row2 .swiper-slide {
        width: 33rem;
    }

  .slider_row1 .swiper-slide img,
  .slider_row2 .swiper-slide img {
    height: 300px;
  }
    .contact-section ul {
        display: flex;
        flex-direction: column;
        gap: var(--xxs);
        margin-top: var(--xs);
    }
    header img {
        width: 200px;
    }

    .hero-text {
        gap: var(--md);
    }

   
}

.hero-text h1 {
    position: relative;
    max-width: 100%;
}

@media screen and (max-width: 575px) {
    .mobile-hidden{
        display:none;
    }
    .mobile-show {
        display: table-cell;
    }
    
}