.lab-features-mobile{
    display:none;
}

@media (max-width:768px){

.lab-features-mobile{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
    padding:18px 14px;
    background:#fff;
}

.lab-feature-item{
    text-decoration:none;
    color:#333;
    text-align:center;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
}

.lab-feature-icon{
    width:54px;
    height:54px;

    border-radius:16px;

    background:linear-gradient(180deg,#fef2f2,#fde7e7);

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:24px;

    margin-bottom:8px;

    border:1px solid #f2d3d3;

    box-shadow:0 4px 10px rgba(0,0,0,.05);
}

.lab-feature-item span{
            font-size: 13px;
            line-height: 1.35;
            font-weight: 600;
            color: #555;
            min-height: 29px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
}

.lab-feature-item:active{
    transform:scale(.96);
}

}

.lab-mobile-shortcuts{
    display:none;
}

@media (max-width:768px){
/*.hero-form{*/
/*    display:none;*/
/*}*/
.lab-mobile-shortcuts{
    display:block;
    padding:18px;
    background:#f7f7f7;
}

/* Search */

.lab-search{
    position:relative;
    margin-bottom:14px;
}

.lab-search input{
    width:100%;
    height:44px;
    border:1px solid #bdbdbd;
    border-radius:14px;
    background:#fff;
    padding:0 50px 0 15px;
    font-size:15px;
    outline:none;
    transition:.25s;
}

.lab-search input:focus{
    border-color:#d74b42;
    box-shadow:0 0 0 3px rgba(215,75,66,.08);
}

.lab-search button{
    position:absolute;
    right:12px;
    top:50%;
    transform:translateY(-50%);
    border:0;
    background:none;
    cursor:pointer;
    color:#222;
    width: auto;
    height: auto;
    margin-top: 0;
}

.lab-search svg{
    width:22px;
    height:22px;
}

/* Buttons */

.lab-actions{
    display:flex;
    gap:10px;
}

.lab-btn{
    flex:1;
    height:auto;
    border-radius:5px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    text-decoration:none;
    color:#fff;
            font-size: 17px;
            font-weight: 700;

    box-shadow:
        inset 0 1px rgba(255,255,255,.15),
        0 4px 10px rgba(0,0,0,.08);

    transition:.2s;
               padding: 11px 20px;
}
.lab-btn i{
    font-size:20px;
}
.lab-btn:active{
    transform:scale(.97);
}

/* Left Button */

.lab-btn-tests{
    background: linear-gradient(180deg, #1b2a6b, #4254a1);
}

/* Right Button */

.lab-btn-checkups{
            background: linear-gradient(180deg, #9b1b68, #cd4898);
}

.lab-btn span{
             display: block;
            font-size: 17px;
            font-weight: 400;
}

}

.lab-mobile-bottom-nav{
    display:none;
}

.bottom-nav{
    display:none;
}
/*footer links*/
@media (max-width: 600px) {
/* Fixed Bottom Navigation Container */
    .bottom-nav {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      height: 60px;
      background-color: #ffffff;
      box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.08);
      display: flex;
      justify-content: space-around;
      align-items: center;
      z-index: 1000;
      /* Safe area inset for modern edge-to-edge mobile screens */
      padding-bottom: env(safe-area-inset-bottom);
    }

    /* Individual Nav Item */
    .nav-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      flex: 1;
      height: 100%;
      text-decoration: none;
      color: #343434; /* Cool gray for inactive state */
      transition: color 0.2s ease;
    }

    /* Icon styling */
    .nav-item i {
      font-size: 1.2rem;
      margin-bottom: 3px;
    }

    /* Text styling - optimized for small mobile screens */
    .nav-item span {
      font-size: 0.65rem;
      font-weight: 500;
      text-align: center;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 100%;
      padding: 0 2px;
    }

    /* Active/Hover State */
    .nav-item.active {
      color: #1b2a6b; /* Primary Blue */
    }

    /* Custom Highlight for WhatsApp */
    .nav-item.whatsapp-btn {
      color: #25d366; /* Official WhatsApp Green */
    }
    .nav-item.whatsapp-btn:active {
      opacity: 0.7;
    }
    /* Ensure the wrapper handles spacing well */
.carousel-wrapper {
  width: 100%;
  overflow: hidden;
  padding-bottom: 25px; /* Leaves room for pagination dots if used */
}

/* Ensure cards don't break flex layouts within Swiper */
.category-card.swiper-slide {
  height: auto; /* Fits content evenly */
  box-sizing: border-box;
}

/* Optional: Customize pagination dots color to match your scheme */
.swiper-pagination-bullet-active {
  background: #2563eb !important; /* Your primary brand color */
}
}



    
.desktop-visible{
        display:block;
    }
      .mobile-visible{
        display:none;
    }
    @media (max-width: 600px) {
        .desktop-visible{
        display:none;
    }
        .mobile-visible{
        display:block;
    }
    }
    
    /* Desktop */
@media (min-width:768px){

    #testSwiper .swiper-wrapper{
        display:grid;
        grid-template-columns:repeat(4,1fr);
        gap:20px;
    }

    #testSwiper .swiper-slide{
        width:100% !important;
        margin:0 !important;
    }

    #testSwiper .swiper-pagination{
        display:none;
    }

}

/* Mobile */
@media (max-width:767px){

    #testSwiper{
        overflow:hidden;
        padding-bottom:30px;
    }

    #testSwiper .swiper-slide{
        height:auto;
    }

}

/* Desktop */
.footer-content {
    display: block;
}

.acc-icon {
    display: none;
}

/* Mobile Accordion */
@media (max-width: 767px) {
.footer-bottom{
     padding-bottom: 71px;
}
    .footer-col h4 {
                width: 100%;
        display: flex !important;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        margin-bottom: 0;
        padding: 15px 0;
               border-bottom: 1px solid #9d9d9d !important;
    }

    .acc-icon {
        display: block;
        font-size: 22px;
        font-weight: 600;
        transition: .3s;
    }

    .footer-content {
        display: none;
        padding: 10px 0 15px;
    }

    .footer-col.active .footer-content {
        display: block;
    }

    .footer-col.active .acc-icon {
        content: "-";
    }
}