/***** Features *****/
.main__banner .row > div:not(:first-child):hover .content__icon { transform: scale(1.25); }

.main__banner .row > div:not(:first-child) { text-align: center; }

.main__banner .content__link { padding: 0; }

.main__banner .content__link,
.main__banner .content__link-circle { position: relative; }

.main__banner .content__link,
.main__banner .row > div:not(:first-child):hover .content__link-circle { width: 100%; }

.main__banner .content__link-circle {
    width: 2rem;
    height: 3rem;
    display: block;
    border-radius: 5px;
}

.main__banner .content__link-icon,
.main__banner .content__link-icon::before,
.main__banner .content__link-label { position: absolute; }

.main__banner .content__link-icon {
    left: 0.125rem;
    width: 1.125rem;
    height: 0.125rem;
    background: none;
    top: 0;
    bottom: 0;
    margin: auto;
}

.main__banner .content__link .content__link-icon::before {
    content: "";
    top: -0.25rem;
    right: 0.0625rem;
    width: 0.625rem;
    height: 0.625rem;
    border-top: 0.125rem solid #FFF;
    border-right: 0.125rem solid #FFF;
    transform: rotate(45deg);
}

.main__banner .content__link-label {
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

/***** Media Query *****/
@media screen and (max-width: 575px) {
    /*** General ***/
    .main__banner {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

    .main__banner > div > div { flex-direction: column; }

    /*** Features ***/
    .main__banner > div > div > div:not(:first-child) { margin-top: 2rem; }
}

@media screen and (min-width: 576px) {
    /*** General ***/
    .main__banner {
        margin-top: 8rem;
        margin-bottom: 8rem;
    }
}

@media screen and (min-width: 576px) and (max-width: 991px) {
    /*** General ***/
    .main__banner .row { flex-flow: row wrap; }

    /*** Features ***/
    .main__banner .row > div:first-child { margin-bottom: 2rem; }
}

@media screen and (max-width: 991px) {
    /*** Features ***/
    .main__banner .content__icon { margin-bottom: 1rem; }

    .main__banner .row > div:not(:first-child):hover .content__link-icon { transform: translate(.5rem, 0); }

    /*** Text ***/
    .main__banner .content__text { text-align: justify; }
}

@media screen and (min-width: 992px) {
    /*** Features ***/
    .main__banner .content__icon { margin-bottom: 2rem; }

    /*** Text ***/
    .main__banner .row > div:first-child { margin: auto; }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    /*** Features ***/
    .main__banner .row > div:not(:first-child):hover .content__link-icon { transform: translate(.5rem, 0); }
}

@media screen and (min-width: 1200px) {
    /*** Features ***/
    .main__banner .row > div:not(:first-child):hover .content__link-icon { transform: translate(1rem, 0); }
}