.ConsultationBannerImg {
    height: 120px;
    width: 120px;
    float: right;
    position: relative;
    bottom: 80px;
}
.col-sm-6 h4:first-of-type {
    color: white    ;
}

.bannerBtn {
    background-color: var(--primary-color);
    color: #fff;
    padding: 5px;
    margin-left:-20px;
}
.cardButton{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}
.Dial {
    position: relative;
    right: 14px; 
    vertical-align: middle; 
    margin-right: -25px;
    height: 60px;
}
.numB {
    position: relative;
    right: 50px;
}
.book-now-btn:hover {
    border-color: var(--primary-color);
    background-color: var(--primary-color) !important;
    color: #FFF;
}
.book-nowbtn {
   
    margin-top: 15px;
    font-size: 12px;
    font-weight: bold;
    color: var(--secondary-color);
    padding: 5px;
    width: 100px;
    border: 1px solid var(--primary-color);
    
    
}
.book-nowbtn:hover {
    background-color: var(--tercery-color);
    color: var(--primary-color);
}
.second-banner {
    position: relative;
    background-color: var(--secondary-color);
    width: 100%;
    margin-bottom: 20px !important;
}
.second-banner h4 {
    color: #D4F2EA;
    font-size: 25px;
    padding-left: 60px;
    position: relative;
    top: 12px;
}
.second-banner .col-sm-3 a {
    position: relative;
    top: 35px;
    font-size: 20px;
    
}
.docImg {
    position: absolute;
    bottom: -3px; 
    right: 0;
    max-width: 100%;
    height: 180px;
}
.titleText {
    text-align: center;
    background-color: var(--tercery-color);
}
.second-banner .urmilaBtn.primaryColor::before
{
    background: var(--tercery-color);
}
.second-banner .urmilaBtn.primaryColor:hover {
color: var(--primary-color);
}
.nurseBtnContainer .urmilaBtn.outline:hover{
    border: 1px solid var(--secondary-color);
    background: var(--secondary-color);
    color: var(--white-color);
}
.nurseBtnContainer .urmilaBtn.outline:hover .cIcon{
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}

.second-banner .urmilaBtn.primaryColor::before
{
    background: var(--tercery-color);
}
.second-banner .urmilaBtn.primaryColor:hover {
color: var(--primary-color);
}
.apply-btn::before{
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: var(--primary-color);
    transition: left 0.4s ease;
     z-index: -1;
}
.apply-btn:hover::before{
    left: 0;
}
.apply-btn:hover{
    border-color: var(--primary-color);
}
.clear-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: var(--secondary-color);
  transition: left 0.4s ease;
  z-index: -1;
}
.clear-btn:hover::before{
    left: 0;
}
.clear-btn:hover{
    border-color: var(--secondary-color);
}
.btnContainer a:hover:nth-of-type(1){
    background-color: transparent;
    border-color:var(--primary-color);
    color:var(--primary-color);
}
.nursingPBtn:hover{
    color:#fff !important;
}
.sortFilter .sortSelect {
min-width: 120px;
}
.primaryColor .cIcon{
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(144deg) brightness(104%) contrast(105%);
}
/*RESPONSIVENESS SECOND BANNER*/
@media (max-width:1900px) {
    .second-banner .col-sm-3 a {
        position: relative;
        right: 90px;
        font-size: 25px;
    }
} 

@media (max-width:1110px) {
    .second-banner .col-sm-6 h4 {
        font-size: 20px;
    }
    .second-banner .col-sm-3 a {
        font-size: 20px;
    }
    .Dial {
        height: 50px;
        
    }
}

@media (max-width:990px) {
    .docImg {
        height: 135px;
    }
    .col-sm-3 a {
        position: relative;

    }
}
@media (max-width:880px) {
    .second-banner .col-sm-6 h4 {
        font-size: 18px;
        position: relative;
        right: 60px;
    }
    .col-sm-6 h4:first-of-type {
        margin-bottom: 5px; 
    }
    .second-banner .col-sm-3 a {
        padding: 5px;
        position: relative;
        right: 100px;
    }
    .bannerBtn {
        font-size: 16px;
        font-weight: 700;
    }
    .Dial {
        height: 40px;
        margin-left: 5px;
    }
}

@media (max-width:767px) {
    .col-sm-3 a {
        display: none;
    }
    .col-sm-6 {
        width:90%;
    } 
    .bannerBtn { 
        padding: 6px;
        margin-left:2px;
    }
    .col-sm-6 h4 {
         position: relative;
         top: 8px;
         margin-top: -10px;
         line-height: 1.5;
    }     
    .Dial {
        margin-left: 5px;
    }
    
}
@media (max-width:520px) {
    .second-banner .col-sm-6 h4 {
        font-size: 14px;
        
    }
}
@media (max-width:450px) {
    .second-banner .col-sm-6 h4 {
        font-size: 10px;
        margin-top: -20px;
        padding-top: 5px;
        font-weight:900;
        font-size: 14px;
    }
    .Dial {
        height: 35px;
        margin-left: 5px;
    }
    .docImg {
        height: 100px;
    }
    .col-sm-6 h4:first-of-type {
        margin-bottom: 15px; 
    }
    .col-sm-6 h4:nth-of-type(2) {
        font-weight: 600;
    }
    .second-banner .col-sm-6 a {
        font-size: 10px;
    }
}



 
/* Responsiveness for First Banner */
    @media (max-width:590px) {
    
    .ConsultationBannerImg {
        display: none;
    }
    .titleText {
        font-size: 25px;
    }

    }

    @media (max-width:464px) {
    .titleText h2 {
         font-size: 20px;
    }
    
    .ConsultationBannerImg {
         height: 90px;
         width: 90px;
    }
    }

    @media (max-width:380px) {
    .titleText h2 {
        position: relative;
        right: 0px;
    }
    .ConsultationBannerImg {
        height: 70px;
        width: 70px;
    }    
    }
    

    /* RESPONSIVE FOR DETAIL SECTION */
    
    @media (max-width:768px) {
        .subHeading {
            font-size:20px;
        }
        p {
            font-size: 10px;
        }
    }

/* -------- HOSPITAL BED BOOKING SERVICES ---------- */

.dataFetch {
    display: flex;
    flex-direction: column;
    margin-bottom: 50px;
}
.g-md-5 {
    margin-bottom: 50px;
}
.bedImg {
    position: absolute;
    bottom: -4px; /* Aligns the image to the bottom */
    right: 12px;  /* Aligns the image to the right corner */
    max-width: 195%;
    height: 260px;
}


/* -------------- DIAGNOSTIC CARD --------------- */
.diagnosticBannerImg {
    height: 140px;
    width: 140px;
    float: right;
    position: relative;
    bottom: 90px;
}
.dContainer {
    
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    /* margin-bottom: 70px; */
}

.dCard {
    border: 1px solid var(--primary-color);
    
    border-radius: 0px; 
} 
.dCard-header h4 {
    background-color: var(--primary-color);
    padding: 15px;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    color: var(--tercery-color);
    height: 60px;

}
.dCard-body {
    font-size: 14px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.dCard-body p:nth-of-type(1) {
    margin-top: 15px;
    text-align: center;
}
.dCard-body p:nth-of-type(2) {
    color: var(--secondary-color);
    font-size: 22px;
    font-weight: bold;
    margin-top: 20px;
    text-align: center;
}
.dBook-btn {
    
    margin-top: 20px;
    font-size: 16px;
    font-weight: bold;
    color: var(--primary-color);
    background-color: var(--tercery-color);
    padding: 2px;
    width: 100px;
    border: 1px solid gray; 
}
.dInnerConatiner {
    padding: 30px;
}

/* ------------ RESPONSIVE FOR DIAGNOSTIC PAGE ---------- */

/* RESPONSIVE FOR FIRST BANNER */
@media (max-width:699px) {
    .diagnosticBannerImg {
        display: none;
    }
}

/* RESPONSIVE FOR CARD SECTION */ 
@media (max-width:1199px) {
    .dCard {
        height: 105%;
    }
    .dCard-body {
        font-size: 12px;
        padding: 5px;
    }
    .dCard-body p:nth-of-type(1) {
        margin-top: 0px;
    }
    .dCard-body p:nth-of-type(2) {
        margin-top: 5px;
    }
    .dBook-btn {
        margin-top: 5px;
        margin-bottom: 10px;
    }
}
@media (max-width:767px) {
    .dCard {
        width: 230px;
        height: 230px;
    }
    .dCard-body p:nth-of-type(1) {
        margin-top: 15px;
        font-size: 14px;
    }
    .dCard-body p:nth-of-type(2) {
        font-size: 22px;
        margin-top: 15px;
    }
    .dBook-btn {
        margin-top: 20px;
    }

}
@media (max-width:600px) {
    .dCard {
        height: 200px;
        width: 200px;
        }
    .dBook-btn {
        margin-top: 10px;
    }
    .dCard-body p:nth-of-type(1) {
        margin-top: 10px;
    }
    .dCard-body p:nth-of-type(2) {    
        margin-top: 5px;
    }
}
@media (max-width:520px) {
    .dCard {
        height: 170px;
        width: 170px;
    }
    .dCard-body p:nth-of-type(1) {
        font-size: 10px;
        margin-top: 0px;
    }
    .dCard-body p:nth-of-type(2) {
        font-size: 17px;
        margin-top: 5px;
    }
    .dBook-btn {
        font-size: 12px;
        margin-top: 10px;
    }
    .aType {
        /* position: relative; */
        left: 40px;
    }
    .bType {
        position: relative;
        right:15px;
    }
}
@media (max-width:470px) {
    .dCard-header h4 {
        font-size: 11px;
    }
    .dCard {
        height: 150px;
        width: 150px;
        }
    .dCard-body p:nth-of-type(1) {
        margin-top: 10px;
    }
    .dCard-body p:nth-of-type(2) {
        margin-top: 5px;
    }
    .dBook-btn {
        margin-top: 35px;
    }
    .aType {
        left: 40px;
    }
}
@media (max-width:440px) {

    
    .dCard-body p:nth-of-type(1) {
        margin-top: 5px;
    }
    .dCard-body p:nth-of-type(2) {
        margin-top: 5px;
    }
    .dBook-btn {
        margin-top: 40px;
    }
    .aType {
        left: 15px;
    }
    .bType {
        right: 20px;
    }
}
@media (max-width:350px) {
    .aType {
        left: -5px;
    }
}

/* --------- CSS FOR MEDICAL EQUIPMENT ----------- */

.medcard-col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    
}
.medcard-container {
    display: flex;
    flex-wrap: wrap;
}
.med-container {
    display: flex;
    justify-content: center;
}
.med-card p {
    font-size: 14px;
    margin-bottom: 10px;
    flex: 1 1 auto;
    word-wrap: break-word;
}
.med-img {
    border: 1px solid #b2c4c9;
    margin-bottom: 10px;
    height: 200px;
    width: 200px;
    
}


.med-btnContainer {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-top: 10px;
}
.med-btnContainer a:nth-of-type(1) {
    background-color: var(--primary-color);
    color: var(--tercery-color);
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 25px;
    padding-right: 25px;
}
.med-btnContainer a:nth-of-type(2) {
   background-color: var(--tercery-color);
   color: var(--primary-color);
   font-weight: bold;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 25px;
   padding-right: 25px;
}

.price-mrp {
    padding-top: 5px;
}
.discounted-mrp {
    
    text-align: center;
    font-weight: bold;
    font-size: 20px !important;
}
.mrp {
    margin-top: 1px;
    display: flex;
    justify-content: center;
    color: gray;
    font-size: 14px;
}
.cut-mrp {
    text-decoration: line-through;
    
}
@media (max-width:1435px) {
    .med-btnContainer a:nth-of-type(1) {
        padding-left: 20px;
        padding-right: 20px;
    }
    .med-btnContainer a:nth-of-type(2) {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media (max-width:1348px) {
    .med-btnContainer a:nth-of-type(1) {
        padding-left: 15px;
        padding-right: 15px;
    }
    .med-btnContainer a:nth-of-type(2) {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-width:1261px) {
    .med-btnContainer a:nth-of-type(1) {
        padding-left: 12px;
        padding-right: 12px;
        font-size: 14px;
    }
    .med-btnContainer a:nth-of-type(2) {
        padding-left: 12px;
        padding-right: 12px;
        font-size: 14px;
    }
}
@media (max-width:1174px) {
    .med-btnContainer {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap:10px;
    }
    .med-btnContainer a:nth-of-type(1) {
        width: 100%;
        font-size: 14px;
        text-align: center;
    }
    .med-btnContainer a:nth-of-type(2) {
        width: 100%;
        font-size: 14px;
        text-align: center;
    }
}
@media (max-width:767px) {
    .price-mrp p{
        font-size: 16px !important;
    }
    .mrp p {
        font-size: 12px !important;
    }
    .med-card p {
        font-size: 12px;
    }
}

------------------------------------------------------------


.mContainer {
    display: flex;
    flex-direction: column;
    justify-content: space-between; 
    align-items: center;
    text-align: center;
    height: 100%; 
}
.mCard {
    border: 1px solid #b2c4c9;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-shrink: 0; 
}
.nCard {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    border: none;
}
.mTitle {
    display: flex;
    justify-content: center;
    text-align: center;
    padding: 10px;
    width: 100%;
    min-height: 60px;
}

.mTitle p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0; 
}
.btnContainer {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 10px;
}

.btnContainer a:nth-of-type(1) {
    border: 1px solid var(--primary-color);
     background-color: var(--primary-color);
     color: var(--tercery-color);
     font-weight: bold;
     padding-top: 5px;
     padding-bottom: 5px;
     padding-left: 15px;
     padding-right: 15px;
}
.btnContainer a:nth-of-type(2) {
    background-color: var(--tercery-color);
    color: var(--primary-color);
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
}
.mTitle p {
    font-size: 16px;
    font-weight: 500;
    margin-top: 5px;
    object-fit: cover;
    text-align: left;
}
@media (max-width:1151px) {
    .btnContainer {
        flex-direction: column;  
        gap:10px;  
    }
    .btnContainer a:nth-of-type(1) {
       /* padding-left: 42px; */
       /* padding-right: 40px; */
    }
    .btnContainer a:nth-of-type(2) {
        padding-left: 42px;
        padding-right: 40px;
    }
}
@media (max-width:870px) {
    .mTitle p{
        font-size: 13px;
        font-weight: bold;
    }
}
@media (max-width:493px) {
    .contBtn a {
        font-size: 12px;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}
/* @media (max-width:450px) {
    .mCard {
        height: 180px;
        width: 180px;
    }
} */
@media (max-width:410px) {
    /* .mCard {
        height: 140px;
        width: 140px;
    } */
     .mTitle p {
        font-size: 11px !important;
     }
     .btnContainer {
        margin-top: 25px;
     }
    .btnContainer a:nth-of-type(1) {
        padding-left:22px;
        padding-right: 20px;
        font-size: 13px;
    }
    .btnContainer a:nth-of-type(2) {
        padding-left: 22px;
        padding-right: 20px;
        font-size: 13px;
    }
}
@media (max-width:350px) {
    .btnContainer {
        gap:10px;
    }
    
}

/* CSS FOR STEPS TO FOLLOW */
.tText {
    color: var(--primary-color);
    font-size: 25px;
}

.steps-section {
    margin-top: 20px;
    margin-bottom: 20px;
}
.steps-container {
    display: flex;
    flex-direction: row;
    gap: 45px;
    margin-top: 20px;
    justify-content: center;
}
legend {
    color: var(--primary-color);
    font-size: 40px;
    font-weight: bold;
    position: absolute;
    top: 30px;
    left: -20px;
    width: 1ch;
    background-color: white;
}
fieldset {
    border: 3px solid var(--tercery-color);
    position:relative;
    width: 28%;
    padding: 30px;
    display: flex;
}
.bIcon {
    display: flex;
    align-items: center;
}
.bIcon img {
    float: left;
    height: 45px;
    margin-left: 20px;
    padding-right: 20px;
}
.stepsP {
    display: flex;
    align-items: center;
    text-align:left;
    font-size: 14px;
    color: var(--primary-color);
}



@media (max-width:1171px) {
    fieldset {
        width:28%;
        padding: 25px;
    }
    .stepsP p {
        font-size: 12px;
    }
    .steps-container {
        gap:35px;
    }
}

@media (max-width:964px) {
    
}
@media (max-width:860px) {
    fieldset {
        display: flex;
        align-items: center;
    }
}
@media (max-width:767px) {
    .steps-container {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    fieldset {
        width: 45%;
        padding: 30px;
    }
}
@media (max-width:630px) {
    fieldset {
        width:60%
    }
}

/* CSS FOR ONLINE NURSE BOOKING */


.nurseContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
}


/* RESPONSIVE FOR CARD SECTION */

/* CSS FOR NURSECARD FILTER */

.nCC {
    margin-left: 10px;
    width: 100%;
}
.electSort {
    margin-left: 30px;
}
.sortSelect {
    margin-left: 30px;
}
.sortFilter {
    width: 100%;
    margin-top: 10px;
    display: flex;
    justify-content:space-between;
}
#allFiltersBtn {
    float: right;
    border: none;
    padding-left: 16px;
    cursor: pointer;
}
.cros {
    float: right;
    width: 15px;
    position: relative;
    top: 12px;
    right: 10px;
}
.filterIcon {
    
    width: 30px;
    position: relative;
    right: 10px;
    
}
.filter-panel-content {
    margin-left: 10px;
}
#filterPanel {
    display: none;
    position: fixed;
    top: 72px;
    right: 0;
    width: 300px;
    height: 80%;
    background-color: white;
    box-shadow: -2px 0 5px rgba(0,0,0,0.2);
    padding: 20px;
    overflow-y: auto;
    z-index: 1000;
}
.filter-panel-content { 
    overflow-x: auto;
    padding: 10px;
}
.headI {
    color: var(--primary-color);
    font-weight: 500;
    font-size: 14px;

}
.filter-group {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
}
.apply-btn, .clear-btn {
    padding: 4px 8px;
    margin-top: 5px;
    margin-bottom: 12px;
    margin-right: 5px;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 3px;
    cursor: pointer;
}

.filter-btn {
    padding: 2px 10px;
    border: 1px solid var(--secondary-color);
    margin-right: 5px;
    margin-bottom: 9px;
    border-radius: 30px;
    font-size: 12px;
    cursor: pointer;
}
.filter-btn:hover {
    background-color: var(--lighter-version-of-secondary);
    border-color: var(--lighter-version-of-secondary);
}

.filter-btn.active {
    background-color: var(--lighter-version-of-secondary);
    border-color: var(--lighter-version-of-secondary);
    color: var(--primary-color);
    border-color: #0056b3;
}
.acBTn {
    display: flex;
    justify-content: space-evenly;
}
.apply-btn {
    background-color: var(--secondary-color); 
    color: white;
    padding: 6px 12px;
    border-color: var(--secondary-color);
    font-size: 13px;
    position: relative;
    overflow:hidden;
    z-index:2;
}   

.clear-btn {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--white-color);
    font-size: 13px;
    position: relative;
    z-index: 2;
    overflow: hidden;
}
.horiLine1 {
    position: relative;
    bottom: 10px;
    color: gray;
}
.headDF {
    color: var(--primary-color);
    font-weight: 500;
}
.headF {
    color: var(--primary-color);
    position: relative;
    float: left;
    top: 10px;
    left: 10px;
    font-size: 18px;
}
.offcanvas {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 15vw; /* Adjust width as needed */
    transform: translateX(100%);
    transition: transform 0.3s ease;
    /*overflow: hidden;*/
}
select {
    border: solid var(--primary-color);
    color: var(--primary-color);
}

.hr2 {
    color: gray;
}
.electSort {
    background-color: var(--tercery-color); 
    color: var(--primary-color);
    border-color: var(--secondary-color);
    font-size: 13px;
    border-radius: 5px;
}
 
.cIcon {
    width: 15px;
    margin-right: 7px;
    filter: brightness(0) saturate(100%) invert(37%) sepia(42%) saturate(4399%) hue-rotate(340deg) brightness(100%) contrast(89%);
}
.sortFil {
    margin-right: 0px;
    margin-bottom: 60px;
}
.fPC {
    position: sticky;
    top: 0; /* Adjust to the desired distance from the top */
    margin-left: 20px;
    box-shadow: 0 2px 8px 0 rgba(97, 93, 93, 0.2);
    margin-top: 73px; /* EDITED 69px to 105px */
    border: gainsboro;
    border-radius: 10px;
    width: 25%;
    height:100%;
}


.nurseBtnContainer .urmilaBtn {
    padding: 10px 12px;
    font-size: 13px;
}
.filIc {
    margin-left: 15px;
}
@media (min-width:1400px) {
    .fPC {
        width: 20%;
    }
}
@media (max-width:1199px) {
    .sortFilter {
        gap:210px;
    }
}
@media (max-width:1076px) {
    .apply-btn, .clear-btn {
        padding: 4px 4px;
        font-size: 11px;
        margin-top: 5px;
        margin-bottom: 12px;
        margin-right: 5px;
    }
}
@media (max-width:1013px) {
    .rightSideInfoContainer {
        display: block;
    }
    .nurseBtnContainer {
        display: block;
    }
    
    .nCC {
        margin-left: 0px;
    }
    .avatarContainer {
        width: 130px;
    }
    .nurseBtnContainer .urmilaBtn {
        width: 120px;
        margin-right: 20px;
    }
}

@media (max-width:991px) {
    .sortFilter {
        justify-content: space-between;
    }
    .sortFilter {
        gap:0px;
    }
    .nurseBtnContainer .urmilaBtn {
        padding: 7px;
        margin-right: 5px;
    }
}

@media (max-width:906px) {
    .acBTn {
        flex-direction: column;
        align-items: center;
    }
    .apply-btn, .clear-btn {
        width: 70%;
        
    }
}
@media (max-width:814px) {
    .nurseBtnContainer .urmilaBtn {
        font-size: 10px;
        width: 100px;
        padding: 6px;
    }
}

@media (max-width:767px) {
    .sortFilter {
        justify-content:space-around;
        gap: 50%;
        max-width: 540px;
        margin: 0 auto;
    }
    .sortSelect {
        margin-left: 0px;
    }
    .sortFil {
        margin-bottom: 0px;
    }
    .nurseBtnContainer .urmilaBtn {
        width: 120px;
        font-size: 12px;
    }
    .nurseBtnContainer .urmilaBtn {
        margin-right: 10px;
    }
    .acBTnM {
        flex-direction: row;
    }
    .apply-btnM, .clear-btnM {
        width: 120px;
        padding: 8px;
        font-size: 13px;
    }
    .filCanva {
        width: 100%;
    }
}
@media (max-width:575px) {
    .detailServicesSection {
        padding: 0px;
    }
    .sortFilter {
        justify-content: space-between;
    }
    .sortSelect {
        margin-left: 11px;
    }
    .filterIcon {
        width: 28px;
        position: relative;
        right: 9px;
    }
    .enquir-NewBtn{
             font-size: 12px;
        margin-right:auto !important;
    }
    #allFiltersBtn {
        float: right;
        border: none;
    padding-left: 14px;
        padding-top: 5px;
        cursor: pointer;
    }
    .sortFilter {
            justify-content: space-between;
             gap: 6px;
             max-width: unset;
             margin: unset;
             margin-top: 10px;
    }    
}
@media (max-width:515px) {
    .nurseBtnContainer .urmilaBtn {
        width: 110px;
        font-size: 12px;
    }
    .filterCanvas {
        width: 75% !important;
    }
}

@media (max-width:490px) {
    .avatarContainer {
        width: 50px;
    }
    .nurseBtnContainer .urmilaBtn{
        margin-right: 20px;
    }
    
}
@media (max-width:400px) {
    .apply-btnM , .clear-btnM {
        font-size: 12px;
        width: 110px;
    }
}

@media (max-width:385px) {
    .nurseBtnContainer .urmilaBtn {
        margin-right: 10px;
        width: 100px;
    }
}
@media (max-width:345px) {
    .nurseBtnContainer .urmilaBtn {
        width: 90px;
        font-size: 10px;
    }
    .cIcon {
        width: 12px;
    }
}

/* Contact Us page */
.content-ContaineR {
    display: flex;
    flex-direction: row;
}
.contact-card {
    width: 400px;
    height: 400px;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
    text-align: center;
}

.contact-card h2 {
    color: #333;
    margin-bottom: 20px;
}

.contact-card p {
    color: #666;
    margin-bottom: 10px;
}

.contact-info {
    margin-bottom: 20px;
}

.contact-button {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 16px;
}

.contact-button:hover {
    background-color: #0056b3;
}

/* MY BOOKING CSS */
.account-Info {
    margin-top: 60px;
    margin-bottom: 60px;
    display: flex;
    flex-direction: row;
}
.head-Container {
    width: 21%;
    box-shadow: 0 2px 8px 0 rgba(97, 93, 93, 0.2);
    border: gainsboro;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: self-start;
    padding-top: 50px;
    max-height: 520px;
}
.head-imgContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.head-Container h5 {
    font-size: 16px;
    margin-top: 10px;
    font-weight: bold;
    color: var(--primary-color);
}
.head-imgContainer h6:nth-of-type(1) {
    font-size: 14px;
    color: var(--primary-color);
}
.head-imgContainer h6:nth-of-type(2) {
    font-size: 14px;
    color: var(--primary-color);
}
.head-Container ul {
    text-align: left;
}
.head-hr {
    margin-left: 20px;
    text-align: center;
    width: 80%;
    opacity: 0.1;
}
.list-LI {
    padding-left: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    
}
.list-LI p {
    padding-left: 30px;
    font-size: 14px;
}
.list-LI a {
    color: black !important;
    text-decoration: none;
}
.head-Container ul li p {
    position: relative;
    bottom: 1px;
    right: 10px;
}

.list-LI:hover {
    background-color: var(--lighter-version-of-secondary);
}
.list-LI-active {
    font-weight: bold;
    background-color: var(--lighter-version-of-secondary);
    border: 3px solid var(--secondary-color);
    border-left: none;
    border-bottom: none;
    border-top: none;
}
.detail-Header {
    margin-left: 20px;
    margin-top: 10px;
}
.detail-Header h6 {
    font-size: 18px;
    font-weight: bold;
}
.shopBag {
    position: relative;
    bottom: 3px;
    float: left;
    width: 25px;
    margin-right: 15px;
}

.helpBtn:active {
    background-color: var(--tercery-color);
}
.hr1 {
    opacity: 0.1;
    margin-left: 20px;
    width: 97%;
}
.detail-Content {
    margin-left: 20px;
}
.detail-CarD {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    border-radius: 7px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.detail-CarD:hover {
    transform: translateX(-0.5px); /* Moves the card up by 10px */
    box-shadow: 0 10px 15px rgba(1, 0, 0.2, 0.2);
}
.detail-CarD ul,.detail-CarD span,.detail-CarD p,.detail-CarD button{
    margin-left: 15px;
}
.hr2 {
    position: relative;
    width: 90%;
    left: 15px;
    opacity: 0.2;
    border-top: 10px;
    border:0.1px dashed;
}
.detail-Content h5{
    font-weight: bold;
    font-size: 18px;
}
ul .list-Detail:nth-child(1) {
    font-weight: bold;
    margin-bottom: 5px;
    color: var(--secondary-color);
}
ul .list-Detail:nth-child(2) {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
}
ul .list-Detail:nth-child(3) {
    font-size: 11px;
    color: gray;
}
.goIn {
    float: right;
    position: relative;
    bottom: 65px;
    right: 20px;
}
.tickIcon {
    margin-left: 16px;
    float: left;
    width: 20px;
}
.process-comp p {
    float: left;
    font-size: 13px;
    font-weight: bold;
}
.againBtn {
    border:1px solid gainsboro;
    background-color: white;
    color: var(--secondary-color);
    padding: 2px 12px;
    border-radius: 5px;
    float: right;
    font-size: 15px;
    margin-right: 20px;
}
.againBtn:active {
    background-color: var(--tercery-color);
}
.after_First {
    padding-top: 30px;
}

@media (min-width:1350px) {
    .head-Container {
        width: 18%;
    }
}

@media (max-width:991px) {
    
    .detail-Container {
        margin-left: 0;
        width: 60%;
    }
}
@media (max-width:768px) {
    .detail-Container {
        width: 90%;
    }
    .account-Info {
        display: flex;
        justify-content: center;
        margin-top: 30px;
    }
    .head-Container {
        display: none;
    }
}
@media (max-width:650px) {
    .detail-Container {
        width: 90%;
    }
    .detail-Header h6{
        padding-top: 2px;
        font-size: 14px;
    }
    .helpBtn {
        bottom: 30px;
    }
    .detail-Content h5 {
        font-size: 15px;
    }
    ul .list-Detail:nth-child(1) {
        font-size: 15px;
    }
    ul .list-Detail:nth-child(2) {
        font-size: 14px;    
    }
    ul .list-Detail:nth-child(3) {
        font-size: 10px;
    }
}
@media (max-width:451px) {
    .tickIcon {
        width: 15px;
    }
    .process-comp p {
        font-size: 10px;
        margin-left: 5px;
    }
    .againBtn {
        position: relative;
        bottom: 5px;
        margin-left: 0px;
        padding: 2px 8px;
        font-size: 12px;
    }
}
@media (max-width:368px) {
    .againBtn {
        font-size: 10px;
        right: 15px;
        bottom: 0px;
    }
}
/* CSS FOR MY PROFILE */
.profile-container {
    margin-top: 60px;
    margin-bottom: 60px;
    display: flex;
    flex-direction: row;
}
.profileForm {
    border: 1px solid rgb(235, 230, 230);
    
    border-radius: 7px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.profile-content {
    box-shadow: 0 2px 8px 0 rgba(97, 93, 93, 0.2);
    border: gainsboro;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 50px;
}

.profile-formm h3 {
    font-weight: bold;
    font-size: 18px;
}
.proFrm {
    margin-left: 12%;
}
textarea::placeholder {
    padding: 0px;
}
.profile-formm p {
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 14px;
}
.profile-formm input[type="text"] {
    margin-left: 0px;
    text-align:start;
    padding: 8px ;
    border: 1px solid gainsboro;
    border-radius: 5px;

}
.hr3 {
    opacity: 0.1;
}
.state-cont {
    display: flex;
    flex-direction: row;
    gap: 85px;
}
.profile-formm input[type="file"] {
    margin-left: 0px; 
    text-align:start;
    padding: 8px ;
    border: 1px solid gainsboro;
    border-radius: 5px;
}
.profile-formm input[type="email"] {
    margin-left: 0px; 
    text-align:start;
    padding: 8px ;
    border: 1px solid gainsboro;
    border-radius: 5px;
}
.profile-formm input[type="text"].clicked {
    border-color: #3498db; /* Change border color after losing focus */
}
.profile-formm input[type="radio"]:nth-of-type(1) {
    color: #b4e2d8;
    margin-left: 0px;
    position: relative;
    top: 2px;
}
.profile-formm input[type="radio"]:nth-of-type(2) {
    margin-left: 20px;
    position: relative;
    top: 2px;
}
.profile-formm input[type="radio"]:nth-of-type(3) {
    margin-left: 20px;
    position: relative;
    top: 2px;
}
.profile-formm::placeholder {
    font-size: 12px;
}

.cCity input.form-control {
    margin-top: 5px; /* Adjust the space above the input field */
}
.gen {
    font-size: 14px;
}
.profile-formm textarea {
    margin-left: 0px;
    border: none;
    border: 1px solid gainsboro;
    border-radius: 5px;
}
.lg-cont {
    border: 1px solid gainsboro !important;
    margin-left: 0px;
}
.profileImg {
    width: 35%;
    border-radius: 100%;
}
.editIcon {
    width:20px;
}
.profileHeading {
    margin-top: 40px;
    font-size: 14px;
    color: white;
    border: var(--secondary-color);
    padding: 2px 20px;
    background-color: var(--secondary-color);
}
.profile-content span {
    margin-top: 10px;
    font-size: 20px;
    position: relative;
    right: 10px;    
}

.profile-content span p {
    position: relative;
    bottom: 28px;
    left: 10px;
}
.profile-content span img {
    margin-right: 10px;
}

.profile-content h5 {
    color: #6C757D;
}
.formBtnn {
    display: flex;
    margin-top: 25px;
    margin-bottom: 10px;
    margin-left: 0px;
    gap:20px;
}
.cancelBtnn {
    background-color: var(--tercery-color);
    border: 1px solid #b4e2d8;
    color: var(--primary-color);
    padding: 10px 30px;
}
.saveBtnn {
    background-color: var(--primary-color);
    border: var(--primary-color);
    color:white;
    padding: 10px 40px;
}

@media (max-width:1200px) {
    .state-cont {
        gap: 30px;
    }
}
@media (max-width:1014px) {
   .cancelBtnn , .saveBtnn {
        font-size: 14px;
   } 
}
@media (max-width:991px) {
    .head-Container {
        width: 25%;
    }
    .profileForm {
        width: 50%;
    }
    
}
@media (max-width:830px) {
    .head-Container {
        width: 27%;
    }
    .profileForm {
        width: 52%;
    }
}

@media (max-width:768px) {
    .profile-container {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        flex-direction: row !important;
    }
    .proFrm {
        margin-left: 0%;
    }
    .head-imgContainer h5 {
        color: var(--primary-color);
        font-weight: bold;
    }
    .list-LI {
        margin-left: 20px;
    }
    .profileForm {  
        width:80%;
    }
}
@media (max-width:575px) {
    .profile-formm input[type="text"] {
        padding-right: 90px;
    }
    .profile-formm input[type="email"] {
        padding-right: 90px;
    }
    textarea {
        width: 72%;
    }
    .saveBtnn {
        padding: 4px 30px;
    }
    .cancelBtnn {
        padding: 4px 20px;
    }
}
@media (max-width:440px) {
    .profile-formm input[type="text"] {
        padding-right: 30px;
    }
    .profile-formm input[type="email"] {
        padding-right: 30px;
    }
    .saveBtnn {
        padding: 2px 20px;
    }
    .cancelBtnn {
        padding: 2px 10px;
    }
    .state-cont {
        flex-direction: column;
        gap: 0px;
    }
}
@media (max-width:370px) {
    .profileForm {
        width: 80%;
    }
}

/* CSS shubham kanaujiya */


@media (max-width: 350px) {
    #exampleModal .modal-body .form-control {
        width: 100%;
    }

    #exampleModal .modal-body .col-6 {
        width: 100%;
        margin-bottom: 10px; /* Optional: Adds space between rows */
    }
}


.input-border
{
    border: 0px solid var(--secondary-color);
    box-shadow: 0px 0px 4px var(--secondary-color);
    margin: 10px;
    width: 95%;
    color: var(--primary-color);
}
.header-m
{
    border-radius: 0px;
}
/* ::placeholder
{
    font-size: 12px;
    color: var(--primary-color);
} */
.fnt{
    font-size: 12px;
    margin-left: 10px;
}
.input-icon {
    position: relative;
}

.input-icon input {
    padding-left: 50px; /* space for the icon */
}

.input-icon .iconclass {
    position: absolute;
    left: 35px;
    top: 50%;
    transform: translateY(-50%);
    color:var(--secondary-color);
    opacity: 0.7;
}
.input-icon .textclas {
    position: absolute;
    left: 35px;
    top: 40%;
    transform: translateY(-50%);
    color:var(--secondary-color);
    opacity: 0.7;
}
.input-icon textarea {
    padding-left: 40px; /* space for the icon */
    font-size: 12px;
}

.select-shift
{
    font-size: 12px;
}
.back-Color1
{
    background-color: none;
    border:1px solid var(--primary-color);
    border-radius: 0 !important;
    padding-left: 30px;
    padding-right: 30px;
}
.back-Color2
{
    background-color: var(--primary-color);
    color: var(--light-version-of-tercery);
    border:1px solid var(--primary-color);
    border-radius: 0 !important;
    padding-left: 30px;
    padding-right: 30px;
}
.back-Color1:hover{
    border:1px solid var(--primary-color) ;
}
.back-Color2:hover{
    background-color: var(--primary-color);
    color: var(--light-version-of-tercery);
    border:1px solid var(--primary-color);
}
.m-title{
    color: var(--primary-color);
}
.hfTitle {
    margin-top: 50px;
    margin-bottom: 30px;
}
.canvaHead {
    position: sticky;
    top:0;
}
.btnFormm {
    position: sticky;
    bottom: 0;
}

/* BOOK NOW MODAL */
.titleBody {
    max-height: 400px; 
    overflow-y: auto;  
}
.titleBody::-webkit-scrollbar {
    width: 5px; /* Width of the scrollbar */
    height: 5px; /* Height for horizontal scrollbar */
}

.titleBody::-webkit-scrollbar-track {
    background: #f1f1f1; /* Background of the scrollbar track */
}

.titleBody::-webkit-scrollbar-thumb {
    background: var(--primary-color); /* Color of the scrollbar thumb */
    border-radius: 10px; /* Rounded corners */
}
.titleBody {
    scrollbar-width: thin; /* Options: auto | thin */
    scrollbar-color: var(--primary-color) #f1f1f1; /* Thumb color and track color */
}

.outAm {
    width: 35px;
    margin-right: 10px;
    position: relative;
    bottom: 5px;
}
.titleHead {
    box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.2);
}
.titleFoot {
    box-shadow: 0 -2px 6px -2px rgba(0, 0, 0, 0.2);
}
.titleContent {
    border-radius: 15px;
}
.cBtn {
    background: none;
    float: right;
    border: none;
}
.icon {
    position: absolute; /* Absolute positioning for the icon */
    top: 57.5%; /* Center vertically */
    left: 25px; /* Space from the left edge */
    transform: translateY(-50%); /* Adjust for vertical centering */
    color: #6c757d; /* Optional: icon color */
  }
  .iconp {
    position: absolute; /* Absolute positioning for the icon */
    top: 69.7%; /* Center vertically */
    margin-right: 20px;
    left: 25px; /* Space from the left edge */
    transform: translateY(-50%); /* Adjust for vertical centering */
    color: #6c757d; /* Optional: icon color */
  }
.form-inputC {
    margin-top: 20px;
}

.titleHead {
    position: sticky;
    /* background-color: var(--lighter-version-of-secondary); */
}
.titleHead h4 {
    color: var(--primary-color);
    font-weight: bold;
    font-size: 20px;
}

.titleFoot {
    display: flex;
    justify-content: center;
    position: sticky;
    padding: 0px !important;
    /* background-color: var(--lighter-version-of-secondary); */
}
.form-inputC .form-control {
    border: 1px solid var(--secondary-color);
}
.form-inputC input[type="text"]::placeholder {
    font-size: 14px;
    color: gray;
}
.form-inputC input[type="email"]::placeholder {
    color: gray;
    font-size: 14px;
}
.form-inputC input[type="tel"]::placeholder {
    color: gray;
    font-size: 14px;
}
.form-inputC textarea::placeholder {
    color: gray;
    font-size: 14px;
}
.form-inputC 
.form-control:focus {
    border-color: var(--primary-color);
}

  /* Optional: Remove border radius for a more seamless look */
/* @media (max-width:991px) and (min-width:769px) {
    .titleDialog {
        position: relative;
        top: 200px;
    }
} */
  @media (min-width:768px) {
    .titleDialog {
        display: flex;
        align-items: center; /* Center vertically */
        justify-content: center;
    }
  }
  
  @media (max-width: 768px) {
    .tTitle {
        --bs-modal-width:100%;
    }
    .titleDialog {
        width: 100%;
        margin: 0;
    }
    .titleContent {
        border-radius: 15px 15px 0px 0px;
    }
    
    .titleDialog {
        display: flex;
        align-items: flex-end; /* Align to the bottom */
        margin: 0; /* Remove default margin */
    }
  
    .titleDialog {
        position: absolute;
        bottom: 0; /* Position it at the bottom */
        width: 100%; /* Full width */
    }
    .dataFetch {
        margin-bottom: 20px;
    }
  
  /* Slide up effect */
    .tTitle .titleDialog {
        transform: translateY(100%);
        transition: transform 0.3s ease-in-out;
    }
  
    .titleDialog {
        transform: translateY(0);
    }

  }
.input-icon {
    position: relative;
}

.input-icon input {
    padding-left: 35px; /* space for the icon */
}
.input-icon .iconclass {
    position: absolute;
    left: 15px;
    top: 52%;
    font-size: 15px;
    transform: translateY(-50%);
    color:var(--secondary-color);
    opacity: 0.7;
}

.input-icon .textclas {
    position: absolute;
    left: 17px;
    top: 26%;
    transform: translateY(-50%);
    color:var(--secondary-color);
    opacity: 0.7;
}
.input-icon textarea {
    padding-left: 35px; /* space for the icon */
    font-size: 12px;
}
/* .choices {
    border:1px solid var(--secondary-color) !important;
    background-color: white !important;
}
.choices__list--single .choices__item {
    padding-top: 4px;
    padding-bottom: 4px;
    color: gray !important;
} */
.btnSub {
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin: 15px !important;
    background-color: var(--secondary-color) !important;
}
.btnCan {
    margin: 15px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
    color: var(--secondary-color) !important;
    border: 1px solid var(--secondary-color) !important;
}
.custom-icon {
    font-size: 24px; /* Adjusts the overall size of the icon */
    width: 30px; /* Sets a specific width for the icon */
    height: 30px; /* Sets a specific height for the icon */
    display: inline-block; /* Makes sure the width and height settings apply */
    line-height: 30px; /* Centers the icon vertically */
    text-align: center; /* Centers the icon horizontally */
  }

.medE {
   height: 100%;
  }

.dbList {
    padding-top: 6px;
    color: gray;
}

.dbTitle {
    font-weight: bold;
    margin-bottom: 0px;
}
.nbTitle {
    margin-bottom: 3px;
}

/* .avatarContainer {
    border: 1px solid red;
} */
.nurseInfoContainer {
    padding-left: 20px;
    border-top: none;   /* Adds a top border */
    border-bottom: none; /* Adds a bottom border */
    border-left: 1px solid rgb(236, 230, 230);            /* Removes left border (optional) */
    border-right: none;      
}

@media (max-width:1013px) {
    .nurseInfoContainer {
        border-left: none;
        padding-left: 4px;
        margin-bottom: 10px;
    }
}
@media (max-width:490px) {
    .niC p {
        margin-left: 58px;
    }
}
@media (max-width:767px) {
    body.modal-open {
        overflow: hidden; /* Prevents background scroll when modal is open */
      }
    
      .modal.modal-body-full {
        display: none;
        transition: transform 0.3s ease-in-out;
        transform: translateY(100%); /* Modal starts from bottom */
      }
      
      .modal.modal-body-full.show {
        transform: translateY(0); /* Modal moves into view */
      }
      
      .modal-backdrop {
        background-color: transparent !important;
      }
      .modal-body-full {
        background-color: rgba(0, 0, 0, 0.534);
        z-index: 1055;
        /* opacity: 0.7; */
      }
}
  

/* this css updated by shubham kanaujiya 21/09/2024 */

.nurseingContenttext
{
    font-size: 13px;
}
.middlecutText
{
    margin-top: 0px;
    font-size: 11px;
    text-decoration:line-through;
    color: gray;
}
.nursingPBtn
{
    background-color: var(--tercery-color) !important;
    color: var(--secondary-color) !important;
    width: 100% !important;
    font-size: 14px;
}
.nursingParsent
{
    font-size: 13px;
    color: gray;
}
.rateNursing
{
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    display: flex;
    justify-content: center;
}
.nursingBtnContainers
{
    margin-top: -10px !important;

}
.rateNursings
{
    color: gray;
}
.nursingFullContainer
{
    margin-top: 20px !important;
}
.bannerNursingP
{
    margin-top: 20px !important;
}
.botomBorders
{
    margin-bottom: -18px;
}
.midbreaket
{
    color: gray;
}
@media (max-width:576px)
{
    .rateNursing
    {
        margin-top: 0px;
    }
    .nursingFullContainer
    {
        margin-top: 20px !important;
    }
    .middlecutText
    {
        margin-top: 0px;
        font-size: 11px;
        text-decoration:line-through;
        color: gray;
    }
    .nursingParsent
    {
        font-size: 11px;
    }
    .rateNursings
    {
        font-size: 12px;
    }
    .midbreaket
    {
        font-size: 13px;
        color: gray;
    }
    .nurseingContenttext
    {
        font-size: 13px !important;
    }
    .borderNursing1:nth-child(2),.borderNursing1:nth-child(4),.borderNursing1:nth-child(8),.borderNursing1:nth-child(6),.borderNursing1:nth-child(10),.borderNursing1:nth-child(12) {
        border-left: 1px solid rgba(92, 89, 89, 0.158) !important;
    }
    .borderNursing1:nth-child(9),.borderNursing1:nth-child(10)
    {
        border-bottom: 1px solid rgba(92, 89, 89, 0.158);
    }
}
@media(max-width:767px)
{
    /* .borderNursing1:nth-child(2),.borderNursing1:nth-child(4),.borderNursing1:nth-child(8),.borderNursing1:nth-child(6),.borderNursing1:nth-child(10),.borderNursing1:nth-child(12) {
        border-left: 1px solid rgba(92, 89, 89, 0.158) !important;
    } */
    .borderNursing1:nth-child(4),.borderNursing1:nth-child(10) {
        border-left: 1px solid rgba(92, 89, 89, 0.158) !important;
    }
    .borderNursing1:nth-child(9),.borderNursing1:nth-child(10)
    {
        border-bottom: 1px solid rgba(92, 89, 89, 0.158);
    }
    .borderNursing1:nth-child(3),
    .borderNursing1:nth-child(7),
    .borderNursing1:nth-child(5),
    .borderNursing1:nth-child(9),
    .borderNursing1:nth-child(11) {
        border-left: none !important; /* Border ko remove karne ke liye */
    }
    
}
@media(min-width: 768px) and (max-width:991px)
{
    .borderNursing1:nth-child(2),.borderNursing1:nth-child(3),.borderNursing1:nth-child(5),.borderNursing1:nth-child(9),.borderNursing1:nth-child(8),.borderNursing1:nth-child(6),.borderNursing1:nth-child(11),.borderNursing1:nth-child(12) {
        border-left: 1px solid rgba(92, 89, 89, 0.158);
    }
    .borderNursing1:nth-child(4),
    .borderNursing1:nth-child(7),
    .borderNursing1:nth-child(10) {
        border-left: none !important; /* Border ko hata raha hai */
    }
    .borderNursing1:nth-child(9)
    {
        border-bottom: 1px solid rgba(92, 89, 89, 0.158);
    }
    .nursingFullContainer
    {
        margin-top: 20px;
    }
}
@media (max-width:380px) {
    .nurseingContenttext
    {
        font-size: 11px !important;
    }
    .nursingParsent
    {
        font-size: 11px;
    }
}
.nursingCardImages
{
    margin-top: 10px;
}
.borderNursing1:nth-child(2),.borderNursing1:nth-child(3),.borderNursing1:nth-child(4),.borderNursing1:nth-child(8),.borderNursing1:nth-child(6),.borderNursing1:nth-child(7),.borderNursing1:nth-child(10),.borderNursing1:nth-child(11),.borderNursing1:nth-child(12) {
    border-left: 1px solid rgba(92, 89, 89, 0.158);
}
.borderNursing1:nth-child(1),.borderNursing1:nth-child(2),.borderNursing1:nth-child(3),.borderNursing1:nth-child(4),.borderNursing1:nth-child(5),.borderNursing1:nth-child(6),.borderNursing1:nth-child(7),.borderNursing1:nth-child(8)
{
    border-bottom: 1px solid rgba(92, 89, 89, 0.158);
}
/* shubham kanaujiya 24/10/2024 */

.truncate-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* Sirf 2 lines tak text dikhaye */
    overflow: hidden;
    text-overflow: ellipsis; /* Dot dot dot dikhane ke liye */
    white-space: normal; 
    font-size: 12px;/* Multi-line text ke liye */
}
.footer-divs
{
    border: none;
    background-color: white;
    padding: 10px 5px 5px 0px; 
    display: flex;
    justify-content: center;
}
.fullCards
{
    border: none;
}
.head-cards
{
    border: 1px solid rgb(191 195 198 / 33%);;
    background-color: white;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}
.medicalServicesSection
{
    width: 90% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center;
    margin: auto;
}
@media(max-width:1655px)
{
    .medicalServicesSection
    {
        width: 92% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center;
        margin: auto;
        
    }
}
@media(max-width:1950px)
{
    .medicalServicesSection
    {
        width: 95%;
        display: flex !important;
        justify-content: center !important;
        align-items: center;
        margin: auto;
        margin-top: 50px;
    }
}
.fullCards {
    width: 100%;
    height: 100%; /* Make sure the card itself has a fixed height */
}

.head-cards {
    width: 100%;
    height: 150px; /* Set a fixed height for the image container */
    overflow: hidden; /* Hide overflow to prevent content from affecting layout */
    display: flex;
    justify-content: center;
    align-items: center;
}

.medEquip {
    max-width: 100%; /* Restrict image width to fit container */
    max-height: 100%; /* Restrict image height to fit container */
    object-fit: cover; /* Crop the image to fill the container */
}