body{
 
    background-position-x: 300px;
    overflow-x: hidden;
}

html{
    overflow-x: hidden;
}
.banco{
    font-size: clamp(2rem, 0.776rem + 6.531vw, 6rem)
}
.bt-hero{
    font-size: clamp(1rem, 0.694rem + 1.633vw, 2rem)
}


.gridVentuno {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 20px;
}

.card1 {

    transform: translateX(20%);
}
.card2 {
    grid-column: 2/2;
    grid-row: 2/2;

    transform: translateY(-30%);
}
.card3 {
    grid-column: 2/2;
    grid-row: 2/2;
    transform: translate(90%, 50%);


}
.arrow1{
    grid-column: 1/3;
    grid-row: 2/2;

    transform: translateX(20%);
}
.arrow2{
    grid-column: 2/2;
    grid-row: 2/2;
    align-items: center;
    justify-self: center;
    transform: translateY(70%);
}



.bg-yellow-500 {
    background-color: #F48C06;
}
.text-yellow-500 {
    color: #F48C06;
}
.floating {
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
@keyframes floating {
    0% { transform: translate(0, 0px); }
    50% { transform: translate(0, 8px); }
    100% { transform: translate(0, -0px); }
}
.floating-4 {
    animation-name: floating;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
@keyframes floating-4 {
    0% { transform: translate(0, 0px); }
    50% { transform: translate(0, 8px); }
    100% { transform: translate(0, -0px); }
}

.floating-6 {
    animation-name: floating-6;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
@keyframes floating-6 {
    0% { transform: translate(0, 0); }
    50% { transform: translate(10px, 0); }
    100% { transform: translate(0, 0); }
}


.floating-diag {
    animation-name: floating-diag;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
@keyframes floating-diag {
    0% { transform: translate(0, 0); }
    50% { transform: translate(20px,10px); }
    100% { transform: translate(0, 0); }
}
.text-darken {
    color: #2F327D;
}