:root{
    --main-font:"Lato", Helvetica, Arial, sans-serif;
}

.tab-pane.active{
    padding-bottom: 15px;
}
.tab-pane.active,
.nav-link.active{
    background-color:#E1E1E1 !important;
}
.nav-link{
    color: #E7206E !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    word-break: break-word !important;
    width: 200px  !important;
    border: 2px solid #E1E1E1 !important ;
    margin-right: 15px ;
}
.pricing-banner{
    width: 75% !important;
    margin: auto;
}
.image-banner{
   
   
    width: 80% !important;
}
.img-holder{
    height:100%;
    width:  300px;
}
.img-holder img{
    height: auto;
    width: 100%;
}
.img-container .info{
    padding: 60px 10px 0px 10px !important ;
    color: green !important;
    font-family: var(--main-font);
    line-height: 50px;
}
.info h2{
    font-family: var(--main-font);
    font-size: 20px;
    color: green !important;
}
.pricing del{
    font-size: 20px  !important;
}
.info h5{
    margin: 10px 0px !important;
    font-family: var(--main-font);
    font-weight: 500;
    color: green !important;
}
.tab-pane{
    border-radius: 8px !important;
}
.test-name h2{
    font-family: var(--main-font);
    font-size: 20px;
    font-weight: 500;
    color: #E7206E;  
}
.pink{
    font-family: var(--main-font);
    font-size: 20px;
    font-weight: 700;
    color: #E7206E;
}
.test-detail ul li{
    padding-left: 32px;
    list-style: none;
    color: grey;
    font-size: 20px;
}
.pricing p{
    font-size: 35px;
    font-weight: 500;
    color: #E7206E;
}
.pricing del{
    font-family: var(--main-font);
    color: green;
    font-size: 30px;
    font-weight: 500;
}
p{
    font-family: var(--main-font);
}
.nav.nav-tabs{
    padding-left: px !important;
}
.test-banner{
}
.test-name{
    box-sizing: border-box;
    padding: 20px 0px ;
    font-family:var(--main-font);
    font-weight: 700;
    color: #E7206E;
    text-align: left;
    
}
.test-name2 h3,
.test-name h3{
    font-size: 20px ;
}
.test-detail ul li{
    font-size: 18px !important;
}
.test-name2{
    box-sizing: border-box;
    padding: 20px  0px;
    font-family:var(--main-font);
    font-weight: 700;
    color: #2E8052;
    text-align: left;
    font-size: 15px;
}
.book-btn{
    padding:  20px 50px !important;
     border-radius: 50px !important; 
     background-color: #E7206E !important;
      color: aliceblue !important; 
      font-weight: 600 !important; 
}
.book-test{
      margin: 15px 0px !important;
      padding:  10px 50px !important;
      border-radius: 50px;
      background-color: #E7206E !important; 
      color: aliceblue !important; 
      font-weight: 600 !important;
}
.test-detail{
    box-sizing: border-box;
    text-align: left;
    font-family: var(--main-font);
    line-height: 30px;
    font-weight: 300;
    padding: 10px 0px;
    border-left: 3px solid grey;
    border-left-style: dotted;
}
/* test-card */

.test-card .test-name{
    font-size: 20px;
}
.test-card .price h2{
    /* font-size: 20px; */
    /* font-weight: 700; */
}
.price del{
    font-size: 15px;
    color: grey;
}
.accordion-body{
    background-color: rgb(251, 251, 251) !important;
    font-family: var(--main-font) !important;
}
    .accordion-button{
        background-color: rgb(251, 251, 251) !important;
        font-family: var(--main-font) !important;
        color: #000 !important;
        font-weight: 700  !important;
    }
    .test-card{
        margin: 15px auto !important;
        width: 90% !important;
        border: 1px solid;
        border-radius: 5px;
        background-color: rgb(251, 251, 251);
    }
    .Responsive-design{
        display: none;
    }
/* Extra small devices (phones, less than 576px) */
@media (max-width: 575px) {
    /* CSS rules for extra small devices */
    .tab-content,
    .nav.nav-tabs{
        display: none;
    }
    .Responsive-design{
        display: block;
    }
    .pricing-banner,
    .image-banner{
        width: 100% !important;
    }
    .img-container{
        flex-direction: column;
    }
    .img-container .info{
        padding: 10px;
    }
    .card{
        margin: 20px 10px;
    }
    /* .test-name2,
    .test-name{
        padding: 15px 0px;
    }
    .test-name h3,
    .test-name2 h3{
        padding: 0px 30px;
    } */
    .test-detail {
        border-left: 0 !important;
    }
    .accordion-button:focus {
        box-shadow: none !important;
    }
    
  }
  
  /* Small devices (landscape phones, 576px and up) */
  @media (min-width: 576px) and (max-width: 767px) {
    /* CSS rules for small devices */
    .tab-content,
    .nav.nav-tabs{
        display: none;
    }
    .Responsive-design{
        display: block;
    }
    .pricing-banner,
    .image-banner{
        width: 100% !important;
    }
    .img-container{
        flex-direction: column;
    }
    .img-container .info{
        padding: 10px;
    }
    .accordion-button:focus {
        box-shadow: none !important;
    }
  }
  
  /* Medium devices (tablets, 768px and up) */
  @media (min-width: 768px) and (max-width: 991px) {
    .tab-content,
    .nav.nav-tabs{
        display: none;
    }
    .Responsive-design{
        display: block;
    }
    .pricing-banner,
    .image-banner{
        width: 100% !important;
    }
    .img-container{
        flex-direction: column;
    }
    .img-container .info{
        padding: 10px;
    }
    .accordion-button:focus {
        box-shadow: none !important;
    }
  }
  
  /* Large devices (desktops, 992px and up) */
  @media (min-width: 992px) and (max-width: 1199px) {
    /* CSS rules for large devices */
  }
  
  /* Extra large devices (large desktops, 1200px and up) */
  @media (min-width: 1200px) {
    /* CSS rules for extra large devices */
  }