* {
   
    font-size:16px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
  }

  img {
    max-width: 100%;
  }

  a{
    text-decoration: none;
    transition: all ease .4s;
  }
  h1{ 
    font-size:70px;
    line-height:75px;
    font-family: 'Roboto Slab';
  }
  h2 {
    font-size:52px;
    line-height:60px;
    font-weight: bold;
    font-family: 'Roboto Slab';
    color:#000;
  }
  h3 {
    font-size:45px;
    line-height:60px;
    font-weight: bold;
    font-family: 'Roboto Slab';
    color:#000;
  }
  h4 {
    font-size:30px;
    line-height:37px;
    font-weight: bold;
    font-family: 'Manrope';
    color:#000;
  }
  h5 {
    font-size:26px;
    line-height:32px;
    font-weight: bold;
    font-family: 'Manrope';
    color:#054177;
  } 
  h6 {
    font-size:22px;
    line-height:30px;
    font-weight: bold;
    font-family: 'Manrope';
    color:#054177;
  } 
  .red-txt {
    color:#B02B2A;
    font-size: 100%;
  }
  .blue-txt{
    color:#073D83;
    font-size: 100%;
  }
  b{
    font-size:100%
  }

  header {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 10%);
    margin-bottom:5px;
  }

  .logo {
    margin-left: 50px;
  }
  /*Navigation*/
  .navbar-brand {
    font-size: 16PX;
    font-weight: bold;
    color: #007bff !important;
}
.nav-item {
  position: relative;
}
.navbar-nav .nav-link {
    margin-right: 10px;
    transition: color 0.3s ease;
    font-family: 'Roboto Slab';
    color:#202020;
    font-size: 16px;;
}

.navbar-nav .nav-item:hover .dropdown-menu {
  display: block;
}

.navbar-nav .nav-link:hover {
    color: #073D83;
}
.navbar-nav a.nav-link {
    position: relative;
    cursor: pointer;
}

.navbar-nav a.nav-link:before {
    content:'';
    position:absolute;
    left:0px;
    width:0px;
    background:#073D83;
    height:3px; 
    top:155%;
    transition:all ease .4s;
}

.navbar-nav a.nav-link:hover:before {
    width:100%;
}

.navbar-nav .BookAppoint-btn a.nav-link {
    background: #073D83;
    color: #fff !important;
    border-radius: 50px;
    padding: 10px 20px !important;
    border:1px solid #073D83;
    transition: all ease .4s;
    text-align: center;
}
.navbar-nav .BookAppoint-btn a.nav-link:hover {
    background: transparent;
    color: #073D83 !important;
    border-radius: 50px;
    padding: 10px 20px !important;
}

.navbar-nav .BookAppoint-btn a.nav-link:after {
    display:none;
}
.dropdown-item {
  font-size: 14px;
  font-weight: 500;
  padding:13px 20px;
}

.navbar-nav .dropdown-menu {
  padding:0px; 
  top:100%;
  overflow: hidden;box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2);
  border:none;
}

.dropdown-item:hover {
  background: #073D83;
  color:#fff;
  
}


/*Hero Section*/

.bannerOuter  h2 {
    font-weight: 400;
    text-align: left;
}
.bannerOuter h2 span {
    font-weight: bold;
}

.hero-section {
    background: url(../images/homebanner-right.jpg) no-repeat;
    background-size: contain;
    background-position: top left;
}

.hero-right img{
    max-width:90%;
    float:right;
}

.bannerOuter  h2{
    font-size:48px;
}
.bannerOuter  * {
  font-family: 'Roboto Slab';
}


.hero-section .btn.bluebtn {
    margin-top: 30px !important;
    max-width: 230px;
    color: #fff;
}

.bannerOuter .item {
  padding: 0 !important;
  margin: 0 !important;
}
/* .bannerOuter .owl-item{
  margin:0px !important;
} */
.hero-section {
  margin:0px !important;
 
}

.overlay-content {
  position: absolute;
  left: 7%;
  top: 50%;
  max-width: 700px;
  transform: translateY(-50%);
}
.slide2{
  background: url(../images/young-female-patient-visiting-dentist-office.jpg) no-repeat;
  background-size: cover;
  background-position: top left;
}
section.slide2:before {
  background: rgba(12,43,84,45%);
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.video-container {
  width:100%;
}
  /*Caurusal Arrow CSS*/

  .owl-nav {
    display: flex;
    align-items: center;
    justify-content: center;
  }
   .owl-nav  button {
    width:50px;
    height:50px;
    border-radius:100%;
    background: #ECB9B7 !important;
    color:#fff !important;
    margin:10px 20px;
    transition: all ease .4s;
  }
  .owl-nav  button.active,
  .owl-nav  button:hover {
    background: #B02B2A !important;
  }
  .owl-nav  button span {
    font-size:30px;
  }
  .dental-treetment {
    background: #fff url(../images/weProvide-bg.svg) no-repeat;
    background-size: 90%;
    background-position: top 50px left 100% !important;
  }

    .owl-carousel .item {
      padding: 30px 20px;
      margin: 10px; 
      color: #000;
      border-radius: 10px;
      text-align: center;
      font-size: 18px;
    }
    .treatment-card img {
      max-width: 25px;
      text-align: center;
      position: relative;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);  
    }
    .treatment-card .icon {
      background: #EBF2FA;
      border-radius: 10px;
      width:70px;
      height:70px;
      flex: 0 0 70px;
    }
    .treatment-card h5 {
      color:#054177; 
      font-size:26px;
    }
    .treatment-card  p{
      color:#000000;
      font-size:18px;
    }
    .dental-treetment .carousel-caption {
      position: static;
    }
    .treatment-card {
        display: flex ;
        text-align: left;
    } 
    .centerContent { 
      max-width:80%;
      margin:20px auto 0px;
      width:100%; 

    }
    

    /*why choose us*/

    .why-choose {
        background: url(../images/why-chooseBG.jpg) no-repeat;
        background-position: center;
        background-size: cover;
        height:550px;
       
       
    }
   

    .why-choose  h2 {
        color:#fff; 
        transform: translateY(40%);
    }
  
    .why-chooseTxt {
        background: #fff;
        box-shadow: 0px 7px 61px 15px rgba(128,1,0,12%);
        max-width:900px;
        margin:0 auto;
        transform: translateY(20%);
    }
    

    /*whyUs*/
    .whyUs {
        background:#F0F7FF;
        margin-top:200px;
        position: relative;
    }
    .whyUs h2{
        font-size: 35px;
    }
    .whyUs:before{
        content: '';
        position: absolute;
        right:20px;
        top:-20px;
        background: url(../images/Subtract-red.svg) no-repeat;
        background-size: 100px; 
        width:170px;
        height:85px;
    }
    .whyUs:after{
        content: '';
        position: absolute;
        left:20px;
        bottom:-50px;
        background: url(../images/Subtract-blue.svg) no-repeat;
        background-size: 100px; 
        width:170px;
        height:85px;
    }
    .whyUs img {
        max-width:50px;
        float: none;
        margin:10px auto;  
    }

    .whyUs  .carousel-caption {
        position: inherit;
    }
    .whyUs  .owl-carousel p {
        color:#000;
    }

    .whyus-text {
        max-width:900px;
        width:100%;
        margin:20px auto;
        font-size:18px;  
        position: relative; 
    }
    .whyUs h5 {
        color:#B02B2A;
        font-family: 'Roboto Slab';
    }



.whyus-text:before {
    content:'';
    position:absolute;
    left:-20px;
    background: url(../images/quote-top.svg) no-repeat;
    background-size: 35px;
    top: -40px;
    width: 35px;
    height: 35px;
}


.whyus-text:after { 
    content:'';
    position:absolute;
    right:-20px;
    background: url(../images/quote-bottom.svg) no-repeat;
    background-size: 35px;
    bottom: -40px;
    width: 35px;
    height: 35px;
}

.owl-carousel {
    position: relative;
}

.whyUs .owl-carousel:before {
    content:'';
    position:absolute;
    left:-40px;
    background: url(../images/StartIcon.svg) no-repeat;
    background-size: 60px;
    top: 40%;
    width: 60px;
    height: 60px;
    Z-INDEX:9;
}


.whyUs .owl-carousel:after { 
    content:'';
    position:absolute;
    right:-40px;
    background: url(../images/StartIcon.svg) no-repeat;
    background-size: 60px;
    bottom: 80%;
    width: 60px;
    height: 60px;
    Z-INDEX:9;

}


/*Team*/
 
.team-Outer {
    max-width: 480px;
    width: 100%;
    margin: 0 auto;
    border: 1px solid #F0F7FF;
    transition: all ease .4s;
}

.team-Outer:hover {
  margin-top: -10px;
  box-shadow: 0px 2px 15px 5px rgba(7, 61, 31, 6%);
  border: 1px solid #d3d3d3;
}
.teamContent {
    background:#F0F7FF;
    padding: 20px;
} 
.team-Outer img {
  max-width: 100%;
}
.team-Outer h6 {
  color: #054177;
  font-weight: 800; 
}
.team-Outer p {
  color:#000;
}
.team-Outer {
  position: relative;
  z-index: 1;
} 

.team-Outer.star:before {
  content: '';
  position: absolute;
  left: -80px;
  background: url(../images/OurTeam-Star.svg) no-repeat;
  background-size: 60px;
  top: -30px;
  width: 60px;
  height: 60px;
  Z-INDEX: 9;
}

.OurTeam .container {
  position: relative;
}
.OurTeam .container:after {
  content: '';
  background: url(../images/OutTeam-blueSubtract.svg) no-repeat;
  width: 100px;
  height: 100px;
  position: absolute;
  right: 6%;
  top: 50%;
  transform: translateY(-60%);
  background-size: contain;
}
.OurTeam .container:before {
  content: '';
  background: url(../images/OutTeam-pinkSubtract.svg) no-repeat;
  width: 100px;
  height: 100px;
  position: absolute;
  left: 0;
  bottom:0px;
  background-size: contain;
}
/**/

/* .BeforevsAfterImg img {
  max-width:100%;
}

.BeforevsAfterImg {
  max-width:550px;
  width:100%;
  padding:5px 20px ;
} */


/**/

.BeforevsAfter #BeforevsAfterInner {
  position: relative;
  display: flex;
  max-height: 95vh;
  aspect-ratio: 4 / 2;
}

.BeforevsAfter .img-wrapper,
.BeforevsAfter .img-wrapper1,
.BeforevsAfter .img-wrapper2,
.BeforevsAfter .img-wrapper3 {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.BeforevsAfter .img-wrapper:nth-child(2),
.BeforevsAfter .img-wrapper1:nth-child(2) ,
.BeforevsAfter .img-wrapper2:nth-child(2),
.BeforevsAfter .img-wrapper3:nth-child(2) {
  clip-path: inset(0px 0px 0px 50%);
}

.BeforevsAfter .img-wrapper img,
.BeforevsAfter .img-wrapper1 img ,
.BeforevsAfter .img-wrapper2 img,
.BeforevsAfter .img-wrapper3 img  {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.BeforevsAfter .line,
.BeforevsAfter .line1,
.BeforevsAfter .line2,
.BeforevsAfter .line3 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: .2rem;
  height: 100%;
  background-color: #FAFAFA;
}

.BeforevsAfter input {
  /* reset */
  appearance: none;
  -webkit-appearance: none;
  background-color: transparent;
  /* custom */
  position: absolute;
  width: calc(100% + 2.25rem);
  height: 100%;
  left: -1.125rem;
}

.BeforevsAfter input::-webkit-slider-thumb {
  /* reset */
  -webkit-appearance: none;
  appearance: none;
  /* custom */
  height:3rem;
  width:3rem;
  border: .25rem solid #fff;
   border-radius: 50%;
 /* box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.1); */
  background-color: transparent;
 background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDM4NCAyNTciIHdpZHRoPSIzODQiIGhlaWdodD0iMjU3Ij4KCTx0aXRsZT5OZXcgUHJvamVjdDwvdGl0bGU+Cgk8ZGVmcz4KCQk8aW1hZ2Ugd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiIGlkPSJpbWcxIiBocmVmPSJkYXRhOmltYWdlL3N2Zyt4bWw7YmFzZTY0LFBITjJaeUIyWlhKemFXOXVQU0l4TGpJaUlIaHRiRzV6UFNKb2RIUndPaTh2ZDNkM0xuY3pMbTl5Wnk4eU1EQXdMM04yWnlJZ2RtbGxkMEp2ZUQwaU1DQXdJRFV4TWlBMU1USWlJSGRwWkhSb1BTSTFNVElpSUdobGFXZG9kRDBpTlRFeUlqNEtDVHgwYVhSc1pUNWpZWEpsZER3dmRHbDBiR1UrQ2drOFpHVm1jejRLQ1FrOGFXMWhaMlVnSUhkcFpIUm9QU0l5TVRJaUlHaGxhV2RvZEQwaU16STRJaUJwWkQwaWFXMW5NU0lnYUhKbFpqMGlaR0YwWVRwcGJXRm5aUzl3Ym1jN1ltRnpaVFkwTEdsV1FrOVNkekJMUjJkdlFVRkJRVTVUVldoRlZXZEJRVUZPVVVGQlFVWkpRVkZOUVVGQlFWTjNNRXhZUVVGQlFVRllUbE5TTUVsQ01tTnJjMlozUVVGQlFWcFJWRVpTUmtGQlFVRXZMeTh2Y0dSdFpqTlJRVUZCUVVvd1ZXczFWRUZRT1dKclUwc3hRVUZCUkhBd2JFVlJWbEkwYms4eVlWTXhTbFZSVWtKR05ubEZVazF3VFdSdFJIVkNibE5yY2xVeldtazNhMEp0UldsSE1qY3hLMlo2U0haRE5rRkZhbVU1UVUxVVoxTTRhek5TV0RWWE9IRTFaVWhpVkZWc1psVTFiaXRzVDJSSWQxUTNLMHRwTHpObmJqTXJWV1ExZFVKWWRqUllhVGMxU0RWNlMxcFlNVkF5Wm5kdlVsUjZUVGxQU0RNdlR6WlhjM1pyZUdremFsRnFZak5sY0dWNlZIb3ZhemxzTldodGRsTkphMDVzWVdWMmJWcHpWbWs1UTFsdFpIVkhablY1TDNKYVZWbHRaWEI0VFRkVFFqa3hXa2QxTTNCemRqTk5Ta0UyVjFOU2VrMVVZazVOTkcxQ1duUkJLMWRUVW5kemEzcG9Xa2x1UjNsU1QwcHJZbkJ2YkRCVU5WcEpia2Q1VWs5S2EybFZVbXhWWVV0NVMwWkdXbXBJV214VllVdDVTMFpHV214TFozTlRhbEZ6VTBSVVRWUmlUV2N3WWtGbk1HSkJaekJpUVdjd1lrRm5NR0pKZURKcE1Yb3dNbmxWWVU1cmJ6QmlTbEp2YlZkcVVrMTJSMkZJWkhOclQybFpiVEpoUkZKTlkwZHBXVFJPUldnd1ltOTBNbnBZY1VwdWRsVlVVRE5FVkhKS1dISlhVeTlUYzJvellsQmxiMjFDWkZKSlJEWjVVVWMxY1ZwYVNucEhkMHgwYjBRMmVWRkhNV3R0VFhKS1ZWbFhVM040VFdwbVRqSnRhVkJ5U2xWWlYxTnplSE5zV1dselJWbHBjMFZaYVhORFltRm5WRlZUWjFSVlUyZFVWVk5uVkZWVGExWlhTbmxPZHpCeGVFdFNWbGx1U1hGclVtdFdVMHQ1UzNCSGQwMDViMHBqT1ZCemJFVnFXVXRhUjNkVmVVcG9jREJVUTNwdGFHNDNTa1JKYlVwMGJXZ3dWRWRFYjIxTlNGSkpXazgyUzJSemJEQnBXbUowUlhsMGR6QXllVlpUZEd0MWEySkpPVEo1Ym1GS2JrY3dVMDlrYzJ0amRXRnRNbE5oVW5ONU0yRlBaSE5yWTNKYVNrTk1Xa3REVEZwTFEwOWhiVEpTY0hSM1ZsbEtkMVpaU25kV1dVcDRVbGxLZUZKWlNuaGFXbTlMTjFwSlMweGFTVXRNV2tsTFRGcEpVMFJhVEZOUFlXMHlVM2RvTWxOM2FESlRkMmd5VTNkb01sWkxSbE12WWpoeFNtMWlXbWt2TTIxeU0yVmhabG95Y1RsdWJEVnFiekpzTDJGaFVGWXpTbTV4T1dzdmN6ZHpOVlE1VEZnckx6bG1OMm95T0ROTWREVjRUU3M0T1dRcmFpdHBOMU5rT1hCUFozWnZSRXRIZWtJNE5ITlBkWFp2YWt0VGVteGpOV3RvTjA5ak4yZERORThyYWs5dlluVkxOMnBwTmtjcmJFOXdZbk5aTjI1RE5pdDViRzV2Um5wRVZGUlFTMkpUWjI1bmJIbExZMnBFU3pOVGFtNWpPVTlOWTJ0NlMxUlRSMjV3Vm5sWlkyMXFTM1prTURCdk1YbG1ZV2RUYjB4aFoyMXZWbkZIWVdsQk0zcGhhbTFuYkhGT1lXcDVjVVJoYlcxd1JuSlZWRlJQY1daaFJtMXdiSEZpWVc1VGNUZGhhMjQwUzFsYU9WTkRaMlF3UlRsRUszRldWVWtyUm1WcVVGVXdOa1psUlZCVFVYRlFaRVZRVTNaeFpHSnNjRkp5TURFMmMyeENURFE1Tm1kT1VUZHdTalpxYlRKaVZUUTJWR1ZMVUZKVmNWSmtURkJXZW5FdlluQndVbkl4YlRac1JrUmlOWFEyTkhSU1RIQjROamh0TW1KVk9EUmtXa0ZqTUZsaFJGcENUWGN5WVdoaWFIQlNjazFZYlU1dVVYSkpaRzFTUkZKaWIzQnRWVzB5V1RCQk5GQmFSMk16WTJGR1draE5lalpoUkdSS1RXdFhZVkpOVFU5ck1sTm1UbFJIYmxjMmNWbGFlbGhhY0VwbmVYcGFTbkJDV25kUU5HYzVTRTB5TURCNmJYSkhibk16YldFMlZ6aHpXRmRxTkdoNE1rTm1VR1ZCWkdoYWJ6RTBSakpLUjJreloyNVplV0ZLWlVSa2EwSnZaRFJTTWxSdGFGaENXR1JqWVVSbFIyUnRjRzlHTUdaMk9GQjNSbkE1ZEd0NGQxcFlVRlkwUVVGQlFVRlRWVlpQVWtzMVExbEpTVDBpTHo0S0NUd3ZaR1ZtY3o0S0NUeHpkSGxzWlQ0S0NUd3ZjM1I1YkdVK0NnazhkWE5sSUdsa1BTSkNZV05yWjNKdmRXNWtJaUJvY21WbVBTSWphVzFuTVNJZ2VEMGlNVFV3SWlCNVBTSTVNaUl2UGdvOEwzTjJaejQ9Ii8+CgkJPGltYWdlIHdpZHRoPSIyMTIiIGhlaWdodD0iMzI4IiBpZD0iaW1nMiIgaHJlZj0iZGF0YTppbWFnZS9zdmcreG1sO2Jhc2U2NCxQSE4yWnlCMlpYSnphVzl1UFNJeExqSWlJSGh0Ykc1elBTSm9kSFJ3T2k4dmQzZDNMbmN6TG05eVp5OHlNREF3TDNOMlp5SWdkbWxsZDBKdmVEMGlNQ0F3SURJeE1pQXpNamdpSUhkcFpIUm9QU0l5TVRJaUlHaGxhV2RvZEQwaU16STRJajRLQ1R4MGFYUnNaVDVpWVdOckxXRnljbTkzUEM5MGFYUnNaVDRLQ1R4a1pXWnpQZ29KQ1R4cGJXRm5aU0FnZDJsa2RHZzlJakl4TWlJZ2FHVnBaMmgwUFNJek1qZ2lJR2xrUFNKcGJXY3hJaUJvY21WbVBTSmtZWFJoT21sdFlXZGxMM0J1Wnp0aVlYTmxOalFzYVZaQ1QxSjNNRXRIWjI5QlFVRkJUbE5WYUVWVlowRkJRVTVSUVVGQlJrbEJVVTFCUVVGQlUzY3dURmhCUVVGQlFWaE9VMUl3U1VJeVkydHpabmRCUVVGQldsRlVSbEpHUVVGQlFTOHZMeTl3WkcxbU0xRkJRVUZCU2pCVmF6VlVRVkE1WW10VFN6RkJRVUZFYjJ0c1JWRldValJ1VHpKaFV6STBWazFTUWtadVdVRlZXbkpCUkd4d1RITnFURU42V2tObGQwRjZTa3hLVDBSU00xaGlZamxpYkRGSloxVjRRWGRyYldnd1JrODFWREkzV0V4bGRXMTJlSG80TDNnME1UWTBNSFV6TVRRclZrTjRVemQwWTBZcmVtUjZPV0VyTTIxME1qZzVlbUUwTlRGdFNETXJNRGwyVWtwek9YVklNV3cwSzJGUVlteDJjbFptTjNwWE56ZElLM1pLWW5ZMldHSk9aRmxtYzJacmRUQkxiVFpDYTI0M0wxWmlSbVpaTlVOWVlrWlRjREpQWmpjNWNuUnBhRlZNUTNWdlRteGxObGx3TVdobVlXdFhSbVpSY2tOMGJ6Rm9WV3RIZDNGVE9WVndjazVvVVd0SGQzRlRSRkZZU21odlNtdFJNRWQ0VlZkdVNsUm5XRVpVWjFoR1ZHZFlSbFJuV0VaVVoxaENlbXR2Y2s1b1ZVVnRkM0ZEVkZGWVFuQnZTbWRWTUVkM1UzbDJXbFZ6YUhOTFYxTXlSa1JLWWtOd2EzUm9ZM2h0Y0ZGV1lrTnZhMXBvWTFOTlVXMUtSMGxVUjJwclRtbHhaRWRhUjBsVVIycEZTbXhXYVUxM2NWSkhXVlpKYWs5V1ZITjNjVkpIV1ZaSmNrMUxaMVJ0Um5kT2VWQkhXbWwwWkVkU1QwbFVRMjVGU21oVVEwMTNjR1ZQV1hGSVdtaFlPRTEzY21WUFdWWlFVRTFMYm01clJuZ3plV3hRVVhOTGFtZFZSbmcwUzBOWk1FaENjMkZFWjIxTEt6QlpNVWhDYzNGb1oxZFdVM2RNUTNCWlJtaFZjME0xVmpKTVEyOVpiR2hSVFZOM2NVZEtVVmhFYTI5S2FITmtTMWRLVVZoRWEzTkthVmRYUjNoeVRFSlpWbXhuYzFaa2NYZHlURUpaVm14bmMwc3dkMjFHUTFsVVEzQlFiRk5wT0cxR1ExbFVRM0JOU21oamJVVjNjMjFWZDNOc1JYQlRaRlJEYVdSVVEybGtWRU5wWkZSRGFXUlVRMjlQY0ZOd09VMUxaM2R0UmxGaFZFTnZUa3BvWTBkclVXMWxlVEJ2VG5Cb1l6WXdVVzFrWVc5VVQzUXdTbXhYTmtWNFYzVnlUa00wVjBOR2QzTkZTMmhaVFZaRFoyTnlSa0UyYlVzNU1WcHZZa042VTIxR2JteGpURTlMYjFka1ZsRnZOMHQ1Y0RselJYQm9XalZZUTNocmNVWnFXbFZMUjNselZsaHRSMnd6YzJGeE16bENjbkpEZWt4TE5uZHpNbFlyZDNOMFZDOVhZMjRyZUdVclFqSkdjeTlNTWk4NVprNUtiaTl4TTJaSkwzQjFNRzVsWVhwblNUaFJLMnB6YjFSUFRIcHFielpKSzJ4emNGUk5Xbm96U3paQksycDFiMFIxU0RkcGNUWTBLMmgxZUVSMVZqZHRTelozSzI1MWNEVTJRbVZuTTNGVllrTXpiMW8yU1dWcGJuRjNZV2d6YnpVMFVHVXdXSEZOWVdzemNGbzJWMlZ0U0hGdllXNHplSEEyWkdWdU1UWkpPVVJpWjNRMGF6bEtZV2hPZUVNcmJtVnFUbEpYT0RGbGRWQlNNalZFWld4UVVWZDRWR056ZGxnemNIcFZlSFppV0hGcU1EbDFaVnBuU1RSVE5rRmFRazB3ZFdGUFdrSnplRXRoYzJSQ2MwSnRZelpPUVhWcFIxSk1UbTV0YUcxU1lrMTFiWEJJYUdKSk1XMWphbFJNYjNoc1p5dEZSV1J2Tld0cWVtbHdjSGhyYlhwVlduRndLMjF3TjFKcVRtTnRkak5wZWtwb2JYcFVVMnB3ZEdzeWVtTlNjR3hyTkhwbFNucGtNRGg1Wm5OblRFdEhRMmxpYjBWNVJITm9SRTFWUTJnM2IyTjVSM05vTjB0cFEyaGliMnQzUzNONWVrdDNRMmMzYnpoNVRuTnFja3NyUTJkaWVFVjVVbk5yYWt0TlEyNDNjRTE1VlhOc1lrMWhRMjVpY0ZWNVdYTnRWRXR2UTIwM2NITjNZbk16VEVzeVEyMWljREI1Wm1SblJtOW9ORUl5UkROQ2JtZFlXV1JoUldWRFpHbDBiMG8wVGpKUFYyZElRa2hrU0dGUFpVVmtiRlp2ZURSV01sa3lhVzVDYm1SNGFtZ3laVkExT1ZwbFZXTjFlWGRsV2tGQlFVRkJSV3hHVkd0VGRWRnRRME1pTHo0S0NUd3ZaR1ZtY3o0S0NUeHpkSGxzWlQ0S0NUd3ZjM1I1YkdVK0NnazhkWE5sSUdsa1BTSkNZV05yWjNKdmRXNWtJaUJvY21WbVBTSWphVzFuTVNJZ2VEMGlNQ0lnZVQwaU1DSXZQZ284TDNOMlp6ND0iLz4KCTwvZGVmcz4KCTxzdHlsZT4KCTwvc3R5bGU+Cgk8dXNlIGlkPSJjYXJldCIgaHJlZj0iI2ltZzEiIHRyYW5zZm9ybT0ibWF0cml4KC43ODEsMCwwLC43ODEsMTAxLC03MykiLz4KCTx1c2UgaWQ9ImJhY2stYXJyb3ciIGhyZWY9IiNpbWcyIiB0cmFuc2Zvcm09Im1hdHJpeCguNzc0LDAsMCwuNzc0LDAsMSkiLz4KPC9zdmc+);background-size: 30px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: grab;
} 

.BeforevsAfter input::-moz-range-thumb {
  height: 3rem;
  width: 3rem;
  border: .25rem solid #fff;
   border-radius: 50%;
  /*box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.1); */
  background-color: transparent;

background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDM4NCAyNTciIHdpZHRoPSIzODQiIGhlaWdodD0iMjU3Ij4KCTx0aXRsZT5OZXcgUHJvamVjdDwvdGl0bGU+Cgk8ZGVmcz4KCQk8aW1hZ2Ugd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiIGlkPSJpbWcxIiBocmVmPSJkYXRhOmltYWdlL3N2Zyt4bWw7YmFzZTY0LFBITjJaeUIyWlhKemFXOXVQU0l4TGpJaUlIaHRiRzV6UFNKb2RIUndPaTh2ZDNkM0xuY3pMbTl5Wnk4eU1EQXdMM04yWnlJZ2RtbGxkMEp2ZUQwaU1DQXdJRFV4TWlBMU1USWlJSGRwWkhSb1BTSTFNVElpSUdobGFXZG9kRDBpTlRFeUlqNEtDVHgwYVhSc1pUNWpZWEpsZER3dmRHbDBiR1UrQ2drOFpHVm1jejRLQ1FrOGFXMWhaMlVnSUhkcFpIUm9QU0l5TVRJaUlHaGxhV2RvZEQwaU16STRJaUJwWkQwaWFXMW5NU0lnYUhKbFpqMGlaR0YwWVRwcGJXRm5aUzl3Ym1jN1ltRnpaVFkwTEdsV1FrOVNkekJMUjJkdlFVRkJRVTVUVldoRlZXZEJRVUZPVVVGQlFVWkpRVkZOUVVGQlFWTjNNRXhZUVVGQlFVRllUbE5TTUVsQ01tTnJjMlozUVVGQlFWcFJWRVpTUmtGQlFVRXZMeTh2Y0dSdFpqTlJRVUZCUVVvd1ZXczFWRUZRT1dKclUwc3hRVUZCUkhBd2JFVlJWbEkwYms4eVlWTXhTbFZSVWtKR05ubEZVazF3VFdSdFJIVkNibE5yY2xVeldtazNhMEp0UldsSE1qY3hLMlo2U0haRE5rRkZhbVU1UVUxVVoxTTRhek5TV0RWWE9IRTFaVWhpVkZWc1psVTFiaXRzVDJSSWQxUTNLMHRwTHpObmJqTXJWV1ExZFVKWWRqUllhVGMxU0RWNlMxcFlNVkF5Wm5kdlVsUjZUVGxQU0RNdlR6WlhjM1pyZUdremFsRnFZak5sY0dWNlZIb3ZhemxzTldodGRsTkphMDVzWVdWMmJWcHpWbWs1UTFsdFpIVkhablY1TDNKYVZWbHRaWEI0VFRkVFFqa3hXa2QxTTNCemRqTk5Ta0UyVjFOU2VrMVVZazVOTkcxQ1duUkJLMWRUVW5kemEzcG9Xa2x1UjNsU1QwcHJZbkJ2YkRCVU5WcEpia2Q1VWs5S2EybFZVbXhWWVV0NVMwWkdXbXBJV214VllVdDVTMFpHV214TFozTlRhbEZ6VTBSVVRWUmlUV2N3WWtGbk1HSkJaekJpUVdjd1lrRm5NR0pKZURKcE1Yb3dNbmxWWVU1cmJ6QmlTbEp2YlZkcVVrMTJSMkZJWkhOclQybFpiVEpoUkZKTlkwZHBXVFJPUldnd1ltOTBNbnBZY1VwdWRsVlVVRE5FVkhKS1dISlhVeTlUYzJvellsQmxiMjFDWkZKSlJEWjVVVWMxY1ZwYVNucEhkMHgwYjBRMmVWRkhNV3R0VFhKS1ZWbFhVM040VFdwbVRqSnRhVkJ5U2xWWlYxTnplSE5zV1dselJWbHBjMFZaYVhORFltRm5WRlZUWjFSVlUyZFVWVk5uVkZWVGExWlhTbmxPZHpCeGVFdFNWbGx1U1hGclVtdFdVMHQ1UzNCSGQwMDViMHBqT1ZCemJFVnFXVXRhUjNkVmVVcG9jREJVUTNwdGFHNDNTa1JKYlVwMGJXZ3dWRWRFYjIxTlNGSkpXazgyUzJSemJEQnBXbUowUlhsMGR6QXllVlpUZEd0MWEySkpPVEo1Ym1GS2JrY3dVMDlrYzJ0amRXRnRNbE5oVW5ONU0yRlBaSE5yWTNKYVNrTk1Xa3REVEZwTFEwOWhiVEpTY0hSM1ZsbEtkMVpaU25kV1dVcDRVbGxLZUZKWlNuaGFXbTlMTjFwSlMweGFTVXRNV2tsTFRGcEpVMFJhVEZOUFlXMHlVM2RvTWxOM2FESlRkMmd5VTNkb01sWkxSbE12WWpoeFNtMWlXbWt2TTIxeU0yVmhabG95Y1RsdWJEVnFiekpzTDJGaFVGWXpTbTV4T1dzdmN6ZHpOVlE1VEZnckx6bG1OMm95T0ROTWREVjRUU3M0T1dRcmFpdHBOMU5rT1hCUFozWnZSRXRIZWtJNE5ITlBkWFp2YWt0VGVteGpOV3RvTjA5ak4yZERORThyYWs5dlluVkxOMnBwTmtjcmJFOXdZbk5aTjI1RE5pdDViRzV2Um5wRVZGUlFTMkpUWjI1bmJIbExZMnBFU3pOVGFtNWpPVTlOWTJ0NlMxUlRSMjV3Vm5sWlkyMXFTM1prTURCdk1YbG1ZV2RUYjB4aFoyMXZWbkZIWVdsQk0zcGhhbTFuYkhGT1lXcDVjVVJoYlcxd1JuSlZWRlJQY1daaFJtMXdiSEZpWVc1VGNUZGhhMjQwUzFsYU9WTkRaMlF3UlRsRUszRldWVWtyUm1WcVVGVXdOa1psUlZCVFVYRlFaRVZRVTNaeFpHSnNjRkp5TURFMmMyeENURFE1Tm1kT1VUZHdTalpxYlRKaVZUUTJWR1ZMVUZKVmNWSmtURkJXZW5FdlluQndVbkl4YlRac1JrUmlOWFEyTkhSU1RIQjROamh0TW1KVk9EUmtXa0ZqTUZsaFJGcENUWGN5WVdoaWFIQlNjazFZYlU1dVVYSkpaRzFTUkZKaWIzQnRWVzB5V1RCQk5GQmFSMk16WTJGR1draE5lalpoUkdSS1RXdFhZVkpOVFU5ck1sTm1UbFJIYmxjMmNWbGFlbGhhY0VwbmVYcGFTbkJDV25kUU5HYzVTRTB5TURCNmJYSkhibk16YldFMlZ6aHpXRmRxTkdoNE1rTm1VR1ZCWkdoYWJ6RTBSakpLUjJreloyNVplV0ZLWlVSa2EwSnZaRFJTTWxSdGFGaENXR1JqWVVSbFIyUnRjRzlHTUdaMk9GQjNSbkE1ZEd0NGQxcFlVRlkwUVVGQlFVRlRWVlpQVWtzMVExbEpTVDBpTHo0S0NUd3ZaR1ZtY3o0S0NUeHpkSGxzWlQ0S0NUd3ZjM1I1YkdVK0NnazhkWE5sSUdsa1BTSkNZV05yWjNKdmRXNWtJaUJvY21WbVBTSWphVzFuTVNJZ2VEMGlNVFV3SWlCNVBTSTVNaUl2UGdvOEwzTjJaejQ9Ii8+CgkJPGltYWdlIHdpZHRoPSIyMTIiIGhlaWdodD0iMzI4IiBpZD0iaW1nMiIgaHJlZj0iZGF0YTppbWFnZS9zdmcreG1sO2Jhc2U2NCxQSE4yWnlCMlpYSnphVzl1UFNJeExqSWlJSGh0Ykc1elBTSm9kSFJ3T2k4dmQzZDNMbmN6TG05eVp5OHlNREF3TDNOMlp5SWdkbWxsZDBKdmVEMGlNQ0F3SURJeE1pQXpNamdpSUhkcFpIUm9QU0l5TVRJaUlHaGxhV2RvZEQwaU16STRJajRLQ1R4MGFYUnNaVDVpWVdOckxXRnljbTkzUEM5MGFYUnNaVDRLQ1R4a1pXWnpQZ29KQ1R4cGJXRm5aU0FnZDJsa2RHZzlJakl4TWlJZ2FHVnBaMmgwUFNJek1qZ2lJR2xrUFNKcGJXY3hJaUJvY21WbVBTSmtZWFJoT21sdFlXZGxMM0J1Wnp0aVlYTmxOalFzYVZaQ1QxSjNNRXRIWjI5QlFVRkJUbE5WYUVWVlowRkJRVTVSUVVGQlJrbEJVVTFCUVVGQlUzY3dURmhCUVVGQlFWaE9VMUl3U1VJeVkydHpabmRCUVVGQldsRlVSbEpHUVVGQlFTOHZMeTl3WkcxbU0xRkJRVUZCU2pCVmF6VlVRVkE1WW10VFN6RkJRVUZFYjJ0c1JWRldValJ1VHpKaFV6STBWazFTUWtadVdVRlZXbkpCUkd4d1RITnFURU42V2tObGQwRjZTa3hLVDBSU00xaGlZamxpYkRGSloxVjRRWGRyYldnd1JrODFWREkzV0V4bGRXMTJlSG80TDNnME1UWTBNSFV6TVRRclZrTjRVemQwWTBZcmVtUjZPV0VyTTIxME1qZzVlbUUwTlRGdFNETXJNRGwyVWtwek9YVklNV3cwSzJGUVlteDJjbFptTjNwWE56ZElLM1pLWW5ZMldHSk9aRmxtYzJacmRUQkxiVFpDYTI0M0wxWmlSbVpaTlVOWVlrWlRjREpQWmpjNWNuUnBhRlZNUTNWdlRteGxObGx3TVdobVlXdFhSbVpSY2tOMGJ6Rm9WV3RIZDNGVE9WVndjazVvVVd0SGQzRlRSRkZZU21odlNtdFJNRWQ0VlZkdVNsUm5XRVpVWjFoR1ZHZFlSbFJuV0VaVVoxaENlbXR2Y2s1b1ZVVnRkM0ZEVkZGWVFuQnZTbWRWTUVkM1UzbDJXbFZ6YUhOTFYxTXlSa1JLWWtOd2EzUm9ZM2h0Y0ZGV1lrTnZhMXBvWTFOTlVXMUtSMGxVUjJwclRtbHhaRWRhUjBsVVIycEZTbXhXYVUxM2NWSkhXVlpKYWs5V1ZITjNjVkpIV1ZaSmNrMUxaMVJ0Um5kT2VWQkhXbWwwWkVkU1QwbFVRMjVGU21oVVEwMTNjR1ZQV1hGSVdtaFlPRTEzY21WUFdWWlFVRTFMYm01clJuZ3plV3hRVVhOTGFtZFZSbmcwUzBOWk1FaENjMkZFWjIxTEt6QlpNVWhDYzNGb1oxZFdVM2RNUTNCWlJtaFZjME0xVmpKTVEyOVpiR2hSVFZOM2NVZEtVVmhFYTI5S2FITmtTMWRLVVZoRWEzTkthVmRYUjNoeVRFSlpWbXhuYzFaa2NYZHlURUpaVm14bmMwc3dkMjFHUTFsVVEzQlFiRk5wT0cxR1ExbFVRM0JOU21oamJVVjNjMjFWZDNOc1JYQlRaRlJEYVdSVVEybGtWRU5wWkZSRGFXUlVRMjlQY0ZOd09VMUxaM2R0UmxGaFZFTnZUa3BvWTBkclVXMWxlVEJ2VG5Cb1l6WXdVVzFrWVc5VVQzUXdTbXhYTmtWNFYzVnlUa00wVjBOR2QzTkZTMmhaVFZaRFoyTnlSa0UyYlVzNU1WcHZZa042VTIxR2JteGpURTlMYjFka1ZsRnZOMHQ1Y0RselJYQm9XalZZUTNocmNVWnFXbFZMUjNselZsaHRSMnd6YzJGeE16bENjbkpEZWt4TE5uZHpNbFlyZDNOMFZDOVhZMjRyZUdVclFqSkdjeTlNTWk4NVprNUtiaTl4TTJaSkwzQjFNRzVsWVhwblNUaFJLMnB6YjFSUFRIcHFielpKSzJ4emNGUk5Xbm96U3paQksycDFiMFIxU0RkcGNUWTBLMmgxZUVSMVZqZHRTelozSzI1MWNEVTJRbVZuTTNGVllrTXpiMW8yU1dWcGJuRjNZV2d6YnpVMFVHVXdXSEZOWVdzemNGbzJWMlZ0U0hGdllXNHplSEEyWkdWdU1UWkpPVVJpWjNRMGF6bEtZV2hPZUVNcmJtVnFUbEpYT0RGbGRWQlNNalZFWld4UVVWZDRWR056ZGxnemNIcFZlSFppV0hGcU1EbDFaVnBuU1RSVE5rRmFRazB3ZFdGUFdrSnplRXRoYzJSQ2MwSnRZelpPUVhWcFIxSk1UbTV0YUcxU1lrMTFiWEJJYUdKSk1XMWphbFJNYjNoc1p5dEZSV1J2Tld0cWVtbHdjSGhyYlhwVlduRndLMjF3TjFKcVRtTnRkak5wZWtwb2JYcFVVMnB3ZEdzeWVtTlNjR3hyTkhwbFNucGtNRGg1Wm5OblRFdEhRMmxpYjBWNVJITm9SRTFWUTJnM2IyTjVSM05vTjB0cFEyaGliMnQzUzNONWVrdDNRMmMzYnpoNVRuTnFja3NyUTJkaWVFVjVVbk5yYWt0TlEyNDNjRTE1VlhOc1lrMWhRMjVpY0ZWNVdYTnRWRXR2UTIwM2NITjNZbk16VEVzeVEyMWljREI1Wm1SblJtOW9ORUl5UkROQ2JtZFlXV1JoUldWRFpHbDBiMG8wVGpKUFYyZElRa2hrU0dGUFpVVmtiRlp2ZURSV01sa3lhVzVDYm1SNGFtZ3laVkExT1ZwbFZXTjFlWGRsV2tGQlFVRkJSV3hHVkd0VGRWRnRRME1pTHo0S0NUd3ZaR1ZtY3o0S0NUeHpkSGxzWlQ0S0NUd3ZjM1I1YkdVK0NnazhkWE5sSUdsa1BTSkNZV05yWjNKdmRXNWtJaUJvY21WbVBTSWphVzFuTVNJZ2VEMGlNQ0lnZVQwaU1DSXZQZ284TDNOMlp6ND0iLz4KCTwvZGVmcz4KCTxzdHlsZT4KCTwvc3R5bGU+Cgk8dXNlIGlkPSJjYXJldCIgaHJlZj0iI2ltZzEiIHRyYW5zZm9ybT0ibWF0cml4KC43ODEsMCwwLC43ODEsMTAxLC03MykiLz4KCTx1c2UgaWQ9ImJhY2stYXJyb3ciIGhyZWY9IiNpbWcyIiB0cmFuc2Zvcm09Im1hdHJpeCguNzc0LDAsMCwuNzc0LDAsMSkiLz4KPC9zdmc+) ;
 background-size: 30px;
cursor: grab;
}

.BeforevsAfter input:active::-webkit-slider-thumb {
  cursor: grabbing;
}

.BeforevsAfter input:active::-moz-slider-thumb {
  cursor: grabbing;
}
/**/

.btn{
  background: #C72F28;
  border-radius: 25px;
  color:#fff;
  font-size: 16px;
  border: 1px solid #C72F28 !important;
  padding:12px 20px;
  min-width:180px;
  margin:0px 10px;
  font-family: 'Roboto Slab';
  font-weight: bold;
  display: flex !important;
  transition: all ease .4s;
  justify-content: center;
  max-width:270px;
}
.btn:hover {
  background: #fff;
  color:#C72F28;
}

.btn-outline-primary {
  background: #fff;
  color:#C72F28;
  border: 1px solid #C72F28;
}

.btn-outline-primary:hover {
  background: #C72F28;
  color:#fff;
}

.btn.bluebtn {
  background: #073D83;
  border: 1px solid #073D83 !important;
  font-size: 14px;
  padding:15px 30px;
  margin: 0px;

}
.btn.bluebtn:hover {
  background: #fff;
  border: 1px solid #073D83 !important;
  color:#073D83;
  }

/**/

.Blog  {
  background:#F0F7FF;
}
.Blog  .carousel-caption {
  position: inherit;
}

.Blog h6 {
  color: #054177;
  font-weight: 800; 
  text-align: left;
  line-height: 24px;
  font-size: 16px;
}
.Blog p {
  color:#202020;
  text-align: left;
  line-height: 24px;
}

.BlogContent {
  padding:20px 20px ;
  background: #fff;
  min-height: 210px;
}
.Blog .item {
  padding: 0px;
  box-shadow: 0px 2px 15px 5px rgba(7,61,31,6%); 
  transition: all ease .4s;
}
.Blog .item:hover {
  box-shadow: 9px 9px 15px 5px rgba(7,61,31,6%);
  margin-top: -10px;
}
.Blog .carousel-caption{
  padding:0px !important;
}


.Rating  {
  background:#fff;
}
.Rating  .carousel-caption {
  position: inherit;
}

.Rating h6 {
  color: #054177;
  font-weight: 800; 
  text-align: left;
  line-height: 24px;
  font-size: 16px;
}
.Rating p {
  color:#202020;
  text-align: left;
  line-height: 24px;
}

.RatingContent {
  padding:20px 20px ;
  background: #fff;
  min-height: 210px;
}
.Rating .item {
  padding: 0px;
  box-shadow: 0px 2px 15px 5px rgba(7,61,31,6%); 
  transition: all ease .4s;
}
.Rating .item:hover {
  box-shadow: 9px 9px 15px 5px rgba(7,61,31,6%);
  margin-top: -10px;
}
.Rating .carousel-caption{
  padding:0px !important;
}


/**/
footer {
  background: #054177;
  color:#fff;
  color:#fff;
}
footer *{
  color:#fff;
}
footer h2 {
  color:#fff;
}

footer .bi{
  position: absolute;
  left:10px; 
  top:3px; 

} 

footer  p{
  padding-left:40px;
  position: relative;
  font-size: 20px;
  font-weight: 400;
  margin-bottom:20px;
}
.fontLight {
  font-weight: 300;
  font-size: 16px;
}
.footer-right {
  padding-right:20%; 
}

.footer-right span {
  padding-bottom:20px;
  display: block;
  font-weight: 600;
}
.copyright {
  background:#002648;
  padding:20px ;
  color:#fff;
  text-align: center;
  font-size: 12px;
}

.copyright p {
  margin:0px;
  font-weight: 200;
}

/*Contact us*/
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="time"],
input[type="tel"],
select,
.form-select,
.form-control{
  border:none;
  border-bottom:1px solid #202020;
  width:100%;
  padding: 10px 0px;
  -webkit-text-fill-color: #7D7D7D;
  border-radius: 0px;
  margin-bottom:15px;
}


.form-control:focus,
.form-select:focus {
  outline:none;
  box-shadow: inherit;  
} 

.contact button {
  margin-top:35px;
}

.input-group select {
  flex:0 0 30% !important;
  background: url(../images/Arrow.svg);
  background-position: top 17px left 0px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-repeat: no-repeat;
  padding-left: 40px;
  background-size: 20px;
  margin-right: 10px;
}
textarea{
  resize: none;
}

/*instagram*/

.instagramImg{
  transition: all ease .4s;
}
.instagramImg:hover {
  transform: scale(1.1);
}

/*Iframe Section*/
.Iframe-section .container {
  max-width: 700px;
  margin: 0 auto;
  width: 100%;
}
.Iframe-section h5 {
  text-align: center;
}

@media(max-width:1200px){
  .navbar-nav .nav-link {
    font-size: 14px;
}
}
@media(max-width:992px){
  h1{ 
    font-size:40px;
    line-height:45px;
  }
  h2 {
    font-size:35px;
    line-height:40px;
  }
  h3 {
    font-size:30px;
    line-height:36px;
    
  }
  h5 {
    font-size:23px;
    line-height:30px;
  }
  .whyUs h2 {
    font-size: 30px;
  }
  .bannerOuter  h2 {
    font-size:35px;
    line-height:40px;
}
.owl-carousel .item {
  padding: 0;
}

  /*Navigation*/
  .navbar-nav{
    box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
    padding:10px 0px;
  }
  .navbar-nav .nav-item a{
      padding: 13px 20px;
      margin: 0;
      border-bottom: 1px solid #ebebeb;
      font-size: 14px; 
  }

  .navbar-nav a.nav-link:before {
      top: 100%;
  }
  .navbar-nav .BookAppoint-btn a.nav-link{
      text-align: center;
      width: 200px !important;
      font-size: 13px;
      margin: 10px auto !important;
  
  } 
  .logo {
    margin-left: 10px;
  }
 
  .navbar-toggler:focus {
    box-shadow: inherit;
  } 

  .why-choose {
    height:inherit;
  }
  .whyUs {
    margin-top: 135px; 
  } 
  .whyus-text:before {
    left: 0px;
  }
  .whyus-text:after{
    right:0px;
  }
  #navbarNav {
    position: absolute;
    width: 97%;
    top: 101%;
    background: #fff;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 9;
  }
  .navbar-toggler.collapsed span.closeIcon  {
    display: none;
    width: 30px;
    height: 30px;
}
span.closeIcon svg {
    width:30px;
    height:30px;
    transition:all ease .4s;
}

.closeIcon {
  display: none;
}
[aria-expanded="true"] span.closeIcon { 
    display:block; 
    
}
 
[aria-expanded="flase"] .navbar-toggler-icon {
    display:block;
}


 
[aria-expanded="true"] .navbar-toggler-icon {
  display:none;
}



.navbar-toggler-icon {
     width:30px;
    height:30px;
}
.dropdown-toggle::after {
  position: absolute;
  right: 20px;
  top: 50%;
  border-top: .5em solid;
  border-right: .5em solid transparent;
  border-bottom: 0;
  border-left: .5em solid transparent;
}


}

@media(max-width:767px){
  * {
    font-size: 14px; 
  }
  .btn {
      font-size: 14px;
      padding: 10px;
      min-width: 140px;
      margin: 0px 10px;
  }
  .ps-0 {
    padding-left: 10px !important;
  }
  h1{ 
    font-size:35px;
    line-height:45px; 
  }
  h2 {
    font-size:30px;
    line-height:40px;
  }
  h3 {
    font-size:25px;
    line-height:36px;
    
  }
  h5 {
    font-size:20px;
    line-height:25px; 
  }
  .bannerOuter h2 {
    font-size:30px;
    line-height:40px;
  }
  .treatment-card h5 {
    font-size: 20px;
    line-height:25px; 
  }
  .whyUs h2 {
    font-size: 20px;
    line-height:30px;
  }
  .whyus-text {
    font-size: 14px; 
  }
  .p-5 {
    padding: 2rem 1rem !important;
  }
  .whyus-text:after {
    background-size: 26px;
    bottom: -37px;
    right:-15px;
  }
  .whyus-text:before {
    background-size: 26px;
    top: -20px;
    left:-15px;
  }
  .whyUs img {
    max-width: 35px;
  }
  .owl-carousel .item {
    padding: 0px 10px;
  }
  .whyUs .carousel-caption {
    padding: 10px;
  }
  .why-choose{
    height:inherit;
  }
  .why-choose h2 {
    transform: translateY(10%);
  }
  .why-chooseTxt {
      transform: inherit;
  }
  .whyUs{
    margin-top:20px;
  }
  .whyUs .owl-carousel:before {
    left: -23px;
  }
  .whyUs .owl-carousel:after {
    right: -23px;
  }
  .OurTeam .offset-1 {
    margin: 0;
  }
  .team-Outer{
    margin-bottom:10px;
  }
  .BeforevsAfter .pt-4  {
    padding:0px !Important;
  }
  .Blog .owl-carousel .item {
    padding: 0px;
  }
  .owl-nav button {
    width: 35px;
    height: 35px;
    margin: 5px 10px;
  }
  .owl-nav button span {
    font-size: 21px;  
  }
  .pb-5 {
    padding-bottom:20px !important ;
  }
  .footer-right {
    padding-right: 20px;
  }
  .footer-right span {
    padding-bottom: 5px;
  }  
  .footer-right {
    padding-top:10px;
  }
  .footer-right .mb-5{
    margin-bottom:10px !important;
  }

  .owl-carousel .owl-item {
    margin-right:0px;
  }
  /*Navigation*/
  /* .navbar-nav{
    box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
    padding:10px 0px;
  }
  .navbar-nav .nav-item a{
      padding: 13px 20px;
      margin: 0;
      border-bottom: 1px solid #ebebeb;
      font-size: 14px; 
  }

  .navbar-nav a.nav-link:after {
      top: 100%;
  }
  .navbar-nav .BookAppoint-btn a.nav-link{
      text-align: center;
      width: 200px !important;
      font-size: 13px;
      margin: 10px auto !important;
  
  }  */
  .logo {
    margin-left: 10px;
  }
  .treatment-card .icon {
    flex: 0 0 60px;
    height: 60px; 
  }
  .instagramImg {
    margin-bottom: 10px !important;
  }
  .input-group select {
    flex:0 0 100% !important;
  }
  .navbar-toggler:focus {
    box-shadow: inherit;
  }
  .hero-left {
    padding: 50px 20px;
  
  }
}



.before-after-slider {
  position: relative;
  width: 100%;
  max-width: 800px;
  height: 200px;
  overflow: hidden;
}

.before-after-slider img {
  width: 100%;
  height: auto;
  display: block;
}

.before-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.before-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.after-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%; /* Adjust initial visible percentage of the after image */
  height: 100%;
  overflow: hidden;
}

.after-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.slider-handle {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(0%);
  width: 4px;
  height: 100%;
  background-color: transparent;
  border:2px solid #fff;
  cursor: ew-resize;
  z-index: 10;
  transition: background-color 0.3s;
}

/* .slider-handle:hover {
  background-color: #cccccc;
} 
 */

.slider-handle {
  border-color: #ffffff;
  border-width: 4px;
  width: 45px;
  height: 45px;
  margin-left: calc(-40px / 2 - 5px);
  margin-top: calc(-40px / 2 - 5px);
  border-radius: 100%;
  top: 50%;
}

.slider-handle:before{
  content:'';
  background:#fff;
  width:4px;
  height:300px;
  position:absolute;
  top:0;
  left: 50%;
  transform: translateX(-50%);
}

.slider-handle:after{
  content:'';
  background:#fff;
  width:4px;
  height:300px;
  position:absolute;
  bottom:0; 
  left: 50%;
  transform: translateX(-50%);
}

span.twentytwenty-left-arrow {
  position: relative;
  top: 14%;
  left:-2px;
  color:#fff;
}
span.twentytwenty-right-arrow {
  position: relative;
  top: 14%;
  left: 1px;
  color:#fff;
}

.BeforevsAfter .col-sm-12 {
  margin: 10px 0px;
}





/*dental Implant Page */
   .dental-implant-hero-section {
        background: url(../images/Dental-Implant-banner.jpg) no-repeat;
        background-size: cover;
        background-position: top left;  
        height:500px;
    }
 
   
    .dental-implant-hero-section h1{
        color:#fff; 
        position: relative; 
        text-align: center;
        top: 50%;
        font-size: 50px;
        left: 50%;
        transform: translate(-50%, -50%); 
        -webkit-transform: translate(-50%, -50%); 
        -moz-transform: translate(-50%, -50%); 
    }

    .whatweare .topContent {
        flex-wrap: wrap;
        justify-content: center;
    }
    .whatweare h3 {
        flex:0 0 100%;
        text-align: center;
    }

    .dental-implant-page *{
      font-family: 'Poppins', sans-serif;
    }
    .dental-implant-page img.fullwidth {
      width:100%
    }

    .redBoreder {
      position: relative;
      padding-bottom:.5rem!important
    }
    .redBoreder:after {
      content:'';
      position: absolute;
      height:5px;
      border-radius: 3px;
      background: #B02B2A;
      width:45px;
      left:0;
      top:100%;

    }

    .redbottomline{
        position: relative;
        text-align: center;
        padding-bottom:10px;
        font-size: 40px;
    }
    .redbottomline:after {
      content:'';
      position: absolute;
      height:5px;
      border-radius: 3px;
      background: #B02B2A;
      width:69px;
      left:0;
      right:0;
      margin:0 auto;
      top:100%;

    }

    .smallBottomLine {
      text-align: left;
      font-size:28px;
      color:#000;
      padding-bottom:10px;
    }
    .smallBottomLine:after {
      height:5px;
      left:0;
      right:auto;
      top:100%;
      width:69px


    }
    .checklist  {
      padding-left:15px;
    }
    .checklist li{
      position: relative;
      padding: 10px 0px 10px 28px;
      list-style: none;
      
    } 
    .checklist li b {
      display: block;
      padding: 0px 0px 5px;
    }
    .checklist li:before {
        content:'';
        background: url(../images/RedTick.svg);
        background-repeat: no-repeat;
        background-position: top left;
        background-size: 20px;
        position: absolute;
        left: 0;
        top:17px;
        width: 20px;
        height: 20px;
    
    }
    .imgLeft {
      flex : 0 0 30%;
    }
    .imgLeft  img {
      max-width:100%;
    }

    .caseExample {
      background: #EBF5FF;
      border-radius:10px;
    }
   .caseExample b {
      color:#054177
    }
    .readMore {
      color: #B02B2A;
      font-weight: bold;
      font-size: 14px;
      text-align: center;
      display: table;
      margin: 0 auto;
    }
    .readMore  img {
      margin-left:10px;
    }

    
    @keyframes bounce {
      0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        -ms-transform:     translateY(0);
        transform:         translateY(0)
      }
      40% {
        -webkit-transform: translateY(-30px);
        -ms-transform:     translateY(-30px);
        transform:         translateY(-30px)
      }
      60% {
        -webkit-transform: translateY(-15px);
        -ms-transform:     translateY(-15px);
        transform:         translateY(-15px)
      }
    }
    .readMore img {  
    
      -webkit-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      animation-iteration-count: infinite;
      -webkit-animation-iteration-count: infinite;
    }
    .readMore:hover img {
      cursor: pointer;
      animation-name: bounce;
      -moz-animation-name: bounce;
    }

    .grayBorder{
      background: rgba(171, 177, 191, 70%);
      height:1px;
      max-width:500px;
      width:80%;
      margin:50px auto;
      display: table;
    }

    .procedure h6{
      color:#000;
    }

    .why-chooseDentalPlant {
      background:#EBF5FF;
    }

    /*Smile Gallary*/
    .smile-gallary {
      background:#EBF5FF
    }
    .Before {
      position: relative;
      color:#fff
    }

    .Before:before {
      content: 'Before';
      position: absolute;
      top:0;
      left:0px;
      background: #B02B2A;
      width:100px;
      height:26px;
      color:#fff;
      text-align: center;
    }

    
    .After {
      position: relative;
      color:#fff
    }

    .After:after {
      content: 'After';
      position: absolute;
      top:0;
      left:0px;
      background: #054177;
      width:100px;
      height:26px;
      color:#fff;
      text-align: center;
    }

    .Before,
    .After {
      position: relative;
      color: #fff;
      width: 50%;
      display: flex;
      ALIGN-CONTENT: STRETCH;
      JUSTIFY-CONTENT: stretch;
      HEIGHT: 100%;
  
    }
    .smile-gallary img {
      width:100%;
      height:100%;
    }

    .shedule {
      background: #054177;
      text-align: center;
    }

    .shedule h4 {
      color:#fff;
      font-size: 22px;
      line-height: 30px;
      font-weight: 600;
    }
    .shedule button{
      border-radius: 7px;
      margin:20px auto 20px;
      font-size: 14px;
      font-weight: 600;
      font-family: 'Poppins', sans-serif;
      min-width: 350px;

    }

    .sticky {
      position: fixed;
      top: 0;
      width: 100%;
    }

    .leftImgContent .align-items-center {
        align-items: flex-start !important;
    }
    .leftImgContent .smallBottomLine {
      padding-top: 10px ;
    }
    .someOfKey h3.smallBottomLine:after {
      height: 5px;
      width:69px
  }
  
  .someOfKey h3.smallBottomLine {
      line-height:35px;
  }
  .why-chooseDentalPlant ul {
    padding-left: 0px;
}

    @media(max-width:1024px){
      .redbottomline {
        font-size: 30px;
      }
      .smile-gallary .col-md-12 {
        margin: 10px 0px !important;
    }
    
    .whatweare h4 {
      font-size: 30px;
    }
    .smallBottomLine {
      font-size: 25px;
    }
    .grayBorder {
      margin: 50px auto 10px;
    }
    .Iframe-section h3 {
      max-width: 90%;
      margin: 0 auto;
   }
   .dental-implant-hero-section h1 {
    font-size: 45px;
    line-height: 50px;
   }
  }

    @media(max-width:767px){
      .redbottomline {
        font-size: 25px;
        line-height: 30px;
        margin-top: 20px !important;
      }
      .whatweare h4 {
        font-size: 25px;
      }
      .smallBottomLine {
        font-size: 20px;
      }
      .leftImgContent .d-flex {
        display: inherit !important;
        padding-top: 15px !important;
      }

      .leftImgContent .ps-5 {
        padding:15px 0px 0px 0px !important;
      }
      .grayBorder {
        margin:10px auto !important;
      }
      .procedure h6 {
        font-size: 18px;
        line-height: 24px ;
      }
      .checklist {
        padding-left: 0px;
      }
      .checklist li:before {
        background-size: 15px;
        left: 10px;
        top: 14px;
        width: 15px;
        height: 15px;
      }
      .procedure img {
        max-width: 35px;
      }
      .procedure .ps-4 {
        padding-left:10px !important ;
      } 
      .shedule button {
        min-width: inherit;
     }
     .shedule h4{
      font-size: 18px;
      line-height: 24px;
     }
     .dental-implant-hero-section h1{
      font-size: 30px;
      line-height: 35px;
     }
     .dental-implant-hero-section {
      height:300px;
     }
     .Iframe-section h3 {
        max-width: 90%;
        margin: 0 auto;
    }
    .smile-gallary .col-sm-12 {
      margin:10px 0px !important;
    }
    .smile-gallary .col-sm-12 {
      flex-wrap:wrap
         
     }
     .smile-gallary .Before,
     .smile-gallary .After{
         flex:0 0 100%;
         height:auto
     }
     
}

.ContactForm input, .ContactForm textarea {color: #333;
    font-size: 16px;
    line-height: 24px;
    padding: 10px;
    border-radius: 7px;
    border: 1px solid #ccc;
    box-shadow: none;
    margin-bottom: 20px;
    background: #fff;}

.ContactForm textarea {width:100%; height: 100px;}

.ContactForm .wpcf7-submit
{    background: #C72F28;
    border-radius: 12px;
    color: #fff !important;
    font-size: 17px !important;
    border: 1px solid #C72F28 !important;
    min-width: 170px;}
   
.google-review {
    position: fixed;
    bottom: 0;
    margin: 0;
    padding: 15px 20px;
    background: #062a4e;
    border: 2px solid #fff;
    z-index: 11;
    border-radius: 10px 10px 0 0;
    border-bottom: none;
}
.g-img {
    float: left;
    margin: 10px 10px 0 0;
    padding: 0 0;
    position: relative;
}
.review-text {
    float: left;
    margin: 0 0 !important;
    padding: 0 0 !important;
    position: relative !important;

}
.google-review img {
    vertical-align: middle;
}
		
.review-text li {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    padding: 1px 0px 2px 10px;
    list-style: none;
}

@media screen and (max-width: 640px) {
    .mobile-hide {
        display: none;
    }
  .bannerOuter video{height:355px; width:130%}
  .bannerOuter .hero-section{margin-top: 41px !important;}
  .bannerOuter .owl-height{height:356px !important;}
}
   .AppointmentBtn{ position: fixed;
    bottom: 240px;
    width: 180px;
    background: #062a4e;
    padding: 10px;
    text-align: center;
    z-index: 10000;
    color: #fff;   
    transform: rotate(90deg);
    right: -70px;
     border-radius: 0 0 10px 10px;}



/*******Blog Updated CSS 25*******/

.Blog2023 h2 {
    font-size: 22px !important;
    line-height: normal !important;
    font-weight: bold !important;
    font-family: 'Roboto Slab' !important;
    color: #000 !important;
    margin-top: 30px !important;
    margin-left: 0 !important;
    padding: 10px !important;
    margin-bottom: 20px !important;
}

.Blog2023 img{margin-top:20px !important; margin-bottom: 20px !important;}

.Blog2023 .block100 {
    width: 100%;
    float: left;
    font-size: 17px;
    font-family: var(--bs-body-font-family) !important;
}

.Blog2023 h1 {
     font-family: 'Roboto Slab' !important;
    font-size: 30px !important;
    border-left: 4px solid #B02B2A;
    padding: 10px 20px;
    font-weight: 600;
    line-height: normal;
}