/* Documents gallery on the OCTOPUS home page. */
.fh .fh-certificates{padding:76px 0 78px;background:#ecfaff;position:relative;color:#49389a}
.fh .fh-certificates:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='10' viewBox='0 0 100 10'%3E%3Cpath fill='%23250135' d='M0 0C25.1642 0 25.1007 9.86545 49.9249 10C74.8233 9.86636 74.7607 0 100 0C66.5036 0 33.4871 0 0 0Z'/%3E%3C/svg%3E")}
.fh-certificates__header{position:relative;padding:0 112px;margin-bottom:42px}
.fh .fh-certificates h2{margin:0 0 12px;font-size:39px;line-height:1.18;font-weight:600;color:#321d58;text-align:center}
.fh .fh-certificates__subtitle{margin:0;font-size:18px;line-height:1.5;color:#88819d;text-align:center}
.fh-certificates__controls{position:absolute;right:0;top:8px;display:flex;gap:12px}
.fh-certificates__controls[hidden]{display:none!important}
.fh .fh-certificates__arrow{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;min-height:44px;border:1px solid #d0cde1;border-radius:50%;padding:0;background:transparent;color:#674194;cursor:pointer;transition:background .2s,border-color .2s,opacity .2s}
.fh .fh-certificates__arrow svg{width:24px;height:24px;flex:none;pointer-events:none}
.fh .fh-certificates__arrow--next{background:#510788;border-color:#510788;color:#fff}
.fh .fh-certificates__arrow:disabled{opacity:.42;cursor:default}
.fh .fh-certificates__arrow:not(:disabled):hover{background:#eee8f6;border-color:#9065b7}
.fh .fh-certificates__arrow--next:not(:disabled):hover{background:#70329f;border-color:#70329f}
.fh-certificates__track{display:flex;align-items:stretch;gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 1px 10px;-webkit-overflow-scrolling:touch}
.fh-certificates__track::-webkit-scrollbar{display:none}
.fh-certificate{flex:0 0 calc((100% - 60px)/4);min-width:0;scroll-snap-align:start;scroll-snap-stop:normal}
.fh .fh-certificate__link{display:flex;flex-direction:column;align-items:stretch;height:100%;padding:22px 18px 24px;border:1px solid transparent;border-radius:16px;background:#fff;text-align:center;cursor:zoom-in;transition:border-color .2s,box-shadow .2s}
.fh-certificate__preview{position:relative;display:block;width:100%;aspect-ratio:210/297;flex:none;margin-bottom:18px;background:#fff}
.fh .fh-certificate__preview img{width:100%;height:100%;max-width:100%;object-fit:contain;border:1px solid #e3dfeb;border-radius:3px}
.fh .fh-certificate__zoom{display:flex;align-items:center;justify-content:center;position:absolute;right:3px;bottom:3px;width:40px;height:40px;border-radius:50%;background:#fff;color:#510788;box-shadow:0 3px 13px #28124020;transition:transform .2s}
.fh-certificate__zoom svg{width:22px;height:22px}
.fh .fh-certificate h3{font-size:18px;line-height:1.3;font-weight:700;color:#24133f;margin:0 0 7px;overflow-wrap:break-word}
.fh .fh-certificate p{font-size:15px;line-height:1.45;color:#89829e;margin:0;overflow-wrap:break-word}
.fh-certificates--static .fh-certificates__header{padding-right:0;padding-left:0}
.fh-certificates--static .fh-certificates__track{justify-content:center}
.fh-certificates__track.is-dragging,.fh-certificates__track.is-dragging *{cursor:grabbing!important;user-select:none}
.fh-certificates__track.is-dragging,.fh-certificates__track.is-settling{scroll-snap-type:none;scroll-behavior:auto}
@media(hover:hover){.fh .fh-certificate__link:hover{border-color:#ff741f;box-shadow:0 5px 20px #74502b0a}.fh-certificate__link:hover .fh-certificate__zoom{transform:scale(1.08)}}
.fh .fh-certificate__link:focus-visible{border-color:#ff741f;outline:2px solid #ff741f;outline-offset:1px}
body.fh-certificate-open{overflow:hidden}
.fh .fh-certificate-dialog{position:fixed;inset:0;margin:auto;width:min(960px,calc(100% - 48px));max-width:960px;max-height:calc(100dvh - 40px);padding:24px 28px 20px;border:0;border-radius:16px;background:#fff;color:#24133f;overflow:auto;box-sizing:border-box;font-family:Roboto,Arial,sans-serif}
.fh-certificate-dialog:not([open]){display:none}
.fh-certificate-dialog::backdrop{background:#130621bb;backdrop-filter:blur(3px)}
.fh .fh-certificate-dialog__close{position:absolute;right:13px;top:9px;z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#f4f1f8;color:#493565;font-size:32px;font-weight:300;line-height:1;cursor:pointer}
.fh-certificate-dialog__image{display:flex;align-items:center;justify-content:center;min-height:200px;padding:12px 20px 18px}
.fh .fh-certificate-dialog__image img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 224px);object-fit:contain}
.fh-certificate-dialog__footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:16px;border-top:1px solid #e9e4ef}
.fh .fh-certificate-dialog__footer h3{font-size:18px;line-height:1.3;margin:0 0 4px;color:#24133f}
.fh .fh-certificate-dialog__footer p{font-size:14px;color:#89829e;margin:0 0 6px}
.fh .fh-certificate-dialog__footer a{font-size:14px;color:#674194;text-decoration:underline}
.fh-certificate-dialog__navigation{display:flex;align-items:center;gap:12px;flex:none}
.fh-certificate-dialog__navigation>span{min-width:36px;text-align:center;font-size:14px;color:#89829e;white-space:nowrap}
@media(max-width:1050px) and (min-width:701px){.fh-certificate{flex-basis:calc((100% - 40px)/3)}.fh .fh-certificates h2{font-size:34px}.fh-certificates__header{padding-left:104px;padding-right:104px}}
@media(max-width:700px){
 .fh .fh-certificates{padding:48px 0 52px}
 .fh-certificates__header{padding:0;margin-bottom:26px}
 .fh .fh-certificates h2{text-align:left;font-size:clamp(23px,6.9vw,28px);line-height:1.18;padding-right:106px;margin-bottom:14px}
 .fh .fh-certificates__subtitle{text-align:left;font-size:16px;line-height:1.4}
 .fh-certificates__controls{top:1px;gap:8px}
 .fh-certificates__track{gap:16px;margin-right:-15px;padding-right:15px;scroll-padding-right:15px}
 .fh-certificate{flex-basis:min(310px,calc(100% - 47px))}
 .fh .fh-certificate__link{padding:20px 18px 23px;border-radius:15px}
 .fh .fh-certificate h3{font-size:18px}
 .fh .fh-certificate p{font-size:15px}
 .fh-certificates--static .fh-certificates__header h2{padding-right:0}
 .fh .fh-certificate-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 24px);padding:45px 14px 16px;border-radius:12px}
 .fh-certificate-dialog__image{padding:0 0 16px;min-height:120px}
 .fh .fh-certificate-dialog__image img{max-height:calc(100dvh - 250px)}
 .fh-certificate-dialog__footer{flex-direction:column;align-items:stretch;gap:14px;padding-top:13px}
 .fh-certificate-dialog__navigation{align-self:center}
}
@media(prefers-reduced-motion:reduce){.fh-certificate__link,.fh-certificate__zoom,.fh-certificates__arrow{transition:none!important}}
