/* Green = #00a762 */
/* 5f3d94 = purple */
/* #067f38 - new green */
header.navbar-sticky-gdn{
    background: #000;
    color: #fff;
}
header.navbar-sticky-gdn .navbar-nav .nav-link{
    color: #fff;
}
header .nav-right a{
    background-color: #067f38;
    color: #fff;
    border: 1px solid #067f38;
}
header .nav-right a:hover{
    border: 1px solid #067f38;
    color: #067f38 !important;
}
header.navbar-sticky-gdn .nav-right a:hover{
    color: #fff !important;
}
header .navbar{
    padding: 20px 0;
}

.title-header{
    font-size: 48px;
}
.dark-background .title-header,
.dark-background h1,
.dark-background h2,
.dark-background h3,
.dark-background h4.title{
    color: #fff;
}
.body-fs p{
    font-size: 18px;
}
.btn-fs{
    font-size: 16px;
}
.btn-ani{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    transition: transform 0.3s ease-in-out;
    border: #067f38 solid 1px;
}
.btn-br{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    transition: transform 0.3s ease-in-out;
    border: #067f38 solid 1px;
}

.btn-br:hover{
    transform: translateX(5px);
    background: #067f38 !important;
    border: #067f38 solid 1px;
    color: #fff !important;
}

.dark-background{
    background-color: #000;
    color: #fff;
}
.white-background{
    color: #000;
}
.keypoints .keypoint-detail{
    border: #067f38 solid 1px;
    padding: 20px;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
}
.keypoints .keypoint-detail .bg-purple{
    border: none;
    background-color: #067f38 !important;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    color: #fff;
    transition: transform 0.3s ease-in-out;
    border: #067f38 solid 1px;
    -webkit-transition: transform 0.3s ease-in-out;
    -moz-transition: transform 0.3s ease-in-out;
    -ms-transition: transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
}
.keypoints .keypoint-detail .bg-purple:hover{
    transform: translateX(5px);
    background-color: transparent !important;
    color: #000;
    border: #067f38 solid 1px;
}
.keypoints .keypoint-detail .bg-green{
    border: none;
    background-color: #067f38 !important;
    border-radius: 0;
    color: #fff;
    transition: transform 0.3s ease-in-out;
    border: #067f38 solid 1px;
}
.keypoints .keypoint-detail .bg-green:hover{
    transform: translateX(5px);
    background-color: transparent !important;
    color: #067f38;
    border: #067f38 solid 1px;
}
.bg-green{
    border: none;
    background-color: #067f38 !important;
    color: #fff;
    transition: transform 0.3s ease-in-out;
    border: #067f38 solid 1px;
}
.bg-green:hover{
    transform: translateX(5px);
    background-color: transparent !important;
    color: #067f38;
    border: #067f38 solid 1px;
}
.hero-section h3,
.hero-section p,
.hero-section a{
    color: #fff !important;
}
.dark-background .title a{
    color: #fff;
    text-decoration: none;
}
.latest-bg-img{
    background-image: url("../img/med/about/our-mission.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 0;
}
.welcome-img-right{
    background-image: url("../img/med/home/welcome.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.doctor-img-right{
    background-image: url("../img/med/doctor/doctor-right.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.doctor-img-left{
    background-image: url("../img/med/doctor/doctor-left.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.about-mission{
    background-image: url("../img/med/medi-can.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.about-strategy{
    background-image: url("../img/med/about/our-strategy.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.about-how-it-works{
    background-image: url("../img/med/about/how-it-works.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.services-img-right{
    background-image: url("../img/med/our-services/services.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.latest-pub .title a:hover{
    border-bottom: 1px solid #00a762;
    border: 5px;
}

.latest-pub .title a {
    position: relative;
    display: inline-block;
    text-decoration: none; 
}

.latest-pub .title a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -5px;
    left: 50%;
    background-color: #00a762;
    transition: width 0.3s ease, left 0.3s ease;
}

.latest-pub .title a:hover::after {
    width: 70px;
    left: calc(50% - 2.5px);
}
.testimonials blockquote p{
    font-family: "Red Hat Display", sans-serif;
    font-size: 18px;
}
/* .testimonials blockquote p::before{
    content: "\f10d";
    font-family: "FontAwesome";
} */
/* .testimonials blockquote p::after{
    content: "\f10e";
    font-family: "FontAwesome";
    font-weight: 500;
} */
.light-bg a{
    color: #000;
}

.nav-container li a {
    position: relative;
    display: inline-block;
    text-decoration: none; 
}

.nav-container li a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 5px;
    left: 15%;
    background-color: #00a762;
    transition: width 0.3s ease, left 0.3s ease;
}

.nav-container li a:hover::after {
    width: 20px;
    /* left: calc(50% - 2.5px); */
}
.bg-purple{
    color: #fff;
    background-color: #067f38;
}
.bg-purple:hover{
    color: #067f38 !important;
    background-color: transparent !important;
    border: #067f38 1px solid;
}
.contact-details ul li,
.contact-details ul li a{
    color: #067f38;
}
.white-txt ul li{
    color: #067f38;
}
.contact li:not(.contact li a){
    color: #00a762;
}
.white-txt .contact li a{
    color: #fff;
}

.white-txt .contact li a:hover{
    color: #00a762;
}

.social-icons li a{
    font-size: 28px;
}
.social-icons li{
    display: inline-block;
}

.dark-background .accordion-gradient .accordion-title a.collapsed{
    background-color: #067f38;
    color: #fff;
}

.accordion-gradient .accordion-title a.collapsed:after{
    color: #fff;
}

.accordion-gradient .accordion-title a{
    background-color: #00a762;
}

.dark-background .accordion-item{
    border: none;
}


.price-card h3{
    font-weight: 700;
}
.price-card .price-title .sign{
    font-weight: 300;
    font-size: 16px;
}
.price-card .price-title h2{
    font-weight: 700;
    font-size: 38px;
}
.price-card li .fa{
    color: #00a762 !important;
}
.price-card .card-body .btn{
    color: #000;
}
.tiny-header h3{
    font-weight: 500;
}   
.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.container-fluid.hero-section {
    position: relative;
    z-index: 2;
}

.bg-solid{
    background-color: #00a762;
}

.dark-background .pagination{

    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: var(--bs-link-color);
    --bs-pagination-bg: #067f38;
    --bs-pagination-border-width: 1px;
    --bs-pagination-border-color: #067f38;
    --bs-pagination-border-radius: 0.375rem;
    --bs-pagination-hover-color: #fff;
    --bs-pagination-hover-bg: #e9ecef;
    --bs-pagination-hover-border-color: #dee2e6;
    --bs-pagination-focus-color: #fff;
    --bs-pagination-focus-bg: #e9ecef;
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #0d6efd;
    --bs-pagination-active-border-color: #0d6efd;
    --bs-pagination-disabled-color: #6c757d;
    --bs-pagination-disabled-bg: #fff;
    --bs-pagination-disabled-border-color: #dee2e6;
    display: flex;
    padding-left: 0;
    list-style: none;
}
.dark-background .pagination .page-link:hover{
    background-color: #fff;
    border: 1px solid #067f38;
}

.plan-description {
    background-color: #fff;
    color: #067f38;
    border: 1px solid #067f38;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.plan-description:hover{
    background-color: #067f38;
    color: #fff;
}