* {
    scroll-behavior: smooth;
    scroll-margin-block-start: 250px;
}

body {
    background-color: #F5F2EC;
}

/*Стили для карусели*/

.schoolchild-banner {
    margin-bottom: 50px;
    margin-left: -32px;
    margin-right: -32px;
}

.schoolchild-banner-item {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0) 100%), url("/template/new/images/schoolchild/banner_bg_1.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    /*background-color: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0) 100%);*/

    padding: 191px;
    position: relative;
}

.schoolchild-banner-item-title {
    font-family: 'Druk Wide Cyr', sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 100%;
    color: #F5F2EC;

    margin-bottom: 16px;
}

.schoolchild-banner-item-title span {
    color: #CB7D5D;
}

.schoolchild-banner-item-subtitle {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 125%;
    color: rgba(245, 242, 236, 0.9);

    margin-bottom: 100px;
}

.schoolchild-banner-item-actions-btn {
    border-radius: 26px;
    padding: 8px 32px;
    background: #F5F2EC;
    border: 0;
    cursor: pointer;
    box-sizing: border-box;
    max-width: 262px;

    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    text-align: center;
    color: #334842;
    text-decoration: none;

    display: flex;
    align-items: center;
    justify-content: center;

    transition: .3s ease-in-out;
}

.schoolchild-banner-item-actions-btn:hover {
    background: #CB7D5D;
    color: #FFFFFF;
}

.schoolchild-banner-item-pin {
    border: 1px solid #f3f4f6;
    border-radius: 24px;
    padding: 9px 13px;

    text-decoration: none;

    box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    background: #FFFFFF;

    cursor: pointer;
    transition: .3s ease-in-out;
}

.schoolchild-banner-item-pin:hover {
    transform: scale(1.1);
}

.schoolchild-banner-item-pin.pinTop {
    position: absolute;
    top: calc(50% - 26px);
    left: calc(50% - 100px);
}

.schoolchild-banner-item-pin.pinTop.banner_1 {
    top: calc(50% - 26px);
    left: calc(63% - 100px);
}

.schoolchild-banner-item-pin.pinTop.posBottom.banner_1 {
    top: calc(84% - 26px);
    left: calc(65% - 70px);
}

.schoolchild-banner-item-pin.pinTop.banner_2 {
    top: calc(55% - 26px);
    left: calc(49% - 100px);
}

.schoolchild-banner-item-pin.pinTop::before {
    content: "";
    position: absolute;
    top: calc(50% - 8px);
    right: -20px;

    width: 16px;
    height: 16px;
    border-radius: 50%;
    box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    background: #FFFFFF;

    animation: pulseBefore 3s linear infinite;
}

.schoolchild-banner-item-pin.pinBottom {
    position: absolute;
    top: calc(70% - 26px);
    left: calc(50% - 70px);
}

.schoolchild-banner-item-pin.pinBottom.banner_1 {
    top: calc(84% - 26px);
    left: calc(76% - 70px);
}

.schoolchild-banner-item-pin.pinBottom.banner_2 {
    top: calc(72% - 26px);
    left: calc(72% - 70px);
}

.schoolchild-banner-item-pin.pinBottom::before {
    content: "";
    position: absolute;
    top: calc(50% - 8px);
    left: -20px;

    width: 16px;
    height: 16px;
    border-radius: 50%;
    box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    background: #FFFFFF;

    animation: pulseBefore 3s linear infinite;
}

.schoolchild-banner-item-pin-price {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    color: #CB7D5D;

    margin-bottom: 4px;
}

.schoolchild-banner-item-pin-title {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    color: #4a5565;
}

.schoolchild-banner .slick-prev, .schoolchild-banner .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: calc(50% - 44px);
    width: 48px;
    height: 48px;
    padding: 0;
    transform: none;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: #F5F2EC33;
    backdrop-filter: blur(8px);
    border-radius: 50%;
    z-index: 30;

    display: flex;
    align-items: center;
    justify-content: center;

    transition: .3s ease-in-out;
}

.schoolchild-banner .slick-prev:hover, .schoolchild-banner .slick-next:hover {
    background: #CB7D5D;
}

.schoolchild-banner .slick-prev {
    left: 16px;
}

.schoolchild-banner .slick-next {
    right: 16px;
}

.schoolchild-banner .slick-prev:before, .schoolchild-banner .slick-next:before {
    display: block;
    width: 24px;
    height: 24px;
    line-height: 1;
    opacity: 1;
    color: #BEBEC0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    transition: .3s ease-in-out;
}

.schoolchild-banner .slick-prev:hover:before, .schoolchild-banner .slick-next:hover:before {
    transform: scale(1.1);
}

.schoolchild-banner .slick-prev:before {
    content: url("/template/new/images/schoolchild/banner-paw-prev.svg");
}

.schoolchild-banner .slick-next:before {
    content: url("/template/new/images/schoolchild/banner-paw-next.svg");
}

.schoolchild-banner .slick-dots {
    bottom: 24px;
}

.schoolchild-banner .slick-dots li {
    width: 12px;
    height: 12px;
}

.schoolchild-banner .slick-dots li button {
    width: 12px;
    height: 12px;
    padding: 0;
}

.schoolchild-banner .slick-dots li button:before {
    width: 12px;
    height: 12px;
    line-height: 12px;
    font-size: 12px;
    opacity: 1;
    color: rgba(245, 242, 236, 0.5);;
}

.schoolchild-banner .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #CB7D5D;
}

@keyframes pulseBefore {
    0% {
        background: #FFFFFF;
    }
    50% {
        background: #F5F2EC33;
    }
    100% {
        background: #FFFFFF;
    }
}

@media screen and (max-width: 1600px) {
    .schoolchild-banner-item-title {
        max-width: 700px;
    }
}

@media screen and (max-width: 1250px) {
    .schoolchild-banner {
        margin-bottom: 96px;
        margin-left: -16px;
        margin-right: -16px;
    }
    .schoolchild-banner-item {
        padding: 167px 96px;
    }
}

@media screen and (max-width: 1100px) {
    .schoolchild-banner {
        margin-bottom: 68px !important;
    }
    .schoolchild-banner-item {
        padding: 106px 190px;
    }
    .schoolchild-banner-item-title {
        max-width: 425px;
        font-size: 36px;
        line-height: 133%;

        margin-bottom: 24px;
    }
    .schoolchild-banner-item-subtitle {
        font-size: 18px;
        line-height: 136%;

        margin-bottom: 54px;
    }
    .schoolchild-banner-item-actions-btn {
        border-radius: 15px;
        padding: 6px 21px;
        font-size: 18px;
        line-height: 133%;
        max-width: 225px;
    }
    .schoolchild-banner-item-pin {
        display: none;
    }
    .schoolchild-banner .slick-dots {
        bottom: 14px;
    }
    .schoolchild-banner .slick-dots li {
        width: 42px;
        height: 21px;
    }
    .schoolchild-banner .slick-dots li button {
        width: 42px;
        height: 21px;
    }
    .schoolchild-banner .slick-dots li button:before {
        width: 42px;
        height: 21px;
        font-size: 0;
    }
    .schoolchild-banner .slick-dots li.slick-active button:before {
        background-color: #CB7D5D;
        border-radius: 316px;
    }
    .schoolchild-banner .slick-dots li button:before {
        background-color: rgba(245, 242, 236, 0.5);
        border-radius: 316px;
    }
}

@media screen and (max-width: 768px) {
    .schoolchild-banner-item {
        padding: 30px 62px 40px 62px;
    }
    .schoolchild-banner .slick-prev, .schoolchild-banner .slick-next {
        display: none !important;
    }
}

@media screen and (max-width: 600px) {
    .schoolchild-banner-item-title {
        font-size: 30px;
        line-height: 130%;

        margin-bottom: 24px;
    }
}

@media screen and (max-width: 500px) {
    .schoolchild-banner-item {
        padding: 36px 14px 46px 14px;
    }
    .schoolchild-banner-item-title {
        font-weight: 500;
        font-size: 24px;
        line-height: 123%;
        max-width: 260px;
        margin-bottom: 72px;
    }
    .schoolchild-banner-item-subtitle {
        font-size: 16px;
        line-height: 153%;
        margin-bottom: 72px;
        max-width: 260px;
    }
    .schoolchild-banner-item-actions-btn {
        border-radius: 15px;
        padding: 8px 21px;
        font-size: 12px;
        line-height: 146%;
        max-width: 165px;
    }
}

/*----------------------*/
/*Стили для блока мебель для школьника*/

.schoolchild-furniture {
    margin-bottom: 64px;
}

.schoolchild-furniture-title {
    font-family: 'Druk Wide Cyr', sans-serif;
    font-weight: 500;
    font-size: 36px;
    line-height: 120%;
    color: #334842;

    margin-bottom: 8px;
}

.schoolchild-furniture-title span {
    color: #CB7D5D;
}

.schoolchild-furniture-subtitle {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 160%;
    color: #6B7B70;

    max-width: 670px;

    margin-bottom: 32px;
}

.schoolchild-furniture-items {
    display: grid;
    justify-items: center;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 24px;
    grid-row-gap: 22px;
}

.schoolchild-furniture-item {
    border: 1px solid rgba(51, 72, 66, 0.1);
    border-radius: 24px;
    padding: 25px;
    width: 100%;
    height: 462px;
    box-sizing: border-box;
}

.schoolchild-furniture-item-image {
    display: block;
    border-radius: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 600px;
    height: 232px;

    margin-bottom: 16px;
}

.schoolchild-furniture-item-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.schoolchild-furniture-item-title-text {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 140%;
    color: #334842;

    margin-bottom: 8px;
}

.schoolchild-furniture-item-description {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    text-align: center;
    color: #6B7B70;
    max-width: 235px;

    margin: 0 auto 16px auto;
}

.schoolchild-furniture-item-btn {
    border: 1px solid rgba(51, 72, 66, 0.1);
    border-radius: 26px;
    padding: 6px 13px;
    background: #F5F2EC;

    display: flex;
    align-items: center;
    justify-content: center;

    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    text-align: center;
    color: #334842;
    text-decoration: none;

    transition: .3s ease-in-out;
}

.schoolchild-furniture-item-btn:hover {
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 1250px){
    .schoolchild-furniture-item-description {
        max-width: unset;
        text-align: left;
    }
}

@media screen and (max-width: 1100px) {
    .schoolchild-furniture {
        margin-bottom: 41px;
    }

    .schoolchild-furniture-title {
        font-size: 24px;
        line-height: 120%;
    }

    .schoolchild-furniture-subtitle {
        font-size: 18px;
        line-height: 133%;
        max-width: 580px;

        margin-bottom: 23px;
    }

    .schoolchild-furniture-items {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 21px;
        grid-row-gap: 21px;
    }

    .schoolchild-furniture-item {
        border-radius: 21px;
        padding: 22px;
        width: 100%;
        height: 452px;
    }

    .schoolchild-furniture-item-image {
        border-radius: 21px;
        background-size: 600px;
        height: 261px;

        margin-bottom: 13px;
    }

    .schoolchild-furniture-item-title {
        gap: 7px;
    }

    .schoolchild-furniture-item-title-text {
        font-size: 18px;
        line-height: 133%;

        margin-bottom: 6px;
    }

    .schoolchild-furniture-item-description {
        font-size: 12px;
        line-height: 150%;

        margin: 0 0 20px 0;
    }

    .schoolchild-furniture-item-btn {
        border-radius: 15px;
        padding: 2px 22px;

        font-size: 18px;
        line-height: 133%;
    }
}

@media screen and (max-width: 570px) {
    .schoolchild-furniture {
        margin-bottom: 45px;
    }

    .schoolchild-furniture-title {
        font-size: 16px;
        line-height: 118%;
    }

    .schoolchild-furniture-subtitle {
        font-size: 12px;
        line-height: 150%;
        max-width: 370px;

        margin-bottom: 16px;
    }

    .schoolchild-furniture-items {
        grid-column-gap: 18px;
        grid-row-gap: 18px;
    }

    .schoolchild-furniture-item {
        border-radius: 18px;
        padding: 19px;
        width: 100%;
        height: 303px;
    }

    .schoolchild-furniture-item-image {
        border-radius: 10px;
        background-size: 500px;
        height: 200px;

        margin-bottom: 12px;
    }

    .schoolchild-furniture-item-title-icon {
        display: none;
    }

    .schoolchild-furniture-item-title-text {
        font-size: 16px;
        line-height: 131%;
    }

    .schoolchild-furniture-item-description {
        display: none;
    }

    .schoolchild-furniture-item-btn {
        border-radius: 7px;
        padding: 4px 10px;

        font-size: 12px;
        line-height: 125%;
    }
}

@media screen and (max-width: 450px) {
    .schoolchild-furniture-items {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(4, 1fr);
    }
}

/*----------------------*/
/*Стили для блока выбор покупателей*/

.schoolchild-choice {
    margin-bottom: 10px;
}

.schoolchild-choice-title {
    font-family: 'Druk Wide Cyr', sans-serif;
    font-weight: 500;
    font-size: 36px;
    line-height: 120%;
    color: #334842;

    margin-bottom: 8px;
}

.schoolchild-choice-title span {
    color: #CB7D5D;
}

@media screen and (max-width: 1100px) {
    .schoolchild-choice-title {
        font-weight: 500;
        font-size: 22px;
        line-height: 127%;
        margin-bottom: 6px;
    }
}

@media screen and (max-width: 570px) {
    .schoolchild-choice-title {
        font-size: 16px;
        line-height: 100%;
        margin-bottom: 5px;
    }
}

/*----------------------*/
/*Стили для блока категории*/

.schoolchild-category {
    margin-bottom: 128px;
}

.schoolchild-category-title {
    font-family: 'Druk Wide Cyr', sans-serif;
    font-weight: 700;
    font-size: 36px;
    line-height: 146%;
    color: #334842;

    margin-bottom: 8px;
}

.schoolchild-category-title span {
    color: #CB7D5D
}

.schoolchild-category-subtitle {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 160%;
    color: #6B7B70;

    margin-bottom: 32px;
}

.schoolchild-category-items {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;

    margin-bottom: 32px;
}

.schoolchild-category-item:nth-child(1) {
    grid-area: 1 / 1 / 2 / 4;
}

.schoolchild-category-item:nth-child(2) {
    grid-area: 1 / 4 / 2 / 7;
}

.schoolchild-category-item:nth-child(3) {
    grid-area: 2 / 1 / 3 / 3;
}

.schoolchild-category-item:nth-child(4) {
    grid-area: 2 / 3 / 3 / 5;
}

.schoolchild-category-item:nth-child(5) {
    grid-area: 2 / 5 / 3 / 7;
}

.schoolchild-category-item:nth-child(6) {
    grid-area: 3 / 1 / 4 / 4;
}

.schoolchild-category-item:nth-child(7) {
    grid-area: 3 / 4 / 4 / 7;
}

.schoolchild-category-item:nth-child(8) {
    grid-area: 4 / 1 / 5 / 7;
}

.schoolchild-category-item {
    border: 1px solid rgba(51, 72, 66, 0.1);
    border-radius: 24px;
    padding: 24px;
    position: relative;

    height: 192px;

    background-position: calc(100% - 24px) calc(100% - 24px);
    background-repeat: no-repeat;

    transition: .3s ease-in-out;
}

.schoolchild-category-item:hover {
    box-shadow: 0px 3px 6px rgb(0, 0, 0, 0.17);
}

.schoolchild-category-item-title {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
    color: #334842;

    margin-bottom: 8px;
}

.schoolchild-category-item-subtitle {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 162%;
    color: #6B7B70;

    margin-bottom: 25px;
}

.schoolchild-category-item-btn {
    border: 1px solid rgba(51, 72, 66, 0.1);
    border-radius: 26px;
    padding: 6px 13px;

    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    text-align: center;
    color: #334842;
    text-decoration: none;

    transition: .3s ease-in-out;

    position: absolute;
    left: 24px;
    bottom: 24px;
}

.schoolchild-category-item-btn:hover {
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3);
}

.schoolchild-category-item-btn-extra {
    display: none;

    background-image: url("/template/new/images/schoolchild/category/category_arrow.svg");
    background-position: center;
    background-repeat: no-repeat;

    box-sizing: border-box;

    border: 1px solid rgba(51, 72, 66, 0.1);
    border-radius: 7px;
    padding: 4px 9px;
    width: 31px;
    height: 24px;
}

.schoolchild-category-btn {
    border-radius: 26px;
    padding: 6px 32px;

    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    text-transform: none;

    transition: .3s ease-in-out;
}

@media screen and (max-width: 1100px) {
    .schoolchild-category {
        margin-bottom: 68px;
    }

    .schoolchild-category-title {
        font-weight: 500;
        font-size: 22px;
        line-height: 127%;

        margin-bottom: 6px;
    }

    .schoolchild-category-subtitle {
        font-size: 18px;
        line-height: 133%;

        margin-bottom: 28px;
    }

    .schoolchild-category-items {
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 14px;
        grid-row-gap: 14px;

        margin-bottom: 27px;
    }

    .schoolchild-category-item:nth-child(1),
    .schoolchild-category-item:nth-child(2),
    .schoolchild-category-item:nth-child(3),
    .schoolchild-category-item:nth-child(4),
    .schoolchild-category-item:nth-child(5),
    .schoolchild-category-item:nth-child(6),
    .schoolchild-category-item:nth-child(7),
    .schoolchild-category-item:nth-child(8) {
        grid-area: auto;
    }

    .schoolchild-category-item {
        background-image: url("/template/new/images/schoolchild/category/default.png") !important;
        background-position: calc(100% - 15px) calc(100% - 15px);
        border-radius: 21px;
        padding: 21px;

        height: 215px;
    }

    .schoolchild-category-item-title {
        font-size: 22px;
        line-height: 127%;

        margin-bottom: 0;
    }

    .schoolchild-category-item-subtitle {
        display: none;
    }

    .schoolchild-category-item-btn {
        border-radius: 15px;
        padding: 2px 22px;

        font-size: 18px;
        line-height: 133%;

        left: calc(50% - 63px);
        bottom: 21px;
    }

    .schoolchild-category-btn {
        border-radius: 15px;
        padding: 6px 21px;

        font-size: 18px;
        line-height: 133%;
    }
}

@media screen and (max-width: 768px) {
    .schoolchild-category {
        margin-bottom: 83px;
    }

    .schoolchild-category-items {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(3, 1fr);
    }

    .schoolchild-category-item {
        height: 166px;
    }
}

@media screen and (max-width: 650px) {
    .schoolchild-category-items {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(4, 1fr);
        grid-column-gap: 12px;
        grid-row-gap: 12px;

        margin-bottom: 23px;
    }

    .schoolchild-category-item {
        border-radius: 18px;
        padding: 12px;

        height: 48px;

        background-image: none !important;

        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .schoolchild-category-item-btn {
        display: none;
    }

    .schoolchild-category-item-btn-extra {
        display: flex;
    }
}

@media screen and (max-width: 570px) {
    .schoolchild-category {
        margin-bottom: 24px;
    }

    .schoolchild-category-title {
        font-size: 16px;
        line-height: 100%;

        margin-bottom: 5px;
    }

    .schoolchild-category-subtitle {
        font-size: 12px;
        line-height: 150%;

        margin-bottom: 24px;
    }

    .schoolchild-category-item-title {
        font-weight: 500;
        font-size: 14px;
        line-height: 121%;
    }

    .schoolchild-category-btn {
        border-radius: 7px;
        padding: 6px 24px;

        font-size: 12px;
        line-height: 150%;
    }
}

/*----------------------*/
/*Стилия для блока в виде зеленой линии между блоками*/

.schoolchild-hr {
    margin-right: -32px;
    margin-left: -32px;
    padding: 12px 232px;
    background-color: #334842;
    box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1);

    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 56px;
}

.schoolchild-hr-action-btn {
    border-radius: 26px;
    padding: 8px 24px;
    margin: 0;

    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    text-align: center;
    color: #FFFFFF;

    text-decoration: none;
    text-transform: none;
    transition: .3s ease-in-out;
}

.schoolchild-hr-action-btn::after {
    content: url("/template/new/images/schoolchild/hr_action_arrow.svg");
    margin-left: 20px;
}

.schoolchild-hr-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 32px;
}

.schoolchild-hr-content-item {

}

.schoolchild-hr-content-item-info {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    margin-bottom: 8px;
}

.schoolchild-hr-content-item-info-icon {

}

.schoolchild-hr-content-item-info-text {
    font-family: 'Druk Wide Cyr', sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 156%;
    text-align: center;
    color: #CB7D5D;
}

.schoolchild-hr-content-item-text {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    text-align: center;
    color: rgba(255, 255, 255, 0.9);
}

@media screen and (max-width: 1400px) {
    .schoolchild-hr {
        padding: 12px 120px;
    }
}

@media screen and (max-width: 1249px) {
    .schoolchild-hr {
        margin-right: -16px;
        margin-left: -16px;
    }
}

@media screen and (max-width: 1100px) {
    .schoolchild-hr {
        padding: 11px 60px;

        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
        gap: 14px;

        margin-bottom: 69px;
    }

    .schoolchild-hr-action {
        width: 100%;
        order: 1;
    }

    .schoolchild-hr-action-btn {
        border-radius: 15px;
        padding: 10px 24px;

        font-size: 18px;
        line-height: 133%;
    }

    .schoolchild-hr-content {
        gap: 28px;
    }

    .schoolchild-hr-content-item-info {
        gap: 7px;
        margin-bottom: 7px;
    }

    .schoolchild-hr-content-item-info-text {
        font-size: 18px;
        line-height: 97%;
    }

    .schoolchild-hr-content-item-text {
        font-size: 14px;
        line-height: 87%;
    }
}

@media screen and (max-width: 570px) {
    .schoolchild-hr {
        padding: 9px 55px;
        margin-bottom: 24px;
    }

    .schoolchild-hr-action-btn {
        border-radius: 7px;
        padding: 6px 17px;

        font-size: 12px;
        line-height: 150%;
    }

    .schoolchild-hr-action-btn::after {
        margin-left: 50px;
    }

    .schoolchild-hr-content {
        display: none;
    }
}

@media screen and (max-width: 390px) {
    .schoolchild-hr {
        padding: 9px 20px;
    }
}

/*----------------------*/
/*Стили для блока ИНДИВИДУАЛЬНЫЙ ЗАКАЗ*/

.schoolchild-individual {
    margin-bottom: 64px;
}

.schoolchild-individual-title {
    font-family: 'Druk Wide Cyr', sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 100%;
    color: #334842;

    margin-bottom: 32px;
}

.schoolchild-individual-title span {
    color: #CB7D5D;
}

.schoolchild-individual-content {
    background-color: #FFFFFF;
    box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    border-radius: 24px;
}

.schoolchild-individual-content-info {
    background: linear-gradient(90deg, rgba(51, 72, 66, 0.9) 0%, rgba(107, 123, 112, 0.8) 100%), url("/template/new/images/schoolchild/individual_bg.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    border-radius: 24px;
    padding: 48px 48px 80px 48px;

    position: relative;
}

.schoolchild-individual-content-info-title {
    font-family: 'Druk Wide Cyr', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 156%;
    text-transform: uppercase;
    color: #FFFFFF;

    max-width: 900px;

    margin-bottom: 8px;
}

.schoolchild-individual-content-info-title span {
    color: #CB7D5D;
}

.schoolchild-individual-content-info-subtitle {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 162%;
    color: rgba(245, 242, 236, 0.9);

    max-width: 670px;

    margin-bottom: 32px;
}

.schoolchild-individual-content-info-actions {
    display: flex;
    align-items: center;
    gap: 16px;
}

.schoolchild-individual-content-info-actions-btn {
    border-radius: 28px;
    padding: 5px 16px 6px 16px;
    display: flex;
    align-items: center;
    justify-content: center;

    background: #F5F2EC;

    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;

    transition: .3s ease-in-out;
}

.schoolchild-individual-content-info-actions-btn:hover {
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3);
}

.schoolchild-individual-content-info-actions-btn.consultation {
    color: #334842;
    border: 1px solid transparent;
}

.schoolchild-individual-content-info-actions-btn.consultation::before {
    content: '';
    background-image: url("/template/new/images/schoolchild/consultation-phone.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 16px;
    width: 16px;
    margin-right: 16px;

}

.schoolchild-individual-content-info-actions-btn.consultation::after {
    content: '';
    background-image: url("/template/new/images/schoolchild/consultatin-arrow.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 16px;
    width: 16px;
    margin-left: 16px;
}

.schoolchild-individual-content-info-actions-btn.measurements {
    color: #CB7D5D;
    border: 1px solid rgba(203, 125, 93, 0.5);
}

.schoolchild-individual-content-info-actions-btn.measurements::before {
    content: '';
    background-image: url("/template/new/images/schoolchild/measurements-ruler.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 16px;
    width: 16px;
    margin-right: 16px;
}

.schoolchild-individual-content-info-actions-btn.measurements::after {
    content: '';
    background-image: url("/template/new/images/schoolchild/measurements-arrow.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 16px;
    width: 16px;
    margin-left: 16px;
}

.schoolchild-individual-content-info-icon {
    background-image: url("/template/new/images/schoolchild/pen.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 0.1;

    width: 80px;
    height: 80px;

    position: absolute;
    top: 24px;
    right: 53px;
}

.schoolchild-individual-content-advantages {
    padding: 32px 48px;

    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    gap: 24px;
}

.schoolchild-individual-content-advantages-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.schoolchild-individual-content-advantages-item-icon {
    border-radius: 50%;
    padding: 12px;
    width: 48px;
    height: 48px;
    background-color: #F5F2EC;
    box-sizing: border-box;

    display: flex;
    align-items: center;
    justify-content: center;
}

.schoolchild-individual-content-advantages-item-info-title {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #334842;
    max-width: 146px;

    margin-bottom: 4px;
}

.schoolchild-individual-content-advantages-item-info-description {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 162%;
    color: #6B7B70;
    max-width: 183px;
}

@media screen and (max-width: 1100px){
    .schoolchild-individual {
        margin-bottom: 42px;
    }

    .schoolchild-individual-title {
        font-size: 24px;
        line-height: 150%;

        margin-bottom: 28px;
    }

    .schoolchild-individual-content {
        border-radius: 21px;
    }

    .schoolchild-individual-content-info {
        border-radius: 21px;
        padding: 27px 21px 56px 21px;
    }

    .schoolchild-individual-content-info-title {
        font-size: 22px;
        line-height: 127%;

        max-width: 730px;

        margin-bottom: 6px;
    }

    .schoolchild-individual-content-info-subtitle {
        line-height: 126%;
        max-width: unset;
        margin-bottom: 28px;
    }

    .schoolchild-individual-content-info-actions {
        gap: 14px;
    }

    .schoolchild-individual-content-info-actions-btn {
        border-radius: 17px;
        width: 100%;

        font-size: 18px;
        line-height: 133%;
    }

    .schoolchild-individual-content-info-actions-btn.consultation::before {
        height: 14px;
        width: 14px;
        margin-right: 14px;
    }

    .schoolchild-individual-content-info-actions-btn.consultation::after {
        height: 14px;
        width: 14px;
        margin-left: 14px;
    }

    .schoolchild-individual-content-info-actions-btn.measurements::before {
        height: 14px;
        width: 14px;
        margin-right: 14px;
    }

    .schoolchild-individual-content-info-actions-btn.measurements::after {
        height: 14px;
        width: 14px;
        margin-left: 14px;
    }

    .schoolchild-individual-content-info-icon {
        width: 56px;
        height: 56px;

        top: 21px;
        right: 54px;
    }

    .schoolchild-individual-content-advantages {
        padding: 28px 21px 39px 21px;

        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        justify-items: center;
        gap: 21px;
    }

    .schoolchild-individual-content-advantages-item {
        gap: 14px;
    }

    .schoolchild-individual-content-advantages-item-icon {
        padding: 10px;
        width: 42px;
        height: 42px;
    }

    .schoolchild-individual-content-advantages-item-icon svg {
        width: 21px;
        height: 21px;
    }

    .schoolchild-individual-content-advantages-item-info-title {
        font-size: 14px;
        line-height: 150%;
        max-width: unset;

        margin-bottom: 3px;
    }

    .schoolchild-individual-content-advantages-item-info-description {
        font-size: 12px;
        line-height: 150%;
        max-width: 219px;
    }
}

@media screen and (max-width: 768px){

    .schoolchild-individual-content-info-icon {
        top: 21px;
        right: 21px;
    }

    .schoolchild-individual-content-advantages {
        padding: 28px 21px;
    }
}

@media screen and (max-width: 720px){
    .schoolchild-individual-content-info-actions {
        flex-direction: column;
    }
}

@media screen and (max-width: 570px) {
    .schoolchild-individual {
        margin-bottom: 36px;
    }

    .schoolchild-individual-title {
        font-size: 16px;
        line-height: 150%;

        margin-bottom: 15px;
    }

    .schoolchild-individual-content {
        border-radius: 18px;
    }

    .schoolchild-individual-content-info {
        border-radius: 18px;
        padding: 23px 18px 23px 18px;
    }

    .schoolchild-individual-content-info-title {
        font-weight: 500;
        font-size: 14px;
        line-height: 150%;

        margin-bottom: 6px;
    }

    .schoolchild-individual-content-info-subtitle {
        font-weight: 500;
        font-size: 12px;
        line-height: 133%;

        margin-bottom: 24px;
    }

    .schoolchild-individual-content-info-actions {
        gap: 12px;
    }

    .schoolchild-individual-content-info-actions-btn {
        border-radius: 9px;
        padding: 7px 16px;

        font-size: 12px;
        line-height: 133%;
    }

    .schoolchild-individual-content-info-actions-btn.consultation::before {
        height: 12px;
        width: 12px;
        margin-right: 12px;
    }

    .schoolchild-individual-content-info-actions-btn.consultation::after {
        height: 12px;
        width: 12px;
        margin-left: 12px;
    }

    .schoolchild-individual-content-info-actions-btn.measurements::before {
        height: 12px;
        width: 12px;
        margin-right: 12px;
    }

    .schoolchild-individual-content-info-actions-btn.measurements::after {
        height: 12px;
        width: 12px;
        margin-left: 12px;
    }

    .schoolchild-individual-content-info-icon {
        width: 48px;
        height: 48px;
        top: 18px;
        right: 18px;
    }

    .schoolchild-individual-content-advantages {
        padding: 18px 11px;
        gap: 18px;
    }

    .schoolchild-individual-content-advantages-item {
        gap: 10px;
    }

    .schoolchild-individual-content-advantages-item-icon {
        padding: 10px;
        width: 34px;
        height: 34px;
    }

    .schoolchild-individual-content-advantages-item-info-title {
        font-size: 12px;
    }

    .schoolchild-individual-content-advantages-item-info-description {
        font-size: 10px;
    }
}

@media screen and (max-width: 450px) {
    .schoolchild-individual-content-advantages {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(4, 1fr);
    }
}

@media screen and (max-width: 390px){
    .schoolchild-individual-title {
        font-weight: 500;
        font-size: 15px;
        margin-bottom: 10px;
    }

    .schoolchild-individual-content-info {
        border-radius: 18px;
        padding: 23px 18px 23px 18px;
    }

    .schoolchild-individual-content-info-icon {
        width: 24px;
        height: 24px;
        top: 18px;
        right: 18px;
    }
}

/*----------------------*/
/*Стили для блока наши работы*/

.schoolchild-our-work {
    margin-bottom: 64px;
}

.schoolchild-our-work-title {
    font-family: 'Druk Wide Cyr', sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 100%;
    color: #334842;

    margin-bottom: 8px;
}

.schoolchild-our-work-title span {
    color: #CB7D5D;
}

.schoolchild-our-work-subtitle {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #6B7B70;

    margin-bottom: 32px;
}

.schoolchild-our-work-items {
    /*display: grid;*/
    /*grid-template-columns: repeat(4, 1fr);*/
    /*grid-template-rows: 1fr;*/
    /*gap: 24px;*/
}

.schoolchild-our-work-items .slick-track {
    display: flex;
    gap: 24px;
}

.schoolchild-our-work-items .slick-dots {
    bottom: -24px;
}

.schoolchild-our-work-items .slick-dots li {
    width: 12px;
    height: 12px;
}

.schoolchild-our-work-items .slick-dots li button {
    width: 12px;
    height: 12px;
    padding: 0;
}

.schoolchild-our-work-items .slick-dots li button:before {
    width: 12px;
    height: 12px;
    line-height: 12px;
    font-size: 12px;
    opacity: 1;
    color: #2D4942;
}

.schoolchild-our-work-items .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #CB7D5D;
}

.schoolchild-our-work-item {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    position: relative;

    border-radius: 28px;
    padding: 204px 16px 16px 16px;
    height: 320px;
    box-sizing: border-box;

    cursor: pointer;
    transition: .8s ease-in-out;
}

.slick-slide:nth-child(1) .schoolchild-our-work-item {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 100%), url('/template/new/images/schoolchild/ourWork/forBoy.jpg')
}
.slick-slide:nth-child(2) .schoolchild-our-work-item {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 100%), url('/template/new/images/schoolchild/ourWork/forGirl.jpg')
}
.slick-slide:nth-child(3) .schoolchild-our-work-item {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 100%), url('/template/new/images/schoolchild/ourWork/forSchoolBoy.jpg')
}
.slick-slide:nth-child(4) .schoolchild-our-work-item {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 100%), url('/template/new/images/schoolchild/ourWork/forSchoolBoy.jpg')
}

/*.schoolchild-our-work-item:hover {*/
/*    background-image: none !important;*/
/*    background-color: #2D4942 !important;*/
/*}*/

/*.schoolchild-our-work-item:hover .schoolchild-our-work-item-title,*/
/*.schoolchild-our-work-item:hover .schoolchild-our-work-item-subtitle,*/
/*.schoolchild-our-work-item:hover .schoolchild-our-work-item-badge {*/
/*    opacity: 0;*/
/*}*/

/*.schoolchild-our-work-item:hover .schoolchild-our-work-item-btn {*/
/*    opacity: 1;*/
/*}*/


.schoolchild-our-work-item-title {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #FFFFFF;
    opacity: 1;

    margin-bottom: 7px;

    transition: .3s ease-in-out;
}

.schoolchild-our-work-item-subtitle {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 162%;
    color: rgba(255, 255, 255, 0.9);
    opacity: 1;

    transition: .3s ease-in-out;
}

.schoolchild-our-work-item-badge {
    backdrop-filter: blur(8px);
    background: rgba(245, 242, 236, 0.9);
    opacity: 1;

    position: absolute;
    top: 14px;
    left: 16px;

    border-radius: 26px;
    padding: 3px 8px;

    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 10px;
    line-height: 120%;
    color: #334842;

    transition: .3s ease-in-out;
}

.schoolchild-our-work-item-btn {
    opacity: 0;

    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 115px);

    width: 230px;
    border-radius: 28px;
    padding: 6px 16px 6px 16px;
    display: flex;
    align-items: center;
    justify-content: center;

    background: #F5F2EC;
    color: #334842;

    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;

    transition: .3s ease-in-out;
}

.schoolchild-our-work-item-btn::before {
    content: '';
    background-image: url("/template/new/images/schoolchild/ourWork/share.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    height: 16px;
    width: 16px;
    margin-right: 16px;
}

/*@media screen and (max-width: 1200px){*/
/*    .schoolchild-our-work-items {*/
/*        grid-template-columns: repeat(2, 1fr);*/
/*        grid-template-rows: repeat(2, 1fr);*/
/*        gap: 21px;*/
/*    }*/
/*}*/

@media screen and (max-width: 1100px){
    .schoolchild-our-work {
        margin-bottom: 42px;
    }

    .schoolchild-our-work-title {
        font-size: 24px;
        line-height: 150%;

        margin-bottom: 7px;
    }

    .schoolchild-our-work-subtitle {
        font-size: 18px;
        line-height: 133%;

        margin-bottom: 28px;
    }

    .schoolchild-our-work-item {
        border-radius: 17px;
        padding: 167px 15px 15px 15px;
        height: 280px;
    }

    .schoolchild-our-work-item-title {
        font-size: 22px;
        line-height: 127%;

        margin-bottom: 6px;
    }

    .schoolchild-our-work-item-subtitle {
        font-size: 12px;
        line-height: 150%;
    }

    .schoolchild-our-work-item-badge {
        top: 11px;
        left: 11px;

        border-radius: 15px;
        padding: 3px 6px;

        font-weight: 500;
        font-size: 12px;
        line-height: 150%;
    }
}

@media screen and (max-width: 768px){
    .schoolchild-our-work-item {
        height: unset;
    }
    .schoolchild-our-work-item-subtitle {
        font-family: 'IBM Plex Sans', sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 162%;
        color: rgba(255, 255, 255, 0.9);
        max-width: 250px;
    }
}

@media screen and (max-width: 570px){
    .schoolchild-our-work {
        margin-bottom: 36px;
    }

    .schoolchild-our-work-title {
        font-weight: 500;
        font-size: 16px;
        line-height: 87%;

        margin-bottom: 11px;
    }

    .schoolchild-our-work-subtitle {
        font-size: 12px;
        line-height: 150%;

        margin-bottom: 24px;
    }

    /*.schoolchild-our-work-items {*/
    /*    grid-template-columns: repeat(1, 1fr);*/
    /*    grid-template-rows: repeat(4, 1fr);*/
    /*    gap: 18px;*/
    /*}*/

    .schoolchild-our-work-items .slick-track {
        gap: 18px;
    }

    .schoolchild-our-work-item {
        border-radius: 18px;
        padding: 170px 12px 18px 12px;
    }

    .schoolchild-our-work-item-title {
        font-weight: 500;
        font-size: 14px;
        line-height: 114%;

        margin-bottom: 5px;
    }

    .schoolchild-our-work-item-subtitle {
        font-size: 10px;
        line-height: 150%;
    }

    .schoolchild-our-work-item-badge {
        top: 10px;
        left: 9px;

        border-radius: 7px;
        padding: 2px 6px;

        font-weight: 700;
        font-size: 8px;
        line-height: 150%;
    }
}

/*----------------------*/
/*Стили для блока с эскизом*/

.schoolchild-sketch {
    border-radius: 28px;
    box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    background: linear-gradient(170deg, #f5f2ec 0%, rgba(232, 228, 219, 0.5) 100%);
    padding: 48px;

    position: relative;

    margin-bottom: 64px;
}

.schoolchild-sketch-title {
    font-family: 'Druk Wide Cyr', sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 100%;
    color: #334842;

    margin-bottom: 8px;
}

.schoolchild-sketch-title span {
    color: #CB7D5D;
}

.schoolchild-sketch-subtitle {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 162%;
    color: #6B7B70;
    max-width: 671px;

    margin-bottom: 32px;
}

.schoolchild-sketch-items {
    display: flex;
    align-items: center;
    gap: 16px;

    margin-bottom: 32px;
}

.schoolchild-sketch-item {
    padding: 16px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 28px;

    display: flex;
    align-items: center;

    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: #334842;
}

.schoolchild-sketch-item::before {
    content: '';
    width: 8px;
    height: 8px;
    background: #CB7D5D;

    margin-right: 12px;
}

.schoolchild-sketch-btn {
    border-radius: 28px;
    padding: 5px 16px 6px 16px;
    box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    background: #CB7D5D;

    display: flex;
    align-items: center;
    justify-content: center;

    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    text-decoration: none;
    text-align: center;
    color: #FFFFFF;

    max-width: 265px;
    box-sizing: border-box;

    margin-bottom: 32px;
}

.schoolchild-sketch-btn::before {
    content: '';
    background-image: url("/template/new/images/schoolchild/sketch/sketch-pen.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    width: 16px;
    height: 16px;

    margin-right: 20px;
}

.schoolchild-sketch-btn::after {
    content: '';
    background-image: url("/template/new/images/schoolchild/sketch/sketch-arrow.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    width: 16px;
    height: 16px;

    margin-left: 20px;
}

.schoolchild-sketch-prompt {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 28px;
    padding: 16px;

    max-width: 900px;

    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 10px;
    line-height: 120%;
    color: #6B7B70;
}

.schoolchild-sketch-lightbulb {
    position: absolute;
    top: 16px;
    right: 38px;
    opacity: 0.1;

    background-image: url("/template/new/images/schoolchild/sketch/sketch-lightbulb.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    width: 64px;
    height: 64px;
}

.schoolchild-sketch-palette {
    position: absolute;
    bottom: 16px;
    left: 21px;
    opacity: 0.1;

    background-image: url("/template/new/images/schoolchild/sketch/sketch-palette.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    width: 64px;
    height: 64px;
}

@media screen and (max-width: 1100px){
    .schoolchild-sketch {
        border-radius: 17px;
        background: linear-gradient(156deg, #f5f2ec 0%, rgba(232, 228, 219, 0.5) 100%);
        padding: 28px 21px 18px 21px;

        margin-bottom: 42px;
    }

    .schoolchild-sketch-title {
        font-size: 24px;
        line-height: 200%;

        margin-bottom: 6px;
    }

    .schoolchild-sketch-subtitle {
        font-size: 18px;
        line-height: 133%;
        max-width: 580px;

        margin-bottom: 28px;
    }

    .schoolchild-sketch-items {
        gap: 14px;

        margin-bottom: 28px;
    }

    .schoolchild-sketch-item {
        padding: 14px;
        border-radius: 17px;

        font-size: 12px;
        line-height: 146%;
    }

    .schoolchild-sketch-btn {
        border-radius: 17px;
        padding: 5px 21px;
        font-size: 18px;
        line-height: 133%;

        max-width: 252px;

        margin-bottom: 27px;
    }

    .schoolchild-sketch-btn::before {
        width: 14px;
        height: 14px;
        margin-right: 18px;
    }

    .schoolchild-sketch-btn::after {
        width: 14px;
        height: 14px;
        margin-left: 18px;
    }

    .schoolchild-sketch-prompt {
        border-radius: 17px;
        padding: 13px 14px 14px 14px;

        max-width: 900px;

        font-weight: 500;
        font-size: 12px;
        line-height: 150%;
    }

    .schoolchild-sketch-lightbulb {
        top: 14px;
        right: 38px;

        width: 42px;
        height: 42px;
    }

    .schoolchild-sketch-palette {
        bottom: 14px;
        left: 20px;

        width: 35px;
        height: 35px;
    }
}

@media screen and (max-width: 570px){
    .schoolchild-sketch {
        border-radius: 9px;
        background: linear-gradient(118deg, #f5f2ec 0%, rgba(232, 228, 219, 0.5) 100%);
        padding: 24px 18px;

        margin-bottom: 36px;
    }

    .schoolchild-sketch-title {
        font-weight: 500;
        font-size: 16px;
        line-height: 118%;

        margin-bottom: 6px;
    }

    .schoolchild-sketch-subtitle {
        font-weight: 500;
        font-size: 12px;
        line-height: 133%;
        max-width: unset;

        margin-bottom: 24px;
    }

    .schoolchild-sketch-items {
        gap: 12px;
        flex-direction: column;

        margin-bottom: 24px;
    }

    .schoolchild-sketch-item {
        padding: 12px;
        border-radius: 9px;
        width: 100%;
        box-sizing: border-box;

        font-size: 10px;
        line-height: 150%;
    }

    .schoolchild-sketch-item::before {
        width: 6px;
        height: 6px;
        margin-right: 9px;
    }

    .schoolchild-sketch-btn {
        border-radius: 9px;
        padding: 5px 12px;
        font-size: 12px;
        line-height: 175%;

        max-width: 175px;

        margin-bottom: 30px;
    }

    .schoolchild-sketch-btn::before {
        width: 12px;
        height: 12px;
        margin-right: 15px;
    }

    .schoolchild-sketch-btn::after {
        width: 12px;
        height: 12px;
        margin-left: 15px;
    }

    .schoolchild-sketch-prompt {
        border-radius: 9px;
        padding: 5px 12px 12px 12px;

        max-width: unset;

        font-weight: 700;
        font-size: 8px;
        line-height: 183%;
    }

    .schoolchild-sketch-lightbulb {
        top: 12px;
        right: 12px;

        width: 36px;
        height: 36px;
    }

    .schoolchild-sketch-palette {
        bottom: 12px;
        left: 12px;

        width: 30px;
        height: 30px;
    }
}

/*----------------------*/
/*Стили для блока с отзывами*/

.schoolchild-reviews {
    margin-bottom: 96px;
}

.schoolchild-reviews-title {
    font-family: 'Druk Wide Cyr', sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 100%;
    color: #334842;

    margin-bottom: 8px;
}

.schoolchild-reviews-title span {
    color: #CB7D5D;
}

.schoolchild-reviews-subtitle {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #6B7B70;

    margin-bottom: 32px;
}

.schoolchild-reviews-items {
    /*display: grid;*/
    /*grid-template-columns: repeat(4, 1fr);*/
    /*grid-template-rows: 1fr;*/
    /*justify-items: center;*/
    /*gap: 24px;*/

    margin-bottom: 66px;
}

.schoolchild-reviews-items .slick-track {
    display: flex;
    gap: 24px;
}

.schoolchild-reviews-items .slick-list {
    padding-bottom: 30px;
}

.schoolchild-reviews-items .slick-dots {
    bottom: 0;
}

.schoolchild-reviews-items .slick-dots li {
    width: 12px;
    height: 12px;
}

.schoolchild-reviews-items .slick-dots li button {
    width: 12px;
    height: 12px;
    padding: 0;
}

.schoolchild-reviews-items .slick-dots li button:before {
    width: 12px;
    height: 12px;
    line-height: 12px;
    font-size: 12px;
    opacity: 1;
    color: #2D4942;
}

.schoolchild-reviews-items .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #CB7D5D;
}

.schoolchild-reviews-item {
    border: 1px solid rgba(51, 72, 66, 0.1);
    border-radius: 28px;
    padding: 25px;
    box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    background: #FFFFFF;

    position: relative;
    box-sizing: border-box;
}

.schoolchild-reviews-item-ratings {
    display: flex;
    align-items: center;
    gap: 7px;

    margin-bottom: 20px;
}

.schoolchild-reviews-item-ratings-star {
    width: 16px;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.schoolchild-reviews-item-ratings-star.full {
    background-image: url('/template/new/images/schoolchild/reviews/star-full.svg');
}

.schoolchild-reviews-item-ratings-star.empty {
    background-image: url('/template/new/images/schoolchild/reviews/star-empty.svg');
}

.schoolchild-reviews-item-text {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 162%;
    color: #6B7B70;

    max-height: 100px;
    overflow-y: scroll;

    margin-bottom: 16px;
}

.schoolchild-reviews-item-description {
    border-radius: 4px;
    padding: 8px;
    background: #F5F2EC;

    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 10px;
    line-height: 120%;
    color: #6B7B70;

    margin-bottom: 19px;
}

.schoolchild-reviews-item-person {
    display: flex;
    align-items: center;
    gap: 12px;
}

.schoolchild-reviews-item-person-avatar {
    border-radius: 50%;
    width: 32px;
    height: 32px;
    background: #f3f4f6;
}

.schoolchild-reviews-item-person-info {

}

.schoolchild-reviews-item-person-info-name {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: #334842;
}

.schoolchild-reviews-item-person-info-time {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 10px;
    line-height: 120%;
    color: #6B7B70;
}

.schoolchild-reviews-item-quotes {
    background-image: url("/template/new/images/schoolchild/reviews/quotes.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    position: absolute;
    top: 25px;
    right: 25px;

    width: 20px;
    height: 20px;
}

.schoolchild-reviews-goals {
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 24px;
}

.schoolchild-reviews-goals-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.schoolchild-reviews-goals-item-icon {
    border-radius: 50%;
    width: 48px;
    height: 48px;
    background: rgba(203, 125, 93, 0.1);
    padding: 12px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.schoolchild-reviews-goals-item-title {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 133%;
    text-align: center;
    color: #334842;
}

.schoolchild-reviews-goals-item-subtitle {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    text-align: center;
    color: #6B7B70;
}

@media screen and (max-width: 1100px){
    .schoolchild-reviews {
        margin-bottom: 78px;
    }

    .schoolchild-reviews-title {
        font-size: 24px;
        line-height: 150%;

        margin-bottom: 7px;
    }

    .schoolchild-reviews-subtitle {
        font-size: 18px;
        line-height: 133%;

        margin-bottom: 28px;
    }

    .schoolchild-reviews-items {
        /*display: grid;*/
        /*grid-template-columns: repeat(2, 1fr);*/
        /*grid-template-rows: repeat(2, 1fr);*/
        /*justify-items: center;*/
        /*gap: 21px;*/

        margin-bottom: 48px;
    }

    .schoolchild-reviews-items .slick-track {
        display: flex;
        gap: 21px;
    }

    .schoolchild-reviews-item {
        border-radius: 17px;
        padding: 22px;
    }

    .schoolchild-reviews-item-ratings {
        gap: 4px;

        margin-bottom: 24px;
    }

    .schoolchild-reviews-item-ratings-star {
        width: 14px;
        height: 14px;
    }

    .schoolchild-reviews-item-text {
        font-size: 18px;
        line-height: 111%;

        margin-bottom: 24px;
    }

    .schoolchild-reviews-item-description {
        border-radius: 3px;
        padding: 7px;

        font-size: 12px;
        line-height: 150%;

        margin-bottom: 24px;
    }

    .schoolchild-reviews-item-person {
        gap: 10px;
    }

    .schoolchild-reviews-item-person-avatar {
        width: 28px;
        height: 28px;
    }

    .schoolchild-reviews-item-person-info-name {
        font-size: 18px;
        line-height: 97%;
    }

    .schoolchild-reviews-item-person-info-time {
        font-size: 12px;
        line-height: 150%;
    }

    .schoolchild-reviews-item-quotes {
        top: 22px;
        right: 22px;

        width: 18px;
        height: 18px;
    }

    .schoolchild-reviews-goals {
        gap: 21px;
    }

    .schoolchild-reviews-goals-item-icon {
        width: 42px;
        height: 42px;
        padding: 10px;
    }

    .schoolchild-reviews-goals-item-title {
        font-size: 27px;
        line-height: 122%;
    }

    .schoolchild-reviews-goals-item-subtitle {
        font-size: 12px;
        line-height: 146%;
    }
}

/*@media screen and (max-width: 768px){*/
    .schoolchild-reviews-items {
        /*grid-template-columns: repeat(1, 1fr);*/
        /*grid-template-rows: repeat(4, 1fr);*/
    }
/*}*/

@media screen and (max-width: 570px){
    .schoolchild-reviews {
        margin-bottom: 36px;
    }

    .schoolchild-reviews-title {
        font-weight: 500;
        font-size: 16px;
        line-height: 118%;

        margin-bottom: 6px;
    }

    .schoolchild-reviews-subtitle {
        font-size: 12px;
        line-height: 150%;

        margin-bottom: 24px;
    }

    .schoolchild-reviews-items {
        /*gap: 18px;*/

        /*margin-bottom: 30px;*/
    }

    .schoolchild-reviews-items .slick-track {
        display: flex;
        gap: 18px;
    }

    .schoolchild-reviews-item {
        border-radius: 9px;
        padding: 19px;
    }

    .schoolchild-reviews-item-ratings {
        gap: 3px;

        margin-bottom: 11px;
    }

    .schoolchild-reviews-item-ratings-star {
        width: 12px;
        height: 12px;
    }

    .schoolchild-reviews-item-text {
        font-size: 12px;
        line-height: 150%;

        margin-bottom: 19px;
    }

    .schoolchild-reviews-item-description {
        border-radius: 3px;
        padding: 6px;

        font-size: 10px;
        line-height: 150%;

        margin-bottom: 11px;
    }

    .schoolchild-reviews-item-person {
        gap: 9px;
    }

    .schoolchild-reviews-item-person-avatar {
        width: 24px;
        height: 24px;
    }

    .schoolchild-reviews-item-person-info-name {
        font-weight: 500;
        font-size: 12px;
        line-height: 150%;
    }

    .schoolchild-reviews-item-person-info-time {
        font-size: 10px;
        line-height: 150%;
    }

    .schoolchild-reviews-item-quotes {
        top: 19px;
        right: 19px;

        width: 15px;
        height: 15px;
    }

    .schoolchild-reviews-goals {
        gap: 6px;
    }

    .schoolchild-reviews-goals-item {
        gap: 9px;
    }

    .schoolchild-reviews-goals-item-icon {
        width: 28px;
        height: 28px;
        padding: 9px;
    }

    .schoolchild-reviews-goals-item-title {
        font-size: 14px;
        line-height: 133%;
    }

    .schoolchild-reviews-goals-item-subtitle {
        font-size: 10px;
        line-height: 143%;
    }
}

/*----------------------*/
/*Стили для блока часто задаваемые вопросы*/

.schoolchild-questions {
    margin-bottom: 192px;
}

.schoolchild-questions-title {
    font-family: 'Druk Wide Cyr', sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 100%;
    color: #334842;

    margin-bottom: 8px;
}

.schoolchild-questions-title span {
    color: #CB7D5D;
}

.schoolchild-questions-subtitle {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 160%;
    color: #6B7B70;

    max-width: 633px;

    margin-bottom: 32px;
}

.schoolchild-questions-items {
    display: flex;
    flex-direction: column;
    align-items: center;
}

details.schoolchild-questions-item:nth-child(7),
details.schoolchild-questions-item:nth-child(8),
details.schoolchild-questions-item:nth-child(9),
details.schoolchild-questions-item:nth-child(10),
details.schoolchild-questions-item:nth-child(11) {
    display: none;
}

.schoolchild-questions-item summary.schoolchild-questions-item-summary::-webkit-details-marker {
    display: none;
}

details.schoolchild-questions-item {
    width: 100%;
}

details.schoolchild-questions-item
summary.schoolchild-questions-item-summary {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 500;
    font-size: 32px;
    line-height: 94%;
    color: #2d4942;

    border: 1px solid #c97c5c;
    border-radius: 45px;
    padding: 25px 350px 31px 41px;
    margin-bottom: 25px;

    cursor: pointer;
    position: relative;

}

details.schoolchild-questions-item
summary.schoolchild-questions-item-summary::before {
    content: '';
    width: 55px;
    height: 55px;
    background-color: transparent;
    border: 1px solid #c97c5c;
    border-radius: 50%;
    position: absolute;
    right: 17px;
    top: calc(50% - 27px);
    box-sizing: border-box;
    transition: 0.2s;
    cursor: pointer;
}

details.schoolchild-questions-item
summary.schoolchild-questions-item-summary::after {
    content: '';
    width: 33px;
    height: 22px;
    background-image: url("/template/new/images/schoolchild/questions/questions_arrow.svg");
    background-position: center;
    background-repeat: no-repeat;
    transition: 0.2s;
    position: absolute;
    right: 27px;
    top: calc(50% - 11px);
    cursor: pointer;
}

details.schoolchild-questions-item[open] > summary.schoolchild-questions-item-summary::before {
    background-color: #c97c5c;
}

details.schoolchild-questions-item[open] > summary.schoolchild-questions-item-summary::after {
    background-image: url("/template/new/images/schoolchild/questions/questions_arrow-white.svg");
    transform: rotate(90deg);
    right: 27px;
    top: calc(50% - 11px);
}

.schoolchild-questions-item-content {
    padding-left: 41px;

    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 25px;
    line-height: 140%;
    color: #2d4942;

    margin-bottom: 34px;
}

.schoolchild-questions-more {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 114%;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    text-align: center;
    cursor: pointer;
    color: #b1b1b5;
}

@media screen and (max-width: 1100px) {
    .schoolchild-questions {
        margin-bottom: 139px;
    }
    .schoolchild-questions-title {
        font-size: 24px;
        line-height: 150%;
        margin-bottom: 6px;
    }
    .schoolchild-questions-subtitle {
        font-size: 18px;
        line-height: 133%;
        max-width: 588px;
        margin-bottom: 28px;
    }
    details.schoolchild-questions-item {
        width: 100%;
    }
    details.schoolchild-questions-item summary.schoolchild-questions-item-summary {
        padding: 25px 108px 31px 41px;
    }
}

@media screen and (max-width: 850px) {
    details.schoolchild-questions-item summary.schoolchild-questions-item-summary {
        font-size: 25px;
        line-height: 100%;
        padding: 25px 84px 31px 41px;
    }
    .schoolchild-questions-item-content {
        font-size: 20px;
        line-height: 125%;
    }
}

@media screen and (max-width: 570px) {

    .schoolchild-questions {
        margin-bottom: 24px;
    }

    .schoolchild-questions-title {
        font-weight: 500;
        font-size: 16px;
        line-height: 118%;
    }

    .schoolchild-questions-subtitle {
        font-size: 12px;
        line-height: 150%;

        max-width: unset;

        margin-bottom: 24px;
    }

    details.schoolchild-questions-item summary.schoolchild-questions-item-summary {
        font-size: 14px;
        line-height: 107%;
        padding: 20px 70px 20px 25px;
        margin-bottom: 15px;
    }
    .schoolchild-questions-item-content {
        font-size: 14px;
        line-height: 121%;
        margin-bottom: 21px;
        padding-left: 25px;
    }
    details.schoolchild-questions-item summary.schoolchild-questions-item-summary::before {
        content: '';
        width: 33px;
        height: 33px;
        right: 22px;
        top: calc(50% - 16px);
    }
    details.schoolchild-questions-item summary.schoolchild-questions-item-summary::after {
        content: '';
        width: 20px;
        height: 13px;
        background-size: cover;
        right: 28px;
        top: calc(50% - 7px);
    }
    details.schoolchild-questions-item[open] > summary.schoolchild-questions-item-summary::after {
        right: 28px;
        top: calc(50% - 7px);
    }

    .schoolchild-questions-more {
        font-size: 15px;
        line-height: 167%;
    }
}

/*----------------------*/
/*Стили для блока с формой*/

.schoolchild-form {
    background-image: url("/template/new/images/schoolchild/form/form_bg.png");
    margin-left: -32px;
    margin-right: -32px;
}

.schoolchild-form-content {
    background-color: rgba(245, 242, 236, 0.8);
    padding: 48px 192px;
}

.schoolchild-form-title {
    font-family: 'Druk Wide Cyr', sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 100%;
    color: #334842;

    margin-bottom: 23px;
}

.schoolchild-form-title span {
    color: #CB7D5D;
}

.schoolchild-form-subtitle {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 162%;
    color: #6B7B70;
    max-width: 725px;

    margin-bottom: 17px;
}

.schoolchild-form-scope {
    border-radius: 24px;
    padding: 48px;

    box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    background: #FFFFFF;
}

.schoolchild-form-scope form {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.schoolchild-form-scope-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 32px;
}

.schoolchild-form-scope-top-left {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.schoolchild-form-scope-top-left-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.schoolchild-form-scope-top-left-item label {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #334842;
}

.schoolchild-form-scope-top-left-item input {
    border-radius: 26px;
    width: 704px;
    height: unset;
    box-sizing: border-box;
    background: transparent;
    border: 0;
    outline: none;
    padding: 13px 12px;

    position: relative;

    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #334842;

    transition: .2s ease-in-out;
}

.schoolchild-form-scope-top-left-item input:focus {
    background: #f5f2ec;
}

.schoolchild-form-scope-top-left-item input::placeholder {
    color: #6B7B70;
}

.schoolchild-form-scope-top-left-item-optional {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 10px;
    line-height: 120%;
    color: #6B7B70;
}

.schoolchild-form-scope-top-left-item-check {
    display: flex;
    align-items: center;
    gap: 12px;
}

.schoolchild-form-scope-top-left-item-check input[type="checkbox"] {
    accent-color: #CB7D5D;
    box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    background: #FFFFFF;
    border: 1px solid rgba(51, 72, 66, 0.1);
    border-radius: 4px;
    width: 16px !important;
    height: 16px !important;
}

.schoolchild-form-scope-top-left-item-check label {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    color: #334842;
}


/*------------Стили для drag and drop-----------*/

.schoolchild-form-scope-top-left-item-file {
    position: relative;
    display: none;
    gap: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px;
    border-radius: 50px;
    border: 2px dashed #cb7d5d;
    background: #cb7d5d0d;
    color: #cb7d5d;
    cursor: pointer;
    margin-top: 18px;
    transition: background .2s ease-in-out;
}

.schoolchild-form-scope-top-left-item-file input[type=file] {
    width: 350px;
    max-width: 100%;
    color: #444;
    padding: 5px;
    background: #cb7d5d0d;
    border-radius: 10px;
    border: 1px solid #cb7d5d;
}

.schoolchild-form-scope-top-left-item-file input[type=file]::file-selector-button {
    margin-right: 20px;
    border: none;
    background: #CB7D5D;
    padding: 10px 20px;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;

    transition: .3s ease-in-out;
}

.schoolchild-form-scope-top-left-item-file input[type=file]::file-selector-button:hover {
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3);
}

.schoolchild-form-scope-top-left-item-file:hover {
    background: #cb7d5d1a;
}

.schoolchild-form-scope-top-left-item-file span {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 500;
    color: #CB7D5D;
    font-size: 20px;
    text-align: center;
    transition: color .2s ease-in-out;

    display: flex;
    flex-direction: column;
    align-items: center;
}

.schoolchild-form-scope-top-left-item-file span::before {
    content: '';
    background-image: url("/template/new/images/schoolchild/form/form_drag_and_drop.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    width: 36px;
    height: 36px;
    margin-bottom: 13px;
}

.schoolchild-form-scope-top-left-item-file.drag-active {
    background: #eee;
    border-color: #111;
}

.schoolchild-form-scope-top-left-item-file.drag-active span {
    color: #222;
}

/*-----------------------*/

.schoolchild-form-scope-top-right {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.schoolchild-form-scope-top-right-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.schoolchild-form-scope-top-right-item label {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #334842;
}

.schoolchild-form-scope-top-right-item textarea {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
    border-radius: 26px;
    padding: 8px 12px;
    line-height: 150%;
    color: #334842;
    border: 0;
    background: transparent;

    transition: .2s ease-in-out;
}

.schoolchild-form-scope-top-right-item textarea::placeholder {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: #6B7B70;
}

.schoolchild-form-scope-top-right-item textarea:focus {
    background: #f5f2ec;
}

.schoolchild-form-scope-top-right-item-optional {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 10px;
    line-height: 120%;
    color: #6B7B70;
}

.schoolchild-form-scope-top-right-item-info {
    border-radius: 28px;
    padding: 16px;
    background: rgba(203, 125, 93, 0.05);
}

.schoolchild-form-scope-top-right-item-info-title {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #334842;

    margin-bottom: 8px;
}

.schoolchild-form-scope-top-right-item-info-text {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: #6B7B70;

    margin-bottom: 4px;
}

.schoolchild-form-scope-top-right-item-info-text:last-child {
    margin-bottom: 0;
}

.schoolchild-form-scope-top-right-item-check {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.schoolchild-form-scope-top-right-item-check input[type="checkbox"] {
    accent-color: #CB7D5D;
    box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    background: #FFFFFF;
    border: 1px solid rgba(51, 72, 66, 0.1);
    border-radius: 4px;
    width: 16px !important;
    height: 16px !important;
}

.schoolchild-form-scope-top-right-item-check label {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    color: #334842;
}

.schoolchild-form-scope-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 23px;
}

.schoolchild-form-scope-bottom-btn {
    border-radius: 26px;
    padding: 10px 16px;

    background: linear-gradient(90deg, #cb7d5d 0%, rgba(203, 125, 93, 0.8) 100%);

    display: flex;
    align-items: center;
    justify-content: center;

    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
}

.schoolchild-form-scope-bottom-btn.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.schoolchild-form-scope-bottom-btn::before {
    content: '';
    background-image: url("/template/new/images/schoolchild/form/form_arrow.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    width: 16px;
    height: 16px;
    margin-right: 20px;
}

.schoolchild-form-scope-bottom-btn::after {
    content: '';
    background-image: url("/template/new/images/schoolchild/form/form_star.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    width: 16px;
    height: 16px;
    margin-left: 20px;
}

.schoolchild-form-scope-bottom-text {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 162%;
    text-align: center;
    color: #6B7B70;

    max-width: 436px;
    margin: 0 auto;
}

@media screen and (max-width: 1800px){
    .schoolchild-form-scope-top-left-item input {
        width: 500px;
    }
}

@media screen and (max-width: 1400px){
    .schoolchild-form-scope-top-left-item input {
        width: 410px;
    }
}

@media screen and (max-width: 1300px){
    .schoolchild-form-scope-top {
        flex-direction: column;
        gap: 28px;
    }

    .schoolchild-form-scope-top-left,
    .schoolchild-form-scope-top-right {
        width: 100%;
    }

    .schoolchild-form-scope-top-left-item input {
        width: 100%;
    }
}

@media screen and (max-width: 1249px){
    .schoolchild-form {
        margin-left: -16px;
        margin-right: -16px;
    }
}

@media screen and (max-width: 1100px){
    .schoolchild-form-content {
        padding: 48px 144px;
    }

    .schoolchild-form-title {
        font-size: 36px;
        line-height: 133%;

        margin-bottom: 20px;
    }

    .schoolchild-form-subtitle {
        font-size: 18px;
        line-height: 133%;

        margin-bottom: 50px;
    }

    .schoolchild-form-scope {
        border-radius: 21px;
        padding: 28px;
    }
}

@media screen and (max-width: 768px) {
    .schoolchild-form-content {
        padding: 56px 69px;
    }

    .schoolchild-form-scope-top-left-item label,
    .schoolchild-form-scope-top-right-item label {
        font-weight: 500;
        font-size: 15px;
        line-height: 140%;
    }

    .schoolchild-form-scope-top-right-item-info-title {
        font-size: 14px;
    }

    .schoolchild-form-scope-top-right-item-info-text {
        font-size: 12px;
        line-height: 146%;
    }

    .schoolchild-form-scope-top-left-item-file span {
        font-size: 16px;
    }

    .schoolchild-form-scope-top-left-item-file span::before {
        width: 28px;
        height: 28px;
        margin-bottom: 10px;
    }

    .schoolchild-form-scope-bottom {
        gap: 20px;
    }

    .schoolchild-form-scope-bottom-btn {
        width: 100%;
        box-sizing: border-box;
        font-size: 18px;
        line-height: 133%;
    }

    .schoolchild-form-scope-bottom-text {
        font-weight: 500;
        font-size: 12px;
        line-height: 150%;
        color: #6B7B70;
    }
}

@media screen and (max-width: 570px) {
    .schoolchild-form-content {
        padding: 36px 20px;
    }

    .schoolchild-form-title {
        font-weight: 500;
        font-size: 16px;
        line-height: 118%;
        margin-bottom: 12px;
    }

    .schoolchild-form-subtitle {
        font-size: 12px;
        line-height: 150%;
        max-width: unset;
        margin-bottom: 12px;
    }

    .schoolchild-form-scope {
        border-radius: 17px;
        padding: 15px;
    }

    .schoolchild-form-scope form {
        gap: 24px;
    }

    .schoolchild-form-scope-top {
        gap: 15px;
    }

    .schoolchild-form-scope-top-left {
        gap: 15px;
    }

    .schoolchild-form-scope-top-left-item-file {
        padding: 15px;
        border-radius: 20px;
    }

    .schoolchild-form-scope-top-right {
        gap: 15px;
    }
}

@media screen and (max-width: 390px){
    .schoolchild-form-scope-top-left-item label,
    .schoolchild-form-scope-top-right-item label {
        font-size: 12px;
    }

    .schoolchild-form-scope-top-left-item input {
        font-size: 10px;
    }

    .schoolchild-form-scope-top-left-item-file input[type=file]::file-selector-button {
        margin-right: 20px;
        padding: 10px 10px;
    }

    .schoolchild-form-scope-top-right-item textarea {
        font-size: 10px;
    }

    .schoolchild-form-scope-top-right-item textarea::placeholder {
        font-size: 10px;
    }

    .schoolchild-form-scope-top-right-item-info-title {
        font-size: 12px;
    }

    .schoolchild-form-scope-top-right-item-info-text {
        font-size: 10px;
    }

    .schoolchild-form-scope-top-left-item-file span {
        font-size: 12px;
    }

    .schoolchild-form-scope-top-left-item-file span::before {
        width: 28px;
        height: 28px;
        margin-bottom: 10px;
    }

    .schoolchild-form-scope-bottom {
        gap: 15px;
    }

    .schoolchild-form-scope-bottom-btn {
        font-size: 14px;
    }

    .schoolchild-form-scope-bottom-btn::before {
        width: 12px;
        height: 12px;
        margin-right: 12px;
    }

    .schoolchild-form-scope-bottom-btn::after {
        width: 12px;
        height: 12px;
        margin-left: 12px;
    }

    .schoolchild-form-scope-bottom-text {
        font-size: 10px;
    }
}


/*----------------------*/