@font-face{
font-family: 'Google Sans';
src: url(//tiue.uz/wp-content/themes/tiue/assets/fonts/google-sans/GoogleSans-Regular.ttf) format('truetype');
font-display: swap;
font-weight: 400;
}
@font-face{
font-family: 'Google Sans';
src: url(//tiue.uz/wp-content/themes/tiue/assets/fonts/google-sans/GoogleSans-Medium.ttf) format('truetype');
font-display: swap;
font-weight: 500;
}
@font-face{
font-family: 'Google Sans';
src: url(//tiue.uz/wp-content/themes/tiue/assets/fonts/google-sans/GoogleSans-SemiBold.ttf) format('truetype');
font-display: swap;
font-weight: 600;
}
@font-face{
font-family: 'Google Sans';
src: url(//tiue.uz/wp-content/themes/tiue/assets/fonts/google-sans/GoogleSans-Bold.ttf) format('truetype');
font-display: swap;
font-weight: 700;
}*{
margin: 0;
padding: 0;
font-weight: 400;
list-style: none;
text-decoration: none;
font-family: 'Google Sans';
box-sizing: border-box;
-ms-overflow-style: none;
transition: all 0.3s ease;
} :root{
--white: #ffffff;
--black: #0E0938;
--bg: #ECECEF;
--violet-dark: #312699;
--violet: #564BBD;
--violet-middle: #857AE3;
--violet-light: #DFDCF7;
--violet-bg: #F2F1FC;
--green: #68A362;
--green-light: #DFF1DE;
--red: #D71139;
--grey-light: #F5F5F7;
}
.white{
color: var(--white) !important;
}
.black{
color: var(--black) !important;
}
.red{
color: var(--red) !important;
}
.bg{
color: var(--bg) !important;
}
.white-bg{
background-color: var(--white) !important;
}
.black-bg{
background-color: var(--black) !important;
}
.grey-bg{
background-color: var(--bg) !important;
}
.grey-light-bg{
background-color: var(--grey-light) !important;
}
.green-bg{
background-color: var(--green) !important;
}
.red-bg{
background-color: var(--red) !important;
}
.green-light-bg{
background-color: var(--green-light) !important;
}
.violet-bg{
background-color: var(--violet) !important;
}
.violet-white-bg{
background-color: var(--violet-bg) !important;
}
.violet-dark-bg{
background-color: var(--violet-dark) !important;
}
.violet-light-bg{
background-color: var(--violet-light) !important;
}
.violet-middle-bg{
background-color: var(--violet-middle) !important;
} ::-webkit-scrollbar {
width: 1px;
}
::-webkit-scrollbar-track {
background: transparent;
}
::-webkit-scrollbar-thumb {
background-color: var(--violet-dark);
} *::-webkit-scrollbar {
width: 1px;
}
*::-webkit-scrollbar-thumb {
background-color: var(--violet-dark);
} *{
scrollbar-width: thin;
scrollbar-color: var(--violet-dark) transparent;
} .container{
width: 100%;
padding: 0 40px;
margin: 0 auto;
}
.radius{
border-radius: 32px;
}
.padding{
padding: 20px;
} button{
background: none;
border: none;
outline: none;
cursor: pointer;
}
.btn{
font-weight: 500;
padding: 8px 30px 11px 30px;
border-radius: 24px;
font-size: 19px;
line-height: 29px;
background-color: var(--red-light);
color: var(--white);
white-space: nowrap;
height: max-content;
width: max-content;
display: block;
text-align: center;
position: relative;
z-index: 1;
}
.btn:disabled{
opacity: .5;
}
.btn:hover{
background-color: var(--violet) !important;
}
.btn-border{
background-color: var(--white);
border: 1px solid var(--green);
color: var(--green);
}
.btn-border:hover{
background-color: var(--green);
color: var(--white);
border-color: var(--violet) !important;
}
.btn-dark{
background-color: var(--violet);
}
.btn-dark:hover{
background-color: var(--violet-dark);
} body{
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100vh;
background-color: var(--bg);
}
body.noscroll{
overflow: hidden;
}
main{
padding-top: 156px;
} input{
outline: unset;
cursor: pointer;
}
input[type="checkbox"] {
appearance: none;
border: 2px solid var(--green);
min-width: 24px;
height: 24px;
background-color: var(--white);
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
border-radius: 4px;
}
input[type="checkbox"]:checked{
background-image: url(//tiue.uz/wp-content/themes/tiue/assets/images/icons/checked.svg);
background-color: var(--green);
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type="number"] {
-moz-appearance: textfield;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="search"],
textarea{
border: 1px solid var(--violet-bg);
background: var(--violet-bg);
padding: 8px 16px 9px 16px;
resize: unset;
font-size: 19px;
line-height: 29px;
color: var(--black);
outline: unset;
display: block;
border-radius: 12px;
}
input[type="text"]::placeholder,
input[type="tel"]::placeholder,
input[type="email"]::placeholder,
input[type="search"]::placeholder,
textarea::placeholder{
color: #7C77A6;
}
input[type="text"].disabled,
input[type="tel"].disabled,
input[type="email"].disabled,
input[type="search"].disabled,
textarea.disabled{
opacity: .3;
pointer-events: none;
}
.input input,
.input textarea{
width: 100%;
}
.input input.filled,
.input textarea.filled{
border-color: var(--violet);
}
.input.invalid textarea,
.input.invalid input{
border-color: var(--red);
color: var(--red);
}
.input.invalid textarea::placeholder,
.input.invalid input::placeholder{
color: var(--red);;
} .form-policy{
display: flex;
gap: 8px;
cursor: pointer;
text-align: left;
}
.form-policy p{
font-size: 15px;
}
.form-policy a{
color: var(--green);
} .big-title{
font-size: 64px;
line-height: 120%;
font-weight: 700;
color: var(--black);
}
.title{
font-size: 52px;
line-height: 120%;
font-weight: 700;
color: var(--black);
}
.small-title{
font-size: 32px;
line-height: 130%;
font-weight: 600;
color: var(--black);
}
.absolute-title{
position: absolute;
top: 50px;
left: 50px;
}
.absolute-link{
position: absolute;
top: 20px;
right: 20px;
}
p,
li{
font-size: 19px;
line-height: 150%;
color: var(--black);
}
s{
text-decoration: line-through;
}
img{
display: block;
object-fit: cover;
} header{
position: fixed;
width: 100%;
z-index: 10;
top: 0;
left: 0;
padding: 20px 90px;
border-radius: 0 0 32px 32px;
box-shadow: 0 8px 51px 6px rgba(118, 114, 152, 0.2);
}
.header-phone{
font-size: 19px;
line-height: 29px;
font-weight: 500;
color: var(--violet-dark);
padding: 9px 16px 10px 16px;
}
.header-phone:hover{
color: var(--green);
}
.header-phone_mobile{
min-width: 48px;
height: 48px;
justify-content: center;
align-items: center;
border-radius: 12px;
background-color: var(--violet-bg);
}
.lang-dropdown{
position: relative; 
display: inline-block;
margin: 0 16px 0 8px;
}
.lang-current{
min-width: 48px;
height: 48px;
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
background-color: var(--violet-bg);
padding: 0 16px;
border-radius: 12px;
}
.lang-current.active{
background-color: var(--white);
}
.lang-list { 
display: none; 
position: absolute;
z-index: 1;
top: 100%; 
left: 0;
width: 100%;
}
.lang-list a{
display: flex;
align-items: center;
justify-content: space-between;
min-width: 48px;
height: 48px;
gap: 8px;
padding: 0 16px;
background-color: var(--white);
border-radius: 12px;
}
.lang-current.active + .lang-list{ 
display: block; 
}
.header-top_btn{
position: relative;
z-index: unset;
}
.header-top_btn::after, 
.header-top_btn::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
translate: -50% -50%;
z-index: -1;
padding: 2px;
border-radius: 24px;
background: conic-gradient(from var(--angle), transparent 30%, var(--violet-dark));
animation: spin-one 3s infinite linear;
}
.header-top_btn::before {
animation: spin-one 3s infinite linear;
}
@property --angle {
syntax: "<angle>";
initial-value: 0deg;
inherits: false;
}
@keyframes spin-one {
from {
--angle: 0deg;
}
to {
--angle: 360deg;
}
}
.header-menu a,
.header-btn{
font-size: 19px;
line-height: 29px;
color: var(--black);
padding: 9px 16px 10px 16px;
border-radius: 12px;
display: block;
}
.header-menu a:hover,
.header-btn:hover,
.header-menu a.current{
color: var(--green);
background-color: var(--violet-bg);
}
.header-menu a.active{
color: var(--green);
}
.header-btn{
background-color: var(--violet-bg);
}
.search-btn{
min-width: 48px;
height: 48px;
border-radius: 12px;
background-color: var(--violet-bg);
margin-left: 16px;
}
.search-input input{
padding-left: 48px;
}
.search-input svg{
position: absolute;
left: 16px;
top: 50%;
translate: 0 -50%;
}
.menu-modal{
z-index: 12;
position: fixed;
top: 200px;
right: 0;
display: flex;
justify-content: center;
width: 100%;
overflow: auto;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.menu-modal.show {
opacity: 1;
visibility: visible;
pointer-events: all;
}
.menu-modal_frame{
min-height: 360px;
margin: 0 40px;
height: max-content;
background-color: var(--white);
border-radius: 32px;
padding: 20px !important;
position: relative;
display: flex;
justify-content: space-between;
gap: 20px;
}
.menu-modal_cat{
font-size: 24px;
line-height: 130%;
font-weight: 600;
color: var(--black);
display: flex;
align-items: center;
gap: 8px;
margin: 20px 0 0 30px;
height: max-content;
}
.menu-modal_cat:hover,
.menu-modal_links a:hover{
color: var(--green);
}
.menu-modal_cat:hover svg path{
stroke: var(--green);
}
.menu-modal_links{
background-color: var(--violet-bg);
border-radius: 24px;
padding: 30px;
max-width: 1024px;
width: 100%;
display: grid;
align-content: start;
column-gap: 20px;
row-gap: 16px; }
.menu-modal_links a{
font-size: 19px;
line-height: 150%;
color: var(--black);
}
#menuModalEducation .menu-modal_double{
max-width: 1200px;
width: 100%;
}
.close-menu_modal{
display: none;
margin-bottom: 30px;
width: 24px;
height: 24px;
} .pills{
display: flex;
}
.pills span{
font-size: 24px;
line-height: 130%;
font-weight: 600;
color: var(--white);
padding: 13px 32px 16px 32px;
border-radius: 40px;
width: max-content;
}
.pills span:not(:first-child){
margin-left: -16px;
} .arrow{
width:24px;
overflow:hidden;
display:flex;
}
.arrow-track{
display:flex;
transform:translateX(-24px);
}
.arrow svg{
width:24px;
height:24px;
flex-shrink:0;
stroke:white;
stroke-width:1.5;
stroke-linecap:round;
stroke-linejoin:round;
}
@keyframes arrowSlide{
0% { transform:translateX(-24px); }
70% { transform:translateX(0); }
100% { transform:translateX(0); }
}
.animation-arrow:hover .arrow-track{
animation:arrowSlide 0.8s cubic-bezier(0.55,0,0.21,1) infinite;
} .link{
font-size: 19px;
line-height: 29px;
padding: 9px 30px 10px 30px;
color: var(--violet-dark);
width: max-content;
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
}
.link .arrow svg{
stroke: var(--violet-dark);
} .icon-star::after,
.icon-cross::after,
.icon-plus::after{
width: 40px;
height: 40px;
top: 30px;
right: 30px;
position: absolute;
content: '';
background-repeat: no-repeat;
background-position: center;
}
.icon-star::after{
background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2085_501)"><path d="M20 0V16" stroke="%23857AE3" stroke-width="1.5"/><path d="M0 20L16 20" stroke="%23857AE3" stroke-width="1.5"/><path d="M20 24V40" stroke="%23857AE3" stroke-width="1.5"/><path d="M24 20L40 20" stroke="%23857AE3" stroke-width="1.5"/><path d="M34.1421 5.85791L22.8284 17.1716" stroke="%23857AE3" stroke-width="1.5"/><path d="M5.85791 5.85791L17.1716 17.1716" stroke="%23857AE3" stroke-width="1.5"/><path d="M17.1716 22.8284L5.85792 34.1421" stroke="%23857AE3" stroke-width="1.5"/><path d="M22.8284 22.8284L34.1421 34.1421" stroke="%23857AE3" stroke-width="1.5"/></g><defs><clipPath id="clip0_2085_501"><rect width="40" height="40" fill="white"/></clipPath></defs></svg>');
}
.icon-cross::after{
background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M34.1421 5.85791L22.8284 17.1716" stroke="%23857AE3" stroke-width="1.5"/><path d="M5.85791 5.85791L17.1716 17.1716" stroke="%23857AE3" stroke-width="1.5"/><path d="M17.1716 22.8284L5.85792 34.1421" stroke="%23857AE3" stroke-width="1.5"/><path d="M22.8284 22.8284L34.1421 34.1421" stroke="%23857AE3" stroke-width="1.5"/></svg>');
}
.icon-plus::after{
background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2085_995)"><path d="M20 0V16" stroke="%23857AE3" stroke-width="1.5"/><path d="M0 20L16 20" stroke="%23857AE3" stroke-width="1.5"/><path d="M20 24V40" stroke="%23857AE3" stroke-width="1.5"/><path d="M24 20L40 20" stroke="%23857AE3" stroke-width="1.5"/></g><defs><clipPath id="clip0_2085_995"><rect width="40" height="40" fill="white"/></clipPath></defs></svg>');
} .burger-toggle{
min-width: 48px;
height: 48px;
display: none;
align-items: center;
justify-content: center;
background-color: var(--violet-bg);
border-radius: 12px;
margin-left: 16px;
}
.burger-toggle_close{
display: none;
}
.burger-toggle.active .burger-toggle_open{
display: none;
}
.burger-toggle.active .burger-toggle_close{
display: block;
}
.burger-toggle.active{
background-color: var(--violet);
}
.burger-modal{
position: fixed;
top: 108px;
z-index: 12;
left: -100%;
width: 100%;
max-width: 340px;
height: calc(100vh - 128px);
padding: 20px;
overflow: hidden;
}
.burger-modal.show{
left: 20px;
}
.burger-menu_links a{
padding: 9px 16px 10px 16px;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 19px;
line-height: 29px;
color: var(--black);
border-radius: 12px;
}
.burger-menu_links a.current{
background-color: var(--violet-bg);
color: var(--green);
}
.burger-modal .socials{
gap: 20px;
}
.burger-modal .socials a{
background: var(--grey-light);
}
.burger-modal .socials a svg path{
fill: var(--violet);
} .modal{
z-index: 12;
position: fixed;
top: 0;
height: 100%;
display: flex;
justify-content: right;
width: 100%;
overflow: auto;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.modal.show{
opacity: 1;
visibility: visible;
pointer-events: all;
}
#reviewsModal{
justify-content: center;
align-items: center;
}
.modal-frame{
max-width: 738px;
width: 100%;
min-height: 550px;
margin: 20px;
height: max-content;
background-color: var(--white);
border-radius: 24px;
padding: 20px;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 60px;
}
.close-modal{
width: 48px;
height: 48px;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
right: 40px;
top: 40px;
} .background{
background: var(--violet-dark);
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: block;
opacity: 0;
z-index: 8;
pointer-events: none;
backdrop-filter: blur(50px);
}
.background.show{
opacity: .8;
pointer-events: all;
}
.background.over-header{
z-index: 11;
} .tabs-container{
padding: 0 60px !important;
}
.tabs{
display: flex;
flex-wrap: nowrap;
gap: 8px;
overflow: auto;
scrollbar-width: none;
padding: 20px;
}
.tab{
font-size: 19px;
line-height: 150%;
color: var(--black);
background-color: var(--grey-light);
padding: 9px 16px 10px 16px;
border-radius: 32px;
display: flex;
justify-content: center;
white-space: nowrap;
width: 100%;
}
.tab:hover{
color: var(--green);
}
.tab.active{
color: var(--white) !important;
background-color: var(--violet-middle);
}
.tab-content{
display: none;
}
.tab-content.show{
display: block;
} .owl-stage-outer{
z-index: 1;
}
.owl-carousel .owl-stage{
display: flex;
}
.owl-dots{
display: flex;
justify-content: center;
align-items: center;
gap: 4px;
position: absolute;
z-index: 2;
}
.owl-dot{
width: 8px;
height: 8px;
background-color: #7C77A6;
opacity: .5;
border-radius: 50%;
}
.owl-dot.active{
width: 30px;
opacity: 1;
border-radius: 32px;
}
.white-dots .owl-dot{
background-color: var(--white);
}
.owl-nav button{
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
}
.owl-prev,
.owl-next{
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.owl-prev{
left: -70px;
}
.owl-next{
right: -70px;
} .breadcrumbs{
flex-wrap: wrap;
gap: 8px;
}
.breadcrumbs a{
font-size: 15px;
line-height: 29px;
color: var(--black);
display: flex;
gap: 8px;
}
.breadcrumbs a:hover{
color: var(--green);
}
.breadcrumbs a::after{
content: '/';
width: 5px;
height: 23px;
display: block;
color: #7C77A6;
} .banner{
padding: 50px; min-height: 390px;
margin-top: 40px;
}
.banner .breadcrumbs{
margin-bottom: 8px;
}
.banner .big-title{
max-width: 1012px;
position: relative;
z-index: 1;
}
.banner-img{
position: absolute;
bottom: 50px;
right: 50px;
} .select{
width: 100%;
position: relative;
user-select: none;
}
.select span{
padding: 8px 40px 10px 16px;
border: 1px solid var(--violet-bg);
background-color: var(--violet-bg);
border-radius: 12px;
display: block;
}
.selected{
cursor: pointer;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
}
.select.active .selected,
.select .selected.have-value{
border-color: var(--violet);
}
.selected:after{
content: '';
position: absolute;
right: 13px;
top: 50%;
transform: translateY(-50%);
display: block;
width: 14px;
height: 14px;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.75 0.75L7.75 14.75M7.75 14.75L14.75 7.75M7.75 14.75L0.75 7.75" stroke="%23857AE3" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
background-size: contain;
background-position: center;
transition: all 0.3s ease;
}
.select.active .selected:after{
transform: rotate(-180deg) translateY(50%);
background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.75 0.75L7.75 14.75M7.75 14.75L14.75 7.75M7.75 14.75L0.75 7.75" stroke="%2368A362" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.select-options{
position: absolute;
left: 0;
top: 100%;
width: 100%;
background-color: var(--violet-bg);
display: none;
border-radius: 12px;
z-index: 9;
padding: 8px 16px;
flex-direction: column;
gap: 8px;
}
.select.active .select-options{
display: flex;
}
.select-option{
cursor: pointer;
text-align: start;
}
.select-option:hover{
color: var(--green);
} .simple-card{
background-color: var(--white);
border-radius: 24px;
padding: 30px;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 20px;
} .socials{
display: flex;
align-items: center;
gap: 8px;
}
.socials a{
width: 40px;
height: 40px;
border-radius: 12px;
display: flex;
justify-content: center;
align-items: center;
background: #FFFFFF1A;
}
.socials a:hover{
background-color: var(--green);
} .share{
position: relative;
z-index: 1;
}
.share a{
width: 40px;
height: 40px;
border-radius: 12px;
background-color: var(--grey-light);
display: flex;
justify-content: center;
align-items: center;
} footer{
border-radius: 32px 32px 0 0;
padding: 40px 0;
}
footer *{
color: var(--white);
}
footer a:hover{
color: var(--green);
opacity: 1;
}
.footer{
grid-template-columns: 1fr 3fr;
}
.footer-info{
background: #68A36233;
padding: 30px;
border-radius: 24px;
}
.footer-links a{
padding: 9px 16px 10px 16px;
font-size: 19px;
line-height: 150%;
border-radius: 12px;
font-weight: 500;
background: #FFFFFF1A;
}
.footer-links a:hover{
background: var(--white);
}
.footer-info_address{
font-size: 19px;
line-height: 150%;
}
.footer-info_phone,
.footer-info_email{
font-size: 24px;
line-height: 130%;
font-weight: 600;
}
.footer-menu{
background: #FFFFFF1A;
border-radius: 24px;
padding: 30px;
display: flex;
flex-direction: column;
gap: 8px;
}
.footer-menu a{
font-size: 19px;
line-height: 150%;
opacity: .8;
}
.footer-menu_header a{
opacity: 1;
font-size: 24px;
line-height: 130%;
font-weight: 600;
margin-bottom: 12px;
}
.footer-menu_header svg{
display: none;
}
.footer-bottom{
padding: 0 30px;
}
.footer-bottom *{
font-size: 15px;
line-height: 150%;
opacity: .8;
}
@media(max-width: 1919px){
header{
padding: 20px 30px;
}
.container{
padding: 0 20px;
}
.footer{
grid-template-columns: 1fr 3.4fr;
}
.footer-bottom{
padding: 0;
}
#menuModalEducation .menu-modal_double{
max-width: 1000px;
}
.banner{
padding: 40px;
margin-top: 20px;
}
.banner-img{
bottom: 40px;
right: 40px;
}
.tabs-container{
padding: 0 40px !important;
}
.absolute-title{
top: 40px;
left: 40px;
}
}
@media(max-width: 1599px){
main{
padding-top: 88px;
}
.header{
display: none !important;
}
.burger-toggle{
display: flex;
}
.icon-star::after,
.icon-cross::after,
.icon-plus::after{
top: 20px;
right: 20px;
}
footer{
padding: 20px 0 30px 0;
}
.footer{
grid-template-columns: 1fr;
}
.footer-info{
padding: 16px;
}
.footer-links{
height: 100%;
}
.footer-links a{
height: 100%;
display: flex;
align-items: center;
border-radius: 16px;
}
.footer-menu{
padding: 20px;
}
.menu-modal{
top: 108px;
width: calc(100% - 360px);
height: calc(100vh - 128px);
}
.menu-modal_frame{
margin: 0 20px;
height: 100%;
flex-direction: column;
}
.menu-modal_cat{
margin: 0;
}
}
@media(max-width: 1199px){
header{
padding: 20px 40px;
}
.hero-content{
order: 1;
}
}
@media(max-width: 959px){
header{
padding: 20px;
}
.pills{
flex-wrap: wrap;
}
.pills span:last-child{
margin-left: 0 !important;
}
.close-modal{
right: 20px;
top: 20px;
}
}
@media(max-width: 767px){
.big-title{
font-size: 44px;
}
.title{
font-size: 28px;
}
.absolute-link{
position: relative;
top: unset;
right: unset;
}
.lang-dropdown{
margin: 0 8px;
}
.lang-current p,
.lang-list a p{
display: none;
}
.header-logo img{
max-width: 140px;
}
.burger-toggle{
margin-left: 0;
}
.footer-links a{
border-radius: 12px;
}
.footer-links a.white-bg{
margin-top: 22px;
}
.footer-menu{
border-radius: 16px;
padding: 16px;
gap: 20px;
}
.footer-menu.active svg{
transform: rotate(-180deg);
}
.footer-menu_header svg{
display: block;
width: 24px;
height: 24px;
}
.footer-menu_links{
display: none;
transition: unset;
}
.footer-menu a{
font-size: 17px;
}
.footer-menu_header a{
margin-bottom: 0;
font-size: 20px;
}
.burger-modal{
max-width: unset;
width: calc(100% - 40px);
}
.menu-modal{
z-index: 13;
width: 100%;
}
.close-menu_modal{
display: block;
}
.header-top_btn-wrapper{
position: fixed;
bottom: 0;
left: 0;
background-color: var(--white);
padding: 10px;
border-top-right-radius: 24px;
border-top-left-radius: 24px;
width: 100%;
z-index: 2;
display: none;
}
.header-top_btn-wrapper.show{
display: block;
}
.header-top_btn{
width: 100%;
}
.search-btn{
margin-left: 0;
margin-right: 8px;
}
.menu-modal.smaller,
.burger-modal.smaller{
height: calc(100vh - 190px);
}
}
@media(max-width: 575px){
.container {
padding: 0 10px;
}
.padding{
padding: 16px;
}
.big-title {
font-size: 36px;
&.zip-title {
font-size: 28px;
}
}
.small-title{
font-size: 24px;
}
.absolute-title{
top: 16px;
left: 16px;
width: calc(100% - 32px);
}
p,
li,
.menu-modal_links a{
font-size: 17px;
}
main{
padding-top: 60px;
}
.container{
padding: 0 10px;
}
.radius{
border-radius: 24px;
}
header{
padding: 10px;
border-radius: 0 0 24px 24px;
}
.lang-current,
.lang-list a{
padding: 0 8px;
}
.lang-current,
.header-phone_mobile,
.burger-toggle,
.lang-list a,
.search-btn{
min-width: 40px;
height: 40px;
}
.burger-modal{
top: 78px;
height: calc(100vh - 88px);
width: calc(100% - 20px);
padding: 16px;
}
.burger-modal.show{
left: 10px;
}
.pills span{
font-size: 19px;
font-weight: 500;
padding: 8px 22px 11px 22px;
}
.pills span:not(:first-child){
margin-left: -11px;
}
.icon-star::after,
.icon-cross::after,
.icon-plus::after{
top: 16px;
right: 16px;
}
.modal-frame{
padding: 16px;
border-radius: 16px;
}
footer {
border-radius: 24px 24px 0 0;
padding: 16px 0;
}
.menu-modal{
top: 78px;
height: calc(100vh - 88px);
}
.menu-modal_frame,
.menu-modal_links{
border-radius: 24px;
margin: 0 10px;
padding: 16px !important;
}
.menu-modal_links{
margin: 0 !important;
}
.menu-modal_cat{
font-size: 20px;
}
.menu-modal.smaller,
.burger-modal.smaller{
height: calc(100vh - 160px);
}
.banner{
padding: 16px;
margin-top: 10px;
min-height: 250px;
}
.tabs-container{
padding: 0 26px !important;
}
.simple-card{
border-radius: 16px;
padding: 16px;
}
}
.search-window {
position: absolute;
top: 100%;
left: -8px;
z-index: 20;
width: calc(100% + 16px);
max-height: 416px;
overflow-y: scroll;
padding: 16px 32px;
background-color: var(--white);
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
&.hidden {
scale: 0;
pointer-events: none;
}
}
.search-hint {
display: -webkit-box;
-webkit-line-clamp: 2; -webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
} @media(max-width: 1599px) {
.search-window {
display: flex;
flex-direction: column;
gap: 20px;
position: fixed;
top: 110px;
left: 10px;
padding: 20px 16px;
width: calc(100dvw - 20px);
height: calc(100dvh - 120px);
max-height: unset;
border-radius: 24px;
}
}
@media(max-width: 767px) {
.search-window {
top: 70px;
height: calc(100dvh - 80px);
}
}.levels-item{
padding: 30px;
border-radius: 24px;
background-color: var(--violet-light);
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 25px;
min-height: 350px;
color: var(--white);
position: relative;
}
.levels-item_content .small-title{
margin-bottom: 8px;
padding-right: 40px;
opacity: 1 !important;
}
.levels-item a{
color: var(--white);
display: flex;
align-items: center;
justify-content: center;
font-size: 19px;
gap: 8px;
padding: 0 16px;
height: 48px;
border-radius: 12px;
background-color: var(--violet-middle);
width: max-content;
}
.levels-item.violet-dark-bg a{
padding: 0 12px;
}
.levels-item.violet-dark-bg .white{
opacity: .8;
} .programs-filter button:not(.programs-filter .select-options button),
.blog-section_filter button{
font-size: 19px;
line-height: 150%;
color: var(--black);
padding: 9px 24px 10px 24px;
border-radius: 32px;
white-space: nowrap;
}
.programs-filter button.active,
.blog-section_filter button.active{
background-color: var(--white);
color: var(--black) !important;
}
.programs-filter button:hover,
.blog-section_filter button:hover{
color: var(--green);
}
.programs-filter_list,
.form-education{
overflow: auto;
scrollbar-width: none;
}
.programs-filter .select span{
background-color: var(--white);
border: var(--white);
}
.programs-filter .select-options{
background-color: var(--white);
}
.program-card{
border-radius: 24px;
height: 350px;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 30px;
transition: unset;
position: relative;
background: var(--white);
}
.program-card.bachelor{
background: linear-gradient(126.21deg, #FFFFFF 60.37%, #DFF1DE 98.59%);
}
.program-card.magistr{
background: linear-gradient(126.21deg, #FFFFFF 60.37%, #DFDCF7 98.59%);
}
.program-card:hover:not(.program-card_question){
background: var(--white);
}
.program-card_meta{
display: flex;
gap: 4px;
}
.program-card_meta object,
.graduate-card_faculty{
padding: 5px 16px 8px 16px;
background-color: var(--violet-bg);
border-radius: 32px;
}
.program-card_meta a,
.graduate-card_faculty{
font-size: 15px;
line-height: 150%;
color: var(--black);
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
}
.program-card_meta a:hover{
color: var(--green);
}
.program-card_name{
margin-top: 34px;
}
.program-card:hover .program-card_name{
color: var(--green);
}
.program-card img{
position: absolute;
right: 30px;
bottom: 30px;
width: 150px;
height: 150px;
}
.program-card_question{
grid-column: 3;
grid-row: 1;
background: var(--violet-light);
}
.program-card_question img{
right: 0 !important;
bottom: 0 !important;
width: unset;
height: unset;
}
.program-card_question--text{
margin-top: 8px;
max-width: 360px;
} .video-tour iframe{
width: 100%;
height: 850px;
border-radius: 32px;
} .useful-card_big{
padding: 50px;
}
.useful-card_big h6{
font-size: 24px;
font-weight: 600;
line-height: 130%;
margin-bottom: 20px;
color: var(--black);
}
.useful-card_big ul{
display: flex;
flex-direction: column;
gap: 20px;
}
.useful-card{
border-radius: 32px;
padding: 30px;
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
gap: 20px;
min-height: 230px;
}
.useful-card h6{
padding-right: 60px;
} .stats{
padding: 20px;
}
.stats-text{
padding: 30px 0 0 30px;
}
.stats-slider{
width: 100%;
min-width: 0;
border-radius: 24px;
}
.stats-slider .owl-dots{
bottom: 20px;
left: 50%;
transform: translateX(-50%);
}
.stats-slider_item img{
width: 100%;
height: 570px;
border-radius: 24px;
}
.stats-slider_item{
position: relative;
}
.stats-slider_item--title{
font-size: 24px;
line-height: 130%;
font-weight: 600;
color: var(--black);
padding: 20px 30px;
border-radius: 12px;
background-color: var(--violet-bg);
display: block;
position: absolute;
top: 30px;
left: 30px;
}
.stats-card{
position: relative;
padding: 30px;
border-radius: 24px;
min-height: 300px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.stats-card:last-of-type{
background: linear-gradient(126.21deg, #FFFFFF 60.37%, #DFDCF7 98.59%);
}
.stats-card_big{
grid-column: span 2;
background: linear-gradient(126.21deg, #FFFFFF 60.37%, #DFF1DE 98.59%);
}
.stats-card span{
font-size: 64px;
line-height: 120%;
font-weight: 700;
color: var(--violet);
margin-bottom: 8px;
display: block;
}
.stats-card h6,
.blog-card_title,
.accordion-title,
.team-card_name,
.graduate-card_name,
.program-course_card--title{
font-size: 24px;
line-height: 130%;
font-weight:600;
color: var(--black) !important;
}
.stats-card p:not(.small-title){
opacity: .8;
}
.stats-card .small-title{
padding-right: 60px;
}
.stats-card.violet-dark-bg *{
color: var(--white) !important;
} .gallery-items,
.partners-items{
flex-shrink: 0;
}
.gallery-item,
.partners-item{
flex: 0 0 auto;
counter-increment: item;
transition: all 0.1s ease-in-out;
}
.gallery-item img{
border-radius: 32px;
height: 450px;
}
.marquee {
animation: scroll 20s linear infinite;
}
@keyframes scroll {
from {
transform: translateX(0);
}
to {
transform: translateX(calc(-100% - 20px));
}
} .reviews-section{
padding: 20px;
grid-template-columns: 1fr 435px;
overflow: hidden;
}
.reviews-section_text{
padding-top: 230px;
}
.reviews-section_text,
.reviews-section_video {
min-width: 0;
overflow: hidden;
}
.reviews-slider,
.video-slider{
width: 100%;
overflow: hidden;
}
.reviews-section .title{
position: absolute;
top: 30px;
left: 30px;
max-width: 860px;
}
.reviews-slider,
.video-slider,
.reviews-modal_slider{
width: 100%;
min-width: 0;
}
.reviews-slider .owl-dots{
bottom: 20px;
right: 20px;
}
.video-slider .owl-dots{
bottom: 30px;
right: 30px;
}
.reviews-modal_slider .owl-dots{
bottom: -25px;
right: 50%;
transform: translateX(50%);
}
.review-card{
border-radius: 24px;
padding: 30px;
background-color: var(--white);
height: 520px;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 20px;
}
.review-card h6{
font-size: 24px;
line-height: 130%;
color: var(--black);
font-weight: 600;
margin-bottom: 20px;
}
.review-card p{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 7;
overflow: hidden;
text-overflow: ellipsis;
}
.review-card_more{
font-size: 15px;
line-height: 150%;
margin-top: 8px;
color: var(--violet-middle);
display: none;
}
.review-author{
display: flex;
align-items: center;
gap: 8px;
}
.review-author_img{
width: 64px !important;
height: 64px;
border-radius: 12px;
}
.review-author small,
.graduate-card_profile small{
font-size: 15px;
line-height: 150%;
margin-top: 4px;
display: block;
color: #7C77A6;
}
.review-video,
.review-video iframe{
width: 100%;
height: 680px;
border-radius: 24px;
}
.reviews-modal_frame{
max-width: 890px;
width: calc(100% - 40px);
min-height: 500px;
margin: 20px;
height: max-content;
background-color: var(--white);
border-radius: 24px;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.reviews-modal_frame .review-card{
height: unset !important;
min-height: 500px !important;
}
.reviews-modal_frame .review-card p{
-webkit-line-clamp: unset !important;
} .quiz{
padding: 20px;
}
.quiz-text{
padding: 30px 0 0 30px;
}
.quiz-text img{
width: 328px;
}
.quiz-text p{
opacity: .8;
color: var(--white);
max-width: 708px;
}
.quiz-form{
min-height: 650px;
}
.quiz-step{
padding: 30px;
border-radius: 24px;
display: none;
flex-direction: column;
justify-content: space-between;
gap: 20px;
height: 100%;
background: linear-gradient(126.21deg, #FFFFFF 60.37%, #DFDCF7 98.59%);
}
.quiz-step:last-of-type{
background: var(--white);
}
.quiz-step.show{
display: flex;
}
.quiz-step span,
.blog-card_meta span{
font-size: 15px;
line-height: 150%;
color: var(--black);
padding: 5px 16px 8px 16px;
background-color: var(--violet-bg);
border-radius: 32px;
display: block;
width: max-content;
}
.quiz-option{
display: flex;
gap: 8px;
font-size: 19px;
line-height: 150%;
color: var(--black);
cursor: pointer;
}
.quiz-option input{
appearance: none;
border: 2px solid var(--green);
min-width: 24px;
height: 24px;
background-color: var(--white);
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
border-radius: 50%;
}
.quiz-option input:checked{
border-width: 10px;
} .partners-item{
padding: 50px 30px;
border-radius: 24px;
background-color: var(--grey-light);
}
.partners-item img{
width: 190px;
height: 150px;
object-fit: contain;
} .blog-section .title{
width: calc(100% - 400px);
}
.blog-section_filter{
overflow: auto;
scrollbar-width: none;
}
.blog-card,
.team-card{
border-radius: 24px;
background-color: var(--white);
height: 600px;
padding: 10px;
display: flex;
flex-direction: column;
}
.blog-card:hover .blog-card_title{
color: var(--green) !important;
}
.blog-card_img img{
width: 100%;
height: 280px;
border-radius: 16px;
}
.blog-card_content{
margin-top: 20px;
padding: 0 20px 20px 20px;
flex: 1;
display: flex;
flex-direction: column;
}
.blog-card_meta{
display: flex;
align-items: center;
justify-content: space-between;
}
.blog-card_meta small{
font-size: 15px;
line-height: 150%;
color: #7C77A6;
}
.blog-card_text{
margin-top:auto;
display: flex;
flex-direction: column;
gap: 8px;
}
.blog-card_title{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
text-overflow: ellipsis;
}
.blog-card_title.full{
-webkit-line-clamp: unset;
}
.blog-card_desc{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
}
.blog-section_slider .owl-dots,
.standart-slider .owl-dots{
right: 0;
top: -20px;
} .accordion-item{
cursor: pointer;
position: relative;
background-color: var(--grey-light);
padding: 30px;
border-radius: 24px;
}
.accordion-item:hover{
background-color: var(--white);
}
.accordion-item.active{
background-color: var(--green-light) !important;
}
.accordion-item svg{
min-width: 32px;
}
.accordion-item.active svg{
transform: rotate(-180deg);
}
.accordion-item.active svg path,
.accordion-item:hover svg path{
stroke: var(--green);
}
.accordion-header{
display: flex;
justify-content: space-between;  
}
.accordion-item:hover .accordion-title,
.accordion-item.active .accordion-title{
color: var(--green) !important;
}
.accordion-content{
display: none;
transition: unset;
padding-top: 20px;
}
.accordion-content a{
color: var(--violet);
} .questions-section .accordion{
padding-top: 230px;
}
.questions-section{
padding: 20px;
grid-template-columns: 1fr 435px;
}
.questions-section .title{
max-width: 1012px;
}
.questions-section_video{
border-radius: 16px;
position: sticky;
top: 160px;
margin-bottom: 68px;
}
.questions-section_video p{
padding: 10px 20px 20px 20px;
}
.answer-video iframe{
width: 100%;
height: 640px;
border-radius: 16px;
}
.questions-section .accordion{
max-width: 1012px;
} .contact-section{
padding: 20px;
grid-template-columns: 1.9fr 1.3fr;
}
.contact-section_images{
border-radius: 24px;
background: linear-gradient(180deg, #857AE3 0%, #564BBD 100%);
}
.contact-section_img{
width: 100%;
height: 100%;
position: relative;
z-index: 1;
}
.contact-section_bird{
position: absolute;
top: 30px;
right: 30px;
}
.contact-section_images .pills{
bottom: 30px;
left: 30px;
z-index: 2;
}
.contact-section_form{
padding: 30px;
border-radius: 24px;
min-height: 630px;
} .map iframe{
width: 100%;
height: 650px;
} .team-card{
height: 760px;
background-color: var(--bg);
}
.team-card_img img{
width: 100%;
border-radius: 16px;
height: 460px;
}
.team-card_content{
padding: 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
a {
color: var(--violet);
transition: all 0.2s ease;
&:hover {
color: var(--green);
}
}
}
.team-card_desc{
display: flex;
flex-direction: column;
gap: 8px;
} .graduate-card{
border-radius: 24px;
padding: 30px;
height: 550px;
display: flex;
flex-direction: column;
justify-content: space-between;
background-color: var(--white);
}
.graduate-card_profile{
display: flex;
gap: 16px;
}
.graduate-card_img{
max-width: 100px;
height: 100px;
border-radius: 12px;
}
.graduate-card_info{
display: flex;
flex-direction: column;
gap: 16px;
}
.graduate-card_info--title{
font-size: 15px;
margin-bottom: 4px;
display: block;
}
.graduate-card_faculty{
max-width: max-content;
} .form-education_section{
padding: 20px;
}
.form-education_section .title{
margin: 30px 0 0 30px;
}
.form-education_section--item{
position: relative;
padding: 30px;
border-radius: 24px;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 20px;
min-height: 230px;
} .level-info{
padding: 20px;
}
.level-info_card{
backdrop-filter: blur(10px);
border-radius: 24px;
min-height: 120px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
gap: 4px;
padding: 4px 10px 12px 10px;
}
.level-info_card.violet-light-bg{
min-width: 360px;
}
.level-info_card p:last-of-type{
font-weight: 500;
}
.small-pills span{
display: block;
font-size: 15px;
line-height: 150%;
color: var(--black);
padding: 5px 16px 8px 16px;
border-radius: 32px;
max-width: max-content;
}
.small-pills span:not(:first-of-type){
margin-left: -8px;
} .about-section_desc{
position: absolute;
top: 20px;
right: 20px;
width: calc(50% - 25px);
}
.about-section_card{
border-radius: 32px;
padding: 30px;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 20px;
min-height: 370px;
background-color: var(--violet-bg);
}
.about-section_card .small-title{
padding-right: 60px;
}
.about-section_card:not(.about-section_card.violet-bg){
backdrop-filter: blur(10px)
}
.top-space{
padding: 250px 20px 20px 20px;
}
.absolute-info{
position: absolute;
top: 20px;
right: 20px;
width: calc(50% - 40px);
}
.documents .simple-card{
height: 350px;
} .program-course_card{
border-radius: 16px;
padding: 30px;
background: linear-gradient(126.21deg, #FFFFFF 60.37%, #DFF1DE 98.59%);
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 350px;
max-height: max-content;
}
.program-course_card--list{
display: flex;
flex-direction: column;
gap: 16px;
}
.program-course_card--list__item{
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
}
.program-course_card--list__item p:last-of-type{
font-weight: 500;
white-space: nowrap;
}
#curriculum .accordion-content{
padding-top: 138px;
}
.extrance-card{
position: relative;
padding: 30px;
border-radius: 24px;
background-color: var(--white);
height: 350px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.extrance-card span{
font-size: 52px;
line-height: 110%;
font-weight: 700;
color: var(--violet-dark);
}
.extrance-card.green-bg span,
.extrance-card.green-bg p{
color: var(--white);
}
.extrance-card a{
color: var(--green);
font-weight: 600;
}
.extrance-card.icon-star::after{
background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2085_501)"><path d="M20 0V16" stroke="%23DFF1DE" stroke-width="1.5"/><path d="M0 20L16 20" stroke="%23DFF1DE" stroke-width="1.5"/><path d="M20 24V40" stroke="%23DFF1DE" stroke-width="1.5"/><path d="M24 20L40 20" stroke="%23DFF1DE" stroke-width="1.5"/><path d="M34.1421 5.85791L22.8284 17.1716" stroke="%23DFF1DE" stroke-width="1.5"/><path d="M5.85791 5.85791L17.1716 17.1716" stroke="%23DFF1DE" stroke-width="1.5"/><path d="M17.1716 22.8284L5.85792 34.1421" stroke="%23DFF1DE" stroke-width="1.5"/><path d="M22.8284 22.8284L34.1421 34.1421" stroke="%23DFF1DE" stroke-width="1.5"/></g><defs><clipPath id="clip0_2085_501"><rect width="40" height="40" fill="white"/></clipPath></defs></svg>');
}
.extrance-card.icon-cross::after{
background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M34.1421 5.85791L22.8284 17.1716" stroke="%2368A362" stroke-width="1.5"/><path d="M5.85791 5.85791L17.1716 17.1716" stroke="%2368A362" stroke-width="1.5"/><path d="M17.1716 22.8284L5.85792 34.1421" stroke="%2368A362" stroke-width="1.5"/><path d="M22.8284 22.8284L34.1421 34.1421" stroke="%2368A362" stroke-width="1.5"/></svg>');
}
.extrance-card.icon-plus::after{
background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2085_995)"><path d="M20 0V16" stroke="%2368A362" stroke-width="1.5"/><path d="M0 20L16 20" stroke="%2368A362" stroke-width="1.5"/><path d="M20 24V40" stroke="%2368A362" stroke-width="1.5"/><path d="M24 20L40 20" stroke="%2368A362" stroke-width="1.5"/></g><defs><clipPath id="clip0_2085_995"><rect width="40" height="40" fill="white"/></clipPath></defs></svg>');
}
#price .useful-card_big{
padding: 40px;
min-height: 750px;
}
.about-program{
min-height: 900px;
grid-template-columns: 2fr 1fr;
} .text-info{
grid-template-columns: 1fr 1.4fr;
}
.text-info_absolute{
padding: 30px 0 0 30px;
}
.text-info_content--item{
border-radius: 24px;
padding: 30px;
}
.text-info_content--item a{
color: var(--green);
}
.text-info_content--title{
font-size: 24px;
line-height: 130%;
font-weight: 600;
}
@media(min-width: 1919px){
.text-info_absolute{
max-width: 500px;
}
} .price-cards .simple-card,
.admission-contacts .simple-card{
height: 350px;
}
.price-cards .simple-card p{
font-size: 24px;
font-weight: 600;
}
.price-cards .simple-card b{
color: var(--violet-middle);
} @media(min-width: 1919px){
.admission-contacts .simple-card.green-light-bg{
max-width: 435px;
}
.admission-contacts .simple-card.violet-white-bg{
min-width: 384px;
}
}
.admission-contacts .simple-card b,
.address-info .simple-card b{
font-size: 24px;
font-weight: 600;
}
.admission-contacts .simple-card a,
.simple-card_link{
font-size: 24px;
line-height: 130%;
font-weight: 600;
color: var(--violet-dark);
} .content{
width: 58%;
}
.content h1,
.content h2,
.content h3{
font-size: 32px;
line-height: 130%;
color: var(--black);
font-weight: 600;
margin-top: 30px;
}
.content h4,
.content h5,
.content h6{
font-size: 24px;
line-height: 130%;
color: var(--black);
font-weight: 600;
margin-top: 30px;
}
.content ul,
.content ol{
display: flex;
flex-direction: column;
gap: 8px;
}
.content ol{
padding-left: 20px;
}
.content li{
font-size: 19px;
line-height: 150%;
color: var(--black);
}
.content ul li::before {
content: "— ";
}
.content ol li{
list-style: decimal;
}
.content strong{
font-weight: 700;
}
.content img{
height: 600px;
border-radius: 24px;
width: 100%;
}
.content a{
font-weight: 500;
padding: 8px 30px 11px 30px;
border-radius: 24px;
font-size: 19px;
line-height: 29px;
height: max-content;
display: block;
position: relative;
z-index: 1;
background-color: var(--white);
border: 1px solid var(--green);
color: var(--green);
}
.content a:hover{
background-color: var(--violet);
color: var(--white);
border-color: var(--violet);
}
.sidebar{
width: 587px;
height: 100%;
position: sticky;
top: 156px;
}@media(max-width: 1919px){
.levels-item{
min-height: 400px;
}
.reviews-section .title{
top: 20px;
left: 20px;
}
.video-tour iframe{
height: 800px;
}
.useful-card_big{
padding: 40px;
}
.stats-text {
padding: 20px 0 0 20px;
}
.team-card{
height: 720px;
}
.team-card_img img{
height: 380px;
}
.text-info_absolute {
padding: 20px 0 0 20px;
}
}
@media(max-width: 1599px){
.levels-item{
padding: 20px;
}
.program-card{
padding: 20px;
}
.program-card img{
right: 20px;
bottom: 20px;
}
.program-card_name{
margin-top: 44px;
}
.video-tour iframe{
height: 600px;
}
.useful-card_big{
min-height: 570px;
}
.useful-card{
padding: 20px;
min-height: 410px;
}
.useful-card .pills span{
margin-left: unset;
}
.useful-card .icon-star::after, 
.useful-card .icon-cross::after, 
.useful-card .icon-plus::after{
top: 20px;
right: 20px;
}
.stats-text {
padding: 20px 20px 0 20px;
}
.stats-card{
padding: 20px;
min-height: 380px;
}
.stats-card_big{
grid-column: unset;
}
.quiz-text img{
display: none;
}
.quiz-text {
padding: 20px 0 0 20px;
}
.quiz-text p{
max-width: unset;
}
.quiz-form{
min-height: 550px;
}
.questions-section .accordion{
padding-top: 50px;
max-width: unset;
}
.questions-section{
display: flex !important;
flex-direction: column-reverse;
}
.questions-section_video{
position: relative;
top: unset;
margin-bottom: 0;
max-width: 435px;
}
.questions-section .title{
max-width: unset;
width: calc(100% - 475px);
}
.contact-section_bird{
top: 20px;
right: 20px;
}
.contact-section_img{
padding-top: 150px;
}
.contact-section_images .pills{
bottom: 20px;
left: 20px;
flex-wrap: wrap;
}
.contact-section_images .pills span:last-child {
margin-left: 0 !important;
}
.contact-section_form{
padding: 20px;
}
.form-education_section{
padding: 250px 20px 20px 20px;
}
.form-education_section .title{
position: absolute;
top: 50px;
left: 50px;
margin: 0;
}
.program-course_desc{
grid-column: 2 span;
}
.about-program{
grid-template-columns: 1fr;
height: unset;
}
.text-info{
grid-template-columns: 1fr;
padding: 250px 20px 20px 20px;
}
.text-info_absolute{
position: absolute;
top: 20px;
left: 20px;
padding: 20px;
width: calc(100% - 40px);
}
.absolute-info{
position: relative;
top: unset;
right: unset;
width: 100%;
margin-bottom: 20px;
}
.content{
width: 100%;
}
.sidebar{
width: 100%;
}
}
@media(max-width: 1199px){
.levels-item{
min-height: 320px;
padding: 30px;
gap: 17px;
}
.levels-item.violet-dark-bg{
grid-column: span 2;
}
.program-card_question{
grid-column: unset;
grid-row: unset;
}
.video-tour iframe{
height: 500px;
}
.useful-card{
min-height: 230px;
}
.useful-card .pills span:not(:first-child){
margin-left: -16px;
}
.gallery-item img{
height: 300px;
}
.review-card{
height: 400px;
padding: 20px;
}
.review-video,
.review-video iframe{
height: 500px;
}
.reviews-section{
grid-template-columns: 1fr 320px;
}
.review-card p{
-webkit-line-clamp: 5;
}
.partners-item{
padding: 30px 20px;
}
.partners-item img{
width: 100px;
height: 80px;
}
.answer-video iframe{
height: 420px;
}
.questions-section_video{
padding: 16px !important;
max-width: 308px;
}
.questions-section_video p{
padding: 16px 0 0 0;
}
.contact-section_img{
padding: 0;
min-height: 500px;
}
.contact-section_bird{
top: 30px;
right: 30px;
}
.contact-section_images .pills span:last-child {
margin-left: -16px !important;
}
.contact-section_form{
min-height: 550px;
}
.map iframe{
height: 400px;
}
.about-section_desc{
position: relative;
top: unset;
right: unset;
margin-bottom: 20px;
width: 100%;
}
.about-section_card{
min-height: 400px;
}
.program-course_card{
max-height: unset;
min-height: 400px;
}
#curriculum .accordion-content{
padding-top: 108px;
}
#price .useful-card_big{
min-height: 650px;
}
}
@media(max-width: 959px){
.reviews-section{
grid-template-columns: 1fr;
}
.level-info_card.violet-light-bg{
min-width: unset;
}
.program-course_desc{
grid-column: unset;
}
}
@media(max-width: 767px){
.top-space,
.form-education_section,
.text-info{
padding: 150px 20px 20px 20px;
}
.useful-card_big,
.useful-card{
padding: 20px;
}
.levels-item.violet-dark-bg{
grid-column: span 1;
}
.levels-item{
min-height: unset;
gap: 20px;
}
.video-tour iframe{
height: 350px;
}
.useful-card_big h6{
margin-bottom: 8px;
}
.useful-card_big ul{
gap: 8px;
}
.useful-card .pills{
max-width: 420px;
gap: 0;
}
.stats-text{
padding: 0;
}
.stats-slider_item--title{
font-size: 20px;
}
.stats-card{
min-height: 250px;
}
.stats-card.violet-light-bg,
.stats-card.green-light-bg{
min-height: 200px;
}
.reviews-section_text {
padding-top: 130px;
}
.reviews-section .title{
top: 0;
left: 0;
}
.reviews-modal_frame,
.reviews-modal_frame .review-card{
min-height: unset !important;
}
.reviews-modal_slider .owl-stage {
align-items: flex-start;
}
.reviews-modal_slider .owl-item {
height: auto !important;
}
.reviews-modal_slider .review-card {
height: auto !important;
}
.quiz-text{
padding: 0;
}
.quiz-option input{
margin-top: 4px;
}
.blog-section .title,
.questions-section .title{
width: calc(100% - 32px);
}
.questions-section_video{
margin-top: 130px;
}
.contact-section_images .pills span:last-child {
margin-left: 0 !important;
}
.form-education_section .title{
top: 40px;
left: 40px;
}
.text-info_absolute{
padding: 0;
}
}
@media(max-width: 575px){
.useful-card_big,
.useful-card,
.quiz,
.questions-section,
.contact-section,
.contact-section_form,
.graduate-card,
.form-education_section--item,
#price .useful-card_big{
padding: 16px;
}
.useful-card,
.video-tour iframe{
border-radius: 24px;
}
.form-education_section .title{
top: 16px;
left: 16px;
width: calc(100% - 32px);
}
.levels-item{
border-radius: 16px;
padding: 16px;
}
.levels-item a{
width: 100%;
padding: 0 12px;
}
.program-card{
height: 320px;
border-radius: 16px;
padding: 16px;
}
.program-card img {
right: 16px;
bottom: 16px;
}
.program-card_meta{
flex-wrap: wrap;
}
.program-card_name{
margin-top: 18px;
}
.video-tour iframe{
height: 220px;
}
.useful-card_big h6,
.stats-card h6,
.review-card h6,
.quiz-step .small-title,
.blog-card_title,
.accordion-title,
.contact-section .small-title,
.team-card_name,
.graduate-card_name,
.text-info_content--title,
.address-info .simple-card b{
font-size: 20px
}
.stats{
padding: 16px;
}
.stats-slider_item--title{
padding: 8px 16px;
top: 4px;
left: 4px;
width: calc(100% - 8px);
}
.stats-slider_item img{
height: 250px;
border-radius: 16px;
}
.stats-card,
.accordion-item,
.review-card,
.quiz-step,
.about-section_card,
.program-course_card,
.text-info_content--item{
padding: 16px;
border-radius: 16px;
}
.stats-card span{
font-size: 36px;
}
.gallery-item img{
border-radius: 24px;
height: 230px;
}
.review-author small{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
}
.reviews-slider .owl-dots,
.reviews-video_slider .owl-dots{
bottom: -18px;
left: 50%;
transform: translateX(-50%);
}
.reviews-video_slider .owl-dots{
bottom: 20px;
}
.reviews-slider,
.reviews-section_text{
overflow: visible;
}
.quiz-form {
min-height: unset;
}
.quiz-step{
gap: 60px;
}
.quiz-option{
font-size: 17px;
}
.blog-section_filter button{
padding: 9px 20px 10px 20px;
}
.blog-card{
height: 480px;
}
.blog-card_img img{
height: 180px;
border-radius: 12px;
}
.blog-card_content{
margin-top: 6px;
padding: 0 6px 6px 6px;
}
.blog-card_meta{
gap: 10px;
flex-wrap: wrap;
}
.questions-section_video{
width: 100%;
max-width: unset;
}
.questions-section .accordion{
padding-top: 30px;
}
.accordion-content{
padding-top: 16px;
}
.contact-section_images .pills{
bottom: unset;
top: 8px;
left: 8px;
}
.contact-section_images{
min-height: 307px;
}
.contact-section_img{
min-height: unset;
margin-top: 120px;
}
.contact-section_images,
.contact-section_form,
.form-education_section--item{
border-radius: 16px;
}
.team-card{
height: 600px;
}
.team-card_img img{
height: 310px;
}
.team-card_content{
padding: 20px 6px 6px 6px;
}
.graduate-card_img {
max-width: 80px;
height: 80px;
}
.graduate-card_profile{
flex-direction: column;
gap: 8px;
}
.form-education_section--item{
min-height: 350px;
}
.about-section_card{
min-height: 300px;
}
.top-space,
.form-education_section{
padding: 150px 16px 16px 16px;
}
#curriculum .accordion-content{
padding-top: 58px;
}
.program-course_card{
min-height: unset;
gap: 30px;
}
.extrance-card{
height: 200px;
padding: 16px;
}
.extrance-card span{
font-size: 44px;
}
#price .useful-card_big{
min-height: unset;
}
.text-info{
padding: 16px;
}
.text-info_absolute{
position: relative;
top: unset;
left: unset;
}
.price-cards .simple-card,
.admission-contacts .simple-card{
height: 250px;
}
.price-cards .simple-card p{
font-size: 20px;
}
.admission-contacts{
padding: 200px 16px 16px 16px;
}
.admission-contacts .simple-card.green-light-bg:first-of-type{
height: 150px;
}
.admission-contacts .simple-card.green-light-bg:last-of-type{
height: 350px;
}
.admission-contacts .simple-card p{
font-size: 19px;
}
.documents .simple-card{
height: unset;
}
.content img{
height: 250px;
}
.content h1, .content h2, .content h3 {
font-size: 24px;
margin-top: 20px;
}
.content li{
font-size: 17px;
}
.content h4, .content h5, .content h6{
font-size: 20px;
}
}
@media(max-width: 420px){
.program-course_card--list__item{
align-items: start;
flex-direction: column;
gap: 4px;
}
}.d-flex{
display: flex;
}
.d-block{
display: block;
}
.d-none{
display: none;
}
.d-grid{
display: grid;
}
.d-inline-block{
display: inline-block;
}
.justify-between{
justify-content: space-between;
}
.justify-center{
justify-content: center;
}
.justify-end{
justify-content: end;
}
.justify-start{
justify-content: start;
}
.items-center{
align-items: center;
}
.items-end{
align-items: end;
}
.items-start{
align-items: start;
}
.flex-wrap{
flex-wrap: wrap;
}
.flex-wrap-reverse{
flex-wrap: wrap-reverse;
}
.flex-nowrap{
flex-wrap: nowrap;
}
.flex-row{
flex-direction: row;
}
.flex-row-reverse{
flex-direction: row-reverse;
}
.flex-col{
flex-direction: column;
}
.flex-col-reverse{
flex-direction: column-reverse;
}
.self-start{
align-self: flex-start;
}
.self-end{
align-self: flex-end;
}
.w-100{
width: 100%;
}
.h-100{
height: 100%;
}
.gap-0{
gap: 0;
}
.gap-1{
gap: 10px;
}
.gap-2{
gap: 20px;
}
.gap-3{
gap: 30px;
}
.gap-4{
gap: 40px;
}
.gap-5{
gap: 50px;
}
.gap-6{
gap: 60px;
}
.gap-7{
gap: 70px;
}
.gap-8{
gap: 80px;
}
.gap-9{
gap: 90px;
}
.gap-10{
gap: 100px;
}
.row-gap-1{
row-gap: 10px;
}
.row-gap-2{
row-gap: 20px;
}
.row-gap-3{
row-gap: 30px;
}
.row-gap-4{
row-gap: 40px;
}
.row-gap-5{
row-gap: 50px;
}
.col-gap-1{
column-gap: 10px;
}
.col-gap-2{
column-gap: 20px;
}
.col-gap-3{
column-gap: 30px;
}
.col-gap-4{
column-gap: 40px;
}
.col-gap-5{
column-gap: 50px;
}
.mb-0{
margin-bottom: 0;
}
.mr-1{
margin-right: 10px;
}
.mr-2{
margin-right: 20px;
}
.mr-3{
margin-right: 30px;
}
.mr-4{
margin-right: 40px;
}
.mr-5{
margin-right: 50px;
}
.mb-1{
margin-bottom: 10px;
}
.mb-2{
margin-bottom: 20px;
}
.mb-3{
margin-bottom: 30px;
}
.mb-4{
margin-bottom: 40px;
}
.mb-5{
margin-bottom: 50px;
}
.mb-6{
margin-bottom: 60px;
}
.mt-1{
margin-top: 10px;
}
.mt-2{
margin-top: 20px;
}
.mt-3{
margin-top: 30px;
}
.mt-4{
margin-top: 40px;
}
.mt-5{
margin-top: 50px;
}
.mt-6{
margin-top: 60px;
}
.mt-7{
margin-top: 70px;
}
.mt-8{
margin-top: 80px;
}
.mt-9{
margin-top: 90px;
}
.p-0{
padding: 0;
}
.p-1{
padding: 10px;
}
.p-2{
padding: 20px;
}
.p-3{
padding: 30px;
}
.p-4{
padding: 40px;
}
.p-5{
padding: 50px;
}
.p-6{
padding: 60px;
}
.pt-0{
padding-top: 0;
}
.pt-1{
padding-top: 10px;
}
.pt-2{
padding-top: 20px;
}
.pt-3{
padding-top: 30px;
}
.pt-4{
padding-top: 40px;
}
.pt-5{
padding-top: 50px;
}
.pr-1{
padding-right: 10px;
}
.pr-2{
padding-right: 20px;
}
.pr-3{
padding-right: 30px;
}
.pr-4{
padding-right: 40px;
}
.pr-5{
padding-right: 50px;
}
.pb-1{
padding-bottom: 10px;
}
.pb-2{
padding-bottom: 20px;
}
.pb-3{
padding-bottom: 30px;
}
.pb-4{
padding-bottom: 40px;
}
.pb-5{
padding-bottom: 50px;
}
.pointer{
cursor: pointer;
}
.relative{
position: relative;
}
.absolute{
position: absolute;
}
.mt-auto{
margin-top: auto;
}
.fw-500{
font-weight: 500;
}
.col-1{
grid-template-columns: repeat(1, 1fr);
}
.col-2{
grid-template-columns: repeat(2, 1fr);
}
.col-3{
grid-template-columns: repeat(3, 1fr);
}
.col-4{
grid-template-columns: repeat(4, 1fr);
}
.col-5{
grid-template-columns: repeat(5, 1fr);
}
.col-6{
grid-template-columns: repeat(6, 1fr);
}
.text-center{
text-align: center;
}
.text-left{
text-align: left;
}
.text-right{
text-align: right;
}
.z-1{
z-index: 10;
}
.z-2{
z-index: 20;
}
.z-3{
z-index: 30;
}
.z-4{
z-index: 40;
}
.z-5{
z-index: 50;
}
.hidden{
overflow: hidden;
}
.overflow-auto{
overflow: auto;
}
.bold{
font-weight: 700 !important;
}
.semi-bold{
font-weight: 600 !important;
}
.extra-bold{
font-weight: 800 !important;
}
.medium{
font-weight: 500 !important;
}
.regular{
font-weight: 400 !important;
}
.uppercase{
text-transform: uppercase;
}
.no-break{
word-break: normal !important;
}
.nowrap{
white-space: nowrap;
}
.fs-12{
font-size: 12px !important;
}
.fs-13{
font-size: 13px !important;
}
.fs-14{
font-size: 14px !important;
}
.fs-15{
font-size: 15px !important;
}
.fs-16{
font-size: 16px !important;
}
.fs-17{
font-size: 17px !important;
}
.fs-18{
font-size: 18px !important;
}
.fs-19{
font-size: 19px !important;
}
.fs-20{
font-size: 20px !important;
}
.lh-15{
line-height: 150% !important;
}
.radius-1{
border-radius: 10px;
}
.radius-2{
border-radius: 20px;
}
.mx-100{
max-width: 100%;
}
@media (max-width: 1599px) {
.xxl\:d-grid {
display: grid;
}
.xxl\:d-flex {
display: flex;
}
.xxl\:d-block {
display: block;
}
.xxl\:d-none {
display: none;
}
.xxl\:col-1 {
grid-template-columns: repeat(1, 1fr);
}
.xxl\:col-2 {
grid-template-columns: repeat(2, 1fr);
}
.xxl\:col-3 {
grid-template-columns: repeat(3, 1fr);
}
.xxl\:gap-1 {
gap: 10px;
}
.xxl\:gap-2 {
gap: 20px;
}
.xxl\:gap-3 {
gap: 30px;
}
.xxl\:gap-4 {
gap: 40px;
}
.xxl\:gap-5 {
gap: 50px;
}
.xxl\:gap-6 {
gap: 60px;
}
.xxl\:gap-7 {
gap: 70px;
}
.xxl\:gap-8 {
gap: 80px;
}
.xxl\:gap-9 {
gap: 90px;
}
.xxl\:gap-10 {
gap: 100px;
}
.xxl\:flex-col{
flex-direction: column;
}
.xxl\:flex-row{
flex-direction: row;
}
.xxl\:flex-col-reverse{
flex-direction: column-reverse;
}
.xxl\:items-end{
align-items: end;
}
.xxl\:w-100{
width: 100%;
}
.xxl\:p-0{
padding: 0;
}
.xxl\:gap-1{
gap: 10px;
}
.xxl\:gap-2{
gap: 20px;
}
.xxl\:gap-3{
gap: 30px;
}
.xxl\:gap-4{
gap: 40px;
}
.xxl\:gap-5{
gap: 50px;
}
.xxl\:p-0{
padding: 0;
}
.xxl\:p-1{
padding: 10px;
}
.xxl\:p-2{
padding: 20px;
}
.xxl\:p-3{
padding: 30px;
}
.xxl\:p-4{
padding: 40px;
}
.xxl\:p-5{
padding: 50px;
}
.xxl\:pr-0{
padding-right: 0;
}
.xxl\:mt-1{
margin-top: 10px;
}
.xxl\:mt-2{
margin-top: 20px;
}
.xxl\:mt-3{
margin-top: 30px;
}
}
@media (max-width: 1199px) {
.xl\:d-flex {
display: flex;
}
.xl\:d-block {
display: block;
}
.xl\:d-grid {
display: grid;
}
.xl\:d-none {
display: none;
}
.xl\:flex-wrap{
flex-wrap: wrap;
}
.xl\:gap-0 {
gap: 0;
}
.xl\:gap-1 {
gap: 10px;
}
.xl\:gap-2 {
gap: 20px;
}
.xl\:gap-3 {
gap: 30px;
}
.xl\:gap-4 {
gap: 40px;
}
.xl\:gap-5 {
gap: 50px;
}
.xl\:gap-6 {
gap: 60px;
}
.xl\:gap-7 {
gap: 70px;
}
.xl\:gap-8 {
gap: 80px;
}
.xl\:gap-9 {
gap: 90px;
}
.xl\:gap-10 {
gap: 100px;
}
.xl\:row-gap-1 {
row-gap: 10px;
}
.xl\:row-gap-2 {
row-gap: 20px;
}
.xl\:row-gap-3 {
row-gap: 30px;
}
.xl\:col-gap-1 {
column-gap: 10px;
}
.xl\:col-gap-2 {
column-gap: 20px;
}
.xl\:col-gap-3 {
column-gap: 30px;
}
.xl\:flex-col{
flex-direction: column;
}
.xl\:self-start{
align-self: flex-start;
}
.xl\:self-end{
align-self: flex-end;
}
.xl\:col-1{
grid-template-columns: repeat(1, 1fr);
}
.xl\:col-2{
grid-template-columns: repeat(2, 1fr);
}
.xl\:col-3{
grid-template-columns: repeat(3, 1fr);
}
.xl\:col-4{
grid-template-columns: repeat(4, 1fr);
}
.xl\:col-5{
grid-template-columns: repeat(5, 1fr);
}
.xl\:flex-col-reverse{
flex-direction: column-reverse;
}
.xl\:flex-row{
flex-direction: row;
}
.xl\:flex-row-reverse{
flex-direction: row-reverse;
}
.xl\:justify-center{
justify-content: center;
}
.xl\:justify-start{
justify-content: start;
}
.xl\:justify-end{
justify-content: end;
}
.xl\:items-start{
align-items: start;
}
.xl\:w-100{
width: 100%;
}
.xl\:h-100{
height: 100%;
}
.xl\:p-0{
padding: 0;
}
.xl\:p-1{
padding: 10px;
}
.xl\:p-2{
padding: 20px;
}
.xl\:p-3{
padding: 30px;
}
.xl\:p-4{
padding: 40px;
}
.xl\:p-5{
padding: 50px;
}
.xl\:pr-0{
padding-right: 0;
}
.xl\:hidden{
overflow: hidden;
}
.xl\:mt-0{
margin-top: 0;
}
.xl\:mt-1{
margin-top: 10px;
}
.xl\:mt-2{
margin-top: 20px;
}
.xl\:mt-3{
margin-top: 30px;
}
.xl\:mt-4{
margin-top: 40px;
}
.xl\:mt-5{
margin-top: 50px;
}
.xl\:mb-0{
margin-bottom: 0;
}
.xl\:mb-1{
margin-bottom: 10px;
}
.xl\:mb-2{
margin-bottom: 20px;
}
.xl\:mb-3{
margin-bottom: 30px;
}
.xl\:mb-4{
margin-bottom: 40px;
}
.xl\:mb-5{
margin-bottom: 50px;
}
}
@media (max-width: 959px) {
.lg\:d-flex {
display: flex;
}
.lg\:d-block {
display: block;
}
.lg\:d-grid {
display: grid;
}
.lg\:d-none {
display: none;
}
.lg\:gap-0 {
gap: 0;
}
.lg\:gap-1 {
gap: 10px;
}
.lg\:gap-2 {
gap: 20px;
}
.lg\:gap-3 {
gap: 30px;
}
.lg\:gap-4 {
gap: 40px;
}
.lg\:gap-5 {
gap: 50px;
}
.lg\:gap-6 {
gap: 60px;
}
.lg\:gap-7 {
gap: 70px;
}
.lg\:gap-8 {
gap: 80px;
}
.lg\:gap-9 {
gap: 90px;
}
.lg\:gap-10 {
gap: 100px;
}
.lg\:flex-col{
flex-direction: column;
}
.lg\:flex-row{
flex-direction: row;
}
.lg\:flex-col-reverse{
flex-direction: column-reverse;
}
.lg\:flex-row-reverse{
flex-direction: row-reverse;
}
.lg\:items-start{
align-items: start;
}
.lg\:items-end{
align-items: end;
}
.lg\:self-end{
align-self: flex-end;
}
.lg\:w-100{
width: 100%;
}
.lg\:p-0{
padding: 0;
}
.lg\:p-1{
padding: 10px;
}
.lg\:p-2{
padding: 20px;
}
.lg\:p-3{
padding: 30px;
}
.lg\:p-4{
padding: 40px;
}
.lg\:p-5{
padding: 50px;
}
.lg\:mb-0{
margin: 0;
}
.lg\:mb-2{
margin-bottom: 20px;
}
.lg\:mb-3{
margin-bottom: 30px;
}
.lg\:mb-4{
margin-bottom: 40px;
}
.lg\:mb-5{
margin-bottom: 50px;
}
.lg\:mt-0{
margin-top: 0;
}
.lg\:mt-1{
margin-top: 10px;
}
.lg\:mt-2{
margin-top: 20px;
}
.lg\:mt-3{
margin-top: 30px;
}
.lg\:mt-4{
margin-top: 40px;
}
.lg\:col-1{
grid-template-columns: repeat(1, 1fr);
}
.lg\:col-2{
grid-template-columns: repeat(2, 1fr);
}
.lg\:col-3{
grid-template-columns: repeat(3, 1fr);
}
.lg\:col-4{
grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 767px) {
.md\:d-flex {
display: flex;
}
.md\:d-block {
display: block;
}
.md\:d-grid {
display: grid;
}
.md\:d-none {
display: none;
}
.md\:gap-0 {
gap: 0;
}
.md\:gap-1 {
gap: 10px;
}
.md\:gap-2 {
gap: 20px;
}
.md\:gap-3 {
gap: 30px;
}
.md\:gap-4 {
gap: 40px;
}
.md\:gap-5 {
gap: 50px;
}
.md\:gap-6 {
gap: 60px;
}
.md\:gap-7 {
gap: 70px;
}
.md\:gap-8 {
gap: 80px;
}
.md\:gap-9 {
gap: 90px;
}
.md\:gap-10 {
gap: 100px;
}
.md\:flex-wrap{
flex-wrap: wrap;
}
.md\:flex-col{
flex-direction: column;
}
.md\:flex-col-reverse{
flex-direction: column-reverse;
}
.md\:flex-row-reverse{
flex-direction: row-reverse;
}
.md\:items-start{
align-items: start;
}
.md\:items-center{
align-items: center;
}
.md\:justify-center{
justify-content: center;
}
.md\:justify-end{
justify-content: end;
}
.md\:w-100{
width: 100%;
}
.md\:p-0{
padding: 0;
}
.md\:p-1{
padding: 10px;
}
.md\:p-2{
padding: 20px;
}
.md\:p-3{
padding: 30px;
}
.md\:pl-1{
padding-left: 10px;
}
.md\:pl-2{
padding-left: 20px;
}
.md\:pl-3{
padding-left: 30px;
}
.md\:pr-1{
padding-right: 10px;
}
.md\:pr-2{
padding-right: 20px;
}
.md\:pr-3{
padding-right: 30px;
}
.md\:col-1{
grid-template-columns: repeat(1, 1fr);
}
.md\:col-2{
grid-template-columns: repeat(2, 1fr);
}
.md\:col-3{
grid-template-columns: repeat(3, 1fr);
}
.md\:text-center{
text-align: center;
}
.md\:mb-0{
margin-bottom: 0;
}
.md\:mb-1{
margin-bottom: 10px;
}
.md\:mb-2{
margin-bottom: 20px;
}
.md\:mb-3{
margin-bottom: 30px;
}
.md\:mb-4{
margin-bottom: 40px;
}
.md\:mb-5{
margin-bottom: 50px;
}
.md\:mt-0{
margin-top: 0;
}
.md\:mt-1{
margin-top: 10px;
}
.md\:mt-2{
margin-top: 20px;
}
.md\:mt-3{
margin-top: 30px;
}
.md\:mt-4{
margin-top: 40px;
}
.md\:mt-5{
margin-top: 50px;
}
}
@media (max-width: 575px) {
.sm\:d-flex {
display: flex;
}
.sm\:d-grid {
display: grid;
}
.sm\:d-block {
display: block;
}
.sm\:d-none {
display: none;
}
.sm\:gap-1 {
gap: 10px;
}
.sm\:gap-2 {
gap: 20px;
}
.sm\:gap-3 {
gap: 30px;
}
.sm\:gap-4 {
gap: 40px;
}
.sm\:gap-5 {
gap: 50px;
}
.sm\:gap-6 {
gap: 60px;
}
.sm\:gap-7 {
gap: 70px;
}
.sm\:gap-8 {
gap: 80px;
}
.sm\:gap-9 {
gap: 90px;
}
.sm\:gap-10 {
gap: 100px;
}
.sm\:flex-col{
flex-direction: column;
}
.sm\:flex-wrap{
flex-wrap: wrap;
}
.sm\:flex-nowrap{
flex-wrap: nowrap;
}
.sm\:flex-col-reverse{
flex-direction: column-reverse;
}
.sm\:items-start{
align-items: start;
}
.sm\:items-center{
align-items: center;
}
.sm\:justify-center{
justify-content: center;
}
.sm\:justify-between{
justify-content: space-between;
}
.sm\:w-100{
width: 100%;
}
.sm\:p-0{
padding: 0;
}
.sm\:p-1{
padding: 10px;
}
.sm\:p-2{
padding: 20px;
}
.sm\:p-3{
padding: 30px;
}
.sm\:pr-0{
padding-right: 0;
}
.sm\:pr-1{
padding-right: 10px;
}
.sm\:pr-2{
padding-right: 20px;
}
.sm\:pt-1{
padding-top: 10px;
}
.sm\:pt-2{
padding-top: 20px;
}
.sm\:mt-6{
margin-top: 60px;
}
.sm\:mb-1{
margin-bottom: 10px;
}
.sm\:mb-2{
margin-bottom: 20px;
}
.sm\:mb-3{
margin-bottom: 30px;
}
.sm\:mb-4{
margin-bottom: 40px;
}
.sm\:mt-0{
margin-top: 0;
}
.sm\:mt-1{
margin-top: 10px;
}
.sm\:mt-2{
margin-top: 20px;
}
.sm\:mt-3{
margin-top: 30px;
}
.sm\:mt-4{
margin-top: 40px;
}
.sm\:mt-5{
margin-top: 50px;
}
.sm\:mt-6{
margin-top: 60px;
}
.sm\:mt-7{
margin-top: 70px;
}
.sm\:mr-0{
margin-right: 0;
}
.sm\:col-1{
grid-template-columns: repeat(1, 1fr);
}
.sm\:col-2{
grid-template-columns: repeat(2, 1fr);
}
.sm\:text-left{
text-align: left;
}
.sm\:text-center{
text-align: center;
}
.sm\:text-right{
text-align: right;
}
.sm\:fs-15{
font-size: 15px !important;
}
.sm\:fs-16{
font-size: 16px !important;
}
.sm\:fs-17{
font-size: 17px !important;
}
.sm\:fs-18{
font-size: 18px !important;
}
}.grid-5-7 {
display: grid;
grid-template-columns: 5fr 7fr;
gap: 20px;
}
.abroad-why-cards {
.base-card:last-child {
background-color: var(--green);
h3, p {
color: var(--white);
}
&::after {
filter: brightness(0) saturate(100%) invert(87%) sepia(100%) saturate(0%) hue-rotate(259deg) brightness(106%) contrast(106%);
}
}
}
.abroad-flag-wrapper {
width: 64px;
aspect-ratio: 4/3;
img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 12px;
}
}
.abroad-country-cards {
.base-card:has(p) {
grid-row-start: 1;
grid-row-end: 4;
}
}
.abroad-country-hint {
grid-column: span 3;
flex-direction: row;
gap: 30px;
}
.abroad-table {
display: flex;
flex-direction: column;
}
.abroad-table-row {
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
gap: 20px;
&:first-child {
padding: 30px;
background-color: var(--violet-light);
border-bottom: 8px solid var(--white);
border-top-left-radius: 24px;
border-top-right-radius: 24px;
p {
font-weight: 500;
}
p:nth-child(3) {
&::after {
content: '*';
color: var(--red);
margin-left: 8px;
}
}
}
&:not(:first-child) {
padding: 16px 30px;
background-color: var(--grey-light);
border-bottom: 2px solid var(--white);
p:first-child {
font-weight: bold;
}
}
&:last-child {
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
}
p:nth-last-child(2) {
text-align: center;
}
p:nth-last-child(1) {
text-align: right;
}
}
.abroad-table-hint {
grid-column-start: 2;
grid-column-end: 5;
&::before {
content: '*';
color: var(--red);
margin-right: 8px;
}
} .abroad-catalog {
display: grid;
grid-template-columns: 1fr 3fr;
gap: 20px;
}
.abroad-filters {
display: flex;
flex-direction: column;
gap: 20px;
}
.abroad-dropdown {
padding: 20px;
border-radius: 12px;
background-color: var(--white);
}
.abroad-dropdown-value {
display: flex;
justify-content: space-between;
align-items: center;
&::after {
content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5L12 19M5 12L12 19L19 12' stroke='%23857AE3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
width: 24px;
height: 24px;
transition: all 0.2s ease;
}
}
.abroad-dropdown.active .abroad-dropdown-value {
&::after {
rotate: 180deg;
}
}
.abroad-dropdown-select {
display: grid;
grid-template-rows: 0fr;
overflow: hidden;
transition: grid-template-rows 0.2s ease;
}
.abroad-dropdown.active .abroad-dropdown-select {
grid-template-rows: 1fr;
padding-top: 20px;
}
.abroad-dropdown-select-content {
min-height: 0;
display: flex;
flex-direction: column;
gap: 8px;
}
.abroad-dropdown-option {
display: flex;
gap: 8px;
cursor: pointer;
}
.abroad-univers {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
height: fit-content;
}
.abroad-univer-card {
display: flex;
flex-direction: column;
min-height: 670px;
padding: 10px;
background-color: var(--white);
border-radius: 24px;
&.showen {
background-color: var(--green);
}
&.hidden {
background-color: var(--violet-bg);
}
}
.abroad-univer-window {
display: grid;
place-items: center;
width: 100%;
height: 280px;
position: relative;
background-color: var(--grey-light);
border-radius: 16px;
}
.abroad-univer-label {
position: absolute;
top: 10px;
left: 10px;
padding: 5px 16px 8px;
background-color: var(--violet-bg);
border-radius: 50px;
font-size: 15px;
line-height: 1.5;
}
.abroad-univer-img {
max-width: 90%;
max-height: 90%;
}
.abroad-univer-info {
display: flex;
flex-direction: column;
gap: 20px;
flex-grow: 1;
padding: 20px;
button {
margin-top: auto;
align-self: end;
}
}
.abroad-univer-table {
display: flex;
flex-direction: column;
gap: 4px;
}
.abroad-univer-table-row {
display: flex;
justify-content: space-between;
gap: 20px;
p:last-child {
text-align: right;
}
}
.abroad-show-filters-btn,
.abroad-close-filters-btn {
display: none;
}
.abroad-step-card {
min-height: 280px;
justify-content: space-between;
counter-increment: card-counter;
&::before {
content: counter(card-counter, decimal-leading-zero);
font-weight: 700;
font-size: 52px;
line-height: 110%;
color: var(--violet-dark);
}
&:last-child {
background-color: var(--green) !important;
p {
color: var(--white);
}
&::before {
color: var(--white);
}
&::after {
filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(156%) hue-rotate(104deg) brightness(117%) contrast(100%);
}
}
} @media(max-width: 1919px) {
}
@media(max-width: 1599px) {
.grid-5-7 {
grid-template-columns: 1fr;
}
.abroad-catalog {
grid-template-columns: 1fr;
}
.abroad-show-filters-btn {
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px 20px;
background-color: var(--white);
border-radius: 12px;
grid-column: span 3;
cursor: pointer;
}
.abroad-close-filters-btn {
display: block;
align-self: end;
width: 48px;
height: 48px;
margin-bottom: -20px;
translate: 13px;
cursor: pointer;
}
.abroad-filters {
position: fixed;
top: 88px;
right: -360px;
z-index: 10;
width: 360px;
height: calc(100dvh - 88px);
padding-right: 20px;
overflow-y: scroll;
transition: all 0.3s ease;
&.active {
right: 0;
}
}
}
@media(max-width: 1199px) {
.abroad-table {
overflow-x: scroll;
}
.abroad-table-row {
width: 100%;
min-width: 880px;
grid-template-columns: 1fr 2fr 1fr 1fr;
}
.abroad-univers {
grid-template-columns: repeat(2, 1fr);
}
.abroad-show-filters-btn {
grid-column: span 2;
}
}
@media(max-width: 959px) {
.abroad-why-cards {
.base-card {
h3 {
word-break: break-all;
}
}
}
}
@media(max-width: 767px) {
.abroad-why-cards {
.base-card {
h3 {
word-break: keep-all;
}
}
}
.abroad-country-cards {
.base-card:has(p) {
grid-row-start: unset;
grid-row-end: unset;
}
}
.abroad-country-hint {
grid-column: unset;
flex-direction: column;
}
.abroad-univers {
grid-template-columns: 1fr;
}
.abroad-univer-info {
padding: 20px 6px 6px;
}
.abroad-show-filters-btn {
grid-column: unset;
}
.abroad-filters {
width: 100%;
height: calc(100dvh - 108px);
padding: 20px;
right: -100%;
background-color: var(--grey-light);
top: 108px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
}
.abroad-close-filters-btn {
margin-bottom: 0;
translate: 0;
filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7477%) hue-rotate(156deg) brightness(109%) contrast(99%);
}
.abroad-step-card {
min-height: 220px;
}
}   .tuition-fees .container {
display: flex;
flex-direction: column;
gap: 20px;
}
.tuition-fees-window {
display: flex;
flex-direction: column;
gap: 86px;
padding: 20px;
background-color: var(--white) !important;
border-radius: 32px;
}
.tuition-fees-title {
padding: 30px;
}
.tuition-fees-table {
display: flex;
flex-direction: column;
&:has(.tuition-fees-program-special) {
.tuition-fees-table-row.warning {
display: grid;
}
}
}
.tuition-fees-table-row {
display: grid;
grid-template-columns: 10fr 4fr 3fr 3fr;
gap: 20px;
align-items: center;
padding: 16px 30px 20px;
background-color: var(--grey-light);
border-bottom: 2px solid var(--white);
p:nth-last-child(2) {
text-align: center;
}
p:last-child {
text-align: right;
}
&.violet {
background-color: var(--violet-light);
border-bottom: 4px solid var(--white);
}
&.grey {
background-color: var(--bg);
border-top: 4px solid var(--white);
border-bottom: 2px solid var(--white);
}
&.warning {
display: none;
background-color: var(--violet-bg);
}
&:first-child {
border-top-left-radius: 24px;
border-top-right-radius: 24px;
}
&:last-child {
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
}
}
.tuition-fees-table-column {
display: flex;
flex-direction: column;
}
.tuition-fees-program {
font-size: 24px;
font-weight: 600;
line-height: 1.3;
&.empty {
visibility: hidden;
}
}
.tuition-fees-program-special {
width: fit-content;
margin: 0 auto;
&::after {
content: '*';
color: var(--red);
}
}
.tuition-fees-faculty {
grid-column: span 4;
font-size: 32px;
font-weight: 600;
line-height: 1.3;
}
.tuition-fees-table-warning {
grid-column-start: 2;
grid-column-end: 5;
display: flex;
gap: 8px;
font-size: 15px;
line-height: 1.5;
text-align: left !important;
&::before {
content: '*';
color: var(--red);
}
}
.payment-terms-window {
display: flex;
flex-direction: column;
gap: 86px;
padding: 20px;
background-color: var(--white) !important;
border-radius: 32px;
}
.payment-terms-title {
padding: 30px;
}
.payment-cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.payment-card {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 20px;
min-height: 400px;
padding: 30px;
border-radius: 32px;
&:nth-child(1) {
background-color: var(--green-light);
}
&:nth-child(2) {
background-color: var(--violet-light);
}
&:nth-child(3) {
background-color: var(--violet);
color: var(--white);
p {
color: var(--white);
}
}
}
.payment-card-title {
font-size: 32px;
font-weight: 600;
line-height: 1.3;
}
.payment-card-texts {
display: flex;
flex-direction: column;
gap: 16px;
}
.payment-card-btns-wrapper {
display: flex;
flex-direction: column;
gap: 8px;
}
.payment-help-window {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 20px;
padding: 20px;
background-color: var(--grey-light);
border-radius: 32px;
}
.payment-help-aside {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 20px 0 0 10px;
}
.payment-help-aside-texts {
display: flex;
flex-direction: column;
gap: 8px;
}
.payment-help-aside-btns {
display: flex;
gap: 8px;
}
.payment-help-main {
display: flex;
gap: 20px;
padding: 20px;
background-color: var(--white);
border-radius: 24px;
}
.payment-help-photo {
width: 350px;
height: 350px;
img {
width: 100%;
height: 100%;
border-radius: 24px;
}
}
.payment-help-main-content {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 30px;
flex-grow: 1;
}
.payment-help-main-texts {
display: flex;
flex-direction: column;
gap: 8px;
p:first-child {
font-weight: 500;
}
p {
line-height: 1.5;
}
}
.payment-help-name {
font-size: 24px;
font-weight: 600;
}
.payment-help-main-cards {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.payment-help-main-card {
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 170px;
padding: 30px;
background-color: var(--violet-bg);
border-radius: 24px;
p {
line-height: 1.5;
}
}
.payment-help-main-card-contacts{
align-self: flex-end;
text-align: right;
a {
font-size: 24px;
font-weight: 600;
line-height: 1.3;
color: var(--violet-dark);
}
p {
font-weight: 500;
}
} @media(max-width: 1919px) {
.tuition-fees-title,
.payment-terms-title {
padding: 20px;
}
}
@media(max-width: 1599px) {
.tuition-fees-table-row {
grid-template-columns: 2fr 1fr 1fr 1fr;
}
.payment-cards {
grid-template-columns: repeat(2, 1fr);
}
.payment-card {
&:nth-child(3) {
grid-column: span 2;
}
}
.payment-help-window {
grid-template-columns: 1fr;
}
.payment-help-aside {
flex-direction: row;
gap: 30px;
}
.payment-help-aside-btns {
flex-direction: column;
button, a {
width: 100%;
text-wrap: nowrap;
}
}
}
@media(max-width: 1199px) {
.tuition-fees-table {
overflow-x: scroll;
}
.tuition-fees-table-row {
width: 1120px;
}
.payment-help-photo {
width: 260px;
height: 300px;
}
.tuition-fees-table-warning {
grid-column-start: unset;
grid-column-end: unset;
grid-column: span 4;
max-width: 80dvw;
}
}
@media(max-width: 959px) {
.tuition-fees-table-row {
width: 960px;
}
.payment-help-aside {
flex-direction: column;
}
.payment-help-aside-btns {
button, a {
max-width: 100%;
}
}
.payment-help-main {
flex-direction: column;
}
}
@media(max-width: 767px) {
.tuition-fees-window {
gap: 66px;
padding: 10px;
}
.tuition-fees-title {
padding: 6px;
}
.tuition-fees-table-row {
width: 720px;
grid-template-columns: repeat(3, 1fr);
padding: 16px;
&.violet {
p:first-child {
display: none;
}
}
}
.tuition-fees-program {
grid-column: span 3;
font-size: 20px;
max-width: 75dvw;
position: sticky;
top: 0;
left: 16px;
&.empty {
display: none;
}
}
.tuition-fees-faculty {
max-width: 80dvw;
font-size: 24px;
position: sticky;
top: 0;
left: 16px;
}
.tuition-fees-table-warning {
grid-template-columns: span 3;
}
.payment-terms-window {
gap: 100px;
padding: 16px;
}
.payment-terms-title {
padding: 0;
}
.payment-cards {
grid-template-columns: 1fr;
}
.payment-card {
padding: 16px;
min-height: unset;
&:nth-child(3) {
grid-column: unset;
}
}
.payment-card-title {
font-size: 24px;
}
.payment-help-photo {
width: 100%;
height: unset;
aspect-ratio: 4/3;
}
.payment-help-window {
padding: 16px;
}
.payment-help-main {
padding: 8px;
}
.payment-help-aside {
padding: 0;
}
.payment-help-main-cards {
grid-template-columns: 1fr;
}
}
@media(max-width: 575px) {
.tuition-fees-table-row {
width: 520px;
}
}   .course-card {
display: grid;
grid-template-columns: 3fr 2fr;
gap: 20px;
padding: 20px;
border-radius: 24px;
background-color: var(--white);
.base-card {
padding: 20px;
}
}
.course-card-info {
display: flex;
flex-direction: column;
gap: 10px;
}
.course-pricing {
h3 {
font-weight: 500;
}
button {
margin-top: 20px;
align-self: end;
}
}
.course-help {
min-height: 350px;
position: relative;
overflow: hidden;
gap: 8px;
&::after {
content: url("data:image/svg+xml,%3Csvg width='165' height='320' viewBox='0 0 165 320' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.3' d='M71.7581 237.073V220.976C71.7581 210.244 73.1744 200.813 76.007 192.683C78.8395 184.228 83.4031 175.935 89.6977 167.805C96.307 159.675 104.805 150.894 115.191 141.463C120.856 136.26 125.734 131.382 129.826 126.829C133.917 122.276 136.907 117.561 138.795 112.683C140.998 107.805 142.1 102.276 142.1 96.0976C142.1 86.3415 138.481 77.8862 131.242 70.7317C124.318 63.5772 114.719 60 102.444 60C93.6318 60 85.9209 61.9512 79.3116 65.8537C73.0171 69.7561 67.824 74.7968 63.7326 80.9756C59.6411 86.8293 56.4938 93.1707 54.2907 100L0 76.5854C3.46202 64.2276 9.44186 52.1951 17.9395 40.4878C26.7519 28.7805 38.0822 19.187 51.9302 11.7073C65.7783 3.90245 82.1442 0 101.028 0C121.171 0 138.795 4.06505 153.902 12.1951C169.324 20.3252 181.284 31.3821 189.781 45.3658C198.594 59.3496 203 75.122 203 92.6829C203 105.041 201.112 115.935 197.335 125.366C193.873 134.797 188.995 143.415 182.7 151.22C176.405 159.024 169.481 166.667 161.928 174.146C155.004 180.976 149.496 187.154 145.405 192.683C141.313 197.886 138.323 203.415 136.435 209.268C134.861 214.797 134.074 221.463 134.074 229.268V237.073H71.7581ZM102.444 360C91.114 360 81.3574 355.935 73.1744 347.805C65.3062 339.35 61.3721 329.268 61.3721 317.561C61.3721 305.854 65.3062 295.935 73.1744 287.805C81.3574 279.675 91.114 275.61 102.444 275.61C113.774 275.61 123.374 279.675 131.242 287.805C139.11 295.935 143.044 305.854 143.044 317.561C143.044 329.268 139.11 339.35 131.242 347.805C123.374 355.935 113.774 360 102.444 360Z' fill='%23857AE3' /%3E%3C/svg%3E");
position: absolute;
top: 30px;
right: 0;
}
} @media(max-width: 1199px) {
.course-card {
grid-template-columns: 1fr;
}
}
@media(max-width: 767px) {
.course-card {
padding: 8px;
.base-card {
padding: 16px;
}
}
.course-help {
min-height: 320px;
}
}   .main-container .container {
display: flex;
flex-direction: column;
gap: 20px;
}
.banner-action-btns {
display: flex;
gap: 8px;
margin-top: auto;
padding-top: 20px;
}
.base-banner {
padding: 20px;
background-color: var(--white);
border-radius: 32px;
position: relative;
&.column-banner {
display: flex;
flex-direction: column;
gap: 96px;
}
}
.base-banner-top-wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.base-banner-top-content {
display: flex;
flex-direction: column;
gap: 20px;
b, strong {
font-size: 24px;
font-weight: bold;
}
}
.padding-title {
padding: 30px;
}
.financial-cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.financial-card {
display: flex;
flex-direction: column;
gap: 8px;
min-height: 350px;
padding: 30px;
border-radius: 24px;
position: relative;
h3 {
font-size: 32px;
font-weight: 600;
line-height: 1.3;
padding-right: 50px;
}
p {
font-size: 19px;
line-height: 1.5;
}
button {
margin-top: auto;
position: relative;
z-index: 3;
}
&.purple {
background-color: var(--violet-light);
}
&.green {
background-color: var(--green-light);
&::after {
filter: brightness(0) saturate(100%) invert(57%) sepia(22%) saturate(722%) hue-rotate(67deg) brightness(96%) contrast(90%);
}
}
&.card-white {
background-color: var(--white);
}
&::after {
width: 40px;
height: 40px;
position: absolute;
top: 30px;
right: 30px;
}
&:nth-child(1) {
&::after {
content: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4166_44647)'%3E%3Cpath d='M20 0V16' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M0 20L16 20' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M20 24V40' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M24 20L40 20' stroke='%23857AE3' stroke-width='1.5' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4166_44647'%3E%3Crect width='40' height='40' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
}
&:nth-child(2) {
&::after {
content: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34.1426 5.85742L22.8289 17.1711' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M5.85742 5.85742L17.1711 17.1711' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M17.1719 22.8281L5.85817 34.1418' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M22.8281 22.8281L34.1418 34.1418' stroke='%23857AE3' stroke-width='1.5' /%3E%3C/svg%3E");
}
}
&:nth-child(3) {
&::after {
content: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4166_44669)'%3E%3Cpath d='M20 0V16' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M0 20L16 20' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M20 24V40' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M24 20L40 20' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M34.1426 5.85742L22.8289 17.1711' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M5.85742 5.85742L17.1711 17.1711' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M17.1719 22.8281L5.85817 34.1418' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M22.8281 22.8281L34.1418 34.1418' stroke='%23857AE3' stroke-width='1.5' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4166_44669'%3E%3Crect width='40' height='40' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
}
}
.financial-card-link {
position: absolute;
inset: 0;
z-index: 2;
}
.financial-card-content {
margin-top: auto;
ul {
padding-left: 20px;
}
li {
list-style-type: '— ';
}
a {
color: var(--green);
font-weight: bolder;
}
}
.payment-info-cards {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
.payment-info-card {
display: flex;
flex-direction: column;
padding: 30px;
border-radius: 24px;
&.stage {
min-height: 350px;
h3 {
font-weight: 600;
font-size: 32px;
line-height: 130%;
margin-bottom: 8px;
}
h5 {
font-weight: 700;
font-size: 52px;
line-height: 110%;
margin-top: 20px;
}
p {
margin-top: auto;
}
&:nth-of-type(1) {
background-color: var(--violet);
h3, h4, h5, p {
color: var(--white);
}
}
&:nth-of-type(2),
&:nth-of-type(3) {
background-color: var(--violet-light);
h5 {
color: var(--violet-middle);
}
}
&:nth-of-type(4) {
background-color: var(--violet-bg);
h5 {
color: var(--violet-dark);
}
}
}
&.info {
gap: 20px;
min-height: 300px;
grid-column: span 2;
h2, h3, h4, h5, h6 {
font-size: 32px;
font-weight: 600;
}
&.grey {
background-color: var(--grey-light);
button {
margin-top: auto;
align-self: end;
}
}
&.red {
background-color: #fdf3f5;
}
}
}
.financial-requirements {
display: grid;
grid-template-columns: 7fr 5fr;
gap: 20px;
}
.financial-requirements-content {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.financial-requirements-cards {
display: flex;
flex-direction: column;
gap: 20px;
}
.financial-requirements-card {
display: flex;
flex-direction: column;
gap: 24px;
padding: 30px;
background-color: var(--grey-light);
border-radius: 24px;
position: relative;
counter-increment: card-counter;
&::before {
content: counter(card-counter, decimal-leading-zero);
font-weight: 700;
font-size: 52px;
line-height: 110%;
color: var(--violet-dark);
}
&::after {
width: 40px;
height: 40px;
position: absolute;
top: 30px;
right: 30px;
}
&:nth-child(1) {
&::after {
content: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34.1426 5.85742L22.8289 17.1711' stroke='%2368A362' stroke-width='1.5' /%3E%3Cpath d='M5.85742 5.85742L17.1711 17.1711' stroke='%2368A362' stroke-width='1.5' /%3E%3Cpath d='M17.1719 22.8281L5.85817 34.1418' stroke='%2368A362' stroke-width='1.5' /%3E%3Cpath d='M22.8281 22.8281L34.1418 34.1418' stroke='%2368A362' stroke-width='1.5' /%3E%3C/svg%3E");
}
}
&:nth-child(2) {
&::after {
content: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4166_44721)'%3E%3Cpath d='M20 0V16' stroke='%2368A362' stroke-width='1.5' /%3E%3Cpath d='M0 20L16 20' stroke='%2368A362' stroke-width='1.5' /%3E%3Cpath d='M20 24V40' stroke='%2368A362' stroke-width='1.5' /%3E%3Cpath d='M24 20L40 20' stroke='%2368A362' stroke-width='1.5' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4166_44721'%3E%3Crect width='40' height='40' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
}
&:nth-child(3) {
&::after {
content: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4166_44743)'%3E%3Cpath d='M20 0V16' stroke='%2368A362' stroke-width='1.5' /%3E%3Cpath d='M0 20L16 20' stroke='%2368A362' stroke-width='1.5' /%3E%3Cpath d='M20 24V40' stroke='%2368A362' stroke-width='1.5' /%3E%3Cpath d='M24 20L40 20' stroke='%2368A362' stroke-width='1.5' /%3E%3Cpath d='M34.1426 5.85742L22.8289 17.1711' stroke='%2368A362' stroke-width='1.5' /%3E%3Cpath d='M5.85742 5.85742L17.1711 17.1711' stroke='%2368A362' stroke-width='1.5' /%3E%3Cpath d='M17.1719 22.8281L5.85817 34.1418' stroke='%2368A362' stroke-width='1.5' /%3E%3Cpath d='M22.8281 22.8281L34.1418 34.1418' stroke='%2368A362' stroke-width='1.5' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4166_44743'%3E%3Crect width='40' height='40' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
}
}
.calc-modal .modal-frame {
gap: 20px;
}
.calc-modal-windows {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 8px;
}
.calc-modal-window {
display: flex;
flex-direction: column;
padding: 20px;
background-color: var(--grey-light);
border-radius: 24px;
}
.calc-modal-window-title {
font-weight: 500;
margin-bottom: 20px;
}
.calc-modal-window-price {
font-size: 32px;
font-weight: 600;
line-height: 1.3;
}
.calc-modal-window-currency {
font-weight: 500;
}
.calc-modal-window-hint {
font-size: 15px;
margin-top: 20px;
}
.calc-modal-window-table {
display: flex;
flex-direction: column;
gap: 8px;
}
.calc-modal-window-row{
display: flex;
justify-content: space-between;
p:first-child {
font-size: 15px;
}
p:last-child {
font-weight: 500;
text-align: right;
}
} @media(max-width: 1919px) {
.padding-title {
padding: 20px;
}
.financial-requirements {
grid-template-columns: repeat(2, 1fr);
}
}
@media(max-width: 1599px) {
.payment-info-cards {
grid-template-columns: repeat(2, 1fr);
}
.payment-info-card {
&.info {
min-height: 350px;
grid-column: unset;
}
}
.financial-cards {
&.grid {
grid-template-columns: repeat(2, 1fr);
}
}
}
@media(max-width: 1199px) {
.financial-cards {
grid-template-columns: 1fr;
&.grid {
grid-template-columns: 1fr;
}
}
}
@media(max-width: 959px) {
.financial-requirements {
grid-template-columns: 1fr;
}
.financial-requirements-cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
}
@media(max-width: 767px) {
.base-banner-top-content {
b, strong {
font-size: 20px;
}
p {
font-size: 17px;
}
}
.padding-title {
padding: 0;
}
.banner-action-btns {
flex-direction: column;
button, a {
width: 100%;
}
}
.base-banner {
max-width: calc(100dvw - 40px);
&.column-banner {
display: flex;
flex-direction: column;
gap: 66px;
}
}
.financial-card {
padding: 16px;
min-height: 270px;
h3 {
font-size: 24px;
}
p {
font-size: 17px;
}
button {
width: 100%;
}
&::after {
top: 16px;
right: 16px;
}
}
.base-banner-top-wrapper {
grid-template-columns: 1fr;
gap: 20px;
}
.payment-info-cards {
grid-template-columns: 1fr;
}
.payment-info-card {
min-height: 270px !important;
padding: 16px;
&.stage {
h3 {
font-size: 24px;
}
h5 {
font-size: 28px;
}
p {
font-size: 17px;
}
}
&.info {
h2, h3, h4, h5, h6 {
font-size: 24px;
}
}
&.grey {
button {
width: 100%;
}
}
}
.financial-requirements-cards {
display: flex;
flex-direction: column;
}
.financial-requirements-card {
padding: 16px;
&::after {
top: 16px;
right: 16px;
}
}
.calc-modal-windows {
grid-template-columns: 1fr;
}
.calc-modal-window-row {
p {
font-size: 14px !important;
}
}
}
@media(max-width: 575px) {
.base-banner {
max-width: calc(100dvw - 20px);
}
}   .base-card {
display: flex;
flex-direction: column;
padding: 32px;
border-radius: 24px;
padding: 30px;
&.base-card-white {
background-color: var(--white);
}
&.base-card-grey {
background-color: var(--grey-light);
}
&.base-card-purple {
background-color: var(--violet-bg);
}
&.base-card-green {
background-color: var(--green-light);
}
&.height-250 {
min-height: 250px;
}
&.corner-icon {
position: relative;
&::after {
width: 40px;
height: 40px;
position: absolute;
top: 30px;
right: 30px;
}
&:nth-child(3n + 1) {
&::after {
content: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4166_44647)'%3E%3Cpath d='M20 0V16' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M0 20L16 20' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M20 24V40' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M24 20L40 20' stroke='%23857AE3' stroke-width='1.5' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4166_44647'%3E%3Crect width='40' height='40' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
}
&:nth-child(3n + 2) {
&::after {
content: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34.1426 5.85742L22.8289 17.1711' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M5.85742 5.85742L17.1711 17.1711' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M17.1719 22.8281L5.85817 34.1418' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M22.8281 22.8281L34.1418 34.1418' stroke='%23857AE3' stroke-width='1.5' /%3E%3C/svg%3E");
}
}
&:nth-child(3n + 3) {
&::after {
content: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4166_44669)'%3E%3Cpath d='M20 0V16' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M0 20L16 20' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M20 24V40' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M24 20L40 20' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M34.1426 5.85742L22.8289 17.1711' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M5.85742 5.85742L17.1711 17.1711' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M17.1719 22.8281L5.85817 34.1418' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M22.8281 22.8281L34.1418 34.1418' stroke='%23857AE3' stroke-width='1.5' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4166_44669'%3E%3Crect width='40' height='40' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
}
}
}
.title-32-24 {
font-size: 32px;
font-weight: 600;
line-height: 1.3;
&.padding-right {
padding-right: 50px;
}
}
.title-24-20 {
font-size: 24px;
font-weight: 600;
}
.wysiwyg-content {
font-size: 19px;
line-height: 1.5;
ul {
display: flex;
flex-direction: column;
gap: 8px;
padding-left: 20px;
}
li {
list-style-type: '— ';
}
a {
color: var(--green);
font-weight: bolder;
}
b, strong {
font-weight: 600;
}
}
.scholarship-banner-about {
strong {
font-weight: 500;
}
}
.scholarship-banner-about-card {
display: flex;
flex-direction: column;
gap: 8px;
min-height: 230px;
padding: 30px;
border-radius: 24px;
position: relative;
&::after {
width: 40px;
height: 40px;
position: absolute;
top: 30px;
right: 30px;
}
&:nth-child(1) {
background-color: var(--violet-bg);
&::after {
content: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4166_44647)'%3E%3Cpath d='M20 0V16' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M0 20L16 20' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M20 24V40' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M24 20L40 20' stroke='%23857AE3' stroke-width='1.5' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4166_44647'%3E%3Crect width='40' height='40' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
}
&:nth-child(2) {
background-color: var(--violet-light);
&::after {
content: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34.1426 5.85742L22.8289 17.1711' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M5.85742 5.85742L17.1711 17.1711' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M17.1719 22.8281L5.85817 34.1418' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M22.8281 22.8281L34.1418 34.1418' stroke='%23857AE3' stroke-width='1.5' /%3E%3C/svg%3E");
}
}
}
.scholarship-table {
display: flex;
flex-direction: column;
}
.scholarship-table-row {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
&:first-child {
padding: 30px;
background-color: var(--violet-light);
border-bottom: 8px solid var(--white);
border-top-left-radius: 24px;
border-top-right-radius: 24px;
}
&:not(:first-child) {
padding: 16px 30px;
background-color: var(--grey-light);
border-bottom: 2px solid var(--white);
p:first-child {
font-weight: bold;
}
}
&:last-child {
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
}
}
.scholarship-warning {
display: flex;
flex-direction: column;
min-height: 230px;
padding: 30px;
background-color: var(--grey-light);
border-radius: 24px;
h3 {
font-size: 24px;
font-weight: 600;
color: var(--red);
}
}
.selection-criteria-cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 8px;
margin-top: 20px;
.base-card:last-child {
background-color: var(--violet);
h4, h5, p {
color: var(--white);
}
}
}
.selection-criteria-card {
display: flex;
flex-direction: column;
gap: 8px;
min-height: 320px;
h4 {
font-weight: 600;
font-size: 32px;
line-height: 130%;
}
h5 {
font-size: 19px;
line-height: 1.5;
font-weight: 500;
}
p {
margin-top: auto;
font-size: 15px;
line-height: 1.5;
}
}
.scholarship-docs {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.scholarship-doc-card {
&::before {
content: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.8'%3E%3Cg clip-path='url(%23clip0_4203_13255)'%3E%3Cmask id='mask0_4203_13255' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='64' height='64'%3E%3Cpath d='M0 0H64V64H0V0Z' fill='white' /%3E%3C/mask%3E%3Cg mask='url(%23mask0_4203_13255)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35.0756 1.0704C33.2739 -0.3568 30.7249 -0.3568 28.9232 1.0704L24.8113 4.32723C23.8794 5.06514 22.7134 5.44347 21.5258 5.39322L16.2823 5.17178C13.9844 5.07475 11.9223 6.57082 11.3047 8.78304L9.89531 13.8312C9.57572 14.9752 8.85489 15.9659 7.86472 16.622L3.49224 19.5206C1.57608 20.7908 0.788495 23.2115 1.59093 25.3638L3.42222 30.2751C3.83706 31.3876 3.83706 32.6123 3.42222 33.7247L1.59093 38.6361C0.788367 40.7884 1.57608 43.209 3.49224 44.4793L7.86472 47.3779C8.85489 48.034 9.57572 49.0246 9.89531 50.1686L11.3046 55.2168C11.9223 57.4291 13.9844 58.9251 16.2823 58.8281L21.5258 58.6067C22.7134 58.5564 23.8794 58.9347 24.8113 59.6726L28.9232 62.9295C30.7249 64.3568 33.2739 64.3568 35.0756 62.9295L39.1875 59.6726C40.1193 58.9347 41.2854 58.5564 42.473 58.6067L47.7165 58.8281C50.0144 58.9251 52.0764 57.4291 52.694 55.2168L54.1034 50.1686C54.4231 49.0247 55.1439 48.034 56.134 47.3779L60.5065 44.4793C62.4227 43.209 63.2103 40.7884 62.4078 38.6361L60.5765 33.7247C60.1617 32.6123 60.1617 31.3876 60.5765 30.2751L62.4078 25.3638C63.2103 23.2115 62.4227 20.7908 60.5065 19.5206L56.134 16.622C55.1439 15.9659 54.4231 14.9752 54.1034 13.8312L52.694 8.78291C52.0764 6.57082 50.0144 5.07475 47.7165 5.17178L42.473 5.39322C41.2854 5.44347 40.1193 5.06514 39.1875 4.32723L35.0756 1.0704ZM26.814 29.5761C25.2144 27.9765 22.6209 27.9765 21.0213 29.5761C19.4217 31.1757 19.4217 33.7692 21.0213 35.3688L26.6472 40.9945C28.2467 42.5941 30.8402 42.5941 32.4397 40.9945L43.2126 30.2218C44.8122 28.6221 44.8122 26.0287 43.2126 24.4291C41.6129 22.8295 39.0195 22.8295 37.4199 24.4291L29.5434 32.3056L26.814 29.5761Z' fill='%2368A362' /%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4203_13255'%3E%3Cpath d='M0 12C0 5.37258 5.37258 0 12 0H52C58.6274 0 64 5.37258 64 12V52C64 58.6274 58.6274 64 52 64H12C5.37258 64 0 58.6274 0 52V12Z' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
width: 64px;
height: 64px;
}
} @media(max-width: 1919px) {
.scholarship-docs {
grid-template-columns: 1fr 2fr;
}
}
@media(max-width: 1599px) {
.scholarship-docs {
grid-template-columns: 1fr;
.title {
margin-bottom: 96px;
}
}
}
@media(max-width: 767px) {
.base-card {
padding: 16px;
&.height-to-180 {
min-height: 180px;
}
&.height-to-200 {
min-height: 200px;
}
&.corner-icon {
&::after {
top: 16px;
right: 16px;
}
}
}
.title-32-24 {
font-size: 24px;
}
.title-24-20 {
font-size: 20px;
}
.wysiwyg-content {
font-size: 17px;
}
.scholarship-banner-about-card {
padding: 16px;
&::after {
top: 16px;
right: 16px;
}
}
.scholarship-table {
overflow-x: scroll;
}
.scholarship-table-row {
grid-template-columns: repeat(3, 1fr);
width: 600px;
}
.scholarship-warning {
padding: 16px;
gap: 20px;
}
.selection-criteria-cards {
grid-template-columns: 1fr;
}
.selection-criteria-card {
min-height: 220px;
}
.scholarship-docs {
.title {
margin-bottom: 66px;
}
}
}   .students .container {
display: flex;
flex-direction: column;
gap: 20px;
}
.students-block {
padding: 20px;
border-radius: 32px;
position: relative;
background-color: var(--white);
}
.students-block-gap {
display: flex;
flex-direction: column;
gap: 96px;
}
.students-title {
padding: 30px 0 0 30px;
&.openspace {
max-width: 40%;
}
}
.go-to-single-link {
display: flex;
align-items: center;
gap: 8px;
position: absolute;
top: 20px;
right: 20px;
padding: 9px 30px 10px;
border-radius: 50px;
font-size: 19px;
line-height: 1.5;
&.white {
background-color: var(--white);
color: var(--violet-dark) !important;
&:hover {
background-color: var(--violet);
color: var(--white) !important;
}
}
&.purple {
background-color: var(--violet-bg);
color: var(--violet-dark) !important;
&:hover {
background-color: var(--violet);
color: var(--white) !important;
}
}
&.green {
background-color: var(--green);
color: var(--white) !important;
top: unset;
right: unset;
bottom: 30px;
left: 30px;
&:hover {
background-color: var(--violet);
color: var(--white) !important;
}
&::after {
filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7427%) hue-rotate(23deg) brightness(118%) contrast(118%);
}
}
&.bottom {
top: unset;
right: unset;
bottom: 50px;
left: 50px;
}
&.static {
position: static;
width: fit-content;
}
&:hover {
&::after {
filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7427%) hue-rotate(23deg) brightness(118%) contrast(118%);
}
}
transition: all 0.2s ease;
&::after {
content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12H19M12 19L19 12L12 5' stroke='%23312699' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
width: 24px;
height: 24px;
transition: all 0.2s ease;
}
}
.academic-calendar-banner {
display: flex;
flex-direction: column;
margin-bottom: 20px;
.big-title {
margin-bottom: 20px;
}
}
.academic-calendar-text {
display: flex;
flex-direction: column;
gap: 20px;
margin-top: auto;
align-self: flex-end;
text-align: right;
max-width: 60%;
position: relative;
z-index: 3;
a {
color: var(--green);
font-weight: bolder;
}
}
.academic-calendar-block-content {
display: grid;
grid-template-columns: 5fr 7fr;
gap: 20px;
}
.academic-calendar-block-text {
display: flex;
flex-direction: column;
gap: 12px;
font-size: 19px;
line-height: 1.5;
color: var(--black);
a {
color: var(--green);
font-weight: bolder;
}
}
.academic-calendar-block-cards {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.academic-calendar-block-card {
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 350px;
padding: 30px;
border-radius: 24px;
position: relative;
&:nth-child(2n) {
background: linear-gradient(154deg, #fff 50%, #dff1de 100%);
&::after {
content: url("data:image/svg+xml,%3Csvg width='150' height='150' viewBox='0 0 150 150' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.5'%3E%3Cpath d='M136.303 114.253V94.6125C136.294 89.3627 134.479 84.2757 131.164 80.2048C127.85 76.1338 123.236 73.3263 118.097 72.2531V71.9109C118.097 70.6677 117.603 69.4754 116.724 68.5964C115.845 67.7173 114.653 67.2234 113.409 67.2234C112.166 67.2234 110.974 67.7173 110.095 68.5964C109.216 69.4754 108.722 70.6677 108.722 71.9109V72.2391C103.582 73.3153 98.9687 76.1257 95.6549 80.1991C92.341 84.2725 90.5282 89.3614 90.5203 94.6125V114.253C89.3512 114.336 88.2565 114.857 87.4552 115.712C86.6538 116.567 86.205 117.694 86.1984 118.866C86.1984 120.109 86.6923 121.301 87.5714 122.18C88.4504 123.059 89.6427 123.553 90.8859 123.553H135.938C137.181 123.553 138.373 123.059 139.252 122.18C140.131 121.301 140.625 120.109 140.625 118.866C140.618 117.694 140.17 116.567 139.368 115.712C138.567 114.857 137.472 114.336 136.303 114.253ZM120.314 140.423C121.557 140.423 122.75 139.93 123.629 139.05C124.508 138.171 125.002 136.979 125.002 135.736C125.002 134.493 124.508 133.3 123.629 132.421C122.75 131.542 121.557 131.048 120.314 131.048H106.439C105.196 131.048 104.004 131.542 103.124 132.421C102.245 133.3 101.752 134.493 101.752 135.736C101.752 136.979 102.245 138.171 103.124 139.05C104.004 139.93 105.196 140.423 106.439 140.423H120.314ZM125.531 38.7656C125.531 37.3125 125.391 35.9062 125.109 34.5C123.094 24.7969 114.797 17.9062 105.328 17.7187C105.094 17.6719 104.625 17.625 104.391 17.625H98.8125V30.375C98.8125 32.9531 96.75 35.0625 94.125 35.0625C91.5469 35.0625 89.4375 32.9531 89.4375 30.375V17.625H45.4219V30.375C45.4219 32.9531 43.3594 35.0625 40.7344 35.0625C38.1562 35.0625 36.0469 32.9531 36.0469 30.375V17.625H30.375C18.7969 17.6719 9.375 27.1406 9.375 38.7656V42.3281H125.531V38.7656Z' fill='%23DFF1DE' /%3E%3Cpath d='M30.5156 125.719H78.6094C77.4844 123.703 76.8281 121.312 76.8281 118.875C76.8281 114.891 78.4688 111.328 81.1406 108.75V94.5938C81.1493 88.1638 83.0826 81.8836 86.6916 76.562C90.3006 71.2404 95.42 67.121 101.391 64.7344C102.621 62.6382 104.377 60.9 106.486 59.6923C108.595 58.4845 110.984 57.8491 113.414 57.8491C115.844 57.8491 118.233 58.4845 120.342 59.6923C122.451 60.9 124.207 62.6382 125.438 64.7344C125.484 64.7344 125.484 64.7812 125.531 64.7812V51.7031H9.375V104.625C9.375 116.25 18.8438 125.719 30.5156 125.719ZM45.4219 14.25C45.4219 11.6719 43.3594 9.5625 40.7344 9.5625C38.1562 9.5625 36.0469 11.6719 36.0469 14.25V17.625H45.4219V14.25ZM98.8125 14.25C98.8125 11.6719 96.75 9.5625 94.125 9.5625C91.5469 9.5625 89.4375 11.6719 89.4375 14.25V17.625H98.8125V14.25Z' fill='%23DFF1DE' /%3E%3C/g%3E%3C/svg%3E");
width: 150px;
height: 150px;
position: absolute;
bottom: 30px;
right: 30px;
}
}
&:nth-child(2n + 1) {
background: linear-gradient(154deg, #fff 50%, #dfdcf7 100%);
&::after {
content: url("data:image/svg+xml,%3Csvg width='150' height='150' viewBox='0 0 150 150' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.5'%3E%3Cpath d='M136.303 114.253V94.6125C136.294 89.3627 134.479 84.2757 131.164 80.2048C127.85 76.1338 123.236 73.3263 118.097 72.2531V71.9109C118.097 70.6677 117.603 69.4754 116.724 68.5964C115.845 67.7173 114.653 67.2234 113.409 67.2234C112.166 67.2234 110.974 67.7173 110.095 68.5964C109.216 69.4754 108.722 70.6677 108.722 71.9109V72.2391C103.582 73.3153 98.9687 76.1257 95.6549 80.1991C92.341 84.2725 90.5282 89.3614 90.5203 94.6125V114.253C89.3512 114.336 88.2565 114.857 87.4552 115.712C86.6538 116.567 86.205 117.694 86.1984 118.866C86.1984 120.109 86.6923 121.301 87.5714 122.18C88.4504 123.059 89.6427 123.553 90.8859 123.553H135.938C137.181 123.553 138.373 123.059 139.252 122.18C140.131 121.301 140.625 120.109 140.625 118.866C140.618 117.694 140.17 116.567 139.368 115.712C138.567 114.857 137.472 114.336 136.303 114.253ZM120.314 140.423C121.557 140.423 122.75 139.93 123.629 139.05C124.508 138.171 125.002 136.979 125.002 135.736C125.002 134.493 124.508 133.3 123.629 132.421C122.75 131.542 121.557 131.048 120.314 131.048H106.439C105.196 131.048 104.004 131.542 103.124 132.421C102.245 133.3 101.752 134.493 101.752 135.736C101.752 136.979 102.245 138.171 103.124 139.05C104.004 139.93 105.196 140.423 106.439 140.423H120.314ZM125.531 38.7656C125.531 37.3125 125.391 35.9062 125.109 34.5C123.094 24.7969 114.797 17.9062 105.328 17.7187C105.094 17.6719 104.625 17.625 104.391 17.625H98.8125V30.375C98.8125 32.9531 96.75 35.0625 94.125 35.0625C91.5469 35.0625 89.4375 32.9531 89.4375 30.375V17.625H45.4219V30.375C45.4219 32.9531 43.3594 35.0625 40.7344 35.0625C38.1562 35.0625 36.0469 32.9531 36.0469 30.375V17.625H30.375C18.7969 17.6719 9.375 27.1406 9.375 38.7656V42.3281H125.531V38.7656Z' fill='%23DFDCF7' /%3E%3Cpath d='M30.5156 125.719H78.6094C77.4844 123.703 76.8281 121.312 76.8281 118.875C76.8281 114.891 78.4688 111.328 81.1406 108.75V94.5938C81.1493 88.1638 83.0826 81.8836 86.6916 76.562C90.3006 71.2404 95.42 67.121 101.391 64.7344C102.621 62.6382 104.377 60.9 106.486 59.6923C108.595 58.4845 110.984 57.8491 113.414 57.8491C115.844 57.8491 118.233 58.4845 120.342 59.6923C122.451 60.9 124.207 62.6382 125.438 64.7344C125.484 64.7344 125.484 64.7812 125.531 64.7812V51.7031H9.375V104.625C9.375 116.25 18.8438 125.719 30.5156 125.719ZM45.4219 14.25C45.4219 11.6719 43.3594 9.5625 40.7344 9.5625C38.1562 9.5625 36.0469 11.6719 36.0469 14.25V17.625H45.4219V14.25ZM98.8125 14.25C98.8125 11.6719 96.75 9.5625 94.125 9.5625C91.5469 9.5625 89.4375 11.6719 89.4375 14.25V17.625H98.8125V14.25Z' fill='%23DFDCF7' /%3E%3C/g%3E%3C/svg%3E");
width: 150px;
height: 150px;
position: absolute;
bottom: 30px;
right: 30px;
}
}
}
.academic-calendar-block-card-top {
display: flex;
flex-direction: column;
position: relative;
z-index: 3;
}
.academic-calendar-block-card-label {
width: fit-content;
align-self: flex-end;
margin-bottom: 20px;
padding: 5px 16px 8px;
background-color: var(--violet-bg);
border-radius: 50px;
font-size: 15px;
line-height: 1.5;
}
.academic-calendar-block-card-title {
font-size: 32px;
font-weight: 600;
line-height: 1.3;
}
.academic-calendar-block-card-subtitle {
font-size: 19px;
line-height: 1.5;
}
.academic-calendar-block-card-download-link {
display: flex;
align-items: center;
gap: 8px;
font-size: 19px;
line-height: 1.5;
color: var(--green);
width: fit-content;
padding: 9px 16px 10px 16px;
border: 1px solid var(--green);
border-radius: 50px;
position: relative;
z-index: 1;
}
.academic-resources-block {
display: grid;
grid-template-columns: 5fr 7fr;
gap: 20px;
}
.academic-resources-block-cards {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.academic-resources-block-card {
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 350px;
padding: 30px;
background-color: var(--violet-light);
border-radius: 24px;
position: relative;
a {
position: absolute;
inset: 0;
z-index: 3;
}
h3 {
font-size: 32px;
font-weight: 600;
line-height: 1.3;
padding-right: 40px;
}
p {
font-size: 19px;
line-height: 1.5;
}
transition: all 0.2s ease;
&:hover {
scale: 0.98;
}
&::after {
width: 40px;
height: 40px;
position: absolute;
top: 30px;
right: 30px;
}
&:nth-child(1) {
&::after {
content: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2203_35634)'%3E%3Cpath d='M20 0V16' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M0 20L16 20' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M20 24V40' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M24 20L40 20' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M34.1421 5.85742L22.8284 17.1711' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M5.85791 5.85742L17.1716 17.1711' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M17.1716 22.8281L5.85792 34.1418' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M22.8284 22.8281L34.1421 34.1418' stroke='%23857AE3' stroke-width='1.5' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2203_35634'%3E%3Crect width='40' height='40' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
}
&:nth-child(2) {
&::after {
content: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34.1421 5.85742L22.8284 17.1711' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M5.85791 5.85742L17.1716 17.1711' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M17.1716 22.8281L5.85792 34.1418' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M22.8284 22.8281L34.1421 34.1418' stroke='%23857AE3' stroke-width='1.5' /%3E%3C/svg%3E");
}
}
&:nth-child(3) {
&::after {
content: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4092_35576)'%3E%3Cpath d='M20 0V16' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M0 20L16 20' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M20 24V40' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M24 20L40 20' stroke='%23857AE3' stroke-width='1.5' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4092_35576'%3E%3Crect width='40' height='40' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
}
&:nth-child(4) {
background-color: var(--green);
h3, p {
color: var(--white);
}
&::after {
content: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4092_4722)'%3E%3Cpath d='M20 0V16' stroke='%23DFF1DE' stroke-width='1.5' /%3E%3Cpath d='M0 20L16 20' stroke='%23DFF1DE' stroke-width='1.5' /%3E%3Cpath d='M20 24V40' stroke='%23DFF1DE' stroke-width='1.5' /%3E%3Cpath d='M24 20L40 20' stroke='%23DFF1DE' stroke-width='1.5' /%3E%3Cpath d='M34.1421 5.85742L22.8284 17.1711' stroke='%23DFF1DE' stroke-width='1.5' /%3E%3Cpath d='M5.85791 5.85742L17.1716 17.1711' stroke='%23DFF1DE' stroke-width='1.5' /%3E%3Cpath d='M17.1716 22.8281L5.85792 34.1418' stroke='%23DFF1DE' stroke-width='1.5' /%3E%3Cpath d='M22.8284 22.8281L34.1421 34.1418' stroke='%23DFF1DE' stroke-width='1.5' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4092_4722'%3E%3Crect width='40' height='40' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");   
}
}
}
.academic-assistance-cards {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
.academic-assistance-card {
display: flex;
flex-direction: column;
gap: 8px;
min-height: 350px;
padding: 30px;
background-color: var(--violet-light);
border-radius: 24px;
position: relative;
h3 {
font-size: 32px;
font-weight: 600;
line-height: 1.3;
padding-right: 50px;
}
p {
font-size: 19px;
line-height: 1.5;
}
a {
width: fit-content;
display: block;
margin-top: auto;
padding: 8px 30px 11px;
background-color: var(--white);
border: 1px solid var(--green);
border-radius: 50px;
color: var(--green);
}
&::after {
width: 40px;
height: 40px;
position: absolute;
top: 30px;
right: 30px;
}
&:nth-child(1) {
&::after {
content: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2203_35578)'%3E%3Cpath d='M20 0V16' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M0 20L16 20' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M20 24V40' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M24 20L40 20' stroke='%23857AE3' stroke-width='1.5' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2203_35578'%3E%3Crect width='40' height='40' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
}
&:nth-child(2) {
&::after {
content: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34.1422 5.85742L22.8284 17.1711' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M5.85785 5.85742L17.1716 17.1711' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M17.1716 22.8281L5.85786 34.1418' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M22.8284 22.8281L34.1421 34.1418' stroke='%23857AE3' stroke-width='1.5' /%3E%3C/svg%3E");
}
}
&:nth-child(3) {
&::after {
content: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4092_41164)'%3E%3Cpath d='M20 0V16' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M0 20L16 20' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M20 24V40' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M24 20L40 20' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M34.1421 5.85742L22.8284 17.1711' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M5.85791 5.85742L17.1716 17.1711' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M17.1716 22.8281L5.85792 34.1418' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M22.8284 22.8281L34.1421 34.1418' stroke='%23857AE3' stroke-width='1.5' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4092_41164'%3E%3Crect width='40' height='40' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
}
&:nth-child(4) {
background-color: var(--violet);
h3, p {
color: var(--white);
}
&::after {
content: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4092_41180)'%3E%3Cpath d='M20 0V16' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M0 20L16 20' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M20 24V40' stroke='%23857AE3' stroke-width='1.5' /%3E%3Cpath d='M24 20L40 20' stroke='%23857AE3' stroke-width='1.5' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4092_41180'%3E%3Crect width='40' height='40' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
}
}
.academic-abroad-block {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
position: relative;
}
.academic-abroad-block-texts {
display: flex;
flex-direction: column;
gap: 20px;
padding: 30px 0 98px 30px;
h2 {
font-size: 52px;
line-height: 120%;
font-weight: 700;
color: var(--black);
}
h3, h4, h5, h6 {
font-size: 24px;
font-weight: 600;
line-height: 1.3;
}
p {
font-size: 19px;
line-height: 1.5;
}
}
.academic-abroad-block-link {
display: flex;
align-items: center;
gap: 8px;
width: fit-content;
padding: 9px 30px 10px;
border-radius: 50px;
font-size: 19px;
line-height: 1.5;
background-color: var(--green);
color: var(--white);
transition: all 0.2s ease;
&:hover {
background-color: var(--violet);
}
&::after {
content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12H19M12 19L19 12L12 5' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
width: 24px;
height: 24px;
}
}
.academic-abroad-block-img {
max-height: 550px;
img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 24px;
}
}
.academic-support-top {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.academic-support-top-aside {
display: flex;
flex-direction: column;
gap: 8px;
h2, h3, h4, h5, h6 {
font-size: 24px;
font-weight: 600;
line-height: 1.3;
}
p {
font-size: 19px;
line-height: 1.5;
}
}
.academic-support-cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.academic-support-card {
display: flex;
flex-direction: column;
gap: 20px;
min-height: 320px;
padding: 30px;
background-color: var(--violet-bg);
border-radius: 24px;
h3 {
font-size: 32px;
font-weight: 600;
line-height: 1.3;
}
p {
font-size: 19px;
line-height: 1.5;
}
&:nth-child(2n) {
background-color: var(--violet-light);
}
&:nth-child(4n) {
background-color: var(--green-light);
}
}
.academic-support-card-link {
display: flex;
align-items: center;
gap: 8px;
width: fit-content;
margin-top: auto;
padding: 9px 30px 10px;
border-radius: 50px;
font-size: 19px;
line-height: 1.5;
background-color: var(--white);
color: var(--violet-dark) !important;
&:hover {
background-color: var(--violet);
color: var(--white) !important;
}
&:hover {
&::after {
filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7427%) hue-rotate(23deg) brightness(118%) contrast(118%);
}
}
transition: all 0.2s ease;
&::after {
content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12H19M12 19L19 12L12 5' stroke='%23312699' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
width: 24px;
height: 24px;
transition: all 0.2s ease;
}
}
.students-clubs-slider {
.owl-dots {
top: -20px;
right: 0;
}
}
.students-clubs-card {
border-radius: 24px;
background-color: var(--white);
padding: 10px;
position: relative;
}
.students-clubs-card-link {
position: absolute;
inset: 0;
z-index: 2;
}
.students-clubs-card-img {
width: 100%;
height: 230px;
img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 16px;
}
}
.students-clubs-card-title {
font-size: 32px;
font-weight: 600;
line-height: 1.3;
padding: 10px 30px;
text-align: center;
}
.students-profesional-cards {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.students-profesional-card {
display: flex;
flex-direction: column;
gap: 20px;
min-height: 650px;
padding: 50px;
border-radius: 32px;
position: relative;
&:first-child {
background-color: var(--violet-dark);
&::after {
content: url(//tiue.uz/wp-content/themes/tiue/assets/images/banner-bird.webp);
position: absolute;
bottom: 50px;
right: 50px;
}
.title {
color: var(--white);
}
}
&:last-child {
background-color: var(--white);
}
}
.club-desc {
margin-top: 96px;
max-width: 67%;
justify-self: end;
position: relative;
z-index: 1;
}
.club-photo-slider {
margin-top: 20px;
.owl-dots {
top: -20px;
right: 0;
}
}
.club-photo {
height: 450px;
border-radius: 32px;
}
.club-table {
display: flex;
flex-direction: column;
}
.club-table-row {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
&:first-child {
padding: 30px;
background-color: var(--violet-light);
border-bottom: 8px solid var(--white);
border-top-left-radius: 24px;
border-top-right-radius: 24px;
p {
font-weight: 500;
}
}
&:not(:first-child) {
padding: 16px 30px;
background-color: var(--grey-light);
border-bottom: 2px solid var(--white);
p:last-child {
font-size: 24px;
font-weight: bold;
}
}
&:last-child {
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
}
} @media(max-width: 1919px) {
.students-title {
padding: 20px 0 0 20px;
}
.academic-abroad-block-texts {
padding: 20px 0 88px 20px;
}
.go-to-single-link {
&.green {
bottom: 20px;
left: 20px;
}
&.bottom {
bottom: 40px;
left: 40px;
}
}
.students-profesional-card {
padding: 40px;
}
}
@media(max-width: 1599px) {
.academic-calendar-block-content {
grid-template-columns: 1fr;
}
.academic-resources-block {
grid-template-columns: 1fr;
}
.academic-assistance-cards {
grid-template-columns: repeat(2, 1fr);
}
.academic-support-cards {
grid-template-columns: repeat(2, 1fr);
}
.academic-support-card {
&:nth-child(2n) {
background-color: var(--violet-bg);
}
&:nth-child(4n) {
background-color: var(--violet-bg);
}
&:nth-child(4n + 2) {
background-color: var(--violet-light);
}
&:nth-child(4n + 3) {
background-color: var(--violet-light);
}
}
.students-profesional-cards {
grid-template-columns: 1fr;
}
.students-profesional-card {
min-height: 400px;
}
}
@media(max-width: 1199px) {
.academic-abroad-block {
grid-template-columns: 1fr;
}
.academic-abroad-block-texts {
padding: 20px;
h2 {
margin-bottom: 80px;
}
}
.go-to-single-link {
&.green {
position: static;
}
&.bottom {
bottom: 30px;
left: 30px;
}
}
.students-profesional-card {
padding: 30px;
}
.academic-calendar-text {
max-width: 100%;
text-align: left;
}
.club-desc {
margin-top: 66px;
max-width: unset;
justify-self: unset;
}
.club-photo {
height: 300px;
}
}
@media(max-width: 959px) {
.academic-assistance-card {
padding: 24px;
h3 {
font-size: 24px;
}
}
}
@media(max-width: 767px) {
.students-title {
padding: 0;
&.openspace {
max-width: unset;
}
}
.students-block-gap{
gap: 66px;
}
.academic-calendar-block-cards {
grid-template-columns: 1fr;
}
.academic-calendar-block-card {
padding: 16px;
min-height: 300px;
}
.go-to-single-link {
justify-content: space-between;
position: static;
margin-top: -46px;
z-index: 1;
&.green {
margin-top: 0;
}
&.bottom {
margin-top: auto;
}
}
.academic-resources-block-cards {
grid-template-columns: 1fr;
}
.academic-resources-block-card {
padding: 16px;
min-height: 250px;
h3 {
font-size: 24px;
}
&::after {
top: 16px;
right: 16px;
}
.go-to-single-link {
margin-top: auto;
}
}
.academic-calendar-block-card-download-link {
width: 100%;
justify-content: space-between;
}
.academic-assistance-cards {
grid-template-columns: 1fr;
}
.academic-assistance-card {
padding: 16px;
min-height: 300px;
&::after {
top: 16px;
right: 16px;
}
}
.academic-abroad-block-texts {
padding: 0;
h2 {
font-size: 28px;
}
h3, h4, h5, h6 {
font-size: 20px;
}
p {
font-size: 17px;
}
}
.academic-support-top {
grid-template-columns: 1fr;
gap: 20px;
}
.academic-support-cards {
grid-template-columns: 1fr;
}
.academic-support-card {
padding: 16px;
min-height: 270px;
h3 {
font-size: 24px;
}
p {
font-size: 17px;
}
background-color: var(--violet-bg) !important;
}
.academic-support-card-link {
width: 100%;
justify-content: space-between;
}
.students-clubs-card-title {
font-size: 24px;
padding: 10px 16px;
}
.students-profesional-card {
min-height: 350px;
padding: 16px;
&:first-child {
&::after {
content: '';
}
}
}
.club-photo {
height: 230px;
}
}   .support-academ-card {
min-height: 450px;
button {
align-self: end;
}
&:last-child {
background-color: #dfdcf7;
}
}
.support-wysiwyg {
font-size: 19px;
line-height: 1.5;
ul {
display: flex;
flex-direction: column;
gap: 8px;
padding-left: 20px;
}
li {
list-style-type: '— ';
}
a {
color: var(--green);
font-weight: bolder;
}
b, strong {
font-size: 24px;
font-weight: 600;
}
i, em  {
font-size: 24px;
font-style: normal;
font-weight: 600;
color: var(--red);
}
}
.support-banner {
display: grid;
grid-template-columns: 4fr 2fr 6fr;
gap: 20px;
padding: 20px;
background-color: var(--violet-dark);
border-radius: 32px;
position: relative;
}
.support-texts {
display: flex;
flex-direction: column;
gap: 20px;
padding: 20px 0 0 10px;
h2, h3, h4, h5, h6, p {
color: var(--white);
}
}
.support-contact-cards {
grid-column: 3;
}
.support-contact-card {
min-height: 350px;
a {
font-size: 24px;
font-weight: 600;
line-height: 1.3;
color: var(--violet);
}
}
.health-card {
min-height: 440px;
&.base-card-green {
button {
margin-top: auto;
align-self: end;
}
}
}
.support-card {
min-height: 400px;
position: relative;
overflow: hidden;
img {
position: absolute;
width: 100%;
height: 100%;
inset: 0;
object-fit: cover;
}
a {
align-self: end;
}
}
.dormitory-card {
min-height: 350px;
counter-increment: card-counter;
&::before {
content: counter(card-counter, decimal-leading-zero);
font-size: 52px;
font-weight: bold;
line-height: 1.1;
color: var(--violet-dark);
}
&:nth-last-child(2) {
background-color: var(--green);
h3, p {
color: var(--white);
}
&::before {
color: var(--white);
}
&::after {
filter: brightness(0) saturate(100%) invert(100%) sepia(99%) saturate(2%) hue-rotate(49deg) brightness(104%) contrast(101%);
}
}
}
.dormitory-hint {
display: grid;
grid-template-columns: 1fr 2fr;
grid-column: span 3;
}
.rent-card {
min-height: 350px;
}
.excursion-card {
&:nth-child(1) {
background-color: var(--violet-middle);
p, h3, h4, h4, h6 {
color: var(--white);
}
&::after {
filter: brightness(0) saturate(100%) invert(100%) sepia(99%) saturate(2%) hue-rotate(49deg) brightness(104%) contrast(101%);
}
}
&:nth-child(2) {
background-color: var(--violet-light);
}
&:nth-child(3) {
background-color: var(--white);
a {
border: 1px solid var(--violet-light);
}
}
}
.vacancy-common-card {
min-height: 280px;
position: relative;
a {
position: absolute;
inset: 0;
z-index: 2;
}
&:hover {
h3 {
color: var(--green);
}
background-color: var(--violet-bg);
}
}
.grid-7-5 {
display: grid;
grid-template-columns: 7fr 5fr;
}
.vacancy-card {
h2, h3, h4, h5, h6 {
font-size: 32px;
font-weight: 600;
line-height: 1.3;
margin-bottom: 20px;
}
ul {
display: flex;
flex-direction: column;
gap: 8px;
padding-left: 20px;
}
li {
list-style-type: '— ';
}
a {
color: var(--green);
font-weight: bolder;
}
b, strong {
font-weight: 600;
}
p + h2,
p + h3,
p + h4,
p + h5,
p + h6 {
margin-bottom: 20px;
}
&:nth-child(3) {
background-color: var(--violet-bg);
}
} @media(max-width: 1919px) {
.support-banner {
grid-template-columns: 5fr 7fr;
gap: 60px;
}
.support-contact-cards {
grid-column: unset;
}
}
@media(max-width: 1599px) {
.support-academ-card {
min-height: 400px;
}
.support-banner {
grid-template-columns: 1fr;
}
.health-card {
min-height: 300px;
&.base-card-green {
grid-column: span 2;
}
}
.dormitory-hint {
display: flex;
flex-direction: column;
justify-content: space-between;
grid-column: unset;
}
}
@media(max-width: 1199px) {
.support-academ-card {
&:last-child {
min-height: 250px;
}
}
.support-banner {
gap: 45px;
}
.grid-7-5 {
grid-template-columns: 1fr;
}
}
@media(max-width: 767px) {
.support-academ-card {
gap: 30px;
min-height: unset;
&:last-child {
min-height: unset;
}
}
.support-wysiwyg {
font-size: 17px;
b, strong, i, em {
font-size: 20px;
}
}
.support-banner {
gap: 20px;
}
.support-contact-card {
min-height: 150px;
}
.health-card {
min-height: unset;
&.base-card-green {
grid-column: unset;
}
}
.support-card {
min-height: 250px;
}
.dormitory-card {
min-height: 300px;
&::before {
font-size: 36px;
}
}
.rent-card {
min-height: 250px;
}
} .main-title-link {
color: var(--black);
transition: all 0.2s ease;
&:hover {
color: var(--green);
}
}
.acta-edu {
display: grid;
grid-template-columns: 7fr 1fr 4fr;
gap: 20px;
}
.acta-edu-cards {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.acta-edu-card {
justify-content: space-between;
min-height: 300px;
&:nth-child(1) {
grid-column: span 2;
background-color: var(--violet-bg);
}
&:nth-child(2)
{
background-color: var(--violet-light);
}
&:nth-child(3),
&:nth-child(4)
{
background-color: var(--violet-bg);
}
&:nth-child(5)
{
background-color: var(--green-light);
}
}
.acta-edu-aside {
grid-column: 3;
}
.journal-wrapper {
position: sticky;
top: 170px;
left: 0;
margin-bottom: 67px;
padding: 20px;
background-color: var(--violet-bg);
border-radius: 24px;
transition: all 0.2s ease;
&:hover {
background-color: var(--violet-light);
}
}
.journal-img {
max-width: 100%;
border-radius: 16px;
transition: all 0.2s ease;
}
.journal-wrapper:hover .journal-img {
scale: 0.97;
} @media(max-width: 1599px) {
.acta-edu {
grid-template-columns: 7fr 5fr;
}
.acta-edu-aside {
grid-column: unset;
}
.acta-edu-cards {
grid-template-columns: 1fr;
}
.acta-edu-card {
&:nth-child(1) {
grid-column: unset;
}
}
.journal-wrapper {
top: 110px;
}
}
@media(max-width: 1199px) {
.acta-edu {
grid-template-columns: 1fr;
}
.acta-edu-cards {
grid-template-columns: 1fr 1fr;
}
.acta-edu-card {
&:nth-child(1) {
grid-column: span 2;
}
}
.journal-wrapper {
width: 100%;
position: static;
}
}
@media(max-width: 767px) {
.acta-edu-cards {
grid-template-columns: 1fr;
}
.acta-edu-card {
min-height: unset;
gap: 20px;
&:nth-child(1) {
grid-column: unset;
}
}
.go-to-single-link.static {
width: 100%;
}
}
.team-card.violet-light-bg {
&:last-child {
display: none;
}
}
.owl-item .team-card.violet-light-bg {
&:last-child {
display: flex;
}
}
.modal .tiue-hero {
display: none !important;
}
.education-faculty-cards {
.program-card:first-child {
display: none;
}
}   .seo-conteiner {
max-width: 1200px;
margin: 0 auto;
}
.seo-text-container {
font-size: 19px;
line-height: 1.5;
h2, h3, h4, h5, h6 {
font-size: 32px;
font-weight: 600;
line-height: 1.3;
margin-bottom: 20px;
}
ul {
display: flex;
flex-direction: column;
gap: 8px;
padding-left: 20px;
li {
list-style-type: '— ';
}
margin-bottom: 20px;
}
ol {
display: flex;
flex-direction: column;
gap: 8px;
padding-left: 20px;
li {
list-style: decimal;
}
margin-bottom: 20px;
}
a {
color: var(--green);
font-weight: bolder;
}
b, strong {
font-weight: 600;
}
p:has(+ h2, + h3, + h4, + h5, + h6, + ul, + ol) {
margin-bottom: 20px;
}
}
.seo-btn {
display: inline-block;
margin-top: 10px;
padding-right: 24px;
position: relative;
line-height: 1.5;
color: var(--violet-dark);
cursor: pointer;
transition: all 0.2s ease;
&::before {
content: '';
transform-origin: 3px 6px;
border-color: var(--violet-dark);
border-bottom-style: solid;
border-bottom-width: 2px;
border-left-style: solid;
border-left-width: 2px;
width: 8px;
height: 8px;
transition: transform .3s, border-color .3s;
display: block;
position: absolute;
top: 7px;
right: 4px;
transform: rotate(-45deg);
}
&.active::before {
transform: rotate(135deg);
}
}
@media(max-width: 767px) {
.seo-text-container {
font-size: 17px;
h2, h3, h4, h5, h6 {
font-size: 24px;
}
}
}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//tiue.uz/wp-content/themes/tiue/assets/owl-carousel/assets/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;}.owl-theme .owl-nav [class*=owl-].owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}