.appointment-tab li.active span {
    color: #fff !important;
}

html body .gm-style-iw-chr {
    right: 0;
    margin-top: -8px;
    position: absolute;
}
li:has(a[href="https://oaktreedentalcare.growthplug.com/page"]) {
    display: none;
}


ul.dropdown-list.builder-dynamic-rmm-submenu li:hover > a {
    background: #f3e2c7 !important;
}



#navigation .builder-dynamic-rmm.style ul > li:hover > a.dropdown-toggle {
    background: #6ca18b !important;
}
.appointment-tab li.active {
    background: #f3e2c7!important;
    color: #fff !important;
}

#page-content .page-content__list:last-child {
    background: #fafafa !important;
}
#page-content .page-content__list .related-wrap li a {
    border: 2px solid #74ad95 !important;
}
#appointment .serviceslist .service-box {
    border: unset !important;
    border-radius: 5px !important;
}

.service-box__img {
    background: #74ad9529 !important;
}

button#submit {
    padding: 10px 35px !important;
    line-height: unset !important;
}

#appointment .service-box:hover .service-box__text {
    background: #2b2b2b !important;
}

.pop_h4 {
    color: #fff !important;
    text-align: center;
font-family: 'Playfair Display' !important;
}

#appointment .serviceslist .service-box.\34 903 .service-box__text {
    background: #74ad95;
}



section.section-about {
    font-size: 16px;
}

.marquee span {
    text-align: center;
    white-space: nowrap;
    padding: 1.5rem 0.5rem;
    color: #f3e2c7;
}
.button-1:hover {
    background: #6ca18b;
    color: #f3e2c7;
    border: solid 3px #f3e2c7;
}
.button::before,.button::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.button-1 {
    pointer-events: auto;
    cursor: pointer;
    background: transparent;
    border-radius: 100px;
    border: 3px solid #f3e2c7;
    margin: 0;
    position: relative;
    display: inline-block;
    color: #f3e2c7;
    background: #6ca18b;
    font-size: 16px;
    padding: 15px 20px;
}
.button--atlas {
    font-family: 'Open Sans';
    font-weight: 500
}

.button--atlas>span {
    display: inline-block
}

.button--atlas:hover>span {
    opacity: 0
}

.marquee {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    pointer-events: none
}

.marquee__inner {
    width: fit-content;
    display: flex;
    position: relative;
    --offset: 1rem;
    --move-initial: calc(-25% + var(--offset));
    --move-final: calc(-50% + var(--offset));
    transform: translate3d(var(--move-initial),0,0);
    animation: marquee 2s linear infinite;
    animation-play-state: paused;
    opacity: 0
}

.button--atlas:hover .marquee__inner {
    animation-play-state: running;
    opacity: 1;
    transition-duration: 0.4s
}



@keyframes marquee {
    0% {
        transform: translate3d(var(--move-initial),0,0);
    }

    100% {
        transform: translate3d(var(--move-final),0,0)
    }
}


p {
    font-size: 16px;
}
.page-banner-text {
    width: 100%;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #00000045;
}

.img__member img {
    border-color: #74ad95 !important;
    border-radius: 10px !important;
}

.member__wrap {
    padding: 15px 0;
      border: unset !important;

}


#page-content > div > div > div:nth-child(2) > div > ul > li:nth-child(n+7) {
    display: none;
}
#reviews-banner .reviews .reviews-top .container .user-img {
    max-width: 200px;
}
li {
    font-size: 16px;
}

.location-wrap {
    height: 270px !important;
}

.col-md-3.custom.text-center .user-img img {
    max-height: 210px;
    object-position: center 35%;
}

.h2, h2 {
    font-weight: bold !important;
}
 #footer .footer {
    padding: 10px 0 0 !important;
}
 #blog .location .location-box .location-bottom p span {
    color: #74ad95 !important;

}
 #footer .footer__details h4 {
    margin-top: 10px !important;
}
#blog .contentwrap p, #blog .contentwrap li {
    color: #000 !important;
}

.footer-address > div > p:nth-child(3), .footer-address > div > p:nth-child(4) {
    display: none;
}


#navigation > div > div > div > div.navbar-collapse.navitems > div.mobile-view > div > div {
    max-width: 770px !important;
}


ul.dropdown-list.builder-dynamic-rmm-submenu {
    max-width: 250px;
}


 #footer .footer__details .logoCenter {
    height: 110px; !important;
}

 #navigation .builder-dynamic-rmm.style ul li > a:not(:only-child):after {

    display: none !important;

}

#footer .footer__details h4 {
    font-size: 24px !important;
    font-family: 'Lato',sans-serif !important;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-top: 30px;
    color: #f3e2c7 !important;
}

 #footer .footer__social a {
    color: #755822 !important;
}
 #navigation .menu-mobile .booknow:hover {
    background: #f3e2c7 !important;
    color: #74ad95 !important;
}

 #navigation .menu-mobile .booknow {
    border: 3px solid #f3e2c7 !important;
    background: #74ad95 !important;
    top: 0 !important;
    padding: 10px 20px !important;
    color: #f3e2c7 !important;
}
.location-wrap {
    background-color: #ffffffe6 !important;
    box-shadow: unset;
    padding: 30px 25px;
}


section#location {
    background: url('https://gp-assets-1.growthplug.com/website_files/3623/pexels-roman-pohorecki-23383_1.jpg') no-repeat center center fixed;
}
  a {
    text-decoration: none !important;
}



p {
    font-size: 16px;
    color: #000;
}

 #contact .contactform .btn {
    border-radius: 30px !important;
}

 #contact .contactform .btn:hover {
    background: #fff !important;
    color: #74ad95 !important;
}

 #contact .contactform .btn {
    background: #74ad95 !important;
    border-color: #74ad95 !important;
    color: #fff !important;

}

.tooltip {
    z-index: 111;

}
 #page-content .page-content__list ul li {

    color: #000 !important;

}
 .blog-posts .down-content p,  .blog-posts .down-content li  {
    color: #000 !important;
}

 #reviews-banner .reviews .reviews-top .container .btn {

    color: #74ad95  !important;

}
#reviews-banner .reviews .reviews-top .container .btn:hover {
    color: #fff !important;
}
@media (max-width:1181px) {
section#location, .patient__form, section.video__home, section.parallax {

    background-attachment: unset !important;

}

 #navigation .builder-dynamic-rmm.style ul li a {
    color: #74ad95 !important;
}
 #navigation ul.header-rt li .fa {
    color: #74ad95 !important;

}
#navigation .menu-mobile .booknow {
    background: #74ad95 !important;
    color: #fff !important;
    border-radius: 30px;
}

 .appointment-modal__doctors__list {
    max-width: 250px !important;
    min-width: 250px !important;

}

  .menu-mobile button {
    display: none;
}
  
  .menu-mobile li.ctanav2 button {
    display: block;
}

  
}


@media only screen and (min-width: 1181px) {

  .mobile-view button.button-1.button--atlas {
    position: absolute;
    right: 40px;
    top: 0;
}
  
  ul.dropdown-list li a:hover {
    background: #f3e2c2 !important;
    color: #74ad95 !important;

}

   #navigation .builder-dynamic-rmm.style ul ul li a {
    color: #74ad95 !important;
}
.mobile-view li {
    font-size: 16px !important;
    font-weight: 600 !important;
}
.wf1p86w #navigation .builder-dynamic-rmm.style ul > li:hover > a {
    color: #000000;

}
 .navbar-brand > img {
    height: 90px !important;
    bottom: 32px !important;
       transition: all ease 300ms;

}

.navbar.navbar-default.navigation.navbar-fixed-top.top-nav-collapse.builder-dynamic-fixed img {
    bottom: 25px !important;
    transition: all ease 300ms;
}
 #navigation .builder-dynamic-rmm.style ul li a {
    padding: 12px 8px 8px !important;
}

 #navigation .navbar-fixed-top {
    height: 16vh !important;
}
 #navigation .builder-dynamic-rmm.style ul ul li a {
    font-size: 16px !important;
}

  .wf1p86w #navigation .builder-dynamic-rmm.style ul {
    background: unset;
}


.wf1p86w #navigation .navbar-fixed-top {
    background: #6ca18b;
}


.wf1p86w #navigation .builder-dynamic-rmm.style ul li a {
    color: #f3e2c7;

}

.wf1p86w #navigation .builder-dynamic-rmm.style ul > li:hover > a {
    background: #6ca18b;

}

}

@media only screen and (min-width: 992px) {

#reviews-slider .review-slider .header .section-header h2 {
    font-size: 40px !important;
}

}