:root {
    --color1: #fff;
    --color2: #b5b5ac;
    --color3: #cfcfc7;
    --color4: #e3e2dd;
    --color5: #acbcd6;
    --color6: #313234;
    --color7: #313234;
  }
  

/* global */
body.home{
    background: var(--color1);
}
.btn-home{
    color: var(--color6);
}
.btn-home:hover{
    color: var(--color5);
}
.btn-home2{
    color: var(--color1);
    border: 1px solid var(--color6);
}
.btn-home2:hover{
    color: var(--color5);
    border: 1px solid var(--color5);
}
.btn-home3{
    color: var(--color4);
    background: var(--color6);
}
.btn-home3:hover{
    color: var(--color5);
}
.btn-home3a{
    color: var(--color4);
    border: 1px solid var(--color4);
    background: var(--color6);
}
.btn-home3a:hover{
    color: var(--color5);
}
.btn-home4{
    color: var(--color1);
    background: var(--color5);
}
.btn-home4a {
    color: var(--color1);
    background: var(--color5);
}
.btn-home4:hover{
    color: var(--color6);
}
.line-right{
    border-right: solid 1px var(--color6);
}
.secundary-page .line-right{
    border-right: solid 1px var(--color1);
}

.bg-white2 {
    background: var(--color4);
}
.bg-white3 {
    background: #ffffff90;
}
.bg-serv {
    background: #f4f4f190;
}
.bg-blue{
    background: var(--color5);
}
.bg-brown{
    background: var(--color4);
}
.bg-whitetrans {
    background: transparent !important;
}
/* global */

/* header */
.main-menu-btn {
    color: var(--color1);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
    background: var(--color6);
}
.menu-items a,
.menu-items a:hover,
.menu-items a:focus{
    color: var(--color6);
}

.sm,
.sm ul,
.sm li {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.menu-items a.disabled {
    color: #a1d1e8;
}
.fixed-top {
    background: var(--color1);
    color: var(--color1);
}
.fixed-top .menu-items a span.sub-arrow{
    border-color: var(--color1) transparent transparent transparent;
}
header .fixed-top .line {
    border-right: solid 1px var(--color1);
}
.scrollToTop {
    background-color: var(--color5);
    color: var(--color1);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.65);
}
header .active a{
    color: var(--color6);
    font-weight: bold;
}
header .active a:hover{
    color: #807469 !important;
    font-weight: bold;
}
header .active a span.sub-arrow{
    border-color: var(--color6) transparent transparent transparent !important;
}
header .menu{
    background:var(--color1);
}
header .phone{
    background: var(--color2);
}
header .phone a{
    color: var(--color6);
}
header .address{
    background:var(--color2);
}
header .address a{
    color: var(--color6);
}
header .address a:hover, header .phone a:hover{
    color: #5b5d60;
}
header .social{
    background: var(--color4);
}
header .social a{
    color: var(--color6);
    border: solid 1px var(--color6);
}
header .social a:hover{
    color: var(--color5);
    border: solid 1px #5b5d60;
}
header .social2{
    background: var(--color3);
}
header .social2 a{
    color: var(--color6);
}
header .social2 a:hover{
    color: #5b5d60;
   
}
header {
    background: var(--color1);
}

/* header */

/* hero */
.hero h2{
    color: var(--color6);
}
.calls-outs h3{
    color: var(--color6);
}
.calls-outs a{
    color: var(--color6);
}

.calls-outs a:hover{
    color: var(--color5);
}
.calls-outs .line-right{
    border-right: solid 1px var(--color6);
}
/* hero */

/* hero-reviews */
.hero-reviews .container-left{
    background: var(--color4);
}
.hero-reviews .container-right {
    background: var(--color4);
}
.hero-reviews h2{
    color: var(--color6);
}
.hero-reviews h6{
    color: var(--color6);
}
/* doc sig */
.hero-reviews h6 span{
    color: #37628f;
}
.bg-reviews{
    background: var(--color1);
}
/* hero-reviews */
/* reviews-body */
    .home .reviews-body a i, .secundary-carrucel a i, .secundary-carrucel-resources a i{
    background-color:var(--color5);
    border-radius: 50%;
    }
    .home .reviews-body h1, .secundary-carrucel a, .secundary-carrucel-resources a{
        color: var(--color6);
    }
/* reviews-body */

/* doc-home */
.home .doc-home h2{
    color: var(--color1);
}
.home .doc-home p {
    color: var(--color1);
}
.home .doc-home p span{
    color: var(--color5);
}
.home .doc-home2 h2{
    color: var(--color1);
}
.home .doc-home2 p {
    color: var(--color1);
}
.home .doc-home2 p span{
    color: var(--color5);
}

/* services */
.services h2, .about h1{
    color: #3D3F42;
}
.services .container-btn-service{
    background: var(--color6);
}
.services .container-btn-service a{
    color: var(--color1);
}
.services .line-right{
    border-right: solid 1px var(--color1);
}
.serv-bac {
    background: var(--color6);
}
/* services */

/* about */
.about {
    background: var(--color6);
}
.about h2 {
    color: var(--color1);
}
.about p{
    color: var(--color1);
}
.about p span{
    color: var(--color5);
}
/* about */

/* doctor */
.doctor h1{
    color: var(--color1);
}
.doctor p{
    color: #707070;
}
.doctor p span{
    color: #001D41;
}
.doctor .container-title{
    background: #afbbd4;
}
/* doctor */


/* footer */
footer{
    background: var(--color6);
}
footer .btn-home{
    color: var(--color1);
}
footer a, footer ul li, footer p {
    color: var(--color1);
}
footer i{
    color: var(--color1);
}
footer .social a {
    border: solid 0px var(--color1);
    color: var(--color1);
}
footer a:hover{
    color: rgb(226, 226, 226) !important;
}
footer .social a:hover{
    border: solid 0px rgb(226, 226, 226);
    color: var(--color5) !important;
}

/* footer */

/* content secundary */
.secundary-page{
    background: var(--color2);
}
.secundary-page .content-secundary h2  {
    color: #000 !important;
}
.secundary-page .content-secundary h3, .secundary-page .content-secundary h4 {
    color: var(--color7);
}
.secundary-page .content-secundary p span{
    color: var(--color5);
}
.secundary-philosophy h1{
    color: var(--color7);
}
.secundary-philosophy p span {
    color:var(--color5);
}
.content-secundary .content-patient-forms a, .secundary-page .content-secundary h1{
    color: var(--color7);
}



.secundary-page .content-secundary p, .secundary-page .content-secundary p a, .secundary-page .content-secundary ul li, .secundary-page .content-secundary ul li a, .secundary-page .content-secundary .content-reviews span{
    color: var(--color7);
}
.secundary-page .reviews-body p, .home .reviews-body p{
    color: var(--color1);
}
.secundary-page .container-btn a, .btn-sm{
    background: var(--color5);
    color: var(--color6);
}
.secundary-page .container-btn a:hover{
    background: #d6deeb;
    color: var(--color6);
}
.btn-sm:hover{
    background:  #d3d3c9;
    color: var(--color6);
}
.secundary-page .content-secundary ul li a:hover{
    color:  var(--color6);
    
}
.secundary-page .content-contact button{
    background: var(--color5);
    color: var(--color1);
}
.secundary-page .content-contact input, .secundary-page .content-contact textarea{
    border: solid 1px #707070;
}
/* content secundary */






/* landing page */
.landing-page .hero h2{
    color: var(--color6) !important;
}
.landing-page .hero h2 span{
    color: var(--color6);
}
.btn-xl-lp{
    background: var(--color5);
    color: var(--color1);
}
.btn-xl-lp:hover{
    background: #7f8aa3;
    color: var(--color1);
}

.container-subtitle{
    background: #afbbd4;
}
.section-1 h2, .section-5 .title{
   color: var(--color6);
}
.section-1 h5{
    color: #3D3F42;
}
.section-1 h2 span {
    color: #666666;
}
.container-subtitle h1 {
    color: var(--color6);
}
.section-1 hr{
    border-top: 1px solid var(--color1);
    opacity: 0.2;
}
.section-2 hr{
    border-top: 1px solid #B0A18D;
}
.section-1 ul li i{
    color: var(--color1);
}
 .section-2 h1, .section-2 h2, .section-2 h3, .section-3 h3 .title-dental, .section-3 ul span, .section-7 h1,.section-7 h5, .section-3 h2, .section-3 p span, .section-5 h1, .section-5 ul li, .section-5 p, .section-6 h1, .section-7 h3 {
    color: var(--color7);
}
.section-2 ul li span{
    color: #707070;
}
.section-2 p, .section-4 p, .section-7 p{
    color: #707070;
}
.section-2 ul li, .section-3 p, .section-3 ul li span, ß.section-7 h4, .section-7 .second-opinion p span, .section-7 ul li, .section-4 ul li{
    color:#666;
}
.section-6 p{
    color:#7F7F7F;
}
.section-6 p span{
    color:#afbbd4 ;
}
.section-3 ul li{
    color:#707070;
}
.section-4 h2, .section-4 p span {
    color: var(--color7);
}
.section-5 .btn-xl-lp{
    background: #666;
}
.section-5 .btn-xl-lp:hover{
    background: var(--color6);
    color: var(--color1);
        box-shadow: 0px 0px 3px #02020266;
}
.section-6 hr, .section-7 hr{
    border-top: 1px solid #B0A18D;
}
/* landing page */
.text-green-5{
    color: #80BD4A !important;
}