div#garanta-home {
    overflow: hidden;
    /* background: url(./img/fd2.png); */
    padding: 7% 0;
    background: #212a3b;
}

.titulo-gar {
    place-items: anchor-center;
}

.pt2 {
    display: grid;
    place-self: center;
    gap: 10px;
    margin-top: 10px;
}

span.tt3-garanta {
    display: block;
}

h1.tt1-garanta,
h2.tt2-garanta {
    color: white;
    font-weight: 800;
    font-size: 4.7rem;
    line-height: 1.1;
    margin: 0;
    margin-right: 9px;
    place-self: center;
    text-align: -webkit-center;
}

span.tt3-garanta {
    font-weight: 800;
    font-size: 4.7rem;
    line-height: 0.7;
    display: block;
    align-content: center;
    background: #118844;
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    animation: gradientMove 7s ease-in-out infinite;
    margin-right: 12px;
    padding: 10px;
    text-align: -webkit-center;
}

.txt-garanta p {
    font-size: 1.9rem;
    color: #ffffff;
    width: 61%;
    margin: 0px auto 0% auto;
    text-align: -webkit-center;
    margin-top: 3%;
}

.btns-garanta a {
    background: #ffb200;
    background-size: 200% auto;
    animation: gradientMove 6s cubic-bezier(0.75, 0.05, 0.64, 1.46) infinite;
    padding: 19px 20px;
    margin-top: 7%;
    display: block;
    width: fit-content;
    min-width: 193px;
    border-radius: 33px;
    color: #1f2b3b;
    font-weight: 500;
    font-size: 1.6rem;
    text-align-last: center;
    margin: 3% auto 0 auto;
}

.tracos.gar {
    left: 0%;
    top: -45%;
}

.btns-garanta a:hover {
    transform: translateY(-5px);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    color: white;
}