/* Knot 08.03.2025 */
@import url('k-css/global.css');
@import url('k-css/master.css');
@import url('k-css/vision.css');
@import url('k-css/about.css');
@import url('k-css/course.css');
@import url('k-css/consist.css');
@import url('k-css/teacher.css');
@import url('k-css/cta.css');
@import url('k-css/marquee.css');
@import url('k-css/footer.css');

@import url('k-css/will.css');
@import url('k-css/instructor.css');
@import url('k-css/program.css');
@import url('k-css/result.css');
@import url('k-css/certificat.css');
@import url('k-css/faq.css');

/*!
Theme Name: byua2
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: byua2pay_btn
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

byua2 is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

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

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
@font-face {
    font-family: 'e-UkraineHead';
    src: url(fons/e-UkraineHead.woff) format('woff'),
    url(fons/e-UkraineHead.woff2) format('woff2');
}

@font-face {
    font-family: 'e-Ukraine';
    src: url(fons/e-Ukraine.woff) format('woff'),
    url(fons/e-Ukraine.woff2) format('woff2');
}

@font-face {
    font-family: 'a-Euclid';
    src: url(fons/a-Euclid.woff) format('woff'),
    url(fons/a-Euclid.woff2) format('woff2');
}

@font-face {
    font-family: 'a-EuclidBold';
    src: url(fons/a-EuclidBolt.woff) format('woff'),
    url(fons/a-EuclidBolt.woff2) format('woff2');
}

html {
    box-sizing: border-box;
}

*,
*::after,
*::before {
    box-sizing: inherit;
}

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

* {
    margin: 0;
    padding: 0;
}

li {
    list-style: none
}

ul {
    list-style: none;
}

.container {
    max-width: 1500px;
    width: 100%;
    margin: 0 auto;
    padding: 0 clamp(1.25rem, 0.5625rem + 3.4375vw, 4.6875rem);
}
.container_grid {
    max-width: 1500px;
    width: 100%;
    margin: 0 auto;
    padding: 0 clamp(0.25rem, -0.6487rem + 4.4937vw, 4.6875rem);
}


.text {
    font-size: 18px;
    font-family: "e-Ukraine", 'sans-serif';
    font-weight: 300;
	text-align: center;
}

.header__top-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;


/*    margin: clamp(1.25rem, 1rem + 1.25vw, 2.5rem) clamp(2.125rem, 1.6125rem + 2.5625vw, 4.6875rem) 0;*/
    padding: 0 clamp(1.25rem, 0.5625rem + 3.4375vw, 4.6875rem);
/*    min-height: clamp(1.25rem, 0.5625rem + 3.4375vw, 4.6875rem);*/
    z-index: 2;
}

.menu__link:hover {
    color: #6A00fa; 
}

.menu__list {
    color: #fff;
    font-family: "a-Euclid";
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: clamp(16px, 3vw, 44px);
    font-weight: 400;
    font-size: clamp(0.375rem, 0.225rem + 0.75vw, 1.125rem);
}

.banner-video{
    width: 100%;
    height: 1000px;
    object-fit: cover;
}

.banner--top {
    position: relative;
    width: 100%;
    height: clamp(28.125rem, 22.6875rem + 27.1875vw, 55.3125rem);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 1;
}

.banner__inner_two {
    position: absolute;
    margin-top: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.banner__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    text-align: center;
    color: #fff;
}

.banner__content_two {
    flex: 1;
    text-align: left;
}

.banner__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 968px;
}

.banner__buttons {
    align-items: center;
    text-align: center;
    justify-content: center;
    display: flex;
    margin-top: clamp(0.625rem, 0.3465rem + 1.3924vw, 2rem);
}

.flax-start {
    justify-content: flex-start;
}

.flax-end {
    margin-top: clamp(0rem, -0.3797rem + 1.8987vw, 1.875rem);
    display: flex;  
    justify-content: flex-end; 
}

.banner__all_btn_while {
    background-color: #FFF;
    color: #242424;
    text-align: center;
    font-family: "a-Euclid";
    text-decoration: none;
    margin-left: clamp(0.25rem, -0.1297rem + 1.8987vw, 2.125rem);
    padding: clamp(0.25rem, 0.075rem + 0.875vw, 1.125rem) clamp(1.875rem, 1.75rem + 0.625vw, 2.5rem);
    font-weight: 500;
    border-radius: 50px;
}

.banner__all_btn_while svg {
    width: clamp(0.25rem, 0.1125rem + 0.6875vw, 0.9375rem);
    height: clamp(0.25rem, 0.1125rem + 0.6875vw, 0.9375rem);
}

.networks {
    position: absolute;
    bottom: clamp(20px, 5vw, 60px);
    left: clamp(2.125rem, 1.6125rem + 2.5625vw, 4.6875rem);
    right: clamp(2.125rem, 1.6125rem + 2.5625vw, 4.6875rem);
    display: flex;
    justify-content: space-between;
}

.social-networks {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-gap: clamp(0.625rem, 0.25rem + 1.875vw, 2.5rem);
}

.btn-сonference a {
    display: flex;
    align-items: center;
    grid-gap: clamp(8px, 2vw, 30px);

    font-size: clamp(0.375rem, 0.225rem + 0.75vw, 1.125rem);
}

.btn-сonference svg {
    --size: clamp(20px, 5vw, 80px);
    width: var(--size);
    height: var(--size);
}

.banner__donat {
    color: #FFF;
    text-align: center;
    font-family: "a-Euclid";
    text-decoration: none;
    font-weight: 500;
    border-radius: 50px;
    padding-top: clamp(0.125rem, -0.075rem + 1vw, 1.125rem);
    padding-bottom: clamp(0.25rem, 0.075rem + 0.875vw, 1.125rem);
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.banner__donat svg {
    width: clamp(0.5rem, 0.4125rem + 0.4375vw, 0.9375rem);
    height: clamp(0.5rem, 0.4125rem + 0.4375vw, 0.9375rem);
}

.our-vision__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10px;
    border-bottom: 2px solid #7B7B7B;
    margin-top: clamp(1.875rem, 1.1155rem + 3.7975vw, 5.625rem);
    margin-bottom: 50px;
}

.objectives--inner {
    display: grid;
    grid-gap: 60px;
}

@media only screen and (min-width: 768px) {
    .missionary {
        display: flex;
        align-items: center;
        justify-content: space-between;
        grid-gap: 40px;
    }

    .missionary:nth-child(odd) {
        flex-direction: row-reverse;
    }

    .missionary .vision {
        max-width: 714px;
    }
}

.vision {
    justify-content: start;
    align-items: start;
    text-align: start
}

.banner__expanded_btn {
    display: flex;
    flex-wrap: wrap;
    margin: 40px 0 100px;
}

.team__text--inner {
    display: flex;
    justify-content: space-between;
    align-items: center;

    margin-bottom: 100px;
}

.team__text--inner-button {
    display: flex;
    align-items: center;
    grid-gap: 20px;
}

.btn_back,
.btn_go {
    cursor: pointer;
}

.banner__team-info .swiper-slide {
    width: 100%;
}

.swiper-slide {
    height: auto !important;
}

.swiperr_mySwiper {
    overflow: hidden;
}

.swiper_mySwiper {
    position: relative;
    overflow: hidden;
}

.swiper-container {
    display: flex;
    align-items: center;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
}

.banner__team_project {
    display: flex;

}

.container_project {
    padding-left: clamp(1.25rem, -0.6875rem + 9.6875vw, 10.9375rem);
    padding-bottom: 2px;
    display: flex;
    max-width: 100%;
    height: auto;

}

.banner__team-info .swiper-container:not(.swiper-initialized) .team-info__content {
    max-width: 325px;
}

.team-info__content {
    display: flex;
    flex-direction: column;

    height: 100%;
}

.team-info__content img {
    display: block;

    width: 100%;
    aspect-ratio: 325/376;
    object-fit: cover;
    object-position: top center;
    border-radius: 10px 10px 0 0;
}

.team-info__content-text {
    flex-grow: 1;
    padding: calc(clamp(0.3125rem, 0.1226rem + 0.9494vw, 1.25rem) * 1.5) clamp(0.3125rem, 0.1226rem + 0.9494vw, 1.25rem) calc(clamp(0.3125rem, 0.1226rem + 0.9494vw, 1.25rem) * 2);
    text-align: left;
    border: 1px solid rgba(0, 0, 0, .1);
    border-top: 0 none;
    border-radius: 0 0 10px 10px;
}

.position_user {
    display: flex;
    align-items: center;
    grid-gap: 12px;
}

.user_name {
    margin-top: clamp(0.3125rem, 0.1226rem + 0.9494vw, 1.25rem);
    color: #242424;
    font-family: "e-UkraineHead";
    font-weight: 700;
    font-size: clamp(0.75rem, 0.5981rem + 0.7595vw, 1.5rem);
}

.banner__text--inner {
    display: flex;
    align-items: center;
    border-bottom: 2px solid#7B7B7B;
    padding-bottom: 50px;
}

.banner__team_expanded_btn a {
    font-size: clamp(0.375rem, 0.25rem + 0.625vw, 1rem);
    margin-right: clamp(0.125rem, -0.1rem + 1.125vw, 1.25rem);
}

.banner__team_expanded_btn a:last-child {
    margin-right: 2;
}

.banner__team_expanded_btn {
    margin-left: auto;
    width: min-content;
    align-items: center;
    display: flex;
    margin-top: 40px;
    margin-bottom: 30px;
}

.project-info__content {
    overflow: hidden;
    flex-direction: column;
    text-align: center;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border: clamp(0.03125rem, 0.0123rem + 0.0949vw, 0.125rem) solid grey;
    border-radius: 10px;
    box-sizing: border-box;
}

.project-info__content img {
    height: auto;
    width: 100%;
    height: auto;
}

.project__content {
    white-space: nowrap;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: start;
    padding-top: clamp(0rem, -0.2785rem + 1.3924vw, 1.375rem);
    padding-bottom: clamp(0rem, -0.2785rem + 1.3924vw, 1.375rem);
    padding-left: clamp(0.625rem, 0.5rem + 0.625vw, 1.25rem);
    padding-right: clamp(0.625rem, 0.5rem + 0.625vw, 1.25rem);
}

.icon {
    white-space: nowrap;
    align-items: center;
    text-align: center;
    justify-content: center;
    display: flex;
}

.icon img {
    width: clamp(0.625rem, 0.375rem + 1.25vw, 1.875rem);
    height: clamp(0.625rem, 0.375rem + 1.25vw, 1.875rem);
}

.financial_contributions {
    height: min-content;
    border: 1px solid grey;
    border-radius: 10px;
}


.text_top {
    margin: 0 0 clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem) clamp(0.625rem, 0.125rem + 2.5vw, 3.125rem);
    display: flex;
}

.financial_text_top {
    padding: clamp(0.625rem, 0.45rem + 0.875vw, 1.5rem);
    display: flex;
    white-space: nowrap;
}

.financial-text_subscription {
    position: relative;
    font-family: "e-Ukraine";
    font-weight: 400;
    font-size: clamp(0.375rem, 0.175rem + 1vw, 1.375rem);
}

.financial-text_subscription::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #6F6F6F;
    transition: background-color 0.3s ease;
}

.financial-text_subscription:hover::after {
    background-color: #6A00fa;
}

.financial_text_one_time {
    position: relative;
    font-size: clamp(0.375rem, 0.175rem + 1vw, 1.375rem);
    font-family: "a-EuclidBold";
    margin-right: clamp(0.25rem, -0.325rem + 2.875vw, 3.125rem);
    padding-right: 10px;
}

.financial_text_one_time::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #6F6F6F;
    transition: background-color 0.3s ease;
}

.financial_text_one_time:hover::after {
    background-color: #6A00fa;
}

.one_time {
    position: relative;
    font-family: "a-Euclid";
    font-weight: 400;
    margin-right: clamp(1.25rem, 0.775rem + 2.375vw, 3.625rem);
    color: #242424;
    font-size: clamp(0.375rem, 0.175rem + 1vw, 1.375rem);
    margin-bottom: clamp(0rem, -0.625rem + 3.125vw, 3.125rem);
}

.one_time::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #6F6F6F;
    transition: background-color 0.3s ease;
}

.one_time:hover::after {
    background-color: #6A00fa;
}

.subscription {
    position: relative;
    font-family: "e-Ukraine";
    font-size: clamp(0.375rem, 0.225rem + 0.75vw, 1.125rem);
    font-weight: 400;
    margin-bottom: clamp(0rem, -0.625rem + 3.125vw, 3.125rem);
}

.subscription::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #6F6F6F;
    transition: background-color 0.3s ease;
}

.subscription:hover::after {
    background-color: #6A00fa;
}

.money_amount {
    border-bottom: 2px solid#7B7B7B;
    display: flex;
    justify-content: space-between;
    margin-left: clamp(0.625rem, 0.325rem + 1.5vw, 2.125rem);
    margin-right: clamp(0.625rem, 0.325rem + 1.5vw, 2.125rem);
}

.sum {
    font-family: "a-EuclidBold";
    color: #242424;
    font-weight: 600;
    font-size: clamp(0.75rem, 0.725rem + 0.125vw, 0.875rem);
    margin-right: auto;
    margin-bottom: 14px;
}

.currency {
    font-family: "a-EuclidBold";
    color: #242424;
    font-weight: 600;
    font-size: clamp(0.75rem, 0.725rem + 0.125vw, 0.875rem);
    margin-bottom: 14px;
}


.money {
    justify-content: space-between;
    display: flex;
    margin: clamp(0.25rem, 0.05rem + 1vw, 1.25rem) clamp(0.25rem, -0.2rem + 2.25vw, 2.5rem) clamp(0.25rem, -0.2rem + 2.25vw, 2.5rem);
}

.money a {
    font-size: clamp(0.25rem, 0.1rem + 0.75vw, 1rem);
}

.account_details {
    margin-left: clamp(0.3125rem, 0.2022rem + 0.8824vw, 1.25rem);
    border: 1px solid grey;
    border-radius: 10px;
}

.organization {
    font-size: clamp(0.5rem, 0.35rem + 0.75vw, 1.25rem);
    font-family: "a-EuclidBold";
    padding-left: clamp(0.625rem, 0.125rem + 2.5vw, 3.125rem);
    text-align: start;
    margin-top: clamp(0.375rem, 0.075rem + 1.5vw, 1.875rem);
    margin-bottom: clamp(0.375rem, 0.075rem + 1.5vw, 1.875rem);
}

.edrpou {
    font-family: "e-Ukraine";
    font-size: clamp(0.375rem, 0.225rem + 0.75vw, 1.125rem);
    font-weight: 400;
}

.edr {
    display: flex;
    justify-content: start;
    padding-bottom: 10px;
    padding-left: clamp(0.625rem, 0.125rem + 2.5vw, 3.125rem);
}

.score_edrpou {
    font-size: clamp(0.375rem, 0.225rem + 0.75vw, 1.125rem);
    font-family: "a-EuclidBold";
    padding-left: 10px;
}

.donation_btn {
    white-space: nowrap;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: clamp(0.625rem, 0.5rem + 0.625vw, 1.25rem) clamp(0.625rem, 0.125rem + 2.5vw, 3.125rem) 30px;
    border: clamp(0.03125rem, 0.0123rem + 0.0949vw, 0.125rem) solid #6F6F6F;
    border-radius: 50px;
}

.donation_btn img {
    width: clamp(0.5rem, 0.425rem + 0.375vw, 0.875rem);
    height: clamp(0.5rem, 0.425rem + 0.375vw, 0.875rem);
}


.uan,
.number {
    font-size: clamp(0.5rem, 0.3228rem + 0.8861vw, 1.375rem);
    font-family: "a-EuclidBold";
    padding-left: clamp(0.375rem, 0.2rem + 0.875vw, 1.25rem);
}

.number {
    color: #6F6F6F;
}


.column_two {
    margin-top: clamp(0.625rem, 0.375rem + 1.25vw, 1.875rem);
    margin-left: clamp(0rem, -0.375rem + 1.875vw, 1.875rem);
    margin-bottom: clamp(0.625rem, 0.375rem + 1.25vw, 1.875rem);
    margin-right: clamp(0.125rem, 0.025rem + 0.5vw, 0.625rem);
    display: flex;
}

.column_two img {
    margin-left: clamp(0.25rem, 0.125rem + 0.625vw, 0.875rem);
    margin-right: clamp(0.125rem, -0.025rem + 0.75vw, 0.875rem);
    width: clamp(0.5rem, 0.3rem + 1vw, 1.5rem);
    height: clamp(0.5rem, 0.3rem + 1vw, 1.5rem);
}

.btn__text {
    font-family: "e-UkraineHead";
    font-size: clamp(0.375rem, 0.2484rem + 0.6329vw, 1rem);
    padding-left: clamp(0.3125rem, 0.125rem + 0.9375vw, 1.25rem);
    padding-right: clamp(0.3125rem, 0.125rem + 0.9375vw, 1.25rem);
    padding-top: clamp(0.3125rem, 0.175rem + 0.6875vw, 1rem);
    padding-bottom: clamp(0.3125rem, 0.175rem + 0.6875vw, 1rem);
    max-height: 220px;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
}

.btn__text svg {
    margin-left: clamp(0.125rem, 0.025rem + 0.5vw, 0.625rem);
}

.support {
    font-size: clamp(0.375rem, 0.15rem + 1.125vw, 1.5rem);
    font-family: "a-Euclid";
    color: #242424;
    font-weight: 400;
    cursor: pointer;
}

.content_right {
    width: max-content;
    justify-content: space-between;
    flex-grow: 1;
    display: flex;
    margin-top: 0;
    list-style-type: none;
}

.content_right> li {
    padding-top: 20px;
    margin-top: clamp(0rem, -0.8861rem + 4.4304vw, 4.375rem);
    margin-right: clamp(0.75rem, 0.725rem + 0.125vw, 0.875rem);
}

.content__bottom {
    display: flex;
    justify-content: space-between;
    text-align: start;
    align-items: center;
    padding-bottom: clamp(1.25rem, 0.825rem + 2.125vw, 3.375rem);
}

.footer__left {
    padding-top: 30px;
    display: flex;
    align-items: center;
}

.left--top {
    align-items: center;
    display: flex;
    margin-top: clamp(1rem, 0.2rem + 4vw, 5rem);
}

.accotext {
    margin-left: clamp(0.625rem, 0.125rem + 2.5vw, 3.125rem);
    margin-right: clamp(0.625rem, 0.125rem + 2.5vw, 3.125rem);
}

.footer__text_left__center {
    font-family: "e-Ukraine";
    color: #7B7B7B;
    margin-top: clamp(0.25rem, 0.05rem + 1vw, 1.25rem);
    padding-bottom: clamp(0rem, -0.625rem + 3.125vw, 3.125rem);
    font-size: clamp(0.375rem, 0.275rem + 0.5vw, 0.875rem);
    line-height: 2;
}

.footer__networks {
    margin-top: 20px;
    margin-bottom: clamp(1.25rem, 0.75rem + 2.5vw, 3.75rem);
    list-style: none;
    display: flex;
}

.networks img {
    width: 20px;
    height: 20px;
}

.footer__networks img {
    width: 20px;
    height: 20px;
}

.footer__networks li {
    margin-right: clamp(0.625rem, 0.25rem + 1.875vw, 2.5rem);
}
.content_right li {
    padding-top: clamp(0.625rem, 0.3465rem + 1.3924vw, 2rem);
}

.footer__privacy-policy {
    font-family: 'e-Ukraine';
    font-size: clamp(0.1875rem, 0.05rem + 0.6875vw, 0.875rem);
    color: #7B7B7B;
}

.content_left {
    margin-right: clamp(1.25rem, -1.625rem + 14.375vw, 15.625rem);
}

.content__top {
    display: flex;
    justify-content: space-between;
    text-align: start;
}


.logo__link {
    padding-right: clamp(0.125rem, 0.025rem + 0.5vw, 0.625rem);
}


.footer__left--center {
    font-family: "e-Ukraine";
    color: #7B7B7B;
    font-size: clamp(0.1875rem, 0.05rem + 0.6875vw, 0.875rem);
    text-align: left;
    white-space: nowrap;
}

.footer__left--bottom {
    font-family: "e-Ukraine";
    color: #7B7B7B;
    font-size: clamp(0.1875rem, 0.05rem + 0.6875vw, 0.875rem);
    white-space: nowrap;
}

.go_top {
    cursor: pointer;
}

.footer__copy {
    padding-left: 50px;
    font-family: 'e-Ukraine';
    font-size: clamp(0.25rem, 0.125rem + 0.625vw, 0.875rem);
    color: #7B7B7B;
    margin-left: clamp(-6.25rem, -8.125rem + 9.375vw, 3.125rem);
}


.arrow-up {
    margin-bottom: 40px;
}

.top--text {
    white-space: nowrap;
    margin-right: 5px;
    font-size: clamp(0.25rem, 0.075rem + 0.875vw, 1.125rem);
    font-family: "e-UkraineHead";
}

.banner__vision {
    margin: 60px 0;
}

.project__title {
    margin-right:clamp(0rem, -4.0506rem + 20.2532vw, 20rem);
    font-family: "a-Euclid";
    font-weight: 200;
    font-size: clamp(0.5625rem, 0.3473rem + 1.0759vw, 1.625rem);
}

.banner__all_btn {
    color: #242424;
    text-align: center;
    font-family: "a-Euclid";
    text-decoration: none;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-right: clamp(0.25rem, 0.175rem + 0.375vw, 0.625rem);
    padding: clamp(0.25rem, 0.075rem + 0.875vw, 1.125rem) clamp(1.875rem, 1.75rem + 0.625vw, 2.5rem);
    font-weight: 500;
    border-radius: 50px;
}

.banner__all_btn svg {
    width: clamp(0.25rem, 0.1125rem + 0.6875vw, 0.9375rem);
    height: clamp(0.25rem, 0.1125rem + 0.6875vw, 0.9375rem);
}

.banner__financial_btn {
    border: 1px solid grey;
    color: #242424;
    text-align: center;
    font-family: "a-Euclid";
    text-decoration: none;
    flex-grow: 1;
    margin: 0 clamp(0.0625rem, 0.0125rem + 0.25vw, 0.3125rem);
    padding: clamp(0.25rem, 0.075rem + 0.875vw, 1.125rem);
    font-weight: 500;
    border-radius: 50px;
    white-space: nowrap;
}

.banner__missionary--movemen img {
    width: clamp(6.25rem, 5rem + 6.25vw, 12.5rem);
    height: clamp(6.25rem, 5rem + 6.25vw, 12.5rem);
}

.expanded_btn {
    color: #242424;
}

.btn {
    border: 1px solid grey;
    background-color: #FFF;
    color: #242424;
    text-align: center;
    font-family: "a-Euclid";
    text-decoration: none;
    font-size: clamp(0.4375rem, 0.2476rem + 0.9494vw, 1.375rem);
    padding: clamp(0.5rem, 0.375rem + 0.625vw, 1.125rem) clamp(0.875rem, 0.425rem + 2.25vw, 3.125rem);
    font-weight: 500;
    border-radius: 50px;
    margin-left: clamp(0.125rem, 0.0237rem + 0.5063vw, 0.625rem);
}

.btn--violet {
    color: #FFF;
    background-color: #6A00FA;
    font-weight: 400;
}


.title {
    font-family: "a-Euclid";
    font-weight: 700;
}

.text_info {
    font-family: "a-Euclid";
    font-weight: 400;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: start;
}

.inner_title--2 {
    font-family: "e-Ukraine";
    font-size: clamp(0.625rem, 0.5237rem + 0.5063vw, 1.125rem);
    font-weight: 400;
    padding-right: 20px;
    padding-top: clamp(0.625rem, 0.4984rem + 0.6329vw, 1.25rem);
    color: #FFF;
    line-height: 1.5;
}


.title--2 {
    color: #7B7B7B;
    font-family: "e-Ukraine";
    font-size: 16px;
    font-weight: 300;
    line-height: 1.8;
}

.inner_title {
    margin-right: clamp(0.375rem, -1.3212rem + 8.481vw, 8.75rem);
    margin-left: clamp(0.375rem, -1.3212rem + 8.481vw, 8.75rem);
    margin-top: 10px;
    margin-bottom: clamp(0.625rem, 0.375rem + 1.25vw, 1.875rem);
    font-size: clamp(0.625rem, 0.5237rem + 0.5063vw, 1.125rem);
    color: #FFF;
}

.title--3 {
    color: #2A2A2A;
    font-family: "a-Euclid";
    font-weight: 400;
    font-size: clamp(1.5rem, 1.05rem + 2.25vw, 3.75rem);
    padding-right: clamp(0.3125rem, -0.125rem + 2.1875vw, 2.5rem);
}

.title--4 {
    font-family: "a-Euclid";
    font-weight: 400;
    color: #242424;
    font-size: 28px;
    padding-bottom: 24px;
}

.title--5 {
    padding: 7px clamp(0.5rem, 0.225rem + 1.375vw, 1.875rem);
    font-family: "e-Ukraine";
    font-weight: 300;
    color: #FFF;
    text-align: center;
    font-size: clamp(0.625rem, 0.5744rem + 0.2532vw, 0.875rem);
    background-color: #6A00FA;
    text-decoration: none;
    border-radius: 50px;
}

.title--6 {
    flex-grow: 1;

    padding: 7px clamp(0.5rem, 0.225rem + 1.375vw, 1.875rem);
    font-family: "e-Ukraine";
    font-weight: 300;
    color: #242424;
    text-align: center;
    font-size: clamp(0.625rem, 0.5744rem + 0.2532vw, 0.875rem);
    background-color: #F9F9F9;
    text-decoration: none;
    border-radius: 50px;
}

.title_inst {
    margin-top: 8px;
    background-color: #faff00;
    text-decoration: none;
    padding: 0px clamp(0.625rem, 0.2453rem + 1.8987vw, 2.5rem);
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .inst svg {
    width: clamp(1.75rem, 1.6614rem + 0.443vw, 2.1875rem);
    height: clamp(1.75rem, 1.6614rem + 0.443vw, 2.1875rem);
  }

.title--6_inst {
    padding-bottom: 5px;
    font-family: "e-UkraineHead";
    font-weight: 500;
    color: #242424;
    text-align: center;
    font-size: clamp(0.625rem, 0.5744rem + 0.2532vw, 0.875rem);
}
.title--7 {
    font-family: "a-Euclid";
    font-weight: 400;
    color: #242424;
    margin-bottom: 2px;
    font-size: clamp(0.625rem, 0.3465rem + 1.3924vw, 2rem);
    padding-bottom: clamp(0.125rem, -0.1915rem + 1.5823vw, 1.6875rem);
}

.title--8 {
    margin-top: clamp(0.3125rem, 0.1226rem + 0.9494vw, 1.25rem);
    font-family: "e-Ukraine";
    color: #6F6F6F;
    font-size: clamp(0.625rem, 0.5744rem + 0.2532vw, 0.875rem);
    font-weight: 300;
    line-height: 1.5; 
}

.title--9 {
    max-height: 500px;
    color: #FFF;
    text-align: left;
    font-family: "e-UkraineHead";
    font-size: clamp(1.25rem, 0.9209rem + 1.6456vw, 2.875rem);
    font-weight: 500;
    white-space: nowrap;
}

.title--1 {
    color: #FFF;
    text-align: center;
    font-family: "e-UkraineHead";
    font-size: clamp(1.25rem, 0.6rem + 3.25vw, 4.5rem);
    font-weight: 700;
    text-transform: capitalize;
    width: 100%;
}

.our {
    text-align: start;
    padding-top: clamp(1.25rem, 0.25rem + 5vw, 6.25rem);
    padding-bottom: clamp(1.25rem, 0.875rem + 1.875vw, 3.125rem);
}

.info_education {
    color: #FFF;
    text-align: center;
    padding-top: clamp(1.25rem, 0.25rem + 5vw, 6.25rem);
    padding-bottom: clamp(0rem, -0.6329rem + 3.1646vw, 3.125rem);
}


.banner__team {
    margin-right: 10px;
    margin-right: auto;
}

.expanded--btn {
    margin-left: auto;
}

.icon_calendar {
    margin-top: 10px;
    margin-left: clamp(0.125rem, 0.0237rem + 0.5063vw, 0.625rem);
}

.iban-text {
    font-family: "e-Ukraine";
    color: #7B7B7B;
    font-size: clamp(0.125rem, -0.0074rem + 1.0588vw, 1.25rem);
    font-weight: 400;
    line-height: 2;
}

.date {
    color: #7B7B7B;
    padding-left: clamp(0.125rem, 0.025rem + 0.5vw, 0.625rem);
    font-size: clamp(0.375rem, 0.275rem + 0.5vw, 0.875rem);
    font-weight: 300;
}

.title_text {
    margin: 0px 0 30px;
}

.banner__donat--inner {
    margin-bottom: 68px;
    display: flex;
    justify-content: space-between;
}

.account_text {
    font-family: "a-Euclid";
    font-size: clamp(0.75rem, 0.525rem + 1.125vw, 1.875rem);
    margin-top: clamp(0.625rem, 0.125rem + 2.5vw, 3.125rem);
    margin-left: clamp(0.625rem, 0.125rem + 2.5vw, 3.125rem);
}

.banner__lesson-info-online {
    margin-top: clamp(0.625rem, 0.4984rem + 0.6329vw, 1.25rem);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.banner__lesson-info-online svg {
    width: 30%;
    height: 30%;
}
.certificate:hover .btn__text {
    color: #242424;
}
.certificate:hover svg path {
    fill: #242424;
}

.certificate__column {
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 100%;
}
.certificate_plus:hover .btn__text {
    color: #242424;
}
.certificate_plus:hover svg path {
    fill: #242424;
}


.banner_laptop {
    position: relative;
}

.banner_laptop img {
    padding-top: 70px;
    max-width: 100%;
    height: auto;
    display: block;
}
.donat,
.courses {
    margin-bottom: clamp(1.25rem, 0.8703rem + 1.8987vw, 3.125rem);
}
.courses__inner {
    padding-top: clamp(1.875rem, 1.2421rem + 3.1646vw, 5rem);
    text-align: left;
}

.сourse__program {
    padding-top: clamp(0.625rem, -0.3877rem + 5.0633vw, 5.625rem);
    text-align: left;
}
.grid_content {
    display: flex;
    flex-wrap: wrap;
}
.grid_content [class^="item_"]:hover {
    background-color: #6A00fa;
}

.grid_content svg {
    width: clamp(1.25rem, -0.5222rem + 8.8608vw, 10rem);
    height: clamp(1.25rem, -0.5222rem + 8.8608vw, 10rem);
}

.item_1:hover .title--4,
.item_2:hover .title--4,
.item_3:hover .title--4,
.item_4:hover .title--4,
.item_5:hover .title--4,
.item_6:hover .title--4,
.item_7:hover .title--4,
.item_8:hover .title--4,
.item_9:hover .title--4,
.item_10:hover .title--4,
.item_11:hover .title--4 {
    color: #ffffff;
}

.item_1:hover .course_content_bottom,
.item_2:hover .course_content_bottom,
.item_3:hover .course_content_bottom,
.item_4:hover .course_content_bottom,
.item_5:hover .course_content_bottom,
.item_6:hover .course_content_bottom,
.item_7:hover .course_content_bottom,
.item_8:hover .course_content_bottom,
.item_9:hover .course_content_bottom,
.item_10:hover .course_content_bottom,
.item_11:hover .course_content_bottom {
    color: #ffffff;
}

.course_content_bottom_top {
    color: #242424;
    font-family: "a-Euclid";
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 400;
    font-size:  clamp(0.625rem, 0.4225rem + 1.0127vw, 1.625rem);
    padding-left: clamp(0.625rem, 0.3085rem + 1.5823vw, 2.1875rem);
}
.course_content_bottom {
    color: #242424;
    font-family: "a-Euclid";
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 500;
    font-size: clamp(0.75rem, 0.4968rem + 1.2658vw, 2rem);
    padding-left: clamp(0rem, -0.3797rem + 1.8987vw, 1.875rem);
}

.item_1:hover .cls-2,
.item_2:hover .cls-2,
.item_3:hover .cls-2,
.item_4:hover .cls-2,
.item_5:hover .cls-2,
.item_6:hover .cls-2,
.item_7:hover .cls-2,
.item_8:hover .cls-2,
.item_9:hover .cls-2,
.item_10:hover .cls-2,
.item_11:hover .cls-2 {
    fill: #ffffff;
}

.item_1:hover .cls-1,
.item_2:hover .cls-1,
.item_3:hover .cls-1,
.item_4:hover .cls-1,
.item_5:hover .cls-1,
.item_6:hover .cls-1,
.item_7:hover .cls-1,
.item_8:hover .cls-1,
.item_9:hover .cls-1,
.item_10:hover .cls-1,
.item_11:hover .cls-1 {
    fill: rgb(167, 10, 167);
}

.item_center {
    white-space: nowrap;
}
.item_7 {
    flex-basis: 98%;
}

.item_7,
.item_8,
.item_9 {
    flex-basis: 30.4%;
}

.item_6{
    flex-basis: 97%;
}

.item_3,
.item_4,
.item_5 {
    flex-basis: 31.5%;
}

.item_1,
.item_2 {
    flex-basis: 48%;
}

.item_style {
    margin: clamp(0.125rem, 0.0237rem + 0.5063vw, 0.625rem);
    padding: clamp(0.375rem, 0.0965rem + 1.3924vw, 1.75rem);
    border: clamp(0.03125rem, 0.0123rem + 0.0949vw, 0.125rem) solid #6F6F6F;
    border-radius: clamp(0.625rem, 0.4984rem + 0.6329vw, 1.25rem);
}

.course_content_top {
    align-items: center;
    display: flex;
}
.ban {
    background-color: #FFF;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.banner--center {
    margin-top: clamp(1.125rem, 0.7199rem + 2.0253vw, 3.125rem);
    position: relative;
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 1;
}
.banner__column {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: left;
}

.banner__inner_center {
    padding-bottom: clamp(1.25rem, 0.2373rem + 5.0633vw, 6.25rem);
    display: flex;
    align-items: center;
    text-align: left;
    text-decoration: none;
}
.banner__content_left,
.banner__content_center,
.banner__right {
    flex: 1;
    margin: 0 8px;
}

.banner__content_center,
.banner__content_left {
    padding-right: clamp(0.25rem, -0.1044rem + 1.7722vw, 2rem);
}
.center_top {
    position: relative;
    text-align: start;
    margin-top: clamp(1.125rem, 0.8212rem + 1.519vw, 2.625rem);
    margin-bottom: clamp(0.875rem, 0.7231rem + 0.7595vw, 1.625rem);
    color: #FFF;
    font-size: clamp(1.25rem, 0.7437rem + 2.5316vw, 3.75rem);
}
.banner__item_center {
    color: #FFF;
    font-family: "a-Euclid";
    font-size: clamp(0.625rem, 0.3465rem + 1.3924vw, 2rem);
    font-weight: 500;
    white-space: nowrap;
}
.banner__item_bottom {
    margin-right: clamp(0.3125rem, -0.625rem + 4.6875vw, 5rem);
    margin-top: clamp(0.75rem, 0.4968rem + 1.2658vw, 2rem);
    color: #FFF;
    font-family: "e-Ukraine";
    font-size: clamp(0.375rem, 0.1978rem + 0.8861vw, 1.25rem);
    font-weight: 400;
    line-height: 2;
}
.banner--education {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

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

.certificate {
    margin: clamp(0.125rem, 0.0237rem + 0.5063vw, 0.625rem);
    border-radius: clamp(0.625rem, 0.4225rem + 1.0127vw, 1.625rem);
    height: auto;
    padding: clamp(0.375rem, 0.0459rem + 1.6456vw, 2rem) clamp(0.375rem, -0.1313rem + 2.5316vw, 2.875rem);
    border: clamp(0.03125rem, 0.0123rem + 0.0949vw, 0.125rem) solid #6F6F6F;
    flex: 1;
}
.certificate_plus {
    margin: clamp(0.125rem, 0.0237rem + 0.5063vw, 0.625rem);
    border-radius: clamp(0.625rem, 0.4225rem + 1.0127vw, 1.625rem);
    height: auto;
    padding: clamp(0.375rem, 0.0459rem + 1.6456vw, 2rem) clamp(0.375rem, -0.1313rem + 2.5316vw, 2.875rem);
    border: clamp(0.03125rem, 0.0123rem + 0.0949vw, 0.125rem) solid #6F6F6F;
    flex: 1;
}

.certificate:hover {
    background-color: #6A00fa;
}

.certificate:hover .certificate_text,
.certificate:hover .text__item,
.certificate:hover .title--7 {
    color: #FFF;
}

.text__item {
    text-align: start;
    color: #7B7B7B;
    font-family: "e-Ukraine";
    font-size: clamp(0.625rem, 0.5237rem + 0.5063vw, 1.125rem);
    font-weight: 400;
    line-height: 1.5;
}
.certificate:hover .pay_btn {
    background-color: #FFF;
}
.pay_btn {
    background-color: #6A00fa;
    color: #FFF;
    text-align: center;
    font-family: "a-Euclid";
    text-decoration: none;
    margin-top: clamp(0.875rem, 0.4193rem + 2.2785vw, 3.125rem);
    padding: clamp(0.375rem, 0.1978rem + 0.8861vw, 1.25rem) 30px;
    font-weight: 500;
    border-radius: 50px;
}

.pay_btn svg {
    width: clamp(0.25rem, 0.1125rem + 0.6875vw, 0.9375rem);
    height: clamp(0.25rem, 0.1125rem + 0.6875vw, 0.9375rem);
}

.pay_btn a svg path {
    fill: #FFF;
}

.certificate_plus:hover .pay_btn_plus {
    background-color: #7B7B7B;
}
.pay_btn_plus {
    background-color: #7B7B7B;
    color: #FFF;
    text-align: center;
    font-family: "a-Euclid";
    text-decoration: none;
    margin-top: clamp(0.875rem, 0.4193rem + 2.2785vw, 3.125rem);
    padding: clamp(0.375rem, 0.1978rem + 0.8861vw, 1.25rem) 30px;
    font-weight: 500;
    border-radius: 50px;
}

.pay_btn_plus svg {
    width: clamp(0.25rem, 0.1125rem + 0.6875vw, 0.9375rem);
    height: clamp(0.25rem, 0.1125rem + 0.6875vw, 0.9375rem);
}

.pay_btn_plus svg path {
    fill: #FFF;
}

.pay {
    margin-top: clamp(0.875rem, 0.4193rem + 2.2785vw, 3.125rem);
    flex: 1;
    text-align: start;
}

.banner__team-text {
    margin-bottom: 50px;
    margin-top: 80px;
}
.banner__inner_laptop {
    padding-top:  clamp(1.875rem, 1.2421rem + 3.1646vw, 5rem);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ready_btn {
    width: clamp(6.25rem, 2.7057rem + 17.7215vw, 23.75rem);
}
.ready {
    color: #2A2A2A;
    font-family: "a-Euclid";
    font-weight: 400;
    font-size: clamp(1.125rem, 0.5934rem + 2.6582vw, 3.75rem);
    padding-right: clamp(0.3125rem, -0.125rem + 2.1875vw, 2.5rem);
    margin-right: clamp(0.625rem, 0.1187rem + 2.5316vw, 3.125rem);
    padding-bottom: clamp(0.625rem, 0.4225rem + 1.0127vw, 1.625rem);
    white-space: nowrap;
}

.inner_title_ready {
 max-width: clamp(10.625rem, 5.182rem + 27.2152vw, 37.5rem);
        font-family: "e-Ukraine";
margin-bottom: 30px;
        font-size: clamp(0.625rem, 0.5237rem + 0.5063vw, 1.125rem);
        font-weight: 400;
        line-height: 2;
    padding-right: 5px;
    line-height: 2;
}

.donat__inner {
    margin-top: clamp(3.125rem, 2.6187rem + 2.5316vw, 5.625rem);
    text-align: center;
    margin-bottom: clamp(1.875rem, 1.1155rem + 3.7975vw, 5.625rem);
}
.swiperrr_mySwiper {
    overflow: hidden;
}

.swiperr_mySwiper {
    overflow: hidden;
}

.swiper_mySwiper {
    position: relative;
    overflow: hidden;
}
.project-info__content_bm img {
    margin-top: 30px;
    max-width: 100%;
    height: auto;
}
.banner {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;

    background-color: #FFF;
}

.banner__content_left:last-child .center_top::after {
    display: none;
 }

.center_top::after {
    content: "";
    position: absolute;
    background-color: #FFF;
    left: clamp(1.25rem, 0.1108rem + 5.6962vw, 6.875rem);
    top: calc(50% - 1px);
    height: clamp(0.125rem, 0.087rem + 0.1899vw, 0.3125rem);
    width: clamp(3.125rem, -0.0396rem + 15.8228vw, 18.75rem);
    background: linear-gradient(to right, #000, #FFF);
}
.partners {
    height: 115px;
    width: 165px;
    background-image: url("/wp-content/themes/byua2/img/ewrasia.svg");
    background-repeat: no-repeat; 
    background-position: center center; 
    background-size: cover; 
    margin: 0 auto; 
}

@media screen and (max-width: 2000px) {
    .item_7,
.item_8,
.item_9 {
    flex-basis: 31%;
}
    }

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

.item_7,
.item_8,
.item_9 {
    flex-basis: 31.5%;
}

.item_9 svg{
    width: clamp(1.875rem, -0.9098rem + 13.9241vw, 15.625rem);
    height: clamp(1.875rem, -0.9098rem + 13.9241vw, 15.625rem);
}
}

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

    .networks img {
        width: 70%;
        height: 70%;  
    }
    .footer__networks img {
        width: 90%;
        height: 90%;  
    }
    .banner_laptop_ready img {
        width: 90%;
        height: 90%;
    }
}

@media screen and (max-width: 720px) {
    .partners {
        height: 58px;
        width: 82px;
    }

    .banner_laptop img {
        display: none;
    }

    .networks img {
        width: 80%;
        height: 80%;  
    }
    .footer__networks img{
        width: 80%;
        height: 80%;   
    }
    .go_top img {
        width: 34%;
        height: 34%;
    }


    .banner_laptop_ready img {
        width: 80%;
        height: 80%;
    }
}

@media screen and (max-width: 480px) {
    .title--5 {
        padding: 12px clamp(0.5rem, 0.225rem + 1.375vw, 1.875rem);
    }
    
    .title--6 {
        padding: 12px clamp(0.5rem, 0.225rem + 1.375vw, 1.875rem);
    }
    .title--6_inst {
        padding-bottom: 2px;
    }
    .inst svg {
        margin-top: 5px;
      }
    .grid_content svg{
        width: 70px;
        height: 70px;
    }
    .banner_laptop img {
        display: none;
    }
    .vusion_title{
        margin-bottom: 10px;
    }
    .title--4{
        padding-bottom: 0px;
    }

    .item_9 {
        flex-basis: 97%;
    }

    .item_7,
    .item_8 {
        flex-basis: 48%;
    }
    
    .item_6,
    .item_5 {
        flex-basis: 48%;
    }
    
    .item_3,
    .item_4{
        flex-basis: 48%;
    }
    
    .item_1,
    .item_2 {
        flex-basis: 48%;
    }
    .item_1 svg,
    .item_2 svg,
    .item_6 svg{
        width: 100px;
        height: 100px;

    }
    


    .project-info__content_bm img {
        max-width: 100px;
    }
    .footer__text_left__center br {
          display: none;
        }

    .text_info {
        font-size: 8px;
    }
    .banner__all_btn_while {
        padding: 4px 8px;

    }
    .banner__all_btn {
        padding: 4px 8px;
    }  
    .banner--top {
        height: 350px;
    }
     .footer__networks img {
        width: 50%;
        height: 50%;  
    }
    .networks img {
        width: 50%;
        height: 50%;  
    } 
     .logo__link svg {
        width: 25px;
        height: 25px;
      } 
      .header__logo svg {
        width: 25px; 
        height: 25px; 
      }

      .go_top img {
        width: 20%;
        height: 20%;
    }
    .content_right> li {
        padding-top: 0px;
        margin-top: 20px;
    }
    .go_top {
        margin-top: -10px;
    }


}

@media screen and (max-width: 480px) {
    .grid_content svg{
        width: 60px;
        height: 60px;
    }
    .item_1 svg,
    .item_2 svg,
    .item_6 svg{
        width: 90px;
        height: 90px;
    }

}

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

    .team-text {
font-size: 8.5px;
    }
    .user_name {
        font-size: 9px;
    }



    .title--9 {
        font-size: 18px
}
    .grid_content svg{
        width: 50px;
        height: 50px;
    }
    .item_1 svg,
    .item_2 svg,
    .item_6 svg{
        width: 70px;
        height: 70px;

    }

    .footer__networks img{
        width: 40%;
        height: 40%;  
    }
    .networks img {
        width: 40%;
        height: 40%;  
    }

    .title--5 {
        font-size: 7px;
    }
    .title--6 {
        font-size: 7px;
    }
}