/*==========================================
Index Pages
=============================================*/
@media only screen and (max-width: 980px)  {
    .search-filter-bar {
        margin-top: 0;
    }
    .navbar-brand img {
    width: 50%;
}
.dashboard-nav-group {
    flex-direction: column;
}
a.tab-btn.nav-link.active {
    width: 100%;
}
.profile-banner {
    padding: 5px;
}
.form-section-card {
    padding: 10px;
}
.form-section-card {
    padding: 10px;
}
.login-page {
    height: auto;
}
.flex_direction {
    flex-direction: column;
}
.tab-panel {
    padding: 0;
}
.custom-btn {
    margin-bottom: 1rem;
}
}
@media (min-width: 320px) and (max-width: 767px) {
.gap-6 {
    gap: 1rem !important;
}
.w_100 {
    width: 100%;
}

}

@media (max-width: 768px) {
    .align-items_start {
        align-items: start !important;
    }
    .gap-6 {
    gap: 1rem !important;
}
}



@media (max-width: 767px) {
 
  .tf-hero-section,
  .tf-hero-section .carousel-item {
    height: 220px !important; 
    min-height: auto !important;
  }


  .tf-hero-section .tf-slide-img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover; 
  }
}