.btn-gallery:hover {
    background: #f6fafe !important;
    color: #03a9f3 !important;
}

.btn-gallery {
    color: #03a9f3 !important;
}

/* .font-z11 {
    font-size: 11px !important;
} */

.focus-input100 {
    pointer-events: none;
}

.focus-input100::before {
    content: "";
    display: block;
    position: absolute;
    top: .5px;
    left: 0;
    width: 0;
    height: 1px;
    color: #333;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;

}

.keywordA::before {
    background: #007bff !important;
}

.keywordB::before {
    background: #e46a76 !important
}

.keywordC::before {
    background: #fec107 !important
}

.keywordD::before {
    background: #00c292 !important
}

.input100:focus+.focus-input100::after {
    top: -15px;
}

.input100:focus+.focus-input100::before {
    width: 100%;
}

.btn-white:hover {
    background: #23c7f20d !important
}

.btn-white {
    background: white !important;
}

.active-keywords {
    background: #3e82f1 !important;
    color: white!important;
    transition: all 0.4s;
}

.active-keywords:hover {
    background: #3e82f1 !important;
}