/* slider image */
.carousel-item {
    height: 80vh;
    min-height: 400px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.carousel-item img {
    display: none;
}

.carousel-item h1 {
    font-size: 80px;
}

a {
    text-decoration: none;
    color: var(--bs-warning);
    /* info color */
}

.dropdown-item:hover {
    color: #000 !important;
    background-color: #fff;
}

.dropdown-item:active {
    background-color: var(--bs-warning);
    color: #fff;
}

.text-outline {
    text-shadow:
        -1px -1px 0 #fff,
        1px -1px 0 #fff,
        -1px 1px 0 #fff,
        1px 1px 0 #fff;
}

/* services card  */
.service-card {
    color: #fff !important;
    background-color: #1a1a1a;
    transition: all 0.3s ease;
}

.icon-color {
    color: var(--bs-warning);
    transition: color 0.3s ease;
}

.service-card:hover {
    background-color: var(--bs-warning);
    color: #000;
    scale: 102%;
}

.service-card:hover h5,
.service-card:hover p {
    color: #000 !important;
}

/* subscribe button */
.btn-outline-light:hover {
    background-color: white !important;
    color: black !important;
}

/* loan card */
.loan-card {
    transition: 0.3s ease-in-out;
    background-color: #1a1a1a;
}

.loan-card .icon-wrapper {
    transition: 0.3s ease-in-out;
    background-color: #1a1a1a;
}

.loan-card:hover {
    background-color: var(--bs-warning);
    color: #000 !important;
}

.loan-card:hover .icon-wrapper {
    background-color: #ffffff;
}

.loan-card:hover .icon-wrapper i {
    color: var(--bs-warning) !important;
}

.loan-card:hover h5,
.loan-card:hover p {
    color: #000 !important;
}

/* insurance */
.insurance-card {
    transition: 0.3s ease-in-out;
    color: #fff;
    background-color: #1a1a1a;
}

.insurance-card .icon-wrapper {
    transition: 0.3s ease-in-out;
    background-color: #7a7878;
}

.insurance-card:hover {
    background-color: var(--bs-warning);
    color: #fff;
}

.insurance-card:hover .icon-wrapper {
    background-color: #ffffff;
}

.insurance-card:hover .icon-wrapper i {
    color: var(--bs-warning) !important;
}

.insurance-card:hover h5,
.insurance-card:hover p {
    color: #000 !important;
}

/* info card */
.info-card {
    transition: 0.3s ease-in-out;
    background-color: #1a1a1a;
}

.info-card .icon-box {
    transition: 0.3s ease-in-out;
    background-color: #3a3a3a;
    color: var(--bs-warning);
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.info-card:hover {
    background-color: var(--bs-warning);
    color: #000 !important;
}

.info-card:hover .icon-box {
    background-color: #000;
}

.info-card:hover .icon-box i {
    color: var(--bs-warning);
}

.info-card:hover h5,
.info-card:hover p {
    color: #000 !important;
}