@import "fonts.css";
@import "reset.css";
@import "globals.css";
@import "header.css";
@import "footer.css";
@import "media.css";


/* ======================================================================================= */

.consultation {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: -239px;
    top: 206px;
    transform: rotate(90deg);
}
.rise {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: -20%;
    bottom: -45px;
    transform: rotate(90deg);
}
.rise img {
    width: 31px;
    height: 31px;
    transform: rotate(270deg);
}
.rise__img {
    padding: 31px;
    margin-right: 50px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
    background: linear-gradient(180.00deg, rgba(3, 225, 255, 0.66),rgb(19, 205, 194) 100%);
    transition: var(--transition);
}
.rise__img:hover {
    box-shadow: 0px 0px 0px 20px rgba(0, 224, 255, 0.05);

}
.rise__text {
    color: #00E0FF;
    letter-spacing: 0.25em;
    transform: rotate(180.00deg);
    padding-left: 25px;
}

.consultation__message,
.consultation__img {
    padding: 31px;
    margin-right: 50px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
    background: linear-gradient(180.00deg, rgba(3, 225, 255, 0.66),rgb(19, 205, 194) 100%);
    transition: var(--transition);
}
.consultation__message:hover,
.consultation__img:hover {
    box-shadow: 0px 0px 0px 20px rgba(0, 224, 255, 0.05);
}
.consultation__message {
    display: none;
}
.consultation__message img {
    width: 31px;
    height: 31px;
    transform: rotate(270deg);
}
.consultation__img svg {
    width: 31px;
    height: 31px;
    transform: rotate(270deg);
}
.consultation__text {
    color: #00E0FF;
    font-weight: 600;
    font-size: 10px;
    transform: rotate(-180deg);
    text-transform: uppercase;
    letter-spacing: 36%;
    margin-left: 20px;
}

/* ======================================================================================= */


.why-us {
    background: linear-gradient(-47.00deg, rgb(2, 35, 53) 3.679%,rgb(4, 58, 65) 91.417%);
}
.why-us__inner {
    padding: 125px 0;
}
.why-us__title {
    margin-bottom: 60px;
}
.color-allocation {
    color: var(--allocation-text);
}
.why-us__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.why-us__item-wrapper {
    grid-column: 1 / -1;
    gap: 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.why-us__item {
    border: 2px solid rgba(0, 255, 255, 0.2);;
    position: relative;

    border-radius: var(--border-radius-big);
    display: flex;
    padding: 35px 40px;
    text-align: left;
    flex-direction: column;
    background: linear-gradient(180.00deg, rgba(0, 224, 255, 0.11),rgba(0, 224, 255, 0.05) 100%);
}
.why-us__item::before {
    content: "";
    position: absolute;

    filter: blur(11px);
    background: rgba(3, 225, 255, 0.66);
    width: 41px;
    height: 10px;
    bottom: 0;
    left: 42px;
}
.why-us__img {
    margin-bottom: 20px;
}

/* ======================================================================================= */

.AI {
    background: url("../img/background/AI-background.png");
    background-repeat: no-repeat;
    background-position: 30% 10%;
}
.AI__inner {
    padding: 120px 0px 110px;
}

.AI__block {
    display: flex;   
    position: relative;   
    flex-direction: column;
}
.AI__title {
    margin-bottom: 65px;
}
.AI__list {
    margin-bottom: 70px;
}
.AI__item {
    display: flex;
    background: linear-gradient(90.00deg, rgba(31, 63, 77, 0.54),rgba(31, 75, 94, 0) 100%);
    padding: 12px 0 16px 24px;
    margin-bottom: 5px;
}
.AI__item:nth-child(1) {
    align-items: center;
}
.AI__item:last-child {
    margin-bottom: 0;
}
.AI__icon {
    display: flex;
    padding-right: 20px;
    align-items: start;
}
.AI__text {
    max-width: 625px;
    z-index: 1;
    position: relative;
}
.AI__text::before {
    position: absolute;
    content: "";
    filter: blur(11px);
    background: rgba(3, 225, 255, 0.46);
    top: 5px;
    width: 41px;
    height: 15px;
}
.AI__mobile-img {
    display: none;
}
/* ======================================================================================= */

.important {
    background: linear-gradient(13deg, rgb(2, 35, 53) 3.696%,rgb(12, 55, 61) 91.573%);

}
.important__inner {
    padding: 105px 0 135px;
}
.important__titile {
    text-transform: uppercase;
    line-height: 37px;
    margin-bottom: 65px;
}
.important__list {
    display: grid;
    gap: 40px;
    grid-template-columns: repeat(2, 1fr);
    text-wrap: wrap;
}
.important__item {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.important__img-wrapper {
    position: relative;
}
.important__img {
    filter: brightness(65%);
}
.important__img img {
    border: 2px solid rgba(0, 255, 255, 0.2); 
    border-radius: var(--border-radius-big);
    max-width: 285px;
    width: 100%;
}
.important__img::before {
    content: "";
    position: absolute;

    filter: blur(11px);
    background: rgba(3, 225, 255, 0.66);
    width: 41px;
    height: 10px;
    bottom: 0;
    left: 42px;
}
.important__text {
    max-width: 230px;
    gap: 20px;
}
/* ======================================================================================= */

.our-course {
    background: url("../img/background/brain.png") 35% 100% no-repeat;
}
.our-course__inner {
    padding: 100px 0 110px;
    position: relative;
}

.our-course__title {
    margin-bottom: 40px;
    z-index: 2;
    position: relative;
}

.our-course__list {
    margin-bottom: 50px;
    z-index: 2;
}
.our-course__item {
    margin-bottom: 20px;
    display: flex;
    align-items: start;
}
.our-course__item:last-child {
    margin-bottom: 0;
}
.our-course__img {
    margin-right: 20px;
    z-index: 2;
}

.our-course__img-brain {
    display: none;
}
.our-course__img-brain img {
    width: 100%;
}
.our-course__text {
    z-index: 2;
    position: relative;
    max-width: 630px;
}
.our-course__text:nth-child(3) {
    max-width: 690px;
}
.our-course__text::before {
    content: "";
    position: absolute;

    filter: blur(11px);
    background: rgba(3, 225, 255, 0.66);
    width: 41px;
    height: 10px;
    top: 7px;
}
.our-course__main-img {
    max-height: 543px;
    position: absolute;
    top: 118px;
    right: -290px;
    z-index: 1;
}

.our-course__btn {
    z-index: 2;
    position: relative;
}
/* ======================================================================================= */

.full-course {
    background: linear-gradient(13deg, rgb(2, 35, 53) 3.696%, rgb(12, 55, 61) 91.573%);
    padding: 105px 0px 110px;
}

.full-course__title {
    margin-bottom: 35px;
}

.color-accordion {
    color: #08B1B9;
    font-weight: normal;
    font-size: 13px;
}
.development {
    padding: 0 4px;
    margin-left: 7px;
    background: #08B1B9;
    color: #08262B;
    font-weight: 500;
    font-size: 13px;
    line-height: 21px;
}
.full-course__text {
    margin-bottom: 25px;
}
.program__tab-content {
    margin-bottom: 60px;
}

.accordion-list {
    margin-bottom: 20px;
}

.accordion-list__control {
    border-radius: 6px;
    background: linear-gradient(-47.00deg, rgb(7, 52, 71) 3.801%,rgb(8, 38, 43) 92.538%);
    display: flex;
    justify-content: space-between;
    padding: 12px 15px 12px 15px;
    transition: var(--transition);
}
.accordion-list__control-wrapper {
    display: flex;
    align-items: center;
}
.accordion-list__contro-title {
    font-weight: 750;
    font-size: 20px;
    line-height: 21px;
}
.dot {
    box-shadow: 0px 4px 8px 0px rgba(0, 224, 255, 0.56);
    background: linear-gradient(180.00deg, rgb(0, 224, 255),rgb(74, 139, 236) 100%);
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 23px;
    flex-shrink: 0;
}

.accordion-list__control-icon {
        background: url(../img/icon/box-accordion.svg);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.accordion-list__content {
    max-height: 0;
    overflow: hidden;
    transition: var(--transition);
}

.accordion-content__lsit {
    counter-reset: my-counter;
    list-style: none;
    padding-left: 0;
}
.accordion-content__lsit li {
    counter-increment: my-counter;
    position: relative;
    padding-left: 25px;
    margin-bottom: 8px;
}
.accordion-content__lsit li::before {
    content: counter(my-counter) " ";
    position: absolute;
    left: 0;
    color: rgb(8, 38, 43);
    background: rgb(74, 188, 236);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    font-weight: 750;
}
.accordion-content__name {
    padding-top: 5px;
    margin-top: 37px;
    margin-bottom: 15px;
    color: rgb(74, 188, 236);
    font-size: 16px;
    font-weight: 750;
    line-height: 21px;
    padding-left: 15px;
}
.accordion-content__text {
    padding-left: 15px;
}


/* ======================================================================================= */

.author {
    background: url("../img/background/author.png") 35% 100% no-repeat;
}
.author__inner {
    padding: 100px 0;
}
.author__title {
    margin-bottom: 30px;
}

.author__text {
    line-height: 24px;
    max-width: 490px;
    position: relative;
}
.author__text::before {
    content: "";
    position: absolute;
    filter: blur(11px);
    background: rgba(3, 225, 255, 0.66);
    width: 41px;
    height: 10px;
    top: 7px;
}

/* ======================================================================================= */

.school {
    padding: 85px 0;
    background: linear-gradient(-47.00deg, rgb(2, 35, 53) 3.126%, rgb(4, 58, 65) 86.3%);
}
.school__inner {
    display: flex;
    justify-content: space-between;
}
.school__title {
    margin-bottom: 55px;
}

.school__advertisements {
    width: 215px;
    height: 60px;
    padding: 5px 10px;
    color: rgba(74, 188, 236, 1);
    border: 1px solid rgba(0, 224, 255, 1);
    border-radius: var(--border-radius);
    box-shadow: 0px 7px 20px -7px rgba(0, 224, 255, 1);
    background: inherit;
    font-weight: 750;
    font-size: 12px;
    letter-spacing: 0.25em;
    transition: var(--transition);
}
.school__vacanies {
    position: relative;
}
.school__slider-wrapper {
    position: relative;
}
.school__nav {
    position: relative;
    top: 130px;
    display: flex;
    justify-content: space-between;
    z-index: 1;
    padding: 0px 30px;
}
.school__prev,
.school__next {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 7px 20px -7px rgba(0, 224, 255, 1);
    background: linear-gradient(180.00deg, rgba(3.1874969005584717, 224.78253173828125, 255, 0.66),rgba(18.797393798828125, 205.0625, 193.8865966796875, 1) 100%);
}
.swiper-button-disabled.school__prev,
.swiper-button-disabled.school__next {
    border: 1.5px solid rgba(8, 38, 43, 1);
    cursor: auto;
    background: rgba(8, 38, 43, 1);
    opacity: 0.7;
}

.school__vacanies-list {
    display: flex;
}

.school__vacanies-card {
    max-width: 390px;
    margin-right: 30px;
}
.school__vacanies-img {
    width: 390px;
    border-radius: var(--border-radius-big);
    margin-bottom: 30px;
    position: relative;
}
.school__date {
    position: absolute;
    top: 15px;
    right: 9px;
    display: flex;
    font-size: 10px;
    font-weight: 400;
    line-height: 21px;
    align-items: center;
}
.school__date::before {
    content: "";
    background: url("../img/icon/calendar.svg");
    margin-right: 5px;
    display: flex;
    width: 9px;
    height: 9px;
}
.school__vacanies-img img {
    width: 100%;
    border-radius: var(--border-radius-big);
}
.school__vacanies-img::before {
    content: "";
    position: absolute;
    filter: blur(11px);
    background: rgba(3, 225, 255, 0.66);
    width: 41px;
    height: 10px;
    bottom: 0;
    left: 42px;
}
.school__vacanies-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
    margin-bottom: 18px;
}

.school__vacanies-text span {
    color: rgba(255, 255, 255, 0.4);
}

.school__wrapper {
    display: flex;
}

.school__slide {
    max-width: 390px;
}
.fade-container p {
    margin: 0;
    max-height: 4.5em;
    overflow: hidden;
    position: relative;
    transition: max-height 0.5s ease;
    background: linear-gradient(to bottom, #fff 48.96%, rgba(105, 104, 104, 0) 95%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fade-container.expanded p {
  max-height: 500px; /* раскрытый блок */
    -webkit-text-fill-color: #fff;
}

.fade-container.expanded p::after {
    opacity: 0; /* убираем затемнение */
}

.more {
    display: inline-block;
    margin-top: 8px;
    color: #4db8ff;
    text-decoration: none;
    font-size: 16px;
}

.more:hover {
    text-decoration: underline;
}

.school__advertisements-buttom {
    display: none;
    width: 215px;
    height: 60px;
    padding: 5px 10px;
    color: rgba(74, 188, 236, 1);
    border: 1px solid rgba(0, 224, 255, 1);
    border-radius: var(--border-radius);
    box-shadow: 0px 7px 20px -7px rgba(0, 224, 255, 1);
    background: inherit;
    font-weight: 600;
    transition: var(--transition);
}

/* ======================================================================================= */

.vacancies {
    padding: 85px 0;
    background: linear-gradient(-47.00deg, rgb(2, 35, 53) 3.126%, rgb(4, 58, 65) 86.3%);
}
.vacancies__inner {
    display: flex;
    justify-content: space-between;
}
.vacancies__title {
    margin-bottom: 55px;
}

.vacancies__advertisements {
    width: 215px;
    height: 60px;
    padding: 5px 10px;
    color: rgba(74, 188, 236, 1);
    border: 1px solid rgba(0, 224, 255, 1);
    border-radius: var(--border-radius);
    box-shadow: 0px 7px 20px -7px rgba(0, 224, 255, 1);
    background: inherit;
    font-weight: 750;
    font-size: 12px;
    letter-spacing: 0.25em;
    transition: var(--transition);
}
.vacancies__vacanies {
    position: relative;
}
.vacancies__slider-wrapper {
    position: relative;
}
.vacancies__nav {
    position: relative;
    top: 130px;
    display: flex;
    justify-content: space-between;
    z-index: 1;
    padding: 0px 30px;
}
.vacancies__prev,
.vacancies__next {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 7px 20px -7px rgba(0, 224, 255, 1);
    background: linear-gradient(180.00deg, rgba(3.1874969005584717, 224.78253173828125, 255, 0.66),rgba(18.797393798828125, 205.0625, 193.8865966796875, 1) 100%);
}
.swiper-button-disabled.vacancies__prev,
.swiper-button-disabled.vacancies__next {
    border: 1.5px solid rgba(8, 38, 43, 1);
    cursor: auto;
    background: rgba(8, 38, 43, 1);
    opacity: 0.7;
}

.vacancies__vacanies-list {
    display: flex;
}

.vacancies__vacanies-card {
    max-width: 390px;
    margin-right: 30px;
}
.vacancies__vacanies-img {
    width: 390px;
    border-radius: var(--border-radius-big);
    margin-bottom: 30px;
    position: relative;
}
.vacancies__date {
    position: absolute;
    top: 15px;
    right: 9px;
    display: flex;
    font-size: 10px;
    font-weight: 400;
    line-height: 21px;
    align-items: center;
}
.vacancies__date::before {
    content: "";
    background: url("../img/icon/calendar.svg");
    margin-right: 5px;
    display: flex;
    width: 9px;
    height: 9px;
}
.vacancies__vacanies-img img {
    width: 100%;
    border-radius: var(--border-radius-big);
}
.vacancies__vacanies-img::before {
    content: "";
    position: absolute;
    filter: blur(11px);
    background: rgba(3, 225, 255, 0.66);
    width: 41px;
    height: 10px;
    bottom: 0;
    left: 42px;
}
.vacancies__vacanies-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
    margin-bottom: 18px;
}

.vacancies__vacanies-text span {
    color: rgba(255, 255, 255, 0.4);
}

.vacancies__wrapper {
    display: flex;
}

.vacancies__slide {
    max-width: 390px;
}
.fade-container p {
    margin: 0;
    max-height: 4.5em;
    overflow: hidden;
    position: relative;
    transition: max-height 0.5s ease;
    background: linear-gradient(to bottom, #fff 48.96%, rgba(105, 104, 104, 0) 95%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fade-container.expanded p {
  max-height: 500px; /* раскрытый блок */
    -webkit-text-fill-color: #fff;
}

.fade-container.expanded p::after {
    opacity: 0; /* убираем затемнение */
}

.more {
    display: inline-block;
    margin-top: 8px;
    color: #4db8ff;
    text-decoration: none;
    font-size: 16px;
}

.more:hover {
    text-decoration: underline;
}

.vacancies__advertisements-buttom {
    display: none;
    width: 215px;
    height: 60px;
    padding: 5px 10px;
    color: rgba(74, 188, 236, 1);
    border: 1px solid rgba(0, 224, 255, 1);
    border-radius: var(--border-radius);
    box-shadow: 0px 7px 20px -7px rgba(0, 224, 255, 1);
    background: inherit;
    font-weight: 600;
}

.vacancies__advertisements:hover,
.school__advertisements:hover {
    scale: 1.1;
}
/* ======================================================================================= */
/* ======================================================================================= */
/* ======================================================================================= */

@media(max-width: 1000px) {
    .field__input,
    .field__input:last-child {
        margin-bottom: 10px;
    }

    .important__item:nth-last-child(-n+2) {
        flex-direction: column-reverse;
    } 
    .important__img {
        margin-bottom: 20px;
    }
    .rise__text {
        display: none;
    }
    .rise {
        right: -80%;
        bottom: -20%;
    }
    .rise__img {
        margin-right: 0px;
        padding: 15px;
    }
}
@media(max-width: 900px) {

    .header {
        background-position: 63% 20%;
    }
    .AI,
    .author {
        background-position: 43% 20%;
    }
    .our-course {
        background-position: 43% 100%;
    }


    .hero__bottom-block {
        display: none;
    }
    .nav {
        display: flex;
        justify-content: center;
        background: linear-gradient(-47.00deg, rgb(11, 77, 105) 3.739%,rgb(16, 76, 84) 91.968%);;
        position: fixed;
        font-size: 24px;
        inset: 0;
        z-index: 10;
        padding: 26vh 15px 30px;
        transform: translateY(-50%);
        opacity: 0;
        visibility: hidden;
        transition: var(--transition);
    }
    .body--open-menu .nav {
        transform: translateY(0%);
        opacity: 1;
        visibility: visible;
        transition: var(--transition);
    }

    .sidebar {
        position: relative;
        min-height: 280px;
    }
    .consultation {
        position: absolute;
        top: 70px;
        right: -105%;
    }
    .consultation__text {
        display: none;
    }
    .consultation__message {
        display: flex;
    }
    /* ============================================================ */
    .why-us__list,
    .why-us__item-wrapper {
    grid-template-columns: repeat(2, 1fr);
    }
}
@media(max-width: 800px) {
    .AI,
    .our-course,
    .author {
        background: linear-gradient(-47.00deg, rgb(2, 35, 53) 3.679%,rgb(4, 58, 65) 91.417%);
    }
    .footer__mail {
        padding: 0px 0px 10px;
    }
    .footer__our-message {
        padding-right: 0;
        padding-bottom: 10px;
    }
    .our-course__img-brain {
        display: block;
        max-width: 800px;
        margin-bottom: 10px;
    }
}
@media(max-width: 600px) {
    .logo-img {
        display: none;
    }
    .header__hero {
        padding: 60px 0;
    }
    .hero__title {
        line-height: normal;
    }
    .header__button {
        display: flex;
        margin: 0 30px 0 30px;
        transition: var(--transition);
    }
    .header__button:active {
        transform: rotate(120deg);
    }
    
    .modal__title {
        margin-bottom: 10px;
    }
    .why-us__inner,
    .AI__inner,
    .important,
    .our-course__inner {
        padding: 55px 0 55px;
    }
    .school,
    .vacancies {
        padding: 55px 0;
    }
    .school__inner,
    .vacancies__inner {
        padding: 0;
    }
    .author__inner {
        padding-top: 55px;
    }
    /* ================================================================ */
    
    .why-us__list,
    .why-us__item-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
    /* ================================================================ */
    .AI {
        background: linear-gradient(-47.00deg, rgb(2, 35, 53) 3.126%,rgb(4, 58, 65) 86.3%);
    }

    .AI__block,
    .AI__img {
        position: static;
    }
    .AI__mobile-img {
        display: block;
    }

    .important__list {
        display: grid;
        gap: 40px;
        grid-template-columns: repeat(2, minmax(140px, 240px));
        text-wrap: wrap;
    }

    .accordion-list__control-wrapper {
        align-items: baseline;
    }
    /* ================================================================================= */
    .school__title,
    .vacancies__title.school__title {
        margin-bottom: 0;
    }
    .school__wrapper-btn {
        display: flex;
        justify-content: center;
    }
    .school__advertisements-buttom {
        display: flex;
        padding: 8px 20px;
        justify-content: center;
        width: auto;
        height: auto;
        transition: var(--transition);
    }
    .vacancies__wrapper-btn {
        display: flex;
        justify-content: center;
    }

    .school__slider-wrapper {
        margin-bottom: 25px;
    }
    .school__advertisements {
        display: none;
        transition: var(--transition);
    }
    .vacancies__advertisements-buttom {
        display: flex;
        padding: 8px 20px;
        width: auto;
        height: auto;
        transition: var(--transition);
    }
    .school__advertisements-buttom:hover,
    .vacancies__advertisements-buttom:hover {
        scale: 1.1;
    }
    .vacancies__slider-wrapper {
        margin-bottom: 25px;
    }
    .vacancies__advertisements {
        display: none;
        transition: var(--transition);
    }
    .rise {
        right: -80%;
        bottom: -14%;
    }
    .footer__block {
        flex-direction: column;
    }
    .footer__contact {
        flex-direction: column;
    }
    .footer__connection,
    .footer__message {
        justify-content: start;
    }
    .footer__connection {
        margin-bottom: 10px;
    }
    .footer__line-right,
    .footer__line-left {
        display: none;
    }
}
@media(max-width: 400px) {
    .header {
        background: url("../img/background/mainBG-mobail.png") 65% -650%;
    }
    .consultation__img,
    .consultation__message {
        padding: 20px;
    }
    .modal__window {
        padding: 10px 25px 20px;
    }
    .AI__inner {
        background: url("../img/background/AI-mob.png") 100% 88% no-repeat;
        opacity: 0.9;
    }
    .author__inner {
        padding-top: 55px;
        padding-bottom: 375px;
    }
    .our-course__img-brain {
        display: none;
    }
    .our-course {
        background: url("../img/background/brain-mob.png") 100% -32%;
    }
    .author {
        background: url("../img/background/author-mob.png") 54% -98%;
    }
    .header__top {
        justify-content: end;
        padding: 37px 0;
        border-radius: 0px 0px 0px 22px;
        margin-right: -15px;
        box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.35);
        background: linear-gradient(-47.00deg, rgb(11, 77, 105) 3.739%,rgb(16, 76, 84) 91.968%);
        border-top: 1px solid rgba(59, 118, 143, 0.3);
        border-bottom: 226px;
        border-bottom: 1px solid rgba(59, 118, 143, 0.3);
    }
    .hero__text,
    .hero__guarantee {
        max-width: 300px;
    }

    .development {
        display: inline-block;
    }
    .AI__list {
        margin-bottom: 285px;
    }
    .important__list {
        grid-template-columns: repeat(1, 1fr);
    }
    .school__vacanies-img {
        width: 300px;
    }
    .vacancies__nav {
        padding: 0px;
        margin: 0 -14px;
    }
    .vacancies__vacanies-img  {
        width: 300px;
    }
    .our-course__inner {
        padding: 60px 0 60px;
    }
    .our-course__list {
        padding-bottom: 260px;
    }

    .school__nav {
        padding: 0px;
        margin: 0 -13px;
    }
    .footer__bottom-logo,
    .footer__copyring {
        justify-content: start;
    }
}
@media(max-width: 350px) {
    .header {
        background: url(../img/background/mainBG-mobail.png) 65% -1085%;
    }
    .our-course {
        background: url("../img/background/brain-mob.png") 100% -100%;
    }
}
@media (max-width: 344px) {
    .our-course {
        background: url(../img/background/brain-mob.png) 100% -129%;
    }
}
@media (max-width: 335px) {
    .our-course {
        background: url(../img/background/brain-mob.png) 100% -334%;
    }
}
@media (max-width: 330px) {
    .our-course {
        background: url(../img/background/brain-mob.png) 100% -275%;
    }
}
@media(max-width: 320px) {
    .header {
        background: url("../img/background/mainBG-mobail.png") 65% -1091%;
    }
        .AI__inner {
        background: url("../img/background/AI-mob.png") 100% 89% no-repeat;
    }
    .our-course {
        background: url("../img/background/brain-mob.png") 100% -275%;
    }
}