.text-primary-to-white {
    color: var(--bs-primary);
  }

.disabled {
    cursor: not-allowed;
    pointer-events: none;
}

.card-disabled img {
    opacity: 0.5;
    filter: grayscale(100%) brightness(1);
}

.card-disabled .bg-primary {
    opacity: 0.5;
    filter: grayscale(100%) brightness(2);
}

.blue-section {
    padding: 1rem;
    position: relative;
    height: 285px !important;
    margin-bottom: 5rem;
    color: white;
    background: #FFFFFF;
}

.blue-section .col{
    height:180px
}

.form-card {
    background-color: #FFFFFF;
    padding-top: 0.5rem;
    padding-left: 0.1rem;
    padding-right: 0.1rem;
    text-align: center;
    height: 100%;
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: 200px;
    height:200px;
}

.form-card-mobile {
    background-color: #FFFFFF;
    padding-top: 0.5rem;
    padding-left: 0.1rem;
    padding-right: 0.1rem;
    text-align: center;
    height: 235px;
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.card-title,
.card-text {
    hyphens: auto;
    word-wrap: break-word;
}

.blue-section>.col{
    height:200px
}

.floating-row {
    margin-bottom: -2rem;
    position: relative;
    z-index: 2;
}

.form-card div {
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.form-card div span,
ul li {
    font-size: 16px;
}
.form-card:hover {
    transform: translateY(-10px);
}


.form-card img,
.form-card svg {
    max-width: 140px;
    width: 140px;
    height: 140px;
    margin-bottom: auto;
    align-self: center;
    object-fit: contain;
}

.form-card-mobile img {
    max-width: 160px;
    width: 100%;
    height: 160px;
    margin-bottom: auto;
    align-self: center;
}

.form-card-mobile .bg-primary {
    width: 100%;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    margin-top: auto;
}

.form-card-mobile .bg-primary span {
    font-size: 16px;
    line-height: 1.2;
}

.badge-inquiry {
    position: absolute;
    top: -7px;
    right: -2px;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--bs-danger);
    color: #fff;
    font-size: 1.5rem !important;
    line-height: 1;
    border-radius: 50%;
}


@media (min-width:768px) {

}

@media (min-width: 1200px) {
    .blue-section {
        background: #004994;
    }

    .text-primary-to-white {
        color: var(--bs-white);
      }

    .badge-inquiry {
        position: absolute;
        top: -20px;
        right: -10px;

        width: 52px;
        height: 52px;

        display: flex;
        align-items: center;
        justify-content: center;

        background-color: var(--bs-danger);
        color: #fff;

        font-size: 1.5rem !important;
        line-height: 1;

        border-radius: 50%;
    }
}