@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&display=swap");
:root {
  --bs-secondry-color: #95c122;
}

body {
  color: var(--bs-black);
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  background-color: #fff;
}
body.open .navigation-menu__labels {
  translate: 0 0;
  visibility: visible;
}

a,
a:hover {
  color: var(--sr-body-color);
  text-decoration: none;
}

ul li,
p {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: 0.5px;
}
@media only screen and (max-width: 767.98px) {
  ul li,
  p {
    font-size: 14px;
  }
}

img {
  max-width: 100%;
}

::-webkit-scrollbar-corner {
  background-color: transparent;
}

::-webkit-scrollbar {
  width: 4px;
  background-color: var(--bs-white);
}

::-webkit-scrollbar-thumb {
  height: 50px;
  background: var(--bs-black);
}

::placeholder {
  color: var(--bs-black) !important;
  opacity: 1;
}

:-ms-input-placeholder {
  color: var(--bs-black) !important;
}

::-ms-input-placeholder {
  color: var(--bs-black) !important;
}

.text-color {
  color: #007a75 !important;
}

.bg-color {
  background-color: #007a75 !important;
}

.bg-light {
  background-color: var(--bs-gray-200) !important;
}

.bg-dark {
  background-color: var(--bs-dark) !important;
}

.bg-gradient {
  background-image: linear-gradient(90deg, #0f7956, #007a75) !important;
  background-color: #007a75;
}

.bg-gradient2 {
  background: radial-gradient(circle at 50% 48%, #0f7956 30%, #007a75 100%);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #007a75;
}

.validation {
  color: var(--bs-danger);
  font-size: 14px;
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.list-icon-check {
  padding-left: 0;
  list-style: none;
}
.list-icon-check li {
  display: flex;
  align-items: center;
  margin-bottom: 0.25rem;
  padding-left: 10px;
}
@media only screen and (max-width: 767.98px) {
  .list-icon-check li {
    align-items: start;
    padding-left: 10px;
  }
}
.list-icon-check li::before {
  content: "\f058";
  font-family: "Font Awesome 6 Free";
  font-size: 18px;
  font-weight: 900;
  color: var(--bs-black);
  position: relative;
  top: 0px;
  left: -10px;
}
@media only screen and (max-width: 767.98px) {
  .list-icon-check li::before {
    font-size: 14px;
  }
}

.list-icon {
  padding-left: 0;
  list-style: none;
}
.list-icon li {
  display: flex;
  align-items: start;
  margin-bottom: 0.25rem;
  padding-left: 10px;
}
@media only screen and (max-width: 767.98px) {
  .list-icon li {
    align-items: start;
    padding-left: 10px;
  }
}
.list-icon li::before {
  content: "\f101";
  font-family: "Font Awesome 6 Free";
  font-size: 18px;
  font-weight: 900;
  color: var(--bs-black);
  position: relative;
  top: 0px;
  left: -10px;
}
@media only screen and (max-width: 767.98px) {
  .list-icon li::before {
    font-size: 14px;
  }
}

.mobile-call-btn {
  display: none;
  padding: 10px 10px 8px;
  position: fixed;
  z-index: 9999;
  bottom: 15px;
  right: 15px;
  background: #ffc107;
  border-radius: 5%;
  width: auto;
  text-align: center;
  line-height: 1.1;
  transition: all 0.3s ease;
  animation: dropdownSlideIn 0.5s ease-in;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.3s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}
.mobile-call-btn.show {
  display: block;
}
.mobile-call-btn a {
  background: transparent;
  color: var(--bs-black);
  font-weight: bold;
}
.mobile-call-btn a i {
  font-size: 2rem;
  color: #007a75;
}

@keyframes dropdownSlideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform: translateY(0rem);
    opacity: 1;
  }
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}
@-webkit-keyframes dropdownSlideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }
  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}
header.sticky {
  position: fixed;
  width: 100%;
  top: 0;
  background-color: #01386e;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
}
header.sticky .header_wrapper {
  padding: 10px 0;
}

header {
  position: absolute;
  width: 100%;
  z-index: 99;
}
header .header_wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
}
@media only screen and (max-width: 767.98px) {
  header .header_wrapper {
    text-align: center;
    justify-content: space-between;
  }
}
header .header_wrapper .logo {
  max-width: 250px;
}
@media only screen and (max-width: 767.98px) {
  header .header_wrapper .logo img {
    width: 150px;
  }
}
header .header_wrapper .menu_top {
  position: relative;
}
@media only screen and (max-width: 767.98px) {
  header .header_wrapper .menu_top {
    display: none;
  }
}
header .header_wrapper .menu_top ul {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
}
header .header_wrapper .menu_top ul li {
  list-style: none;
}
header .header_wrapper .menu_top ul li a {
  padding-right: 40px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
}
header .header_wrapper .info {
  display: flex;
}
@media only screen and (max-width: 767.98px) {
  header .header_wrapper .info {
    margin: auto;
  }
}
header .header_wrapper .info a {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  color: #000;
  background-color: #fff;
  border: 2px solid #fff;
  padding: 3px;
  padding-right: 20px;
  border-radius: 30px;
  text-transform: uppercase;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  transition: 0.5s all;
}
header .header_wrapper .info a:hover {
  background-color: #ffc107;
  border: 2px solid #ffc107;
}
@media only screen and (max-width: 767.98px) {
  header .header_wrapper .info a {
    font-size: 12px;
    padding: 2px;
    padding-right: 10px;
    letter-spacing: 0;
  }
}
header .header_wrapper .info a i {
  width: 40px;
  height: 40px;
  background-color: #01386e;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  color: #fff;
  margin-right: 10px;
  border-radius: 50%;
}
@media only screen and (max-width: 767.98px) {
  header .header_wrapper .info a i {
    width: 25px;
    height: 25px;
    font-size: 13px;
  }
}

.hero_section {
  position: relative;
  padding: 150px 0 0;
  background-color: #01386e;
  background-size: 100%;
  background-repeat: no-repeat;
  color: #fff;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
@media only screen and (max-width: 767.98px) {
  .hero_section {
    padding: 90px 0 50px;
    background-size: cover;
  }
}
.hero_section .content {
  position: relative;
  margin-bottom: 120px;
}
@media only screen and (max-width: 767.98px) {
  .hero_section .content {
    z-index: 2;
    margin-bottom: 35px;
  }
}
.hero_section .content h1 {
  font-size: 40px;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 3px;
  text-align: left;
  font-weight: 600;
  padding-bottom: 10px;
  margin-bottom: 10px;
  text-shadow: 2px 7px 5px rgba(0, 0, 0, 0.3), 0px -4px 10px rgba(255, 255, 255, 0.3);
  position: relative;
  color: #ffc107;
}
@media only screen and (max-width: 1366px) {
  .hero_section .content h1 {
    font-size: 20px;
  }
}
.hero_section .content h1 strong {
  font-size: 60px;
  letter-spacing: 7px;
  position: relative;
  display: block;
  font-weight: 700;
  color: #fff;
}
@media only screen and (max-width: 1366px) {
  .hero_section .content h1 strong {
    font-size: 35px;
  }
}
@media only screen and (max-width: 767.98px) {
  .hero_section .content h1 strong {
    font-size: 26px;
    letter-spacing: 2px;
  }
}
@media only screen and (max-width: 767.98px) {
  .hero_section .content h1 {
    font-size: 18px;
    letter-spacing: 2px;
  }
}
.hero_section .content h1 span {
  display: block;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: none;
  color: #FFE8C7;
}
@media only screen and (max-width: 1366px) {
  .hero_section .content h1 span {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767.98px) {
  .hero_section .content h1 span {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 30px;
  }
}
.hero_section .content p {
  margin: 30px auto;
}
@media only screen and (max-width: 767.98px) {
  .hero_section .content p {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 14px;
  }
}
.hero_section .content ul li {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
@media only screen and (max-width: 1366px) {
  .hero_section .content ul li {
    font-size: 16px;
  }
}
.hero_section .content ul li::before {
  color: #fff;
  font-size: 22px;
}
@media only screen and (max-width: 767.98px) {
  .hero_section .content ul li::before {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767.98px) {
  .hero_section .content ul li {
    font-size: 14px;
  }
}
.hero_section .content .card_holder {
  display: flex;
  margin-top: 40px;
  position: relative;
}
@media only screen and (max-width: 767.98px) {
  .hero_section .content .card_holder {
    flex-direction: column;
    display: none;
  }
}
.hero_section .content .card_holder .reviews_box {
  position: relative;
  display: flex;
  align-items: center;
  padding-right: 10px;
}
@media only screen and (max-width: 767.98px) {
  .hero_section .content .card_holder .reviews_box {
    display: block;
  }
}
.hero_section .content .card_holder .reviews_box .content_inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hero_section .content .card_holder .reviews_box .content_inner .number {
  font-size: 40px;
  font-weight: 700;
  color: #ffc107;
  margin-right: 10px;
}
@media only screen and (max-width: 1366px) {
  .hero_section .content .card_holder .reviews_box .content_inner .number {
    font-size: 30px;
  }
}
.hero_section .content .card_holder .reviews_box .content_inner .info img {
  width: 100px;
}
.hero_section .content .card_holder .reviews_box .content_inner .info span {
  color: #fff;
  font-size: 14px;
  display: block;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1366px) {
  .hero_section .content .card_holder .reviews_box .content_inner .info span {
    font-size: 12px;
  }
}
.hero_section .content .card_holder .clients {
  position: relative;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  padding: 0 10px;
}
@media only screen and (max-width: 767.98px) {
  .hero_section .content .card_holder .clients {
    justify-content: space-between;
    border: none;
  }
}
.hero_section .content .card_holder .clients .number {
  font-size: 40px;
  font-weight: 700;
  color: #ffc107;
  margin-right: 10px;
}
@media only screen and (max-width: 1366px) {
  .hero_section .content .card_holder .clients .number {
    font-size: 30px;
  }
}
.hero_section .content .card_holder .clients .text {
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
@media only screen and (max-width: 767.98px) {
  .hero_section .display {
    height: 190px;
    overflow: hidden;
    text-align: center;
  }
}
@media only screen and (max-width: 767.98px) and (max-width: 767.98px) {
  .hero_section .display img {
    max-width: 200px;
    margin: auto;
    object-fit: cover;
  }
}
.hero_section form {
  position: relative;
}
.hero_section form::after {
  position: absolute;
  content: "";
  background-color: #ffc107;
  width: 200px;
  height: 200px;
  left: -15px;
  border-radius: 30px;
  top: -15px;
}
@media only screen and (max-width: 767.98px) {
  .hero_section form::after {
    left: -7px;
    top: -7px;
  }
}
.hero_section form::before {
  position: absolute;
  content: "";
  background-color: #ffc107;
  width: 200px;
  height: 200px;
  right: -15px;
  border-radius: 30px;
  bottom: -15px;
}
@media only screen and (max-width: 767.98px) {
  .hero_section form::before {
    right: -7px;
    bottom: -7px;
  }
}
.hero_section form .appoinment_form {
  position: relative;
  background-color: #fff;
  padding: 25px;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
  border-radius: 30px;
  margin-bottom: 120px;
  z-index: 2;
}
@media only screen and (max-width: 1366px) {
  .hero_section form .appoinment_form {
    padding: 15px;
  }
}
.hero_section form .appoinment_form .title {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #01386e;
  padding: 10px 20px;
  color: #fff;
  border-radius: 10px;
  position: relative;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1366px) {
  .hero_section form .appoinment_form .title {
    font-size: 14px;
    padding: 10px;
  }
}
.hero_section form .appoinment_form .title::after {
  content: "";
  border-top: 10px solid #01386e;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  width: 20px;
  bottom: -10px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.hero_section form .appoinment_form .form-group {
  margin-bottom: 20px;
}
.hero_section form .appoinment_form .form-group ::placeholder {
  color: #000;
}
.hero_section form .appoinment_form .form-group .form-select,
.hero_section form .appoinment_form .form-group .form-control {
  box-shadow: rgba(9, 30, 66, 0.15) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
  border-radius: 0;
  border: none;
  height: auto;
  padding: 10px 20px;
  background-color: #fff;
  border-radius: 10px;
  color: #000;
}
.hero_section form .appoinment_form .form-group textarea {
  resize: none;
}
.hero_section form .appoinment_form .form-group .submit-btn {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.hero_section form .appoinment_form .form-group .submit-btn #btnSubmit {
  border: none;
  background-color: #01386e;
  padding: 10px 20px;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: #fff;
  border-radius: 10px;
  font-weight: 600;
  width: auto;
}
@media only screen and (max-width: 1366px) {
  .hero_section form .appoinment_form .form-group .submit-btn #btnSubmit {
    padding: 10px;
    font-size: 14px;
    letter-spacing: 2px;
    width: 100%;
  }
}

main {
  border-radius: 50px;
  background-color: #fff;
  position: relative;
  margin-top: -50px;
  margin-bottom: -50px;
}
main .why_choose {
  position: relative;
  padding: 70px 0;
}
main .why_choose .title {
  font-size: 40px;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  line-height: 55px;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767.98px) {
  main .why_choose .title {
    font-size: 25px;
    letter-spacing: 1.5px;
    line-height: 25px;
  }
}
main .why_choose .title::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 5px;
  width: 55px;
  background-color: #000;
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
}
main .why_choose .title::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2px;
  height: 1px;
  width: 200px;
  max-width: 255px;
  background-color: #000;
  margin-left: auto;
  margin-right: auto;
}
main .why_choose .card {
  background-color: #01386e;
  padding: 25px;
  border-radius: 20px;
  text-align: center;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  outline: 2px solid #fff;
  transition: 0.5s all;
}
main .why_choose .card:hover {
  outline-offset: -10px;
}
main .why_choose .card .icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  margin: auto;
  outline-offset: 5px;
  background-color: #fff;
  outline: 2px solid #fff;
  color: #01386e;
  margin-bottom: 20px;
  font-size: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5sd all;
}
main .why_choose .card .icon img {
  width: 100%;
  height: 100%;
}
main .why_choose .card .text {
  color: #fff;
  font-size: 15px;
}
@media only screen and (max-width: 767.98px) {
  main .why_choose .card .text {
    font-size: 12px;
  }
}
main .videos {
  position: relative;
  padding: 70px 0;
  background-color: #01386e;
}
main .videos .title {
  font-size: 40px;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  line-height: 55px;
  position: relative;
  color: #fff;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767.98px) {
  main .videos .title {
    font-size: 25px;
    letter-spacing: 1.5px;
    line-height: 30px;
  }
}
main .videos .title::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 5px;
  width: 55px;
  background-color: #fff;
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
}
main .videos .title::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2px;
  height: 1px;
  width: 200px;
  max-width: 255px;
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
}
main .videos .vdo_bx {
  position: relative;
  border-radius: 15px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  overflow: hidden;
  display: block;
  border: 5px solid #fff;
}
main .treatment {
  position: relative;
  padding: 70px 0;
}
main .treatment .title {
  font-size: 40px;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 55px;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767.98px) {
  main .treatment .title {
    font-size: 25px;
    letter-spacing: 1.5px;
    line-height: 25px;
  }
}
main .treatment .title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 5px;
  width: 55px;
  background-color: #000;
  z-index: 1;
}
main .treatment .title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 1px;
  width: 200px;
  max-width: 255px;
  background-color: #000;
}
main .treatment .content {
  padding: 20px;
  border-radius: 25px;
  background-color: #fffae4;
  position: relative;
  margin-right: -20px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}
@media only screen and (max-width: 767.98px) {
  main .treatment .content {
    margin: 0;
  }
}
@media only screen and (max-width: 767.98px) {
  main .treatment {
    margin-right: 0;
    margin-top: 10px;
  }
}
main .treatment .display {
  position: relative;
  z-index: 2;
  border-radius: 25px;
  overflow: hidden;
  margin-left: -20px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}
@media only screen and (max-width: 767.98px) {
  main .treatment .display {
    margin-left: 0;
    margin-top: 10px;
  }
}
main .about {
  position: relative;
  padding: 70px 0;
  background-color: #01386e;
  color: #fff;
}
main .about .title {
  font-size: 40px;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 55px;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767.98px) {
  main .about .title {
    font-size: 25px;
    letter-spacing: 1.5px;
    line-height: 25px;
  }
}
main .about .title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 5px;
  width: 55px;
  background-color: #fff;
  z-index: 1;
}
main .about .title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 1px;
  width: 200px;
  max-width: 255px;
  background-color: #fff;
}
main .about h3 {
  font-size: 24px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  margin-bottom: 25px;
  position: relative;
  padding-bottom: 10px;
}
main .about h3::before {
  position: absolute;
  content: "";
  width: 50px;
  height: 3px;
  background-color: #FFF;
  bottom: 0;
}
main .about h3::after {
  position: absolute;
  content: "";
  left: 55px;
  width: 15px;
  height: 3px;
  background-color: #FFF;
  bottom: 0;
}
main .about ul li::before {
  color: #fff;
}
main .about .card {
  background-color: #fff;
  padding: 30px 0 30px 100px;
  border-radius: 20px;
  margin-top: 30px;
}
@media only screen and (max-width: 767.98px) {
  main .about .card {
    padding: 30px;
  }
}
main .about .card h3::before {
  background-color: #000;
}
main .about .card h3::after {
  background-color: #000;
}
main .about .card .col-lg-4 {
  position: relative;
}
main .about .card .col-lg-4:last-child::before {
  display: none;
}
main .about .card .col-lg-4::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 2px;
  background-color: rgba(0, 0, 0, 0.05);
  right: 60px;
}
@media only screen and (max-width: 767.98px) {
  main .about .card .col-lg-4::before {
    display: none;
  }
}
main .about .card ul li::before {
  color: #000;
}
main .cost {
  position: relative;
  padding: 70px 0;
}
main .cost .title {
  font-size: 40px;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 55px;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 20px;
  text-align: center;
}
@media only screen and (max-width: 767.98px) {
  main .cost .title {
    font-size: 25px;
    letter-spacing: 1.5px;
    line-height: 25px;
  }
}
main .cost .title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  height: 5px;
  width: 55px;
  background-color: #000;
  z-index: 1;
}
main .cost .title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  right: 0;
  margin: auto;
  height: 1px;
  width: 200px;
  max-width: 255px;
  background-color: #000;
}
main .cost .styled-table {
  border-collapse: collapse;
  margin: 25px 0;
  font-size: 16px;
  width: 100%;
  min-width: 400px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}
@media only screen and (max-width: 767.98px) {
  main .cost .styled-table {
    overflow: auto;
    font-size: 8px;
    min-width: auto;
  }
}
main .cost .styled-table thead tr {
  background-color: #ffc107;
  text-align: left;
}
main .cost .styled-table thead tr th {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1.5px;
  padding: 12px 15px;
  text-align: center;
  border-right: 2px solid rgba(0, 0, 0, 0.05);
}
@media only screen and (max-width: 767.98px) {
  main .cost .styled-table thead tr th {
    font-weight: 600;
    padding: 4px;
    max-width: 100px;
  }
}
main .cost .styled-table thead tr th:last-child {
  border: none;
}
main .cost .styled-table thead tr th:first-child {
  font-weight: 400;
}
main .cost .styled-table tbody tr {
  border-bottom: 1px solid #dddddd;
}
main .cost .styled-table tbody tr:nth-of-type(even) {
  background-color: #f3f3f3;
}
main .cost .styled-table tbody tr:last-of-type {
  border-bottom: 2px solid #ffc107;
}
main .cost .styled-table tbody tr td {
  padding: 12px 15px;
  text-align: center;
  border-right: 2px solid rgba(0, 0, 0, 0.05);
  font-weight: 600;
}
@media only screen and (max-width: 767.98px) {
  main .cost .styled-table tbody tr td {
    font-weight: 500;
    padding: 4px;
    max-width: 100px;
  }
}
main .cost .styled-table tbody tr td:last-child {
  border: none;
}
main .cost .styled-table tbody tr td:last-child span {
  background-color: #01386e;
  color: #fff;
}
main .cost .styled-table tbody tr td:first-child {
  font-weight: 400;
}
main .cost .styled-table tbody tr td span {
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 12px;
  background-color: #ffc107;
  padding: 10px;
  border-radius: 15px;
  width: 140px;
  display: inline-block;
  text-align: center;
  font-weight: 500;
}
@media only screen and (max-width: 767.98px) {
  main .cost .styled-table tbody tr td span {
    font-weight: 400;
    padding: 3px;
    font-size: 8px;
    width: 90px;
  }
}
main .cost .action {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767.98px) {
  main .cost .action {
    display: block;
  }
}
main .cost .action a {
  background-color: #01386e;
  padding: 15px 20px;
  width: 49.7%;
  border-radius: 15px 0 0 15px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 28px;
  text-align: center;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}
@media only screen and (max-width: 1366px) {
  main .cost .action a {
    font-size: 22px;
  }
}
main .cost .action a:hover i {
  animation: heartBeat 1000ms infinite linear;
}
@media only screen and (max-width: 767.98px) {
  main .cost .action a {
    width: 100%;
    margin-bottom: 10px;
    font-size: 16px;
    border-radius: 15px;
  }
}
main .cost .action a:last-child {
  border-radius: 0 15px 15px 0;
  background-color: #ffc107;
  color: #000;
}
@media only screen and (max-width: 767.98px) {
  main .cost .action a:last-child {
    border-radius: 15px;
  }
}
main .cost .action a:last-child i {
  background-color: #01386e;
  color: #fff;
}
main .cost .action a i {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  background-color: #ffc107;
  color: #000;
}
main .food_section {
  position: relative;
  padding: 70px 0;
}
main .food_section .title {
  font-size: 40px;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 55px;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 20px;
  text-align: center;
}
@media only screen and (max-width: 767.98px) {
  main .food_section .title {
    font-size: 25px;
    letter-spacing: 1.5px;
    line-height: 25px;
  }
}
main .food_section .title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  height: 5px;
  width: 55px;
  background-color: #000;
  z-index: 1;
}
main .food_section .title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  right: 0;
  margin: auto;
  height: 1px;
  width: 200px;
  max-width: 255px;
  background-color: #000;
}
main .food_section .content.right {
  padding: 50px 50px 5px 50px;
  margin-left: -100px;
}
@media only screen and (max-width: 767.98px) {
  main .food_section .content.right {
    margin: 0;
    padding: 0;
  }
}
main .food_section .content {
  background-color: var(--bs-white);
  position: relative;
  padding: 50px 50px 5px 0;
  margin-right: -100px;
  z-index: 2;
}
@media only screen and (max-width: 767.98px) {
  main .food_section .content {
    margin: 0;
    padding: 0;
  }
}
main .food_section .content h3 {
  font-weight: 600;
  font-size: 26px;
  position: relative;
  margin-bottom: 15px;
  padding-bottom: 5px;
  color: #01386e;
}
main .food_section .content h3::before {
  content: "";
  position: absolute;
  background-color: #01386e;
  height: 3px;
  width: 80px;
  left: 0;
  bottom: 0;
}
main .food_section .display {
  position: relative;
}
main .food_avoid {
  position: relative;
  padding: 70px 0;
}
main .food_avoid .title {
  font-size: 40px;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 55px;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 20px;
  text-align: center;
}
@media only screen and (max-width: 767.98px) {
  main .food_avoid .title {
    font-size: 25px;
    letter-spacing: 1.5px;
    line-height: 25px;
  }
}
main .food_avoid .title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  height: 5px;
  width: 55px;
  background-color: #000;
  z-index: 1;
}
main .food_avoid .title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  right: 0;
  margin: auto;
  height: 1px;
  width: 200px;
  max-width: 255px;
  background-color: #000;
}
main .food_avoid h3 {
  font-weight: 600;
  font-size: 26px;
  position: relative;
  margin-bottom: 15px;
  padding-bottom: 5px;
  color: #01386e;
}
main .food_avoid h3::before {
  content: "";
  position: absolute;
  background-color: #01386e;
  height: 3px;
  width: 80px;
  left: 0;
  bottom: 0;
}
main .food_avoid .avoid-img.left {
  margin-right: auto;
  margin-left: inherit;
}
@media only screen and (max-width: 767.98px) {
  main .food_avoid .avoid-img.left {
    margin: auto;
  }
}
main .food_avoid .avoid-img.left::before {
  border-top: 28px solid transparent;
  border-bottom: 28px solid transparent;
  width: 0;
  height: 0;
  border-left: 50px solid #01386e;
  content: "";
  position: absolute;
  right: -45px;
  top: 40%;
  border-right: 0;
  left: inherit;
}
@media only screen and (max-width: 767.98px) {
  main .food_avoid .avoid-img.left::before {
    display: none;
  }
}
main .food_avoid .avoid-img {
  width: 300px;
  height: 300px;
  position: relative;
  margin-left: auto;
}
@media only screen and (max-width: 767.98px) {
  main .food_avoid .avoid-img {
    margin: auto;
  }
}
main .food_avoid .avoid-img::before {
  border-top: 28px solid transparent;
  border-bottom: 28px solid transparent;
  width: 0;
  height: 0;
  border-right: 50px solid #01386e;
  content: "";
  position: absolute;
  left: -45px;
  top: 40%;
}
@media only screen and (max-width: 767.98px) {
  main .food_avoid .avoid-img::before {
    display: none;
  }
}
main .food_avoid .avoid-img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 5px solid #01386e;
}
main .testimonials {
  position: relative;
  padding: 50px 0;
}
@media only screen and (max-width: 767.98px) {
  main .testimonials {
    padding: 30px 0;
  }
}
main .testimonials::before {
  content: "";
  position: absolute;
  width: 67%;
  height: 100%;
  background-color: #fffae4;
  right: 0;
  top: 0;
}
@media only screen and (max-width: 767.98px) {
  main .testimonials::before {
    width: 100%;
  }
}
main .testimonials .content {
  position: relative;
  padding-left: 25px;
}
@media only screen and (max-width: 767.98px) {
  main .testimonials .content {
    padding: 20px 10px;
  }
}
main .testimonials .content .title {
  font-size: 40px;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 700;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 20px;
  color: #000;
}
@media only screen and (max-width: 767.98px) {
  main .testimonials .content .title {
    font-size: 25px;
    letter-spacing: 1.5px;
    line-height: 30px;
  }
}
main .testimonials .content .title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 5px;
  width: 55px;
  background-color: #000;
  z-index: 1;
}
main .testimonials .content .title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 1px;
  width: 200px;
  max-width: 255px;
  background-color: #000;
}
main .testimonials .content p {
  color: #000;
}
main .testimonials .testimonial_slider .owl-stage {
  display: flex;
}
main .testimonials .testimonial_slider .owl-item {
  display: flex;
  flex-direction: column;
}
main .testimonials .testimonial_slider .owl-nav {
  position: absolute;
  bottom: -30px;
  width: 145px;
  display: flex;
  right: 10px;
  justify-content: space-between;
}
main .testimonials .testimonial_slider .owl-nav button.owl-prev {
  width: 70px;
  height: 50px;
  background-color: #01386e;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 55px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
main .testimonials .testimonial_slider .owl-nav button.owl-next {
  width: 70px;
  height: 50px;
  background-color: #01386e;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 55px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
main .testimonials .testimonial_slider .testimonial {
  background-color: #01386e;
  color: #fff;
  height: 100%;
  border-radius: 25px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 125px 40px 35px;
  margin: 10px;
  position: relative;
}
@media only screen and (max-width: 767.98px) {
  main .testimonials .testimonial_slider .testimonial {
    padding: 75px 20px 15px;
  }
}
main .testimonials .testimonial_slider .testimonial::before {
  content: "\f10d";
  position: absolute;
  color: #fff;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  top: 20px;
  left: 40px;
  font-size: 75px;
}
@media only screen and (max-width: 767.98px) {
  main .testimonials .testimonial_slider .testimonial::before {
    top: 0;
    left: 20px;
    font-size: 55px;
  }
}
main .testimonials .testimonial_slider .testimonial p {
  margin-bottom: 20px;
  font-size: 18px;
  font-style: italic;
}
@media only screen and (max-width: 767.98px) {
  main .testimonials .testimonial_slider .testimonial p {
    font-size: 16px;
  }
}
main .testimonials .testimonial_slider .testimonial .profile_details {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
main .testimonials .testimonial_slider .testimonial .profile_details .profile_pic {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  margin-right: 20px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}
main .testimonials .testimonial_slider .testimonial .profile_details .info {
  position: relative;
}
main .testimonials .testimonial_slider .testimonial .profile_details .info .name {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 3px;
}
main .testimonials .testimonial_slider .testimonial .profile_details .info img {
  max-width: 100px;
}
main .faq {
  position: relative;
  padding: 70px 0;
}
@media only screen and (max-width: 767.98px) {
  main .faq {
    padding: 30px 0;
  }
}
main .faq .title {
  font-size: 40px;
  text-transform: uppercase;
  letter-spacing: 5px;
  font-weight: 700;
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 10px;
  text-align: center;
  color: #000;
}
@media only screen and (max-width: 767.98px) {
  main .faq .title {
    font-size: 25px;
  }
}
main .faq .title::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 5px;
  width: 55px;
  background-color: #000;
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
}
main .faq .title::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2px;
  height: 1px;
  width: 200px;
  max-width: 255px;
  background-color: #000;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 767.98px) {
  main .faq .accordion-item {
    margin-bottom: 25px;
  }
}
main .faq .accordion-item .accordion-button {
  background-color: #ffc107;
  color: #000;
  font-weight: 600;
  font-size: 18px;
}
main .faq .accordion-item .accordion-button:focus {
  border: none;
  box-shadow: none;
}
main .faq .accordion-item .accordion-body {
  font-size: 16px;
  font-weight: 500;
}
main .doctors_section {
  position: relative;
  padding: 50px 0;
}
main .doctors_section .title {
  font-size: 45px;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 700;
  position: relative;
  margin-bottom: 20px;
  text-align: center;
  padding-bottom: 10px;
}
@media only screen and (max-width: 767.98px) {
  main .doctors_section .title {
    font-size: 25px;
    line-height: 35px;
    letter-spacing: 1.5px;
  }
}
main .doctors_section .title::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  height: 5px;
  width: 55px;
  background-color: #000;
  z-index: 1;
}
main .doctors_section .title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  right: 0;
  margin: auto;
  height: 1px;
  width: 200px;
  max-width: 255px;
  background-color: #000;
}
main .doctors_section .doctor_profile {
  border-radius: 20px;
  padding: 10px;
  text-align: center;
  background-color: var(--bs-white);
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
  position: relative;
  display: block;
  transition: 0.5s all;
}
@media only screen and (max-width: 767.98px) {
  main .doctors_section .doctor_profile {
    margin-bottom: 20px;
  }
}
main .doctors_section .doctor_profile .profile_pic img {
  width: 100%;
}
main .doctors_section .doctor_profile:hover .profile_pic::before {
  opacity: 0.5;
}
main .doctors_section .doctor_profile:hover .profile_pic span {
  display: block;
}
main .doctors_section .doctor_profile h4 {
  text-transform: none;
  font-weight: 600;
  font-size: 20px;
  color: var(--bs-black);
}
main .doctors_section .doctor_profile span {
  font-style: italic;
  font-weight: 500;
}
main .doctors_section .doctor_profile .profile_pic {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  margin-bottom: 20px;
  transition: 0.5s all;
}
main .doctors_section .doctor_profile .profile_pic::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--bs-black);
  opacity: 0;
  top: 0;
  left: 0;
  transition: opacity 0.3s ease;
}
main .doctors_section .doctor_profile .profile_pic span {
  display: none;
  transition: 0.3s all;
  color: var(--bs-black);
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  z-index: 2;
  padding: 10px 20px;
  background-color: var(--bs-white);
  font-weight: 600;
}
main .doctors_section a {
  padding: 10px 20px;
  background-color: #ffc107;
  color: #000;
  font-weight: 700;
  letter-spacing: 2px;
  font-size: 16px;
  border-radius: 15px;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  text-align: center;
  margin: auto;
  display: inline-block;
}
main .cta_custom {
  position: relative;
  padding: 70px 0;
}
@media only screen and (max-width: 767.98px) {
  main .cta_custom {
    padding: 30px 0;
  }
}
main .cta_custom .title {
  font-size: 40px;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 700;
  position: relative;
  margin-bottom: 20px;
  text-align: center;
  padding-bottom: 10px;
}
@media only screen and (max-width: 767.98px) {
  main .cta_custom .title {
    font-size: 25px;
    line-height: 35px;
    letter-spacing: 1.5px;
  }
}
main .cta_custom .title::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  height: 5px;
  width: 55px;
  background-color: #000;
  z-index: 1;
}
main .cta_custom .title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  right: 0;
  margin: auto;
  height: 1px;
  width: 200px;
  max-width: 255px;
  background-color: #000;
}
main .cta_custom .cta_bx_holder {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 30px 50px;
  background-color: #01386e;
  border-radius: 20px;
}
@media only screen and (max-width: 767.98px) {
  main .cta_custom .cta_bx_holder {
    flex-direction: column;
    margin: auto;
    margin-bottom: 30px;
    padding: 20px;
    width: 90%;
  }
}
main .cta_custom .cta_bx_holder .cta_bx:hover ~ .cta_bx_clrd {
  left: 50px !important;
}
main .cta_custom .cta_bx_holder .cta_bx_clrd {
  position: absolute;
  width: 400px;
  height: 400px;
  background: #ff9f46 url(../images/ellipse.png) 0 100% no-repeat;
  top: -30px;
  left: 20px;
  border-radius: 10px;
  transition: 0.5s all;
}
@media only screen and (max-width: 1366px) {
  main .cta_custom .cta_bx_holder .cta_bx_clrd {
    width: 350px;
  }
}
@media only screen and (max-width: 767.98px) {
  main .cta_custom .cta_bx_holder .cta_bx_clrd {
    display: none;
  }
}
main .cta_custom .cta_bx_holder .cta_bx {
  position: relative;
  padding-right: 70px;
  color: #fff;
  width: 33%;
}
@media only screen and (max-width: 767.98px) {
  main .cta_custom .cta_bx_holder .cta_bx {
    width: 100%;
    padding-bottom: 25px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  }
}
main .cta_custom .cta_bx_holder .cta_bx .icon {
  font-size: 55px;
  margin-bottom: 25px;
  position: relative;
}
main .cta_custom .cta_bx_holder .cta_bx .title_cta {
  font-size: 22px;
  font-weight: 500;
  position: relative;
}
@media only screen and (max-width: 1366px) {
  main .cta_custom .cta_bx_holder .cta_bx .title_cta {
    font-size: 18px;
  }
}
main .cta_custom .cta_bx_holder .cta_bx p {
  margin: 25px auto;
  position: relative;
  color: #fff;
}
main .cta_custom .cta_bx_holder .cta_bx a {
  border-radius: 30px;
  padding: 10px 20px;
  text-transform: uppercase;
  letter-spacing: 2px;
  background-color: #fff;
  color: #01386e;
  font-weight: 600;
  position: relative;
  display: inline-block;
}

footer {
  background-color: #01386e;
  padding: 100px 0 0;
  color: #fff;
  text-align: center;
}
footer .copyright {
  background-color: #fffae4;
  margin-top: 50px;
  color: #000;
  padding: 20px;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
}
@media only screen and (max-width: 767.98px) {
  footer .col-lg-4 {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #ccc;
  }
}

.mobile-call-btn {
  display: none;
  position: fixed;
  z-index: 9999;
  padding: 0;
  bottom: 15px;
  right: 15px;
  border-radius: 15px;
  width: auto;
  text-align: center;
  align-items: center;
  transition: all 0.3s ease;
  text-align: center;
}
.mobile-call-btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 10px 15px;
  background: #ffc107;
  border-radius: 15px;
  width: 100%;
  line-height: normal;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 16px;
}/*# sourceMappingURL=style.css.map */