.IntroFleet { height: 100%; min-height: calc(100dvh - 140px); }
.IntroFleet .introTitle { max-width: 548px; margin: auto; }
.IntroFleet .titleContainer { overflow: hidden; }
.IntroFleet .container-fluid{
    position: relative;
    display: flex;
    flex-direction: column;
}
.IntroFleet .container-fluid .tresdbuttons{
    padding: 40px;
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 28px;
    justify-content: flex-end;
    position: relative;
    top: 90px;
}
.IntroFleet .container-fluid .tresdbuttons .control{ display: flex; }
.IntroFleet .container-fluid .tresdbuttons .icon-control{ width: 15px; }
.IntroFleet .container-fluid .tresdbuttons .tresde-icon{ width: 50px; height: 42px; }
.IntroFleet .container-fluid .tresdbuttons button{ border: solid 2px #F30; }
.IntroFleet .container-fluid .tresdbuttons button:first-child{ border-right: solid 1px #F30; }
.IntroFleet .container-fluid .tresdbuttons button:last-child{ border-left: solid 1px #F30; }
.IntroFleet .container-fluid .tresdbuttons{
    order: 1;
}
.IntroFleet .container-fluid .introTitle{
    order: 2;
}
.IntroFleet .container-fluid .tresdmodel{
    order: 3;
}
.IntroFleet .titleContainer > * {
    font-family: 'Manrope';
    font-size: 1.875rem;
    font-size: clamp(1.875rem, 1.6964285714285714rem + 0.8928571428571428vw, 2.5rem);
    font-weight: 600;
    line-height: 48px;
    letter-spacing: -1px;
    text-align: center;
    color: #451B17;
    opacity: 0;
    animation: slideUp ease .8s forwards 1.2s;
}
/*
.IntroFleet .tresdmodel{margin-top: -200px;}
 */
@keyframes slideUp {
    0% { transform: translateY(40px); }
    100% { transform: translateY(0); opacity: 1; }
}


@media screen and (max-width: 992px){
    .IntroFleet .container-fluid .tresdbuttons{
        padding: 0 18px;
        position: absolute;
        bottom: -10px;
        order: 3;
        z-index: 3;
        top: unset;
    }
    .IntroFleet .container-fluid .introTitle{
        padding: 40px 18px 5px 18px;
        order: 1;
    }
    .IntroFleet .container-fluid .tresdmodel{
        order: 2;
    }
    /*.IntroFleet .tresdmodel {
        margin-top: -50px;
    }*/
}


.IntroFleet .tresdbuttons{
    text-align: right;
}
.IntroFleet button{
    padding: 0;
    width: 42px;
    height: 42px;
    font-size: 19px;
    border-radius: 0;
    cursor: pointer;
    background-color: #fffff9;
    display: flex;
    align-items: center;
    justify-content: center;
}