body {
    padding: 0;
    margin: 0;
    font-family: "Inter", sans-serif;
}

a {
    text-decoration: none;
}

header {
    width: 100%;
    background-color: #ecc30b;
}

.head {
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 40px;
}

.head_text__lines {
    background-image: url(assets/icons/lines_under_logo_title.svg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 8px;
    width: 380px;
    margin: auto;
}

.logo_block {
    display: flex;
    justify-content: center;
    width: 310px;
    height: 136px;
}

.head_feedback_link {
    display: flex;
    align-items: center;
    width: 310px;
}

.head_text {
    white-space: nowrap;
    font-size: 36px;
    text-align: center;
    color: white;
}

.head_text span {
    display: block;
}

.head_feedback {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 36px;
    white-space: nowrap;
    font-size: 36px;
    text-align: center;
    border: 3px solid #ffffff;
    border-radius: 20px;
    color: #ffffff;
    transition: color 0.2s;
    margin: 0;
}

.head_feedback span {
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    display: flex;
    align-items: center;
    text-align: center;
}

.head_feedback:hover {
    background-color: white;
    color: #000;
    transition: all 0.2s;
}
.head_menu {
    background-color: #f5e084;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu {
    font-size: 20px;
    text-align: center;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    width: 45vw;
}

.menu a {
    color: black;
    transition: all 0.2s;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu a:hover {
    box-shadow: 0px 1px 0px 0px rgb(88, 88, 88);
    color: rgb(88, 88, 88);
}

.about {
    background-color: #f7f1d5;

    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='50' height='50' viewBox='-570 0 68 1500' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_82_17)'%3e%3cpath d='M186.898 -2.98524L143.207 52.8259C122.834 78.8511 123.44 115.58 144.661 140.919L153.286 151.218C175.378 177.597 175.023 216.119 152.45 242.087L148.68 246.424C127.235 271.093 125.718 307.319 145.025 333.695L158.397 351.962C177.689 378.316 176.191 414.51 154.787 439.181L145.62 449.748C123.634 475.09 122.72 512.467 143.441 538.853L152.709 550.655C173.421 577.03 170.946 614.771 146.967 638.215V638.215C124.151 660.523 120.661 695.999 138.693 722.325L189.85 797.009' stroke='%234A3D03' stroke-width='5'/%3e%3cpath d='M164.898 -2.98524L121.207 52.8259C100.834 78.8511 101.44 115.58 122.661 140.919L131.286 151.218C153.378 177.597 153.023 216.119 130.45 242.087L126.68 246.424C105.235 271.093 103.718 307.319 123.025 333.695L136.397 351.962C155.689 378.316 154.191 414.51 132.787 439.181L123.62 449.748C101.634 475.09 100.72 512.467 121.441 538.853L130.709 550.655C151.421 577.03 148.946 614.771 124.967 638.215V638.215C102.151 660.523 98.6611 695.999 116.693 722.325L167.85 797.009' stroke='%234A3D03' stroke-width='5'/%3e%3cpath d='M212.898 -2.98524L169.207 52.8259C148.834 78.8511 149.44 115.58 170.661 140.919L179.286 151.218C201.378 177.597 201.023 216.119 178.45 242.087L174.68 246.424C153.235 271.093 151.718 307.319 171.025 333.695L184.397 351.962C203.689 378.316 202.191 414.51 180.787 439.181L171.62 449.748C149.634 475.09 148.72 512.467 169.441 538.853L178.709 550.655C199.421 577.03 196.946 614.771 172.967 638.215V638.215C150.151 660.523 146.661 695.999 164.693 722.325L215.85 797.009' stroke='%234A3D03' stroke-width='5'/%3e%3cpath d='M141.898 -2.98524L98.2072 52.8259C77.8341 78.8511 78.4401 115.58 99.6607 140.919L108.286 151.218C130.378 177.597 130.023 216.119 107.45 242.087L103.68 246.424C82.2348 271.093 80.7178 307.319 100.025 333.695L113.397 351.962C132.689 378.316 131.191 414.51 109.787 439.181L100.62 449.748C78.634 475.09 77.72 512.467 98.4409 538.853L107.709 550.655C128.421 577.03 125.946 614.771 101.967 638.215V638.215C79.1509 660.523 75.6611 695.999 93.6935 722.325L144.85 797.009' stroke='%234A3D03' stroke-width='5'/%3e%3cpath d='M99.8975 -2.98524L56.2072 52.8259C35.8341 78.8511 36.4401 115.58 57.6607 140.919L66.2864 151.218C88.3778 177.597 88.0231 216.119 65.4497 242.087L61.6796 246.424C40.2348 271.093 38.7178 307.319 58.0251 333.695L71.3965 351.962C90.6886 378.316 89.1908 414.51 67.7872 439.181L58.6198 449.748C36.634 475.09 35.72 512.467 56.4409 538.853L65.709 550.655C86.4211 577.03 83.9463 614.771 59.9673 638.215V638.215C37.1509 660.523 33.6611 695.999 51.6935 722.325L102.85 797.009' stroke='%234A3D03' stroke-width='5'/%3e%3cpath d='M123.898 -2.98524L80.2072 52.8259C59.8341 78.8511 60.4401 115.58 81.6607 140.919L90.2864 151.218C112.378 177.597 112.023 216.119 89.4497 242.087L85.6796 246.424C64.2348 271.093 62.7178 307.319 82.0251 333.695L95.3965 351.962C114.689 378.316 113.191 414.51 91.7872 439.181L82.6198 449.748C60.634 475.09 59.72 512.467 80.4409 538.853L89.709 550.655C110.421 577.03 107.946 614.771 83.9673 638.215V638.215C61.1509 660.523 57.6611 695.999 75.6935 722.325L126.85 797.009' stroke='%234A3D03' stroke-width='5'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_82_17'%3e%3crect width='248' height='797' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");

    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 90px 50px 170px 50px;
    box-sizing: border-box;
}

.about_title {
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: 500;
    text-align: center;
    font-size: 36px;
    line-height: 38px;
    color: #4a3d03;
}

.about_main {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 200px;
    margin-top: 50px;
}

.about_leftpart_img {
    width: 100%;
    background-color: #b3b3b3;
}

.about_rightpart {
    width: 30%;
    font-family: "Montserrat", sans-serif;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    text-align: justify;
    position: relative;
    z-index: 0;
}

.about_rightpart_text_begin {
    color: #4a3d03;
}

.scinceproblem {
    background-image: url(assets/icons/scienceproblem_back.svg);
    background-color: #5f58c4;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 90px;
    padding-bottom: 170px;
    box-sizing: border-box;
    padding: 90px 50px 170px 50px;
}

.scinceproblem_title {
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 39px;
    text-align: center;
    color: #ffffff;
}

.scinceproblem_main {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 50px;
    gap: 114px;
}

.scinceproblem_leftpart {
    width: 50%;
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    text-align: justify;
    color: white;
    text-shadow: 0px 4px 4px rgba(84, 83, 83, 0.25);
}

.scinceproblem_rightpart_img {
    width: 100%;
    background-color: #56565a;
}

.edition {
    background-color: #faeeb6;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: center;
    padding: 50px 100px 170px 100px;
}

.edition_title {
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 39px;
    text-align: center;
    color: #4a3d03;
}

.editor_block {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 75px;
    margin: 90px 0 0 0;
}

.editor_img {
    min-width: 200px;
    min-height: 200px;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    object-fit: cover;
}

.editor {
    width: 70%;
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
}

.editor_blue {
    color: #4a3d03;
    font-weight: 600;
    font-size: 28px;
}
.show-more-button {
    cursor: pointer;
    margin-top: 10px;
    transition: all 0.2s;
    color: #5953b1;
}
.show-more-button:hover {
    opacity: 0.6;
}
.partners {
    background-color: #ecc30bb9;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 90px 50px 130px 50px;
}

.partners_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 120px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    text-align: center;
    color: #4a3d03;
}

.line1 {
    width: 25vw;
    border: none;
    border-top: 3px solid #4a3d03;
}

.partners_main {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 90px;
    margin-top: 90px;
}

.partner_block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 28px;
}
.partner_block div {
    width: 300px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #4a3d03;
}
.partner {
    display: block;
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 34px;
    text-align: center;
    color: #ffffff;
}

.partner_img {
    width: 220px;
    height: 220px;
    background: white;
    border-radius: 140px;
    object-fit: cover;
    cursor: pointer;
}

footer {
    border-top: 7px solid #ffffff;
    padding: 10px 20px;
    background-color: #ecc30b;
    box-sizing: border-box;
}

.footer {
    margin-top: 20px;
    margin-bottom: 10px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.footer_text_link span {
    text-align: end;
}

.footer_links {
    width: 310px;
    font-weight: 400;
    font-size: 20px;
    display: flex;
    flex-direction: column;
}

.footer_links_text {
    text-align: right;
    font-size: 20px;
    text-decoration: underline;
    margin: 0;
    cursor: pointer;
    color: white;
}
.footer_links_text1 {
    margin-top: 10px;
    text-align: right;
    cursor: pointer;
    color: white;
}
.footer_links_text a {
    color: white;
}
.footer_links_text1 a {
    color: white;
}
.footer_logo_block {
    display: flex;
    justify-content: center;
    width: 310px;
    height: 136px;
}
.hamburger-menu {
    display: none;
}
.year_img_hor {
    display: none;
}
.footer-textbox {
    max-width: 300px;
    width: 100%;
    min-width: 210px;

    color: #ffffff;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-family: "Montserrat";
}
.footer-textbox-box-1 {
}
.footer-textbox-box-2 {
}
.footer_link{
    color: #4a3d03;
    transition: color .3s;
}
.footer_link:hover{
    color: white;
}
@media screen and (max-width: 1350px) {
    .about {
        background-image: none;
    }
}
@media screen and (max-width: 1200px) {
    .head_feedback_link {
        display: none;
    }

    .head {
        justify-content: space-around;
    }
    .head_text {
        text-align: end;
    }
    .head_text__lines {
        display: none;
    }
    .logo_block {
        width: auto;
    }
    .about_main,
    .scinceproblem_main {
        gap: 5%;
    }
    .about_rightpart,
    .scinceproblem_leftpart {
        font-size: 16px;
        font-weight: 500;
        width: 90%;
    }
    .about_title,
    .scinceproblem_title,
    .edition_title,
    .partners_title {
        font-size: 32px;
    }
    .partners_main {
        gap: 50px;
    }

    .footer_logo_block {
        width: 130px;
    }
    .footer {
        justify-content: space-between;
        box-sizing: border-box;
    }
}
@media screen and (max-width: 960px) {
    .about_title,
    .scinceproblem_title,
    .edition_title,
    .partners_title {
        font-size: 28px;
    }
    .about,
    .scinceproblem,
    .partners,
    .edition {
        padding: 50px 90px 100px 90px;
        box-sizing: border-box;
    }
    .about {
        background-position: 46% 0;
    }
    .about_main {
        flex-direction: column;
        row-gap: 40px;
    }
    .scinceproblem_main {
        flex-direction: column-reverse;
        row-gap: 60px;
    }
    .about_leftpart,
    .scinceproblem_rightpart {
        display: flex;
        justify-content: center;
    }
    .about_leftpart_img,
    .scinceproblem_rightpart_img {
        width: 70%;
    }
    .scinceproblem {
        background-position: 50% 0%;
    }
    .editor_block {
        flex-direction: column;
        text-align: center;
        gap: 50px;
    }
    .editor_block:nth-child(odd) {
        flex-direction: column-reverse;
        text-align: center;
    }
    .partners_main {
        gap: 50px;
        justify-content: center;
        flex-wrap: wrap;
    }
    .partner {
        font-size: 24px;
    }

    .line1 {
        width: 18vw;
    }
    .partners_title {
        gap: 50px;
    }
    .footer_links_text,
    .footer_links_text1 {
        font-size: 14px;
    }
    .head_menu,
    .head_text__lines {
        display: none;
    }
    .headerall {
        display: flex;
        justify-content: center;
    }
    .head {
        width: 100%;
        justify-content: space-between;
    }
    .head_text {
        font-size: 3.2vw;
        text-align: center;
    }

    .logo_block {
        display: flex;
        align-items: center;
    }
    .logo_block img {
        width: 130px;
        height: 130px;
    }

    .hamburger-menu {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding-right: 20px;
        box-sizing: border-box;
        width: 130px;
    }
    .editor_blue {
        font-size: 24px;
    }
    .editor {
        font-size: 16px;
    }
}
@media screen and (max-width: 900px){
    .footer-textbox {
        color: #fff;
        font-family: "Commissioner";
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        width: min-content;
    }
}
@media screen and (max-width: 750px) {
    .editor_img {
        min-width: 150px;
        min-height: 150px;
    }
    .partner_img {
        max-width: 400px;
    }
    .partner_img:nth-child(odd) {
        max-width: 450px;
    }
    .head_text {
        font-size: 24px;
    }
    .menu__btn {
        width: 35px;
        min-height: 20px;
    }

    .span-before,
    .span-mid,
    .span-after {
        min-width: 35px;
        height: 2px;
    }
    #menu__toggle:checked ~ .menu__btn .span-mid {
        min-width: 32px;
    }
    #menu__toggle:checked ~ .menu__btn .span-before {
        min-width: 32px;
    }
    #menu__toggle:checked ~ .menu__btn .span-after {
        min-width: 32px;
    }
    .head_text span:first-child {
        display: none;
    }
    .footer {
        justify-content: center;
    }
}
@media screen and (max-width: 670px) {
    .editor_block {
        gap: 30px;
    }
    .head {
        height: 90px;
        padding: 0 0 0 32px;
        box-sizing: border-box;
    }
    .logo_block img {
        width: 90px;
        height: 90px;
    }
    .footer_logo_block {
        height: auto;
    }
    .footer_logo_block img {
        width: 90px;
        height: 90px;
    }
}
@media screen and (max-width: 570px) {
    .head_text_link {
        display: none;
    }
    .partner_img {
        max-width: 300px;
    }
    .partner_img:nth-child(odd) {
        max-width: 350px;
    }
    .line1 {
        display: none;
    }
    .about,
    .scinceproblem,
    .partners,
    .edition {
        padding: 50px 40px 100px 40px;
        box-sizing: border-box;
    }
}
@media screen and (max-width: 420px) {
    .partners_main {
        margin-top: 50px;
    }
    .partner_img {
        max-width: 200px;
    }
    .partner_img:nth-child(odd) {
        max-width: 300px;
    }
}
@media screen and (max-width: 350px) {
    .footer_logo_block{
        display: none;
    }
}

