/* ============================================== Header ================================================= */
.header-area .logo {
    margin-top: 0px !important;
}

.header-area {
    padding: 18px 0 18px !important;
    position: relative;
}


.facebook {
    background: #3B5998;
    padding: 10px;
    border-radius: 50%;
}

.twitter {
    background: #55ACEE;
    padding: 10px;
    border-radius: 50%;
}

.instagram {
    background: #B7242A;
    padding: 10px;
    border-radius: 50%;
}

.linkedin {
    background: #0976B4;
    padding: 10px;
    border-radius: 50%;
}

.top-social-links ul li a i {
    color: white;
    font-size: 14px;
    transition: all 500ms ease;
}

.top-social-links ul li {
    display: inline-block;
    margin: 0 0 0 6px;
    line-height: 22px;
}

.header-contact-info ul li {
    display: inline-block;
    float: left;
    margin-right: 12px;
    position: relative;
    border-right: 1px solid #f4f4f4;
    padding-right: 25px;
}

.header-area .logo .company-name{
    font-size: 12px !important;
    line-height: normal !important;
    font-weight: 700 !important;
    color: #027b2c !important;
}

/* ============================================== Header ================================================= */

/* ============================================== Appointment Section ================================================= */

.appoinment-area {
    padding: 55px 0 55px;
    margin-bottom: 100px;
}

.appoinment-area .appoinment .appoinment-form .field-input input[type=text] {
    width: 100%;
    border: 1px solid #00a5ea;
    height: 50px;
    display: block;
    padding: 0 15px;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    transition: all 500ms ease;
    margin: 0 0 24px;
}

.appoinment-area .appoinment .appoinment-form .field-input input[type=file] {
    width: 100%;
    border: 1px solid #00a5ea;
    height: 50px;
    display: block;
    padding: 0 15px;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    transition: all 500ms ease;
    margin: 0 0 24px;
}

.appoinment-area .appoinment .appoinment-form .field-input input[type=email] {
    width: 100%;
    border: 1px solid #00a5ea;
    height: 50px;
    display: block;
    padding: 0 15px;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    transition: all 500ms ease;
    margin: 0 0 24px;
}

.appoinment-area .appoinment .appoinment-form .field-input textarea {
    width: 100%;
    border: 1px solid #00a5ea;
    height: 50px;
    display: block;
    padding: 0 15px;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    transition: all 500ms ease;
    margin: 0 0 24px;
}

/* ============================================== Appointment Section ================================================= */

/* ============================================== Service Section ================================================= */

.services-area {
    background: #f9f9f9;
    padding-bottom: 60px;
    padding-top: 90px;
    position: relative;
}

.services-area .single-item .text-holder {
    border: 1px solid #00a5ea;
    padding-left: 70px;
    padding-top: 27px;
    padding-bottom: 21px;
    padding-right: 12px;
    margin-left: -45px;
    transition: all 500ms ease;
    transition-delay: 0.10s;
    box-shadow: 0px 2px 5px rgb(0 165 234 / 29%);
}

.services-area .single-item .text-holder {
    border: 1px solid #00a5ea;
    padding-left: 70px;
    padding-top: 27px;
    padding-bottom: 21px;
    padding-right: 65px;
    margin-left: -45px;
    transition: all 500ms ease;
    transition-delay: 0.10s;
    box-shadow: 0px 2px 5px rgb(0 165 234 / 29%);
}

.services-area .single-item .icon-holder .icon-box .icon .icon-bg span::before {
    color: #00a5ea;
    font-size: 30px;
    line-height: 30px;
    background: #fff;
    width: 70px;
    height: 70px;
    display: block;
    border-radius: 50%;
    text-align: center;
    padding: 20px 0;
    border: 2px solid #f4f4f4;
    transition: all 500ms ease;
    transition-delay: 0.15s;
}

/* ============================================== Service Section ================================================= */



/* ============================================== ABout Section ================================================= */

.about-us-area .middle-text-box .single-item.top p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.9;
    color: #37434F;
}

.about-us-area .img-holder img {
    width: 100%;
    height: auto;
}

.breadcrumb-area h1 {
    color: white;
    font-size: 36px;
    font-weight: 700;
    text-transform: capitalize;
}

.breadcrumb-botton-area {
    border-bottom: 1px solid #f9f9f9;
    padding: 17px 0 15px;
    background: aliceblue;
}

.breadcrumb-botton-area .left ul li a {
    color: black;
    font-weight: 700;
    transition: all 500ms ease;
}

.breadcrumb-botton-area .left ul li.active {
    color: #00a5ea;
    font-weight: 700;
}

.sec-title h1:before {
    position: absolute;
    top: 19px;
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    background: #00a5ea;
    z-index: -1;
}

.sec-title h1 span {
    background: #ffffff;
    display: inline-block;
    padding-right: 20px;
    color: #00a5ea;
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;
    text-transform: none;
    margin: 0;
}

.about-us-area .middle-text-box .single-item h3 {
    color: #00a5ea;
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 18px;
}


/* ============================================== ABout Section ================================================= */

/* ============================================== Contact Section ================================================= */

.contact-area .contact-form {
    border: 2px solid #00a5ea;
    padding: 30px;
    box-shadow: 0px 2px 5px rgb(0 165 234 / 29%);
}

.contact-area .title h2 {
    color: #00a5ea;
    font-size: 28px;
    font-weight: 700;
    text-transform: capitalize;
}

.contact-area .contact-info-list li .text-holder h5 {
    color: black !important;
    font-size: 14px;
    font-weight: 600 !important;
    line-height: 24px;
}

/* ============================================== Contact Section ================================================= */

/* ============================================== Footer Section ================================================= */

.single-footer-widget .usefull-links.left {
    margin-right: 0px;
}

.single-footer-widget .usefull-links {
    float: none;
    margin-top: -7px;
}

.single-footer-widget .our-info p {
    margin: 0 0 15px;
    color: black;
    font-size: 14px;
    font-weight: 600;
    line-height: 26px;
}

.single-footer-widget .usefull-links li a {
    color: black;
    font-size: 14px;
    font-weight: 600;
    transition: all 700ms ease;
}


.single-footer-widget .footer-contact-info li .text-holder h5 {
    color: black;
    font-size: 14px;
    font-weight: 600;
    line-height: 26px;
    font-family: 'Open Sans', sans-serif;
}

.single-footer-widget .title {
    padding-bottom: 17px;
    margin-bottom: 40px;
    margin-top: -3px;
    border-bottom: 1px solid #38b7ec;
}

.footer-bottom-area .footer-bottom .copyright-text p {
    color: black;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
}

.footer-bottom-area .footer-bottom .copyright-text p span {
    color: #00a5ea;

}

.footer-bottom-area .footer-bottom .footer-social-links ul li a i {
    height: 40px;
    width: 40px;
    border: 2px solid #f4f4f4;
    border-radius: 50%;
    text-align: center;
    line-height: 38px;
    color: white;
    background: #3B5998;
    font-size: 14px;
    transition: all 500ms ease;
}

.footer-bottom-area .footer-bottom .footer-social-links ul li a .facebook {
    background: #3B5998;
    padding: 0px;
}

.footer-bottom-area .footer-bottom .footer-social-links ul li a .twitter {
    background: #55ACEE;
    padding: 0px;
}

.footer-bottom-area .footer-bottom .footer-social-links ul li a .instagram {
    background: #B7242A;
    padding: 0px;
}
.footer-bottom-area .footer-bottom .footer-social-links ul li a .linkedin {
    background: #0976B4;
    padding: 0px;
}




/* ============================================== Footer Section ================================================= */