@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap');

@font-face {
    font-family: 'ChoplinSemiBold';
    src: url('/static/Fonts/Choplin/Rene Bieder - Choplin SemiBold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
}

/* ::selection:not(.faqs h5),
::selection:not(.faqs p) {
    background: #63ccd16c;
} */
::selection {
    background: #63ccd16c;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    list-style: none;
    font-family: 'Raleway', sans-serif;
    outline: 0;
    font-weight: 600;
}

html {
    scroll-behavior: smooth;
}

.container {
    margin: 0 auto;
    width: 70%;
    max-width: 1400px;
    height: 100%;
}

.container_full {
    margin: 0 auto;
    width: 100%;
    max-width: 1800px;
    height: 100%;
}

.pink {
    color: #EE59AE;
}

a {
    color: inherit;
    cursor: pointer;
}

.heading {
    display: flex;
    gap: 14px;
}

.heading span {
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #47B9C3;
}

.heading h4 {
    font-size: 36px;
    line-height: 45px;
    letter-spacing: 0.03em;
    margin-top: 15px;
}

.heading__second {
    text-align: center;
}

.heading__second h3 {
    font-size: 36px;
    font-weight: 600;
    line-height: 45px;
    text-align: center;
}

.heading__second span {
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 0.03em;
    color: #47B9C3;
}

/* Header */
#header {
    background-image: url('/static/images/home/hero__bg.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 125vh;
    width: 100%;
    padding-top: 30px;
    position: relative;
    z-index: 1000;
}

.nav_right {
    display: flex;
    gap: 10px;
    align-items: center;
}

.resp_navbar_label {
    display: none;
}

#resp_navbar {
    display: none;
}

.resp_navbar {
    display: none;
}

/* .hero__bg__img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width:100vw;
    z-index: -1;
} */

header {
    box-shadow: 0px 13px 19px 0px #00000012;
    border-radius: 20px;
    background-color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999 !important;
}

header ul {
    display: flex;
    align-items: center;
    gap: 30px;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.03em;
    color: #94979D;
}

header ul li {
    cursor: pointer;
}

header ul li:hover {
    cursor: pointer;
}

header ul li a {
    transition: 0.4s ease all;
}

header ul li a:hover {
    color: #43979f;
}


header button,
#rules button {
    width: 143px;
    height: 53px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    color: white;
    background: #47B9C3;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 0.03em;
    border: none;
    cursor: pointer;
    transition: 0.4s ease all;
}

header button:hover,
#rules button:hover {
    background: #33858c;
}

.hasdropdown {
    position: relative;
}

.hasdropdown i {
    font-size: 13px;
}

.hasdropdown a {
    padding-bottom: 90px;
}

.navbar_icon {
    cursor: pointer;
}

.dropdown {
    position: absolute;
    bottom: 0;
    left: 0;
    flex-direction: column;
    border-radius: 12px;
    padding: 30px 10px;
    background-color: white;
    text-align: center;
    min-width: 185px;
    transform: translate(-30%, 131%);
    opacity: 0;
    visibility: hidden;
    transition: 0.4s ease all;
}

.hasdropdown:hover .dropdown {
    opacity: 1;
    visibility: visible;
    transform: translate(-30%, 120%);
}

/* Hero */
.hero {
    height: 60%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hero__text {
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    color: white;
    width: 40%;
}

.hero__text span {
    font-size: 32px;
    font-weight: 300;
    line-height: 40px;
    letter-spacing: 0.03em;
}

.hero__text h2 {
    font-size: 65px;
    /* font-weight: 700; */
    line-height: 68px;
    letter-spacing: 0.03em;
    margin: 25px 0 20px 0;
    font-family: 'ChoplinSemiBold', sans-serif;
}

.hero__text button {
    padding: 18px 20px;
    border-radius: 12px;
    box-shadow: 0px 13px 19px 0px #00000012;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0.03em;
    background-color: white;
    border: none;
    color: #47B9C3;
    transition: 0.4s ease all;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: max-content;
}

.hero__text button:hover {
    background-color: #47B9C3;
    color: white;
}

.hero__img {
    width: 580px;
    transform: translateY(50px);
}

.hero__img img {
    width: 100%;
}

/* Partner */

#partners {
    padding-bottom: 60px;
}

.partners {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    gap: 20px;
    border-radius: 20px;
    box-shadow: 0px 13px 19px 0px #00000012;
    margin-top: 30px;
}

.partner_resp1 {
    position: relative;
}

.partner_resp1::after {
    content: '';
    position: absolute;
    top: 0;
    left: -25px;
    width: 1px;
    height: 100%;
    background-color: #47B9C3;
}

.partner_resp2 {
    display: none;
}

.partner {
    width: 12%;
}

.partner img {
    width: 100%;
    object-fit: contain;
}

/* Home About */

#about {
    padding: 80px 0;
}

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

.about__img {
    width: 47%;
}

.about__img img {
    width: 100%;
}

.about__text {
    width: 46%;
}

.about__text p {
    font-size: 18px;
    line-height: 23px;
    color: #686A6C;
    margin-top: 20px;
    font-weight: 500;
}

.about .heading {
    margin-bottom: 30px;
}

.about__text button {
    box-shadow: 0px 5px 10px 0px #FFFFFF2E;
    border: 2px solid #47B9C3;
    background-color: white;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #47B9C3;
    font-size: 18px;
    margin-top: 30px;
    width: 155px;
    height: 50px;
    cursor: pointer;
    transition: 0.4s ease all;
}

.about__text button:hover {
    color: #fff;
    background-color: #47B9C3;

}

/* Home info */


#home__info {
    padding: 60px 0;
}

.home__info {
    text-align: center;
    width: 80%;
    margin: 0 auto;
}

.home__info p {
    font-size: 28px;
    font-weight: 500;
    line-height: 35px;
    margin: 30px 0;
}

/* Home count */

.home__count {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0 50px;
}

.home__count ul {
    display: flex;
    align-items: center;
    box-shadow: 0px 13px 19px 0px #00000012;
    background: linear-gradient(180deg, #EE59AE 4.69%, #63CCD1 100%);
    border-radius: 20px;
    color: white;
    justify-content: space-between;
    padding: 20px 50px;
    width: 60%;
    font-size: 32px;
    line-height: 35px;
    margin: 4px;
}

.home__count span:first-child,
.home__count span:last-child {
    font-size: 28px;
    line-height: 35px;
    color: #686A6C;
    text-align: center;
}

.dots {
    color: #4F9BB466;
    font-size: 32px;
    letter-spacing: 3px;
}

.home_regions {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 50px 0;
    text-align: center;
}

.home_regions span:not(.dots) {
    font-size: 28px;
    line-height: 35px;
    color: #47B9C3;
}


/* Offers */
#offers {
    padding: 70px 0;
}

.offers {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin: 40px 0;
}

.offer {
    width: 33%;
    text-align: center;
    padding: 20px;
    border: 2px solid #EE59AE;
    border-radius: 12px;
    cursor: pointer;
    transition: 0.4s ease all;
}

.offer:hover {
    background-color: #EE59AE;
    color: white;
}

.offer img {
    margin: 0 auto;
}

.offer_light {
    display: none;
}

.offer:hover .offer_light {
    display: block;
}

.offer:hover .offer_dark {
    display: none;
}

.offer:hover p {
    color: white;
}


.offer:nth-child(2) {
    border: 2px solid #47B9C3
}

.offer:nth-child(2):hover {
    background-color: #47B9C3
}

.offer h5 {
    margin: 15px 0;
    font-size: 20px;
    line-height: 25px;
}

.offer p {
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
    color: #686A6C;
}

/* Structure */

#structure {
    padding: 30px 0 60px;
}

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

.structure__img {
    width: 47%;
    height: 400px;
    position: relative;
    filter: grayscale(100%);
    transition: 0.6s ease all;
    /* z-index: -1; */
}

.structure__img:hover {
    filter: grayscale(0%);
}

.structure__img img {
    position: absolute;

}

.structure_img1 {
    top: 0;
    left: 0;
    /* z-index: -2; */
}

.structure_img2 {
    bottom: 0;
    right: 0;
    /* z-index: -3; */
}

.structure__text {
    width: 47%;
}

.structure__text h3 {
    font-size: 50px;
    font-weight: 600;
    line-height: 57px;
    color: #47B9C3;
    margin: 20px 0;
}

.structure__text p {
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
    color: #686A6C;
}

/* Criteria */
#criteria {
    padding: 80px 0;
}

#criteria .container {
    text-align: center;
}

.criteria {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin: 40px 0;
}

.criteria li {
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    color: #192335;
    width: max-content;
    max-width: 390px;
    border-radius: 12px;
    box-shadow: 0px 4px 13px 0px #A99E9E26;
    padding: 15px 22px;
    transition: 0.4s ease all;
}

.criteria li:nth-child(odd) {
    border: 2px solid #EE59AE
}

.criteria li:nth-child(odd):hover {
    background: #EE59AE;
    color: white;
}

.criteria li:nth-child(even) {
    border: 2px solid #47B9C3
}

.criteria li:nth-child(even):hover {
    background: #47B9C3;
    color: white;
}

.criteria li span {
    font-weight: 600;
}

.criteria_images {
    position: relative;
}

.criteria_right {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(92%, -58%);
    z-index: -1;
}

.criteria_left {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-92%, -58%);
    z-index: -1;
}

/* Rules */
#rules {
    padding: 80px 0;
}

.rules {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    margin: 50px 0;
}

.rules li {
    text-align: center;
}

.rules li h5 {
    font-size: 20px;
    color: #192335;
    line-height: 25px;
    margin: 15px 0;
}

#rules p {
    font-size: 18px;
    line-height: 23px;
    font-weight: 400;
    text-align: center;
}

#rules p span {
    font-weight: 600;
}

#rules button {
    margin: 50px auto 0;
}

/* Footer */
footer {
    background: linear-gradient(180deg, #63CCD1 0%, #EE59AE 85.42%);
    border-top-right-radius: 260px;
    padding: 50px 0;
    color: white;
}

.footer_logo {
    display: flex;
    align-items: center;
}


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

.footer_left {
    display: flex;
    gap: 30px;
}

.footer_text {
    text-align: center;
}

.footer_text span {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

.footer_text h5 {
    font-size: 34px;
    margin-top: 15px;
    font-weight: 700;
    line-height: 43px;
    font-family: 'ChoplinSemiBold', sans-serif;
}

.footer_socials {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: end;
}

.footer_right ul {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: end;
    margin: 20px 0;
}

.footer_right ul li a {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.03em;
}

.footer_right p {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 125%;
    letter-spacing: 0.48px;
    text-align: right;
}

.footer_right p>span {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 125%;
    letter-spacing: 0.48px;
    text-decoration-line: underline;
}

/* Programs */

#programs {
    background-color: #EE59AE;
    padding: 60px 0;
    height: 650px;
    position: relative;
    margin: 60px 0;
    /* z-index: 0; */
    max-width: 1900px;
    margin: 0 auto;
    width: 100%;
}

.program_vector {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: -1;
}

#programs .heading span,
#programs .heading h4 {
    color: white;
}

#programs p {
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0.03em;
    color: white;
    margin-top: 24px;
}

.programs {
    position: relative;
    height: 100%;
}

.program {
    background-color: white;
    border-radius: 48px;
    width: 153px;
    height: 133px;
    position: absolute;
    transition: 0.4s ease all;
}

.program_small {
    width: 140px;
    height: 110px;
}

.program:hover {
    height: 143px;
}

.program_small:hover {
    height: 123px;
}

.program div {
    position: relative;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.program div::after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 48px;
    width: 50px;
    height: 50px;
    z-index: -1;
    background-color: rgb(255, 255, 255);
    transform: rotate(45deg);
}

.program span {
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 0.03em;
    color: #47B9C3;
}

.program h6 {
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
    text-align: center;
    position: relative;
    margin: 5px 0;
    z-index: 0;
}

.program_download {
    border: 2px solid #47B9C3;
    background-color: white;
    color: #47B9C3;
    border-radius: 12px;
    padding: 14px 25px;
    font-size: 20px;
    line-height: 25px;
    cursor: pointer;
    margin: 60px auto 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: 0.4s ease all;
}

.program_download span {
    margin-right: 10px;
}

.program_download:hover {
    background-color: #47B9C3;
    color: white;
}

.program_download i {
    margin-left: 8px;
    width: 28px;
}

.program_download::after {
    content: '-----';
    position: absolute;
    top: 0;
    left: -3px;
    height: 0px;
    letter-spacing: 4px;
    width: 63px;
    color: #4F9BB4B2;
    transform: rotate(90deg) translate(-45%);
}


.program_download::before {
    content: '-----';
    position: absolute;
    top: 0;
    right: -27px;
    height: 0px;
    letter-spacing: 4px;
    width: 63px;
    color: #4F9BB4B2;
    transform: rotate(90deg) translate(-45%);
}

/* Faqs */
#faq {
    padding: 50px 0;
    overflow: hidden;
}

.faqs h5::selection {
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
}

.faqs p::selection {
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
}

.faqs {
    margin: 40px 0;
    display: flex;
    justify-content: space-between;
}

.faqs ul {
    width: 47%;
}

.faqs ul li {
    border: 2px solid #EE59AE;
    border-radius: 12px;
    margin: 20px 0;
}

.faqs ul:first-child li:nth-child(odd),
.faqs ul:last-child li:nth-child(even) {
    border: 2px solid #EE59AE;
}

.faqs ul:first-child li:nth-child(even),
.faqs ul:last-child li:nth-child(odd) {
    border: 2px solid #47B9C3
}

.faqs ul:first-child li:nth-child(odd) div,
.faqs ul:last-child li:nth-child(even) div {
    border-bottom: solid #EE59AE;
    border-bottom-width: 0px;
}

.faqs ul:first-child li:nth-child(even) div,
.faqs ul:last-child li:nth-child(odd) div {
    border-bottom: solid #47B9C3;
    border-bottom-width: 0px;
}

.faqs ul li div {
    display: flex;
    justify-content: space-between;
    padding: 15px;
    align-items: center;
}

.faqs ul li div h5 {
    font-size: 18px;
    line-height: 23px;
    margin-right: 10px;
}



.faqs ul li p {
    padding: 0px 20px;
    font-size: 18px;
    font-weight: 400;
    color: #686A6C;
    line-height: 23px;
    /* display: none; */
    height: 0;
    transition: 0.4s ease all;
    opacity: 0;
    visibility: hidden;
}

.faq_hidden p {
    /* display: block !important; */
    height: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    padding: 20px !important;
}

.faq_hidden div {
    border-bottom-width: 2px !important;
}

.fa-minus {
    display: none;
}

.fa-plus {
    display: block;
}

.faq_hidden .fa-plus {
    display: none !important;
}

.faq_hidden .fa-minus {
    display: block !important;
}

/* About Page */
#about_hero {
    background-image: url('/static/images/about/about_hero.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 110vh;
    padding-top: 30px;
    position: relative;
    z-index: 0;
    border-bottom-left-radius: 112px;
    border-bottom-right-radius: 112px;
    box-shadow: 0px 13px 84px 0px #EE59AE4A;
}

#about_hero::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: rgba(238, 89, 173, 0.097);
    border-bottom-left-radius: 112px;
    border-bottom-right-radius: 112px;
}

.about_hero_text {
    font-size: 39px;
    font-weight: 700;
    line-height: 49px;
    letter-spacing: 0.03em;
    text-align: center;
    color: white;
    height: 87%;
    display: flex;
    justify-content: center;
    align-items: end;
    z-index: 1;
    text-shadow: 0px 13px 84px #c40572;
}

/* About Info */
#about_info {
    padding: 70px 0;
}

.about_info {
    margin: 40px 0;
    border: 2px solid #47B9C3;
    padding: 30px;
    text-align: center;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0.03em;
    text-align: center;
    font-weight: 400;
    border-radius: 12px;
}

.about_info span {
    font-weight: 700;
}

/* Why */
.why {
    display: flex;
    justify-content: space-between;
    margin: 40px 0;
}

.why__text {
    width: 60%;
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0.03em;
    color: #686A6C;
}

.why__img {
    width: 32%;
}

.why__img img {
    width: 100%;
}

.problems .why__text {
    width: 52%;
}

.problems .why__img {
    width: 42%;
}

/* Statistics */
#statistics {
    padding: 60px 0 90px;
}

#statistics ul {
    display: flex;
    justify-content: space-between;
}

#statistics ul li {
    width: 29%;
    text-align: center;
}

#statistics ul li h6 {
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0.03em;
    text-align: center;
    margin: 20px 0;
}

#statistics ul li h6 span {
    font-weight: 600;
}

/* Details */

#details {
    padding: 70px 0;
}

.details {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 60px;
}

.details__img {
    width: 40%;
}

.details__text {
    width: 55%;
    border: 2px solid #47B9C3;
    padding: 20px;
    border-radius: 12px;
}
.details__text:first-child {
    width: 55%;
    border: 2px solid #EE59AE;
    padding: 20px;
    border-radius: 12px;
}


.details__text p {
    line-height: 30px;
    font-size: 24px;
    font-weight: 400;
}

.details__text span {
    font-weight: 600;
}

/* Values */
#values {
    padding-bottom: 40px;
}

.values {
    display: flex;
    justify-content: space-between;
    margin: 40px 0;
}

.value {
    width: 30%;
}

.value h5 {
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0.03em;
    margin: 10px 0;
}

.value p {
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0.03em;
    color: #686A6C;
}

/* Banner */
#banner {
    background-image: url('/static/images/about/banner.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 440px;
    margin-bottom: 80px;
}

.banner_text {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 47px;
    line-height: 59px;
    letter-spacing: 0.03em;
    text-align: center;
    color: white;
    height: 100%;
    width: 70%;
    margin: 0 auto;
}

/* Join */

#join {
    padding: 50px 0 70px;
}

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

.join__text,
.join__img {
    width: 43%;
}

.join__text h4 {
    font-size: 32px;
    line-height: 51px;
}


.join__text h3 {
    font-size: 32px;
    line-height: 51px;
    color: #47B9C3;
}

.join__text p {
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    margin: 20px 0;
}

.join__img div {
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.join__img img {
    margin: 23px;
    width: 35%;
}

/* Projects */
#projects .container_full {
    max-width: 1900px;
}

#projects .container {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.projects {
    margin: 40px 0 0;
}

.projects .swiper-slide {
    opacity: 0.3;
}

.projects .swiper-wrapper {
    padding-bottom: 40px;
}


.projects .swiper-slide img {
    width: 100%;
    border: 2px solid #47B9C3;
    border-radius: 12px;
    height: 320px;
    object-fit: cover;

}

.projects .swiper-slide-next {
    opacity: 1 !important;
}

.projects .swiper-pagination-bullet {
    background: rgba(149, 58, 109, 0.473)
}


.projects .swiper-pagination-bullet-active {
    background-color: #47B9C3 !important;
    width: 50px;
    border-radius: 10px;
    /* transition: 0.4s ease all; */
}

.projects_more a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #EE59AE;
}

.projects .swiper {
    padding-bottom: 40px;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 40px !important;
}

/* Students */
.students_heading,
.projects_heading {
    margin: 30px 0 90px;
}

.students_heading .heading__second,
.projects_heading .heading__second {
    margin-top: 50px;
}

.students_group {
    padding: 40px 0 90px;
    position: relative;
    margin: 50px 0 90px;
}

.students_group_line {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
}


.student {
    width: 30%;
    position: relative;
    border: 2px solid #EE59AE;
    padding: 15px;
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    height: 390px;
    transition: 0.4s ease all;
}


.student::after {
    content: '';
    position: absolute;
    top: -20px;
    left: 50%;
    width: 38px;
    height: 74px;
    background-color: #EE59AE;
    transform: translate(-50%, -50%);
}

.student_img {
    width: 100%;
    height: 75%;
    border-radius: 12px;
}

.student_info {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 20%;
    padding: 20px 0;
}

.student_info h4,
.student_info h5 {
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    transition: 0.4s ease all;
}

.student_info h5 {
    display: none;
}

.student_info span,
.student_info p {
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    color: #EE59AE;
}

.student_info p {
    display: none;
}

.student_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
    filter: grayscale(100%);
    transition: 0.4s ease all;
}

.student:hover img {
    filter: grayscale(0%);
}

.students_minigroup .student:nth-child(2):hover {
    transform: rotate(-10deg);
}

.students_minigroup .student:not(:nth-child(2)):hover {
    transform: rotate(10deg);
}

.student:hover h4 {
    display: none;
}

.student:hover h5 {
    display: block;
}

.student:hover span {
    display: none;
}

.student:hover p {
    display: block;
}

.students_minigroup {
    display: flex;
    justify-content: space-between;
}

.students_group .container {
    position: relative;
}

.pink_caravan,
.blue_caravan_quba,
.blue_caravan_lenkeran {
    position: absolute;
    transform: translateY(-130%);
    top: 0;
}

.resp_students_line {
    display: none;
}

.students_minigroup_first .student:nth-child(even):after,
.students_minigroup_second .student:nth-child(odd):after {
    background-color: #47B9C3;
}

.students_minigroup_first .student:nth-child(even),
.students_minigroup_second .student:nth-child(odd) {
    border: 2px solid #47B9C3;
}

.students_minigroup_first .student:nth-child(even) span,
.students_minigroup_second .student:nth-child(odd) span,
.students_minigroup_first .student:nth-child(even) p,
.students_minigroup_second .student:nth-child(odd) p {
    color: #47B9C3;
}


/* Story */
#story .container:first-child {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.story_title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 28px;
    line-height: 35px;
    font-weight: 400;
    color: #EE59AE;
}

.story {
    height: 500px;
    border-radius: 12px;
    border: 2px solid #EE59AE;
    margin: 50px 0 70px 0;
    position: relative;
}

.story iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;

}

.play_button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 130px !important;
    height: 130px !important;
    object-fit: contain;
    cursor: pointer;
}

/* Projects Page */
.projects_heading p {
    font-size: 18px;
    color: #686A6C;
    line-height: 23px;
    font-weight: 400;
    text-align: center;
    margin-top: 30px;
    gap: 10px;
}

.projects_heading {
    margin: 30px 0 50px;
}

.projects_heading p span {
    font-weight: 700;
}

.topics {
    display: flex;
    gap: 10px;
    margin: 30px 0;
    justify-content: center;
}

.topics li {
    padding: 10px;
    border: 2px solid #EE59AE;
    color: #EE59AE;
    border-radius: 12px;
}


.topics li:nth-child(even) {
    border: 2px solid #47B9C3;
    color: #47B9C3;
}

.fullprojects {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 60px;
}

#fullprojects {
    margin-bottom: 40px;
}

.fullproject {
    width: 46%;
    cursor: pointer;
}

.fullproject_img {
    height: 300px;
    border-radius: 12px;
    border: 2px solid #EE59AE;
    overflow: hidden;
}

.fullproject:nth-child(even) .fullproject_img {
    border: 2px solid #47B9C3;
}

.fullproject_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
    transition: 0.4s ease all;
}

.fullproject:hover .fullproject_img img {
    transform: scale(1.08);
}

.fullproject_text {
    padding: 15px 0;
}

.fullproject_text>span {
    font-size: 18px;
    color: #EE59AE;
}

.fullproject:nth-child(even) .fullproject_text>span {
    color: #47B9C3;
}


.author {
    display: flex;
    gap: 20px;
    align-items: center;
    font-size: 18px;
    margin-top: 15px;
}

.author ul {
    display: flex;
    position: relative;
    /* width: 265px; */
}

.author span {
    margin-left: 90px;
}


.fullproject:first-child .author span,
.fullproject:nth-child(2) .author span {
    margin-left: 50px;
}

.author li img {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    object-fit: cover;
    filter: grayscale(100%);
    border: 2px solid white;
}

.author li:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0;
}

.author li:nth-child(2) {
    transform: translate(50px);
}

.author li:nth-child(3) {
    transform: translate(100px);
}

/* Single Project */
#singleproject {
    margin: 0 auto 60px;
}

.singleproject {
    height: 450px;
    position: relative;
    border: 2px solid #EE59AE;
    border-radius: 12px;
    width: 80%;
    margin: 0 auto;
    z-index: 0;
}


.singleproject video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}



.singleproject_layer,
.singleproject_layer_blue {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #EE59AE33;
}

.singleproject_layer_blue {
    background-color: #47B9C333;
}

.play_button_white {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    cursor: pointer;
    z-index: 1;
}

.author_info {
    display: flex;
    align-items: center;
    box-shadow: 0px 13px 19px 0px #00000012;
    border-radius: 20px;
    padding: 15px;
    gap: 60px;
    width: max-content;
    margin: 40px auto;
}

.author_info li {
    display: flex;
    align-items: center;
    gap: 10px;
}


.author_info li img {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    object-fit: cover;
    filter: grayscale(100%);
}

/*  Single Project Content */

#project_content {
    margin: 70px 0 100px;
    padding-bottom: 70px;
}

#project_content p {
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0.03em;
    text-align: center;
    color: #686A6C;
    margin: 30px 0;
}

/* Event Hero  */

#events_hero {
    height: 100vh;
    border-bottom-left-radius: 112px;
    border-bottom-right-radius: 112px;
    box-shadow: 0px 13px 84px 0px #EE59AE4A;
    background-image: url('/static/images/events/events_hero.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 80px;
    position: relative;
    z-index: 0;
}

#events_hero::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: rgba(238, 89, 173, 0.097);
    border-bottom-left-radius: 112px;
    border-bottom-right-radius: 112px;
}

#events_hero .events_hero_button {
    height: 75%;
    display: flex;
    justify-content: center;
    align-items: end;
}


.events_hero_button button {
    box-shadow: 20px 20px 84px 24px #EE59AE4A;
    background: linear-gradient(180deg, #EE59AE 0%, #63CCD1 100%);
    border-radius: 50%;
    border: none;
    width: 85px;
    height: 85px;
    cursor: pointer;
    animation: eventButton 1s linear infinite alternate;
}

@keyframes eventButton {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(40px);
    }
}


#events {
    margin: 60px 0 90px;
}

.events {
    text-align: center;
}

.events h6 {
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
    color: #EE59AE;
}

.events>span {
    border-radius: 12px;
    padding: 10px;
    border: 2px solid #EE59AE;
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
    color: #EE59AE;
    display: block;
    width: max-content;
    margin: 20px auto;
}

.events p {
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    text-align: center;
    margin: 20px 0 40px;
}

.events p span {
    font-weight: 700;
}

.event_imgs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}

.event_imgs img {
    width: 47%;
}

.events_blue>span {
    border: 2px solid #47B9C3;
    color: #47B9C3;
}

.events_blue h6 {
    color: #47B9C3 !important;
}

/* Activity Hero */
#activity_hero {
    height: 120vh;
    /* position: relative; */
    z-index: 0;
    border-bottom-left-radius: 112px;
    border-bottom-right-radius: 112px;
    /* margin-bottom: 90px; */
}

#activity_hero .swiper {
    width: 100%;
    height: 100%;
    padding-bottom: 96px;
}

#activity_hero .container_full {
    max-width: 1900px;
    height: 100%;
}

#activity_hero .container {
    height: auto;
    position: absolute;
    top: 0%;
    left: 50%;
    z-index: 9999;
    transform: translate(-50%, 30px);
}



#activity_hero .swiper-slide-next {
    opacity: 1 !important;
}

#activity_hero .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.874);
    width: 10px;
    height: 10px;
}


#activity_hero .swiper-pagination-bullet-active {
    background-color: #ffffff !important;
    width: 50px;
    border-radius: 10px;
    /* transition: 0.4s ease all; */
}

.activitit_hero_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    border-bottom-left-radius: 112px;
    border-bottom-right-radius: 112px;
    box-shadow: 0px 13px 84px 0px #47B9C34A;
}

#activity_hero .swiper-horizontal>.swiper-pagination-bullets,
#activity_hero .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 162px !important;
}


.activity_hero_text {

    font-size: 39px;
    font-weight: 700;
    line-height: 49px;
    letter-spacing: 0.03em;
    text-align: center;
    color: white;
    height: 86%;
    display: flex;
    justify-content: center;
    align-items: end;
    z-index: 1;
    text-shadow: 0px 13px 84px #47B9C34A;

}

.activity_count {
    margin-top: 50px;
}

/* Activity Text */
.activity_text>span {
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
    border: 2px solid #47B9C3;
    color: #47B9C3;
    padding: 10px;
    border-radius: 12px;
    margin: 40px auto;
    display: block;
    width: max-content;
}

.activity_text p {
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    font-weight: 400;
}

.activity_text p span {
    font-weight: 700;
}

#online_lessons {
    margin: 70px 0;
}

.online_lessons {
    display: flex;
}

.online_lessons img {
    width: calc(100% / 3);
    height: 300px;
    object-fit: cover;
}

/* Exam */

#exam {
    margin: 70px 0;
}

.exam {
    display: flex;
    width: 80%;
    margin: 0 auto;
}

.exam li {
    width: 20%;
}

.exam img {
    width: 130%;
}

/* Trips */
#trips {
    margin: 80px 0;
}

.trips {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 35px;
}

.trip img {
    width: 100%;
}

.trip {
    width: 47%;
}

#trips p {
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    color: #686A6C;
    margin: 40px 0;
}

#trips p span {
    font-weight: 700;
}

.trip div span:first-child {
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
    border: 2px solid #EE59AE;
    color: #EE59AE;
    padding: 10px;
    border-radius: 12px;
    display: inline-block;
    width: max-content;
}

.span_blue {
    border: 2px solid #47B9C3 !important;
    color: #47B9C3 !important;
}

.trip div span:last-child {
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
}

.trip div {
    color: #686A6C;
    margin-bottom: 15px;
    display: flex;
    gap: 10px;
    align-items: center;
}

.trip h5 {
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
    margin: 15px 0;
}


/*  Activity Video */

#activity_video {
    margin: 90px 0;
}

.activity_video h5 {
    font-size: 40px;
    line-height: 50px;
    color: #EE59AE;
    text-align: center;
    position: relative;
}

.activity_video>div {
    position: relative;
    height: 500px;
    width: 94%;
    border-radius: 12px;
    border: 2px solid #47B9C3;
    margin: 50px auto;
}

.activity_video_layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    height: 100%;
    background-color: #47b9c329;
}

.activity_video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}

.activity_video img {
    width: 90px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 2;
}


.activity_video h5:last-child {
    font-size: 40px;
    line-height: 50px;
    color: #47B9C3;
}

.activity_video h5::after {
    content: '----';
    position: absolute;
    top: 16px;
    left: 50%;
    transform: rotate(90deg) translate(50%, 100%);
    font-size: 27px;
    letter-spacing: 3px;
    z-index: -1;
    color: #47B9C3;
}

.activity_video h5:last-child:after {
    transform: rotate(90deg) translate(-50%, 100%);
    top: -16px;
}







header {
    box-shadow: 0px 13px 19px 0px #00000012;
    border-radius: 20px;
    background-color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    position: fixed;
    z-index: 9999 !important;
    background: white !important;
    width: 70%;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
}


#testimonials,
#projects {
    position: relative;
    /* z-index: -1; */
}

#programs {
    z-index: 0;
}

.program_download {
    z-index: 0;
}

#banner {
    position: relative;
    z-index: -2;
}

.story .play_button {
    display: none;
}

#header {
    padding-top: 95px;
}



header ul,
.resp_navbar ul {
    display: flex;
    align-items: center;
    gap: 30px;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.03em;
    color: #94979D;
}

header ul li,
.resp_navbar ul li {
    cursor: pointer;
}

header ul li:hover,
.resp_navbar ul li:hover {
    cursor: pointer;
}

header ul li a,
.resp_navbar ul li a {
    transition: 0.4s ease all;
}

header ul li a:hover,
.resp_navbar ul li a:hover {
    color: #43979f;
}


header button,
#rules button,
.resp_navbar button {
    width: 143px;
    height: 53px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    color: white;
    background: #47B9C3;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 0.03em;
    border: none;
    cursor: pointer;
    transition: 0.4s ease all;
}

header button:hover,
#rules button:hover {
    background: #33858c;
}

#join,
#values,
#details,
#why,
#statistics,
#about_info,
#trips,
.event_imgs,
#partners,
#about,
#home__info,
#home__count,
#offers,
#structure,
#criteria,
#rules,
#testimonials,
#projects,
#faq {
    overflow: hidden;
}

.students_heading {
    padding-top: 95px;
}

.projects_heading {
    padding-top: 120px;
}


@media screen and (max-width:992px) {
    header {
        top: 0;
        width: 100%;
        border-radius: 0;
    }

    #activity_hero header {
        top: 0px;
    }
}

@media screen and (max-width:576px) {
    #about_hero {
        height: 452px;
    }

    .about_hero_text {
        height: 90%;
    }
}

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

    #about_hero::after,
    #events_hero::after {
        border-radius: 0px;
    }

    #events_hero .events_hero_button {
        height: 81%;
    }
}

@media screen and (max-width: 425px) {
    /* .program:first-child {
        bottom: 28% !important;
    } */
}

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

    .fullproject_img {
        height: 237px;
    }
}

.author li img {
    position: relative;
}

.author li img:nth-child(odd)::after {
    content: '';
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #33858c2f;
}

.author li img:nth-child(even)::after {
    content: '';
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #ee59ad44;
}














.resp_t_text p {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #686A6C;
}

.resp_testimonials {
    margin: 40px auto;
    width: 100%;
}

.resp_testimonial {
    border: 2px solid #EE59AE;
    border-radius: 12px;
}

.resp_testimonial.blue {
    border: 2px solid #47B9C3;
    border-radius: 12px;
}

.resp_t_text img {
    margin: 15px 0;
}

.resp_t_text {
    text-align: center;
    padding: 24px 20px;
}

.resp_t_img {
    border-top: 2px solid #EE59AE;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    padding: 20px;

}

.resp_testimonial.blue .resp_t_img {
    border-top: 2px solid #47B9C3;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    padding: 20px;

}

.resp_t_img img {
    width: 100%;
}

.resp_t_img div {
    text-align: center;
}

.resp_t_img h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    color: #192335;
    margin: 20px 0;
}

.resp_t_img span {
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    text-align: center;
    color: #EE59AE;
    margin: 10px;
}

.resp_testimonial .resp_t_text {
    height: 350px;
}

.resp_testimonials .swiper-wrapper {
    padding-bottom: 40px;
}

.resp_testimonial.blue .resp_t_img span {
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    text-align: center;
    color: #47B9C3;
    margin: 10px;
}

.resp_testimonials .swiper-pagination-bullet {
    background: rgba(149, 58, 109, 0.473)
}


.resp_testimonials .swiper-pagination-bullet-active {
    background-color: #47B9C3 !important;
    width: 50px;
    border-radius: 10px;
    /* transition: 0.4s ease all; */
}

.resp_testimonials .swiper-horizontal>.swiper-pagination-bullets,
.resp_testimonials.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 2px !important;
}