body {
    margin: 0;
    font-family: Georgia, 'Times New Roman', Times, serif;
}

.bold_text {
    font-weight: bold;
}

.fz30 {
    font-size: 30px;
}

/* header */

.header {
    background: url(../img/header_background.jpg) no-repeat top center;
    background-size: cover;
    text-transform: uppercase;
    padding: 140px 0;
}

.header_title {
    display: flex;
    justify-content: center;
    text-align: center;
    font-weight: bold;
    font-size: 48px;
    color: white;
}

.header_subtitle {
    margin-top: 50px;
    display: flex;
    justify-content: center;
    text-align: center;
    font-weight: bold;
    line-height: 25px;
    font-size: 24px;
}

.header_subtitle > a {
    color: white;
    transition: .3s ease;
}

.header_subtitle > a:hover {
    color: white;
    text-decoration: none;
    font-size: 26px;
}

.header_logo {
    width: 100%;
    margin: 30px 0;
}

/* about_specialty */

.about_specialty {
    padding: 130px 0;
}

.statistics_logo > img {
    width: 100%;
    margin-top: 100px;
}

.specialty_title {
    color: #84c9f0;
    font-size: 40px;
    margin: 30px 0;
    text-align: center;
}

.specialty_text {
    font-size: 20px;
    line-height: 36px;
    color: gray ;
}

.statistics_day {
margin-top: 50px;
}

.statistics_day > img {
    width: 100%;
}

@media (max-width: 768px) {
    .header_title {
        font-size: 36px;
    }
    .specialty_title {
        font-size: 20px;
    }
    .specialty_text {
        font-size: 12px;
        line-height: 24px;
    }
}

/* why_specialty */ 

.why_specialty {
    background: #d6d6d6;
}

.why_specialty_img {
    width: 100%;
    margin: auto 0;
}

.why_specialty_title {
    font-size: 36px;
    color: #285c7a;
    line-height: 30px;
}

.why_specialty_marker_list {
    list-style-image: url(../img/stats_marker.svg);
    font-size: 24px;
    font-weight: bold;
    line-height: 20px;
    color: rgb(54, 52, 52);
}

.why_specialty_marker_list > li {
    margin-top: 15px;
}

.first_container {
    margin: auto 0;
}

.second_container {
    padding: 60px 0;
}

/* become */

.become {
    background: url(../img/become_background.jpg) no-repeat top center;
    background-size: cover;
    padding-bottom: 100px;
}

.become_title {
    text-align: center;
    font-size: 60px;
    text-transform: uppercase;
    color: #84c9f0;
}

.grid_container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
}

@media (max-width: 768px) {
    .grid_container {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(4, 1fr);
    }

    .become_img_container:nth-child(4) {
        grid-row: 3;
    }
}

.become_img_container > img{
    width: 100%;
}

.become_list {
    padding: 30px;
    padding-bottom: 0;
    font-size: 25px;
    line-height: 37px;
    color: gray ;
}

.become_specialty_marker_list {
    list-style-image: url(../img/stats_marker.svg);
    font-size: 24px;
    line-height: 50px;
}

/* cards */

.cards {
    background: #e3e4e8;
    padding-bottom: 100px;
}

.cards_item_img_container {
    padding-top: 40px;
}

.cards_item_img_container > img {
    width: 30%;
    display: block;
    margin: 0 auto;
}

.cards_item {
    margin-top: 50px;
    background: #fff;
    border-radius: 10px;
    min-height: 500px;
}

.epam_logo_container {
    margin-top: 20px;
}


.epam_logo_container > a > svg {
    width: 30%;
    display: block;
    margin: 0 auto;
}

.cards_item_descrp {
    display: block;
    margin: 30px auto 0 auto;
    width: 80%;
    font-size: 25px;
    text-align: center;
    color: #5E5D5D;
    line-height: 45px;
}

/* enrollee-info */

.enrollee-info {
    margin-top: 50px;
}

.enrollee-info_grid_container {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
}

.enrollee-info_item_title {
    color: #2E32DB;
    text-decoration: underline;
    font-weight: 700;
    text-align: center;
}

.enrollee-info_item_img_container > img {
    display: block;
    margin: 0 auto;
    width: 90%;
    height: 100%;
}

.enrollee-info_item_flex {
    display: flex;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    margin-top: 60px;
}

.enrollee-info_item_flex > .num {
    font-size: 55px;
    margin-right: 20px;
    color: #2E32DB;
}

.enrollee-info_item_flex > .text {
    font-size: 27px;
    font-weight: 700;
    line-height: 20px;
    color: #54595F;
}

.enrollee-info_item_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(6, 1fr);
}

.enrollee-info_item_grid > .year {
    text-align: right;
    margin-right: 10px;
    border-top: 1px #000 solid;
    border-bottom: 1px #000 solid;
    padding: 5px 0;
    font-weight: 700;
}

.enrollee-info_item_grid > .points {
    margin-left: 10px;
    border-top: 1px #000 solid;
    border-bottom: 1px #000 solid;
    padding: 5px 0;
    color: #7a7a7a;
}

.enrollee-info_item_subjects {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    min-height: 200px;
}

.enrollee-info_item_subject {
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    color: #7a7a7a;
    border: 2px #7a7a7a solid;
}

@media (max-width: 768px) {
    .enrollee-info_grid_container {
        grid-template-columns: 1fr;
    }

    .enrollee-info_item_img_container {
        display: none;
    }
}

/* partners */

.partners_title {
    font-size: 40px;
    text-align: center;
    color: rgb(54, 53, 53);
    padding-top: 20px;
}

.partners {
    background: #d5d6da;
    margin-top: 80px;
    padding-bottom: 50px;
}

.partners_item {
    background: #eeeeee;
    height: 180px;
    margin-top: 30px;
    display: flex; 
    justify-content: center; 
    align-items: center;
}

.partners_item:hover > img {
    width: 80%; 
    height: 80%;
}

.partners_item > img {
    width: 60%;
    height: 60%;
    object-fit: contain;
    transition: all 1s;
}

/* contacts */


.contacts {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

@media (max-width: 768px) {
    .contacts {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(2, 1fr);
    }
}

.contacts_map {
    margin: 50px;
}

.contacts_secondColumn {
    margin: 20px;
}

.contacts_secondColumn > h3 {
    font-size: 40px;
}

.contacts_text {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.contacts_container{
    padding: 10px;
}

.contacts_container > h4{
    font-size: 18px;
    text-transform: uppercase;
}

.contacts_logo > img{
    width: 20%;
}