@font-face {
    font-family: "Nexa Light";
    src: url("../fonts/Nexa Light.otf") format("opentype"), url("../fonts/NexaLight.woff2") format("woff2"),
        url("../fonts/NexaLight.woff") format("woff"), url("../fonts/NexaLight.ttf") format("truetype");
}
@font-face {
    font-family: "Nexa Bold";
    src: url("../fonts/Nexa Bold.otf") format("opentype"), url("../fonts/NexaBold.woff2") format("woff2"),
        url("../fonts/NexaBold.woff") format("woff"), url("../fonts/NexaBold.ttf") format("truetype");
}
h1 {
    font-family: 'Nexa Light','Roboto', Arial, Helvetica, sans-serif;
    font-size: 3em;
}
h1 strong {
    font-family: 'Nexa Bold','Roboto', Arial, Helvetica, sans-serif;
}

h4 {
    font-size: 1.4rem;
    line-height: 1.75rem;
    margin: 30px 0 0 0;
}

.accordion input:checked + label::after {
    content: '\e145';
    transform: translate3d(0px, 0px, 0px ) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(-45deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.accordion__label::after{
    transition: transform .3s ease-in-out;
    font-size: 26px;
    color: #7a7a7a;
}

.translate {
    position: absolute;
    width: 100%;
    padding: 10px;
    text-align: right;
}

@media screen and (max-width:640px){
    .translate {
        text-align: center;
      }
}