﻿h4 *{
    font-size:1.8vw!important;
}
p *{
    font-size:1.5vw!important;
}
h1 *{
    font-size:3vw!important;
}

/*.wrapper{
    width:1349px;
    margin:auto;
}*/
.container, container-lg, container-md, container-sm,container-xl{
    max-width:85vw;
}
.navbar {
    padding: 1.3177159590043923vw !important;
    margin: 0px;
}
.navbar-nav{
    margin-left:24vw;
}
.navbar-brand {
    top: 0.8vh;
    color: #fff;
    z-index: 70;
    position: absolute;
}
    .navbar-brand img {
        width: 17vw;
        margin-left: 1vw;
    }
.Awesomefont ul li {
    display: inline-block;
    font-size: 1.3vw;
    color: white;
    margin-right: 0.58vw;
}
    .Awesomefont ul li a {
        color: #fff;
        font-size: 1.41vw;
        text-decoration: none;
    }
        .Awesomefont ul li a:hover {
            color: #fff;
            font-size: 1.41vw;
            text-decoration: none;
        }
.Awesomefont ul {
    margin-bottom: 0.7vw;
        padding: 0px;
    margin-top: 0.7vw;
}
.Awesomefont svg {
    color: #faec22;
    font-size: 1.7vw;
}
.topbar {
    padding: 0vh;
    background-color: #FFF;
}
    .topbar .navbar-expand-md .navbar-nav .nav-item a {
        font-size: 1.5vw;
        
        color: Black;
        font-weight: bold;
    }
.top .menu{
    margin-top:1vh;
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 85vw!important;
}
/*Container width="100%"
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 85vw;
}*/

/*Container all wrapper*/
/*.wrapper {
    width: 1349px;
    margin: auto;
}*/
.topbar ul li a:hover {
    color: White;
    background-color: #54c3c9;
}
.map a svg {
    font-size: 3.953147877013177vw;
    color: #faec22;
    padding: 6px;
}
    .map a svg:hover {
        color: #faec22;
        font-weight: bold;
    }
.phone svg {
    font-size: 54px;
    padding: 0.43923865300146414vw;
}
.Awesomefont h6{
    font-size:1.5vw;
}
#marqueeli {
    background-color: #e7f7fd;
}
.Awesomefont {
    background-color: #05787e;
    padding: 0px;
    margin: 0px;
}
#caption1 {
    font-family: Amita;
    font-weight: bold;
    font-size: 1.4641288433382138vw;
    padding-top: 1px;
    padding-bottom: 13vw;
    color: White;
    text-align: left;
    left: 0px;
    right: 0px;
}
.carousel-caption h5 {
    font-size: 2vw;
    padding-left: 10.50vw;
}
.carousel-caption .btnc2 {
    margin-left: 19vw;
    margin-top: 1vw;
}

.carousel-caption .btnc1 {
    margin-left:16vw;
    margin-top: 1vw;
}
.carousel-caption .btnc3 {
    margin-left: 19vw;
    margin-top: 1vw;
}
.carousel-caption .btnc4 {
    margin-left: 19vw;
    margin-top: 1vw;
}

.address .cardset {
    width: 100%;
    height: 100%;
}
.btnc4 {
    margin-left: 17.7891654465593vw;
    margin-top: 1.0248901903367496vw;
}
#caption22 {
    font-family: Amita;
    font-weight: bold;
    font-size: 1.4641288433382138vw;
    padding-top: 1px;
    padding-bottom: 13vw;
    color: White;
    text-align: left;
    left: 0px;
    right: 0px;
}
#caption24 {
    font-family: Amita;
    font-weight: bold;
    font-size: 1.4641288433382138vw;
    padding-top: 1px;
    padding-bottom: 13vw;
    color: White;
    text-align: left;
    left: 0px;
    right: 0px;
}
#caption23 {
    font-family: Amita;
    font-weight: bold;
    font-size: 1.4641288433382138vw;
    padding-top: 1px;
    padding-bottom: 13vw;
    color: White;
    text-align: left;
    left: 0px;
    right: 0px;
}
.carouselh83 {
    font-size: 3vw;
    padding-left: 2vw;
}



.btnc2 {
    margin-left: 12.88433382137628vw;
    margin-top: 1.0248901903367496vw;
}

.btnc3 {
    margin-left: 18.374816983894583vw;
    margin-top: 1.0248901903367496vw;
}
.carouselh34 {
    font-size: 4vw;
    padding-left: 11vw;
}
.carouselh234 {
    font-size: 4vw;
    padding-left: 11vw;
}
.carouselh53
{
    padding-left: 16vw !Important;
}
.carouselsmileh5
{padding-left: 12vw !Important;
}

.carouselh3 {
    font-size: 4vw;
    padding-left: 10vw;
}
#btn2 {
    margin-left: 12.152269399707174vw !Important;
    margin-top: 1.0248901903367496vw;
}
.carousel-item button {
    margin-left: 12.152269399707174vw !Important;
    margin-top: 1.0248901903367496vw;
}
.carouselh751 {
    padding-left: 13vw !Important;
}
.carouselh5 {
    padding-left: 10.50vw !Important;
}
.services
{
    background-color:#fff;
    }

    .services h1 {
        font-size: 2.75vw;
        color: #0c8e95;
        font-weight:600;
        font-family: Montserrat;
    }
.toothdisease {
    background: #22faf054;
}
.welcome {
    padding-top: 2.1961932650073206vw;
    padding-bottom: 0.73vw;
    background: #12c2cb3b;
}
.welcomehp p {
    font-size: 1.5vw;
}
.welcomehp h1 {
    color: #0c8e95;
    font-family: Montserrat;
    font-size: 2.92vw;
    font-weight:600;
}

.imgwelcome
   { width: 100%;
    border-radius:10%;
    margin-top:10vh;
   }
.footerbar {
    background-color: #05787e;
    padding: 2.1961932650073206vw;
}
    .footerbar h6 {
        font-size: 1.17vw;
        color:White;
    }
    .footerbar svg {
        font-size: 3.36vw!important;
    }
    .footerbar a {
        font-size: 1.17vw;
        color: White;
        text-decoration:none;
    }
    .footerbar a:hover {
        font-size: 1.17vw;
        color: White;
        text-decoration: none;
    }

.video-banner {
    position: relative;
}

    .video-banner video {
        width: 100%;
        height: 93vh;
        object-fit: cover;
    }

.video-form {
    position: absolute;
    top: 4vh;
    width: 100%;
}

    .video-form h2 {
        color: #fff;
        font-family: Karla,Sans-serif;
        font-size: 48px;
        font-weight: 800;
        text-transform: uppercase;
        line-height: .9em;
        letter-spacing: -3.2px;
    }

    .video-form h1 {
        color: #fff;
        text-align: left;
        font-family: Montserrat,Sans-serif;
        font-size: 28px;
        font-weight: 500;
        text-transform: none;
        font-style: italic;
        line-height: 1.4em;
        letter-spacing: 0;
    }

.footerdiv
 {
     padding:40px;
     }
.footerdiv1 {
    padding-top: 0.87vw;
}


.footer {
    background-color: #004c50;
    padding-top: 1.46vw;
    padding-bottom: 1.46vw;
}
  .footer img
  {
    width: 60%;
    
  } 
  .footerdiv ul li a
  {
      text-decoration:none;
      color:white;
  }
.footer .socialul svg:hover {
    font-size: 2.41vw;
    color: #faec22!important;
}
.footer .socialul svg {
    font-size: 2.41vw;
    color: #faec22;
}
.footerdiv1 p {
    font-family: "Open Sans";
    padding: 1.02vw;
    color: White;
    margin:0;
}
.footerdiv2 h4 {
    border-bottom: 2px solid white;
    margin-right: 13.17vw;
    padding-bottom: 0.58vw;
    color: White;
    font-size: 1.75vw;
    padding-top: 2.19vw;
}
.footerdiv3 h4 {
    padding-top: 2.19vw;
    border-bottom: 2px solid white;
    margin-right: 8.41vw;
    font-size: 1.75vw;
    padding-bottom: 0.58vw;
    color: White;
}
.footerdiv2 svg {
    font-size: 1.46vw;
}
.table tr td a {
    padding-left: 1.09vw;
    text-decoration: none;
    color: White;
    font-size: 1.2vw;
}
.footer .table tr td a:hover {
    color: #54c3c9;
}

.footer .table tr td {
    font-size: 1.2vw;
    color: White;
}
    .footer .table tr td:hover {
        color: #54c3c9;
    }
.footer .table td, .table th {
    padding: 0.29vw;
    vertical-align: top;
    border-top: none;
}

.table td, .table th {
    padding: 0.29vw;
    vertical-align: top;
    border-top: none;
}
.barday
{
    width:50%;
}
.footer ul li {
    display: inline-block;
    font-size: 1.31vw;
    color: white;
    margin-right: 1.46vw;
}
    .footer ul li svg {
        font-size: 1.75vw;
        color: White;
    }
footer ul li svg:hover
{
    color:#39cafa;
}
.footer ul {
    text-align: center;
    padding-right: 5.49vw;
}

.develop {
    padding-top: 1.02vw;
    background-color: #0c0f16;
}
.develop p
{
    color:White;
}
    .develop p a {
        font-family: "Open Sans";
        color: White !Important;
        text-decoration: none;
        font-size: 1vw !Important;
    }
        .develop p a:hover {
            font-size: 1vw !Important;
            color: #1790ba !Important;
        } 
*
{
    font-family:"Script fonts";
}  
.welcomehp table tr td a
      {
          
          text-decoration:none;
          color:White;
      }
      .table tr td a:hover
      {
          color:#39cafa;
          
          }
    
      .welcomehp table tr td
      {
          font-size:1.3vw;
          color:black;
      }
      .table tr td:hover
      {
          color:black;
          
          }
sup {
    position: relative;
    font-size: 1vw !Important;
    line-height: 0;
    vertical-align: baseline;
}
.welcomehp h4 {
    font-size: 1.8vw;
    padding-top: 0.73vw;
    color: #0c8e95;
}
.welcome .img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 1.25rem!important;
    max-width: 100%;
    height: auto;
}
.services {
    padding-top: 2.92vw;
    background: #faec2261;
    padding-bottom: 0.73vw;
}

    .services h2 {
        padding-bottom: 1.46vw;
        color: Red;
    }
.Googlecomment .googglecomtimg {
    width: 100%;
    height: 100%;
    background-color: #dfe4e8 !Important;
    margin-left: 15px;
}

.coupon
{
    width: 100%;
    
}
.Appointmentform
{
    padding-top: 40px;
    padding-bottom: 30px;
 background-color:#f8f8f8;
}
.Appointmentform h4
{
    color:#ff5303;
}

.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.58vw!important;
    padding-left: 0.58vw!important;
}

.Appointmentbanner img
{
  width: 100%;
    height: 225px;
}

.Appointmentform h5
{
    padding-bottom: 25px;
    color:#949999;
}
.Appointmentform h1
{
    color:#00922f;
}
 .section2 
 {
     padding-top: 60px;
    padding-bottom: 10px;
     background-color:#FFF;
 }
    .section2 .card {
        background-color: #FFF;
        border: 1px solid #6fc7dd;
        box-shadow: 0 5px 8px #6fc7dd !important;
    }    
 .section2 .card h4
 {
    color:#595959;
 }
    .section2 .card p {
        color: #808080;
        font-size: 1vw;
    } 
 .section2 .card img
 {
    width: 70%;
    padding-bottom: 20px;
}
.services h4 {
    font-size: 1.75vw;
    color: #54c3c9;
    font-weight: 600;
}
.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    font-size: 1.3vw!important;
}
 .services h2
 {
      color:#00922f;
 }
.services p {
    font-size: 1.15vw;
}

.services h5 {
    font-size: 1.46vw;
    padding-bottom: 3.93vh;
    color: #6b6c6c;
}
.services .card {
    box-shadow: 0 5px 8px #6fc7dd !important;
    border-radius: 5%;
}
.services .card img {
    width: 70%;
    border: 1px solid lightgray;
}
.Appointmentbanner {
    background-image: url(../Images/banner/CDA-Background-Banner.jpg);
    background-size: cover;
    background-position:center;
    padding:5vw;
}
    .Appointmentbanner h4 {
        color: white;
        font-size: 1.75vw;
        margin:0;
        padding: 0.30vw;
    }
.specialoffer {
    background: #faec2261;
    padding-top: 30px;
}
    .specialoffer svg {
        font-size: 1.75vw;
        color: #0c8e95;
    }
    .specialoffer h3 {
        font-size: 2.04vw;
        color: #00922f;
        font-weight: 600;
    }
    .specialoffer h4 {
        font-size: 1.75vw;
        color: #0c8e95;
        font-weight: 600;
    }
    .specialoffer h5 {
        font-size: 1.46vw;
    }
.container1 {
  position: relative;
  
}
.container1 h4
{
    font-family: "Open Sans";
   
}

.text-block {
    position: absolute;
    bottom: 90px;
    color: white;
    padding-left: 116px;
}

.btn-block
{
    position: absolute;
    bottom: 96px;
    padding-left: 75vw;
}
.ourdoctorteam
{
    padding-top: 40px;
    padding-bottom: 10px;
     background-color:#f8f8f8;
}
.ourdoctorteam .card
{
     background-color:#f8f8f8;
     border:1px solid #f8f8f8; 
}

.ourdoctorteam .carousel .carousel-indicators li {background-color: gray;}
.ourdoctorteam .carousel .carousel-indicators li.active {background-color: #7CC6D0;}
.ourdoctorteam h6 a
{
    font-size: 21px;
    text-decoration:none;
    color:Red;
}
.ourdoctorteam h6
{
    padding-top:14px;
}
.ourdoctorteam p
{
    text-align:center;
}
.ourdoctorteam h4
{
    color:Green;
    }
    #doctorh4s
{
    color:red !Important;
}
    .ourdoctorteam img
    {
        filter: grayscale(100%);
}
.ourdoctorteam img:hover
    {
        transform: scale(0.99);
    filter:none;
}

.ourdoctorteam h5
{
    padding-bottom: 25px;
    color:#949999;
}
.ourdoctorteam h1
{
    color:#00922f;
}
.awards img
{ width:80%;
 
  transition-property: width;
  transition-duration: 5s;
}
.awards img:hover
{
  transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.awards
{
    padding-bottom:40px;
    padding-top:40px;
}
#Dental
{
    padding-top: 95px;
}
#Missing
{
    padding-top: 95px;
}
.toothdisease p
{
    text-align:justify;
}
.bg-img
{
    
}
.Googlecomment
{
    background-color:#5967b7;
}

.Googlecomment .card
{
     border:1px solid #5967b7; 
    background-color:#5967b7;
}
    .Googlecomment h4 {
        font-size: 1.75vw;
        color:White;
    }
.Googlecomment p
{
   color:White;
}
.Googlecomment .lead
{
   color:White;
}
.Googlecomment .card-body
{
    padding-top:140px;
}





.emergecyservice .flipimages
{
   height:100%; 
filter: brightness(50%);
/*saturate:(100%);*/
width: 100%;
    
}
.mb-51 {
    margin-bottom: 7.55vh;
}

.flip-card {
  background-color: transparent;
  width: 337px;
    height: 240px;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #bbb;
  color: black;
}

.flip-card-back {
  background-color: #226a99;
  color: white;
  transform: rotateY(180deg);
}
.emergecyservice .flip-card-back
{
    padding-top: 30px;
}
.emergecyservice h4
{
    font-size: 30px;
}











.hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}

.hero-text button {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 10px 25px;
  color: black;
  background-color: #ddd;
  text-align: center;
  cursor: pointer;
}

.hero-text button:hover {
  background-color: #555;
  color: white;
}
.flip-card-back button
{
    border: none;
  outline: 0;
  display: inline-block;
  padding: 10px 25px;
  color: White;
  background-color:#ff5303;
  text-align: center;
  cursor: pointer;
}

.table td, .table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: none;
}

.footerbar .socialul li {
    display: inline-block;
    font-size: 18px;
    color:#6fc7dd;
    margin-right: 13px;
}
.footerbar svg
{
    color:#6fc7dd;
}
.footerbar svg:hover
{
    color:#39a5cb;
    
}
.address svg {
    font-size: 2.3vw;
    color: #54c3c9;
}
.address h5 {
    font-size: 1.56vw;
    color: #0c8e95;
    font-weight: 600;
}
.address h6 {
    font-size: 1.26vw;
    color: green;
}
.contactus h4 {
    font-size: 1.75vw;
    padding-bottom: 4.72vh;
    color: #515151;
    font-family: Montserrat;
}
.contactus h1 {
    font-weight:600;
    color: #0c8e95;
    font-size: 2.92vw;
    padding-top: 3.93vh;
    padding-bottom: 1.57vh;
}
.address h4 {
    color: #fff;
    
}
.address .card-title {
    padding: 0.73vw;
    font-size: 1.75vw;
    background-color: #0c8e95;
    margin: 0;
}
.address .card {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.035) !important;
    background-color: #c8f1f3;
    border: none;
}
.address .card-body {
    background-color:aliceblue;
}
.address center {
    margin-top: 40px;
    margin-bottom: 26px;
}
.contactsection {
    background-image: url(/Content/Images/OurTeam/CA-Contact-us-bg.jpg);
    
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
}
    .contactsection h1 {
        color: white;
        font-size: 2.92vw;
        padding-top: 3.14vh;
        padding-bottom: 3.14vh;
    }
.contactus {
    background: #12c2cb3b;
}
.mapiframe {
    padding-top: 6.29vh;
    background: #12c2cb3b;
}
    .mapiframe iframe {
        width: 100%;
        height: 70.86vh;
    }
.map .gmap{
    padding-left:0px;
    padding-right:0px;
}
.Insurances {
    padding-top: 4.72vh;
    padding-bottom: 4.72vh;
}

    .Insurances h3 {
        color: white;
        font-size: 2.04vw;
        font-weight:bold;
    }

    .Insurances .shadow-sm {
        box-shadow: 0 5px 8px #6fc7dd !important;
    }

    .Insurances p {
        text-align: justify;
    }

    .Insurances .card-header {
        background-color: #0c8e95;
    }

    .Insurances .card-body {
        background-color: #f8f8f8;
    }

    .Insurances ul li {
        color: #050547;
        font-size: 1.46vw;
        font-weight: bold;
        list-style-type: none;
    }
.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.46vw!important;
}
.Insurances svg {
    font-size: 1.46vw;
    margin-right: 0.36vw;
    color: #54c3c9;
}
    .Insurances p {
        font-size: 1.31vw;
    }
.doctor .card-body h4 {
    font-size: 2.75vw;
    color: #00922f;
}

.doctor .card-body h5 {
    font-size: 2.00vw;
    color: #172137;
}

.doctor .card-body h6 {
    font-size: 1.50vw;
}
.doctor .card-header h5 {
    font-size: 1.60vw;
}
.card-header {
    padding: 0.87vw 1.46vw !important;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.doctor p {
    text-align: justify;
    font-size: 1.53vw;
}
.doctor .social-icons {
    display: inline-block;
    color:black;
    list-style-type:none;
}
    .doctor .social-icons svg {
       color: #6fc7dd;
    }
.doctor .card-footer {
    background-color: #f8f8f8;
}
.doctor img{
    width:100%;
}
.doctor {
    padding-top: 6.29vh;
    padding-bottom: 6.29vh;
}
.locations svg {
    color: #54c3c9;
    margin-right: 0.73vw;
}

.locations h4 {
    padding-bottom: 30px;
    color: #00922f;
    font-family: Montserrat;
}

.locations h1 {
    color: #ff5303;
    padding-top: 3.93vh;
    padding-bottom: 1.57vh;
}
.locaddress h5 {
    font-size: 1.66vw;
    color: #0c8e95;
    font-weight: 600;
}
.locaddress svg{
    font-size:2.3vw;
}
.locaddress h6 {
    font-size: 1.47vw;
    color: green;
}
.locations h4 {
    font-size: 1.75vw;
    color: #fff;
}
.locations .btn-primary {
    color: #fff;
    background-color: #54c3c9 !important;
    border-color: #007bff !important;
}
.address {
    background: #12c2cb3b;
}
.timetalbe {
    background: #12c2cb3b;
}
    .timetalbe .btn-primary {
        color: #fff;
        background-color: #54c3c9 !important;
        border-color: #007bff !important;
    }
    .timetalbe .btn-primary:hover {
        color: #fff;
        background-color: #54c3c9 !important;
        border-color: #007bff !important;
    }
    .locations .btn-primary:hover {
        color: #fff;
        background-color: #54c3c9;
        border-color: #007bff;
    }
.locations .card-title {
    padding: 1.57vh;
    background-color: #0c8e95;
}

.locations .card {
    height: 100%;
    background-color: aliceblue;
}

.locations .card-body {
    background-color: aliceblue;
}
.locations h3 {
    
    text-align:center;
}

.locations .table td, .table th {
    padding: 0.87vw;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    font-size: 1.47vw;
    color: green;
}
.Side-image .card{
    border-radius:5%;
}
.cardset {
    border-radius: 5%!important;
}
.timetalbe img {
    width: 100%;
    height: 100%;
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 1.25rem !important;
}
.Request-Appointment img {
    width: 100%;
    height: 100%;
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 1.25rem !important;
}
    .locations .table td:hover {
        color: green;
    }
    .locations .table {
        width: 100%;
        margin-bottom: 38px;
        color: #212529;
    }
.locations {
    background: #12c2cb3b;
    padding-top: 4.72vh;
}
.Googlecomment .headtittle {
    padding-bottom: 1.97vw;
    color: white;
    font-size: 2.04vw;
}
.Googlecomment .btn-warning {
    color: #fff!important;
    background-color: #f26522!important;
    border-color: #f26522!important;
    font-size:1.2vw;
}
    .Googlecomment .btn-warning:hover {
        color: #fff!important;
        font-size: 1.2vw;
        background-color: #f26522!important;
        border-color: #f26522!important;
    }
.location{
    padding-top:3px;
}
.googleimg {
    width: 25%;
    background: white;
    border-radius: 10%;
}
.Googlecomment .card-footer {
    padding: 0.75rem 1.25rem;
    margin-bottom: 10px;
    background-color: #5967b7;
    border-top: 1px solid #5967b7;
}
.testlists h5{
    text-align:center;
    font-weight:bold;
}
.testlists p {
    text-align: justify;
    font-size: 1.31vw;
    color: white;
}
.testlists .card {
    height: 100%;
}
.testlists .row {
    padding-top: 3.14vh;
}
.testlists .card-body {
    background-color: #273658;
}
.testlists .card-footer {
    background-color: #54c3c9;
}
.testlists h5 {
    color:white;
    font-size:1.46vw;

}
.testlists {
    padding-top: 3.14vh;
    padding-bottom: 4.72vh;
}
.timetalbe .card-title {
    padding: 0.73vw;
    font-size: 1.75vw;
    background-color: #0c8e95;
    color: white;
    margin: 0;
}
.timetalbe .table td:hover {
    color: green;
}
.timetalbe .table td, .table th {
    padding: 0.82vw;
    color: green;
    vertical-align: top;
    border-top: none;
    font-size: 1.3vw;
}
.testbanner {
    padding-top: 4.72vh;
    padding-bottom: 4.72vh;
    background-color: #0c8e95;
}
    .testbanner h1 {
        color: white;
        font-size: 2.92vw;
        font-weight:bold;
        text-align: center;
    }
.treatments img {
    width: 75%;
    border: 1px solid lightgray;
}
.treatments .card {
    height: 440px;
    background-color: #f8f8f8;
}
    .treatments .card h5 {
        color: #00922f;
        font-weight:bold;
    }
.treatments h2 {
    color: #ff5303;
    padding-top:30px;
}
.treatments .card .text-muted {
    color: #010f1c !important;
}
.treatments h4 {
    color: #00922f;
    padding-top:10px;
    padding-bottom:20px;
}

.bridges .card p {
    font-size: 1.53vw;
    text-align: justify;
}
.bridges h1 {
    color: #0c8e95;
    font-size: 2.92vw;
    padding-top: 0px;
    font-weight: 600;
    padding-bottom: 0px;
}
.bridges {
    padding-top: 4.72vh;
    padding-bottom: 4.72vh;
    background: #12c2cb3b;
}
.bridges .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 1.25rem;
}
    .bridges .crowns {
        width: 100%;
        border-radius: 20px;
        height: 100%;
    }
    .bridges img {
        width: 100%;
        height: 100%;
        
        padding: 0.25rem;
        background-color: #fff;
        border: 1px solid #dee2e6;
        border-radius: 1.25rem !important;
       
    }
    .bridges .Dentures {
        width: 100%;
        border-radius: 20px;
        height: 100%;
    }
    .bridges .Bridges {
        width: 100%;
        border-radius: 20px;
        height: 100%;
    }
.paymentoption {
    padding-top: 4.72vh;
    padding-bottom: 4.72vh;
}
    .paymentoption p {
        font-size: 1.31vw;
        text-align: justify;
    }

    .paymentoption h1 {
        color: #0c8e95;
        font-weight: 600;
        font-size: 2.92vw;
        padding-bottom: 3.14vh;
    }
    .paymentoption h3 {
        font-size: 2.04vw;
        color: #00a6af;
        font-weight: 600;
    }


    .paymentoption .card-body {
        border-bottom-left-radius: 1.46vw;
        border-bottom-right-radius: 1.46vw;
    }
.paymentoption .card {
    box-shadow: 0px 5px 6px 6px rgba(0,0,0,.2);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
    .paymentoption .payment {
        width: 100%;
        border-radius: 1.46vw;
        height: 100%;
    }
    .paymentoption .card-body {
        background-color: #deffff;
    }
.patientinfo svg {
    color: #54c3c9;
    font-size: 1.61vw;
    margin-right: 0.73vw;
}
.patientinfo {
    padding-top: 4.72vh;
    padding-bottom: 4.72vh;
}
    .patientinfo h3 {
        color: white;
        font-size: 2.04vw;
    }
    .patientinfo .card {
        box-shadow: 0 5px 8px #6fc7dd !important;
    }
.patientinfo .card-body {
    background-color: #fff;
}
    .patientinfo ul li a {
        text-decoration: none;
        color: #050547;
        font-size: 1.6vw;
    }
    .patientinfo .card-header {
        text-decoration: none;
        color: #050547;
        background: #0c8e95;
    }
    .patientinfo ul {
        list-style: none;
        font-size: 1.61vw;
    }
.services a {
    margin-top: 10px;
    font-size: 1.3vw;
}
.dropdown:hover .dropdown-menu {
    display: block;
}
.smileclub h1 {
    padding-top: 4.72vh;
    padding-bottom: 1.57vh;
    color:  #0c8e95;
    font-weight:600;
    font-size: 2.92vw;
    text-align: center;
}
.smileclub {
    padding-bottom: 4.72vh;
}
    .smileclub img{
        width:100%;
    }
        
    .topbar .dropdown-menu {
        background-color: #FFF;
    }
.toothdisease img {
    width:100%;
    margin-left: -15px ;
}

.thanks .card-body svg {
    font-size: 70px;
    color: #6fc7dd;
}

.thanks .card-body h1 {
    padding-top: 12px;
    color: #2a375e;
    font-size: 2.19vw;
}

.thanks {
    background-color: azure;
    padding-top: 60px;
    padding-bottom: 60px;
}

    .thanks .card-body p {
        font-size: 1.29vw;
        text-align: center;
    }
    

.Request-Appointment .card {
   height: 100%;
    background-color: #e7f7fd;
}
.Request-Appointment {
    background-color: #12c2cb3b;
    padding-top: 1.46vw;
    padding-bottom: 2.92vw;
}
    .Request-Appointment h2 {
        color: #0c8e95;
        text-align: center;
        padding-top: 1.46vw;
        font-size: 2.75vw;
        font-family: Montserrat;
    }
    .Request-Appointment h5 {
        padding-bottom: 0.73vw;
        font-size: 1.46vw;
        color: #6b6c6c;
    }
    .Request-Appointment .card-body {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        min-height: 1px;
        padding: 1.46vw;
    }
.address .btn-primary1 {
    color: #fff !important;
    background-color: #007bff !important;
    border-color: #007bff !important;
    font-size: 1.2vw !important;
}
.address .btn-danger1 {
    color: #fff !important;
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    font-size: 1.2vw !important;
}
.address .btn1 {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.43vw 0.87vw !important;
    font-size: 1.2vw;
    line-height: 1.5;
    border-radius: 0.29vw !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
} 
    .Request-Appointment .btn-primary1 {
        color: #fff!important;
        background-color: #007bff!important;
        border-color: #007bff!important;
        font-size: 1.2vw!important;
    }
    .Request-Appointment .btn-danger1 {
        color: #fff !important;
        background-color: #dc3545 !important;
        border-color: #dc3545 !important;
        font-size: 1.2vw !important;
    }
    .Request-Appointment .btn1 {
        display: inline-block;
        font-weight: 400;
        color: #212529;
        text-align: center;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: transparent;
        border: 1px solid transparent;
        padding: 0.43vw 0.87vw !important;
        font-size: 1.2vw;
        line-height: 1.5;
        border-radius: 0.29vw !important;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    } 
.form-group {
    margin-bottom: 1.17vw;
}
.form-control {
    display: block;
    width: 100%;
    height: calc(1.75vw + 0.87vw + 0.14vw)!important;
    padding: 0.43vw 0.87vw !important;
    font-size: 1.17vw !important;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.29vw !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
label {
    font-size: 1.2vw;
}


.timetalbe svg {
    color: #54c3c9;
    margin-right: 0.73vw;
}
.timetalbe table {
    background-color: #f0f8ff;

}
.timetalbe .card {
    background-color: #f0f8ff;
}
.timetalbe .card-body {
    background-color: #f0f8ff;
    padding: 1rem;
}
.timetalbe {
    padding-top: 30px;
    padding-bottom: 30px;
}

.Awesomefont .btn-primary {
    color: white;
    font-weight: 600;
    font-size: 1.1vw;
    background-color: #54c3c9!important;
    border-color: #54c3c9!important;
    margin-top: 0.4vw;
}
    .Awesomefont .btn-primary:hover {
        color: white;
        font-weight: 600;
        font-size: 1.1vw;
        background-color: #54c3c9 !important;
        border-color: #54c3c9 !important;
    }
.footerbar .btn-primary {
   
    color: white;
    background-color: #54c3c9!important;
    border-color: #54c3c9!important;
    font-size: 1.5vw;
}
    .footerbar .btn-primary:hover {
        color: white;
        font-size: 1.5vw;
        background-color: #54c3c9 !important;
        border-color: #54c3c9 !important;
    }
.footer svg:hover {
    color: #39cafa;
}
.banner .btn-warning1 {
    color: #212529!important;
    background-color: #f26522!important;
    border-color: #f26522!important;
    color: #FFF!important;
    font-size:1.2vw;
}
.banner .btn-warning1:hover {
    color: #212529;
    background-color: #f26522!important;
    border-color: #f26522!important;
    color: #FFF!important;
}
.services .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.46vw!important;
}
.toothdisease h5 {
    font-size: 1.46vw;
    color: #0e757a;
    font-weight: 600;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 1.09vw!important;
    padding-left: 1.09vw!important;
}
