/* Utility CSS */
.sec-title-four.centered {
  margin: 0 auto 30px;
}
.sec-title-four h2 {
  font-size: 40px;
}
.sec-title.centered {
  margin: 0 auto 30px;
}
.sec-title h2 {
  font-size: 40px;
}

/* Header CSS Start */
.main-header {
  top: 20px;
}
.main-header .logo-box .logo {
  margin-right: 4rem;
}
.main-header .logo-box .logo img {
  width: 5rem;
}
.main-header .other-links {
  top: 0;
  display: flex;
  align-items: center;
}
.main-header .btn-style-ten .btn-title {
  padding: 0.5rem 1rem;
}
.main-header .btn-style-three .btn-title {
  padding: 0.5rem 1rem;
}
.main-header .main-menu .navigation > li {
  margin-right: 30px;
}
.main-header .main-menu .navigation > li > a {
  text-transform: uppercase;
  font-size: 16px;
}
.main-header .main-menu .navigation > li > ul.about-dropdown {
  width: 370px;
}
.main-header .main-menu .navigation > li > ul.constitution {
  width: 480px;
}
/* Header CSS End */

/* Hidden Wrapper CSS Start */
.hidden-bar-wrapper .logo img {
  width: 6rem;
}
/* Hidden Wrapper CSS End */

/* Banner Section CSS Start */
.banner-section {
  height: 100vh;
  overflow: hidden;
}
.banner-section .auto-container {
  max-width: 1400px;
}
.banner-section .content-box .inner {
  max-width: 650px;
}
.banner-section .content-box .sub-title {
  font-size: 22px;
}
.banner-section .content-box h1 {
  font-size: 65px;
}
.banner-section .outer-container {
  height: 100%;
}
.banner-section .banner-carousel {
  height: 100%;
}
.banner-section .owl-carousel .owl-stage-outer {
  height: 100%;
}
.banner-section .owl-carousel .owl-stage {
  height: 100%;
}
.banner-section .owl-carousel .owl-item {
  height: 100%;
}
.banner-section .slide-item {
  height: 100%;
}
.banner-section .content-box .content {
  padding: 10px 0px 50px;
}
.banner-section .slide-item-one .image-layer {
  background-image: url(../uaioa-images/slider-one.png);
}
.banner-section .slide-item-two .image-layer {
  background-image: url(../uaioa-images/slider-two.png);
}
.banner-section .slide-item-three .image-layer {
  background-image: url(../uaioa-images/slider-three.png);
}
/* Banner Section CSS Start */

/* About Section CSS Start */
.about-section-four {
  padding: 2rem 0;
}
.about-section-four .sec-title-four h2 {
  font-size: 35px;
}
.about-section-four .text-column .inner {
  padding-right: 0;
  padding-top: 0;
}
.about-section-four .sec-title-four .lower-text {
  text-align: justify;
  font-size: 16.8px;
  font-family: Gilroy-Medium, sans-serif;
}
.about-section-four .lower-text {
  text-align: justify;
}
/* About Section CSS End */

/* Portfolio Section CSS Start */
.portfolio-section-three {
  padding: 2rem 0;
}
.portfolio-section-three .gallery-item-two .zoom-btn {
  right: 0;
}
.portfolio-section-three .gallery-item-two .image img {
  height: 300px;
  object-fit: cover;
}
.portfolio-section-three .icon {
  display: block;
  font-size: 15px;
  color: #ffffff;
  font-weight: 700;
  padding: 0.5rem 1rem;
  background: #ff6511;
  z-index: 1;
  border-radius: 5px;
  transition: all 0.3s ease;
}
.portfolio-section-three .flaticon-left-arrow {
  position: absolute;
  top: 9rem;
  left: -4rem;
}
.portfolio-section-three .flaticon-right-arrow-1 {
  position: absolute;
  top: 9rem;
  right: -4rem;
}
.portfolio-section-three .owl-nav {
  position: absolute;
  top: 0;
  width: 100%;
}
.portfolio-section-three .owl-dots {
  display: none;
}
/* Portfolio Section CSS End */

/* Ortho Health Section CSS Start */
.ortho-health .marquee-element {
  position: absolute;
  width: 100%;
  top: 0;
  /* left: 100px; */
  font-size: 35px;
  background: rgb(255, 101, 17);
  color: #fff;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ortho-health .marquee-element marquee {
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ortho-health {
  /* padding: 5rem 0 2rem 0; */
  background-color: #fff;
}
.ortho-health .sec-title-four h2 {
  font-size: 50px;
}
/* Ortho Health Section CSS End */

/* Team Section CSS Start */
.team-section {
  padding: 2rem 0;
}
.team-section .team-block .name {
  font-size: 17px;
}
.team-section .team-block .designation {
  font-size: 10px;
  position: relative;
  z-index: 10;
}
.team-section .team-block .lower-box {
  padding: 0.5rem;
}
.team-section .owl-theme .owl-dots {
  padding-top: 10px;
}
.team-section .team-block .image-box img {
  width: 100%;
  height: 300px;
  object-fit: cover;
}
.team-section .team-block .count span {
  font-size: 70px;
}
/* Team Section CSS End */

/* Footer CSS Start */
.main-footer {
  padding: 2rem 0 1rem 0;
}
.main-footer .auto-container {
  max-width: 1400px;
}
.main-footer .footer-bottom .auto-container {
  max-width: 1400px;
}
.main-footer .widgets-section {
  padding: 0;
}
.main-footer .footer-logo img {
  width: 8rem;
  border-radius: 10px;
}
.main-footer .footer-bottom .info-block a {
  font-size: 20px;
}
.main-footer .footer-bottom .outer-table {
  display: flex;
  justify-content: space-between;
}
.main-footer .footer-bottom .info-block {
  padding: 1rem 1rem 0 1rem;
}
.main-footer .column {
  margin-bottom: 20px;
}
.main-footer .copyright {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-footer .copyright p {
  color: #a8c5d5;
  margin-bottom: 0;
  font-family: Gilroy-Medium, sans-serif;
  font-size: 1.2rem;
}
.main-footer .copyright p a {
  color: #a8c5d5;
}
.main-footer .copyright p a:hover {
  color: #fff;
}
/* Footer CSS End */

/* About Page CSS Start */
.welcome-section {
  padding: 2rem 0;
}
.welcome-section .content .lower-text {
  max-width: 100%;
  text-align: justify;
  font-family: Gilroy-Medium, sans-serif;
}
.welcome-section .btn-title {
  padding: 0.5rem 1rem;
  border-radius: 5px;
}
.welcome-section .content .links .theme-btn {
  margin: 0 1rem;
}
.welcome-section .content .links {
  padding-top: 20px;
}
.welcome-section .content h2 {
  width: 100%;
  font-size: 40px;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.welcome-section .typewriter h2 {
  overflow: hidden;
  border-right: 0.12em solid #ff6000;
  white-space: nowrap;
  margin: 0 0 0 0.5rem;
  letter-spacing: 0.05em;
  width: 100%;
  animation: typing 3.5s steps(100, start) infinite,
      blink-caret 0.75s step-end infinite;
}

.welcome-section .typewriter2 h2 {
  width: 100%;
  animation: typing2 3.5s steps(40, start) infinite,
      blink-caret 0.75s step-end infinite;
}

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

@keyframes blink-caret {
  from,
  to {
      border-color: transparent;
  }
  50% {
      border-color: #fff;
  }
}

.counter-section-two {
  padding: 2rem 0;
}
.counter-block-three {
  margin-bottom: 0;
}
.list-section .content h2 {
  font-size: 40px;
  width: 100%;
}
.table-bordered,
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td {
  border: 1px solid #000;
}
.table-bordered > thead > tr > th {
  border: 1px solid #ff6511;
  font-size: 17px;
}
.table thead th {
  color: #fff;
  background-color: #ff6000;
}
/* About Page CSS End */

/* History About Website CSS Start */
.history-about-website {
  padding: 2rem 0;
  position: relative;
  z-index: 100;
}
.history-about-website .content .sub-title {
  position: relative;
  left: 46%;
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  line-height: 1.5em;
  font-weight: 600;
  text-transform: uppercase;
  color: #ff6000;
  letter-spacing: 3px;
  margin-bottom: 12px;
}

.history-about-website .content .sub-title2 {
  position: relative;
  left: 33%;
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  line-height: 1.5em;
  font-weight: 600;
  text-transform: uppercase;
  color: #ff6000;
  letter-spacing: 3px;
  margin-bottom: 12px;
}

.history-about-website .content .sub-title:before {
  content: "";
  position: absolute;
  top: 11px;
  right: 100%;
  margin-right: 15px;
  width: 70px;
  border-bottom: 2px solid #ff6000;
}

.history-about-website .content .sub-title:after {
  content: "";
  position: absolute;
  top: 11px;
  left: 100%;
  margin-left: 15px;
  width: 70px;
  border-bottom: 2px solid #ff6000;
}

.history-about-website .content .sub-title2:before {
  content: "";
  position: absolute;
  top: 11px;
  right: 100%;
  margin-right: 15px;
  width: 70px;
  border-bottom: 2px solid #ff6000;
}

.history-about-website .content .sub-title2:after {
  content: "";
  position: absolute;
  top: 11px;
  left: 100%;
  margin-left: 15px;
  width: 70px;
  border-bottom: 2px solid #ff6000;
}
.history-about-website .content h2 {
  width: 100%;
  font-size: 40px !important;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.history-about-website .content h2 {
  font-size: 78px;
  line-height: 1.1em;
  letter-spacing: -1px;
  color: #001f29;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 0px;
}

.history-about-website .card {
  border: none;
  padding: 0;
  border-radius: 5px;
  font-family: Gilroy-Medium, sans-serif;
  border-bottom: 4px solid #ff6000;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.history-about-website .card .col-lg-4 {
  max-width: 30%;
}
.history-about-website .card .col-lg-8 {
  max-width: 70%;
}
.history-about-website .card img {
  height: 410px;
  width: 100%;
  object-fit: cover;
}
.history-about-website .card .card-img-top2 {
  height: 374px;
  width: 100%;
  object-fit: cover;
}

.history-about-website .card p {
  margin-bottom: 0;
}
.history-about-website .card .card-title {
  color: #ff6000;
  font-size: 1.4rem;
}
.history-about-website .card .card-subtitle {
  color: #000;
}
.history-about-website .card .greet {
  color: #000;
  position: relative;
  padding: 0.5rem 0;
  display: inline-block;
  font-weight: 500;
}

.history-about-website .card .card-text {
  color: #000;
  font-size: 1.1rem;
  padding-bottom: 0.5rem;
  line-height: 1.5;
}
.history-about-website .card .card-note {
  color: #000;
  font-size: 1.2rem;
  color: green;
  line-height: normal;
}
.history-about-website .card .see-more-link {
  position: absolute;
  bottom: 0.3rem;
  right: 1rem;
}

.history-about-website .card .see-more-link button {
  background: #ff6000;
  border: none;
  padding: 0.2rem 0.5rem;
  font-size: 13px;
  font-family: Gilroy-Medium, sans-serif;
}
.history-about-website .card .see-more-link button:active {
  box-shadow: none !important;
  border: none;
  background: #ff6000;
}
.history-about-website .card .see-more-link button:focus {
  box-shadow: none;
  border: none;
  background: #ff6000;
}
#doctor-info-modal .modal-content {
  border-radius: 5px;
  border: 3px dashed #ff6000;
}
#doctor-info-modal .note {
  color: green;
}
#doctor-info-modal p {
  font-family: Gilroy-Medium, sans-serif;
  color: #000;
  font-size: 17px;
  text-align: justify;
}
#doctor-info-modal p:last-child {
  margin-bottom: 0;
}

#doctor-info-modal .other-dets .title {
  font-weight: 600;
  font-family: Gilroy-Medium, sans-serif;
  color: #000;
}
#doctor-info-modal .other-dets .list-group li {
  padding: 0.2rem 0.5rem;
  margin-bottom: 0;
  font-size: 0.9rem;
  color: #000;
  border: none;
  font-size: 15px;
  font-family: Gilroy-Medium, sans-serif;
}
#doctor-info-modal .modal-footer {
  padding: 0.5rem;
}
#doctor-info-modal .aim-text {
  color: #ff6000;
  font-size: 30px;
  font-weight: 600;
}
#doctor-info-modal .aim-text2 {
  color: #ff6000;
  font-size: 22px;
  font-weight: 600;
}
#doctor-info-modal .aim-text3 {
  color: #ff6000;
  font-size: 16px;
  font-weight: 600;
}
/* History About Website CSS End */

/* Constitution Of UAIOA CSS Start */
.constitution-of-uaioa {
  padding: 2rem 0;
  font-family: Gilroy-Medium, sans-serif;
}
.constitution-of-uaioa .content h2 {
  width: 100%;
  font-size: 2.2rem;
}
.constitution-of-uaioa .articles .article-title h1 {
  font-size: 1.4rem;
  font-weight: 500;
  margin-bottom: 0.2rem;
  color: #ff6000;
}
.constitution-of-uaioa .articles .article-text {
  display: flex;
  margin-bottom: 0.5rem;
}
.constitution-of-uaioa .articles .let-note {
  color: #000;
}
.constitution-of-uaioa .articles .info-text {
  color: #000;
  font-size: 1.2rem;
  font-weight: 600;
  padding: 0.5rem;
}
.constitution-of-uaioa .articles .article-text .icon i {
  font-size: 0.6rem;
  opacity: 0.8;
  color: #ff6000;
  margin-right: 1rem;
}
.constitution-of-uaioa .articles .article-text .text {
  font-size: 1.2rem;
  color: #000;
}
.constitution-of-uaioa .articles .article-text .text .sub-text {
  padding-left: 1rem;
}
.constitution-of-uaioa .articles .top-note {
  color: crimson;
  font-size: 1.1rem;
  font-weight: 600;
  padding-bottom: 0.5rem;
}
/* Constitution Of UAIOA CSS End */

/* Awards and Fellowship CSS Start */
.awards {
  padding: 2rem 0;
  color: #000;
  font-family: Gilroy-Medium, sans-serif;
}
.awards .content h2 {
  width: 100%;
  font-size: 2.2rem;
}
.awards .content .para {
  font-size: 1rem;
  text-align: justify;
  font-size: 1.1rem;
}
.awards .content .heading {
  padding: 1rem 0;
  font-size: 1.2rem;
  font-weight: 600;
}
.awards .content .points li {
  font-weight: 500;
  padding: 0.4rem 0.5rem;
  font-size: 1.05rem;
  margin-bottom: 0;
  text-align: start;
}
.awards .content .points li span {
  color: #ff6000;
  font-weight: 600;
}
.awards .content .note {
  color: #ff6000;
  font-size: 1.1rem;
  text-align: start;
}
/* Awards and Fellowship CSS End */

/* Members Page CSS Start */
.members {
  padding: 2rem;
  font-family: Gilroy-Medium, sans-serif;
}
.members .content h2 {
  width: 100%;
  font-size: 2.5rem;
}
.members .doctor-card {
  padding: 1rem;
  position: relative;
  border-radius: 5px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.members .doctor-card::after {
  content: "";
  background: #ff6000;
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  bottom: 0;
  left: 0;
  border-radius: 0 0 1rem 1rem;
}
.members .doctor-card .image {
  display: flex;
  justify-content: center;
}
.members .doctor-card .image img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: absolute;
  top: -2rem;
}
.members .doctor-card .content {
  padding-top: 2rem;
  font-size: 14px;
  color: #000;
}
.members .doctor-card .content .child {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.members .doctor-card .content .child:not(:last-child) {
  margin-bottom: 0.5rem;
}
.members .searh-memebers .form-control {
  font-family: Gilroy-Medium, sans-serif;
  border: 1px solid #ddd;
}
.members .searh-memebers .form-control:focus {
  box-shadow: none;
  border: 1px solid #ff6000;
}
.members .member-content .searh-memebers .search_button {
  width: 100%;
  background: #ff6000;
  border: 1px solid #ff6000;
  font-family: Gilroy-Medium, sans-serif;
}
.members .searh-memebers button:active {
  background-color: #ff6000 !important;
  border-color: #ff6000 !important;
  box-shadow: none !important;
}

/* Members Page CSS End */

/* News And Events CSS Start */
.news {
  padding: 2rem 0;
  color: #000;
  font-family: Gilroy-Medium, sans-serif;
}
.news .content h2 {
  width: 100%;
  font-size: 2.5rem;
}
.news .content .card {
  text-align: start;
  border: none;
}
.news .content .card .card-title {
  font-size: 1.2rem;
  font-weight: 600;
}

.news .content .card .card-subtitle {
  font-size: 1.1rem;
  font-weight: 600;
}

.news .content .card .card-text {
  font-size: 1rem;
}
.news .sliders .title {
  padding: 2rem 0;
  font-size: 2rem;
  font-weight: 600;
}
.news .sliders .gallery-item-two .zoom-btn {
  right: 0;
}
.news .sliders .gallery-item-two .image img {
  height: 300px;
  object-fit: cover;
}
.news .sliders .icon {
  display: block;
  font-size: 15px;
  color: #ffffff;
  font-weight: 700;
  padding: 0.5rem 1rem;
  background: #ff6511;
  z-index: 1;
  border-radius: 5px;
  transition: all 0.3s ease;
}
.news .sliders .flaticon-left-arrow {
  position: absolute;
  top: 9rem;
  left: -4rem;
}
.news .sliders .flaticon-right-arrow-1 {
  position: absolute;
  top: 9rem;
  right: -4rem;
}
.news .sliders .owl-nav {
  position: absolute;
  top: 0;
  width: 100%;
}
.news .sliders .owl-dots {
  display: none;
}
/* News And Events CSS End */

/* Contact Us CSS Start */
.contact {
  padding: 2rem 0;
  color: #000;
  font-family: Gilroy-Medium, sans-serif;
}
.contact .content h2 {
  width: 100%;
  font-size: 2.5rem;
}
.contact .contact-section {
  padding: 2rem 0;
  text-align: start;
}
.contact-section .form-area {
  padding: 1rem;
  border-left: 4px solid #ff6511;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.contact-section .form-area label {
  font-size: 15px;
}
.contact-section .form-area .form-control:focus {
  border: 1px solid #ff6511;
  box-shadow: none;
}
.contact .contact-section .form-area button {
  background: #ff6511;
  border: none;
}
.contact .contact-section .form-area button:active {
  background: #ff6511;
  border: none;
  box-shadow: none !important;
}
.contact .contact-section .form-area button:focus {
  background: #ff6511;
  border: none;
  box-shadow: none;
}
.contact .contact-section .contact-info {
  padding: 1rem;
  background-image: url(../uaioa-images/contact-us-img.jpg);
  background-size: cover;
  backdrop-filter: blur(10px);
  position: relative;
  color: #fff;
}
.contact .contact-section .contact-info::after {
  content: "";
  background: #000;
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.6;
}
.contact .contact-section .contact-info .content-info-child {
  position: relative;
  z-index: 20;
}
.contact .contact-section .contact-info .title {
  font-size: 2rem;
}
.contact .contact-section .contact-info .subdets p {
  font-size: 1.1rem;
}

.contact .contact-section .contact-info .links-info .child {
  display: flex;
}
.contact .contact-section .contact-info .links-info .child .text {
  font-size: 1.1rem;
}
.contact .contact-section .contact-info .links-info .child:not(:last-child) {
  margin-bottom: 1rem;
}
.contact .contact-section .contact-info .links-info .child .icon {
  height: 30px;
  width: 30px;
  border-radius: 5px;
  background: #ff6511;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.5rem;
}
.contact .contact-section .contact-info .links-info .child .location-icon {
  width: 43px;
}
.contact .contact-section .contact-info a:hover {
  color: #fff;
}
/* Contact Us CSS End */

/* Membership Form CSS Start */
.membership-form {
  padding: 2rem 0;
  color: #000;
  font-family: Gilroy-Medium, sans-serif;
}
.membership-form .content h2 {
  width: 100%;
  font-size: 2.5rem;
}
.membership-form .form-area {
  text-align: start;
}
.membership-form .form-area {
  padding: 1rem;
  margin: 1rem;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.membership-form .form-area .title {
  font-size: 1rem;
  color: #ff6000;
  font-weight: 600;
}
.membership-form .form-area .subtitle {
  font-size: 1.1rem;
}
.membership-form .form-area .form-group {
  display: flex;
  align-items: center;
  position: relative;
}
.membership-form .form-area .form-control {
  border: none;
  border-bottom: 1px solid #ff6000;
  padding: 0.5rem 1rem 0 1rem;
  font-family: Gilroy-Medium, sans-serif;
}
.membership-form .form-area .form-control:focus {
  box-shadow: none;
}
.membership-form .form-area .form-control::placeholder {
  color: #000;
}
.membership-form .form-area .form-group.name label {
  width: 65%;
}
.membership-form .form-area .form-group.address label {
  width: 45%;
}

.membership-form .form-area .form-group.designation label {
  width: 24%;
}
.membership-form .form-area .form-group.telephone label {
  width: 19%;
}
.membership-form .form-area .form-group.permanentAddress label {
  width: 16%;
}
.membership-form .form-area .form-group.telephoneSub label {
  width: 65%;
}
.membership-form .form-area .form-group.email label {
  width: 30%;
}
.membership-form .form-area .form-group.mobileNo label {
  width: 55%;
}
.membership-form .form-area .form-group.dob label {
  width: 80%;
}
.membership-form .form-area .form-group.placeAndDate label {
  width: 15%;
}
.membership-form .form-area .form-group.purposedBySignature label {
  width: 60%;
}
.membership-form .form-area .form-group.membershipNoUa label {
  width: 20%;
}
.membership-form .form-area .form-group.secondedBySignature label {
  width: 60%;
}
.membership-form .form-area .form-group.membershipNoUaSub label {
  width: 20%;
}
.membership-form .form-area .form-group label {
  color: #000;
  font-size: 16px;
  margin-bottom: -1.2rem;
}
.membership-form .form-area .table {
  border-color: transparent;
}
.membership-form .form-area .table label {
  color: #000;
}
.membership-form .form-area .table thead th {
  color: #000;
  background-color: transparent;
  padding: 1rem 0 1rem 0;
}

.membership-form .form-area .table > tbody > tr > td,
.table > tbody > tr > th,
.membership-form .form-area .table > tfoot > tr > td,
.membership-form .form-area .table > tfoot > tr > th,
.membership-form .form-area .table > thead > tr > td {
  padding: 0 0.5rem 0 0.5rem;
}

.membership-form .form-area .eligibility .title {
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 0.5rem;
}

.membership-form .form-area .eligibility .table td {
  padding: 0.5rem 0 0.5rem 0;
}
.membership-form .form-area .caption p {
  color: #000;
  font-size: 16px;
}
.membership-form .form-area .caption p:not(:last-child) {
  padding-bottom: 1rem;
}
.membership-form .form-area .submit-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 1rem;
}
.membership-form .form-area .submit-btn button {
  padding: 0.2rem 1rem;
  font-size: 16px;
  color: #fff;
  border-radius: 5px;
  background: #ff6000;
  transition: 0.5s all;
}
.membership-form .form-area .submit-btn button:hover {
  transform: scale(1.1);
}
/* Membership Form CSS Start */

/* Sitemap CSS Start */
.sitemap {
  padding: 2rem 0;
  color: #000;
  font-family: Gilroy-Medium, sans-serif;
}
.sitemap .content {
  text-align: start;
}
.sitemap .content .list-group-item {
  margin-bottom: 0;
  display: flex;
  justify-content: space-between;
}
.sitemap .content .list-group-item p {
  font-size: 1.1rem;
  margin-bottom: 0;
}
.sitemap .content .list-group-item p a {
  color: #000;
}
.sitemap .content .list-group-item .key p {
  color: #ff6000;
  font-weight: 500;
  font-size: 1.15rem;
}
.sitemap .content .list-group-item .key {
  width: 40%;
}
.sitemap .content .list-group-item .value {
  width: 60%;
}
/* Sitemap CSS End */

/* Auth CSS Start */
.auth .wrapper {
  padding: 1.5rem;
  border-radius: 1.5rem;
  max-width: 800px;
  margin: auto;
  font-family: Gilroy-Medium, sans-serif;
  color: #000;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.auth .wrapper .image img {
  width: 100%;
  height: 100%;
  border-radius: 1.5rem;
}
.auth .wrapper .form-content .logo img {
  width: 3rem;
}
.auth .wrapper .form-content .title {
  font-size: 2rem;
  font-family: "Gilroy-Bold", sans-serif;
}
.auth .wrapper .form-content .redirectLink {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.auth .wrapper .form-content .redirectLink p {
  color: #616161;
  font-size: 0.95rem;
  margin-bottom: 0;
}
.auth .wrapper .form-content .redirectLink a {
  font-size: 0.95rem;
}
.auth .wrapper .form-content .redirectLink a:hover {
  color: #ff6000;
}
.auth .wrapper .form-content .form {
  margin-top: 2rem;
}
.auth .wrapper .form-content .form .form-control {
  border: none;
  border-bottom: 1px solid #ff6000;
  border-radius: 0;
  font-family: Gilroy-Medium, sans-serif;
}
.auth .wrapper .form-content .form .icon {
  position: absolute;
  right: 0;
  top: 0.5rem;
  font-size: 1.2rem;
  color: #616161;
}
.auth .wrapper .form-content .form .form-control:focus {
  box-shadow: none;
}
.auth .wrapper .form-content .form button {
  background: #ff6000;
  width: 100%;
  color: #fff;
  padding: 0.2rem 1rem;
  border-radius: 0.5rem;
  font-size: 1rem;
  letter-spacing: 1px;
  margin-top: 1rem;
  text-transform: uppercase;
}
/* Auth CSS End */

/* MEDIA QUERY START */

@media (max-width: 767px) {
  .main-header .logo-box .logo img {
      width: 4rem;
  }
  .header-style-four .nav-outer .mobile-nav-toggler {
      margin-top: 10px;
  }
  .banner-section {
      height: 60vw;
      overflow: hidden;
  }
  .banner-section .content-box .content {
      padding: 92px 0px 50px;
  }
  .main-header .other-links {
      display: none;
  }
  .banner-section .content-box .sub-title {
      font-size: 2.3vw;
  }
  .banner-section .content-box h1 {
      font-size: 4vw;
  }
  .banner-section .content-box .link-box {
      display: flex;
  }
  .banner-four .content-box .link-box {
      position: relative;
      display: block;
      margin-top: 17px;
  }
  .banner-section .content-box .link-box .theme-btn {
      min-width: 28%;
      font-size: 3vw;
      letter-spacing: 1px;
  }
  .banner-section .content-box .link-box .theme-btn .btn-title {
      padding: 0.3rem 0.5rem;
      letter-spacing: 1px;
      font-size: 2vw;
  }
  .about-section-four .image-column {
      margin-bottom: 20px;
  }
  .about-section-four .sec-title-four h2 {
      font-size: 6vw;
  }
  .about-section-four .sec-title-four .lower-text {
      font-size: 4vw;
  }
  .about-section-four {
      padding: 1rem 0;
  }
  .service-block-three .text-col .inner {
      padding: 2rem;
  }
  .portfolio-section-three {
      padding: 1rem 0;
  }
  .sec-title-four .sub-title {
      margin-bottom: 0;
  }
  .sec-title-four h2 {
      font-size: 7vw;
  }
  .sec-title-four.centered {
      margin: 0 auto 20px;
  }
  .filter-gallery .filters li {
      padding: 0.3rem 1rem;
  }
  .filter-gallery .filters {
      margin-bottom: 0;
  }
  .ortho-health {
      padding: 0 0 2rem 0;
  }
  .ortho-health .sec-title-four h2 {
      font-size: 6vw;
  }
  .sec-title-four.left-aligned .sub-title:after {
      top: -15px;
  }
  .skill-section-two .text-column {
      margin-bottom: 0;
  }
  .team-section {
      padding: 1rem 0;
  }
  .team-section .team-block .image-box img {
      height: auto;
  }
  .team-section .team-block .designation {
      font-size: 2.5vw;
      line-height: 1.2;
  }
  .team-section .team-block .name {
      font-size: 3vw;
  }
  .sec-title .sub-title {
      margin-bottom: 0;
  }
  .sec-title h2 {
      font-size: 7vw;
  }
  .main-footer .footer-bottom .outer-table {
      flex-direction: column;
  }
  .main-footer .footer-bottom .info-block .info-title {
      font-size: 3.5vw;
  }
  .main-footer .footer-bottom .info-block a {
      font-size: 4.5vw;
  }
  .main-footer .footer-bottom .info-block {
      padding: 1rem 1rem 0 0;
  }
  .main-footer h3 {
      margin-bottom: 10px;
  }
  .main-footer .column:last-child {
      margin-bottom: 0;
  }
  .page-banner .inner-container {
      padding-top: 100px;
  }
  .page-banner h1 {
      font-size: 6vw;
  }
  .page-banner .bread-crumb li {
      font-size: 4vw;
  }
  .welcome-section {
      padding: 1rem 0;
  }
  .welcome-section .content .sub-title {
      font-size: 4.5vw;
  }
  .welcome-section .content h2 {
      font-size: 7vw;
      width: 100%;
      letter-spacing: normal;
  }
  .welcome-section .typewriter h2 {
      width: 65%;
  }
  @keyframes typing {
      from {
          width: 0;
      }
      to {
          width: 65%;
      }
  }
  .welcome-section .content .lower-text {
      font-size: 4vw;
  }
  .welcome-section .content .links {
      display: flex;
  }
  .welcome-section .content .links .theme-btn {
      min-width: auto;
  }
  .welcome-section .btn-title {
      font-size: 3vw;
      padding: 0.2rem 0.8rem;
  }
  .counter-section-two {
      padding: 1.5rem 0 0 0;
  }
  .counter-block-three .graph-outer {
      height: auto;
      width: auto;
      margin-bottom: 10px;
  }
  .counter-block-three .graph-outer canvas {
      width: 100px !important;
      height: 100px !important;
  }
  .counter-block-three .graph-outer .icon-box {
      line-height: normal;
      font-size: 30px;
      padding-top: 0;
  }
  .counter-block-three .graph-outer .icon-box {
      line-height: normal;
      font-size: 40px;
      padding-top: 0;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  .counter-block-three .count-box {
      font-size: 33px;
  }
  .counter-block-three .title {
      font-size: 12px;
  }
  .welcome-section .typewriter h2 {
      width: 40%;
  }
  @keyframes typing2 {
      from {
          width: 0;
      }
      to {
          width: 40%;
      }
  }
  #aboutSectionThree .welcome-section .content h2 {
      font-size: 6vw;
  }
  .table-bordered > thead > tr > th {
      font-size: 3vw;
      padding: 0.2rem;
  }
  .table-bordered,
  .table-bordered > tbody > tr > td,
  .table-bordered > tbody > tr > th,
  .table-bordered > tfoot > tr > td,
  .table-bordered > tfoot > tr > th,
  .table-bordered > thead > tr > td {
      font-size: 3.5vw;
      padding: 5px;
  }
  .constitution-of-uaioa .content h2 {
      font-size: 5vw;
  }
  .constitution-of-uaioa .content .sub-title {
      font-size: 4vw;
      margin-bottom: 5px;
  }
  .constitution-of-uaioa .articles .article-title h1 {
      font-size: 4.5vw;
  }
  .constitution-of-uaioa .articles .article-text .text {
      font-size: 3.5vw;
      text-align: justify;
  }
  .constitution-of-uaioa .articles .info-text {
      font-size: 4vw;
      line-height: 1.3;
      text-align: justify;
  }
  .constitution-of-uaioa .articles .top-note {
      font-size: 4vw;
      line-height: 1.3;
      text-align: justify;
  }
  .awards .content h2 {
      font-size: 5vw;
  }
  .awards .content .sub-title {
      font-size: 4vw;
      margin-bottom: 5px;
  }
  .awards .content .para {
      font-size: 4vw;
  }
  .awards .content .points li {
      font-size: 4.2vw;
  }
  .awards .content .note {
      font-size: 4vw;
      line-height: 1.4;
  }
  .news .content h2 {
      font-size: 5vw;
  }
  .news .content .sub-title {
      font-size: 4vw;
      margin-bottom: 5px;
  }
  .news .content .card-body {
      padding: 0;
  }
  .news .content .card .card-title {
      font-size: 4vw;
  }
  .news .content .card .card-subtitle {
      font-size: 4vw;
  }
  .news .content .card .card-text {
      font-size: 4.1vw;
  }
  .news .sliders .title {
      padding: 1rem 0;
      font-size: 4.5vw;
      font-weight: 500;
      line-height: 1.3;
  }
  .contact .contact-section {
      padding: 1rem 0 0 0;
  }
  .contact .contact-section .contact-info .links-info .child .location-icon {
      width: 71px !important;
  }
  .auth .wrapper .image img {
      margin-bottom: 1rem;
  }
  .auth .wrapper {
      padding: 1rem;
  }
  .history-about-website .card .col-lg-4 {
      max-width: 100%;
  }
  .history-about-website .card .col-lg-8 {
      max-width: 100%;
  }
  .history-about-website .card img {
      height: auto;
  }
  .history-about-website .card .card-body {
      padding: 1rem;
  }
  .history-about-website .card .card-title {
      font-size: 5vw;
  }
  .history-about-website .card .card-text {
      text-align: justify;
      font-size: 3.8vw;
  }
  .history-about-website .card .card-note {
      text-align: justify;
      font-size: 3.8vw;
  }
  .history-about-website .card .card-subtitle {
      font-size: 4vw;
  }
  #doctor-info-modal p {
      text-align: justify;
      font-size: 3.8vw;
  }

  .skill-section-two .image-column .image:nth-child(2)::after {
      display: none;
  }
  .welcome-section .member-content {
      margin-top: 3rem !important;
  }
  .members .searh-memebers {
      padding: 2rem 1rem;
  }
  .members .searh-memebers .form-control {
      margin-bottom: 1rem;
  }
  .members .serah-result {
      width: 100%;
      overflow-x: scroll;
  }
  .members .serah-result table {
      width: 150%;
  }
  .history-about-website {
      padding: 0rem 0 1rem 0;
  }
  .history-about-website .content .sub-title2 {
      position: relative;
      left: 3%;
      font-size: 4vw;
  }
  .history-about-website .content h2 {
      font-size: 22px !important;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .banner-section {
      height: 56vh;
      overflow: hidden;
  }
  .banner-section .content-box .content {
      padding: 172px 0px 50px;
  }
  .about-section-four .image-column {
      display: none;
  }
  .team-section .team-block .image-box img {
      height: auto;
  }
  .main-footer .footer-bottom .outer-table {
      flex-wrap: wrap;
  }
  .main-footer .footer-bottom .outer-table .info-block {
      width: 50%;
  }
  .main-footer .footer-bottom .info-block:last-child {
      width: 100%;
  }
  .auth .wrapper .form-content .title {
      font-size: 1.8rem;
  }
  .members .searh-memebers {
      padding: 2rem 0 0 0;
  }
  .members .searh-memebers .form-control {
      margin-bottom: 1rem;
  }
}
@media (min-width: 993px) and (max-width: 1110px) {
  /* .main-header .logo-box .logo {
      margin-right: 2rem;
  } */
  .banner-four .content-box {
      height: 800px;
  }
  .banner-section .content-box .sub-title {
      font-size: 16px;
  }
  .banner-section .content-box h1 {
      font-size: 50px;
  }
  .about-section-four .sec-title-four .lower-text {
      font-size: 14px;
  }
  .service-block-three .text-col .inner {
      padding: 1rem;
      height: 185px;
  }
  .service-block-three .text-col h3 {
      font-size: 24px;
      margin-bottom: 10px;
  }
  .service-block-three .text-col .text {
      text-align: justify;
      font-size: 11px;
  }
  .team-section .team-block .image-box img {
      height: auto;
  }

  .header-style-four .logo-box {
      width: 97px;
  }

  .main-header .main-menu .navigation > li > a {
      font-size: 10px;
  }

  .main-header .logo-box .logo {
      margin-right: 1rem;
  }

  .main-header .main-menu .navigation > li {
      margin-right: 16px;
  }

  .main-header .btn-style-ten .btn-title {
      padding: 0.3rem 0.7rem;
      font-size: 10px;
  }

  .main-header .btn-style-three .btn-title {
      padding: 0.2rem 0.6rem;
      font-size: 10px;
  }

  .header-style-four .max-nav-toggler .toggle-btn {
      font-size: 15px;
  }

  .header-style-four .max-nav-toggler {
      margin-left: 10px;
  }
}

/* himanshu media query start*/
@media (min-width: 1111px) and (max-width: 1243px) {
  .header-style-four .logo-box {
      width: 110px;
  }

  .main-header .main-menu .navigation > li > a {
      font-size: 13px;
  }

  .main-header .logo-box .logo {
      margin-right: 1.3rem;
  }

  .main-header .main-menu .navigation > li {
      margin-right: 20px;
  }

  .main-header .btn-style-ten .btn-title {
      padding: 0.3rem 0.7rem;
      font-size: 12px;
  }

  .main-header .btn-style-three .btn-title {
      padding: 0.2rem 0.6rem;
      font-size: 12px;
  }

  .header-style-four .max-nav-toggler .toggle-btn {
      font-size: 16px;
  }

  .header-style-four .max-nav-toggler {
      margin-left: 10px;
  }
}

@media (min-width: 1244px) and (max-width: 1333px) {
  .header-style-four .logo-box {
      width: 110px;
  }

  .main-header .main-menu .navigation > li > a {
      font-size: 14px;
  }

  .main-header .logo-box .logo {
      margin-right: 1.3rem;
  }

  .main-header .main-menu .navigation > li {
      margin-right: 20px;
  }

  .main-header .btn-style-ten .btn-title {
      padding: 0.3rem 0.7rem;
      font-size: 12px;
  }

  .main-header .btn-style-three .btn-title {
      padding: 0.2rem 0.6rem;
      font-size: 12px;
  }

  .header-style-four .max-nav-toggler .toggle-btn {
      font-size: 16px;
  }

  .header-style-four .max-nav-toggler {
      margin-left: 10px;
  }
}

@media (min-width: 1333px) {
  .header-style-four .logo-box {
      width: 110px;
  }

  .main-header .main-menu .navigation > li > a {
      font-size: 15px;
  }

  .main-header .logo-box .logo {
      margin-right: 1.3rem;
  }

  .main-header .main-menu .navigation > li {
      margin-right: 19px;
  }

  .main-header .btn-style-ten .btn-title {
      padding: 0.3rem 0.7rem;
      font-size: 12px;
  }

  .main-header .btn-style-three .btn-title {
      padding: 0.2rem 0.6rem;
      font-size: 12px;
  }

  .header-style-four .max-nav-toggler .toggle-btn {
      font-size: 16px;
  }

  .header-style-four .max-nav-toggler {
      margin-left: 10px;
  }
}

@media (max-width: 1023px) {
  .main-header .nav-outer .main-menu,
  .sticky-header {
      display: none;
  }
  .nav-outer .mobile-nav-toggler {
      display: block;
  }
}
/* himanshu media query end*/

/* MEDIA QUERY END */

/* Media Query For Membership Form Start */
@media (max-width: 767px) {
  .membership-form .container {
      max-width: 100%;
      padding: 0;
  }
  .membership-form .section-title h3 {
      font-size: 4vw;
  }
  .membership-form .section-title h2 {
      font-size: 5vw;
  }
  .membership-form .form-area {
      margin: 0;
  }
  .membership-form .form-area .title {
      font-size: 4vw;
  }
  .membership-form .form-area .subtitle {
      font-size: 3.8vw;
      line-height: 1.4;
  }
  .membership-form .form-area .form-group label {
      font-size: 3.2vw;
  }
  .membership-form .form-area .form-control {
      font-size: 3.2vw;
  }
  .membership-form .form-area .table label {
      font-size: 3.2vw;
  }
  .membership-form .form-area .form-group {
      margin-bottom: 0.3rem !important;
  }
  .membership-form .form-area .form-group.address label {
      width: 88%;
  }
  .membership-form .form-area .form-group.designation label {
      width: 34%;
  }
  .membership-form .form-area .form-group.telephone label {
      width: 28%;
  }
  .membership-form .form-area .form-group.permanentAddress label {
      width: 70%;
  }
  .membership-form .form-area .form-group.telephoneSub label {
      width: 30%;
  }
  .membership-form .form-area .form-group.email label {
      width: 16%;
  }
  .membership-form .form-area .form-group.mobileNo label {
      width: 26%;
  }
  .membership-form .form-area .form-group.dob label {
      width: 36%;
  }
  .membership-form .form-area .qualification {
      width: 100%;
      overflow: scroll;
  }
  .membership-form .form-area .table {
      width: 220%;
  }
  .membership-form .form-area .paymentDetail {
      width: 100%;
      overflow: scroll;
  }
  .membership-form .form-area .table {
      width: 220%;
  }
  .membership-form .form-area .form-group.placeAndDate label {
      width: 40%;
  }
  .membership-form .form-area .form-group.purposedBySignature {
      flex-direction: column;
  }
  .membership-form .form-area .form-group.purposedBySignature label {
      width: 100%;
      color: #000;
      margin-bottom: 0;
      margin-top: 0.5rem;
  }
  .membership-form .form-area .form-group.membershipNoUa label {
      width: 88%;
  }
  .membership-form .form-area .form-group.secondedBySignature {
      flex-direction: column;
  }
  .membership-form .form-area .form-group.secondedBySignature label {
      width: 100%;
      color: #000;
      margin-bottom: 0;
      margin-top: 0.5rem;
  }
  .membership-form .form-area .form-group.membershipNoUaSub label {
      width: 88%;
  }
  .membership-form .form-area .eligibility {
      padding-top: 1rem;
      width: 100%;
      overflow: scroll;
  }
  .membership-form .form-area .caption p {
      font-size: 3.3vw;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .membership-form .form-area .subtitle {
      font-size: 1rem;
  }
  .membership-form .form-area .form-group label {
      font-size: 1.3vw;
  }
  .membership-form .form-area .form-group.name label {
      width: 76%;
  }
  .membership-form .form-area .form-group.address label {
      width: 59%;
  }
  .membership-form .form-area .form-group.permanentAddress label {
      width: 16%;
  }
  .membership-form .form-area .table label {
      font-size: 1.3vw;
  }
  .membership-form .form-area .form-group.purposedBySignature label {
      width: 70%;
  }
  .membership-form .form-area .form-group.membershipNoUa label {
      width: 26%;
  }
  .membership-form .form-area .form-group.secondedBySignature label {
      width: 73%;
  }
  .membership-form .form-area .form-group.membershipNoUaSub label {
      width: 26%;
  }
  .membership-form .form-area .eligibility .table td {
      font-size: 1.3vw;
  }
  .membership-form .form-area .caption p {
      font-size: 0.9rem;
  }
}

@media (min-width: 1200px) and (max-width: 1500px) {
  .membership-form .form-area {
      margin: 0;
  }
  .membership-form .form-area .form-group.address label {
      width: 50%;
  }
  .membership-form .form-area .form-group.permanentAddress label {
      width: 16%;
  }
  .membership-form .form-area .form-group.mobileNo label {
      width: 63%;
  }
  .membership-form .form-area .form-group.dob label {
      width: 92%;
  }
  .membership-form .form-area .form-group.purposedBySignature label {
      width: 66%;
  }
  .membership-form .form-area .form-group.membershipNoUa label {
      width: 24%;
  }
  .membership-form .form-area .form-group.secondedBySignature label {
      width: 67%;
  }
  .membership-form .form-area .form-group.membershipNoUaSub label {
      width: 24%;
  }
}
/* Media Query For Membership Form End */

.uaoi-executive {
  padding: 1.5rem;
}

.uaoi-executive .card-body {
  border-radius: 8px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 0px;
  padding-top: 4px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.uaoi-executive .card-body .name {
  font-size: 1.2rem;
  color: #001f29;
}

.uaoi-executive .card-body .designation {
  font-size: 0.8rem;
  color: #ff6000;
}

.past_events .card-body .designation {
  font-size: 1.2rem;
  color: #ff6000;
  font-weight: bold;
}

.past_events .card-body {
  padding: 0px;
  padding: 2px 6px;
  cursor: pointer;
}

.past_events .card {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px,
      rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px,
      rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
  transition: transform 1s ease-out;
}

.past_events {
  margin: 3rem 0rem;
}

.past_events .card:hover {
  transform: scale(1.03) !important;
}

.user-download-form #life_membership {
  margin-right: 12px;
  transform: scale(1.6);
}