html,body{width:100%;overflow-x:hidden}
body{background:var(--white)}
main{background:var(--gray)}

.cert_sections{padding-top:24px;padding-bottom:8px}
.cert_title{margin:0 0 16px;color:var(--primary);font:600 28px/1.2 Inter,Arial,sans-serif}
.cert_list{margin:0 0 18px 24px}
.cert_list li{color:#222;font:500 16px/1.5 Inter,Arial,sans-serif}
.muted{color:#222;opacity:.9}

.doc_banner{display:flex;flex-direction:column;align-items:center;gap:16px;padding:22px;border-radius:8px;background:linear-gradient(90deg,var(--primary) 0%,#7EA1FF 100%);color:var(--white);text-align:center;max-width:clamp(680px,78vw,980px);margin-left:auto;margin-right:auto;border:1px solid rgba(76,120,232,.20);box-shadow:0 10px 30px rgba(76,120,232,.22)}
.doc_banner_text{margin:0 auto;max-width:820px;color:var(--white);font:700 18px/1.45 Inter,Arial,sans-serif}

.doc_btn{padding:10px 24px;border-radius:4px}
.doc_btn .doc_btn_icon{height:18px;width:auto;flex:0 0 auto;transition:none}
.doc_btn>img,.doc_btn:hover>img{transform:none!important}
.doc_btn:hover .doc_btn_icon{filter:none!important}
.doc_btn:focus-visible{outline:2px solid rgba(255,255,255,.9);outline-offset:2px}

.faculties_layout_contact{display:flex;flex-direction:column;align-items:center;gap:30px;margin-top:16px;scroll-margin-top:96px;padding:0 16px 32px}
.contact-form{width:min(687px,100%);margin:0 auto;background:var(--white);border:1px solid rgba(84,84,84,.12);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.06);display:flex;flex-direction:column;gap:12px;padding:16px}
.contact-form .form_row{width:100%;display:flex;flex-direction:column;gap:10px}

@media (prefers-reduced-motion:reduce){.doc_btn{transition:none!important}}

@media (max-width:1036px){.cert_sections{padding-top:20px;padding-bottom:8px}}
@media (max-width:711px){
  .cert_sections{padding-left:12px;padding-right:12px}
  .doc_banner{max-width:100%}
  .doc_banner_text{font-size:16px}
}
@media (max-width:400px){
  .cert_title{font-size:22px}
  .cert_list li{font-size:14px}
  .doc_banner{padding:16px 14px;border-radius:6px}
  .doc_banner_text{font-size:14px;line-height:1.35}
  .doc_btn{padding:8px 14px;font-size:13px}
  .doc_btn .doc_btn_icon{height:16px}
  .faculties_layout_contact{gap:20px}
  .contact-form{padding:12px}
  .contact-form label{font-size:13px}
  .contact-form input,.contact-form textarea{padding:10px 12px;font-size:15px}
  .contact-form .btn_submit{font-size:15px;padding:9px 0}
}