@charset "utf-8";

.certificates-list,
.certificates-list * { box-sizing:border-box; }

.certificates-list {
    position:relative;
    left:50%;
    width:100vw;
    max-width:100vw;
    margin-left:-50vw;
    padding:92px 0 110px;
    overflow:hidden;
    background:#f5f7fa;
    color:#56616b;
}

.certificates-list__inner { width:min(1180px, calc(100% - 80px)); margin:0 auto; }
.certificates-list__heading { margin-bottom:48px; text-align:center; }
.certificates-list__heading h2 { margin:0; color:#17314f; font:600 42px/1.15 Poppins, sans-serif; }
.certificates-list__heading h2::after { display:block; width:54px; height:2px; margin:20px auto 0; background:#0879ef; content:""; }
.certificates-list__grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:22px; }

.certificate-card {
    position:relative;
    display:grid;
    grid-template-columns:62px minmax(0, 1fr);
    gap:19px;
    min-height:150px;
    padding:31px 48px 29px 28px;
    align-items:center;
    border:1px solid #e4e9ee;
    border-radius:6px;
    background:#fff;
    box-shadow:0 5px 20px rgba(18, 42, 68, .07);
    color:#56616b !important;
    text-decoration:none !important;
    transition:border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}

a.certificate-card:hover,
a.certificate-card:focus-visible { border-color:rgba(8, 121, 239, .35); box-shadow:0 10px 28px rgba(18, 42, 68, .14); transform:translateY(-3px); }
.certificate-card__icon { display:flex; width:62px; min-height:72px; flex-direction:column; align-items:center; justify-content:center; color:#0879ef; }
.certificate-card__icon i { display:block; font-size:42px; line-height:1; }
.certificate-card__icon small { margin-top:5px; color:#87929c; font:500 10px/1 Poppins, sans-serif; }
.certificate-card__copy { display:block; min-width:0; }
.certificate-card__copy strong { display:block; color:#17314f; font:600 18px/1.4 Poppins, sans-serif; overflow-wrap:break-word; }
.certificate-card__copy > span { display:block; margin-top:7px; color:#707b85; font-size:16px; line-height:1.55; }
.certificate-card__arrow { position:absolute; top:18px; right:20px; color:#a9b2ba; font-size:17px; transition:color .2s ease, transform .2s ease; }
a.certificate-card:hover .certificate-card__arrow { color:#0879ef; transform:translate(2px, -2px); }
.certificate-card--disabled { opacity:.62; }
.certificates-list__empty { margin:0; padding:40px 0; text-align:center; }

@media (max-width:1024px) {
    .certificates-list__grid { grid-template-columns:repeat(2, minmax(0, 1fr)); }
}

@media (max-width:768px) {
    .certificates-list { padding:68px 0 78px; }
    .certificates-list__inner { width:calc(100% - 36px); }
    .certificates-list__heading { margin-bottom:32px; }
    .certificates-list__heading h2 { font-size:34px; }
    .certificates-list__grid { grid-template-columns:1fr; gap:14px; }
    .certificate-card { min-height:126px; padding:24px 43px 24px 22px; }
}