#coaching_banner{
    margin: 0px;
    padding: 0px;
    height: 313px;
    width: 100%;
    border-radius: 10px;
}
#coaching_logo_and_name_div{
    position: relative;
    top: -75px; 
    display: flex;
    flex-direction: row;
    /* border: 3px solid red; */
    border: none;
    /* background: linear-gradient(rgb(255, 255, 255), rgba(235, 236, 236, 0.9)); */
    /* opacity: 0.8; */
    border-radius: 20px;

}
#coaching_logo_div{
   
}

#coaching_logo{
    border: 4px solid skyblue;
    height: 155px;
    width: 155px;
    max-width: 155px;
    max-height: 155px;
    border-radius: 50%;
    background-color: white;
}
#center_name_div{
    box-sizing: border-box;
    /* border: 3px solid rgb(102, 255, 0); */
    margin-left: 3px;
    padding-left: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#center_name_div h1{
    color: rgb(255, 255, 255);
    margin: 0%;
    margin-top: 64px;
}
#center_name_div p{
    color: rgb(255, 255, 255);
   margin: 0%;
}

#center_btn_div{
    margin-left: 3px;
    padding-left: 5px;
    margin: auto;
    float: left;
}
#center_btn_div a{
    margin: 0%;
    margin-top: 87px;
    background-image: linear-gradient(to right, #ffbb23 0%, #ff8a70 100%);
}


@media screen and (max-width: 767px) {
    #coaching_logo_and_name_div{
       flex-direction: column;
        align-items: center;
    }
    #center_name_div{
        margin: 3px;
        padding: 5px;
        align-items: center;
    }
    #center_name_div h1{
        color: rgb(255, 255, 255);
        margin: 0%;
    }
    #center_btn_div a{
        margin: 0%;
        margin-top: 10px;
       
    }
}



@media screen and (max-width: 850px) {

}
.secondSection{
    position: relative;
    top: -75px;
}

/* second Secton  */
.nav-row{
    margin-top: 10px;
}


.card{
    border-radius: 6px;
    padding: 6px;
}

.card h4{
    font-weight: bolder; 
    margin: 6px; 
    padding: 5px;
}
.card .nav-tab{
    margin: 2px;
    padding: 6px;
    margin-left: 6px; 
}
.card .nav-tab:hover{
   border-radius: 10px;
   background: linear-gradient(to left, rgb(81, 241, 255),rgba(6, 176, 255, 0.932));
   color: white;
}

.customActive{
    border-radius: 10px;
    background: linear-gradient(to left, rgb(81, 241, 255),rgba(6, 176, 255, 0.932));
    color: rgb(255, 255, 255);
}
