@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: 16px;
  font-family: "Poppins", sans-serif;
  background-color: #fffae4;
}
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;
}

@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;
  }
}

header {
  position: fixed;
  top: 20px;
  width: 100%;
  z-index: 10;
}
header .header_wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  padding: 10px 20px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
@media only screen and (max-width: 767.98px) {
  header .header_wrapper {
    padding: 10px;
  }
}
header .header_wrapper .logo {
  max-width: 200px;
}
@media only screen and (max-width: 767.98px) {
  header .header_wrapper .logo {
    max-width: 100px;
  }
}
header .header_wrapper .info a {
  display: flex;
  align-items: center;
  font-size: 22px;
  font-weight: 700;
  color: #007a77;
  border: 2px solid;
  letter-spacing: 2px;
  padding-right: 20px;
}
@media only screen and (max-width: 767.98px) {
  header .header_wrapper .info a {
    font-size: 14px;
    letter-spacing: 0;
    padding-right: 7px;
  }
}
header .header_wrapper .info a span {
  width: auto;
  height: 100%;
  padding: 5px 20px;
  font-weight: 600;
  background-color: #007a77;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #fff;
  margin-right: 20px;
  position: relative;
}
header .header_wrapper .info a span::after {
  content: "";
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #007a77;
  position: absolute;
  width: 20px;
  right: -18px;
  margin-top: auto;
  margin-bottom: auto;
}
@media only screen and (max-width: 767.98px) {
  header .header_wrapper .info a span {
    width: auto;
    height: 100%;
    font-size: 12px;
    padding: 5px;
    margin-right: 10px;
  }
}

.hero_section {
  position: relative;
  background-color: #007a77;
  padding-top: 70px;
  min-height: 100vh;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767.98px) {
  .hero_section {
    padding: 100px 0 50px;
  }
}
.hero_section .content {
  position: relative;
  color: #fff;
}
.hero_section .content h1 {
  font-size: 48px;
  text-transform: uppercase;
  letter-spacing: 5px;
  font-weight: 600;
  margin-bottom: 25px;
  text-shadow: 2px 7px 5px rgba(0, 0, 0, 0.3), 0px -4px 10px rgba(255, 255, 255, 0.3);
}
@media only screen and (max-width: 767.98px) {
  .hero_section .content h1 {
    font-size: 22px;
    letter-spacing: 2px;
  }
}
.hero_section .content h1 span {
  display: inline-block;
  background-color: #ffc107;
  text-shadow: none;
  padding: 5px 10px;
  color: #000;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 10px;
}
@media only screen and (max-width: 767.98px) {
  .hero_section .content h1 span {
    margin-bottom: 10px;
  }
}
.hero_section .content p {
  font-size: 18px;
}
@media only screen and (max-width: 767.98px) {
  .hero_section .content p {
    font-size: 18px;
  }
}
.hero_section .content ul li {
  font-size: 18px;
}
@media only screen and (max-width: 767.98px) {
  .hero_section .content ul li {
    align-items: flex-start;
  }
}
.hero_section .content ul li::before {
  color: #ffc107;
}
@media only screen and (max-width: 767.98px) {
  .hero_section .content ul li::before {
    padding-top: 5px;
  }
}
.hero_section .content h5 {
  background-color: #ffc107;
  padding: 10px 20px;
  display: inline-block;
  font-weight: 600;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 10px;
  color: #000;
  margin-bottom: 20px;
  font-size: 26px;
}
@media only screen and (max-width: 767.98px) {
  .hero_section .content h5 {
    font-size: 22px;
    padding: 10px;
  }
}
.hero_section .content em {
  display: block;
  font-size: 22px;
  font-weight: 600;
}
.hero_section .appoinment_form {
  position: relative;
  background-color: #fff;
  padding: 25px;
  outline: 5px solid #fff;
  outline-offset: 5px;
  border-radius: 10px;
  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;
}
@media only screen and (max-width: 767.98px) {
  .hero_section .appoinment_form {
    margin-bottom: 40px;
  }
}
.hero_section .appoinment_form .title {
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  border-radius: 10px;
  background-color: #007a77;
  padding: 5px 10px;
  color: #fff;
  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: 20px;
}
@media only screen and (max-width: 767.98px) {
  .hero_section .appoinment_form .title {
    font-size: 16px;
  }
}
.hero_section .appoinment_form .title::after {
  content: "";
  border-top: 10px solid #007a77;
  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 .appoinment_form p {
  font-weight: 500;
  text-align: center;
  font-size: 15px;
}
.hero_section .appoinment_form .form-group {
  margin-bottom: 20px;
}
.hero_section .appoinment_form .form-group .form-select,
.hero_section .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: 1px solid #888;
}
.hero_section .appoinment_form .form-group .submit-btn {
  display: flex;
  justify-content: center;
  margin-top: 30px;
  border-radius: 10px;
}
.hero_section .appoinment_form .form-group .submit-btn #btnSubmit {
  border: none;
  background-color: #007a77;
  padding: 10px 20px;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  width: 100%;
  border-radius: 10px 0 0 10px;
}
@media only screen and (max-width: 767.98px) {
  .hero_section .appoinment_form .form-group .submit-btn #btnSubmit {
    font-size: 13px;
  }
}
.hero_section .appoinment_form .form-group .submit-btn i {
  background-color: #FFC000;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  border-radius: 0 10px 10px 0;
}/*# sourceMappingURL=style.css.map */