@font-face {
    font-family: "Pacifico";
    src: url("../fonts/Pacifico-Regular.eot");
    src: local("Pacifico Regular"), local("Pacifico-Regular"),
        url("Pacifico-Regular.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Pacifico-Regular.woff2") format("woff2"),
        url("../fonts/Pacifico-Regular.woff") format("woff"),
        url("../fonts/Pacifico-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Yeseva One";
    src: url("../fonts/YesevaOne-Regular.eot");
    src: local("Yeseva One Regular"), local("YesevaOne-Regular"),
        url("YesevaOne-Regular.eot?#iefix") format("embedded-opentype"),
        url("../fonts/YesevaOne-Regular.woff2") format("woff2"),
        url("../fonts/YesevaOne-Regular.woff") format("woff"),
        url("../fonts/YesevaOne-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "MyriadPro Regular";
    src: url("../fonts/MYRIADPRO-REGULAR.OTF");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "MyriadPro SemiBold";
    src: url("../fonts/MyriadPro-Semibold.ttf");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "RobotoMono SemiBold";
    src: url("../fonts/RobotoMono-SemiBold.ttf");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "RobotoMono Bold";
    src: url("../fonts/RobotoMono-Bold.ttf");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat Bold";
    src: url("../fonts/Montserrat-Bold.ttf");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat Medium";
    src: url("../fonts/Montserrat-Medium.ttf");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat Italic";
    src: url("../fonts/Montserrat-Italic.ttf");
    font-weight: 400;
    font-style: italic;
}

:root {
    --bs-breakpoint-xl: 1024px;
}

body {
    margin: 0;
    padding: 0;
}

ul,
li {
    padding: 0;
    margin: 0;
    list-style: none;
}

:root {
    --color-white: #ffffff;
    --color-yellow: #fdd817;
    --color-blue-1: #05003e;
    --color-blue-2: #2162b4;
    --color-black: #000000;
    --color-red: #ff0000;
    --color-burgundy: #cf0032;
    --color-footer: #6a8ea8;
    --color-grey-1: #999999;
    --color-grey-2: #e9e9e9;
    --color-grey-banner: #858585;
    --color-grey-banner-enroll: #E5E5E5;
    --color-banner-button-hover: #9B9B9B
}

.grecaptcha-badge {
    display: none !important;
}

/*============================ Mobile375 px========================*/

/*loader  start*/
#loader .loader-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(16 45 177);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
}

#loader .loader {
    border: 10px solid #3498db;
    border-top: 10px solid #fdd817;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*loader  end*/

/*header start*/

* {
    margin: 0px;
    padding: 0px;
    box-shadow: none !important;
    border: none;
}

.scroll-to-top-btn {
    position: fixed;
    display: flex;
    bottom: 296px;
    right: 5px;
    font-size: 20px;
    width: 50px;
    height: 50px;
    background-image: url(../images/footer/arrow\ button.svg);

    padding: 10px 15px;
    border: none;
    background-color: var(--color-blue-2);
    border-radius: 50%;
    color: var(--color-white);
    cursor: pointer;
    z-index: 1000;
}

.tablet-only {
    display: none;
}

#header .navbar.bg-body-tertiary.navbar-expand-xl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
    background-color: rgba(255, 255, 255, 0.1);
    position: absolute;
    width: 100%;
    top: 0;
}

#header .container-fluid {
    z-index: 2;
}

#header .navbar-brand {
    padding: 7px 0px 0px 9px;
}

#header .foto-swallow {
    display: flex;
    width: 24px;
}

#header .offcanvas.offcanvas-end {
    width: 100%;
    height: 360px;
    border-radius: 20px;
}

#header .offcanvas-body {
    position: relative;
    left: 8px;
    top: 45px;
    overflow-y: auto;
    margin-bottom: 85px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
}

#header .dropdown-menu {
    width: 450px;
    white-space: normal;
    word-wrap: break-word;
}

#header .navbar-nav .dropdown-menu a {
    white-space: normal;
    word-wrap: break-word;
}

#header .dropdown-item {
    width: 100%;
}

#header .navbar-toggler {
    border: none;
    padding-top: 7px;
}

#header .navbar-toggler-icon {
    width: 17px;
}

#header .burder-menu-text1 {
    display: block;
    width: 260px;
    height: 41px;
    flex-shrink: 0;
    margin: 0 auto;
}

#header .burger-menu-text2 {
    width: 164.781px;
    height: 34.105px;
    flex-shrink: 0;
    display: flex;
    padding-left: 44px;
}

#header h3 {
    position: relative;
    color: var(--color-blue-1);
    font-family: "Yeseva One";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    bottom: 3px;
}

#header h2 {
    position: relative;
    width: 271px;
    color: var(--color-blue-1);
    font-family: Pacifico;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 17px 3px 0px 0px;
    right: 11px;
}

#header .nav-link,
#header .nav-links {
    color: var(--color-blue-1);
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 0 5px;
    margin: 7px 0px;
    text-decoration: none;
}

#header .dropdown {
    display: flex;
    height: 36px;
    z-index: 0;
    text-align: center;
}

#header .navbar-nav .dropdown-menu {
    position: absolute;
    margin: 0;
    padding: 0;
    margin: auto;
    width: 100%;
}

#header .offcanvas-body .nav-item .nav-link,
#header .offcanvas-body .nav-item .dropdown-item {
    width: 100%;
    margin-left: 2px;
    display: inline-block;
    width: 300px;
}

#header .offcanvas-body .nav-item .dropdown-item {
    font-size: 14px;
}

.nav-item .dropdown {
    flex-direction: column;
    z-index: 0;
    align-items: start;
}

#header .dropdown-menu {
    border: none;
    position: relative;
    width: 100%;
}

.dropdown-toggle::after {
    margin-left: 1px;
    vertical-align: 4px;
}

.dropdown-menu.show {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#header .dropdown {
    height: 35px;
}

#header .nav-link:hover {
    color: var(--color-blue-2);
}

#header .offcanvas-header {
    display: flex;
    text-align: center;
    padding: 0px;
}

#header .text4 {
    display: none;
}

#header .icon-link {
    display: flex;
    justify-content: center;
    position: relative;
    bottom: 10px;
}

#header .horizontal-line1 {
    width: 311px;
    height: 2px;
    position: fixed;
    background-color: var(--color-blue-1);
    border-bottom: 1px solid var(--color-yellow);
    margin: 0 auto;
    left: 0;
    right: 0;
}

#header .horizontal-line {
    top: 55px;
    width: 311px;
    height: 2px;
    position: relative;
    background-color: var(--color-blue-1);
    border-bottom: 1px solid var(--color-yellow);
    margin: 0 auto;
}

#header .dropdown select {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    box-sizing: border-box;
}

#header .dropdown select:focus {
    outline: none;
}

#header .language-dropdown {
    position: relative;
    display: inline-block;
}

#header .dropdown-btn-burger {
    padding: 4px 6px;
    font-size: 16px;
    cursor: pointer;
}

#header .dropdown-btn-burger img {
    width: 46px;
    margin-left: 4px;
}

#header .dropdown-content {
    display: none;
    position: absolute;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1;
}

.dropdown-content a {
    display: block;
    margin-bottom: 5px;
    margin-top: 5px;
}

#header .dropdown-content img {
    display: block;
    width: 46px;
    height: auto;
    margin-left: 11px;
}

#header .language-dropdown:hover .dropdown-content {
    display: block;
}

#header .dropdown-btn {
    display: none;
}

#header .iconc {
    margin-left: 2px;
}

#header .btn-close {
    margin: 8px 5px;
    padding: 9px;
}

.nav-item.dropdown {
    order: 4;
}

/*header end*/

/*main-block start*/
#mainblock .mainblock {
    background: url(../images/Main_block/main-background-tablet.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0;
    width: 100%;
    margin: 0 auto;
    position: relative;
    margin-bottom: 46px;
    z-index: 1;
}

#mainblock .flag-backgroud {
    position: absolute;
    bottom: -46px;
    width: 100%;
    z-index: 1;
}

#mainblock .social {
    position: absolute;
    bottom: -30px;
    right: 0;
    left: 0;
}

#mainblock .social-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 14px;
}

#mainblock .social-list__item img {
    display: block;
    width: 20px;
    height: 20px;
}

#mainblock .work_it {
    display: none;
}

#mainblock .text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 2;
}

#mainblock .text_1 {
    color: var(--color-blue-1);
    font-family: Pacifico;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.74;
}

#mainblock .text_2 {
    color: var(--color-blue-1);
    font-family: Yeseva One;
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 0.7;
}

/*main block end*/

/*registration start*/
#registration {
    display: flex;
    justify-content: center;
}

#registration .container_rg {
    width: 375px;
    height: 218px;
    text-align: center;
}

#registration .container_rg {
    height: 235px;
}

#registration .text_1 {
    color: var(--color-blue-1);
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

#registration .text_2 {
    font-family: Montserrat;
    font-size: 16px;
    line-height: 23px;
    font-style: normal;
    font-weight: 400;
}

#registration .register-btn {
    width: 230px;
    height: 55px;
    padding: 15px 10px;
    background-color: var(--color-blue-2);
    color: var(--color-white);
    font-family: Montserrat;
    font-weight: 500;
}

/*registration end*/

/*about the program start*/
#aboutTheProgram .main_container {
    margin: 0;
    padding: 0;
}

#aboutTheProgram .foto {
    background-image: url(../images/about_the_program/photo_about_the_program.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 24.4%;
    margin-bottom: 24px;
}

#aboutTheProgram br {
    display: none;
}

#aboutTheProgram .text {
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/about_the_program/background.jpg);
}

#aboutTheProgram .text-title {
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    text-align: center;
    color: var(--color-blue-1);
    padding: 29px 24px 24px 23px;
    margin: 0 auto;
}

/*about the program end*/

/*video clip start*/
#video {
    margin-top: 24px;
    margin-bottom: 6.4vw;
}

#video .videoPreview {
    background: url(../images/video/video-preview.jpg) no-repeat center;
    background-size: cover;
    background-clip: content-box;
    width: 100%;
    height: 210px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#video .videoPreview:hover {
    cursor: pointer;
}

#video img {
    width: 60px;
    height: 60px;
}

/*video clip end*/

/*we provide start*/
#provide .images {
    background-image: url(../images/provide/providemobile.png);
    margin: 0 auto;
    width: 93%;
    height: 52vw;
    background-size: cover;
    background-repeat: no-repeat;
}

#provide .text {
    position: relative;
    bottom: 2.93vw;
    color: var(--color-blue-1);
    text-align: center;
    font-family: Open Sans;
    font-size: 4.8vw;
    font-style: italic;
    font-weight: 600;
    line-height: 6.13vw;
    margin: 0px;
}

#provide .text1 {
    width: 86%;
    text-align: left;
    color: var(--color-blue-1);
    font-family: Montserrat;
    font-size: 3.2vw;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    line-height: 1.25em;
    margin: 0 auto;
    padding: 0px 11.7vw 0px 0px;
}

#provide .text1 li {
    position: sticky;
    left: 11.8vw;
    margin: 0px 3.47vw 5.07vw 0px;
    list-style: disc;
}

/*we provide end*/

/*tape with photos start*/
#photos .images {
    background-image: url(../images/tape_with_photos/photos_mobile.jpg);
    margin-top: 31px;
    background-size: cover;
    display: flex;
    height: 117px;
    flex-shrink: 0;
}

/*tape with photos end*/

/*register.attention start*/
#registerAttencion .block_registerAttencion {
    display: flex;
    width: 100%;
    justify-content: center;
    flex-direction: column;
}

#registerAttencion .block_register {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
}

#registerAttencion .block_text {
    display: flex;
    width: 330px;
    padding-top: 16px;
}

#registerAttencion .block_text p {
    color: var(--color-blue-1);
    text-align: center;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
}

#registerAttencion .button {
    background-color: var(--color-blue-2);
    width: 230px;
    height: 55px;
    flex-shrink: 0;
    color: var(--color-white);
    text-align: center;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    align-items: center;
    border: none;
    text-decoration: none;
    cursor: pointer;
    padding: 15px 10px;
    margin-bottom: 20px;
}

#registerAttencion .block_attencion {
    display: flex;
    width: 100%;
    height: 205px;
    flex-direction: column;
    background-image: url(../images/to_register/coat_of_arms_background.jpg);
    background-repeat: no-repeat;
    margin: 0 auto;
    background-position: center;
    justify-content: center;
    align-items: center;
}

#registerAttencion .block_attencion_text1 {
    display: flex;
    padding-top: 85px;
}

#registerAttencion .block_attencion_text1-en {
    padding-top: 72px;
}

#registerAttencion .block_attencion_text1-pl {
    padding-top: 67px;
}

#registerAttencion .block_attencion_text1 h2 {
    width: 90px;
    height: 23px;
    flex-shrink: 0;
    color: var(--color-blue-1);
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 12px;
    text-align: center;
}

#registerAttencion .block_attencion_text-en h2 {
    width: 79px;
    height: 23px;
    flex-shrink: 0;
    color: var(--color-blue-1);
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-right: 7px;
}

#registerAttencion .block_attencion_text1 .warning-de {
    font-size: 16px;
    margin-bottom: 10px;
}

#registerAttencion .block_attencion_text1 .warning-en {
    font-size: 16px;
}

#registerAttencion .block_attencion_text2 {
    display: flex;
    width: 334px;
    margin: 0 0 62px 0;
    flex-shrink: 0;
}

#registerAttencion .block_attencion_text2 p {
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
}

#registerAttencion .hyphenation {
    display: none;
}

/*register.attention end*/

/*resources start*/
#resources {
    margin-top: 33px;
    margin-bottom: 11px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

#resources .resources_block {
    position: relative;
    width: 342px;
    height: 193px;
    display: flex;
    justify-content: center;
}

#resources .resources_block-en {
    height: 170px;
}

#resources .resources_block-pl {
    height: 170px;
}

#resources .resources_block img {
    width: 183px;
    height: 43px;
    position: absolute;
    right: 0;
    bottom: 0;
}

#resources .resources_block p {
    color: var(--color-blue-1);
    width: 327px;
    font-family: "Montserrat";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14.63px;
    line-height: 18px;
}

#resources .resources_block b {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

/*resources end*/

/*become our partner start*/
#becomeOurPartner {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    font-family: "Montserrat";
    padding-top: 11px;
    padding-bottom: 10px;
}

#becomeOurPartner .description {
    background: url(../images/become_our_partner/description_background.png) no-repeat;
    background-size: cover;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
}

#becomeOurPartner .description p {
    color: var(--color-blue-1);
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    line-height: 23px;
    width: 320px;
}

#becomeOurPartner .description .title,
#becomeOurPartner .title {
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
    padding-top: 16px;
}

#becomeOurPartner .content-button {
    background-color: var(--color-blue-2);
    width: 230px;
    height: 55px;
    border: none;
    color: var(--color-white);
    margin-bottom: 13px;
    color: var(--color-white);
}

#becomeOurPartner .foto {
    display: none;
}

#becomeOurPartner .join-our-team {
    margin-top: 19px;
}

#becomeOurPartner .join-our-team p {
    width: 336px;
}

#becomeOurPartner .description .text .title {
    font-weight: 700;
}

#becomeOurPartner .content-button:active {
    background-color: transparent;
    color: var(--color-blue-2);
    border: 2px solid var(--color-blue-2);
}

#becomeOurPartner .content-button:disabled {
    background-color: var(--color-grey-1);
    color: var(--color-black);
}

#becomeOurPartner .description .buttons .label-button b {
    font-weight: 500;
}

/*become our partner end*/

/*our partners start*/
#partners {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    margin-top: 12px;
    margin-bottom: 44px;
}

#partners .partners_title {
    color: var(--color-blue-1);
    font-family: "Montserrat";
    font-size: 18px;
    font-style: italic;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: center;
}

#partners .carousel {
    display: flex;
    width: 100%;
    max-width: 768px;
}

#partners .carousel .carousel-inner .carousel-item img {
    height: 40px;
}

#partners .carousel .carousel-control-butt .carousel-control-prev-icon {
    background: url(../images/our_partners/prev.svg);
    width: 24px;
    height: 24px;
}

#partners .carousel .carousel-control-butt .carousel-control-next-icon {
    background: url(../images/our_partners/next.svg) no-repeat;
    width: 24px;
    height: 24px;
}

#partners .carousel .carousel-control-butt {
    position: static;
    border-radius: 50%;
}

#partners .our_partners {
    display: none;
}

/*our partners end*/

/*reference to financial support start*/
#financialSupport .qr {
    background-image: url(../images/reference_to_financial_support/background.jpg);
    padding: 20px;
    margin-bottom: 50px;
}

#financialSupport .qr .qr-img {
    display: none;
}

#financialSupport .text {
    padding-top: 8px;
    color: var(--color-white);
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    line-height: 21px;
    font-style: italic;
    margin-bottom: 14px;
}

#financialSupport .link {
    padding: 10px 0px;
    width: 207px;
    border-radius: 5px;
    text-align: center;
    color: var(--color-blue-1);
    background: linear-gradient(71.79deg, #F4CE00 15.58%, #F1CB00 20.36%, #F2CC00 29.1%, #FFDD2C 46.53%, #FCDF43 52.25%, #FFE76A 66.1%, #E7C200 88.28%, #DBB800 95.32%), linear-gradient(254.01deg, rgba(253, 221, 46, 0.2) 57.74%, rgba(241, 241, 237, 0.2) 79.91%, rgba(255, 213, 0, 0.2) 102.98%);
    font-family: Montserrat;
    font-size: 18px;
    text-decoration: none;
    display: block;
    margin: 0 auto;
    cursor: pointer;

}

/*reference to financial support end*/

/*specialty start*/
#specialty {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    font-family: "Montserrat";
    margin-bottom: 25px;
}

#specialty .specialty-tittle {
    background: url(../images/specialty/boreder_icons_mobile.png) no-repeat;
    width: 320px;
    height: 263px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 500;
    position: relative;
}

#specialty .specialty-tittle .title {
    position: absolute;
    top: -4%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 18px;
    font-weight: 700;
    color: var(--color-blue-1);
}

#specialty .specialty-tittle .description {
    width: 216px;
    font-size: 12px;
    margin: 0;
    margin: 14px 0px 15px;
}

#specialty .specialty-tittle .description-bottomn {
    width: 268px;
}

#specialty .specialty-tittle .professions {
    width: 176px;
    height: 116px;
    margin: 0px 0px 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 29px;
    font-weight: 700;
}

#specialty .cards {
    display: flex;
    flex-direction: column;
}

#specialty .cards .card {
    background: url(../images/specialty/card_background_mobile.png) no-repeat;
    background-size: cover;
    width: 320px;
    height: 441px;
    display: flex;
    align-items: center;
    border: none;
    text-align: center;
    margin-top: 25px;
    position: relative;
}

#specialty .cards .programing {
    margin-top: 14px;
}

#specialty .cards p {
    margin-top: 17px;
    margin-bottom: 0;
}

#specialty .cards button {
    width: 230px;
    height: 55px;
    color: var(--color-white);
    background-color: var(--color-blue-1);
    position: absolute;
    bottom: 0;
    margin: 15px 0px;
}

#specialty .cards .label-button {
    font-size: 12px;
    width: 189px;
    position: absolute;
    bottom: 0;
    margin-bottom: 84px;
}

#specialty .cards .card-title {
    font-size: 18px;
}

#specialty .cards img {
    margin-top: 32px;
    width: 100px;
    height: 100px;
}

#specialty .cards .card .card-descripton {
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    width: 260px;
}

#specialty .cards .programing .card-descripton {
    margin-top: 48px;
}

#specialty .cards .testing .card-descripton {
    margin-top: 17px;
}

#specialty .cards .Web .card-descripton {
    margin-top: 38px;
}

#specialty .cards .PM .card-descripton {
    margin-top: 35px;
}

#specialty .cards .row {
    max-width: 320px;
}

.custom-modal-dialog {
    border-top: 10px solid var(--color-blue-1);
    border-radius: 20px;
    width: 365px;
    height: 895px;
}

.modal-header {
    height: 33px;
    border: none;
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
}

.modal-header h2 {
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: 400;
}

.modal-header h2 b {
    font-weight: 500;
}

.modal-header .btn-close {
    position: absolute;
    right: 0;
    top: 0;
    width: 12px;
    height: 12px;
    margin-right: 17px;
    margin-top: 10px;
    background: url(../images/forms/closeMobile.png) no-repeat;
    background-size: contain;
    padding: 0;
    border-radius: 0;
    padding: 0;
    opacity: 1;
}

.modal-body {
    padding: 0 37px;
    flex: 0;
}

.modal-body h3 {
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: 500;
}

.modal-body .form-item .error {
    border: 1px solid var(--color-burgundy);
}

.modal-body .form-item input,
.modal-body .form-item textarea {
    font-size: 14px;
    width: 301px;
    height: 30px;
    border-radius: 0.671px;
    border: 0.503px solid var(--color-grey-2);
    margin-bottom: 19px;
    padding-left: 7px;
}

.phone::placeholder {
    color: transparent !important;
}

.modal-body .form-item textarea {
    height: 75px;
}

.modal-body .form-item .city {
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
}

.formCheck {
    font-size: 12px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;

}

.formCheck label {
    margin-left: 7px;
}

.modal-footer {
    display: flex;
    justify-content: center;
    border: none;
    padding: 0;
    margin: 0;
}

.form-label {
    font-size: 12px;
}

.form-button {
    width: 231px;
    height: 55px;
    background-color: var(--color-blue-2);
    font-size: 20px;
    font-weight: 500;
}

.form-button:disabled {
    background-color: var(--color-grey-1);
    border: none;
}

.form-item {
    position: relative;
}

.form-item .required-label {
    transition: opacity 0.3s ease-in-out;
    opacity: 0;
    cursor: text;
}

.form-item input:placeholder-shown+.required-label,
.form-item input:focus+.required-label,
.form-item:active .required-label,
.form-item:focus-within .required-label {
    opacity: 1;
}

.form-item input:focus+.required-label,
.form-item:active .required-label {
    opacity: 0;
}

.required-tip {
    font-size: 10px;
    font-family: "Montserrat";
    color: var(--color-blue-1);
    margin: 0;
}

.required-tip::before {
    font-size: 16px;
    content: '*';
    color: var(--color-red);
    margin-right: 4px;
}

.form-item input::placeholder {
    color: var(--color-grey-1);
}

.form-item .required-label {
    color: var(--color-grey-1);
    position: absolute;
    top: 34%;
    left: 8px;
    transform: translateY(-50%);
    z-index: 0;
}

.form-item .required-label::after {
    content: '*';
    color: var(--color-red);
    padding-left: 4px;
}

#partnerModal .custom-modal-dialog,
#mentorModal .custom-modal-dialog {
    height: 633px;
}

#partnerModal .modal-body,
#mentorModal .modal-body {
    height: 500px;
}

#partnerModal textarea,
#mentorModal textarea {
    height: 38px;
}

#partnerModal .modal-footer,
#mentorModal .modal-footer {
    height: 110px;
}

.form-seeds {
    margin-bottom: 72px;
    margin-right: 40px;
    width: 35px;
    height: 32px;
    position: absolute;
    right: 0;
    bottom: 0;
}

#partnerModal .modal-header,
#mentorModal .modal-header {
    height: 60px;
}

textarea {
    resize: none;
}

.thanx-modal {
    width: 340px;
    height: 320px;
    border-radius: 20px;
}

.thanx-modal .modal-header {
    background: url(../images/forms/thanxBackgroundMobile.jpg) no-repeat;
    height: 85px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.thanx-modal .modal-body {
    padding: 0;
    text-align: center;
}

.thanx-modal .modal-body p {
    font-size: 16px;
    font-weight: 500;
}

.thanx-modal .modal-body .title {
    font-size: 22px;
    font-family: "Yeseva One";
    font-weight: 400;
    margin-top: 21px;
}

.thanx-modal .modal-footer {
    margin-top: 35px;
    display: flex;
    align-items: end;
}

.thanx-modal .modal-footer button {
    width: 230px;
    height: 55px;
    font-size: 20px;
    font-weight: 500;
}

.modals {
    width: 375px;
    height: 460px;
    position: relative;
    border-radius: 20px;
}

#modalWithModals .modal-dialog {
    max-width: none;
    margin: var(--bs-modal-margin);
}

#modalWithModals .container-fluid {
    height: 460px;
}

#modalWithModals .modals-header {
    height: 108px;
}

#modalWithModals .modals-header .offcanvas-title {
    position: absolute;
    margin-top: 17px;
    margin-left: 10px;
    border-right: 1px solid var(--color-blue-2);
    font-weight: 300;
    font-family: Ubuntu;
    color: var(--color-blue-2);
}

#modalWithModals .modals-header .icon-flag {
    position: absolute;
    margin-top: 15.79px;
    margin-left: 42.78px;
}

#modalWithModals .modals-header .burder-menu-text1 {
    font-family: "Pacifico";
    font-size: 22px;
    text-align: center;
    margin-top: 20px;
}

#modalWithModals .modals-header .burger-menu-text2 {
    font-family: "Yeseva one";
    font-size: 32px;
}

#modalWithModals .modals-header .btn-close {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 14px;
    margin-right: 10px;
    opacity: 1;
    padding: 0;
}

#modalWithModals .modals-header .flag-line,
#modalWithModals .modals-menu .flag-line {
    margin: 0 auto;
    width: 311px;
    height: 2px;
    background-color: var(--color-blue-1);
    border-bottom: 1px solid var(--color-yellow);
}

#modalWithModals .modals-menu .flag-line {
    position: absolute;
    bottom: 0;
}

#modalWithModals .modals-menu {
    position: relative;
    height: 288px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

#modalWithModals .modals-menu h4 {
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 500;
    color: var(--text, #05003E);
}

#modalWithModals .modals-menu .form-button {
    width: 250px;
    height: 55px;
    font-weight: 500;
    font-size: 20px;
    margin: 0;
}

#modalWithModals .modals-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 67px;
}

#modalWithModals .modals-footer .icon-link {
    gap: 20px;
}

#modalWithModals .language-dropdown {
    position: absolute;
}

#modalWithModals .dropdown-btn-burger {
    font-size: 16px;
    cursor: pointer;
}

#modalWithModals .dropdown-btn-burger img {
    width: 57px;
    height: 17px;
    margin-left: 10px;
    margin-top: 8px;
}

#modalWithModals .dropdown-content {
    display: none;
    position: absolute;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1;
}

#modalWithModals .dropdown-content img {
    display: block;
    width: 57px;
    height: 17px;
    margin-left: 10px;
}

#modalWithModals .dropdown-btn-burger:hover+.dropdown-content {
    display: block;
}

#modalWithModals .dropdown-btn {
    display: none;
}

#modalWithModals .iconc {
    margin-left: 2px;
}

/*specialty end*/

/* banner start */
#banner {
    background: url(../images/banner/banner_background_mobile.webp);
    background-position: top;
    background-size: cover;
    width: 100%;
    height: 135vw;
    position: relative;
    padding-top: 21vw;
}

#banner .banner-academy-logo {
    width: 35.2vw;
    display: flex;
    justify-content: space-between;
    text-decoration: none;
    color: var(--color-black);
    position: absolute;
    top: 5.33vw;
    left: 5.33vw;
}

#banner .banner-academy-logo .banner-academy-logo-img {
    height: 13.87vw;
}

#banner .banner-academy-logo .banner-academy-logo-txt {
    font-family: "MyriadPro Regular";
    font-size: 3.7vw;
    line-height: 1.2em;
    margin: auto 0px;
}

#banner .banner-academy-logo .banner-academy-logo-txt .banner-academy-logo-txt-bold {
    font-family: "MyriadPro SemiBold";
    margin: 0px;
    font-size: 4vw;
    line-height: 1.2em;
}

#banner .banner-content {
    font-family: "RobotoMono Bold";
    display: flex;
    flex-direction: column;
    align-items: center;
}

#banner .banner-content .banner-ukr-txt {
    font-size: 4.8vw;
    color: var(--color-grey-banner);
    line-height: 1.67em;
    margin-bottom: 0px;
}

#banner .banner-content .banner-line {
    width: 56vw;
}

#banner .banner-content .banner-control-txt {
    font-size: 5.3vw;
    letter-spacing: 0.07em;
    margin-bottom: 6.4vw;
}

#banner .banner-content .banner-department-txt-wrapper {
    width: 92.5vw;
    height: 12.1vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
    margin-bottom: 0px;
}

#banner .banner-content .banner-department-txt-wrapper .banner-flag {
    height: 12.1vw;
    position: absolute;
    right: 0px;
}

#banner .banner-content .banner-department-txt {
    font-size: 8.5vw;
    letter-spacing: 0.08em;
    position: relative;
    z-index: 1;
    margin-bottom: 0px;
}

#banner .banner-content .banner-department-txt-en {
    font-size: 8vw;
}

#banner .banner-content .banner-department-txt-de {
    font-size: 8vw;
}

#banner .banner-content .banner-description-txt {
    font-family: "RobotoMono SemiBold";
    font-size: 3.7vw;
    line-height: 1.4em;
    letter-spacing: 0.01em;
    text-align: center;
    margin-bottom: 4.3vw;
}

#banner .banner-content .banner-button-wrapper {
    width: 79.7vw;
    height: 14.4vw;
    position: relative;
    text-decoration: none;
}

#banner .banner-content .banner-button-wrapper .banner-button-frame {
    width: 77.6vw;
    height: 13vw;
    position: absolute;
    top: 0px;
    right: 0px;
    border: 0.1vw solid var(--color-black);
}

#banner .banner-content .banner-button-wrapper .banner-button-frame-hover {
    border: 0.1vw solid var(--color-banner-button-hover);
}

#banner .banner-content .banner-button-wrapper .banner-button-frame-active {
    border: 0.1vw solid var(--color-black);
}

#banner .banner-content .banner-button-wrapper .banner-button {
    width: 77.6vw;
    height: 13vw;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: var(--color-black);
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 0.31em;
    font-size: 4.3vw;
    color: var(--color-grey-banner-enroll);
}

#banner .banner-content .banner-button-wrapper .banner-button-hover {
    background-color: var(--color-banner-button-hover);
}

#banner .banner-content .banner-button-wrapper .banner-button-active {
    background-color: var(--color-white);
    color: var(--color-black);
    border: 1px solid var(--color-black)
}

#banner .banner-phone {
    display: flex;
    position: absolute;
    left: 5vw;
    bottom: 2.1vw;
    text-decoration: none;
    color: var(--color-black);
}

#banner .banner-phone .banner-phone-img {
    height: 8.5vw;
    margin-right: 1.3vw;
}

#banner .banner-phone .banner-phone-number {
    font-family: "RobotoMono SemiBold";
    font-size: 3.7vw;
    margin: auto 0;
}

/* banner end */

/*footer start*/

#footer {
    font-family: Montserrat;
    background-color: var(--color-footer);
    padding: 20px 0 0 0;
}

#footer .footer_contacts {
    display: flex;
    flex-direction: column;
}

.footer_contacts_inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#footer .wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

#footer .content {
    display: flex;
    justify-content: center;
    align-items: center;
}

#footer .footer_content {
    display: flex;
    flex-direction: column;
}

#footer .footer_flx {
    display: flex;
    flex-direction: column;
}

#footer .question {
    margin-bottom: 20px;
}

#footer .question_text {
    text-align: center;
    color: var(--color-blue-1);
    font-size: 12px;
    line-height: 15px;
    font-weight: 500;
    margin-bottom: 0;
}

#footer .footer_link {
    text-align: center;
    text-decoration: none;
    color: var(--color-white);
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
}

#footer .footer_social-list {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    gap: 14px;
}

#footer .footer_button-links {
    display: flex;
    width: 318.75px;
    flex-direction: column;
    align-items: center;
    border-width: 1px 0;
    border-color: var(--color-yellow);
    border-style: solid;
    padding: 10px 0;
    margin: 10px auto;
}

#footer .footer_button-link {
    color: var(--color-blue-1);
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
}

#footer .footer_social-networks-title {
    color: var(--color-white);
    font-size: 18px;
    font-weight: 400;
    text-align: center;
}

#footer .footer_logo {
    margin: 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
}

#footer .footer_logo a {
    color: var(--color-white);
    font-size: 12px;
}

#footer .social-networks__list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
}

#footer .social-networks__list a {
    text-decoration: none;
}

#footer .social-list__item {
    list-style-type: none;
    margin-right: 10px;
}

#footer .number a {
    font-size: 16px;
    font-weight: bold;
    color: var(--color-blue-1);
    text-decoration: none;
}

#footer .social-list__whatsapp img {
    width: 24px;
    height: 24px;
}

#footer .footer_end {
    background-color: var(--color-blue-1);
    height: 30px;
}


#footer .end_flx {
    display: flex;
    justify-content: center;
}

#footer .end_text {
    font-size: 10px;
    margin-top: 5px;
    color: var(--color-yellow);
}

#footer .added-icon {
    width: 32px;
}

/*footer end*/

/*============================ Tablet 576 px========================*/

@media (min-width: 576px) {

    /* banner start */
    #banner {
        height: 78.5vw;
        padding-top: 14.7vw;
    }

    #banner .banner-academy-logo {
        width: 24.64vw;
        top: 2.31vw;
        left: 2.31vw;
    }

    #banner .banner-academy-logo .banner-academy-logo-img {
        height: 9.71vw;
    }

    #banner .banner-academy-logo .banner-academy-logo-txt {
        font-size: 2.59vw;
    }

    #banner .banner-academy-logo .banner-academy-logo-txt .banner-academy-logo-txt-bold {
        font-size: 2.8vw;
    }

    #banner .banner-content .banner-ukr-txt {
        font-size: 3.36vw;
    }

    #banner .banner-content .banner-line {
        width: 39.2vw;
    }

    #banner .banner-content .banner-control-txt {
        font-size: 3.71vw;
        margin-bottom: 4.48vw;
    }

    #banner .banner-content .banner-department-txt-wrapper {
        width: 64.75vw;
        height: 8.47vw;
    }

    #banner .banner-content .banner-department-txt-wrapper .banner-flag {
        height: 8.47vw;
    }

    #banner .banner-content .banner-department-txt {
        font-size: 5.95vw;
    }

    #banner .banner-content .banner-department-txt-en {
        font-size: 5.6vw;
    }

    #banner .banner-content .banner-department-txt-de {
        font-size: 5.6vw;
    }

    #banner .banner-content .banner-description-txt {
        font-size: 2.59vw;
        margin-bottom: 3vw;
        width: 60vw;
    }

    #banner .banner-content .banner-button-wrapper {
        width: 55.79vw;
        height: 10.08vw;
    }

    #banner .banner-content .banner-button-wrapper .banner-button-frame {
        width: 54.32vw;
        height: 9.1vw;
    }

    #banner .banner-content .banner-button-wrapper .banner-button {
        width: 54.32vw;
        height: 9.1vw;
        font-size: 3vw;
    }

    #banner .banner-phone {
        left: 3.5vw;
        bottom: 1.47vw;
    }

    #banner .banner-phone .banner-phone-img {
        height: 5.95vw;
        margin-right: 0.91vw;
    }

    #banner .banner-phone .banner-phone-number {
        font-size: 2.59vw;
    }

    /* banner end */
}

/*============================ Tablet 768 px========================*/

@media (min-width: 768px) {

    /*header start*/
    #header .navbar .bg-body-tertiary .navbar-expand-xl {
        display: flex;
        flex-wrap: inherit;
        align-items: center;
        justify-content: space-between;
        padding: 0px;
    }

    #header .container-fluid {
        padding: 0 !important;
    }

    #header .navbar-brand {
        padding: 6px 0px 0px 21px;
    }

    #header .foto-swallow {
        display: flex;
        width: 100px;
        height: 100px;
        flex-shrink: 0;
        padding: 0;
    }

    #header .offcanvas.offcanvas-end {
        width: 100%;
        height: 750px;
        border-radius: 20px;
    }

    #header .offcanvas-body {
        position: relative;
        left: 11px;
        overflow-y: auto;
        max-height: 700px;
        margin-top: 60px;
        margin-bottom: 25px;
        padding-top: 0;
    }

    #header .dropdown {
        height: 103px;
    }

    #header .navbar-toggler-icon {
        width: 100px;
        height: 100px;
        margin: 4px 7px 0px 0px
    }

    #header .burder-menu-text1 {
        width: 382px;
        height: 66px;
        flex-shrink: 0;
    }

    #header .burger-menu-text2 {
        position: relative;
        width: 224px;
        height: 49px;
        flex-shrink: 0;
        left: 41px;
    }

    #header h3 {
        color: var(--color-blue-1);
        font-family: "Yeseva One";
        font-size: 48px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        right: 14px;
    }

    #header h2 {
        width: 493px;
        position: relative;
        color: var(--color-blue-1);
        font-family: Pacifico;
        font-size: 40px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        right: 46px;
        top: 2px;
    }

    #header .offcanvas-body .nav-item .nav-link,
    #header .offcanvas-body .nav-item .dropdown-item {
        width: 600px;
    }

    #header .offcanvas-body .nav-item .dropdown-item {
        font-size: 26px;
    }

    #header .nav-link,
    #header .nav-links {
        color: var(--color-blue-1);
        font-family: Montserrat;
        font-size: 40px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        padding: 20px 0px;
    }

    #header.offcanvas-header {
        display: flex;
        text-align: center;
    }

    #header .horizontal-line {
        top: 105px;
        width: 688px;
        height: 3.3px;
        position: relative;
        background-color: var(--color-blue-1);
        border-bottom: 1.9px solid var(--color-yellow);
    }

    #header .horizontal-line1 {
        width: 688px;
        height: 3.1px;
        position: fixed;
        bottom: 150px;
        background-color: var(--color-blue-1);
        border-bottom: 1.9px solid var(--color-yellow);
    }

    #header.offcanvas .offcanvas-end {
        width: 100%;
        height: 659px;
        border-radius: 20px;
    }

    #header .iconc {
        width: 50px;
        height: 50px;
        margin-left: 14px;
    }

    #header .icon-link {
        display: flex;
        justify-content: center;
        position: relative;
        top: 6px;
        right: 8px;
        bottom: 0;
    }

    #header .dropdown select {
        width: 100%;
        padding: 10px;
        font-size: 16px;
        box-sizing: border-box;
    }

    #header .dropdown select:focus {
        outline: none;
    }

    #header .language-dropdown {
        position: relative;
        display: inline-block;
    }

    #header .dropdown-btn-burger {
        padding: 4px 6px;
        font-size: 16px;
        cursor: pointer;
    }

    #header .dropdown-btn-burger img {
        width: 68px;
        margin-left: 13px;
        margin-top: 5px;
    }

    #header .dropdown-content {
        display: none;
        position: absolute;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        z-index: 1;
    }

    #header .dropdown-content img {
        display: block;
        width: 70px;
        height: auto;
        margin-left: 17px;
    }

    #header .language-dropdown:hover .dropdown-content {
        display: block;
    }

    #header .btn-close {
        margin: 0px 11px 0px 0px;
        padding: 16px;
    }

    /*header end*/

    /*main-block start*/
    #mainblock .mainblock {
        background: url(../images/Main_block/main-background-tablet.png) no-repeat cover;
        height: 1024px;
        position: relative;
    }

    #mainblock .flag-backgroud {
        width: 100%;
    }

    #mainblock .social {
        display: none;
    }

    #mainblock .work_it {
        display: block;
    }

    #mainblock .work_it .work_it_linc .garanty {
        width: 16.67vw;
        height: 6vw;
        border-radius: 0.8vw;
        border: 0.1vw solid var(--color-black);
        position: absolute;
        right: 3.1vw;
        bottom: 11.7vw;
        z-index: 5;
        rotate: -17deg;
        padding-top: 0.44vw;
        text-align: center;
        color: var(--color-black);
    }

    #mainblock .work_it .work_it_linc .garanty .garanty-txt {
        font-family: "Montserrat Bold";
        font-size: 1.69vw;
        line-height: 0.92em;
        width: 13.7vw;
        margin: 0 auto 0.37vw;
    }

    #mainblock .work_it .work_it_linc .garanty .garanty-txt-italic {
        font-family: "Montserrat Italic";
        font-size: 0.78vw;
        margin: 0 auto;
    }

    #mainblock .text_1 {
        font-size: 64px;
        white-space: nowrap;
    }

    #mainblock .text_1-de {
        font-size: 60px;
    }

    #mainblock .text_2 {
        font-size: 128px;
    }

    /*main block end*/

    /*registration start*/
    #registration .container_rg {
        width: 768px;
        height: 440px;
        text-align: center;
    }

    #registration .text_1 {
        color: var(--color-blue-1);
        font-family: Montserrat;
        font-size: 32px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    #registration .text_2 {
        color: var(--color-blue-1);
        font-family: Montserrat;
        font-size: 28px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        padding-top: 22px;
    }

    #registration .register-btn {
        width: 416px;
        height: 89px;
        padding: 10px;
        background-color: var(--color-blue-2);
        color: var(--color-white);
        font-size: 32px;
        font-family: Montserrat;
        font-weight: 500;
        border-radius: 5px;
    }

    /*registration end*/

    /*about the program start*/
    #aboutTheProgram .main_container {
        margin: 0;
        padding: 0;
    }

    #aboutTheProgram br {
        display: none;
    }

    #aboutTheProgram .foto {
        background-image: url(../images/about_the_program/photo_about_the_program.png);
        background-size: cover;
        padding: 25%;
        margin: 0;
    }

    #aboutTheProgram .text-title {
        color: var(--color-blue-1);
        text-align: center;
        font-family: Montserrat;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 180%;
        width: 728px;
        height: 358px;
        padding: 50px 0px;
        margin: 0 auto;
    }

    /*about the program end*/

    /*video clip start*/

    #video {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    #video .videoPreview {
        max-width: 762px;
        height: 431px;
    }

    #video img {
        width: 122px;
        height: 122px;
    }

    /*video clip end*/

    /*we provide start*/
    #provide .images {
        background-image: url(../images/provide/provide.tablet.png);
        margin: 0 auto;
        width: 700px;
        height: 917px;
        flex-shrink: 0;
        background-size: cover;
        background-repeat: no-repeat;
    }

    #provide .text {
        color: var(--color-blue-1);
        text-align: center;
        font-family: Montserrat;
        font-size: 30px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        bottom: 16px;
    }

    #provide .text1 {
        margin-left: 91px;
        margin-right: 91px;
        margin-top: 30px;
        width: 586px;
        color: var(--color-blue-1);
        font-family: Montserrat;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 1.8;
    }

    #provide .text1 li {
        position: sticky;
        left: 42px;
        margin: 0px 13px 19px 0px;
        list-style: disc;
    }

    /*we provide end*/

    /*tape with photos start*/
    #photos .images {
        background-image: url(../images/tape_with_photos/photos_tablet.jpg);
        margin-top: 50px;
        background-size: cover;
        display: flex;
        height: 368px;
        flex-shrink: 0;
    }

    /*tape with photos end*/

    /*register.attention start*/
    #registerAttencion .block_registerAttencion {
        display: flex;
        width: 100%;
        height: 820px;
        justify-content: center;
        flex-direction: column;
    }

    #registerAttencion .block_register {
        display: flex;
        width: 100%;
        height: 337px;
        justify-content: space-around;
        flex-direction: column;
        align-items: center;
        padding-bottom: 21px;
    }

    #registerAttencion .block_text {
        display: flex;
        width: 483px;
        height: 96px;
        padding-top: 16px;
    }

    #registerAttencion .block_text>p {
        color: var(--color-blue-1);
        text-align: center;
        font-family: Montserrat;
        font-size: 26px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    #registerAttencion .button {
        display: flex;
        background-color: var(--color-blue-2);
        width: 416px;
        height: 89px;
        flex-shrink: 0;
        color: var(--color-white);
        text-align: center;
        font-family: Montserrat;
        font-size: 32px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        align-items: center;
        border: none;
        text-decoration: none;
        cursor: pointer;
        padding: 15px 10px;
        justify-content: center;
        border-radius: 5px;
    }

    #registerAttencion .block_attencion {
        display: flex;
        width: 100%;
        height: 483px;
        flex-direction: column;
        background-image: url(../images/to_register/coat_of_arms_background1.jpg);
        background-repeat: no-repeat;
        margin: 0 auto;
        background-position: center;
        justify-content: center;
        align-items: center;
    }

    #registerAttencion .block_attencion_text1 {
        display: flex;
        margin-top: 45px;
        padding: 0px 0px 45px 4px;
    }

    #registerAttencion .block_attencion_text-en {
        display: flex;
        margin-top: 11px;
        padding: 0px 0px 15px 4px;
        margin-right: 71px;
    }

    #registerAttencion .block_attencion_text1 h2 {
        width: 276px;
        height: 61px;
        flex-shrink: 0;
        color: var(--color-blue-1);
        font-family: Montserrat;
        font-size: 50px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-align: center;
    }

    #registerAttencion .block_attencion_text1 .warning-de {
        font-size: 45px;
    }

    #registerAttencion .block_attencion_text1 .warning-en {
        font-size: 45px;
    }

    #registerAttencion .block_attencion_text2 {
        display: flex;
        width: 728px;
        height: 266px;
        margin-bottom: 61px;
        flex-shrink: 0;
    }

    #registerAttencion .block_attencion_text2>p {
        font-family: Montserrat;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 180%;
        margin-top: 4px;
        text-align: center;
        padding: 0px 5px;
    }

    #registerAttencion .hyphenation {
        display: flex;
    }

    #registerAttencion .hyphenation {
        display: flex;
    }

    /*register.attention end*/

    /*resources start*/
    #resources {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    #resources .resources_block {
        width: 742px;
        height: 382px;
    }

    #resources .resources_block-de {
        height: 410px;
    }

    #resources .resources_block p {
        width: 700px;
        font-size: 24px;
        font-weight: 500;
        line-height: 180%;
    }

    #resources .resources_block b {
        font-size: 24px;
        font-weight: 600;
        line-height: 180%;
    }

    #resources .resources_block img {
        width: 268px;
        height: 74px;
    }

    /*resources end*/

    /*become our partner start*/
    #becomeOurPartner {
        padding-top: 65px;
        padding-bottom: 37px;
    }

    #becomeOurPartner {
        padding-top: 0px;
    }

    #becomeOurPartner .description {
        background: none;
    }

    #becomeOurPartner .description p {
        width: 728px;
        font-size: 23px;
        font-weight: 500;
        line-height: 180%;
    }

    #becomeOurPartner .join-our-team .foto {
        display: block;
    }

    #becomeOurPartner .description .title,
    #becomeOurPartner .title {
        font-size: 24px;
        line-height: normal;
    }

    #becomeOurPartner .join-our-team p {
        width: 586px;
    }

    #becomeOurPartner .content-button {
        width: 494px;
        height: 89px;
        font-size: 32px;
    }

    #becomeOurPartner .buttons {
        margin-top: 30px;
    }

    #becomeOurPartner .description .text .title {
        font-size: 36px;
    }

    #becomeOurPartner .description .buttons .label-button b {
        font-weight: 600;
    }

    /*become our partner end*/

    /*become our partner start*/
    /*become our partner end*/

    /*our partners start*/
    #partners {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        position: relative;
        margin-top: 12px;
        margin-bottom: 44px;
    }

    #partners .partners_title {
        color: var(--color-blue-1);
        font-family: "Montserrat";
        font-size: 18px;
        font-style: italic;
        font-weight: 600;
        line-height: 22px;
        letter-spacing: 0em;
        text-align: center;
    }

    #partners .carousel {
        display: flex;
        width: 100%;
        max-width: 768px;
    }

    #partners .carousel .carousel-inner .carousel-item img {
        height: 40px;
    }

    #partners .carousel .carousel-control-butt .carousel-control-prev-icon {
        background: url(../images/our_partners/prev.svg);
        width: 24px;
        height: 24px;
    }

    #partners .carousel .carousel-control-butt .carousel-control-next-icon {
        background: url(../images/our_partners/next.svg) no-repeat;
        width: 24px;
        height: 24px;
    }

    #partners .carousel .carousel-control-butt {
        position: static;
        border-radius: 50%;
    }

    #partners .our_partners {
        display: none;
    }

    /*our partners end*/

    /*reference to financial support start*/
    #financialSupport .qr {
        background-image: url(../images/reference_to_financial_support/qr_tablet.png);
        background-image: none;
        background: var(--color-blue-1);
        background-position: center;
        background-size: cover;
        position: relative;
    }

    #financialSupport .qr .qr-img {
        display: block;
        position: absolute;
        width: 107px;
        top: 30px;
        right: 22px;
    }

    #financialSupport .text {
        text-align: left;
        font-family: Montserrat;
        font-size: 20px;
        font-style: italic;
        font-weight: 500;
        padding-top: 12px;
        padding-left: 22px;
        padding-right: 175px;
    }

    #financialSupport .link {
        text-align: center;
        font-size: 32px;
        width: 300px;

    }

    /*reference to financial support end*/

    /*specialty start*/
    #specialty {
        margin-top: 78px;
    }

    #specialty .cards .programing,
    #specialty .cards .testing {
        margin-top: 54px;
    }

    #specialty .cards .testing .card-descripton {
        margin-top: 23px;
        font-size: 11px;
    }

    #specialty .cards .row {
        max-width: 700px;
        justify-content: space-evenly !important;
        align-items: center;
    }

    #specialty .specialty-tittle {
        background: url(../images/specialty/border_icons_tablet.webp) no-repeat;
        background-size: cover;
        width: 734px;
        height: 710px;
    }

    #specialty .specialty-tittle .title {
        font-size: 45px;
        font-weight: 400;
    }

    #specialty .specialty-tittle .description {
        font-size: 28px;
        font-weight: 400;
        width: 492px;
        height: 68px;
        margin-top: 57px;
    }

    #specialty .specialty-tittle .professions {
        font-size: 48px;
        width: 506px;
        height: 384px;
        line-height: 82px;
    }

    #specialty .specialty-tittle .description-bottomn {
        position: absolute;
        bottom: 0;
        margin-bottom: 120px;
        width: 668px;
    }

    .custom-modal-dialog {
        width: 677px;
        height: 960px;
    }

    .modal-body .form-item input,
    .modal-body .form-item textarea,
    .modal-body .form-item .city {
        font-size: 16px;
        width: 517px;
        height: 38px;
        margin-bottom: 20px;
    }

    .modal-body .form-item textarea {
        height: 40px;
    }

    .formCheck {
        font-size: 14px;
    }

    .modal .modal-dialog .modal-content .modal-header h2 {
        font-size: 24px;
    }

    .modal-header {
        height: 37x;
    }

    .modal-header .btn-close {
        margin-right: 17px;
        margin-top: 10px;
        background: url(../images/forms/closeTablet.png);
        background-repeat: repeat;
        background-size: contain;
        width: 30px;
        height: 30px;
        padding: 0;
    }

    .modal-body {
        padding: 0 80px;
    }

    .form-label {
        font-size: 18px;
        font-weight: 400;
    }

    .modal-body h3 {
        font-size: 18px;
        font-weight: 500;
    }

    .form-button {
        width: 271px;
        height: 53px;
        font-size: 22px;
        margin-top: 10px;
    }

    .form-seeds {
        width: 72px;
        height: 65px;
        margin-bottom: 50px;
        margin-right: 80px;
    }

    #partnerModal .custom-modal-dialog,
    #mentorModal .custom-modal-dialog {
        height: 723px;
    }

    #partnerModal .modal-body,
    #mentorModal .modal-body {
        height: 560px;
    }

    #partnerModal .modal-header,
    #mentorModal .modal-header {
        height: 73px;
    }

    .required-tip {
        font-size: 14px;
    }

    .required-tip::before {
        font-size: 20px;
        margin-right: 4px;
    }

    .thanx-modal {
        width: 370px;
        height: 330px;
    }

    .thanx-modal .modal-header {
        background: url(../images/forms/thanxBackgroundDesktop.png) no-repeat;
        height: 94px;
    }

    .thanx-modal .modal-body .title {
        font-size: 24px;
        margin-top: 39px;
    }

    .thanx-modal .modal-footer button {
        width: 270px;
        height: 53px;
        font-size: 22px;
    }

    .thanx-modal .modal-footer {
        margin-top: 20px;
    }


    .modals {
        max-width: 768px;
        width: 768px;
        height: 695px;
    }

    #modalWithModals .modals-header {
        height: 174px;
        align-items: center;
    }

    #modalWithModals .modals-header .flag-line,
    #modalWithModals .modals-menu .flag-line {
        width: 668px;
        height: 3px;
    }

    #modalWithModals .modals-menu {
        height: 414px;
        gap: 19px;
    }

    #modalWithModals .modals-header h2 {
        padding-top: 35px;
        font-size: 40px;
    }

    #modalWithModals .modals-header h3 {
        font-size: 48px;
    }

    #modalWithModals .modals-menu h4 {
        font-size: 36px;
    }

    #modalWithModals .menu_description-en h4 {
        font-size: 30px;
        margin-top: 18px;
    }

    #modalWithModals .modals-menu .form-button {
        width: 352px;
        height: 75px;
        font-weight: 500;
        font-size: 24px;
    }

    #modalWithModals .modals-footer .icon-link img {
        width: 50px;
        height: 50px;
    }

    #modalWithModals .modals-footer {
        height: 104px;
    }

    #modalWithModals .modals-header .btn-close {
        width: 30px;
        height: 30px;
    }

    #modalWithModals .modals-header .burder-menu-text1 {
        margin: 0 auto;
        width: 382px;
    }

    #modalWithModals .dropdown-btn-burger img {
        width: 71px;
        height: 31px;
        margin-left: 20px;
        margin-top: 20px;
    }

    #modalWithModals .dropdown-content img {
        width: 71px;
        height: 31px;
        margin-left: 20px;
    }

    /*specialty end*/

    /* banner start */
    #banner {
        background: url(../images/banner/banner_background_tablet.webp);
        background-position: center;
        background-size: cover;
        height: calc(20.8vw*1.4);
        padding-top: 1.3vw;
    }

    #banner .banner-academy-logo {
        width: calc(12.89vw*1.2);
        top: calc(1.17vw*1.2);
        left: calc(1.17vw*1.2);
    }

    #banner .banner-academy-logo .banner-academy-logo-img {
        height: calc(5vw*1.2);
    }

    #banner .banner-academy-logo .banner-academy-logo-txt {
        font-size: calc(1.37vw*1.2);
    }

    #banner .banner-academy-logo .banner-academy-logo-txt .banner-academy-logo-txt-bold {
        font-size: calc(1.46vw*1.2);
    }

    #banner .banner-content .banner-ukr-txt {
        font-size: calc(1.3vw*1.2);
        line-height: 1em;
        margin-bottom: calc(0.1vw*1.2);
    }

    #banner .banner-content .banner-line {
        width: calc(15vw*1.2);
        margin-bottom: calc(0.5vw*1.2);
    }

    #banner .banner-content .banner-control-txt {
        font-size: calc(1.38vw*1.2);
        line-height: 1em;
        margin-bottom: calc(1.15vw*1.2);
    }

    #banner .banner-content .banner-department-txt-wrapper {
        width: calc(34.5vw*1.2);
        height: calc(4.8vw*1.2);
        margin-bottom: calc(0.2vw*1.2);
    }

    #banner .banner-content .banner-department-txt-wrapper .banner-flag {
        height: calc(4.8vw*1.2);
    }

    #banner .banner-content .banner-department-txt {
        font-size: calc(3.3vw*1.2);
    }

    #banner .banner-content .banner-department-txt-en {
        font-size: calc(3.1vw*1.2);
    }

    #banner .banner-content .banner-department-txt-de {
        font-size: calc(3.1vw*1.1);
    }

    #banner .banner-content .banner-description-txt {
        font-size: calc(1.2vw*1.2);
        margin-bottom: calc(1.3vw*1.2);
        width: calc(36.9vw*1.2);
    }

    #banner .banner-content .banner-button-wrapper {
        width: calc(20.7vw*1.8);
        height: calc(3.7vw*1.8);
    }

    #banner .banner-content .banner-button-wrapper .banner-button-frame {
        width: calc(20.1vw*1.8);
        height: calc(3.32vw*1.8);
    }

    #banner .banner-content .banner-button-wrapper .banner-button {
        width: calc(20.1vw*1.8);
        height: calc(3.32vw*1.8);
        font-size: calc(1vw*1.8);
    }

    #banner .banner-phone {
        left: 73.5vw;
        bottom: calc(4.5vw*1.2);
    }

    #banner .banner-phone .banner-phone-img {
        height: calc(2.1vw*1.2);
        margin-right: 0.73vw;
    }

    #banner .banner-phone .banner-phone-number {
        font-size: calc(1.4vw*1.2);
    }

    /* banner end */

    /*footer start*/

    #footer .footer_contacts_inner {
        flex-direction: column-reverse;
        order: 0;
    }

    .scroll-to-top-btn {
        position: fixed;
        display: flex;
        bottom: 530px;
        right: 14px;
        font-size: 10px;
        width: 50px;
        height: 50px;
        background-image: url(../images/footer/arrow\ button1.svg);
        transform: scale(0.7);

        padding: 10px 15px;
        border: none;
        background-color: var(--color-blue-2);
        border-radius: 50%;
        color: var(--color-white);
        cursor: pointer;
        z-index: 1000;
    }

    .tablet-only {
        display: flex;
    }

    #footer .footer_contacts .question {
        display: none;
    }

    #footer .question {
        min-width: 768px;
        display: flex;
        justify-content: center;
    }

    #footer .footer_button-links {
        width: 438px;
    }

    #footer .footer_link {
        order: 1;
        color: var(--color-blue-1);
    }

    #footer .footer_socials_title {
        font-size: 28px;
        color: var(--color-white);
        order: 2;
        margin-bottom: 0;
    }

    #footer .question_text {
        max-width: 600px;
        margin-top: 25px;
        line-height: 1.5;
        font-size: 20px;
        color: var(--color-white);
    }

    #footer .footer_social-networks-title {
        margin-bottom: 0;
        color: var(--color-blue-1);
        font-size: 25px;
    }

    #footer .footer_social-networks {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
    }

    #footer .footer_button-links {
        gap: 20px;
    }

    #footer .footer_end {
        background-color: var(--color-blue-1);
        height: 55px;
    }

    #footer .end_text {
        font-weight: 400;
        line-height: 19.5px;
        font-size: 16px;
        margin-top: 15px;
        color: var(--color-yellow);
    }

    /*footer end*/
}

/*============================  992 px========================*/
@media (min-width: 1024px) {

    /*header start*/
    #header .navbar .bg-body-tertiary .navbar-expand-xl {
        display: flex;
        flex-wrap: inherit;
        align-items: center;
        justify-content: space-between;
    }

    #header .navbar-expand-xl .navbar-nav {
        display: flex;
        justify-content: center !important;
        gap: 4vw;
    }

    #header .container-fluid {
        width: 100%;
        padding: 0 !important;
        margin: 0;
    }

    #header .offcanvas-body {
        top: 5px;
        left: 30px;
        padding: 0;
        margin: 0;
        overflow: visible;
        margin-right: 15px;
        position: unset;
    }

    #header .foto-swallow {
        display: flex;
        width: 100px;
        height: 100px;
        flex-shrink: 0;
        padding: 0;
    }

    #header .offcanvas.offcanvas-end {
        display: flex;
    }

    #header .dropdown {
        height: 55px;
        order: -1;
        align-items: center;
    }

    #header .dropdown-list {
        width: 317px;
    }

    .dropdown-toggle::after {
        margin-left: 3px;
        vertical-align: 4px;
        position: relative;
        top: 30%;
    }

    #header .navbar-nav .dropdown-menu {
        width: 325px;
    }

    #header .offcanvas-body .nav-item .dropdown-item {
        margin: 0;
        padding: 0;
        width: 290px;
        display: inline-block;
        font-size: 18px;
        text-align: left;
    }

    #header .navbar-toggler {
        border: none !important;
    }

    #header.offcanvas-header {
        display: none !important;
    }

    #header .icon-link {
        display: none;
    }

    #header .offcanvas-header {
        display: none;
    }

    #header .nav-link,
    #header .nav-links {
        display: flex;
        position: relative;
        left: 8px;
        color: var(--color-blue-1);
        font-family: Montserrat;
        font-size: 26px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        align-items: center;
    }

    #header .dropdown-toggle {
        margin: 0;
    }

    #header .horizontal-line {
        display: none;
    }

    #header .horizontal-line1 {
        display: none;
    }

    #header .dropdown select {
        width: 100%;
        padding: 10px;
        font-size: 16px;
        box-sizing: border-box;
    }

    #header .dropdown select:focus {
        outline: none;
    }

    #header .dropdown-btn {
        display: flex;
        padding: 12px 20px;
        font-size: 16px;
        cursor: pointer;
        margin-top: 10px;
    }

    #header .dropdown-btn img {
        width: 50px;
        position: relative;
        top: 15px;
        left: 22px;
    }

    #header .dropdown-content {
        display: none;
        position: absolute;
        top: 41px;
        left: 46px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        z-index: 1;
    }

    #header .dropdown-content img {
        display: block;
        width: 50px;
        height: auto;
        margin-top: 3px;
        margin-left: -4px;
    }

    #header .language-dropdown:hover .dropdown-content {
        display: block;
        margin-top: 13px;
    }

    #header .language-dropdown:hover .dropdown-content a {
        padding-bottom: 4px;
    }

    #header .language-dropdown-burger {
        display: none;
    }

    #header .navbar .container-fluid .navbar-toggler {
        display: block;
    }
}

/*header end*/

/*============================ Desktop 1024 px========================*/

@media (min-width: 1024px) {

    #header .offcanvas-body .nav-item .nav-link,
    #header .offcanvas-body .nav-item .dropdown-item {
        width: 100%;
    }

    #header .language-dropdown {
        position: absolute;
        top: 10px;
        right: 10px;
    }

    #header .navbar .container-fluid .offcanvas {
        display: block;
    }

    #header .navbar .container-fluid .navbar-toggler {
        display: none;
    }

    #header .foto-swallow {
        display: flex;
        position: relative;
        top: 34px;
        left: 32px;
        width: 90px;
        height: 90px;
        flex-shrink: 0;
    }

    .navbar-expand-xl .navbar-nav {
        flex-direction: row;
    }

    .navbar-expand-xl .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none;
    }

    /*main-block start*/
    #mainblock .mainblock {
        background: url(../images/Main_block/main-background.webp);
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 48.6vw;
        margin: 0 auto;
        position: relative;
    }

    #mainblock .flag-backgroud {
        position: absolute;
        top: 93px;
        width: calc(100% - 60px);
        z-index: 1;
    }

    #mainblock .social {
        display: block;
        position: absolute;
        right: 10px;
        left: unset;
        top: 50px;
        top: 10%;
        bottom: unset;
    }

    #mainblock .social-list__item img {
        display: block;
        width: 40px;
        height: 40px;
    }

    #mainblock .social-list {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        top: 42px;
        transition: 0.3s all;
        justify-content: space-between;
        justify-content: flex-end;
        gap: 2.9vw;
    }

    #mainblock .social-list-active {
        top: 85px;
        gap: 2.1vw;
    }

    #mainblock .work_it .work_it_linc .garanty {
        width: 17.54vw;
        height: 5.4vw;
        border-radius: 1.1vw;
        right: 9.08vw;
        bottom: 6.93vw;
        padding-top: 0.3vw;
    }

    #mainblock .work_it .work_it_linc .garanty .garanty-txt {
        font-size: 1.95vw;
        width: 15vw;
        ;
        margin: 0 auto;
    }

    #mainblock .work_it .work_it_linc .garanty .garanty-txt-italic {
        font-family: "Montserrat Medium";
        font-size: 0.97vw;
    }

    #mainblock .text {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        z-index: 2;
    }

    #mainblock .text_1 {
        color: var(--color-blue-1);
        font-family: Pacifico;
        font-size: 50px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.74;
        position: relative;
        left: 22px;
        bottom: 4px;
    }

    #mainblock .text_2 {
        color: var(--color-blue-1);
        font-family: Yeseva One;
        font-size: 170px;
        font-style: normal;
        font-weight: 400;
        line-height: 0.7;
        margin-bottom: 41px;
    }

    /*main block end*/

    /*registration start*/
    #registration .container_rg {
        width: 100%;
        height: 500px;
        text-align: center;
    }

    #registration .text_1 {
        color: var(--color-blue-1);
        font-family: Montserrat;
        font-size: 38px;
        font-style: normal;
        font-weight: 500;
        line-height: 1.5em;
        padding: 28px 5% 0px;
    }

    #registration .register-btn {
        width: 414px;
        height: 90px;
        padding: 15px 0px;
        background-color: var(--color-blue-2);
        color: var(--color-white);
        font-size: 32px;
        font-family: Montserrat;
        font-weight: 500;
    }

    #registration .text_2 {
        font-family: Montserrat;
        font-size: 28px;
        font-style: normal;
        font-weight: 600;
    }

    /*registration end*/

    /*about the program start*/
    #aboutTheProgram .main_container {
        width: 100%;
        height: 545px;
        background-image: url(../images/about_the_program/background.jpg);
        background-size: cover;
        background-repeat: no-repeat;
    }

    #aboutTheProgram .foto {
        float: right;
        background-image: url(../images/about_the_program/photo_about_the_program_1.png);
        padding: 14.8%;
        margin: 105px 48px 0px 0px;
    }

    #aboutTheProgram .main_unit {
        max-width: 1024px;
        height: 448px;
        margin: 0 auto;
    }

    #aboutTheProgram br {
        display: flex;
    }

    #aboutTheProgram .text {
        background-color: var(--color-grey-2);
    }

    #aboutTheProgram .text-title {
        float: left;
        color: var(--color-blue-1);
        text-align: center;
        font-family: Montserrat;
        font-size: 28px;
        font-style: normal;
        font-weight: 400;
        line-height: 50px;
        width: 565px;
        height: 343px;
        margin: 49px 32px 42px 72px;
        padding: 0;
    }

    /*about the program end*/

    /*video clip start*/
    #video {
        margin-top: 90px;
        margin-bottom: 90px;
    }

    /*video clip end*/

    /*we provide start*/
    #provide .images {
        background-image: url(../images/provide/provide.desktop.png);
        margin: 0 auto;
        width: 904px;
        height: 360px;
        background-size: cover;
        background-repeat: no-repeat;
    }

    #provide .text {
        position: relative;
        bottom: 15px;
        right: 23px;
        color: var(--color-blue-1);
        text-align: center;
        font-family: Montserrat;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    #provide .text1 {
        line-height: 175%;
        padding: 15px 0;
        margin: 24px 35px;
        width: 40%;
        color: var(--color-blue-1);
        font-family: Montserrat;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
    }

    #provide .text1 li {
        font-size: 16px;
        line-height: 28.8px;
    }

    /*we provide end*/

    /*tape with photos start*/
    #photos .images {
        background-image: url(../images/tape_with_photos/photos_desktop.jpg);
        margin-top: 90px;
        background-size: cover;
        display: flex;
        height: 258px;
        flex-shrink: 0;
    }

    /*tape with photos end*/

    /*register.attention start*/
    #registerAttencion .block_registerAttencion {
        display: flex;
        width: 1024px;
        height: 586px;
        justify-content: center;
        flex-direction: row;
        background-image: url(../images/to_register/coat_of_arms_background2.jpg);
        margin: 50px auto;
    }

    #registerAttencion .block_register {
        display: flex;
        width: 444px;
        height: 560px;
        justify-content: space-around;
        flex-direction: column;
        align-items: center;
        padding-bottom: 21px;
    }

    #registerAttencion .block_text {
        display: flex;
        width: 369px;
        height: 71px;
        position: relative;
        top: 122px;
        left: 34px;
    }

    #registerAttencion .block_text p {
        color: var(--color-blue-1);
        text-align: center;
        font-family: Montserrat;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 35px;
        letter-spacing: -0.36px;
    }

    #registerAttencion .button {
        position: relative;
        background-color: var(--color-blue-2);
        width: 270px;
        height: 53px;
        flex-shrink: 0;
        color: var(--color-white);
        text-align: center;
        font-family: Montserrat;
        font-size: 22px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-decoration: none;
        cursor: pointer;
        gap: 10px;
        left: 34px;
        border-radius: 5px;
        margin-bottom: 0px;
    }

    #registerAttencion .block_attencion {
        display: flex;
        width: 100%;
        height: 473px;
        flex-direction: column;
        background-image: none;
        background-repeat: no-repeat;
        margin: 0 auto;
        background-position: center;
        justify-content: center;
        align-items: center;
    }

    #registerAttencion .block_attencion_text1 {
        display: flex;
        padding: 154px 0px 49px 103px;
        margin: 0px;
    }

    #registerAttencion .block_attencion_text1 .warning-de {
        font-size: 38px;
    }

    #registerAttencion .block_attencion_text1 .warning-en {
        font-size: 40px;
    }

    #registerAttencion .block_attencion_text-en {
        display: flex;
        padding: 154px 0px 55px 71px;
        margin: 0px;
    }

    #registerAttencion .block_attencion_text1 h2 {
        width: 228px;
        flex-shrink: 0;
        color: var(--color-blue-1);
        font-family: Montserrat;
        font-size: 36px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin: 0px;
    }

    #registerAttencion .block_attencion_text-en h2 {
        width: 145px;
        flex-shrink: 0;
        color: var(--color-blue-1);
        font-family: Montserrat;
        font-size: 36px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    #registerAttencion .block_attencion_text2 {
        display: flex;
        width: 517px;
        flex-shrink: 0;
        margin: 0px 0px 0px 46px;
    }

    #registerAttencion .block_attencion_text2 p {
        font-family: Montserrat;
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 190%;
        text-align: center;
        position: relative;
        left: 32px;
        margin: 0px;
    }

    #registerAttencion .hyphenation {
        display: none;
    }

    /*register.attention end*/

    /*resources start*/
    #resources {
        margin-top: 90px;
        margin-bottom: 90px;
    }

    #resources .resources_block {
        width: 904px;
        height: 455px;
    }

    #resources .resources_block-de {
        height: 480px;
    }

    #resources .resources_block-en {
        height: 390px;
    }

    #resources .resources_block p {
        width: 859px;
        font-size: 26px;
        font-weight: 600;
        line-height: 180%;
    }

    #resources .resources_block b {
        font-size: 26px;
        font-weight: 700;
        line-height: 180%;
    }

    #resources .resources_block img {
        width: 600px;
        height: 140px;
    }

    /*resources end*/

    /*become our partner start*/
    #becomeOurPartner {
        padding-top: 0px;
        padding-bottom: 0;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
    }

    #becomeOurPartner .join-our-team,
    #becomeOurPartner .description {
        height: 1000px;
        width: 452px;
    }

    #becomeOurPartner .join-our-team-de,
    #becomeOurPartner .description-de {
        height: 1050px;
    }

    #becomeOurPartner .join-our-team {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 0;
    }

    #becomeOurPartner .join-our-team .foto {
        margin-top: 50px;
        width: 437px;
        height: 645px;
    }

    #becomeOurPartner .description p {
        font-size: 16px;
        line-height: 230%;
        font-weight: 600;
        width: 446px;
        margin-top: 36px;
        margin-bottom: 36px;
    }

    #becomeOurPartner .buttons {
        margin-bottom: 0;
        margin-top: auto;
    }

    #becomeOurPartner .description .text {
        height: 645px;
    }

    #becomeOurPartner .description .text .title {
        font-size: 33px;
        font-weight: 500;
        margin-top: 0;
        padding-top: 0px;
    }

    #becomeOurPartner .join-our-team p {
        font-size: 20px;
        line-height: 30px;
        width: 505px;
    }

    #becomeOurPartner .join-our-team .join-our-team-label-button-de {
        width: 490px;
    }

    #becomeOurPartner .description .title,
    #becomeOurPartner .title {
        font-size: 16px;
    }

    #becomeOurPartner .content-button {
        width: 432px;
        height: 90px;
        gap: 10px;
        font-size: 30px;
    }

    #becomeOurPartner .description .buttons .label-button b {
        font-size: 20px;
        font-weight: 500;
    }

    /*become our partner end*/

    /*our partners start*/
    #partners {
        margin-top: 137px;
    }

    #partners .carousel {
        display: none;
    }

    #partners .partners_title {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 203px;
        color: var(--color-blue-1);
        font-size: 40px;
        font-weight: 400;
        line-height: 49px;
        letter-spacing: 0em;
        text-align: center;
        position: absolute;
        top: -15%;
    }

    #partners .our_partners {
        display: block;
        background: url(../images/our_partners/border.svg) no-repeat;
        background-size: contain;
        background-position: center;
        width: 1000px;
        height: 382px;
        position: relative;
        overflow: hidden;
    }

    #partners .our_partners .all_icons {
        height: 327px;
        margin-top: 25px;
        margin-bottom: 15px;
    }

    #partners .our_partners .preview_icon {
        display: flex;
        align-items: center;
        height: 347px;
        margin-left: 16px;
    }

    #partners .show-all {
        position: absolute;
        bottom: 0;
        right: 0;
        cursor: pointer;
        margin-right: 20px;
        margin-bottom: 20px;
        font-family: Montserrat;
        font-size: 28px;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: 0em;
    }

    #partners .our_partners .all_icons .row {
        margin: 0;
        margin-left: 15px;
        padding: 0;
    }

    #partners .our_partners .all_icons .central_rows {
        display: flex;
        align-items: center;
        height: 45%;
    }

    #partners .our_partners .all_icons .central_rows .col-md-4 {
        flex: 1;
    }

    /*our partners end*/

    /*reference to financial support start*/
    #financialSupport .qr {
        background-image: url(../images/reference_to_financial_support/qr_desktop.png);
        height: 273px;
        background-size: cover;
        background-repeat: no-repeat;
        max-width: 1060px;
        margin: 0px auto 0px auto;
    }

    #financialSupport .qr .qr-img {
        display: none;
    }

    #financialSupport .text {
        padding-top: 12px;
        padding-right: 416px;
        padding-left: 44px;
        font-family: Raleway;
        font-size: 21px;
        font-style: italic;
        font-weight: 500;
        line-height: 30px;
        width: 950px;
    }

    #financialSupport .text-en {
        padding-right: 430px;
    }

    #financialSupport .text-pl {
        padding-right: 430px;
        padding-left: 35px;
    }

    #financialSupport .link {
        width: 239px;
        font-size: 20px;
        line-height: 24.38px;
        padding: 18.5px 0px;
        margin: 0px 0px 29px 154px;
    }

    /*reference to financial support end*/

    /*specialty start*/
    #specialty {
        margin-top: 108px;
    }

    #specialty .cards .row {
        max-width: 904px;
    }

    #specialty .cards .card {
        background: url(../images/specialty/card_background_desktop.png) no-repeat;
        background-size: cover;
        width: 422px;
        height: 620px;
    }

    #specialty .cards img {
        width: 160px;
        height: 160px;
    }

    #specialty .cards .card-title {
        font-size: 30px;
    }

    #specialty .cards .card .card-descripton {
        font-size: 18px;
        width: 365px;
        font-weight: 600;
    }

    #specialty .cards .card .card-descripton-de {
        margin-top: 15px;
    }

    #specialty .cards .label-button {
        font-size: 16px;
        width: 258px;
        margin-bottom: 143px;
    }

    #specialty .cards button {
        width: 380px;
        height: 90px;
        font-size: 32px;
    }

    #specialty .specialty-tittle {
        background: url(../images/specialty/border_icons_desktop.webp) no-repeat;
        background-size: contain;
        width: 927px;
        height: 572px;
    }

    #specialty .specialty-tittle .title {
        font-size: 42px;
        font-style: italic;
        font-weight: 600;
        top: -5%;
    }

    #specialty .specialty-tittle .description {
        font-size: 20px;
        font-weight: 500;
        margin-top: 29px;
        position: static;
        width: 506px;
    }

    #specialty .specialty-tittle .professions {
        font-size: 40px;
        font-weight: 600;
        line-height: 200%;
        height: 284px;
        margin-bottom: 20px;
    }

    #specialty .specialty-tittle .description-bottomn {
        margin-bottom: 29px;
    }

    .custom-modal-dialog {
        width: 960px;
        height: 1488px;
    }

    .modal-body .form-item input,
    .modal-body .form-item textarea,
    .modal-body .form-item .city {
        font-size: 16px;
        width: 680px;
        height: 57px;
        margin-bottom: 24px;
    }

    .modal-body .form-item textarea {
        height: 163px;
    }

    .formCheck {
        font-size: 18px;
    }

    .modal .modal-dialog .modal-content .modal-header h2 {
        font-size: 40px;
        font-weight: 400;
    }

    .modal-header {
        height: 146px;
    }

    .modal-header .btn-close {
        width: 50px;
        height: 50px;
        margin-right: 17px;
        margin-top: 10px;
        background: url(../images/forms/closeDescktop.png) no-repeat;
    }

    .modal-body {
        padding: 0 140px;
    }

    .form-label {
        font-size: 24px;
        font-weight: 400;
    }

    .modal-body h3 {
        font-size: 24px;
        font-weight: 500;
    }

    .form-button {
        width: 433px;
        height: 70px;
        font-size: 32px;
        margin-top: 50px;
    }

    .form-seeds {
        width: 105px;
        height: 96px;
        margin-bottom: 182px;
        margin-right: 109px;
    }

    #partnerModal .modal-header,
    #mentorModal .modal-header {
        height: 103px;
    }

    #partnerModal .custom-modal-dialog,
    #mentorModal .custom-modal-dialog {
        height: 1156px;
    }

    #partnerModal textarea,
    #mentorModal textarea {
        height: 163px;
    }

    #partnerModal .form-seeds,
    #mentorModal .form-seeds {
        margin-bottom: 120px;
        margin-right: 135px;
    }

    #partnerModal .form-button,
    #mentorModal .form-button {
        margin: 0;
    }

    #partnerModal .modal-body,
    #mentorModal .modal-body {
        height: 1100px;
    }

    .required-tip {
        font-size: 16px;
    }

    .required-tip::before {
        font-size: 24px;
        margin-right: 4px;
    }

    .thanx-modal {
        width: 960px;
        height: 634px;
        border-radius: 20px;
        position: relative;
    }

    .thanx-modal .modal-header {
        background: url(../images/forms/thanxBackgroundDesktop.png) no-repeat;
        height: 446px;
    }

    .thanx-modal .modal-body {
        position: absolute;
        top: 0;
        margin-top: 223px;
        margin-left: 83px;
    }

    .thanx-modal .modal-body p {
        font-size: 40px;
    }

    .thanx-modal .modal-body .title {
        font-size: 64px;
        margin-top: 0;
    }

    .modal {
        --bs-modal-width: 960px;
    }

    .thanx-modal .modal-footer {
        margin-top: 68px;
    }

    .thanx-modal .modal-footer button {
        width: 300px;
        height: 70px;
        font-size: 30px;
    }

    #modalWithModals .modals-menu {
        gap: 22px;
    }

    /*specialty end*/

    /* banner start */
    #banner {
        background: url(../images/banner/banner_background_desktop.webp);
        background-position: center;
        background-size: cover;
        height: 20.8vw;
        padding-top: 1.3vw;
    }

    #banner .banner-academy-logo {
        width: 12.89vw;
        top: 1.17vw;
        left: 1.17vw;
    }

    #banner .banner-academy-logo .banner-academy-logo-img {
        height: 5vw;
    }

    #banner .banner-academy-logo .banner-academy-logo-txt {
        font-size: 1.37vw;
    }

    #banner .banner-academy-logo .banner-academy-logo-txt .banner-academy-logo-txt-bold {
        font-size: 1.46vw;
    }

    #banner .banner-content .banner-ukr-txt {
        font-size: 1.3vw;
        line-height: 1em;
        margin-bottom: 0.1vw;
    }

    #banner .banner-content .banner-line {
        width: 15vw;
        margin-bottom: 0.5vw;
    }

    #banner .banner-content .banner-control-txt {
        font-size: 1.38vw;
        line-height: 1em;
        margin-bottom: 1.15vw;
    }

    #banner .banner-content .banner-department-txt-wrapper {
        width: 34.5vw;
        height: 4.8vw;
        margin-bottom: 0.2vw;
    }

    #banner .banner-content .banner-department-txt-wrapper-de {
        width: 36.5vw;
    }

    #banner .banner-content .banner-department-txt-wrapper .banner-flag {
        height: 4.8vw;
    }

    #banner .banner-content .banner-department-txt {
        font-size: 3.3vw;
    }

    #banner .banner-content .banner-department-txt-en {
        font-size: 3.1vw;
    }

    #banner .banner-content .banner-department-txt-de {
        font-size: 3.1vw;
    }

    #banner .banner-content .banner-description-txt {
        font-size: 1.2vw;
        margin-bottom: 1.3vw;
        width: 36.9vw;
    }

    #banner .banner-content .banner-button-wrapper {
        width: 20.7vw;
        height: 3.7vw;
    }

    #banner .banner-content .banner-button-wrapper .banner-button-frame {
        width: 20.1vw;
        height: 3.32vw;
    }

    #banner .banner-content .banner-button-wrapper .banner-button {
        width: 20.1vw;
        height: 3.32vw;
        font-size: 1vw;
    }

    #banner .banner-phone {
        left: 67.5vw;
        bottom: 1.89vw;
    }

    #banner .banner-phone .banner-phone-img {
        height: 2.1vw;
    }

    #banner .banner-phone .banner-phone-number {
        font-size: 1.4vw;
    }

    /* banner end */

    /*footer start*/
    .scroll-to-top-btn {
        bottom: 351px;
        right: 14px;
    }

    #footer .footer_button-links {
        order: -1;
        flex-direction: row;
        justify-content: center;
        gap: 32px;
        border: 0;
        padding: 0;
    }

    #footer .footer_button-link {
        color: var(--color-blue-1);
        font-size: 18px;
        line-height: 21.94px;
        font-weight: 500;
        text-decoration: none;
    }

    #footer .footer_contacts {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
    }

    #footer .footer_contacts_inner {
        margin: 10px 0px 0px 35px;
        flex-direction: column-reverse;
        align-items: flex-start;
        min-width: 400px;
    }

    #footer .question {
        min-width: 481.52px;
        order: 2;
    }

    #footer .footer_social-list {
        justify-content: start;
    }

    #footer .footer_socials_title {
        color: var(--color-white);
        font-size: 24px;
        margin-bottom: 0;
        line-height: 29.26px;
    }

    #footer .footer_social-list .nomer {
        color: var(--color-white);
        font-size: 24px;
    }

    #footer .footer_social-networks {
        display: flex;
        justify-content: center;
        gap: 14px;
        align-items: center;
    }

    #footer .question_text {
        font-size: 24px;
        line-height: 29.26px;
        font-weight: 500;
        color: var(--color-white);
        text-align: left;
    }

    #footer .footer_link {
        font-size: 24px;
        margin: 12px 0px 20px 0px;
    }

    #footer .footer_social-networks-title {
        margin-bottom: 0;
        font-size: 32px;
        color: var(--color-blue-1);

    }

    #footer .footer_contacts .question {
        display: block;
    }

    #footer .question {
        display: none;
    }

    #footer .end_text {
        font-weight: 500;
        line-height: 29.29px;
        font-size: 24px;
        margin-top: 11px;
        color: var(--color-yellow);
    }

    #footer .footer_end {
        background-color: var(--color-blue-1);
        height: 57px;
    }

    /*footer end*/
}

/*===============================page 404 ============================*/
* {
    margin: 0px;
    padding: 0px;
    box-shadow: none !important;
    border: none;
}

/*main-block start*/
#mainblock404 .mainblock {
    background: url(../images/Main_block/main-background-tablet.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0;
    width: 100%;
    height: 359px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

#mainblock404 .flag-backgroud {
    position: absolute;
    bottom: 50px;
    width: 100%;
    z-index: 1;
}

#mainblock404 .social {
    display: none;
}

#mainblock404 .social-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 14px;
}

#mainblock404 .social-list__item img {
    display: block;
    width: 20px;
    height: 20px;
}

#mainblock404 .text {
    position: absolute;
    top: 36%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 2;
}

#mainblock404 .text_1 {
    width: 321px;
    color: var(--color-blue-1);
    text-align: center;
    font-family: "Yeseva One";
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

#mainblock404 .text_2 {
    color: var(--color-blue-1);
    font-family: Yeseva One;
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 0.7;
    padding-top: 8px;
}

#mainblock404 .text_3 {
    display: none;
}

#mainblock404 .button {
    display: flex;
    background-color: var(--color-blue-2);
    width: 230px;
    height: 55px;
    flex-shrink: 0;
    color: var(--color-white);
    text-align: center;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    align-items: center;
    justify-content: center;
    border: none;
    text-decoration: none;
    cursor: pointer;
    padding: 15px 10px;
    margin: 204px auto 0px;
}

/*main block end*/

/*footer start*/

#footer404 {
    font-family: Montserrat;
    background-color: var(--color-footer);
    padding: 20px 0 0 0;
}

#footer404 .footer_contacts {
    display: flex;
    flex-direction: column;
}

#footer404.footer_contacts_inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#footer404 .wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

#footer404 .content {
    display: flex;
    justify-content: center;
    align-items: center;
}

#footer404 .footer_content {
    display: flex;
    flex-direction: column;
}

#footer404 .footer_flx {
    display: flex;
    flex-direction: column;
}

#footer404 .question {
    margin-bottom: 20px;
}

#footer404 .question_text {
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-blue-1);
    font-size: 12px;
    line-height: 14.63px;
    font-weight: 500;
    margin-bottom: 0;
}

#footer404 .footer_link {
    text-align: center;
    text-decoration: none;
    color: var(--color-white);
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
}

#footer404 .footer_social-list {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    gap: 14px;
}

#footer404 .footer_button-links {
    display: flex;
    width: 318.75px;
    flex-direction: column;
    align-items: center;
    border-width: 1px 0;
    border-color: var(--color-yellow);
    border-style: solid;
    padding: 10px 0;
    margin: 10px auto;
}

#footer404 .footer_button-link {
    color: var(--color-blue-1);
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
}

#footer404 .footer_social-networks-title {
    color: var(--color-white);
    font-size: 18px;
    font-weight: 400;
    text-align: center;
}

#footer404 .footer_logo {
    margin: 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
}

#footer404 .footer_logo a {
    color: var(--color-white);
    font-size: 12px;
}

#footer404 .social-networks__list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
}

#footer404 .social-networks__list a {
    text-decoration: none;
}

#footer404 .social-list__item {
    list-style-type: none;
    margin-right: 10px;
}

#footer404 .number {
    font-size: 16px;
    font-weight: bold;
    color: var(--color-blue-1);
}

#footer404 .social-list__whatsapp img {
    width: 24px;
    height: 24px;
}

#footer404 .footer_end {
    background-color: var(--color-blue-1);
    height: 30px;
}


#footer404 .end_flx {
    display: flex;
    justify-content: center;
}

#footer404 .end_text {
    font-size: 10px;
    margin-top: 5px;
    color: var(--color-yellow);
}

/*footer end*/

/*============================ Tablet 768 px========================*/
@media (min-width: 768px) {

    /*main-block start*/
    #mainblock404 .mainblock {
        background: url(../images/Main_block/main-background-tablet.png) no-repeat cover;
        height: 1024px;
        position: relative;
    }

    #mainblock404 .flag-backgroud {
        width: 100%;
        position: absolute;
        bottom: -64px;
    }

    #mainblock404 .social {
        display: none;
    }

    #mainblock404 .text_1 {
        width: 626px;
        font-family: "Pacifico";
        font-size: 64px;
        white-space: nowrap;
        padding: 14px 7px 22px 0px;
    }

    #mainblock404 .text_2 {
        display: none;
    }

    #mainblock404 .text_3 {
        display: flex;
        justify-content: center;
        color: var(--color-blue-1);
        width: 666px;
        font-family: Montserrat;
        font-size: 64px;
        font-weight: 700;
        line-height: 78px;
        letter-spacing: 0em;
        text-align: left;

    }

    #mainblock404 .button {
        display: flex;
        background-color: var(--color-blue-2);
        width: 322px;
        height: 59px;
        flex-shrink: 0;
        color: var(--color-white);
        text-align: center;
        font-family: Montserrat;
        font-size: 22px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        align-items: center;
        border: none;
        text-decoration: none;
        cursor: pointer;
        padding: 15px 10px;
        justify-content: center;
        border-radius: 5px;
        margin-top: 561px;
    }

    /*main block end*/

    #footer404 .footer_contacts_inner {
        flex-direction: column-reverse;
        order: 0;
    }

    .tablet-only {
        display: flex;
    }

    #footer404 .footer_contacts .question {
        display: none;
    }

    #footer404 .question {
        min-width: 768px;
        display: flex;
        justify-content: center;
    }

    #footer404 .footer_button-links {
        width: 438px;
    }

    #footer404 .footer_link {
        order: 1;
        color: var(--color-blue-1);
    }

    #footer404 .footer_socials_title {
        font-size: 28px;
        color: var(--color-white);
        order: 2;
        margin-bottom: 0;
    }

    #footer404 .question_text {
        max-width: 600px;
        margin-top: 25px;
        line-height: 1.5;
        font-size: 20px;
        color: var(--color-white);
    }

    #footer404 .footer_social-networks-title {
        margin-bottom: 0;
        color: var(--color-blue-1);
        font-size: 25px;
    }

    #footer404 .footer_social-networks {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
    }

    #footer404 .footer_button-links {
        gap: 20px;
    }

    #footer404 .footer_end {
        background-color: var(--color-blue-1);
        height: 55px;
    }

    #footer404 .end_text {
        font-weight: 400;
        line-height: 19.5px;
        font-size: 16px;
        margin-top: 15px;
        color: var(--color-yellow);
    }

    /*footer end*/
}

/*============================ Desktop 1024 px========================*/
@media (min-width: 1024px) {

    /*main-block start*/
    #mainblock404 .mainblock {
        display: flex;
        flex-direction: column-reverse;
        background: url(../images/Main_block/main-background.webp);
        background-repeat: no-repeat;
        background-size: cover;
        max-width: 100%;
        height: 48.6vw;
        margin: 0 auto;
        position: relative;
    }

    #mainblock404 .flag-backgroud {
        top: 72px;
        width: calc(100% - 60px);
        z-index: 1;
    }

    #mainblock404 .social {
        display: block;
        position: absolute;
        right: 10px;
        left: unset;
        top: 50px;
        top: 10%;
        bottom: unset;
    }

    #mainblock404 .social-list__item img {
        display: block;
        width: 40px;
        height: 40px;
    }

    #mainblock404 .social-list {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        top: 42px;
        transition: 0.3s all;
        justify-content: space-between;
        justify-content: flex-end;
        gap: 2.9vw;
    }

    #mainblock404 .social-list-active {
        top: 80px;
        gap: 2.1vw;
    }

    #mainblock404 .text {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        z-index: 2;
    }

    #mainblock404 .text_1 {
        width: 726px;
        color: var(--color-blue-1);
        font-family: Yeseva One;
        font-size: 64px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.74;
        position: relative;
        bottom: 10px;
        padding: 0px;
    }

    #mainblock404 .text_2 {
        display: flex;
        color: var(--color-blue-1);
        font-family: Yeseva One;
        font-size: 128px;
        font-style: normal;
        font-weight: 400;
        line-height: 0.7;
        margin-left: 245px;
    }

    #mainblock404 .text_3 {
        display: none;
    }

    #mainblock404 .button {
        position: relative;
        background-color: var(--color-blue-2);
        width: 281px;
        height: 65px;
        flex-shrink: 0;
        color: var(--color-white);
        text-align: center;
        font-family: Montserrat;
        font-size: 30px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-decoration: none;
        cursor: pointer;
        top: 80px;
        margin: 0 auto;
        gap: 10px;
        border-radius: 5px;
        z-index: 9;
    }

    /*main block end*/

    /*footer start*/

    #footer404 {
        margin-top: auto;
    }

    #footer404 .footer_button-links {
        order: -1;
        flex-direction: row;
        justify-content: center;
        gap: 32px;
        border: 0;
        padding: 0;
    }

    #footer404 .footer_button-link {
        color: var(--color-blue-1);
        font-size: 18px;
        line-height: 21.94px;
        font-weight: 500;
        text-decoration: none;
    }

    #footer404 .footer_contacts {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
    }

    #footer404 .footer_contacts_inner {
        margin: 10px 0px 0px 35px;
        flex-direction: column-reverse;
        align-items: flex-start;
        min-width: 400px;
    }

    #footer404 .question {
        min-width: 481.52px;
        order: 2;
    }

    #footer404 .footer_social-list {
        justify-content: start;
    }

    #footer404 .footer_socials_title {
        color: var(--color-white);
        font-size: 24px;
        margin-bottom: 0;
        line-height: 29.26px;
    }

    #footer404 .footer_social-list .nomer {
        color: var(--color-white);
        font-size: 24px;
    }

    #footer404 .footer_social-networks {
        display: flex;
        justify-content: center;
        gap: 14px;
        align-items: center;
    }

    #footer404 .question_text {
        font-size: 24px;
        line-height: 29.26px;
        font-weight: 500;
        color: var(--color-white);
        text-align: left;
    }

    #footer404 .footer_link {
        font-size: 24px;
        margin: 12px 0px 20px 0px;
    }

    #footer404 .footer_social-networks-title {
        margin-bottom: 0;
        font-size: 32px;
        color: var(--color-blue-1);

    }

    #footer404 .footer_contacts .question {
        display: block;
    }

    #footer404 .question {
        display: none;
    }

    #footer404 .end_text {
        font-weight: 500;
        line-height: 29.29px;
        font-size: 24px;
        margin-top: 11px;
        color: var(--color-yellow);
    }

    #footer404 .footer_end {
        background-color: var(--color-blue-1);
        height: 57px;
    }

    /*footer end*/
}