@font-face {
  font-family: "cuningham";
  src: url("/assets/fonts/Amertha_PERSONAL_USE_ONLY.ttf");
  src: url("/assets/fonts/Amertha_PERSONAL_USE_ONLY.ttf");
  }
*{
  /* overflow-x: hidden; */
}
.about-content{
  width: fit-content !important;
}
#datetimepicker3{
  color: #34495e !important;
}
.payment-option-prop .payment-option {
  height: 100px !important;
}
.cuningham-font{
  font-family: 'cuningham';
}
.text-white-col{
    color: #EAEAEA !important;
}
.text-banner-min-header{
  color: rgba(2,126,251,1) !important;
}
.bg-white-cus{
    background-color: #FFF !important;
}
.btn-blue{
    color: linear-gradient(0deg, rgba(0,172,238,1) 0%, rgba(2,126,251,1) 100%);
}
.title-bg-one{
  background-image:url(../images/title/_EXP2250.jpg) !important;
}
.title-bg-two{background-image:url(../images/title/_EXP2185.jpg) !important;
}
.title-bg-four{background-image:url(../images/title/_EXP2058.jpg) !important;
}
.title-bg-six{background-image:url(../images/title/_EXP2242.jpg) !important;
}
.title-bg-seven{background-image:url(../images/title/_EXP2250.jpg) !important;
}
.title-bg-five{background-image:url(../images/title/_EXP2058.jpg) !important;
}
.btn-3 {
    background: rgba(2,126,251,1);
    border-radius: 5px !important;
    background: linear-gradient(0deg, rgba(0,172,238,1) 0%, rgba(2,126,251,1) 100%);
    width: 130px;
    height: 40px;
    line-height: 42px;
    padding: 0;
    margin-left: 25px;
    border: none;

  }
  .btn-3 span {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
  }
  .btn-3:before,
  .btn-3:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
     background: rgba(2,126,251,1);
    transition: all 0.3s ease;
  }
  .btn-3:before {
    height: 0%;
    width: 2px;
  }
  .btn-3:after {
    width: 0%;
    height: 2px;
  }
  .btn-3:hover{
     background: transparent;
    box-shadow: none;
  }
  .btn-3:hover:before {
    height: 100%;
  }
  .btn-3:hover:after {
    width: 100%;
  }
  .btn-3 span:hover{
     color: rgba(2,126,251,1);
  }
  .btn-3 span:before,
  .btn-3 span:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
     background: rgba(2,126,251,1);
    transition: all 0.3s ease;
  }
  .btn-3 span:before {
    width: 2px;
    height: 0%;
  }
  .btn-3 span:after {
    width: 0%;
    height: 2px;
  }
  .btn-3 span:hover:before {
    height: 100%;
  }
  .btn-3 span:hover:after {
    width: 100%;
  }
/* VAlIDATION CSS */
  ::selection{
    color: #fff;
    background: #5372F0;
  }


  div .col-lg-6 .field .shake{
    animation: shake 0.3s ease-in-out;
  }

  div .col-lg-12 .field.shake{
    animation: shake 0.3s ease-in-out;
  }
  @keyframes shake {
    0%, 100%{
      margin-left: 0px;
    }
    20%, 80%{
      margin-left: -12px;
    }
    40%, 60%{
      margin-left: 12px;
    }
  }


  div .col-lg-6 .field .input-area{
    height: 50px;
    width: 100%;
    max-height: 120px;
    position: relative;
  }
  div .col-lg-6 input{
    width: 100%;
    height: 100%;
    outline: none;
    padding: 0 45px;
    font-size: 18px;
    background: none;
    caret-color: #5372F0;
    border-radius: 5px;
    border: 1px solid #bfbfbf;
    border-bottom-width: 2px;
    transition: all 0.2s ease;
  }

.input-area select{
  height: 80px !important;
}

  div .col-lg-12 .field .input-area{
    height: 50px;
    width: 100%;
    position: relative;
  }
  div .col-lg-12 input{
    width: 100%;
    height: 100%;
    outline: none;
    padding: 0 45px;
    font-size: 18px;
    background: none;
    caret-color: #5372F0;
    border-radius: 5px;
    border: 1px solid #bfbfbf;
    border-bottom-width: 2px;
    transition: all 0.2s ease;
  }

  div .col-lg-6 .field input:focus,
  div .col-lg-6 .field.valid input{
    border-color: #5372F0;
  }
  div .col-lg-6 .field.shake input,
  div .col-lg-6 .field.error input{
    border-color: #dc3545;
  }

  div .col-lg-12 .field input:focus,
  div .col-lg-12 .field.valid input{
    border-color: #5372F0;
  }
  div .col-lg-12 .field.shake input,
  div .col-lg-12 .field.error input{
    border-color: #dc3545;
  }
  .field .input-area i{
    position: absolute;
    top: 50%;
    font-size: 18px;
    pointer-events: none;
    transform: translateY(-50%);
  }
  .input-area .icon{
    left: 15px;
    color: #bfbfbf;
    transition: color 0.2s ease;
  }
  .input-area .error-icon{
    right: 15px;
    color: #dc3545;
  }
  div .col-lg-6 input:focus ~ .icon,
  div .col-lg-6 .field.valid .icon{
    color: #5372F0;
  }
  div .col-lg-6 .field.shake input:focus ~ .icon,
  div .col-lg-6 .field.error input:focus ~ .icon{
    color: #bfbfbf;
  }

  div .col-lg-12 input:focus ~ .icon,
  div .col-lg-12 .field.valid .icon{
    color: #5372F0;
  }
  div .col-lg-12 .field.shake input:focus ~ .icon,
  div .col-lg-12 .field.error input:focus ~ .icon{
    color: #bfbfbf;
  }

  div .col-lg-6 input::placeholder{
    color: #bfbfbf;
    font-size: 17px;
  }
  div .col-lg-6 .field .error-txt{
    color: #dc3545;
    text-align: left;
    margin-top: 5px;
  }
  div .col-lg-6 .field .error{
    display: none;
  }
  div .col-lg-6 .field.shake .error,
  div .col-lg-6 .field.error .error{
    display: block;
  }

  div .col-lg-12 input::placeholder{
    color: #bfbfbf;
    font-size: 17px;
  }
  div .col-lg-12 .field .error-txt{
    color: #dc3545;
    text-align: left;
    margin-top: 5px;
  }
  div .col-lg-12 .field .error{
    display: none;
  }
  div .col-lg-12 .field.shake .error,
  div .col-lg-12 .field.error .error{
    display: block;
  }


  div .col-lg-6 .pass-txt{
    text-align: left;
    margin-top: -10px;
  }
  div .col-lg-6 input[type="submit"]{
    height: 50px;
    margin-top: 30px;
    color: #fff;
    padding: 0;
    border: none;
    background: #5372F0;
    cursor: pointer;
    border-bottom: 2px solid rgba(0,0,0,0.1);
    transition: all 0.3s ease;
  }
  div .col-lg-6 input[type="submit"]:hover{
    background: #2c52ed;
  }

  div .col-lg-12 .pass-txt{
    text-align: left;
    margin-top: -10px;
  }
  div .col-lg-12 input[type="submit"]{
    height: 50px;
    margin-top: 30px;
    color: #fff;
    padding: 0;
    border: none;
    background: #5372F0;
    cursor: pointer;
    border-bottom: 2px solid rgba(0,0,0,0.1);
    transition: all 0.3s ease;
  }
  div .col-lg-12 input[type="submit"]:hover{
    background: #2c52ed;
  }

  .rating {
    --dir: right;
    --fill: gold;
    --fillbg: rgba(100, 100, 100, 0.15);
    --heart: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 21.328l-1.453-1.313q-2.484-2.25-3.609-3.328t-2.508-2.672-1.898-2.883-0.516-2.648q0-2.297 1.57-3.891t3.914-1.594q2.719 0 4.5 2.109 1.781-2.109 4.5-2.109 2.344 0 3.914 1.594t1.57 3.891q0 1.828-1.219 3.797t-2.648 3.422-4.664 4.359z"/></svg>');
    --star: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 17.25l-6.188 3.75 1.641-7.031-5.438-4.734 7.172-0.609 2.813-6.609 2.813 6.609 7.172 0.609-5.438 4.734 1.641 7.031z"/></svg>');
    --stars: 5;
    --starsize: 3rem;
    --symbol: var(--star);
    --value: 1;
    --w: calc(var(--stars) * var(--starsize));
    --x: calc(100% * (var(--value) / var(--stars)));
    block-size: var(--starsize);
    inline-size: var(--w);
    position: relative;
    touch-action: manipulation;
    -webkit-appearance: none;
  }
  [dir="rtl"] .rating {
    --dir: left;
  }
  .rating::-moz-range-track {
    background: linear-gradient(to var(--dir), var(--fill) 0 var(--x), var(--fillbg) 0 var(--x));
    block-size: 100%;
    mask: repeat left center/var(--starsize) var(--symbol);
  }
  .rating::-webkit-slider-runnable-track {
    background: linear-gradient(to var(--dir), var(--fill) 0 var(--x), var(--fillbg) 0 var(--x));
    block-size: 100%;
    mask: repeat left center/var(--starsize) var(--symbol);
    -webkit-mask: repeat left center/var(--starsize) var(--symbol);
  }
  .rating::-moz-range-thumb {
    height: var(--starsize);
    opacity: 0;
    width: var(--starsize);
  }
  .rating::-webkit-slider-thumb {
    height: var(--starsize);
    opacity: 0;
    width: var(--starsize);
    -webkit-appearance: none;
  }
  .rating, .rating-label {
    display: block;
    font-family: ui-sans-serif, system-ui, sans-serif;
  }
  .rating-label {
    margin-block-end: 1rem;
  }

  /* NO JS */
  .rating--nojs::-moz-range-track {
    background: var(--fillbg);
  }
  .rating--nojs::-moz-range-progress {
    background: var(--fill);
    block-size: 100%;
    mask: repeat left center/var(--starsize) var(--star);
  }
  .rating--nojs::-webkit-slider-runnable-track {
    background: var(--fillbg);
  }
  .rating--nojs::-webkit-slider-thumb {
    background-color: var(--fill);
    box-shadow: calc(0rem - var(--w)) 0 0 var(--w) var(--fill);
    opacity: 1;
    width: 1px;
  }
  [dir="rtl"] .rating--nojs::-webkit-slider-thumb {
    box-shadow: var(--w) 0 0 var(--w) var(--fill);
  }
  .rating-width{
    width: 350px;
  }

.review-content {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 30px;
    padding-right: 15px !important;
    margin-right: 40px !important;
}
.glaucoma-img-1{
  margin-left: 150px;
  margin-top: 40px;
}
.uvetis-img-1{
  margin-left: 150px;
  margin-top: 40px;
}
.uvetis-img-2{
  margin-left: 100px;
  margin-top: 40px;
}
.without_ampm::-webkit-datetime-edit-ampm-field {
  display: none;
}
input[type=time]::-webkit-clear-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance:none;
  appearance: none;
  margin: -10px;
}

@media all and (max-width: 480px) {
  .glaucoma-img-1{
    margin-left: 0px;
    margin-top: 40px;
  }
  .uvetis-img-1{
    margin-left: 0px;
    margin-top: 40px;
  }
  .uvetis-img-2{
    margin-left: 0px;
    margin-top: 40px;
  }
}