.category-area p {
    line-height: 38px;
    font-size: 21px;
    margin-bottom: 18px;
}

.category-area h1 {
    line-height: 48px;
}



.clinic-form {
    padding: 10px 0;
    background: none;


}

.clinic-form h4 {
    background: var(--theme-color2);
    font-size: 15px;
}

.bg-teal {
    background: var(--theme-color);
}

.clinic-form label {
    color: var(--color-white);
    margin-bottom: 2px;
}



.theme-btn3 {
    position: relative;
    font-size: 16px;
    background: var(--theme-color2);
    color: var(--color-white);
    padding: 5px 20px;
    display: inline-block;
    vertical-align: middle;
    text-transform: capitalize;
    border-radius: 10px;
    font-weight: 500;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    border: none;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
    z-index: 1
}

.theme-btn3::before {
    content: "";
    height: 300px;
    width: 300px;
    background: var(--color-red);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%) scale(0);
    transition: .5s cubic-bezier(.25, .46, .45, .94);
    z-index: -1
}

.theme-btn3:hover {
    color: var(--color-white)
}

.theme-btn3:hover::before {
    transform: translateY(-50%) translateX(-50%) scale(1)
}

.theme-btn3 i {
    margin-left: 5px
}

.theme-btn3 span {
    margin-right: 5px
}


@media all and (max-width:992px) {

    .hs-2 .hero-single {
        position: relative;
        padding-top: 120px;
        padding-bottom: 120px;
        z-index: 1;
    }

    .header-middle-logo {
        display: none;
    }


}