.certificates{background:linear-gradient(to bottom,var(--color-secondary)0%,var(--color-secondary)50%,var(--color-white)50%,var(--color-white)100%);min-height:100vh;padding:var(--spacing-xl)2rem var(--spacing-2xl);justify-content:center;align-items:center;display:flex}.certificates__person{color:#333;margin-bottom:2rem;font-size:18px}.certificates__card{width:1100px;padding:var(--spacing-2xl)var(--spacing-xl);text-align:center;background:#fff;border-radius:1rem;box-shadow:0 15px 40px #00000014}.certificates__card_back{width:1100px;padding:var(--spacing-xl)var(--spacing-xl)var(--spacing-md);text-align:center;background:#fff;border-radius:1rem;box-shadow:0 15px 40px #00000014}.certificates__logo{width:auto;height:115px;margin:0 auto 1rem;display:block}.certificates__title{color:var(--color-primary);margin-bottom:.5rem;font-size:56px;font-weight:700}.certificates__list{justify-items:center}.certificate__item{justify-content:space-between;width:95%;display:flex}.certificate__left{text-align:justify;width:45%}.certificate__rowBottom{justify-content:space-between;display:flex}.certificate__item{border-bottom:1px solid #2d2d2d;padding:1rem}.certificate__rowTop{gap:1.5rem;display:flex}.certificate__download{color:#1677cd;align-content:center}.certificates__description{color:var(--color-black);margin-bottom:var(--spacing-xl);font-size:21px;line-height:1.6}.certificates__form{gap:var(--spacing-md);flex-direction:column;display:flex}.certificates__row{gap:1rem;display:flex}.certificates__row select{flex:1}.certificates__form select,.certificates__form input{border:1px solid #ddd;border-radius:.5rem;outline:none;padding:.9rem 1rem;font-size:14px;transition:all .3s}.certificates__form select:focus,.certificates__form input:focus{border-color:var(--color-primary)}.certificates__label{color:var(--color-primary);margin-left:var(--spacing-md);font-size:16px;font-weight:500}.certificates__input{color:#555;appearance:none;background-color:#e9e9ee;border:none;border-radius:.8rem;outline:none;width:100%;padding:1rem 1.2rem;font-size:15px;transition:all .25s;box-shadow:0 4px 10px #00000014}select.certificates__input{cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg fill='%23555' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-position:right 1rem center;background-repeat:no-repeat;background-size:18px;padding-right:2.8rem}.certificates__input:focus{box-shadow:0 0 0 2px var(--color-primary);background-color:#f4f4f7}.certificates__button{background-color:var(--color-primary);color:var(--color-white);cursor:pointer;border:none;border-radius:2rem;width:580px;margin:0 auto;padding:1rem;font-weight:700;transition:all .3s}.certificates__back{color:#1677cd;cursor:pointer;background-color:#0000;border:none;border-radius:2rem;width:580px;margin:100px auto 0;padding:1rem;font-weight:700;transition:all .3s}.certificates__button:hover{opacity:.9;transform:translateY(-2px)}.certificates__inputGroup{text-align:left;flex-direction:column;gap:.4rem;display:flex}.certificates__inputGroup label{color:#333;font-size:14px;font-weight:500}.certificates__inputGroup input{background-color:#f3f3f5;border:1px solid #ddd;border-radius:.6rem;outline:none;padding:.9rem 1rem;font-size:14px;transition:all .3s}.certificates__inputGroup input:focus{border-color:var(--color-primary);background-color:#fff}@media (max-width:968px){.certificates__card{width:90%;padding:var(--spacing-xl)}.certificates__title{font-size:42px}.certificates__description{font-size:18px}.certificates__button{width:100%}}@media (max-width:768px){.certificates{padding:var(--spacing-lg)1.5rem}.certificates__card{width:100%;padding:var(--spacing-lg)}.certificates__row{flex-direction:column}.certificates__title{font-size:34px}.certificates__description{font-size:16px}.certificates__logo{height:90px}.certificates__card_back{width:100%;padding:var(--spacing-md)}.certificate__item{flex-direction:column;align-items:flex-start;gap:.5rem;width:100%}.certificates__back{width:100%;margin:2rem auto 0}}@media (max-width:320px){.certificates{padding:var(--spacing-md)1rem}.certificates__card{padding:var(--spacing-md);border-radius:.8rem}.certificates__title{font-size:26px}.certificates__description{font-size:14px}.certificates__logo{height:70px}.certificates__button{padding:.8rem;font-size:14px}}
