.FVLink {
    text-decoration: none;
    display: block;

    &.Hidden {
        display: none;
    }
}

.FirstViewContainer {
    display: grid;
    grid-template-columns: 1fr;
    height: 400px;

    .ImgBox {
        grid-column: 1 / 2;
        grid-row: 1 / 2;
        
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .Img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }

    .TextBox {
        grid-column: 1 / 2;
        grid-row: 1 / 2;
        display: grid;

        .Text {
            width: 100%;
            max-width: 1920px;
            margin: auto;
            padding: 0px 20px;
            color: #fff;
            line-height: 1.5;
            font-size: clamp(6px, 0.8vw, 15px);

            .Text_1 {
                font-size: 3em;
            }
            .Typo_1 {
                font-size: 4em;
            }
            .Typo_2 {
                font-size: 2em;
            }
        }
    }

    .ButtonBox {
        grid-column: 1 / 2;
        grid-row: 1 / 2;
        padding: 0px clamp(20px, 3vw, 50px) clamp(20px, 3vw, 50px) 0px;

        width: 100%;
        height: 100%;
        max-width: 1920px;
        margin: auto;

        display: grid;

        .FVButton {
            align-self: end;
            justify-self: end;

            font-size: 16px;
            color: #fff;
            background-color: var(--SecondaryColor);
            padding: 10px 30px;
            border-radius: 30px;
        }
    }

    &.Hidden {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .FirstViewContainer {
        height: 250px;
    }
}