@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/xMQOuFFYT72X5wkB_18qmnndmSdSnk-NKQI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body{border-top:10px solid #004f89;background:#ecf0f6;color:#004f89;font-size:1.0rem;font-family: "Sora", sans-serif;}
.atepisign .logo{max-width: 180px;margin:2rem}
.atepisign .block{border:1.6rem solid #004f89;border-radius:20px;background:white;padding:1.8rem;}
.atepisign .block2{border:1.0rem solid #004f89;border-radius:15px;background:white;}
.atepisign .block strong,.atepisign .end strong{color:#F07c4b}
.atepisign .block p{font-size:1.6rem}
h1{font-size:2.2rem}
.atepisign .end{padding:1.8rem;}
.bg-blue{padding-bottom:3rem;}
.small-orange{background:#f07c4b;color:#FFF;font-size:1.0rem;border-radius:10px;padding:5px 20px;text-decoration:none;}
.small-orange:hover{background: #ff753a;color: #FFF;}

.ribbon-1 {
  position: fixed;
  background: #0c508a;
  box-shadow: 0 0 0 999px #0c508a;
  clip-path: inset(0 -100%); inset: 0 0 auto auto;
	color:#FFF;font-size: 1.4rem;
  transform-origin: 0 0;
  transform: translate(29.3%) rotate(45deg);

}
.ribbon-1:hover{background:#82a56d;color:#FFF;  box-shadow: 0 0 0 999px #82a56d;}