.elementor-5745 .elementor-element.elementor-element-b8c431f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5745 .elementor-element.elementor-element-ca1cce9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5745 .elementor-element.elementor-element-a054d36{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5745 .elementor-element.elementor-element-c0ab1f1{text-align:center;}.elementor-5745 .elementor-element.elementor-element-c221be3.elementor-element{--align-self:center;}.elementor-5745 .elementor-element.elementor-element-0e255f7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-5745 .elementor-element.elementor-element-404cad2{--display:flex;}/* Start custom CSS for html, class: .elementor-element-3fcd1e2 *//*==================================================
   UFT ADMISSION
==================================================*/

.uft-admission{

padding:100px 20px;

background:linear-gradient(180deg,#F7FAFD,#EEF5FB);

position:relative;

overflow:hidden;

}

.uft-admission::before{

content:"";

position:absolute;

left:-220px;

top:-220px;

width:520px;

height:520px;

border-radius:50%;

background:radial-gradient(circle,
rgba(22,150,243,.10),
transparent 70%);

}

.uft-admission::after{

content:"";

position:absolute;

right:-220px;

bottom:-220px;

width:550px;

height:550px;

border-radius:50%;

background:radial-gradient(circle,
rgba(212,166,58,.10),
transparent 70%);

}

.uft-container{

max-width:1320px;

margin:auto;

position:relative;

z-index:2;

}

/*======================
HEADER
======================*/

.uft-head{

text-align:center;

margin-bottom:70px;

}

.badge{

display:inline-block;

padding:10px 22px;

background:#fff;

border-radius:40px;

font-weight:700;

color:#1696F3;

box-shadow:0 10px 25px rgba(0,0,0,.08);

margin-bottom:25px;

}

.uft-head h2{

font-size:56px;

font-weight:800;

color:#0B2E59;

margin-bottom:20px;

}

.uft-head p{

max-width:760px;

margin:auto;

font-size:20px;

line-height:1.8;

color:#66768B;

}

/*======================
GRID
======================*/

.uft-grid{

display:grid;

grid-template-columns:1.2fr .8fr;

gap:35px;

align-items:start;

}

/*======================
CARDS
======================*/

.card,
.info-card,
.bottom-box{

background:#fff;

border-radius:24px;

box-shadow:

0 15px 40px rgba(16,42,76,.08);

border:1px solid #EDF2F8;

transition:.35s;

}

.card{

padding:35px;

margin-bottom:30px;

}

.card:hover,
.info-card:hover{

transform:translateY(-8px);

box-shadow:

0 25px 50px rgba(0,0,0,.12);

}

.card h3{

margin:0 0 25px;

font-size:28px;

color:#0B2E59;

}

/*======================
ADVANTAGES
======================*/

.advantages{

list-style:none;

padding:0;

margin:0;

}

.advantages li{

display:flex;

gap:16px;

align-items:flex-start;

padding:15px 0;

border-bottom:1px solid #EEF2F7;

font-size:18px;

color:#55657D;

}

.advantages i{

color:#D4A63A;

font-size:20px;

margin-top:2px;

}

/*======================
DOCS
======================*/

.doc-list{

display:flex;

flex-direction:column;

gap:18px;

}

.doc-list a{

display:flex;

justify-content:space-between;

align-items:center;

padding:18px 22px;

border-radius:16px;

background:#F7FAFD;

text-decoration:none;

color:#0B2E59;

font-weight:700;

transition:.35s;

}

.doc-list a i{

margin-right:15px;

color:#D4A63A;

font-size:24px;

}

.doc-list a span{

color:#1696F3;

font-size:15px;

}

.doc-list a:hover{

background:#1696F3;

color:#fff;

transform:translateX(8px);

}

.doc-list a:hover span,

.doc-list a:hover i{

color:#fff;

}

/*======================
RIGHT INFO
======================*/

.info-card{

display:flex;

gap:20px;

padding:25px;

margin-bottom:22px;

}

.icon{

width:68px;

height:68px;

border-radius:18px;

background:linear-gradient(135deg,#1696F3,#0B2E59);

display:flex;

align-items:center;

justify-content:center;

color:#fff;

font-size:28px;

flex-shrink:0;

}

.info-card h4{

margin:0 0 8px;

font-size:22px;

color:#0B2E59;

}

.info-card p{

margin:0 0 6px;

color:#6D7C92;

}

.info-card strong{

color:#0B2E59;

font-size:18px;

}

/*======================
SOCIAL
======================*/

.socials{

display:flex;

gap:12px;

margin-top:12px;

}

.socials a{

width:42px;

height:42px;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

background:#EEF5FB;

color:#1696F3;

transition:.35s;

}

.socials a:hover{

background:#1696F3;

color:#fff;

transform:translateY(-5px);

}

/*======================
BOTTOM
======================*/

.bottom-box{

margin-top:40px;

padding:35px;

display:flex;

justify-content:space-between;

align-items:center;

gap:30px;

}

.bottom-box h3{

margin:0 0 10px;

font-size:32px;

color:#0B2E59;

}

.bottom-box p{

margin:0;

color:#66768B;

}

.bottom-box a{

padding:18px 34px;

border-radius:50px;

background:linear-gradient(135deg,#FFD978,#D4A63A);

text-decoration:none;

font-weight:700;

color:#0B2E59;

transition:.35s;

white-space:nowrap;

}

.bottom-box a:hover{

transform:translateY(-5px);

box-shadow:

0 18px 35px rgba(212,166,58,.35);

}

/*======================
RESPONSIVE
======================*/

@media(max-width:991px){

.uft-grid{

grid-template-columns:1fr;

}

.bottom-box{

flex-direction:column;

text-align:center;

}

}

@media(max-width:768px){

.uft-admission{

padding:70px 20px;

}

.uft-head h2{

font-size:38px;

}

.card{

padding:25px;

}

.info-card{

padding:20px;

}

.doc-list a{

flex-direction:column;

align-items:flex-start;

gap:8px;

}

}
/* Анімація появи */

.hidden-card{

opacity:0;

transform:translateY(40px);

transition:
opacity .7s ease,
transform .7s ease;

}

.hidden-card.show{

opacity:1;

transform:translateY(0);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8f5e362 *//*==================================================
UFT ADMISSION DOCUMENTS
==================================================*/

.uft-admission-docs{
    padding:100px 20px;
    background:linear-gradient(180deg,#F8FBFE,#EEF5FB);
    position:relative;
    overflow:hidden;
}

.uft-admission-docs::before{
    content:"";
    position:absolute;
    left:-180px;
    top:-180px;
    width:450px;
    height:450px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(22,150,243,.10),transparent 70%);
}

.uft-admission-docs::after{
    content:"";
    position:absolute;
    right:-180px;
    bottom:-180px;
    width:500px;
    height:500px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(212,166,58,.10),transparent 70%);
}

.uft-container{
    max-width:1320px;
    margin:auto;
    position:relative;
    z-index:2;
}

/*==========================
HEADER
==========================*/

.section-header{
    text-align:center;
    margin-bottom:60px;
}

.section-badge{
    display:inline-block;
    padding:10px 24px;
    background:#fff;
    border-radius:50px;
    color:#1696F3;
    font-weight:700;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    margin-bottom:25px;
}

.section-header h2{
    font-size:54px;
    color:#0B2E59;
    margin:0 0 20px;
    font-weight:800;
}

.section-header p{
    max-width:700px;
    margin:auto;
    font-size:19px;
    line-height:1.8;
    color:#66768B;
}

/*==========================
YEAR BUTTONS
==========================*/

.year-tabs{
    display:flex;
    justify-content:center;
    gap:18px;
    margin-bottom:45px;
    flex-wrap:wrap;
}

.year-btn{
    padding:14px 28px;
    border:none;
    border-radius:50px;
    background:#fff;
    color:#0B2E59;
    cursor:pointer;
    font-size:17px;
    font-weight:700;
    transition:.35s;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.year-btn:hover{
    transform:translateY(-4px);
}

.year-btn.active{
    background:linear-gradient(135deg,#FFD978,#D4A63A);
    color:#0B2E59;
}

/*==========================
CONTENT
==========================*/

.year-content{
    display:none;
}

.year-content.active{
    display:block;
}

/*==========================
CARDS
==========================*/

.docs-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(360px,1fr));
    gap:25px;
}

.doc-card{
    display:flex;
    align-items:center;
    gap:22px;
    padding:28px;
    background:#fff;
    border-radius:22px;
    text-decoration:none;
    border:1px solid #EDF2F8;
    box-shadow:0 15px 40px rgba(16,42,76,.08);
    transition:.35s;
}

.doc-card:hover{
    transform:translateY(-8px);
    box-shadow:0 25px 50px rgba(0,0,0,.12);
}

.doc-icon{
    width:72px;
    height:72px;
    border-radius:18px;
    background:linear-gradient(135deg,#1696F3,#0B2E59);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

.doc-icon i{
    color:#fff;
    font-size:30px;
}

.doc-info{
    flex:1;
}

.doc-info h3{
    margin:0 0 8px;
    color:#0B2E59;
    font-size:22px;
}

.doc-info p{
    margin:0;
    color:#66768B;
    line-height:1.7;
}

.open-doc{
    color:#1696F3;
    font-weight:700;
    white-space:nowrap;
}

.doc-card:hover .open-doc{
    color:#D4A63A;
}

/*==========================
GALLERY
==========================*/

.gallery-block{
    margin-top:80px;
}

.gallery-block h3{
    text-align:center;
    font-size:38px;
    color:#0B2E59;
    margin-bottom:40px;
}

.gallery-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.gallery-item{
    display:block;
    overflow:hidden;
    border-radius:22px;
    box-shadow:0 15px 40px rgba(16,42,76,.08);
}

.gallery-item img{
    width:100%;
    height:320px;
    object-fit:cover;
    transition:1s;
}

.gallery-item:hover img{
    transform:scale(1.08);
}

/*==========================
RESPONSIVE
==========================*/

@media(max-width:991px){

.gallery-grid{
    grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:768px){

.uft-admission-docs{
    padding:70px 20px;
}

.section-header h2{
    font-size:38px;
}

.docs-grid{
    grid-template-columns:1fr;
}

.gallery-grid{
    grid-template-columns:1fr;
}

.gallery-item img{
    height:260px;
}

.doc-card{
    flex-direction:column;
    text-align:center;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a0ad9cd *//*==============================
ANIMATION
==============================*/

.hidden-card{

opacity:0;

transform:translateY(40px);

transition:
opacity .7s ease,
transform .7s ease;

}

.hidden-card.show{

opacity:1;

transform:none;

}

/*==============================
LIGHTBOX
==============================*/

.uft-lightbox{

position:fixed;

inset:0;

background:rgba(5,15,35,.88);

display:flex;

justify-content:center;

align-items:center;

opacity:0;

visibility:hidden;

transition:.35s;

z-index:99999;

cursor:pointer;

padding:40px;

}

.uft-lightbox.active{

opacity:1;

visibility:visible;

}

.uft-lightbox img{

max-width:92%;

max-height:92%;

border-radius:18px;

box-shadow:0 25px 60px rgba(0,0,0,.45);

}/* End custom CSS */