/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: "";
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

@font-face {
    font-family: 'Poppins';
    src: url("/assets/fonts/subset-Poppins-Medium.woff") format("woff"), url("/assets/fonts/subset-Poppins-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url("/assets/fonts/subset-Poppins-Regular.woff2") format("woff2"), url("/assets/fonts/subset-Poppins-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url("/assets/fonts/subset-Poppins-SemiBold.woff2") format("woff2"), url("/assets/fonts/subset-Poppins-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

body {
    font-family: 'Poppins';
}

a {
    text-decoration: none;
}

.container {
    padding: 0 7%;
    margin: 0 auto;
}

.nav-education:hover .nav-education__dropdown {
    visibility: visible;
    /*transition: all .5s;*/
}

.nav-education .nav-education__dropdown {
    display: flex;
    gap: 100px;
    position: absolute;
    z-index: 1000;
    left: 6%;
    top: 67%;
    padding: 26px 87px 26px 26px;
    border: 1px solid #f3e6f7;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0px 4px 6px -4px #101828;
    visibility: hidden;
    transition: all 0.3s ease;
}

    .nav-education .nav-education__dropdown ul {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: nowrap;
        gap: 32px;
    }

        .nav-education .nav-education__dropdown ul li {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            flex-wrap: nowrap;
            gap: 20px;
        }

            .nav-education .nav-education__dropdown ul li a {
                font-size: 16px;
                font-weight: 500;
                line-height: 24px;
                color: #5e007c;
            }

.aside-menu {
    transition: 0.3s all;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 300;
    width: 100%;
    height: 100%;
    background-color: #370049;
    padding: 23px 20px 20px 20px;
    transform: translateX(-100%);
}

    .aside-menu.active {
        transform: translateX(0);
    }

.aside-menu__wrp {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: nowrap;
}

    .aside-menu__wrp .close {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        flex-wrap: nowrap;
        margin-bottom: 30px;
    }

.aside-menu__list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 50px;
}

    .aside-menu__list a {
        color: #f3e6f7;
        font-size: 24px;
        font-weight: 500;
        line-height: 32px;
    }

.aside-menu__brands {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
}

.aside-menu__education {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
}

.accordion-menu {
    padding: 18px 22px 51px 20px;
    background-color: #370049;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    transition: all 0.3s;
}

    .accordion-menu.active {
        transform: translateX(0);
    }

.accordion-menu__wrp ul {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 24px;
}

    .accordion-menu__wrp ul span {
        font-size: 24px;
        font-weight: 500;
        line-height: 32px;
        color: #f3e6f7;
    }

    .accordion-menu__wrp ul a {
        font-size: 20px;
        font-weight: 400;
        line-height: 28px;
        color: #d9b0e6;
    }

.accordion-menu__header {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 52px;
}

.accordion-menu .close {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: nowrap;
}

.header__wrp {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    position: relative;
}

@media only screen and (max-width: 1024px) {
    .header__wrp .header-nav-left,
    .header__wrp .header-nav-right {
        display: none;
        height: 100%;
    }
}

.header__wrp .header-nav-left#nav-active li .header-nav-items.active,
.header__wrp .header-nav-right#nav-active li .header-nav-items.active {
    color: #370049;
    position: relative;
}

    .header__wrp .header-nav-left#nav-active li .header-nav-items.active::before,
    .header__wrp .header-nav-right#nav-active li .header-nav-items.active::before {
        position: absolute;
        content: url(~/assets/images/header-active-img.svg);
        top: 70%;
        left: 47%;
    }

    .header__wrp .header-nav-left#nav-active li .header-nav-items.active:hover,
    .header__wrp .header-nav-right#nav-active li .header-nav-items.active:hover {
        color: #8400ae;
    }

.header__wrp .header-nav-left#nav-active li .header-nav-items:not(.active),
.header__wrp .header-nav-right#nav-active li .header-nav-items:not(.active) {
    opacity: 50%;
}

    .header__wrp .header-nav-left#nav-active li .header-nav-items:not(.active):hover,
    .header__wrp .header-nav-right#nav-active li .header-nav-items:not(.active):hover {
        color: #8400ae;
    }

.header__wrp .header-nav-left .nav-list,
.header__wrp .header-nav-right .nav-list {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    gap: 40px;
}

    .header__wrp .header-nav-left .nav-list li .header-nav-items,
    .header__wrp .header-nav-right .nav-list li .header-nav-items {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        color: #370049;
    }

        .header__wrp .header-nav-left .nav-list li .header-nav-items svg path,
        .header__wrp .header-nav-right .nav-list li .header-nav-items svg path {
            stroke: #370049;
        }

        .header__wrp .header-nav-left .nav-list li .header-nav-items:hover,
        .header__wrp .header-nav-right .nav-list li .header-nav-items:hover {
            color: #8400ae;
        }

            .header__wrp .header-nav-left .nav-list li .header-nav-items:hover svg path,
            .header__wrp .header-nav-right .nav-list li .header-nav-items:hover svg path {
                stroke: #8400ae;
            }

            .header__wrp .header-nav-left .nav-list li .header-nav-items:hover svg,
            .header__wrp .header-nav-right .nav-list li .header-nav-items:hover svg {
                rotate: 180deg;
                transition: all 0.3s ease;
            }

.header__wrp figure {
    padding: 20px 0;
}

.header__wrp .burger__menu {
    display: none;
}

@media only screen and (max-width: 1024px) {
    .header__wrp .burger__menu {
        display: initial;
    }
}

.footer {
    padding: 40px 0 20px 0;
    background-image: linear-gradient(#78009e, #370049);
}

    .footer .footer-top {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: stretch;
        flex-wrap: nowrap;
    }

@media only screen and (max-width: 768px) {
    .footer .footer-top {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: nowrap;
        gap: 40px;
    }
}

.footer .footer-top__logo {
    width: 30%;
}

@media only screen and (max-width: 768px) {
    .footer .footer-top__logo {
        width: 100%;
        text-align: center;
    }
}

.footer .footer-top__right {
    width: 70%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: nowrap;
}

@media only screen and (max-width: 768px) {
    .footer .footer-top__right {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap;
    }
}

.footer .footer-top__right .footer-education ul {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 8px;
    margin-bottom: 8px;
    text-align: center;
}

    .footer .footer-top__right .footer-education ul li a {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        color: #d9b0e6;
    }

        .footer .footer-top__right .footer-education ul li a:hover {
            color: #ad54c9;
        }

    .footer .footer-top__right .footer-education ul li #education {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        color: #f3e6f7;
    }

        .footer .footer-top__right .footer-education ul li #education:hover {
            color: #ad54c9;
        }

.footer .footer-top__right .footer-about {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 8px;
}

@media only screen and (max-width: 768px) {
    .footer .footer-top__right .footer-about {
        margin-top: 40px;
    }
}

@media only screen and (max-width: 768px) {
    .footer .footer-top__right .footer-about {
        text-align: center;
    }
}

.footer .footer-top__right .footer-about ul {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 14px;
}

    .footer .footer-top__right .footer-about ul li a {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        color: #f3e6f7;
    }

        .footer .footer-top__right .footer-about ul li a:hover {
            color: #ad54c9;
        }

.footer .footer-top__right .footer-about .footer-contact {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 8px;
}

    .footer .footer-top__right .footer-about .footer-contact a {
        font-size: 14px;
        font-weight: 500;
        line-height: 24px;
        color: #d9b0e6;
    }

        .footer .footer-top__right .footer-about .footer-contact a:hover {
            color: #ad54c9;
        }

.footer .footer-bottom {
    margin-top: 60px;
}

    .footer .footer-bottom ul {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: nowrap;
        gap: 32px;
    }

@media only screen and (max-width: 768px) {
    .footer .footer-bottom ul {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: stretch;
        flex-wrap: nowrap;
    }
}

.footer .footer-bottom ul li svg:hover path {
    fill: #ad54c9;
}

.footer .footer-bottom ul li:last-child svg:hover path {
    stroke: #ad54c9;
}

.law {
    padding: 14px 0;
}

    .law a {
        font-size: 12px;
        font-weight: 400;
        line-height: 24px;
        color: #370049;
        background-color: #fff;
    }

        .law a:hover {
            cursor: pointer;
        }

#preloader {
    height: 100vh !important;
    width: 100%;
    position: fixed;
    z-index: 9999;
    background: #370049 url(../images/preloader-codinarium.gif) no-repeat center center;
}

.apply {
    background-image: url(/assets/images/apply.bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100%;
}

.apply__wrp {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: nowrap;
    padding-bottom: 20px;
}

@media only screen and (max-width: 768px) {
    .apply__wrp {
        padding-top: 109px;
    }
}

.apply__wrp .apply-left {
    padding-top: 160px;
    max-width: 596px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 24px;
}

    .apply__wrp .apply-left h1 {
        font-size: 58px;
        font-weight: 600;
        line-height: 72px;
        color: #5e007c;
    }

@media only screen and (max-width: 1024px) {
    .apply__wrp .apply-left h1 {
        font-size: 48px;
        font-weight: 600;
        line-height: 64px;
    }
}

@media only screen and (max-width: 768px) {
    .apply__wrp .apply-left h1 {
        font-size: 34px;
        font-weight: 600;
        line-height: 40px;
    }
}

.apply__wrp .apply-left p {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    color: #370049;
}

.apply__wrp .apply-left a {
    display: inline-block;
    padding: 16px 72px;
    border-radius: 8px;
    background-color: #bf339c;
    color: #f7e6f3;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}

    .apply__wrp .apply-left a:hover {
        background-color: #7c005d;
        transition: all .4s ease;
    }

@media only screen and (max-width: 768px) {
    .apply__wrp .apply-left {
        display: none;
    }
}

.apply__wrp .apply-right {
    display: flex;
    justify-content: flex-end;
    align-items: end;
}

    .apply__wrp .apply-right figure {
        width: 400px;
        height: 406px;
        border-radius: 16px;
        overflow: hidden;
    }

        .apply__wrp .apply-right figure img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

/*        @media only screen and (max-width: 768px) {
            .apply__wrp .apply-right figure {
        width: 167px;
    }

        .apply__wrp .apply-right figure img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
}*/

.apply-responsive {
    display: none;
}

@media only screen and (max-width: 768px) {
    .apply-responsive {
        display: initial;
    }
}

.apply-responsive .apply-left {
    padding: 51px 0 140px 0;
    max-width: 596px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 24px;
}

    .apply-responsive .apply-left h1 {
        font-size: 58px;
        font-weight: 600;
        line-height: 72px;
        color: #5e007c;
    }

@media only screen and (max-width: 1024px) {
    .apply-responsive .apply-left h1 {
        font-size: 48px;
        font-weight: 600;
        line-height: 64px;
    }
}

@media only screen and (max-width: 768px) {
    .apply-responsive .apply-left h1 {
        font-size: 34px;
        font-weight: 600;
        line-height: 40px;
    }
}

.apply-responsive .apply-left p {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    color: #370049;
}

.apply-responsive .apply-left a {
    width: 100%;
    padding: 16px 72px;
    border-radius: 8px;
    background-color: #bf339c;
    color: #f7e6f3;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
}

    .apply-responsive .apply-left a:hover {
        background-color: #7c005d;
        transition: all .4s ease;
    }

.education-programming {
    padding-top: 160px;
    padding-bottom: 160px;
}

@media only screen and (max-width: 768px) {
    .education-programming {
        padding-top: 0;
    }
}

.education-programming__wrp {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 40px;
}

    .education-programming__wrp .education-title h2 {
        font-size: 58px;
        font-weight: 600;
        line-height: 72px;
        color: #5e007c;
    }

@media only screen and (max-width: 1024px) {
    .education-programming__wrp .education-title h2 {
        font-size: 48px;
        font-weight: 600;
        line-height: 64px;
    }
}

@media only screen and (max-width: 768px) {
    .education-programming__wrp .education-title h2 {
        font-size: 34px;
        font-weight: 600;
        line-height: 40px;
    }
}

.education-programming__wrp .education-cards {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 20px;
}

.education-programming__wrp .education-cards__items {
    position: relative;
    width: calc( ( 100% - 40px ) / 3);
    padding: 10px 10px 20px 10px;
    border: 1px solid #d9b0e6;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 60px;
}

    .education-programming__wrp .education-cards__items figure {
        height: 190px;
        overflow: hidden;
    }

        .education-programming__wrp .education-cards__items figure img {
            border-radius: 10px;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .education-programming__wrp .education-cards__items .education-cards-text {
        text-align: center;
    }

        .education-programming__wrp .education-cards__items .education-cards-text span {
            font-size: 16px;
            font-weight: 400;
            line-height: 24px;
            color: #9d33be;
        }

        .education-programming__wrp .education-cards__items .education-cards-text h5 {
            font-size: 24px;
            font-weight: 600;
            line-height: 32px;
            color: #490060;
        }

    .education-programming__wrp .education-cards__items a {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

@media only screen and (max-width: 768px) {
    .education-programming__wrp .education-cards__items {
        width: 100%;
    }
}

.education-programming__wrp .education-btn a {
    display: inline-block;
    text-align: center;
    border: 1px solid #af0083;
    border-radius: 8px;
    padding: 16px 72px;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    color: #af0083;
}

    .education-programming__wrp .education-btn a:hover {
        background-color: #bf339c;
        border: 1px solid #bf339c;
        color: #f7e6f3;
        transition: all .4s ease;
    }

.about-page {
    padding-left: 7%;
}

@media only screen and (max-width: 768px) {
    .about-page {
        padding-left: 0;
    }
}

.about-page__wrp {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 60px;
}

@media only screen and (max-width: 768px) {
    .about-page__wrp {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: nowrap;
    }
}

.about-page__wrp .left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 24px;
}

    .about-page__wrp .left h4 {
        font-size: 58px;
        font-weight: 600;
        line-height: 72px;
        color: #5e007c;
    }

@media only screen and (max-width: 1024px) {
    .about-page__wrp .left h4 {
        font-size: 48px;
        font-weight: 600;
        line-height: 64px;
    }
}

@media only screen and (max-width: 768px) {
    .about-page__wrp .left h4 {
        font-size: 34px;
        font-weight: 600;
        line-height: 40px;
    }
}

.about-page__wrp .left p {
    max-width: 361px;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    color: #370049;
}

.about-page__wrp .left a {
    text-align: center;
    padding: 16px 72px;
    width: max-content;
    border-radius: 8px;
    background-color: #bf339c;
    color: #f7e6f3;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}

    .about-page__wrp .left a:hover {
        background-color: #7c005d;
        transition: all .4s ease;
    }

@media only screen and (max-width: 768px) {
    .about-page__wrp .left a {
        width: 100%;
        display: inline-block;
    }
}

@media only screen and (max-width: 768px) {
    .about-page__wrp .left {
        padding: 0 7%;
        width: 100%;
    }
}

.about-page__wrp .right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.projects {
    background-image: url(/assets/images/projects-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    padding-bottom: 60px;
}

@media only screen and (max-width: 1024px) {
    .projects {
        padding: 0 7% 60px;
    }
}

.projects__wrp {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 60px;
    padding-top: 120px;
}

    .projects__wrp .projects-title {
        text-align: center;
    }

        .projects__wrp .projects-title h3 {
            font-size: 58px;
            font-weight: 600;
            line-height: 72px;
            color: #5e007c;
        }

@media only screen and (max-width: 1024px) {
    .projects__wrp .projects-title h3 {
        font-size: 48px;
        font-weight: 600;
        line-height: 64px;
    }
}

@media only screen and (max-width: 768px) {
    .projects__wrp .projects-title h3 {
        font-size: 34px;
        font-weight: 600;
        line-height: 40px;
    }
}

.projects__wrp .projects-content {
    padding: 20px 0;
}

    .projects__wrp .projects-content .slick-slide {
        transform: scale(0.7);
        transition: all 0.3s;
        padding: 20px 0;
    }

    .projects__wrp .projects-content .slick-center {
        transform: scale(1.1);
    }

    .projects__wrp .projects-content .slick-slide figure {
        height: 288px;
        border-radius: 12px;
        overflow: hidden;
    }

        .projects__wrp .projects-content .slick-slide figure img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .projects__wrp .projects-content .slick-center .items-text {
        display: block !important;
    }

    .projects__wrp .projects-content .slick-center figure {
        height: 360px;
        border-radius: 12px;
        overflow: hidden;
        margin-bottom: 10px;
    }

    .projects__wrp .projects-content .slick-center img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .projects__wrp .projects-content .projects-slider {
        position: relative;
    }



        .projects__wrp .projects-content .projects-slider a {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

        .projects__wrp .projects-content .projects-slider img {
            width: 100%;
        }

        .projects__wrp .projects-content .projects-slider .items-text {
            border-radius: 12px;
            background-color: #f3e6f7;
            padding: 16px 16px 16px 30px;
            display: none;
        }

            .projects__wrp .projects-content .projects-slider .items-text p {
                font-size: 16px;
                font-weight: 500;
                line-height: 24px;
                color: #5e007c;
                max-width: 315px;
            }

.projects__wrp .projects-slide-btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
}

.projects__wrp .projects-slide-btn__main {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    gap: 117px;
}

@media only screen and (max-width: 1024px) {
    .projects__wrp .projects-slide-btn__main {
        gap: 0;
        width: 100%;
    }
}

.projects__wrp .projects-slide-btn__main .prev:hover path, .projects__wrp .projects-slide-btn__main .next:hover path {
    stroke: #8400ae;
    transition: all 0.4s ease;
}

.projects__wrp .projects-slide-btn__main a {
    padding: 10px 48px;
    border: 1px solid #af0083;
    border-radius: 8px;
    color: #af0083;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}

    .projects__wrp .projects-slide-btn__main a:hover {
        background-color: #af0083;
        color: #f3e6f7;
        transition: all 0.4s ease;
    }

.regions {
    padding-top: 60px;
}

    .regions .regions-main {
        padding-right: 7%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        flex-wrap: nowrap;
    }

@media only screen and (max-width: 1024px) {
    .regions .regions-main {
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: nowrap;
    }
}

.regions .regions-main__text {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 40px;
}

@media only screen and (max-width: 1024px) {
    .regions .regions-main__text {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-end;
        flex-wrap: nowrap;
    }
}

@media only screen and (max-width: 768px) {
    .regions .regions-main__text {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: nowrap;
        padding: 0 20px;
    }
}

.regions .regions-main__text .text-head {
    max-width: 420px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 20px;
}

    .regions .regions-main__text .text-head h2 {
        font-size: 58px;
        font-weight: 600;
        line-height: 72px;
        color: #370049;
    }

@media only screen and (max-width: 1024px) {
    .regions .regions-main__text .text-head h2 {
        font-size: 48px;
        font-weight: 600;
        line-height: 64px;
    }
}

@media only screen and (max-width: 768px) {
    .regions .regions-main__text .text-head h2 {
        font-size: 34px;
        font-weight: 600;
        line-height: 40px;
    }
}

.regions .regions-main__text .text-head h2 span {
    color: #8400ae;
}

.regions .regions-main__text .text-head p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #370049;
}

@media only screen and (max-width: 768px) {
    .regions .regions-main__text .text-head {
        width: 100%;
    }
}

.regions .regions-main__text .text-body {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    gap: 10px;
}

    .regions .regions-main__text .text-body .text-body-left {
        width: 73%;
        /*style the items (options), including the selected item:*/
        /*style items (options):*/
        /*hide the items when the select box is closed:*/
    }

        .regions .regions-main__text .text-body .text-body-left .custom-select {
            position: relative;
            width: 100%;
            padding: 10px 14px;
            border: 1px solid #f3e6f7;
            border-radius: 8px;
            outline: none;
            color: #ad54c9;
            font-size: 14px;
            font-weight: 400;
            line-height: 24px;
            box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
        }

            .regions .regions-main__text .text-body .text-body-left .custom-select select {
                display: none;
                /*hide original SELECT element:*/
            }

        .regions .regions-main__text .text-body .text-body-left .select-selected {
            background-color: #fff;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: stretch;
            flex-wrap: nowrap;
            position: relative;
        }

            .regions .regions-main__text .text-body .text-body-left .select-selected:after {
                position: absolute;
                content: url(/assets/images/region-down.svg);
                right: 0;
                top: 4%;
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                flex-wrap: nowrap;
            }

            .regions .regions-main__text .text-body .text-body-left .select-selected.select-arrow-active::after {
                transform: rotate(180deg);
                position: absolute;
                right: 0;
                bottom: 4%;
            }

        .regions .regions-main__text .text-body .text-body-left .select-items {
            position: absolute;
            background-color: #fff;
            top: 100%;
            left: 0;
            right: 0;
            z-index: 99;
            border: 1px solid #f3e6f7;
            border-radius: 8px;
        }

            .regions .regions-main__text .text-body .text-body-left .select-items div {
                position: relative;
                padding: 10px 14px;
                outline: none;
                color: #5e007c;
                font-size: 14px;
                font-weight: 400;
                line-height: 24px;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: stretch;
                flex-wrap: nowrap;
            }

                .regions .regions-main__text .text-body .text-body-left .select-items div:after {
                    position: absolute;
                    content: url(/assets/images/check.svg);
                    top: 14px;
                    right: 10%;
                    width: 0;
                    height: 0;
                    display: none;
                }

            .regions .regions-main__text .text-body .text-body-left .select-items .same-as-selected {
                position: relative;
            }

                .regions .regions-main__text .text-body .text-body-left .select-items .same-as-selected:after {
                    position: absolute;
                    content: url(/assets/images/check.svg);
                    top: 14px;
                    right: 10%;
                    width: 0;
                    height: 0;
                    display: initial;
                }

        .regions .regions-main__text .text-body .text-body-left .select-hide {
            display: none;
        }

        .regions .regions-main__text .text-body .text-body-left .select-items div:hover,
        .regions .regions-main__text .text-body .text-body-left .same-as-selected {
            background-color: #f3e6f7;
        }

.regions .regions-main__text .text-body-right {
    width: 27%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
}

    .regions .regions-main__text .text-body-right button {
        padding: 10px 37px;
        background-color: #8400ae;
        border: none;
        border-radius: 8px;
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
    }

        .regions .regions-main__text .text-body-right button:hover {
            transition: all 0.3s ease;
            background-color: #d9b0e6;
        }

            .regions .regions-main__text .text-body-right button:hover .search-text {
                color: #5e007c;
            }

@media only screen and (max-width: 768px) {
    .regions .regions-main__text .text-body-right button {
        padding: 10px 22px;
    }

        .regions .regions-main__text .text-body-right button:hover .search-btn circle, .regions .regions-main__text .text-body-right button:hover path {
            stroke: #5e007c;
        }
}

.regions .regions-main__text .text-body-right button .search-text {
    color: #f3e6f7;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

@media only screen and (max-width: 768px) {
    .regions .regions-main__text .text-body-right button .search-text {
        display: none;
    }
}

.regions .regions-main__text .text-body-right button .search-btn {
    display: none;
}

@media only screen and (max-width: 768px) {
    .regions .regions-main__text .text-body-right button .search-btn {
        display: initial;
        color: #f3e6f7;
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

.regions .regions-main__map {
    max-width: 815px;
}

@media only screen and (max-width: 768px) {
    .regions .regions-main__map {
        width: 100%;
        overflow: auto;
    }
}

.regions .regions-main__map figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.notFound {
    background-image: url(/assets/images/notFound-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

    .notFound .wrp {
        padding: 100px 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;
        gap: 40px;
    }

        .notFound .wrp h1 {
            font-size: 300px;
            font-weight: 600;
            line-height: 300px;
            color: #9d33be;
        }

@media only screen and (max-width: 1024px) {
    .notFound .wrp h1 {
        font-size: 240px;
        font-weight: 600;
        line-height: 300px;
    }
}

@media only screen and (max-width: 768px) {
    .notFound .wrp h1 {
        font-size: 176px;
        font-weight: 600;
        line-height: 300px;
    }
}

.notFound .wrp span {
    color: #9d33be;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
}

.notFound .wrp a {
    padding: 12px 48px;
    border: 1px solid #5e007c;
    border-radius: 8px;
    color: #5e007c;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}

    .notFound .wrp a:hover {
        transition: all 0.4s ease;
        background-color: #5e007c;
        color: #f3e6f7;
    }

.page {
    padding-top: 14px;
    padding-bottom: 14px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    gap: 12px;
}

    .page a {
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        color: #370049;
    }

        .page a:hover {
            color: #c954ac;
        }

    .page span {
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        color: #8400ae;
    }

.graphic-design__wrp {
    padding: 40px 0 100px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    gap: 60px;
}

    .graphic-design__wrp figure {
        padding: 0 24px;
        max-width: 1030px;
        width: 100%;
        height: 388px;
        overflow: hidden;
    }

@media only screen and (max-width: 768px) {
    .graphic-design__wrp figure {
        padding: 0;
        width: 100%;
    }
}

.graphic-design__wrp figure img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
}

.graphic-design__wrp .design-text {
    text-align: center;
    max-width: 820px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 20px;
}

    .graphic-design__wrp .design-text span {
        color: #9d33be;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
    }

    .graphic-design__wrp .design-text h2 {
        color: #5e007c;
        font-size: 48px;
        font-weight: 600;
        line-height: 64px;
    }

    .graphic-design__wrp .design-text p {
        color: #370049;
        font-size: 16px;
        font-weight: 400;
        line-height: 28px;
    }

.team-about {
    padding-bottom: 100px;
}

.team-about__cards {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 20px;
}

    .team-about__cards .cards-item {
        width: calc((100% - 40px) / 3);
        border-radius: 8px;
        padding: 100px 55px 60px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap;
        gap: 61px;
    }

        .team-about__cards .cards-item .items-number span {
            font-size: 93px;
            font-weight: 400;
            line-height: 120px;
            color: #5e007c;
        }

        .team-about__cards .cards-item .items-text {
            text-align: center;
            margin-bottom: 14px;
        }

            .team-about__cards .cards-item .items-text span {
                color: #78009e;
                font-size: 20px;
                font-weight: 500;
                line-height: 28px;
            }

            .team-about__cards .cards-item .items-text p {
                color: #370049;
                font-size: 14px;
                font-weight: 400;
                line-height: 24px;
            }

@media only screen and (max-width: 1024px) {
    .team-about__cards .cards-item {
        padding: 60px 17px 20px;
    }
}

@media only screen and (max-width: 768px) {
    .team-about__cards .cards-item {
        width: 100%;
    }
}

.team-about__cards .cardOne {
    background-color: #f3e6f7;
}

.team-about__cards .cardTwo {
    background-color: #d9b0e6;
}

.team-about__cards .cardThree {
    background-color: #c68ada;
}

.works {
    position: relative;
    padding: 100px 24px 34px;
    background-image: linear-gradient(#78009e, #490060);
}

@media only screen and (max-width: 1024px) {
    .works {
        padding: 100px 73px 34px;
    }
}

@media only screen and (max-width: 768px) {
    .works {
        padding: 100px 24px 34px;
    }
}

.works__wrp {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    gap: 20px;
}

@media only screen and (max-width: 768px) {
    .works__wrp {
        margin-bottom: 32px;
    }
}

.works__wrp .works-title {
    text-align: center;
    font-size: 48px;
    font-weight: 600;
    line-height: 64px;
    color: #f3e6f7;
}

@media only screen and (max-width: 1024px) {
    .works__wrp .works-title {
        font-size: 34px;
        font-weight: 600;
        line-height: 40px;
    }
}

.works__wrp .works-slider {
    max-width: 1030px;
    width: 100%;
}

@media only screen and (max-width: 1024px) {
    .works__wrp .works-slider {
        max-width: 759px;
        width: 100%;
    }
}

.works__wrp .works-slider .slick-slide {
    height: 520px;
}

.works__wrp .works-slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.works__wrp .works-slider .slick-dots li {
    margin: 0;
}

    .works__wrp .works-slider .slick-dots li button::before {
        color: #f3e6f7;
        opacity: 1;
    }

.works__wrp .works-slider .slick-dots .slick-active button::before {
    color: #d9b0e6;
    font-size: 8px;
}

@media only screen and (max-width: 768px) {
    .works .work-btn {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        flex-wrap: nowrap;
    }
}

.works .work-btn .prev {
    position: absolute;
    left: 7%;
    top: 54%;
}

    .works .work-btn .prev:hover path {
        stroke: #ad54c9;
    }

@media only screen and (max-width: 1024px) {
    .works .work-btn .prev {
        position: absolute;
        left: 5%;
        top: 54%;
    }
}

@media only screen and (max-width: 768px) {
    .works .work-btn .prev {
        position: static;
    }
}

.works .work-btn .next {
    position: absolute;
    right: 7%;
    top: 54%;
}

    .works .work-btn .next:hover path {
        stroke: #ad54c9;
    }

@media only screen and (max-width: 1024px) {
    .works .work-btn .next {
        position: absolute;
        right: 5%;
        top: 54%;
    }
}

@media only screen and (max-width: 768px) {
    .works .work-btn .next {
        position: static;
    }
}

.programming-apply {
    background-image: url(/assets/images/programming-apply-img.svg);
    height: 100vh;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    flex-wrap: nowrap;
}

.programming-apply__wrp {
    text-align: center;
    max-width: 610px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    gap: 24px;
}

    .programming-apply__wrp h4 {
        font-size: 34px;
        font-weight: 600;
        line-height: 40px;
        color: #5e007c;
    }

    .programming-apply__wrp p {
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        color: #370049;
    }

    .programming-apply__wrp a {
        padding: 16px 72px;
        border-radius: 8px;
        background-color: #af0083;
        font-size: 20px;
        font-weight: 500;
        line-height: 24px;
        color: #f3e6f7;
    }

        .programming-apply__wrp a:hover {
            background-color: #7c005d;
            transition: all 0.4s ease;
        }

.projects-page__wrp {
    padding: 100px 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 40px;
}

@media only screen and (max-width: 768px) {
    .projects-page__wrp {
        padding-top: 60px;
    }
}

.projects-page__wrp .title h1 {
    font-size: 58px;
    font-weight: 600;
    line-height: 72px;
    color: #5e007c;
}

@media only screen and (max-width: 1024px) {
    .projects-page__wrp .title h1 {
        font-size: 48px;
        font-weight: 600;
        line-height: 64px;
    }
}

@media only screen and (max-width: 768px) {
    .projects-page__wrp .title h1 {
        font-size: 34px;
        font-weight: 600;
        line-height: 40px;
    }
}

.projects-page__wrp .project-cards {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 20px;
}

    .projects-page__wrp .project-cards figure {
        height: 288px;
        border-radius: 12px;
        overflow: hidden;
        margin-bottom: 8px;
    }

        .projects-page__wrp .project-cards figure img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

.projects-page__wrp .project-cards__items {
    position: relative;
    width: calc( (100% - 40px ) / 3);
}

    .projects-page__wrp .project-cards__items:nth-child(1), .projects-page__wrp .project-cards__items:nth-child(2) {
        width: calc( (100% - 20px ) / 2);
    }

        .projects-page__wrp .project-cards__items:nth-child(1) figure, .projects-page__wrp .project-cards__items:nth-child(2) figure {
            height: 440px;
            border-radius: 12px;
            overflow: hidden;
        }

            .projects-page__wrp .project-cards__items:nth-child(1) figure img, .projects-page__wrp .project-cards__items:nth-child(2) figure img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

    .projects-page__wrp .project-cards__items img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .projects-page__wrp .project-cards__items .items-text {
        border-radius: 12px;
        background-color: #f3e6f7;
        padding: 16px 0 16px 30px;
    }

@media only screen and (max-width: 1024px) {
    .projects-page__wrp .project-cards__items .items-text {
        padding: 11px 16px 11px 20px;
    }
}

.projects-page__wrp .project-cards__items .items-text p {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #5e007c;
    max-width: 315px;
}

.projects-page__wrp .project-cards__items a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 1024px) {
    .projects-page__wrp .project-cards__items:nth-child(1), .projects-page__wrp .project-cards__items:nth-child(2) {
        width: calc( (100% - 40px ) / 3);
    }

        .projects-page__wrp .project-cards__items:nth-child(1) figure, .projects-page__wrp .project-cards__items:nth-child(2) figure {
            height: 288px;
        }

            .projects-page__wrp .project-cards__items:nth-child(1) figure img, .projects-page__wrp .project-cards__items:nth-child(2) figure img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: 12px;
            }

    .projects-page__wrp .project-cards__items figure {
        height: 288px;
    }

        .projects-page__wrp .project-cards__items figure img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 12px;
        }
}

@media only screen and (max-width: 768px) {
    .projects-page__wrp .project-cards__items {
        width: 100%;
    }

        .projects-page__wrp .project-cards__items:nth-child(1), .projects-page__wrp .project-cards__items:nth-child(2) {
            width: 100%;
        }
}

.projects-page__wrp .projects-btn a {
    display: inline-block;
    text-align: center;
    border: 1px solid #af0083;
    border-radius: 8px;
    padding: 16px 72px;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    color: #af0083;
}

    .projects-page__wrp .projects-btn a:hover {
        background-color: #bf339c;
        border: 1px solid #bf339c;
        color: #f7e6f3;
        transition: all .4s ease;
    }

.about-title__wrp {
    padding: 50px 0 129px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: nowrap;
}

@media only screen and (max-width: 768px) {
    .about-title__wrp {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: nowrap;
        gap: 24px;
    }
}

.about-title__wrp .title {
    width: 100%;
    max-width: 505px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
}

@media only screen and (max-width: 1024px) {
    .about-title__wrp .title {
        max-width: 320px;
        width: 100%;
    }
}

.about-title__wrp .title p {
    font-size: 58px;
    font-weight: 600;
    line-height: 72px;
    color: #5e007c;
}

@media only screen and (max-width: 1024px) {
    .about-title__wrp .title p {
        font-size: 48px;
        font-weight: 600;
        line-height: 64px;
    }
}

@media only screen and (max-width: 768px) {
    .about-title__wrp .title p {
        font-size: 34px;
        font-weight: 600;
        line-height: 40px;
    }
}

.about-title__wrp figure {
    position: relative;
    max-width: 610px;
    width: 100%;
    height: 440px;
}

    .about-title__wrp figure #about-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 12px;
    }

    .about-title__wrp figure .about-logo {
        position: absolute;
        left: -18%;
        bottom: -18%;
    }

@media only screen and (max-width: 1024px) {
    .about-title__wrp figure .about-logo {
        max-width: 97px;
        position: absolute;
        left: -6%;
        bottom: -9%;
    }
}

@media only screen and (max-width: 768px) {
    .about-title__wrp figure .about-logo {
        max-width: 67px;
        left: -3%;
        bottom: -4%;
    }
}

.projects-about-text {
    padding-bottom: 100px;
}

.projects-about-text__wrp {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 20px;
}

    .projects-about-text__wrp h3 {
        max-width: 610px;
        font-size: 20px;
        font-weight: 600;
        line-height: 28px;
        color: #370049;
    }

    .projects-about-text__wrp p {
        max-width: 926px;
        font-size: 16px;
        font-weight: 400;
        line-height: 28px;
        color: #370049;
    }

.about-background {
    background-image: url(/assets/images/programming-apply-img.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    height: 245px;
}

@media only screen and (max-width: 768px) {
    .about-background {
        height: 375px;
    }
}

.about {
    padding-left: 7%;
    background-color: #78009e;
}

@media only screen and (max-width: 768px) {
    .about {
        padding: 0 20px;
    }
}

.about__wrp {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: nowrap;
}

@media only screen and (max-width: 768px) {
    .about__wrp {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap;
        gap: 40px;
    }
}

.about__wrp .text {
    max-width: 420px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 40px;
    padding: 100px 0;
}

@media only screen and (max-width: 768px) {
    .about__wrp .text {
        max-width: 100%;
        padding-bottom: 0;
    }
}

.about__wrp .text h1 {
    font-size: 58px;
    font-weight: 600;
    line-height: 72px;
    color: #f3e6f7;
}

@media only screen and (max-width: 1024px) {
    .about__wrp .text h1 {
        font-size: 48px;
        font-weight: 600;
        line-height: 64px;
    }
}

@media only screen and (max-width: 768px) {
    .about__wrp .text h1 {
        font-size: 34px;
        font-weight: 600;
        line-height: 40px;
    }
}

.about__wrp .text p {
    color: #f3e6f7;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
}

@media only screen and (max-width: 1024px) {
    .about__wrp .text p {
        font-size: 20px;
        font-weight: 400;
        line-height: 28px;
    }
}

.about__wrp figure {
    width: 55%;
}

@media only screen and (max-width: 768px) {
    .about__wrp figure {
        width: 100%;
        position: relative;
        z-index: 2;
    }
}

.about__wrp figure img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.team-about .team-about-cards {
    max-width: 742px;
    padding: 40px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 4px 4px 13px 0px rgba(73, 0, 96, 0.15);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 100px;
    margin-top: -8%;
    position: relative;
    z-index: 10;
}

@media only screen and (max-width: 768px) {
    .team-about .team-about-cards {
        max-width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: nowrap;
    }
}

.team-about .team-about-cards__items {
    width: calc( (100% - 100px) / 2);
}

@media only screen and (max-width: 768px) {
    .team-about .team-about-cards__items {
        width: 100% !important;
    }
}

.team-about .team-about-cards__items h5 {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    color: #370049;
}

.team-about .team-about-cards__items p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #5e007c;
}

.about-text {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: stretch;
    flex-wrap: nowrap;
    padding-bottom: 100px;
}

@media only screen and (max-width: 768px) {
    .about-text {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: nowrap;
    }
}

.about-text__wrp {
    max-width: 820px;
}

@media only screen and (max-width: 768px) {
    .about-text__wrp {
        width: 100%;
    }
}

.about-text__wrp h5 {
    font-size: 36px;
    font-weight: 500;
    line-height: 46px;
    color: #5e007c;
    margin-bottom: 40px;
}

@media only screen and (max-width: 1024px) {
    .about-text__wrp h5 {
        font-size: 24px;
        font-weight: 500;
        line-height: 32px;
    }
}

@media only screen and (max-width: 768px) {
    .about-text__wrp h5 {
        font-size: 20px;
        font-weight: 500;
        line-height: 28px;
        margin-bottom: 24px;
    }
}

.about-text__wrp p {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}

.contact__wrp {
    padding: 80px 0 140px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: nowrap;
}

@media only screen and (max-width: 1024px) {
    .contact__wrp {
        padding: 44px 0 120px;
    }
}

@media only screen and (max-width: 768px) {
    .contact__wrp {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: nowrap;
        gap: 40px;
    }
}

.contact__wrp .contact-text {
    padding-top: 30px;
}

    .contact__wrp .contact-text h1 {
        margin-bottom: 30px;
        font-size: 58px;
        font-weight: 600;
        line-height: 72px;
        color: #5e007c;
    }

@media only screen and (max-width: 1024px) {
    .contact__wrp .contact-text h1 {
        font-size: 48px;
        font-weight: 600;
        line-height: 64px;
    }
}

@media only screen and (max-width: 768px) {
    .contact__wrp .contact-text h1 {
        font-size: 34px;
        font-weight: 600;
        line-height: 40px;
    }
}

.contact__wrp .contact-text__items {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 71px;
    max-width: 400px;
    width: 100%;
}

    .contact__wrp .contact-text__items .phone, .contact__wrp .contact-text__items .location, .contact__wrp .contact-text__items .mail {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: nowrap;
        gap: 10px;
    }

        .contact__wrp .contact-text__items .phone a, .contact__wrp .contact-text__items .phone span, .contact__wrp .contact-text__items .location a, .contact__wrp .contact-text__items .location span, .contact__wrp .contact-text__items .mail a, .contact__wrp .contact-text__items .mail span {
            font-size: 20px;
            font-weight: 500;
            line-height: 30px;
            color: #370049;
        }

.contact__wrp .map {
    max-width: 715px;
    width: 100%;
}

    .contact__wrp .map iframe {
        width: 100%;
        min-height: 100%;
    }

.form {
    background-image: url(/assets/images/apply.bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 862px;
}

.form__wrp .contact-apply {
    width: 100%;
    max-width: 650px;
}

    .form__wrp .contact-apply h5 {
        font-size: 34px;
        font-weight: 600;
        line-height: 40px;
        color: #370049;
        margin-bottom: 40px;
    }

    .form__wrp .contact-apply .contact-input {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: stretch;
        flex-wrap: nowrap;
        gap: 10px;
        margin-bottom: 10px;
    }

@media only screen and (max-width: 768px) {
    .form__wrp .contact-apply .contact-input {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
        flex-wrap: nowrap;
    }
}

.form__wrp .contact-apply .contact-input .contact-items {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 6px;
}

    .form__wrp .contact-apply .contact-input .contact-items input {
        width: 100%;
        border-radius: 8px;
        padding: 10px 14px;
        border: 1px solid #d9b0e6;
        outline: none;
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        color: #c68ada;
        box-shadow: 0px 1px 2px 0px rgba(121, 61, 33, 0.15);
    }

@media only screen and (max-width: 768px) {
    .form__wrp .contact-apply .contact-input .contact-items input {
        width: 100%;
    }
}

.form__wrp .contact-apply .contact-input .contact-items input::placeholder {
    color: #ad54c9;
}

.form__wrp .contact-apply .contact-input .contact-items #name-error {
    text-align: start;
    color: #F04438;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    border: none;
    margin-bottom: 22px;
}

.form__wrp .contact-apply .contact-input .contact-items #surname-error {
    text-align: start;
    color: #F04438;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    border: none;
    margin-bottom: 22px;
}

.form__wrp .contact-apply .contact-input .contact-items #email-error {
    text-align: start;
    color: #F04438;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    border: none;
    margin-bottom: 22px;
}

.form__wrp .contact-apply .contact-input .contact-items #phone-error {
    text-align: start;
    color: #F04438;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    border: none;
    margin-bottom: 22px;
}

.form__wrp .contact-apply .contact-input .contact-items .error {
    border: 1px solid #F04438;
}

.form__wrp .contact-apply .textarea-items {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 6px;
}

    .form__wrp .contact-apply .textarea-items #textBox {
        width: 100%;
        border-radius: 8px;
        padding: 10px 14px;
        border: 1px solid #d9b0e6;
        outline: none;
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        color: #c68ada;
        box-shadow: 0px 1px 2px 0px rgba(121, 61, 33, 0.15);
        font-family: 'Poppins';
        margin-bottom: 20px;
    }

        .form__wrp .contact-apply .textarea-items #textBox::placeholder {
            color: #ad54c9;
        }

    .form__wrp .contact-apply .textarea-items #textBox-error {
        text-align: start;
        color: #F04438;
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        border: none;
        margin-bottom: 22px;
    }

    .form__wrp .contact-apply .textarea-items #textBox.error {
        border: 1px solid #F04438;
        margin-bottom: 0;
    }

.form__wrp .contact-apply .contact-btn {
    text-align: end;
}

    .form__wrp .contact-apply .contact-btn button {
        padding: 16px 72px;
        border-radius: 8px;
        background-color: #af0083;
        font-size: 20px;
        font-weight: 500;
        line-height: 24px;
        color: #f7e6f3;
        border: none;
    }

        .form__wrp .contact-apply .contact-btn button:hover {
            background-color: #7c005d;
            transition: all .3s ease;
        }

@media only screen and (max-width: 768px) {
    .form__wrp .contact-apply .contact-btn button {
        width: 100%;
    }
}

.service {
    padding: 160px 0;
}

    .service .service-wrp {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

        .service .service-wrp .title h2 {
            font-size: 58px;
            line-height: 72px;
            font-weight: 600;
            color: #5e007c;
            margin-bottom: 24px;
        }

        .service .service-wrp .title p {
            font-size: 16px;
            line-height: 28px;
            font-weight: 400;
            color: #370049;
        }

        .service .service-wrp .cards {
            display: flex;
            flex-wrap: nowrap;
            gap: 20px;
        }

            .service .service-wrp .cards .card-item {
                width: calc((100% - 40px) / 3);
                border: 1px solid #e6e6e6;
                padding: 10px 10px 20px 10px;
                border-radius: 16px;
            }

                .service .service-wrp .cards .card-item figure {
                    width: 100%;
                    height: 200px;
                    border-radius:14px;
                    overflow:hidden;
                }

                    .service .service-wrp .cards .card-item figure img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }

                .service .service-wrp .cards .card-item .content {
                    margin-top: 25px;
                }

                    .service .service-wrp .cards .card-item .content h5 {
                        font-size: 24px;
                        line-height: 32px;
                        font-weight: 600;
                        color: #490060;
                        margin-bottom: 8px;
                    }

                    .service .service-wrp .cards .card-item .content p {
                        font-size: 16px;
                        line-height: 24px;
                        font-weight: 400;
                        color: #9D33BE;
                    }

        .service .service-wrp .btn a {
            display: inline-block;
            width: 100%;
            padding: 16px 0;
            font-size: 20px;
            line-height: 24px;
            font-weight: 500;
            color: #AF0083;
            border: 1px solid #AF0083;
            border-radius: 8px;
            text-align: center;
        }

            .service .service-wrp .btn a:hover {
                background-color: #AF0083;
                color: #fff;
                transition: all 0.3s ease;
            }

@media only screen and (max-width: 1024px) {
    .service {
        padding: 140px 0;
    }

        .service .service-wrp {
            gap: 20px;
        }

            .service .service-wrp .title h2 {
                font-size: 48px;
                line-height: 64px;
            }

            .service .service-wrp .cards {
                gap: 24px;
            }

                .service .service-wrp .cards .card-item {
                    width: calc((100% - 48px) / 3);
                    padding: 7px 7px 12px 7px;
                }

                    .service .service-wrp .cards .card-item .content h5 {
                        font-size: 20px;
                        line-height: 28px;
                        margin-bottom: 6px;
                    }

                    .service .service-wrp .cards .card-item .content p {
                        font-size: 14px;
                        line-height: 24px;
                    }
}

@media only screen and (max-width: 768px) {
    .service-wrp {
        gap: 24px;
    }

    .service .service-wrp .title h2 {
        font-size: 34px;
        line-height: 40px;
    }

    .service .service-wrp .cards {
        gap: 20px;
        flex-direction:column;
    }

        .service .service-wrp .cards .card-item {
            width: 100%;
            padding: 8px 8px 16px 8px;
        }
            .service .service-wrp .cards .card-item figure{
                width:100%;
                height:200px;
            }
            .service .service-wrp .cards .card-item .content h5 {
                font-size: 24px;
                line-height: 32px;
                margin-bottom: 3px;
            }

            .service .service-wrp .cards .card-item .content p {
                font-size: 16px;
                line-height: 24px;
            }

}