.elementor-5765 .elementor-element.elementor-element-d41d25f{--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;}/* Start custom CSS for html, class: .elementor-element-7693fe4 */<style>
/* =========================================
   UFT — ОПЛАТА ЗА НАВЧАННЯ
========================================= */

.uft-payment{
    max-width:1320px;
    margin:80px auto;
    font-family:Montserrat,Arial,sans-serif;
}

/* Заголовок */

.uft-payment-title{
    margin-bottom:45px;
}

.uft-payment-title h2{
    margin:0;
    font-size:52px;
    line-height:1.15;
    font-weight:800;
    color:#0B2E59;
}

.uft-payment-title h2 span{
    color:#1568C8;
}

.uft-payment-line{
    width:90px;
    height:5px;
    margin-top:20px;
    border-radius:30px;
    background:linear-gradient(90deg,#FFD978,#D4A63A);
}

/* =========================================
   АКОРДЕОН
========================================= */

.uft-pay-item{
    margin-bottom:14px;
    border-radius:16px;
    overflow:hidden;
    background:#fff;
    border:1px solid #E5EBF2;
    box-shadow:0 8px 25px rgba(11,46,89,.06);
    transition:.35s ease;
}

.uft-pay-item:hover{
    box-shadow:0 15px 35px rgba(11,46,89,.10);
}

/* Заголовок */

.uft-pay-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:68px;
    padding:0 24px;
    cursor:pointer;
    transition:.35s ease;
}

.uft-pay-left{
    display:flex;
    align-items:center;
    gap:14px;
    color:#0B2E59;
    font-size:17px;
    font-weight:700;
}

.uft-pay-icon{
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:linear-gradient(135deg,#FFD978,#D4A63A);
    color:#0B2E59;
    flex:none;
}

.uft-pay-arrow{
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#0B2E59;
    color:#fff;
    transition:.35s ease;
    flex:none;
}

/* Активний */

.uft-pay-item.active{
    border-color:#D4A63A;
    box-shadow:0 18px 40px rgba(11,46,89,.12);
}

.uft-pay-item.active .uft-pay-head{
    background:linear-gradient(135deg,#0B2E59,#1568C8);
}

.uft-pay-item.active .uft-pay-left{
    color:#fff;
}

.uft-pay-item.active .uft-pay-arrow{
    background:#FFD978;
    color:#0B2E59;
    transform:rotate(180deg);
}

/* =========================================
   ВМІСТ
========================================= */

.uft-pay-body{
    max-height:0;
    overflow:hidden;
    transition:max-height .45s ease;
}

.uft-pay-content{
    padding:25px 30px 30px;
    background:#fff;
}

.uft-pay-content p{
    margin:0 0 18px;
    color:#55667E;
    font-size:16px;
    line-height:1.8;
}

/* Посилання */

.uft-pay-link{
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px 0;
    color:#0B2E59;
    text-decoration:none;
    font-size:16px;
    font-weight:600;
    line-height:1.6;
    border-bottom:1px solid #EEF2F6;
    transition:.3s ease;
}

.uft-pay-link:last-child{
    border-bottom:none;
}

.uft-pay-link:hover{
    color:#1568C8;
    padding-left:8px;
}

.uft-pay-link i{
    color:#D4A63A;
    font-size:18px;
    flex:none;
}

/* =========================================
   MOBILE
========================================= */

@media(max-width:768px){

    .uft-payment{
        margin:50px auto;
        padding:0 15px;
    }

    .uft-payment-title h2{
        font-size:36px;
    }

    .uft-pay-head{
        min-height:62px;
        padding:0 16px;
    }

    .uft-pay-left{
        font-size:15px;
    }

    .uft-pay-icon,
    .uft-pay-arrow{
        width:36px;
        height:36px;
    }

    .uft-pay-content{
        padding:20px;
    }

    .uft-pay-link{
        font-size:15px;
    }

}
</style>
/* =========================================
   РЕКВІЗИТИ
========================================= */

.uft-requisites{
    padding:30px;
}

.uft-requisite-row{
    display:flex;
    align-items:flex-start;
    gap:15px;
    padding:14px 0;
    border-bottom:1px solid #EEF2F6;
    color:#55667E;
    font-size:16px;
    line-height:1.6;
}

.uft-requisite-row:last-child{
    border-bottom:none;
}

.uft-requisite-label{
    min-width:190px;
    color:#0B2E59;
    font-weight:700;
}

.uft-requisite-row strong{
    color:#34495E;
    font-weight:600;
}

.uft-account{
    color:#1568C8 !important;
    letter-spacing:.3px;
}

@media(max-width:768px){

    .uft-requisite-row{
        flex-direction:column;
        gap:4px;
    }

    .uft-requisite-label{
        min-width:auto;
    }

}/* End custom CSS */