.uae .tile__title {
    font-weight: 700;
    font-size: 1.9vw;
    width: 70%;
}
.uae .tile__title span {
    display: block;
    font-weight: 400;
}
.uae .tile__bg {
    text-align: right;
}
.uae .tile__bg img {
    width: 40%;
    height: 96%;
    object-fit: contain;
    object-position: bottom right;
}
.uae .tile__subtitle {
    font-size: 1.4vw;
}
.uae .tile__footer {
    width: 50%;
    padding: 2vw 0 0;
    gap: 2vw;
}
.uae .tile__icon {
    width: 80%;
}

main section:has(.tile.uae) {
    align-items: center;
}

@container tile (min-width: 60vw) {
    .uae .tile__title {
        font-size: 4.2vw;
    }
    .uae.tile > div {
        padding: 3.6cqw 4cqw;
    }
    .uae .tile__subtitle {
        font-size: 2.6vw;
        line-height: 1.4;
    }
    .uae .tile__footer {
        width: 70%;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
    }
    .uae .tile__icon {
        width: 40%;
    }

    @media screen and (max-aspect-ratio: 0.8) {
        .uae .tile__title {
            font-size: 5.2vw;
            width: 100%;
        }
        .uae .tile__footer {
            width: 65%;
            flex-direction: column;
            align-items: flex-start;
        }
        .uae .tile__icon {
            width: 75%;
        }
        .uae .tile__subtitle {
            font-size: 4vw;
        }
    }
}