/*
|--------------------------------------------------------------------------
| Informations
|--------------------------------------------------------------------------
*/

.pageInformation h4 > i,
.accountInformation h4 > i,
.businessInformation h4 > i {
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition:
        transform 0.3s ease,
        -webkit-transform 0.3s ease;
}

.pageInformation h4.active > i,
.accountInformation h4.active > i,
.businessInformation h4.active > i {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

/*
|--------------------------------------------------------------------------
| Copyright
|--------------------------------------------------------------------------
*/

#copyright {
    background-color: var(--dark);
    color: var(--white);
}

#copyright a {
    color: var(--white);
}

/*
|--------------------------------------------------------------------------
| Brand
|--------------------------------------------------------------------------
*/

.brand-business {
    max-height: 100px;
    display: inline-block;
}

.brand-gk2 {
    max-height: 32px;
    display: inline-block;
}

/*
|--------------------------------------------------------------------------
| Responsive
|--------------------------------------------------------------------------
*/

/*
|--------------------------------------------------------------------------
| XS Screen
|--------------------------------------------------------------------------
*/

@media (max-width: 575px) {
    .businessInfo ul {
        padding-left: 20px;
        display: none;
    }
}

/*
|--------------------------------------------------------------------------
| Greather than sm
|--------------------------------------------------------------------------
*/

@media (min-width: 576px) {
    .businessInfo ul {
        display: block;
    }
}

/*
|--------------------------------------------------------------------------
| Lower than md
|--------------------------------------------------------------------------
*/

@media (max-width: 768px) {
    #copyright {
        text-align: center;
    }
}

/*
|--------------------------------------------------------------------------
| Greather than md
|--------------------------------------------------------------------------
*/

@media (min-width: 768px) {
    #copyright .row > .col > div:nth-child(1) {
        float: left;
    }
    #copyright .row > .col > div:nth-child(2) {
        float: right;
    }
}