.primary-bg{
    background: #056054;
}
.secondary-bg{
    background: #F4F4F4 !important;
}
.primary-text{
    color: #0C5390 !important;
}
.success-text{
    color: #056054 !important;
}
.hero-section-col{
    display: flex;
    align-items: center;
}
.hero-section-col p {
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    text-align: left;
    color: #666666;
}
.contact-container{
    margin-top: -85px !important;
    border-radius: 40px !important;
    box-shadow: 0px 4px 24px 3px #0000001A;
}
.contact-img{
    width: 50px;
    display: block;
}
.contact-title{
    font-size: 19px;
}
.contact-detail{
    font-size: 12px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
    color: #848e9f;
}
.contact-custom-box{
    padding: 40px !important;
}
.contact-custom-box > div > .contact__icon{
    padding-right: 14px;
}
.contact-info{
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
}
.primary-btn{
    border-radius: 50px;
    border: 1px solid #0C5390;
    color: #0C5390;
    background: transparent;
    height: 40px !important;
}
.primary-btn:hover{
    border-radius: 50px;
    border: 1px solid #0C5390;
    color: #F4F4F4;
    background: #0C5390;
}

.success-btn{
    border-radius: 50px;
    border: 1px solid #056054;
    color: #fff;
    background: #056054;
    height: 40px !important;
}
.success-btn:hover{
    border-radius: 50px;
    border: 1px solid #056054;
    color: #fff;
    background: #fff;
}
.success-btn > span{
    color: #fff;
}
.secondary-btn{
    border-radius: 50px;
    border: 1px solid #fff;
    color: #fff;
    background: transparent;
    height: 40px !important;
}
.secondary-btn:hover{
    border-radius: 50px;
    border: 1px solid #fff;
    color: #fff;
    background: #fff;
}


.custom-border-left {
    border-left: 2px solid #E5E3DF !important;
}
.custom-border-right{
    border-right: 2px solid #E5E3DF !important;
}
.header-margin{
    margin-top: 10px;
}
@media only screen and (max-width: 430.9px) {
    .contact-container{
        margin-top: 0px !important;
        position: fixed;
    }   
    .contact-div{
        background-color: #056054;
        padding-top: 20px !important;
    }
    .care-div{
        padding: 0px !important;
    }
    .post-div{
        display: contents !important;
    }
    .post-img{
        border-top-right-radius: 15px !important;
        border-bottom-left-radius: 0px !important;
        position: relative;
        overflow: hidden;
    }
    .w-md-50{
        width: 100% !important;
    }
    .appointment-banner {
        padding-top: 15px !important;
        padding-bottom: 0px !important;
    }
    .contact-text-bg{
        background: #1e5d93;
        padding-bottom: 20px;
    }
    .appointment-banner > .container > div{
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .blog-page{
        margin-top: 0px !important;
    }
    .hero-section-col {
        min-height: 385px !important;
    }
    .pharmacy-home-page-banner {
        height: 415px !important;
    }
    .hero-section-col  h1{
        font-size: 30px !important;
    }
    .hero-section-col  > div{
        padding-top: 0px !important;
    }
    .service-con{
        padding-top: 190px !important;
    }
    .service-con > div > h3{
        font-size: 33px !important;
    }
    .header-margin{
        margin-top: 0px !important;
    }
    .contact-custom-box  .contact__icon{
        padding-right: 14px;
    }
    .card-mobile{
        margin: 40px 20px !important;
    }
}
.service-con{
    padding-top: 250px;
}
.nav-bar{
    border-color: #056054 !important;
}
.navbar .nav__item .nav__item-link.active, .navbar .nav__item .nav__item-link:hover {
    color: #056054 !important;
}
.navbar .nav__item .nav__item-link:before {
    background-color: #056054 !important;
}
.service-list > li{
    padding: 15px 0px;
}
.service-text{
    font-size: 14px;
    font-weight: 100;
    line-height: 27px;
    letter-spacing: 0.4000000059604645px;
    text-align: left;
}
.process-box{
    padding: 30px 20px;
    border-radius: 20px;
    min-height: 320px;
}
.process-box:hover{
    background-color: #fff !important;
}
.process-box:hover  .process-title{
    color: #056054;
}
.process-box:hover  .process-text{
    color: #056054;
}
.process-box:hover   .btn{
    color: #056054 !important;
}
.process-box:hover  img{
    filter: url(#colorize) !important;
}

.process-title{
    font-size: 20px;
    font-weight: 600;
    line-height: 31.2px;
    letter-spacing: 0.4000000059604645px;
    text-align: left;
    color: #fff ;
}
.process-text{
    font-size: 14px;
    font-weight: 400;
    line-height: 20.8px;
    letter-spacing: 0.4000000059604645px;
    text-align: left;
    color: #fff;
}

.care-div{
    padding: 85px 40px 0px;
}
.care-heading{
    font-size: 44px;
    font-weight: 800;
    line-height: 63px;
    text-align: left;
}
.care-text{
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.4000000059604645px;
    text-align: left;
    color: #1E1E1E;
}

.mission-banner{
    background: url(../images/banners/Mission-Statement.png) no-repeat center center;
}
.together-banner{
    background: url(../images/banners/Lets-Get-Well-Together.png) no-repeat center center;
}
.appointment-banner{
    background: url(../images/banners/Fill-out-the-form-for-inquiries.png) no-repeat top center;
}
.contact-form {
    position: relative;
    z-index: 2;
    padding: 35px;
    border-radius: 20px;
    background-color: #ffffff;
    box-shadow: 0px 5px 83px 0px rgba(9, 29, 62, 0.1);
}

.join-banner{
    background: url(../images/banners/Join-our-Newsletter-to-get-the-Latest-Guides.png) no-repeat center center;
}
.newsletter-input-group{
    border-radius: 50px !important;
}

.post-img{
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    position: relative;
    overflow: hidden;
}
.post-div{
    border-radius: 15px;
    background: #E4E4E4;
    max-height: 250px;
    display: flex;
}
.post-div:hover{
    background-color: #056054;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.post-div:hover .p-4 > .post__meta > .post__meta-date{
    color: #fff;
}
.post-div:hover .p-4 > .post__title > a{
    color: #fff;
}
.post-div:hover .p-4 > .post__desc{
    color: #fff;
}
.post-div:hover .p-4 > .success-btn{
    border-color: #fff !important;
}


.reviews-bg{
    background: url(../images/banners/Reviews-BG.png) no-repeat center center;
}
.review-item{
    background-color: #fff;
    padding: 30px 20px;
    border-radius: 20px;
    min-height: 380px;
}
.review-title{
    font-size: 20px;
    color: #056054;
}
.review-text{
    padding-top: 5px;
    color: #333333;
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.30000001192092896px;
    text-align: left;

}
.review-item:hover{
    background-color: #0C5390;
}
.review-item:hover > .service__icon > .review-title{
    color: #fff;
}
.review-item:hover > .service__content > .review-text{
    color: #fff;
}
.review-client-img{
    height: 65px;
    width: 65px;
    border-radius: 50%;
    object-fit: cover;
}


.video-bg{
    height: 500px;
}
.video-overlay{
    position: absolute;
    text-align: center;
    background: rgb(0 0 0 / 72%);
    height: 500px;
    justify-content: center;
    display: flex;
    width: 100%;
}
.w-md-50{
    width: 50%;
}

.blog-page{
    margin-top: 150px;
}

.border-50{
    border-radius: 50px  !important;
}
.fa-icon{
    top: 18px !important;
}

.navbar .nav__item .nav__item-link {
    padding-right: 0px !important;
    font-size: 14px !important;
}
.footer .footer-primary{
    padding-bottom: 30px !important;
}

.work-process-carousel{
    margin-top: -200px;
}
::selection {
    background-color: #056054 !important;
    color: #ffffff;
}
#scrollTopBtn{
    background-color: #056054;
}
.icon i {
    font-size: x-large;
    color: #fff;
}
.patient-form-section {
    padding: 80px 0;
}
.patient-form-section form {
    background: #056054;
    border-radius: 10px;
    padding: 20px;
    color: #fff;
}