/*the below css is used for career expert booking past and upcoming sessions*/


.edvdo_booking_session_confirmation{
    color:#FFF;
    background:#1F6749;
     padding:8px 15px; 
     border-radius:30px; 
     margin-top:5px;
     display:inline-flex; 
     align-items:center;
     gap:8px;
    
    }
    
    .edvdo_session_booking_header{
        display: flex;
        gap: 40px; 
        font-size: 14px;
        margin-bottom: 20px; 
        align-items: center;
        background: #E9EBFF; 
        padding: 10px 20px; 
        border-radius: 8px;
    }

    .edvdo_session_header_subpoint{
        display: flex; 
        align-items: center; 
        gap: 8px; 
        flex: 1; 
        justify-content: flex-start;
    }

    .edvdo_session_short_deatail{

        display: flex; 
        justify-content: space-between;
         align-items: flex-start;
          width: 100%; 
          margin-bottom: 20px
    }

    .edvdo_session_short_deatail_left_section{
        display: flex; 
        align-items: flex-start;
    }
    
    .edvdo_session_short_deatail_right_section{

        display: flex; align-items: center; gap: 20px;

    }
    

.edvdo_session_booking_agenda_box{
    border:1px solid #C6C6C6; 
    padding:15px;
     border-radius:4px; 
     background:#fff; 
     margin-bottom:20px;
}

.edvdo_session_booking_preparation_tips{
    border:1px solid #C6C6C6; 
    padding:15px;
     border-radius:4px; 
     background:#fff; 
     margin-bottom:20px;
}

.edvdo_session_details_outerbox{
    border:1px solid #FFFFFF;
     border-radius:10px; 
     padding:20px;
      background:#f9fff8;
}




/*the above css is used for career expert booking past and upcoming sessions*/



@media screen and (min-width: 1025px) and (max-width: 1440px){


    /*the below css is used for career expert booking past and upcoming sessions*/


.edvdo_booking_session_confirmation{
    color:#FFF;
    background:#1F6749;
     padding:8px 15px; 
     border-radius:30px; 
     margin-top:5px;
     display:inline-flex; 
     align-items:center;
     gap:8px;
    
    }
    
    .edvdo_session_booking_header{
        display: flex;
        gap: 40px; 
        margin-bottom: 20px; 
        align-items: center;
        background: #E9EBFF; 
        padding: 10px 20px; 
        border-radius: 8px;
    }

    .edvdo_session_header_subpoint{
        display: flex; 
        align-items: center; 
        gap: 8px; 
        flex: 1; 
        justify-content: flex-start;
    }

    .edvdo_session_short_deatail{

        display: flex; 
        justify-content: space-between;
         align-items: flex-start;
          width: 100%; 
          margin-bottom: 20px
    }
    
    .edvdo_session_short_deatail_left_section{
        display: flex; 
        align-items: flex-start;
    }
    
    .edvdo_session_short_deatail_right_section{

        display: flex; align-items: center; gap: 20px;

    }

.edvdo_session_booking_agenda_box{
    border:1px solid #C6C6C6; 
    padding:15px;
     border-radius:4px; 
     background:#fff; 
     margin-bottom:20px;
}

.edvdo_session_booking_preparation_tips{
    border:1px solid #C6C6C6; 
    padding:15px;
     border-radius:4px; 
     background:#fff; 
     margin-bottom:20px;
}

.edvdo_session_details_outerbox{
    border:1px solid #FFFFFF;
     border-radius:10px; 
     padding:20px;
      background:#f9fff8;
}

/*the above css is used for career expert booking past and upcoming sessions*/

}


@media screen and (min-width: 481px) and (max-width: 1024px){

    
/*the below css is used for career expert booking past and upcoming sessions*/


.edvdo_booking_session_confirmation{
    color:#FFF;
    background:#1F6749;
     padding:8px 15px; 
     border-radius:30px; 
     margin-top:5px;
     display:inline-flex; 
     align-items:center;
     gap:8px;
    
    }
    
    .edvdo_session_booking_header{
        display: flex;
        gap: 10px; 
        margin-bottom: 20px; 
        align-items: center;
        background: #E9EBFF; 
        padding: 10px 20px; 
        border-radius: 8px;
    }

    .edvdo_session_header_subpoint{
        display: flex; 
        align-items: center; 
        gap: 1px;  
        justify-content: flex-start;
    }

    .edvdo_session_short_deatail{
        display: flex; 
        justify-content: space-between;
         align-items: center;
          width: 100%; 
          margin-bottom: 20px
    }
    
    .edvdo_session_short_deatail_left_section{
        width: 80%;
        display: flex; 
        align-items: flex-start;
        flex-direction: column;
        
    }
    
    .edvdo_session_short_deatail_right_section{
        width: 20%;
        display: flex; 
        align-items: center;
         gap: 20px;
         justify-content: flex-end;

    }

.edvdo_session_booking_agenda_box{
    border:1px solid #C6C6C6; 
    padding:15px;
     border-radius:4px; 
     background:#fff; 
     margin-bottom:20px;
}

.edvdo_session_booking_preparation_tips{
    border:1px solid #C6C6C6; 
    padding:15px;
     border-radius:4px; 
     background:#fff; 
     margin-bottom:20px;
}
.edvdo_session_details_outerbox{
    border:1px solid #FFFFFF;
     border-radius:10px; 
     padding:20px;
      background:#f9fff8;
}

/*the above css is used for career expert booking past and upcoming sessions*/


}


@media screen and (min-width: 320px) and (max-width: 480px){

    
/*the below css is used for career expert booking past and upcoming sessions*/


.edvdo_booking_session_confirmation{
    color:#FFF;
    background:#1F6749;
     padding:8px 15px; 
     border-radius:30px; 
     margin-top:5px;
     display:inline-flex; 
     align-items:center;
     gap:8px;
    
    }
    
    .edvdo_session_booking_header{
        display: flex;
        flex-direction: column;
        gap: 10px; 
        margin-bottom: 20px; 
        align-items: flex-end;
        background: #E9EBFF; 
        padding: 10px 20px; 
        border-radius: 8px;
    }

    .edvdo_session_header_subpoint{
        display: flex; 
        align-items: flex-end;
        gap: 1px; 
        flex: 1; 
        justify-content: flex-start;
        flex-direction: column;
    }

    .edvdo_session_short_deatail{
        display: flex; 
        justify-content: space-between;
        flex-direction: row;
         align-items: flex-start;
          width: 100%; 
          margin-bottom: 20px
    }
    
    .edvdo_session_short_deatail_left_section{
        width: 75%;
        display: flex; 
        align-items: flex-start;
        flex-direction: column;
    }
    
    .edvdo_session_short_deatail_right_section{
        width: 25%;
        display: flex; 
        align-items: center;
         gap: 20px;

    }


.edvdo_session_booking_agenda_box{
    border:1px solid #C6C6C6; 
    padding:15px;
     border-radius:4px; 
     background:#fff; 
     margin-bottom:20px;
}

.edvdo_session_booking_preparation_tips{
    border:1px solid #C6C6C6; 
    padding:15px;
     border-radius:4px; 
     background:#fff; 
     margin-bottom:20px;
}
.edvdo_session_details_outerbox{
    border:1px solid #FFFFFF;
     border-radius:10px; 
     padding:20px;
      background:#f9fff8;
}

/*the above css is used for career expert booking past and upcoming sessions*/


}