header{
    background-color: #f6f6f6;
    border-bottom: 1px solid #c0c0c0;
}

.top-section {

    display: flex;
    justify-content: space-between;
    align-items:flex-end;

    padding-top: 40px;
    padding-bottom: 40px;
}

.logo {

}

.title-logo {

    font-size: 50px;
    font-weight: 700;
    text-transform: uppercase;

    color: #4ea5f5;
}

.title-sub {

    color: #4ea5f5;
    font-size: 20px;
}

.top-menu{


}

.top-menu a{

    font-size: 18px;

    margin-left: 10px;

    color: #4da6fa;
}

.top-menu a:hover{

    color: #ffffff;
}

.hendler-img img{

    width: 100%;

    height: 800px;
    border-radius: 20px;
}

.hendler-img{

    border: 1px solid #7fc0fc;
    border-radius: 20px;
}

.description {
background-color: #f6f6f6;
padding-top: 30px;
padding-bottom: 30px;
}

.block-content {
 padding: 10px;
}

.block-content > p{

    margin-bottom: 10px;
    font-size: 18px;
}

.about {
}

.about-title {

    margin-bottom: 10px;
    
}
.about-title h3{

    color: #4da6fa;
    font-size: 24px;
    font-weight: 500;
}

.about-list {

    margin-left: 15px;

    font-size: 18px;

    display: flex;
    justify-content: space-between;
}

.about-list ul>li{

    margin-bottom: 10px;
}

footer{

    padding-top: 40px;
    padding-bottom: 40px;

    border-top: 1px solid #c0c0c0;

}

.footer-text{

    display: flex;
    justify-content: center;
}

.footer-text a{
    margin-right: 10px;
}

.contacts ul>li span{

    margin-right: 5px;
    
}

.contacts ul>li{

    margin-bottom: 5px;
}

.contacts{
    
}

.map-blok{

    border: 1px solid #7fc0fc;
}


.card {
}
.avatar {

    background-image: url("../src/treners/avatar.jpg");

    width: 250px;
    height: 250px;
    margin-bottom: 20px;
}
.map-blok {
}
.text-card {
}

.text-card ul>li span{
    margin-right: 5px;
}

.foto-card {

 display: flex;

 flex-wrap: wrap;
 gap: 15px;

}

.item {

    background-image: url("../src/galery/image.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

    border-radius: 10px;

    width: 250px;
    height: 300px;

    border: 1px solid #7fc0fc;
}

.item>img{

    width: 250px;
    height: 300px;

    border-radius: 10px;
}