:root {
    --font-family-main:'Crimson Text', serif;
    --font-weight-main-400: 400;
    --font-weight-main-600: 600;
    --font-weight-main-900: 900;
}





.wrapper_web-Course {
    max-width: 1920px;
    width: 100%;
    height: 5680px;
    background: #f5f5f5;
}
.burger_menu {
    display: none;
}

.header {
    max-width: 1920px;
    width: 100%;
    height: 1104px;
    background: #faf9f8;
    padding: 1px 0;
}

.header_content {
    max-width: 1663px;
    width: 100%;
    height: 836px;
    margin: 39px auto;
    padding: 1px 0;
}

.header_content_block-menu {
    max-width: 1591px;
    width: 100%;
    height: 84px;
    margin: 9px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.block-menu_logo {
    width: 583px;
    height: 70px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.block-menu_logo h2 {
    font-family: var(--font-family-main);
    font-weight: var(--font-weight-main-400);
    font-size: 36px;
    color: #000;
    text-shadow: 2px 5px 1px #cfeccf,2px 5px 1px #d1e7d1,2px 5px 1px #d2ebd2;
}
.block-menu_logo img {
    width: 11%;
    filter: drop-shadow(0 3px 5px #90EE90);
}

.block-menu_navigation {
    width: 885.28px;
    height: 42px;
}
.nav {
    height: 42px;
}
.nav ul {
    list-style: none;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.nav ul li {
    display: inline-block;
    position: relative;
}
.nav ul li::before {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    bottom: 0;
    left: 0;
    background: #000;
    transition: 250ms ease;
}
.nav ul li:hover::before {
    width: 100%;
}
.nav ul a {
    text-decoration: none;
    font-family: var(--font-family-main);
    font-weight: var(--font-weight-main-400);
    font-size: 32px;
    color: #000;
    text-transform: uppercase;
}

.header_content_center {
    max-width: 1712px;
    width: 100%;
    height: 596px;
    margin: 6rem auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.content_center_images {
    width: 578px;
    height: 596px; 
}
.content_center_images img {
    border-radius: 10px;
}
.content_center_text {
    width: 1029px;
    height: 596px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.content_center_text h1 {
    font-family: var(--font-family-main);
    font-weight: var(--font-weight-main-400);
    font-size: 90px;
    letter-spacing: 15px;
    color: #000;
    text-transform: uppercase;
}
.content_center_text p {
    font-family: var(--font-family-main);
    font-weight: var(--font-weight-main-400);
    font-size: 36px;
    color: #000;
    width: 887px;
    height: 236px;
}
.content_center_text_button {
    width: 291.1px;
    height: 77.72px;
    border: none;
    border-radius: 59px;
    background: #8e9a82;
    color: #f5f5f5;
    font-family: var(--font-family-main);
    font-weight: var(--font-weight-main-400);
    font-size: 20px;
    letter-spacing: 5px;
    text-transform: uppercase;
    cursor: pointer;
    transition: 500ms ease;
}
.content_center_text_button:hover {
    transform: translateY(-10px);
    filter: drop-shadow(0 10px 1px #2f302e);
    box-shadow: 0 0 10px #90EE90;
}

.main {
    max-width: 1920px;
    width: 100%;
    height: 3379px;
}

.tittle_main {
    font-family: var(--font-family-main);
    font-weight: var(--font-weight-main-600);
    font-size: 48px;
    color: #000;
    letter-spacing: 10px;
    text-transform: uppercase;
    text-align: center;
}

.main_image_block {
    max-width: 1920px;
    width: 100%;
    height: 973px;
    padding: 1px 0;
    background: #faf9f8;
}
.image_card {
    max-width: 1920px;
    width: 100%;
    height: 911px;
    margin-top: 5px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.image_card_four {
    max-width: 1920px;
    width: 100%;
    height: 528px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.image_card_four_1 {
    width: 409.5px;
    height: 528px;
}

.image_card_four_2 {
    width: 517.5px;
    height: 528px;
}
.image_card_four_3 {
    width: 517.5px;
    height: 528px;
}
.image_card_four_4 {
    width: 406.5px;
    height: 528px;
}
.image_card_line {
    max-width: 1920px;
    width: 100%;
    height: 355.5px;
}
.image_card_line img {
    width: 1910px;
}

.main_image_block_radiusBox {
    max-width: 1920px;
    width: 100%;
    height: 1196px;
    background: linear-gradient(180deg, #f1f1f1 50%, #dbdbdb 50%);
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 1px 0;
    flex-direction: column;
}
.title_radiusBlock {
    font-family: var(--font-family-main);
    font-weight: var(--font-weight-main-400);
    font-size: 48px;
    letter-spacing: 10px;
    color: #000;
    text-transform: uppercase;
    width: 553px;
    text-align: center;
}

.main_image_block_radiusBox-Center_contentCard {
    max-width: 1740.65px;
    width: 100%;
    height: 506.58px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.radiusBox-cardStyle {
    width: 502.08px;
    height: 506.58px;
    border-top-left-radius: 180px;
    border-top-right-radius: 180px;
}
.block_radiusBox_textBlock {
    width: 967.2px;
    height: 85.67px;
    margin: 0 auto;
    margin-top: 2rem; 
}
.block_radiusBox_textBlock p {
    font-family: var(--font-family-main);
    font-weight: var(--font-weight-main-400);
    font-size: 32px;
    color: #000;
    letter-spacing: 5px;
    text-align: center;
}

.section_more {
    max-width: 1918px;
    width: 100%;
    height: 1201.75px;
    background: #faf9f8;
    margin: 0 auto;
    padding: 1px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.section_more-central_block {
    max-width: 1699.43px;
    width: 100%;
    height: 938.02px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.central_block-image {
    width: 473.51px;
    height: 938.02px;
}
.central_block_textBlcok {
    width: 1086.37px;
    height: 864.67px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.block_textBlcok_h2 {
    width: 278.71px;
    height: 62.93px;
}
.block_textBlcok_h2 h2 {
    font-family: var(--font-family-main);
    font-weight: var(--font-weight-main-900);
    font-size: 48px;
    color: #000;
    letter-spacing: 5px;
    text-transform: uppercase;
    text-align: center;
}
.block_textBlcok_paragraf {
    width: 1086.73px;
    height: 590.63px;
}
.block_textBlcok_paragraf p {
    font-family: var(--font-family-main);
    font-weight: var(--font-weight-main-400);
    font-size: 36px;
    color: #000;
}
.block_textBlcok_paragraf p:nth-child(2) {
    margin-top: 10px;
}
.block_textBlco_btn {
    width: 351px;
    height: 88px;
    border: 3px solid #8E9A82;
    border-radius: 10px;
    background: transparent;
    color: #000;
    font-family: var(--font-family-main);
    font-size: 36px;
    font-weight: var(--font-weight-main-400);
    text-transform: uppercase;
    box-shadow: 0 4px 4px 0 #646e5a;
    cursor: pointer;
}
.footer {
    max-width: 1919.79px;
    width: 100%;
    height: 1196.5px;
    background: linear-gradient(90deg, #F1F1F1 70%, #DBDBDB 30%);
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer_content {
    max-width: 1491.55px;
    width: 100%;
    height: 934.44px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.footer_content_input-form {
    width: 618px;
    height: 751px;
}
.footer_content_input-form h2 {
    font-family: var(--font-family-main);
    font-weight: var(--font-weight-main-900);
    font-size: 48px;
    color: #000;
    letter-spacing: 10px;
}
.footer_form {
    width: 618px;
    min-height: 626px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
    row-gap: 20px;
}
.footer_form #name {
    width: 617px;
    height: 121px;
    border: 4px solid #8E9A82;
    outline: none;
    background: transparent;
    border-radius: 10px;
    position: relative;
    font-size: 36px;
    color: #2f302e;
    font-family: var(--font-family-main);
    font-weight: var(--font-weight-main-600);
    padding-left: 5px;
}
.footer_form #name::placeholder {
    font-family: var(--font-family-main);
    font-weight: var(--font-weight-main-400);
    font-size: 36px;
    color: #000;
    position: absolute;
    top: 0;
    left: 5px;
}
.footer_form #email {
    width: 617px;
    height: 121px;
    border: 4px solid #8E9A82;
    outline: none;
    background: transparent;
    border-radius: 10px;
    position: relative;
    font-size: 36px;
    color: #2f302e;
    font-family: var(--font-family-main);
    font-weight: var(--font-weight-main-600);
    padding-left: 5px;
}
.footer_form #email::placeholder {
    font-family: var(--font-family-main);
    font-weight: var(--font-weight-main-400);
    font-size: 36px;
    color: #000;
    position: absolute;
    top: 0;
    left: 5px;
}
.custom-textarea {
    width: 617px;
    height: 194px;
    border: 4px solid #8E9A82;
    outline: none;
    background: transparent;
    border-radius: 10px;
    resize: vertical;
    position: relative;
    font-size: 36px;
    color: #2f302e;
    font-family: var(--font-family-main);
    font-weight: var(--font-weight-main-600);
    padding-left: 5px;
}
.custom-textarea::placeholder {
    font-family: var(--font-family-main);
    font-weight: var(--font-weight-main-400);
    font-size: 36px;
    color: #000;
    position: absolute;
    top: 0;
    left: 5px;
}
.footer_form-btn {
    width: 371px;
    height: 88px;
    background: #8E9A82;
    color: #ffffff;
    font-family: var(--font-family-main);
    font-weight: var(--font-weight-main-400);
    font-size: 36px;
    text-transform: uppercase;
    letter-spacing: 10px;
    border-radius: 10px;
    outline: none;
    border: none;
    cursor: pointer;
}
.footer_content_image-form {
    width: 657.4px;
    height: 934.44px;
}