:root {
    --color-bg: #f4f4f4;
    --color-white: #fbfbfb;
    --color-black: #010102;
    --color-purple: #7178e2;
    --color-purple-dark: #4d56db;
    --color-pink: #f896ec;
    --color-green: #61b124;
    --color-blue: #1677e8;
    --font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --shadow-main: 0px 4px 70px rgba(78.97, 16.73, 203.45, 0.25);
    --shadow-card: 0px 4px 14.3px rgba(169, 137, 251, 1);
}

.entrance {
    font-family: var(--font-family);
    background-color: var(--color-bg);
    color: var(--color-black);
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    padding: 0;
}

.entrance * {
    box-sizing: border-box;
}

.entrance img {
    max-width: 100%;
    height: auto;
    display: block;
}

.entrance a {
    color: inherit;
    text-decoration: none;
}

.entrance h1,
.entrance h2,
.entrance h3,
.entrance h4,
.entrance h5,
.entrance h6 {
    font-weight: 600;
    line-height: 1.1;
    margin: 0;
}

.entrance p {
    margin: 0;
}

.entrance .div-wrapper {
    background-color: var(--color-bg);
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
}

.entrance .frame-36 {
    display: flex;
    z-index: 33;
    align-items: center;
    gap: 6px;
    position: relative;
    top: 50px;
    width: 74%;
    max-width: 1600px;
    margin: 0 auto;
    flex-wrap: nowrap;
}

.entrance .arrow-left-thick {
    position: relative;
    width: 24px;
    top: -4px;
    height: 24px;
}

.entrance .frame-37 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0px 0px 5px;
    position: relative;
    flex: 0 0 auto;
}

.entrance .text-wrapper-38 {
    position: relative;
    align-self: stretch;
    width: 271px;
    margin-top: -1px;
    font-family: "Inter-SemiBold", Helvetica;
    font-weight: 600;
    color: #000000;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 30px;
    white-space: nowrap;
}

.entrance .header-nav {
    margin: 0 1rem;
    display: flex;
    z-index: 33;
    gap: 2vw;
}

.entrance .text-wrapper-39,
.entrance .text-wrapper-40,
.entrance .text-wrapper-41,
.entrance .text-wrapper-42,
.entrance .text-wrapper-43 {
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px;
    white-space: nowrap;
}

.entrance .frame-35 {
    display: inline-flex;
    height: 58px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 32px 12px;
    position: relative;
    z-index: 33;
    border-radius: 100px;
    border: 2px solid;
    border-color: #000000;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
}

.entrance .frame-35:hover {
    background-color: #000000;
}

.entrance .frame-35:hover .text-wrapper-37 {
    color: #ffffff;
}

.entrance .text-wrapper-37 {
    position: relative;
    width: fit-content;
    font-family: "Inter-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 18px;
    text-align: center;
    letter-spacing: 0;
    line-height: 24px;
    white-space: nowrap;
}

.entrance .hero-section {
    position: relative;
    margin: 0 auto 5rem;
    max-width: 1342px;
}

.entrance .frame-8 {
    position: relative;
    top: 0;
    right: 6.2rem;
    width: 115%;
    max-width: 1806px;
    height: auto;
}

.entrance .element-6 {
    position: relative;
    font-family: "Inter-SemiBold", Helvetica;
    font-weight: 600;
    color: #000000;
    font-size: 64px;
    letter-spacing: 0;
    line-height: 75px;
    white-space: nowrap;
}

.entrance .frame-52, .entrance .frame-53, .entrance .frame-54 {
    display: flex;
    flex-direction: column;
    width: 432px;
    height: 229px;
    align-items: flex-start;
    gap: 11px;
    padding: 19px 32px 24px;
    position: absolute;
    top: 1253px;
    border-radius: 5px;
    border: 2px solid;
    border-color: var(--color-purple-dark);
    background: var(--color-white);
}

.entrance .frame-52 {
    margin: 1rem 0 2rem;
}

.entrance .frame-53 {
    left: 456px;
    margin: 1rem 0 2rem;
}

.entrance .frame-54 {
    left: 910px;
    margin: 1rem 0 2rem;
}

.entrance .text-wrapper-67 {
    position: relative;
    width: 254px;
    margin-top: -1px;
    font-family: "Inter-Bold", Helvetica;
    font-weight: 700;
    color: var(--color-purple-dark);
    font-size: 40px;
    letter-spacing: 0;
    line-height: 40px;
}

.entrance .text-wrapper-68 {
    position: relative;
    width: 254px;
    height: 24px;
    font-family: "Inter-Bold", Helvetica;
    font-weight: 700;
    color: #000000;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 24px;
    white-space: nowrap;
}

.entrance .text-wrapper-69,
.entrance .text-wrapper-70 {
    position: relative;
    display: flex;
    align-items: flex-end;
    width: 244px;
    height: 89px;
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px;
}

.entrance .text-wrapper-71 {
    position: relative;
    width: 254px;
    height: 23px;
    font-family: "Inter-Bold", Helvetica;
    font-weight: 700;
    color: #000000;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 24px;
    white-space: nowrap;
}

.entrance .text-wrapper-72 {
    position: relative;
    display: flex;
    align-items: flex-end;
    align-self: stretch;
    height: 89px;
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px;
}

.entrance .section-programs {
    position: relative;
    top: 220px;
    margin: 5rem auto;
    padding-bottom: 7rem;
    max-width: 1342px;
}

.entrance .text-wrapper-8 {
    position: absolute;
    top: -2px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(180deg, rgba(224, 218, 238, 1) 0%, rgba(244, 244, 244, 1) 100%);
    -webkit-background-clip: text !important;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "Inter-SemiBold", Helvetica;
    font-weight: 600;
    color: transparent;
    font-size: 125.9px;
    text-align: center;
    letter-spacing: 0;
    line-height: 125.9px;
    white-space: nowrap;
}

.entrance .text-wrapper-16 {
    position: relative;
    top: 200px;
    left: calc(50% - 668px);
    font-family: "Inter-SemiBold", Helvetica;
    font-weight: 600;
    color: #000000;
    font-size: 64px;
    letter-spacing: 0;
    line-height: 75px;
    white-space: nowrap;
}

.entrance .text-wrapper-9 {
    position: relative;
    top: 125px;
    left: calc(50% - 554px);
    font-family: "Inter-SemiBold", Helvetica;
    font-weight: 600;
    color: #000000;
    font-size: 64px;
    letter-spacing: 0;
    line-height: 75px;
    white-space: nowrap;
}

.entrance .frame-28 {
    display: inline-flex;
    height: 56px;
    gap: 10px;
    padding: 14px 32px 12px;
    position: absolute;
    right: -2rem;
    background-color: var(--color-blue);
    border-radius: 100px;
}

.entrance .button-1 {
    display: inline-flex;
    height: 56px;
    gap: 10px;
    padding: 14px 32px 12px;
    position: absolute;
    background-color: var(--color-blue);
    border-radius: 100px;
}

.entrance .button-2 {
    display: inline-flex;
    height: 56px;
    gap: 10px;
    padding: 14px 32px 12px;
    position: absolute;
    background-color: var(--color-white);
    color: var(--color-blue);
    border-radius: 100px;
}

.entrance .button-1.priem {
    top: 4rem;
    width: 237px;
}

.entrance .button-2.booklet {
    bottom: 13rem;
    left: 5rem;
}

.entrance .button-1.sviaz {
    bottom: 13rem;
    left: 23rem;
    border: 1px #ffffff solid;
}

.entrance .button-1.sviaz .text-wrapper-59 {
    color: var(--color-white);
    line-height: 28px;
    width: 212px;
}

.entrance .button-2.booklet .text-wrapper-59 {
    width: 212px;
    line-height: 28px;
    color: var(--color-blue);
}

.entrance .button-1.priem .text-wrapper-59 {
    position: relative;
    width: 176px;
    margin-left: -3px;
    margin-right: -3px;
    font-family: "Inter-Medium", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 28px;
    text-align: center;
    letter-spacing: 0;
    line-height: 28px;
}


.entrance .text-wrapper-5 {
    position: relative;
    width: fit-content;
    font-family: "Inter-Medium", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 28px;
    text-align: center;
    letter-spacing: 0;
    line-height: 24px;
    white-space: nowrap;
}

.entrance .group {
    margin-top: 150px;
    width: 1341px;
    height: 280px;
    display: flex;
    gap: 24.5px;
}

.entrance .frame-9 {
    width: 660px;
    height: 280px;
    position: relative;
    background-color: var(--color-white);
    border-radius: 5px;
    overflow: hidden;
    box-shadow: var(--shadow-main);
}

.entrance .vector {
    position: absolute;
    top: 143px;
    left: 10px;
    width: 506px;
    height: 2px;
}

.entrance p.text-wrapper-57 a:hover {
    transform: translateY(-2px);
    font-weight: 600;
}

.entrance .frame-10 {
    display: flex;
    width: 361px;
    height: 29px;
    align-items: flex-start;
    gap: 10px;
    position: absolute;
    top: 33px;
    left: 30px;
}

.entrance .text-wrapper-10 {
    position: relative;
    width: 244px;
    height: 29px;
    margin-top: -1px;
    font-family: "Inter-SemiBold", Helvetica;
    font-weight: 600;
    color: var(--color-black);
    font-size: 40px;
    letter-spacing: 0;
    line-height: 30px;
    white-space: nowrap;
}

.entrance .element-wrapper {
    display: flex;
    width: 277px;
    height: 56px;
    align-items: flex-start;
    gap: 5px;
    position: absolute;
    top: 73px;
    left: 30px;
}

.entrance .element-2 {
    position: relative;
    width: 300px;
    height: 59px;
    margin-top: -1px;
    margin-bottom: -2px;
    margin-right: -23px;
    font-family: "Inter-SemiBold", Helvetica;
    font-weight: 600;
    color: var(--color-black);
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px;
}

.entrance .element-3 {
    position: absolute;
    top: 183px;
    left: 30px;
    width: 406px;
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 28px;
}

.entrance .text-wrapper-11 {
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 28px;
}

.entrance .text-wrapper-12 {
    font-size: 28px;
    line-height: 39.2px;
}

.entrance .text-wrapper-13 {
    position: absolute;
    top: 33px;
    left: calc(50% + 180px);
    width: 150px;
    font-family: "Inter-Black", Helvetica;
    font-weight: 900;
    color: var(--color-purple);
    font-size: 150px;
    text-align: center;
    letter-spacing: 0;
    line-height: 75px;
}

.entrance .frame-11 {
    width: 656.49px;
    height: 280px;
    position: relative;
    background-color: var(--color-white);
    border-radius: 5px;
    overflow: hidden;
    box-shadow: var(--shadow-main);
}

.entrance .vector-2 {
    position: absolute;
    top: 143px;
    left: 37px;
    width: 466px;
    height: 2px;
}

.entrance .text-wrapper-14 {
    position: absolute;
    top: 37px;
    left: calc(50% + 169px);
    width: 150px;
    font-family: "Inter-Black", Helvetica;
    font-weight: 900;
    color: var(--color-pink);
    font-size: 150px;
    text-align: center;
    letter-spacing: 0;
    line-height: 75px;
}

.entrance .frame-12 {
    display: flex;
    width: 361px;
    height: 29px;
    align-items: flex-start;
    gap: 10px;
    position: absolute;
    top: 33px;
    left: 37px;
}

.entrance .text-wrapper-15 {
    position: relative;
    width: 341px;
    height: 29px;
    margin-top: -1px;
    font-family: "Inter-SemiBold", Helvetica;
    font-weight: 600;
    color: var(--color-black);
    font-size: 40px;
    letter-spacing: 0;
    line-height: 30px;
    white-space: nowrap;
}

.entrance .frame-13 {
    display: flex;
    width: 277px;
    height: 56px;
    align-items: flex-start;
    gap: 5px;
    position: absolute;
    top: 73px;
    left: 37px;
}

.entrance .element-4 {
    position: absolute;
    top: 183px;
    left: 37px;
    width: 406px;
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 28px;
}

.entrance .group-2 {
    margin-top: 20px;
    width: 1342px;
    height: 103px;
    display: flex;
    gap: 11px;
}

.entrance .frame-16 {
    width: 440px;
    height: 103px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-bg);
    border-radius: 5px;
    overflow: hidden;
    box-shadow: var(--shadow-main);
    transition: all 0.3s ease;
}

.entrance .frame-16:hover {
    transform: translateY(-2px);
    box-shadow: 0px 8px 80px rgba(78.97, 16.73, 203.45, 0.35);
}

.entrance .frame-17 {
    display: flex;
    margin-top: -8px;
    height: 53px;
    margin-left: 0.3px;
    width: 348px;
    position: relative;
    align-items: flex-start;
    gap: 10px;
}

.entrance .frame-18 {
    display: flex;
    flex-direction: column;
    width: 403px;
    height: 66px;
    align-items: flex-start;
    gap: 3px;
    position: relative;
    margin-bottom: -13px;
    margin-right: -55px;
}

.entrance .text-wrapper-18 {
    position: relative;
    align-self: stretch;
    height: 29px;
    margin-top: -1px;
    font-family: "Inter-SemiBold", Helvetica;
    font-weight: 600;
    color: #000000;
    font-size: 28px;
    letter-spacing: 0;
    line-height: 30px;
    white-space: nowrap;
}

.entrance .text-wrapper-19,
.entrance .text-wrapper-20 {
    position: relative;
    align-self: stretch;
    height: 27px;
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 28px;
    white-space: nowrap;
}

.entrance .frame-19 {
    display: flex;
    margin-top: 2px;
    height: 31px;
    width: 370px;
    position: relative;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
}

.entrance .text-wrapper-21 {
    position: relative;
    width: 348px;
    height: 26px;
    margin-top: -1px;
    font-family: "Inter-SemiBold", Helvetica;
    font-weight: 600;
    color: #000000;
    font-size: 28px;
    text-align: center;
    letter-spacing: 0;
    line-height: 30px;
    white-space: nowrap;
}

.entrance .frame-wrapper {
    margin-top: 20px;
    width: 1342px;
    height: 103px;
    display: flex;
}

.entrance .frame-14 {
    width: 1342px;
    height: 102.8px;
    display: flex;
    align-items: center;
    background-color: var(--color-purple);
    border-radius: 5px;
    overflow: hidden;
    box-shadow: var(--shadow-main);
    transition: all 0.3s ease;
}

.entrance .frame-14:hover {
    background-color: var(--color-purple-dark);
}

.entrance .frame-15 {
    display: flex;
    margin-top: 5.2px;
    height: 66px;
    margin-left: 34px;
    width: 1272px;
    position: relative;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.entrance .text-wrapper-17 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1272px;
    font-family: "Inter-SemiBold", Helvetica;
    font-weight: 600;
    color: #ffffff;
    font-size: 28px;
    text-align: center;
    letter-spacing: 0;
    line-height: 30px;
}

.entrance .section-documents {
    position: relative;
    top: 70px;
    max-width: 1342px;
    margin: 5rem auto;
    padding-bottom: 8rem;
}

.entrance .text-wrapper-66 {
    position: absolute;
    top: 8rem;
    left: calc(50% - 672px);
    color: #000000;
    font-size: 64px;
    line-height: 75px;
    font-family: "Inter-SemiBold", Helvetica;
    font-weight: 600;
    letter-spacing: 0;
    white-space: nowrap;
}

.entrance .text-wrapper-65 {
    position: absolute;
    top: 8rem;
    left: calc(50% - 558px);
    font-family: "Inter-SemiBold", Helvetica;
    font-weight: 600;
    color: #000000;
    font-size: 64px;
    letter-spacing: 0;
    line-height: 75px;
    white-space: nowrap;
}

.entrance .frame-51 {
    position: relative;
    top: 14rem;
    width: 662px;
    height: 143px;
    border-radius: 5px;
    overflow: hidden;
    border: 2px solid;
    border-color: var(--color-purple);
    box-shadow: var(--shadow-main);
    background: var(--color-white);
}

.entrance .text-wrapper-61 {
    position: absolute;
    top: 76px;
    left: 38px;
    width: 233px;
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px;
}

.entrance .text-wrapper-62 {
    position: absolute;
    top: 36px;
    left: 38px;
    width: 182px;
    font-family: "Inter-SemiBold", Helvetica;
    font-weight: 600;
    color: var(--color-purple);
    font-size: 28px;
    letter-spacing: 0;
    line-height: 30px;
}

.entrance .text-wrapper-63 {
    position: absolute;
    top: 76px;
    left: 306px;
    width: 287px;
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px;
}

.entrance .text-wrapper-64 {
    position: absolute;
    top: 36px;
    left: 306px;
    width: 317px;
    font-family: "Inter-SemiBold", Helvetica;
    font-weight: 600;
    color: var(--color-purple);
    font-size: 28px;
    letter-spacing: 0;
    line-height: 30px;
}

.entrance .frame-42 {
    position: relative;
    width: 662px;
    height: 367px;
    top: -1rem;
    border-radius: 5px;
    overflow: hidden;
    border: 2px solid;
    border-color: var(--color-purple);
    background: var(--color-white);
}

.entrance .chart-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.entrance .text-wrapper-46 {
    position: absolute;
    top: 29px;
    left: 37px;
    width: 592px;
    font-family: "Inter-SemiBold", Helvetica;
    font-weight: 600;
    color: var(--color-purple);
    font-size: 28px;
    letter-spacing: 0;
    line-height: 30px;
}

.entrance .rectangle,
.entrance .rectangle-2,
.entrance .rectangle-3,
.entrance .rectangle-4 {
    position: absolute;
    width: 111px;
    border-radius: 7px;
}

.entrance .rectangle {
    top: 219px;
    left: 170px;
    height: 96px;
    background: linear-gradient(170deg, rgba(77, 86, 219, 1) 0%, rgba(77, 86, 219, 0) 100%);
}

.entrance .rectangle-2 {
    top: 168px;
    left: 37px;
    height: 147px;
    background: linear-gradient(170deg, rgba(77, 86, 219, 1) 0%, rgba(77, 86, 219, 0) 100%);
}

.entrance .rectangle-3 {
    top: 153px;
    left: 345px;
    height: 162px;
    background: linear-gradient(180deg, rgba(248, 150, 236, 1) 0%, rgba(248, 150, 236, 0) 100%);
}

.entrance .rectangle-4 {
    top: 203px;
    left: 478px;
    height: 112px;
    background: linear-gradient(180deg, rgba(248, 150, 236, 1) 0%, rgba(248, 150, 236, 0) 100%);
}

.entrance .text-wrapper-47 {
    position: absolute;
    top: 77px;
    left: 37px;
    width: 244px;
    font-family: "Inter-SemiBold", Helvetica;
    font-weight: 600;
    color: var(--color-black);
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    white-space: nowrap;
}

.entrance .text-wrapper-48,
.entrance .text-wrapper-49,
.entrance .text-wrapper-50,
.entrance .text-wrapper-51 {
    position: absolute;
    width: 58px;
    color: var(--color-black);
    font-size: 20px;
    text-align: center;
    line-height: 30px;
    font-family: "Inter-SemiBold", Helvetica;
    font-weight: 600;
    letter-spacing: 0;
    white-space: nowrap;
}

.entrance .text-wrapper-48 {
    top: 131px;
    left: 64px;
}

.entrance .text-wrapper-49 {
    top: 181px;
    left: 197px;
}

.entrance .text-wrapper-50 {
    top: 168px;
    left: 505px;
}

.entrance .text-wrapper-51 {
    top: 118px;
    left: 372px;
}

.entrance .text-wrapper-52 {
    position: absolute;
    top: 77px;
    left: 345px;
    width: 341px;
    font-family: "Inter-SemiBold", Helvetica;
    font-weight: 600;
    color: var(--color-black);
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    white-space: nowrap;
}

.entrance .text-wrapper-53,
.entrance .text-wrapper-54,
.entrance .text-wrapper-55,
.entrance .text-wrapper-56 {
    position: absolute;
    width: 76px;
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: var(--color-black);
    font-size: 16px;
    text-align: center;
    letter-spacing: 0;
    line-height: 20px;
}

.entrance .text-wrapper-53 {
    top: 315px;
    left: 55px;
}

.entrance .text-wrapper-54 {
    top: 315px;
    left: 188px;
}

.entrance .text-wrapper-55 {
    top: 315px;
    left: 365px;
}

.entrance .text-wrapper-56 {
    top: 315px;
    left: 498px;
}

.entrance .vector-4 {
    position: absolute;
    top: 108px;
    left: 37px;
    width: 248px;
    height: 2px;
}

.entrance .vector-5 {
    position: absolute;
    top: 108px;
    left: 345px;
    width: 248px;
    height: 2px;
}

.entrance .frame-43 {
    position: relative;
    top: 14rem;
    width: 657px;
    height: 403px;
    display: flex;
    background-color: var(--color-green);
    border-radius: 5px;
    overflow: hidden;
    box-shadow: var(--shadow-main);
}

.entrance .frame-44 {
    display: flex;
    margin-top: 35px;
    width: 576px;
    height: 314px;
    margin-left: 41px;
    position: relative;
    align-items: flex-start;
    gap: 10px;
}

.entrance .text-wrapper-57 {
    position: relative;
    width: 576px;
    margin-top: -1px;
    margin-bottom: -37px;
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: var(--color-white);
    font-size: 28px;
    letter-spacing: 0;
    line-height: 32px;
}

.entrance .frame-48 {
    display: flex;
    width: 208px;
    height: 56px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 32px 12px;
    position: absolute;
    top: 4rem;
    right: 19.5rem;
    background-color: var(--color-blue);
    border-radius: 100px;
}

.entrance .frame-47 {
    display: flex;
    width: 328px;
    height: 56px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 32px 12px;
    position: absolute;
    top: 4rem;
    right: -2rem;
    background-color: var(--color-blue);
    border-radius: 100px;
}

.entrance .text-wrapper-59 {
    position: relative;
    width: 150px;
    margin-left: -3px;
    margin-right: -3px;
    font-family: "Inter-Medium", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 28px;
    text-align: center;
    letter-spacing: 0;
    line-height: 24px;
}

.entrance .text-wrapper-58 {
    position: relative;
    width: 262px;
    font-family: "Inter-Medium", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 28px;
    text-align: center;
    letter-spacing: 0;
    line-height: 24px;
}

.entrance .frame-20 {
    position: absolute;
    top: 650px;
    left: 680px;
    width: 656px;
    height: 100px;
    display: flex;
    align-items: center;
    background-color: var(--color-white);
    border-radius: 5px;
    overflow: hidden;
    box-shadow: var(--shadow-main);
}

.entrance .frame-21 {
    display: flex;
    margin-top: -1px;
    height: 55px;
    margin-left: 41px;
    width: 593px;
    position: relative;
    align-items: flex-start;
    gap: 10px;
}

.entrance .text-wrapper-22 {
    position: relative;
    display: flex;
    align-items: center;
    width: 593px;
    height: 55px;
    margin-top: -1px;
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 28px;
    letter-spacing: 0;
    line-height: 30px;
}

.entrance .frame-22 {
    display: inline-flex;
    align-items: center;
    gap: 25px;
    position: absolute;
    top: 776px;
    left: 0;
}

.entrance .frame-23 {
    position: relative;
    width: 430px;
    height: 100px;
    background-color: var(--color-bg);
    border-radius: 5px;
    overflow: hidden;
    box-shadow: var(--shadow-main);
    transition: all 0.3s ease;
}

.entrance .frame-20:hover,
.entrance .frame-23:hover {
    transform: translateY(-2px);
    box-shadow: 0px 8px 80px rgba(78.97, 16.73, 203.45, 0.35);
}

.entrance .frame-24 {
    display: flex;
    width: 321px;
    height: 55px;
    align-items: flex-start;
    gap: 10px;
    position: relative;
    top: 22px;
    left: 41px;
}

.entrance .text-wrapper-23 {
    position: relative;
    display: flex;
    align-items: center;
    width: 363px;
    margin-top: -1px;
    margin-bottom: -4px;
    margin-right: -42px;
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 28px;
    letter-spacing: 0;
    line-height: 30px;
}

.entrance .frame-25 {
    display: flex;
    width: 347px;
    height: 55px;
    align-items: flex-start;
    gap: 10px;
    position: relative;
    top: 22px;
    left: 41px;
}

.entrance .element-5 {
    position: relative;
    width: 359px;
    height: 55px;
    margin-top: -1px;
    margin-right: -12px;
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 28px;
    letter-spacing: 0;
    line-height: 30px;
}

.entrance .text-wrapper-24 {
    position: relative;
    display: flex;
    align-items: center;
    width: 363px;
    height: 55px;
    margin-top: -1px;
    margin-right: -42px;
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 28px;
    letter-spacing: 0;
    line-height: 30px;
}

.entrance .section-exams {
    position: relative;
    top: 122px;
    max-width: 1342px;
    margin: 6rem auto;
    padding-bottom: 44rem;
}

.entrance .text-wrapper-29 {
    position: absolute;
    top: 0;
    left: calc(50% - 672px);
    color: #000000;
    font-size: 64px;
    line-height: 75px;
    font-family: "Inter-SemiBold", Helvetica;
    font-weight: 600;
    letter-spacing: 0;
    white-space: nowrap;
}

.entrance .text-wrapper-28 {
    position: absolute;
    top: 0;
    left: calc(50% - 558px);
    font-family: "Inter-SemiBold", Helvetica;
    font-weight: 600;
    color: #000000;
    font-size: 64px;
    letter-spacing: 0;
    line-height: 75px;
    white-space: nowrap;
}

.entrance .frame-26 {
    position: absolute;
    top: 100px;
    left: 0;
    width: 430px;
    height: 303px;
    background-color: var(--color-bg);
    border-radius: 5px;
    overflow: hidden;
    box-shadow: var(--shadow-main);
}

.entrance .frame-27 {
    display: flex;
    width: 363px;
    height: 155px;
    align-items: flex-start;
    gap: 10px;
    position: absolute;
    top: 100px;
    left: 41px;
}

.entrance .text-wrapper-25 {
    position: relative;
    width: 337px;
    height: 228px;
    margin-top: -1px;
    margin-bottom: -72px;
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 40px;
    letter-spacing: 0;
    line-height: 40px;
}

.entrance .vector-3 {
    position: absolute;
    top: 24px;
    left: 41px;
    width: 89px;
    height: 66px;
}

.entrance .frame {
    position: absolute;
    top: 100px;
    left: 460px;
    width: 889px;
    height: 304px;
    background-color: var(--color-purple);
    border-radius: 5px;
    overflow: hidden;
    box-shadow: var(--shadow-main);
}

.entrance .div {
    position: absolute;
    top: 243px;
    left: 39px;
    width: 507px;
    height: 30px;
    font-family: "Inter-SemiBold", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 28px;
    letter-spacing: 0;
    line-height: 30px;
    white-space: nowrap;
}

.entrance .text-wrapper {
    font-weight: 600;
}

.entrance .span {
    font-family: "Inter-Regular", Helvetica;
    font-size: 16px;
}

.entrance .text-wrapper-2 {
    position: absolute;
    top: 48px;
    left: 498px;
    width: 345px;
    font-family: "Inter-Black", Helvetica;
    font-weight: 900;
    color: rgba(255, 255, 255, 0.6);
    font-size: 150px;
    letter-spacing: 4.5px;
    line-height: 75px;
}

.entrance .p {
    position: absolute;
    top: 31px;
    left: 39px;
    width: 405px;
    font-family: "Inter-SemiBold", Helvetica;
    font-weight: 600;
    color: #ffffff;
    font-size: 40px;
    letter-spacing: 0;
    line-height: 40px;
}

.entrance .text-wrapper-3 {
    position: absolute;
    top: 221px;
    left: 39px;
    width: 405px;
    font-family: "Inter-SemiBold", Helvetica;
    font-weight: 600;
    color: #ffffff;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    white-space: nowrap;
}

.entrance .frame-34 {
    position: absolute;
    top: 430px;
    left: 0;
    width: 435px;
    height: 242px;
    display: flex;
    flex-direction: column;
    gap: 86px;
    background-color: var(--color-pink);
    border-radius: 5px;
    overflow: hidden;
    box-shadow: var(--shadow-main);
}

.entrance .text-wrapper-35 {
    display: flex;
    align-items: flex-end;
    margin-left: 40px;
    width: 351px;
    height: 33px;
    margin-top: 37px;
    font-family: "Inter-SemiBold", Helvetica;
    font-weight: 600;
    color: #ffffff;
    font-size: 40px;
    letter-spacing: 0;
    line-height: 30px;
    white-space: nowrap;
}

.entrance .text-wrapper-36 {
    margin-left: 40px;
    width: 288px;
    height: 47px;
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px;
}

.entrance .frame-32 {
    position: absolute;
    top: 430px;
    left: 455px;
    width: 435px;
    height: 242px;
    display: flex;
    flex-direction: column;
    gap: 65px;
    background-color: var(--color-bg);
    border-radius: 5px;
    overflow: hidden;
    box-shadow: var(--shadow-main);
}

.entrance .text-wrapper-32 {
    margin-left: 40px;
    width: 351px;
    height: 54px;
    margin-top: 37px;
    font-family: "Inter-SemiBold", Helvetica;
    font-weight: 600;
    color: #000000;
    font-size: 40px;
    letter-spacing: 0;
    line-height: 30px;
}

.entrance .text-wrapper-33 {
    margin-left: 40px;
    width: 288px;
    height: 47px;
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px;
}

.entrance .frame-33 {
    position: absolute;
    top: 430px;
    left: 910px;
    width: 432px;
    height: 242px;
    display: flex;
    background-color: var(--color-purple-dark);
    border-radius: 5px;
    overflow: hidden;
    box-shadow: var(--shadow-main);
}

.entrance .text-wrapper-34 {
    margin-top: 37px;
    width: 372px;
    height: 181px;
    margin-left: 40px;
    font-family: "Inter-SemiBold", Helvetica;
    font-weight: 600;
    color: #ffffff;
    font-size: 40px;
    letter-spacing: 0;
    line-height: 40px;
}

.entrance .frame-50 {
    display: inline-flex;
    height: 56px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 32px 12px;
    position: absolute;
    top: -4rem;
    right: 19.5rem;
    background-color: var(--color-blue);
    border-radius: 100px;
}

.entrance .frame-49 {
    display: inline-flex;
    height: 56px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 32px 12px;
    position: absolute;
    top: -4rem;
    right: -2rem;
    background-color: var(--color-blue);
    border-radius: 100px;
}

.entrance .text-wrapper-60 {
    position: relative;
    width: 265px;
    font-family: "Inter-Medium", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 28px;
    text-align: center;
    letter-spacing: 0;
    line-height: 24px;
}

.entrance .section-admission {
    position: relative;
    top: 170px;
    padding-bottom: 45rem;
    margin: 5rem auto 5rem;
    max-width: 1342px;
}

.entrance .text-wrapper-27 {
    position: absolute;
    top: 0;
    left: calc(50% - 672px);
    color: #000000;
    font-size: 64px;
    line-height: 75px;
    font-family: "Inter-SemiBold", Helvetica;
    font-weight: 600;
    letter-spacing: 0;
    white-space: nowrap;
}

.entrance .text-wrapper-26 {
    position: absolute;
    top: 0;
    left: calc(50% - 558px);
    font-family: "Inter-SemiBold", Helvetica;
    font-weight: 600;
    color: #000000;
    font-size: 64px;
    letter-spacing: 0;
    line-height: 75px;
    white-space: nowrap;
}

.entrance .frame-46 {
    display: inline-flex;
    height: 56px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 32px 12px;
    position: absolute;
    top: -4rem;
    right: 31.5rem;
    background-color: var(--color-blue);
    border-radius: 100px;
}

.entrance .frame-45 {
    display: inline-flex;
    height: 56px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 32px 12px;
    position: absolute;
    top: -4rem;
    right: -2rem;
    background-color: var(--color-blue);
    border-radius: 100px;
}

.entrance .frame-29 {
    position: absolute;
    top: 100px;
    left: 0;
    width: 290px;
    height: 433px;

}

.entrance .frame-30 {
    position: absolute;
    top: 170px;
    left: 0;
    width: 290px;
    height: 260px;
    display: flex;
    background-color: var(--color-white);
    box-shadow: var(--shadow-main);
    border-radius: 5px;
    overflow: hidden;
}

.entrance .text-wrapper-30 {
    margin-top: 172px;
    width: 254px;
    height: 60px;
    margin-left: 18px;
    font-family: "Inter-SemiBold", Helvetica;
    font-weight: 600;
    color: #000000;
    font-size: 20px;
    text-align: center;
    letter-spacing: 0;
    line-height: 24px;
}

.entrance .element-image-2 {
    position: absolute;
    top: 55px;
    left: 22px;
    width: 260px;
    height: 304px;
    aspect-ratio: 0.84;
}

.entrance .mask-group-2 {
    position: absolute;
    top: 62px;
    left: 27px;
    width: 236px;
    height: 280px;
}

.entrance .frame-2 {
    position: absolute;
    top: 200px;
    left: 330px;
    width: 290px;
    height: 433px;
}

.entrance .frame-3 {
    position: absolute;
    top: 173px;
    left: 0;
    width: 290px;
    height: 260px;
    display: flex;
    background-color: var(--color-white);
    box-shadow: var(--shadow-main);
    border-radius: 5px;
    overflow: hidden;
}

.entrance .text-wrapper-4 {
    margin-top: 174px;
    width: 254px;
    height: 47px;
    margin-left: 18px;
    font-family: "Inter-SemiBold", Helvetica;
    font-weight: 600;
    color: #000000;
    font-size: 20px;
    text-align: center;
    letter-spacing: 0;
    line-height: 24px;
}

.entrance .element-image {
    position: absolute;
    top: 56px;
    left: 22px;
    width: 260px;
    height: 304px;
    aspect-ratio: 0.84;
}

.entrance .mask-group {
    position: absolute;
    top: 63px;
    left: 27px;
    width: 236px;
    height: 280px;
}

.entrance .frame-4 {
    display: inline-flex;
    height: 56px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 32px 12px;
    position: absolute;
    top: 111px;
    left: 156px;
    background-color: var(--color-blue);
    border-radius: 100px;
}

.entrance .frame-31 {
    position: absolute;
    top: 100px;
    left: 654px;
    width: 290px;
    height: 433px;
}

.entrance .text-wrapper-31 {
    margin-top: 138px;
    width: 254px;
    height: 97px;
    margin-left: 18px;
    font-family: "Inter-SemiBold", Helvetica;
    font-weight: 600;
    color: #000000;
    font-size: 20px;
    text-align: center;
    letter-spacing: 0;
    line-height: 24px;
}

.entrance .element-eed-b {
    position: absolute;
    top: 29px;
    left: 13px;
    width: 275px;
    height: 293px;
    aspect-ratio: 0.93;
}

.entrance .frame-5 {
    position: absolute;
    top: 200px;
    left: 976px;
    width: 290px;
    height: 433px;
}

.entrance .text-wrapper-6 {
    margin-top: 177px;
    width: 254px;
    height: 55px;
    margin-left: 18px;
    font-family: "Inter-SemiBold", Helvetica;
    font-weight: 600;
    color: #000000;
    font-size: 20px;
    text-align: center;
    letter-spacing: 0;
    line-height: 24px;
}

.entrance .element-chatgpt-image {
    position: absolute;
    top: 100px;
    left: 9px;
    width: 275px;
    height: 229px;
    aspect-ratio: 1.59;
}

.entrance .img {
    position: absolute;
    top: 49px;
    left: 0;
    width: 290px;
    height: 291px;
    aspect-ratio: 1;
    object-fit: cover;
}

.entrance .section-before-study {
    position: relative;
    top: 170px;
    max-width: 1342px;
    margin: 3rem auto;
    padding-bottom: 68rem;
}

.entrance .text-wrapper-74 {
    position: absolute;
    top: 0;
    left: calc(50% - 672px);
    color: #000000;
    font-size: 64px;
    line-height: 75px;
    font-family: "Inter-SemiBold", Helvetica;
    font-weight: 600;
    letter-spacing: 0;
    white-space: nowrap;
}

.entrance .text-wrapper-73 {
    position: absolute;
    top: 0;
    left: calc(50% - 558px);
    font-family: "Inter-SemiBold", Helvetica;
    font-weight: 600;
    color: #000000;
    font-size: 64px;
    letter-spacing: 0;
    line-height: 75px;
    white-space: nowrap;
}

.entrance .frame-55 {
    display: inline-flex;
    height: 56px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 32px 12px;
    position: absolute;
    top: -4rem;
    right: -2rem;
    background-color: var(--color-blue);
    border-radius: 100px;
}

.entrance .frame-6 {
    position: absolute;
    top: 200px;
    left: 0;
    width: 660px;
    height: 469px;
    background-color: var(--color-bg);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-main);
}

.entrance .element {
    position: absolute;
    top: 23px;
    left: 0;
    width: 660px;
    height: 446px;
    aspect-ratio: 1.2;
}

.entrance .frame-7 {
    display: flex;
    width: 593px;
    height: 55px;
    align-items: flex-start;
    gap: 10px;
    position: absolute;
    top: 30px;
    left: 41px;
}

.entrance .text-wrapper-7 {
    position: relative;
    display: flex;
    align-items: center;
    width: 593px;
    height: 55px;
    margin-top: -1px;
    font-family: "Inter-SemiBold", Helvetica;
    font-weight: 600;
    color: #000000;
    font-size: 40px;
    letter-spacing: 0;
    line-height: 30px;
}

.entrance .frame-38 {
    position: absolute;
    top: 200px;
    left: 680px;
    width: 658px;
    height: 100px;
    display: flex;
    align-items: center;
    background-color: var(--color-bg);
    border-radius: 5px;
    overflow: hidden;
    box-shadow: var(--shadow-main);
    transition: all 0.3s ease;
}

.entrance .frame-38:hover,
.entrance .frame-40:hover,
.entrance .frame-41:hover,
.entrance .frame-58:hover,
.entrance .frame-59:hover {
    transform: translateY(-2px);
    box-shadow: 0px 8px 80px rgba(78.97, 16.73, 203.45, 0.35);
}

.entrance .frame-39 {
    display: flex;
    margin-top: -1px;
    height: 55px;
    margin-left: 40px;
    width: 565px;
    position: relative;
    align-items: flex-start;
    gap: 10px;
}

.entrance .text-wrapper-44 {
    position: relative;
    display: flex;
    align-items: center;
    width: 554px;
    height: 55px;
    margin-top: -1px;
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 28px;
    letter-spacing: 0;
    line-height: 30px;
}

.entrance .frame-40 {
    position: absolute;
    top: 323px;
    left: 680px;
    width: 658px;
    height: 100px;
    display: flex;
    align-items: center;
    background-color: var(--color-bg);
    border-radius: 5px;
    overflow: hidden;
    box-shadow: var(--shadow-main);
}

.entrance .text-wrapper-45 {
    position: relative;
    display: flex;
    align-items: center;
    width: 493px;
    height: 55px;
    margin-top: -1px;
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 28px;
    letter-spacing: 0;
    line-height: 30px;
}

.entrance .frame-41 {
    position: absolute;
    top: 446px;
    left: 680px;
    width: 658px;
    height: 100px;
    display: flex;
    align-items: center;
    background-color: var(--color-bg);
    border-radius: 5px;
    overflow: hidden;
    box-shadow: var(--shadow-main);
}

.entrance .frame-58 {
    position: absolute;
    top: 571px;
    left: 680px;
    width: 658px;
    height: 100px;
    display: flex;
    align-items: center;
    background-color: var(--color-bg);
    border-radius: 5px;
    overflow: hidden;
    box-shadow: var(--shadow-main);
}

.entrance .frame-59 {
    position: absolute;
    top: 697px;
    left: 680px;
    width: 658px;
    height: 100px;
    display: flex;
    align-items: center;
    background-color: var(--color-bg);
    border-radius: 5px;
    overflow: hidden;
    box-shadow: var(--shadow-main);
}

.entrance .frame-60 {
    position: absolute;
    top: 697px;
    left: 0;
    width: 660px;
    height: 100px;
    display: flex;
    align-items: center;
    background-color: var(--color-purple-dark);
    border-radius: 5px;
    overflow: hidden;
    box-shadow: var(--shadow-main);
}

.entrance .text-wrapper-76 {
    position: relative;
    display: flex;
    align-items: center;
    width: 554px;
    height: 55px;
    margin-top: -1px;
    font-family: "Inter-Bold", Helvetica;
    font-weight: 700;
    color: #ffffff;
    font-size: 28px;
    letter-spacing: 0;
    line-height: 30px;
}

.entrance .frame-56 {
    position: absolute;
    top: 820px;
    left: 0;
    width: 1342px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-green);
    border-radius: 5px;
    overflow: hidden;
    box-shadow: var(--shadow-main);
}

.entrance .frame-57 {
    display: flex;
    margin-top: -1px;
    height: 30px;
    width: 1342px;
    position: relative;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
}

.entrance .text-wrapper-75 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin-top: -1px;
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 28px;
    text-align: center;
    letter-spacing: 0;
    line-height: 30px;
    white-space: nowrap;
}

/* Focus styles */
.entrance .frame-35:focus-visible,
.entrance .frame-14:focus-visible,
.entrance .frame-16:focus-visible,
.entrance .frame-20:focus-visible,
.entrance .frame-23:focus-visible,
.entrance .frame-26:focus-visible,
.entrance .frame-29:focus-visible,
.entrance .frame-31:focus-visible,
.entrance .frame-2:focus-visible,
.entrance .frame-5:focus-visible,
.entrance .frame-38:focus-visible,
.entrance .frame-40:focus-visible,
.entrance .frame-41:focus-visible,
.entrance .frame-56:focus-visible,
.entrance .frame-58:focus-visible,
.entrance .frame-59:focus-visible,
.entrance .frame-60:focus-visible {
    outline: 2px solid #4a90e2;
    outline-offset: 4px;
}

/* Responsive */
@media (max-width: 1440px) {
    .entrance .div-wrapper {
        min-height: auto;
    }

    .entrance .header-nav {
        left: 400px;
        gap: 30px;
    }

    .entrance .frame-35 {
        left: 1200px;
    }
}

@media (max-width: 1024px) {
    .entrance .header-nav {
        display: none;
    }

    .entrance .frame-35 {
        left: auto;
        right: 20px;
    }

    .entrance .group {
        flex-direction: column;
    }

    .entrance .frame-9,
    .entrance .frame-11 {
        width: 100%;
    }

    .entrance .frame-52,
    .entrance .frame-53,
    .entrance .frame-54 {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        margin-bottom: 20px;
    }

    .entrance .frame-42 {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
    }

    .entrance .frame-51 {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
    }

    .entrance .frame-43 {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
    }

    .entrance .frame {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
    }

    .entrance .frame-34,
    .entrance .frame-32,
    .entrance .frame-33 {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        margin-bottom: 20px;
    }

    .entrance .frame-29,
    .entrance .frame-2,
    .entrance .frame-31,
    .entrance .frame-5 {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        margin-bottom: 20px;
    }

    .entrance .frame-6 {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
    }

    .entrance .frame-38,
    .entrance .frame-40,
    .entrance .frame-41,
    .entrance .frame-58,
    .entrance .frame-59,
    .entrance .frame-60 {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        margin-bottom: 20px;
    }

    .entrance .frame-56 {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
    }
}

@media (max-width: 768px) {
    .entrance p {
        font-size: 14px !important;
    }

    .entrance .button-1.priem {
        top: 1rem;
    }

    .entrance h2 {
        position: relative !important;
        left: .5rem !important;
        top: 0 !important;
        margin: 2rem 0;
    }

    .entrance .hero-section {
        margin-bottom: -15rem !important;
    }

    .entrance .text-wrapper-65 {
        margin-top: 8rem;
    }

    .entrance .frame-51 {
        position: relative;
        top: 0;
        overflow: unset;
        width: 100%;
    }

    .entrance .text-wrapper-64 {
        top: 106px;
        left: 39px;
        font-size: 28px !important;
    }

    .entrance .text-wrapper-63 {
        top: 141px;
        left: 40px;
    }

    .entrance .frame-42 {
        position: relative;
        top: -13rem;
        overflow: unset;
        left: 0;
    }

    .entrance .frame-43 {
        top: 35rem;
    }

    h2#exams-title {
        margin-top: 38rem;
        margin-bottom: 22rem;
    }

    .entrance .section-exams {
        padding-bottom: 1rem;
    }

    .entrance .group-2 {
        margin-top: 20px;
        width: 100%;
        height: unset;
        display: flex;
        gap: 11px;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: center;
        align-items: flex-start;
    }

    .entrance .frame-wrapper {
        margin-top: 20px;
        width: 100%;
        height: 103px;
        display: flex;
    }

    .entrance .frame-14 {
        width: 100%;
    }

    .entrance .frame-15 {
        margin-left: 0;
        width: 100%;
    }

    .entrance .frame-48 {
        right: 12.5rem;
    }

    .entrance .frame-47 {
        width: 235px;
        right: -3rem;
    }

    .entrance .text-wrapper-58,
    .entrance .text-wrapper-59 {
        font-size: 16px;
    }

    .entrance section {
        margin: 0 !important;
    }

    .entrance .group {
        height: unset;
        margin: 0;
    }

    .entrance .frame-9, .entrance .frame-11 {
        height: 353px;
    }

    .entrance .button-1.sviaz {
        bottom: 52rem;
        left: 5rem;
    }

    .entrance .button-2.booklet {
        bottom: 56rem;
    }

    .entrance .frame-36 {
        left: 20px;
    }

    .entrance .element-6 {
        font-size: 29px;
        left: .5rem;
    }

    .entrance .text-wrapper-8 {
        font-size: 40px;
    }

    .entrance .frame-36 {
        top: 0;
    }

    .entrance .text-wrapper-16,
    .entrance .text-wrapper-9,
    .entrance .text-wrapper-66,
    .entrance .text-wrapper-65,
    .entrance .text-wrapper-29,
    .entrance .text-wrapper-28,
    .entrance .text-wrapper-27,
    .entrance .text-wrapper-26,
    .entrance .text-wrapper-74,
    .entrance .text-wrapper-73 {
        font-size: 27px;
    }

    .entrance .group-2 {
        flex-direction: column;
    }

    .entrance .frame-46 {
        right: 17.5rem;
    }

    .entrance .frame-16 {
        width: 100%;
    }

    .entrance .frame-22 {
        flex-direction: column;
        top: 34rem;
        margin: 0 auto;
        position: relative;
    }

    .entrance .frame-23 {
        width: 100%;
    }

    .entrance .rectangle, .entrance .rectangle-2, .entrance .rectangle-3, .entrance .rectangle-4 {
        width: 59px;
    }

    .entrance .text-wrapper-48 {
        left: 35px;
    }

    .entrance .rectangle {
        left: 150px;
    }

    .entrance .text-wrapper-49 {
        left: 152px;
    }

    .entrance .text-wrapper-53 {
        left: 28px;
    }

    .entrance .text-wrapper-54 {
        left: 143px;
    }

    .entrance .text-wrapper-52 {
        left: 249px;
    }

    .entrance .rectangle-3 {
        left: 252px;
    }

    .entrance .text-wrapper-51 {
        left: 253px;
    }

    .entrance .text-wrapper-55 {
        left: 245px;
    }

    .entrance .rectangle-4 {
        left: 365px;
    }

    .entrance .text-wrapper-50 {
        left: 365px;
    }

    .entrance .text-wrapper-56 {
        left: 359px;
    }

    .entrance .text-wrapper-24 {
        font-size: 14px;
    }

    .entrance .frame-20 {
        position: relative;
        top: 1020px;
        left: 0;
        width: 343px;
        margin: 0 auto;
    }

    .entrance .text-wrapper-22 {
        font-size: 14px;
    }

    .entrance .frame-29 {
        position: absolute;
        top: 0;
        left: 1rem;
        width: 39%;
        margin-bottom: 30px;
    }

    .entrance .frame-2 {
        position: absolute;
        top: -2px;
        left: 17rem;
        width: 39%;
        margin-bottom: 30px;
    }

    .entrance .frame-31 {
        position: absolute;
        top: 22rem;
        left: 1rem;
        width: 39%;
        margin-bottom: 30px;
    }

    .entrance .frame-5 {
        position: absolute;
        top: 22rem;
        left: 17rem;
        width: 39%;
        margin-bottom: 30px;
    }

    .entrance .text-wrapper-45,
    .entrance .text-wrapper-44,
    .entrance .text-wrapper-76 {
        font-size: 14px;
    }

    .entrance .section-before-study {
        padding-bottom: 12rem;
    }

    .entrance .element-image-2 {
        position: absolute;
        top: 110px;
        left: 22px;
        width: 200px;
        height: 231px;
    }

    .entrance .element-eed-b {
        position: absolute;
        top: 80px;
        left: 22px;
        width: 200px;
        height: 231px;
    }

    .entrance .frame-30 {
        width: 237px;
    }

    .entrance .frame-3 {
        width: 155px;
    }

    .entrance .element-image {
        top: 110px;
        left: 22px;
        width: 200px;
        height: 231px;
    }

    .entrance .element {
        height: auto;
    }

    .entrance .text-wrapper-7 {
        font-size: 21px;
    }
}