/* keyvis Start */
.keyvis-container {
    height: 180px;
}

#sec-keyvis-contact {
    background: url('../images/contact/keyvis-contact.jpg') no-repeat center center;
    background-size: cover;
}

@media (max-width: 640px) {
    .keyvis-container {
        height: 110px;
    }

    #sec-keyvis-contact {
        background: url('../images/contact/keyvis-contact-xs.jpg') no-repeat center center;
        /* background-position-y: top; */
        background-size: cover;
    }
}

@media (min-width: 641px) and (max-width: 820px) {
    .keyvis-container {
        height: 180px;
    }

    #sec-keyvis-contact {
        background: url('../images/contact/keyvis-contact-sm.jpg') no-repeat center center;
        background-size: cover;
    }
}
/* keyvis End */

/* keyvis tagline Start */

@media (max-width: 640px) {
    .keyvis-tagline-container {
        margin-top: 0px;
        padding: 0px;
        background-color: transparent;
    }

    .keyvis-tagline-title-main, 
    .keyvis-tagline-title, .keyvis-tagline-desc {
        color: #ffffff;
    }

    .breadcrumb-item,
    .breadcrumb-item+.breadcrumb-item::before,
    .breadcrumb-item.active {
        color: #ffffff;
        font-size: 10px;
    }
}

/* keyvis tagline End */

/* contact Start */
.contact-card {
    padding: 30px;
    background-color: #F1F1E9;
}

.contact-card:not(:last-child) {
    margin-bottom: 30px;
}

.contact-card-title {
    color: #66AE0A;
}

.contact-card-body {

}

.ahref-contact,
.ahref-contact:hover {
    color: #4B4B49;
    outline: none;
    text-decoration: none;
}

.ahref-contact:hover {
    color: #66AE0A;
}

.contact-detail-row {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.valign-top {
    align-items: flex-start;
}

.contact-detail-ico {
    margin: 0px;
    width: 34px;
}

.contact-detail-ico img {
    margin: auto;
    width: 100%;
}

.contact-detail-info {
    flex: 1;
}
/* contact End */