:root {
    --agt-color-font: #272727;
    --agt-color-green: #48A82D;
    --agt-color-dark-green: #286616;
    --agt-size-gap-large: 3rem;
    --agt-size-title: 4rem;
}

*, html, body {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    color: var(--agt-color-font);
    transition: ease-out .15s;
}
/* body {
    height: 100vh;
    overflow: hidden;
} */
.agt__welcome_body {
    /* background-image: url("./../images/agentravel_welcome_background.jpg");
    background-position: center;
    background-repeat: no-repeat; */
    background:
        center / cover no-repeat
        url("./../images/agentravel_welcome_background.jpg");
    /* background: no-repeat center contain url("./../images/agentravel_welcome_background.jpg"); */
    backdrop-filter: blur(1rem);
    /* backdrop-filter: grayscale(30%); */
    height: 100vh;
    overflow: hidden;
}
.agt__welcome {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--agt-size-gap-large);
}
.agt__welcome_row {
    text-align: center;
}
.agt__welcome_logo {
    width: 100%;
}
.agt__welcome_logo > img {
    width: 50%;
    max-height: calc((100vh - 2 * var(--agt-size-gap-large)) / 3);
    object-fit: contain;
    object-position: center;
}
.agt__welcome_title {
    font-weight: 900 !important;
    /* font-size: var(--agt-size-title); */
    text-transform: uppercase;
    line-height: 1;
    text-shadow: #ffffff 0 0 32px, #ffffff 0 0 16px;
}
.agt__color-green {
    color: var(--agt-color-green);
}