.contact-form-note {
    color: red;
    font-size: 16px;
}
.captcha-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%; /* Set an appropriate height if needed */
    margin-bottom: 30px;
  }

  .instagram-container {
    display: flex;
    flex-wrap: wrap; /* Wrap the items to the next row when they exceed the container width */
  }
  
  /* Adjust the width of each image container based on the screen size */
  .instagram-grid {
    flex-basis: calc(33.33% - 10px); /* For three images per row, subtract the margin */
    margin: 5px; /* Add margin to create space between the images */
  }
  
  .service-wrapper {
    position: relative;
    z-index: 10;
    background: rgba(39, 0, 255, 0.5);
    border-radius: 10px;
    backdrop-filter: blur(15px);
    background-image: linear-gradient(218.15deg, #b966e763 0%, #2f57ef4a 100%);
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .service-wrapper.service-white {
      margin-top: 64px;
    }
  }
  .function-page-banner {
    background-image: linear-gradient(90deg, rgba(255,255,255,0.8856792717086834) 6%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.89) 96%),url("../images/function-page/banner.jpg");
    background-size: cover;
    background-position: center;
    height: 80vh; /* Adjust the height as needed */
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 90px 0 90px 0;
  }
  .aligners-page-banner {
    background-image: linear-gradient(90deg, rgba(255,255,255,0.8856792717086834) 6%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.89) 96%),url("../images/banner/aligners-footer-banner.jpg");
    background-size: cover;
    background-position: center;
    height: 80vh; /* Adjust the height as needed */
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 90px 0 90px 0;
  }
  .veneers-page-banner {
    background-image: linear-gradient(90deg, rgba(255,255,255,0.8856792717086834) 6%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.89) 96%),url("../images/veneers-page/banner.jpg");
    background-size: cover;
    background-position: center;
    height: 80vh; /* Adjust the height as needed */
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 90px 0 90px 0;
  }
  .crowns-page-banner {
    background-image: url("../images/banner/crowns-footer-banner.jpg");
    background-size: cover;
    background-position: center;
    height: 80vh; /* Adjust the height as needed */
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 90px;
    border-radius: 30px;
  }
  @media only screen and (max-width: 767px) {
    .crowns-page-banner {
      margin: 35px;
    }
  }
  .implants-page-banner {
    background-image: url("../images/banner/implants-footer-banner.jpg");
    background-size: cover;
    background-position: center;
    height: 80vh; /* Adjust the height as needed */
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 90px;
    border-radius: 30px;
  }
  @media only screen and (max-width: 767px) {
    .implants-page-banner {
      margin: 35px;
    }
  }
  .btn-new-gradient-border {
    color: black;
    border: 3px double transparent;
    background-image: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)), radial-gradient(circle at left top, rgb(1, 110, 218), rgb(217, 0, 192));
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

.new-btn {
  font-size: 14px; /* Adjust the font size to make the text smaller */
  padding: 8px 20px; /* Reduce padding to make the button smaller */
  margin: 0.5rem; /* Adjust the margin to control spacing */
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.3s ease;
  border-radius: 50px;
  white-space: nowrap; /* Prevent text from breaking into multiple lines */
}
.crown-check {
  display: inline-block;
}
.home-hero {
  max-width: 90%;
}
.hero-image-veneers {
  background-image: url(../images/bg/veneers-hero.jpg);
}

.bg-veneers-opacity {
  background: #ffffff00 !important;
  color: var(--color-white) !important;
  border: 1px #ffffff solid;
}
.veneers-hero-text .content{
  padding:  0 80px 0;
}
.rbt-dashboard-content-wrapper {
  position: relative;
  margin-bottom: 30px;
  padding: 80px 60px 30px;
}
.title-veneers-hero {
  margin-bottom: 10px;
  margin-top: 15px;
  font-size: 53px;
  line-height: 1.3;
  font-family: var(--font-primary);
  font-weight: 400;
  color: #fff;
}
.description-veneers-hero {
  margin: 10px 0 30px 0;
  line-height: 160%;
  color: #cccaca;
}
@media only screen and (max-width: 1200px) {
  .title-veneers-hero {
    margin-bottom: 10px;
    font-size: 26px;
    line-height: 1.3;
    font-family: var(--font-primary);
    font-weight: 400;
    color: #fff;
  }
  
  .veneers-hero-text .content {
    padding: 40px 90px 40px 40px;
  }
  
  .rbt-dashboard-content-wrapper {
    position: relative;
    margin-bottom: 30px;
    padding: 80px 80px 30px;
  }
  .plan-offer-veneers li {
    font-size: 17px;
  }
}
@media only screen and (max-width: 767px) {
  .title-veneers-hero {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 1.3;
    font-family: var(--font-primary);
    font-weight: 400;
    color: #fff;
  }
  
  .veneers-hero-text .content {
    padding: 40px 90px 40px 40px;
  }
  
  .rbt-dashboard-content-wrapper {
    position: relative;
    margin-bottom: 30px;
    padding: 80px 25px 30px;
  }
  .plan-offer-veneers li {
    font-size: 15px;
  }
}
@media only screen and (max-width: 423px) {
  .title-veneers-hero {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 1.3;
    font-family: var(--font-primary);
    font-weight: 400;
    color: #fff;
  }
  
  .veneers-hero-text .content {
    padding: 40px 10px 40px 40px;
  }
  
  .rbt-dashboard-content-wrapper {
    position: relative;
    margin-bottom: 30px;
    padding: 80px 25px 30px;
  }

  .plan-offer-veneers li {
    font-size: 15px;
  }
}
.veneers-check {
  display: inline-block;
}
.plan-offer-veneers {
  margin: -10px;
  padding: 0;
}
.plan-offer-veneers li {
  margin: 10px;
  font-weight: 400;
  color: #fff;
}
.plan-offer-veneers li i {
  width: 16px;
  height: 16px;
  background: var(--color-white);
  margin: 0 auto;
  line-height: 16px;
  text-align: center;
  border-radius: 100%;
  color: var(--color-black);
  font-size: 14px;
  margin-right: 10px;
  display: inline-block;
}
.veneer-page-portrait {
  max-width: 100%;
  height: auto;
  width: 521px; /* Set your preferred width */
  max-height: 621px; /* Set your preferred max height */
}
.tab-button-style-added {
  justify-content: left;
  list-style: none;
}
.tab-button-style-added li {
  margin-top: 10px;
  margin-bottom: 0;
}
.tab-button-style-added li a {
  position: relative;
  display: block;
  outline: none;
  padding: 11px 28px;
  border: 0 none;
  box-shadow: none;
  color: #252424;
  border: 1px solid #c6c0c0;
  border-radius: 70px;
  margin: 0 5px 0 5px;
}
@media only screen and (max-width: 767px) {
  .veneers-page-description {
    margin-right: 0px;
  }
  .tab-button-style-added li a {
    padding: 11px 28px;
    margin: 0 2px 0 2px;
  }
}
@media only screen and (max-width: 420px) {
  .tab-button-style-added li a {
    padding: 10px 9px;
    margin: 0 2px 0 2px;
  }
}
.tab-button-style-added li a.active {
  border: 0 none;
  outline: none;
  color: #fff;
  background: #252424;
  border-radius: 70px;
}
.tab-button-style-added li a.active::after {
  transform: scaleX(1);
}
.tab-button-style-added li a .title {
  font-size: 16px;
  margin-bottom: 0;
  font-weight: 400;
}
.veneers-page-description {
  font-weight: 400;
  font-size: 17px;
  margin-right: 60px;
  color: #616161;
}
.fw--400{
font-weight: 400!important;
}
.fw--500{
  font-weight: 500!important;
  }
.prtrt-radius {
 border-radius: 23px!important;
}

/* responsive */
@media only screen and (max-width: 420px) {
  .tab-button-style-added li a {
    padding: 10px 9px;
    margin: 0 2px 0 2px;
  }
}
@media (max-width: 576px) {
  .resp-inner {
     margin-left: 0px!important;
  }
}
@media only screen and (max-width: 767px) {
  .section-title .title {
    margin-right: 0px!important;
  }
  .veneers-page-description {
    margin-right: 0px;
  }
  .tab-button-style-added li a {
    padding: 11px 28px;
    margin: 0 2px 0 2px;
  }
}
@media (min-width: 577px) and (max-width: 768px) {
  .resp-inner {
    margin-left: 0px!important;
 }
}
@media (min-width: 769px) and (max-width: 992px) {
  .veneers-page-description {
    margin-right: 0px;
  }
}
@media (min-width: 993px) {
  .veneers-page-description {
    margin-right: 0px;
  }
}

/*-----------------------
    Service Area  
------------------------*/

.veneers-page-wrapper {
  position: relative;
  z-index: 10;
  background: rgba(39, 0, 255, 0.5);
  border-radius: 10px;
  backdrop-filter: blur(15px);
  background-image: linear-gradient(218.15deg, #1f1f1f 0%, #969696 100%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .veneers-page-wrapper.service-white {
    margin-top: 64px;
  }
}
@media only screen and (max-width: 767px) {
  .splash-service-main .service-wrapper {
    padding: 30px 0 0;
  }
}
.veneers-service-style--1 {
  z-index: 2;
  text-align: left;
  padding: 50px 50px;
  position: relative;
  border-right: 1px solid #ffffff1a;
  height: 100%;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .veneers-service-style--1 {
    padding: 40px 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .veneers-service-style--1 {
    padding: 30px 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .veneers-service-style--1 {
    padding: 30px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .veneers-service-style--1 {
    padding: 15px;
  }
}
.veneers-service-style--1::before {
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: var(--color-darker);
  z-index: -1;
  position: absolute;
  border-radius: 10px;
  opacity: 0;
  transition: 0.3s;
}
.veneers-service-style--1 .icon {
  margin-bottom: 22px;
}
.veneers-service-style--1 .icon svg {
  font-size: 60px;
  stroke-width: 1;
  color: var(--color-primary);
  width: 60px;
  height: 60px;
}
.veneers-service-style--1 .icon img {
  max-height: 60px;
}
.veneers-service-style--1 .content .title {
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .veneers-service-style--1 .content .title {
    margin-bottom: 10px;
  }
}
.veneers-service-style--1 .content p {
  color: #ffffffb3;
  font-size: 16px;
  font-weight: 400;
}
.veneers-service-style--1:hover {
  transform: translateY(-20px) scale(1.03);
  border-color: transparent;
}
.veneers-service-style--1:hover::before {
  opacity: 1;
  transform: scale(1);
}

.service.veneers-service-style--1:hover::after {
  opacity: 1;
}

.service.veneers-service-style--1::after {
  content: "";
  width: 80%;
  height: 50%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background: var(--color-darker);
  bottom: 0;
  border-radius: 0;
  filter: blur(10px);
  z-index: -5;
  opacity: 0;
  transition: 0.3s;
}

.service__style--column:last-child .veneers-service-style--1 {
  border-right: none;
}
.veneers-tab-content {
  padding: 20px 20px 15px 20px;
  background: #e6e6e661;
  border-radius: 15px;
  height: 100%;
}
/**before&after*/
.slider {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 10px;
}
.slider-content {
  position: relative;
  width: 621px;
  height: 360px;
}
.slider-content figure {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  border-radius: 6px;
  overflow: hidden;
}
.slider-content figure img {
  width: 100%;
  transform-origin: center;
  transition-duration: 0.3s;
  transition-property: transform, opacity;
  transform: scale(1.3);
  opacity: 0;
}
.slider-content figure.show img {
  transform: scale(1);
  opacity: 1;
}
.slider-navigation {
  padding: 0px 30px;
}
.slider-navigation button {
  width: 2vw;
  height: 2vw;
  border-radius: 50%;
  border: 1px solid #9c9c9c;
  cursor: pointer;
  background-color: #fff;
}
.slider-navigation button.disabled {
  pointer-events: none;
}
@media only screen and (max-width: 1199px) {
  .slider-navigation button {
    width: 30px;
    height: 30px;
  }
}
.blue-style-btn {
  padding: 13px 26px;
  background: #f6f6f6;
  color: black;
  font-size: 13px;
  letter-spacing: 0.5px;
  font-weight: 500;
  position: relative;
  z-index: 1;
  transition: all 0.4s ease-in-out;
  border-radius: 100px;
  border: 1px solid #666363;
  outline: none;
}
.blue-style-btn:hover{
  background: #2f57ef;
  color: rgb(255, 255, 255);
  border: none;
}
.icon-crowns-page {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  max-width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: rgba(151, 151, 151, 0.219);
  color: var(--defaultBackground);
}
/*price calculator*/
.price-calculator .container{
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px;
  overflow: hidden;
}
.calculator-card{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 860px;
}

.shoeBackground{
  position: relative;
  width: 50%;
  height: 382px;
  transition: .5s;
}

.gradients{
  position: absolute;
  width: 100%;
  height: 382px;
  left: 0;
  top: 0;
  z-index: -2;
  border-radius: 25px;
  background-color: #e4e5e6;
  display: flex;
  align-items: center;
  justify-content: center;
  
}

.first{
  z-index: 0;
  animation: 1s width ease;
}

@keyframes width{
  from{
      width: 0%;
  }
  to{
      width: 100%;
  }
}

.second{
  z-index: -1;
}


.share{
  position: absolute;
  top: 15px;
  right: 15px;
  background-color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
  font-size: 1.3rem;
  text-decoration: none;
  color: var(--primary);
  transition: .5s;
}

.share:hover{
  transform: scale(1.1);
}

.share i{
  line-height: 50px;
}

.veneers-text{
  position: absolute;
  top: 85px;
  left: 15px;
  font-size: 11rem;
  text-transform: uppercase;
  line-height: .9;
  color: #fff;
  opacity: .1;
}

.up-jaw{
  position: absolute;
  opacity: 0;
  transition: .5s;
  padding: 50px 50px 200px 50px;
  z-index: 1;
}

.down-jaw{
  position: absolute;
  opacity: 0;
  transition: .5s;
  padding: 200px 50px 50px 50px;
}
.down-jaw.show{
  opacity: 1;
}

.up-jaw.show{
  opacity: 1;
}
@media (max-width: 450px) {
  .up-jaw{
    padding: 50px 20px 200px 20px;
  }
  .down-jaw{
    padding: 200px 20px 50px 20px;
  }
}
@media (max-width: 300px) {
  .up-jaw{
    padding: 50px 20px 150px 20px;
  }
  .down-jaw{
    padding: 150px 20px 50px 20px;
  }
}

.service-info{
  width: 50%;
  background-color: #fff;
  z-index: 1;
  padding: 35px 40px;
  border-radius: 25px;
}

.shoeName{
  padding: 0 0 10px 0;
}

.shoeName div{
  display: flex;
  align-items: center;
}
@media (max-width: 1000px) {
  .shoeName div{
    justify-content: center;
  }
}

.shoeName div .big{
  margin-right: 10px;
  font-size: 2rem;
  color: #333;
  line-height: 1;
}

.shoeName div .new{
  background-color: var(--primary);
  color: #fff;
  padding: 3px 10px;
  border-radius: 5px;
  transition: .5s;
}

.shoeName .small{
  font-weight: 500;
  color: #444;
  margin-top: 3px;
  text-transform: capitalize;
}
.color-container{
  padding: 10px 0;
}

.colors{
  padding: 8px 0;
  display: flex;
  align-items: center;
}

.color{
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin: 0 10px;
  border: 5px solid;
  cursor: pointer;
  transition: .5s;
}

.color[color="blue"]{
  background-color: #2175f5;
  border-color: #2175f5;
}

.color[color="red"]{
  background-color: #f84848;
  border-color: #f84848;
}

.color[color="green"]{
  background-color: #29b864;
  border-color: #29b864;
}

.color[color="orange"]{
  background-color: #ff5521;
  border-color: #ff5521;
}

.color[color="black"]{
  background-color: #444;
  border-color: #444;
}

.color.active{
  border-color: #fff;
  box-shadow: 0 0 10px .5px rgba(0, 0, 0, 0.2);
  transform: scale(1.1);
}

.size-container{
  padding: 10px 0;
  margin-bottom: 10px;
}

.sizes-all{
  padding: 8px 0;
  display: flex;
  align-items: center;
}

.size-1{
  width: 40px;
  height: 40px;
  border: 1px rgb(139, 138, 138) solid;
  border-radius: 70px;
  margin: 0 10px;
  padding: 8px;
  text-align: center;
  font-weight: 400;
  font-size: 15px;
  cursor: pointer;
  transition: .2s;
}

.size-1.active{
  background-color: #000;
  color: #fff;
  border: none;
  transition: .3s;
}
.size-2{
  width: 40px;
  height: 40px;
  border: 1px rgb(139, 138, 138) solid;
  border-radius: 70px;
  margin: 0 10px;
  padding: 8px;
  text-align: center;
  font-weight: 400;
  font-size: 15px;
  cursor: pointer;
  transition: .2s;
}

.size-2.active{
  background-color: #000;
  color: #fff;
  border: none;
  transition: .3s;
}
.buy-price{
  padding-top: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.price{
  color: #333;
  display: flex;
  align-items: flex-start;
}

.price h1{
  font-size: 2.1rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0px;
}

.price i{
  font-size: 1.4rem;
  margin-right: 1px;
}

.buy{
  padding: .7rem 1rem;
  background-color: var(--primary);
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  font-size: 1.1rem;
  transition: .5s;
}

.buy:hover{
  transform: scale(1.1);
}

.buy i{
  margin-right: 2px;
}

@media (max-width: 1070px){
  .shoe{
      width: 135%;
  }
}

@media (max-width: 1000px){
  .calculator-card{
      flex-direction: column;
      width: 100%;
  }
  
  .calculator-card > div{
      width: 100%;
      box-shadow: none;
  }

  .shoe{
      width: 100%;
      transform: rotate(-5deg) translateY(-50%);
      top: 55%;
      right: 2%;
  }

  .veneers-text{
      top: 20%;
      left: 5%;
  }
  
}
@media (min-width: 766px) and (max-width: 1000px) {
  .calculator-card{
    flex-direction: column;
    width: 70%;
}
}
@media (max-width: 600px){
  .share{
      width: 40px;
      height: 40px;
  }

  .share i {
      font-size: 1rem;
      line-height: 40px;
  }
  .size-1{
    font-size: 15px;
}
.size-2{
    font-size: 15px;
}
}

@media (max-width: 490px){
  .veneers-text{
      font-size: 7rem;
  }

  .shoeName div .big{
      font-size: 1.3rem;
  }

  .small{
      font-size: 1rem;
  }

  .new{
      padding: 2px 6px;
      font-size: .9rem;
  }

  .buy{
      padding: .5rem .8rem;
      font-size: .8rem;
  }

  .price h1{
      font-size: 1.5rem;
  }

  .price i{
      font-size: .9rem;
  }

  .size-1{
      margin: 0 3px;
      font-size: 15px;
  }
  .size-2{
      margin: 0 3px;
      font-size: 15px;
  }

  .color{
      margin: 0 6px;
      width: 0 20px;
      width: 20px;
      height: 20px;
      border-width: 4px;
  }

  .share{
      width: 35px;
      height: 35px;
      top: 10px;
      right: 10px;
  }

  .share i{
      font-size: .8rem;
      line-height: 35px;
  }
  .service-info{
      padding: 20px;
  }
}

@media (max-width: 400px){
  .buy i{
      display: none;
  }

  .price-calculator .container{
      padding: 20px;
  }
}
/*whatsapp*/
#whatsapp .whatsapp {
  position: fixed;
  transform: all .5s ease;
  background-color: #25D366;
  display: block;
  text-align: center;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  border-radius: 50px;
  border-right: none;
  color: #fff;
  font-weight: 700;
  font-size: 30px;
  bottom: 113px;
  right: 27px;
  border: 0;
  z-index: 9999;
  width: 50px;
  height: 50px;
  line-height: 50px;
}
#whatsapp .whatsapp::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 60px;
  height: 60px;
  background-color: #25D366;
  border-radius: 50%;
  -webkit-animation:pulse-border 1500ms ease-out infinite;
  animation:pulse-border 1500ms ease-out infinite;
}
#whatsapp .whatsapp:focus {
border: none;
outline: none;
}
@keyframes pulse-border {
  0%{transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1;}
  100%{transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0;}
}