.logo-area2 {
    height: 78px;
    padding-top: 20px;
}

.logo-contact-box {
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: end;
}

.logo-area2 .logo-contact-box .emcontact-box {
    margin-right: 45px;
}

.logo-area2 .logo-contact-box .emcontact-box .box-content p {
    color: #969696;
    margin-bottom: -5px;
}

.logo-area2 .logo-contact-box .emcontact-box .box-content span {
    font-size: 18px;
    color: #444444;
    font-weight:bold;
}

.logo-area2 .logo-contact-box .appointment-form span button,
.book_btn {
    color: #fff;
    background: var(--ins-brand-color);
    padding: 7px 20px;
    border: none;
    border-radius: 25px;
    transition: background 0.3s;
}

.logo-area2 .logo-contact-box .appointment-form span button:hover {
    background: #008FD5;
}

.logo-area2 .logo-contact-box .appointment-form .modal .modal-content {
    padding: 40px 45px 50px;
}

.logo-area2 .logo-contact-box .appointment-form .modal .modal-content .medel-box-top h4 {
    color: #222222;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.logo-area2 .logo-contact-box .appointment-form .modal .modal-content form input,
.logo-area2 .logo-contact-box .appointment-form .modal .modal-content form textarea {
    display: block;
    width: 100%;
    border: none;
    border-bottom: 2px solid #dddddd;
    margin-bottom: 25px;
    padding: 10px 0;
    font-size: 15px;
    color: #222222;
    transition: border-color 0.3s;
}

.logo-area2 .logo-contact-box .appointment-form .modal .modal-content form input:focus,
.logo-area2 .logo-contact-box .appointment-form .modal .modal-content form textarea:focus {
    border-color: var(--ins-brand-color);
}

.logo-area2 .logo-contact-box .appointment-form .modal .modal-content form button {
    font-size: 16px;
    color: #fff;
    background: var(--ins-brand-color);
    border: none;
    padding: 10px 40px;
    font-weight: 600;
    border-radius: 25px;
    transition: background 0.3s;
}

.logo-area2 .logo-contact-box .appointment-form .modal .modal-content form button:hover {
    background: #008FD5;
}

.fa-envelope,
.fa-phone {
    font-size: 30px;
    margin: 7px;
    color: #0070ab;
}

.logo img {
    width: 300px;
}

.logo-contact-box .box-icon {
    font-size: 24px;
    margin-right: 10px;
}

.menu-area ul li a {
    transition: color 0.3s;
}

.menu-area ul li a:hover {
    color: #0070ab;
}


/* top bar header 1 */

.top-bar {

    display: flex;
    font-size: 13px;
    font-weight: 400;
    color: #969696;
}

.top-bar a {
    font-size: 13px;
    color: #969696;
    padding-left: 5px;
}

.top-bar a:hover {
    color: #0070ab;
}

.navbar {
    font-size: 14px;

}

.navbar-nav {
    /* padding-top: 0px !important; */
    gap: 12px;
}

.dropdown-item {
    padding: 10px;
    width: 200px;
}

/* Show dropdown on hover */
.nav-item.dropdown:hover .dropdown-menu {
    display: block;
    /* margin-top: 0; */
    /* font-size: 14px; */
}


.dropdown-menu .dropdown-item:hover {
    background-color: #0070ab;
    color: white;
    /* margin-top: 10px; */
}

/* title slider */
.text-box {
    animation-name: textChange;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    text-align: center;
}

@keyframes textChange {
    0% {
        content: "Welcome To Vardan Dental Clinic.";
    }
    50% {
        content: "Welcome To Vardan Dental Clinic.";
    }

    100% {
        content: "Visit Us Today!";
    }
}

.text-box::before {
    content: "Welcome To Vardan Dental Clinic.";
    display: block;
    animation: textChange 8s infinite;
}

/* offer slider */
/* offer slider */
.offer {
    animation: offer 10s infinite;
    text-align: center;
    font-size: 20px;  
    color: #000000;
}

/* @keyframes offer {
    0%, 50% {
        content: "Welcome To Vardan Dental Clinic.";
    }
    100% {
        content: "Visit Us Today!";
    }
} */

/* .offer::before {
    content: "Welcome To Vardan Dental Clinic."; 
    display: block;
    animation: textChange 5s infinite;
}

@keyframes textChange {
    0% {
        content: "Welcome To Vardan Dental Clinic.";
    }
    50% {
        content: "Visit Us Today!";
    }
    100% {
        content: "Welcome To Vardan Dental Clinic.";
    }
} */