@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");
@import url("https://fonts.googleapis.com/css2?family=Merienda:wght@300..900&family=Playball&display=swap");
:root {
  --bs-secondry-color: #ffc107;
}

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;
  font-weight: 600;
}

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

:-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: #FFE8C7 !important;
}

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

.bg-secondry {
  background-color: var(--bs-secondry-color) !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;
}

.card {
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  border-radius: 20px;
}

@keyframes masked-animation {
  0%, 100% {
    background-position: 50% 35%;
  }
  50% {
    background-position: 50% 65%;
  }
}
@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);
  }
}
/*Animation for the outewards pulsating waves*/
@keyframes pulse-wave {
  0% {
    opacity: 0;
    transform: scale(0.1);
  }
  50% {
    opacity: 1;
    transform: scale(0.5);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
/*animation for the inner and outer wave items to grow*/
@keyframes grow-circles {
  0% {
    opacity: 0.85;
    transform: scale(1);
  }
  15% {
    opacity: 1;
    transform: scale(1.05);
  }
  30% {
    opacity: 0.85;
    transform: scale(1);
  }
}
/*animation for the icon to slightly grow and shrink*/
@keyframes grow-shrink {
  0% {
    transform: scale(1);
  }
  15% {
    transform: scale(1.1);
  }
  30% {
    transform: scale(1);
  }
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  100% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes bounce2 {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.7);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
  }
}
@keyframes rotateText {
  0% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
}
.bounce {
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  cursor: auto;
  animation-name: bounce;
  -moz-animation-name: bounce;
}

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

.two_coloumn {
  columns: 2;
}
@media only screen and (max-width: 767.98px) {
  .two_coloumn {
    columns: 1;
  }
}

.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;
  }
}
.watermark {
  position: absolute;
  top: 30%;
  left: 35%;
  width: 600px;
  opacity: 0.4;
}

header.sticky {
  position: fixed;
  width: 100%;
  top: 0;
  animation: slideDown 0.35s ease-out;
}

header {
  position: relative;
  width: 100%;
  z-index: 99;
  margin-bottom: -60px;
  margin-top: 10px;
}
@media only screen and (max-width: 767.98px) {
  header {
    margin-top: 20px;
  }
}
header .header_wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  padding: 10px;
  border-radius: 50px;
  background-color: #fff;
}
@media only screen and (max-width: 767.98px) {
  header .header_wrapper {
    text-align: center;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 767.98px) {
  header .header_wrapper .logo img {
    width: 150px;
  }
}
header .header_wrapper .menu_top {
  position: relative;
  padding: 10px;
}
@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 {
  font-weight: 600;
  background-color: #fff;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  padding: 5px 15px;
  margin: auto 10px;
  border-radius: 30px;
  font-size: 14px;
  display: flex;
  align-items: center;
  line-height: normal;
}
header .header_wrapper .info {
  display: flex;
}
@media only screen and (max-width: 767.98px) {
  header .header_wrapper .info span {
    display: none;
  }
}
header .header_wrapper .info a {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
  background-color: #fff;
  padding-right: 15px;
  text-transform: uppercase;
  transition: 0.5s all;
  color: #01386e;
}
@media only screen and (max-width: 767.98px) {
  header .header_wrapper .info a {
    font-size: 18px;
    padding: 2px;
    padding-right: 15px;
    letter-spacing: 0;
  }
}
header .header_wrapper .info a img {
  width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
@media only screen and (max-width: 767.98px) {
  header .header_wrapper .info a img {
    width: 35px;
  }
}

.hero_section {
  position: relative;
  padding: 150px 0 100px;
  background-image: url(../images/bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  border: 20px solid #fff;
  border-radius: 50px;
  color: #fff;
  overflow: hidden;
}
.hero_section::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65);
  top: 0;
  left: 0;
}
@media only screen and (max-width: 767.98px) {
  .hero_section {
    padding: 180px 0 20px;
    border: none;
    border-radius: 0;
    margin-top: -100px;
  }
}
.hero_section .content {
  position: relative;
}
@media only screen and (max-width: 767.98px) {
  .hero_section .content {
    z-index: 2;
    margin-bottom: 35px;
  }
}
.hero_section .content h1 {
  display: flex;
  align-items: flex-end;
  font-weight: 600;
  color: #fff;
  text-shadow: 2px 7px 5px rgba(0, 0, 0, 0.3), 0px -4px 10px rgba(255, 255, 255, 0.3);
  border-bottom: 4px solid #ffc107;
  padding-bottom: 20px;
  margin-bottom: 15px;
  font-size: 40px;
  position: relative;
}
.hero_section .content h1 span {
  font-size: 150px;
  line-height: 120px;
  text-transform: uppercase;
  color: #ffc107;
  font-weight: 700;
  margin-right: 15px;
}
@media only screen and (max-width: 767.98px) {
  .hero_section .content h1 span {
    font-size: 80px;
    line-height: 70px;
    position: relative;
    z-index: 2;
  }
}
.hero_section .content h1 strong {
  position: relative;
  font-weight: 700;
  z-index: 2;
}
@media only screen and (max-width: 767.98px) {
  .hero_section .content h1 strong {
    font-size: 24px;
    font-weight: 600;
  }
}
.hero_section .content h1 img {
  position: absolute;
  width: 340px;
  right: 0;
  bottom: 0;
}
@media only screen and (max-width: 767.98px) {
  .hero_section .content h1 img {
    width: 200px;
  }
}
.hero_section .content .subtitle {
  font-size: 51px;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
  padding-bottom: 0;
  margin-bottom: 0;
  text-shadow: 2px 7px 5px rgba(0, 0, 0, 0.3), 0px -4px 10px rgba(255, 255, 255, 0.3);
  position: relative;
  color: #fff;
  display: flex;
  align-items: center;
}
.hero_section .content .subtitle em {
  font-style: normal;
  background-color: #ffc107;
  border-radius: 10px;
  font-size: 40px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  display: inline-block;
  color: #000;
  font-weight: 700;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  text-shadow: none;
  margin: 0 10px;
}
@media only screen and (max-width: 767.98px) {
  .hero_section .content .subtitle em {
    font-size: 16px;
    padding: 7px;
  }
}
@media only screen and (max-width: 767.98px) {
  .hero_section .content .subtitle {
    font-size: 18px;
    letter-spacing: 1px;
  }
}
.hero_section .content img {
  width: 300px;
}
@media only screen and (max-width: 767.98px) {
  .hero_section .content img {
    width: 150px;
  }
}
.hero_section p {
  text-shadow: 2px 7px 5px rgba(0, 0, 0, 0.3), 0px -4px 10px rgba(255, 255, 255, 0.3);
  font-weight: 500;
}
.hero_section .appoinment_form {
  position: relative;
  background-color: #fff;
  padding: 25px;
  outline: 5px solid #fff;
  outline-offset: 5px;
  border-radius: 20px;
  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;
}
.hero_section .appoinment_form .ribbon-wrapper {
  position: relative;
  z-index: 9;
  left: -25px;
  right: -25px;
}
.hero_section .appoinment_form .ribbon-wrapper .ribbon-front {
  height: 50px;
  width: 120%;
  position: relative;
  left: -10px;
  z-index: 2;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #01386e;
  padding: 10px 20px;
  color: #fff;
  margin-bottom: 30px;
  margin-top: 0;
}
.hero_section .appoinment_form .ribbon-wrapper .ribbon-front,
.hero_section .appoinment_form .ribbon-wrapper .ribbon-back-left,
.hero_section .appoinment_form .ribbon-wrapper .ribbon-back-right {
  -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.55);
  -khtml-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.55);
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.55);
  -o-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.55);
}
.hero_section .appoinment_form .ribbon-wrapper .ribbon-edge-topleft,
.hero_section .appoinment_form .ribbon-wrapper .ribbon-edge-topright,
.hero_section .appoinment_form .ribbon-wrapper .ribbon-edge-bottomleft,
.hero_section .appoinment_form .ribbon-wrapper .ribbon-edge-bottomright {
  position: absolute;
  z-index: 1;
  border-style: solid;
  height: 0px;
  width: 0px;
}
.hero_section .appoinment_form .ribbon-wrapper .ribbon-edge-bottomleft,
.hero_section .appoinment_form .ribbon-wrapper .ribbon-edge-bottomright {
  top: 50px;
}
.hero_section .appoinment_form .ribbon-wrapper .ribbon-edge-topleft,
.hero_section .appoinment_form .ribbon-wrapper .ribbon-edge-bottomleft {
  left: -10px;
  border-color: transparent #01386e transparent transparent;
}
.hero_section .appoinment_form .ribbon-wrapper .ribbon-edge-topleft {
  top: -5px;
  border-width: 5px 10px 0 0;
}
.hero_section .appoinment_form .ribbon-wrapper .ribbon-edge-bottomleft {
  border-width: 0 10px 0px 0;
}
.hero_section .appoinment_form .ribbon-wrapper .ribbon-edge-topright,
.hero_section .appoinment_form .ribbon-wrapper .ribbon-edge-bottomright {
  left: 114%;
  border-color: transparent transparent transparent #01386e;
}
.hero_section .appoinment_form .ribbon-wrapper .ribbon-edge-topright {
  top: 0px;
  border-width: 0px 0 0 10px;
}
.hero_section .appoinment_form .ribbon-wrapper .ribbon-edge-bottomright {
  border-width: 0 0 5px 10px;
}
@-webkit-keyframes flow {
  0% {
    left: -20px;
    opacity: 0;
  }
  50% {
    left: 150px;
    opacity: 0.3;
  }
  100% {
    left: 350px;
    opacity: 0;
  }
}
@keyframes flow {
  0% {
    left: -20px;
    opacity: 0;
  }
  50% {
    left: 150px;
    opacity: 0.3;
  }
  100% {
    left: 350px;
    opacity: 0;
  }
}
.hero_section .appoinment_form .ribbon-wrapper .glow {
  width: 40px;
  height: 100%;
  z-index: 999;
  position: absolute;
  -webkit-animation: flow 2s linear infinite;
  -moz-animation: flow 2s linear infinite;
  -webkit-transform: skew(20deg);
  -moz-transform: skew(20deg);
  -o-transform: skew(20deg);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, rgb(255, 255, 255) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(1%, rgba(255, 255, 255, 0)), color-stop(100%, rgb(255, 255, 255)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, rgb(255, 255, 255) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, rgb(255, 255, 255) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, rgb(255, 255, 255) 100%);
  /* IE10+ */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, rgb(255, 255, 255) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffff", GradientType=1);
  /* IE6-9 */
  border-left: 1px solid #fff;
}
.hero_section .appoinment_form .form-group {
  margin-bottom: 15px;
}
.hero_section .appoinment_form .form-group:last-child {
  margin-bottom: 0;
}
.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: 0px;
  border: 1px solid #888;
}
.hero_section .appoinment_form .form-group .submit-btn {
  display: inline-flex;
  justify-content: center;
  margin: auto;
  margin-top: 10px;
}
.hero_section .appoinment_form .form-group .submit-btn input {
  border: none;
  background-color: #ffc107;
  padding: 10px 20px;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: #000;
  font-weight: 600;
  width: 100%;
  border-radius: 10px;
  font-size: 16px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
.hero_section .appoinment_form .form-group .submit-btn input:focus {
  background-color: #01386e;
  color: #fff;
}
.hero_section .appoinment_form .form-group .submit-btn input:active {
  background-color: #01386e;
  color: #fff;
}
@media only screen and (max-width: 767.98px) {
  .hero_section .appoinment_form .form-group .submit-btn input {
    font-size: 14px;
    letter-spacing: 2px;
  }
}
.hero_section .appoinment_form .form-group .submit-btn i {
  background-color: #ffc107;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
}

.about {
  position: relative;
  padding: 70px 0;
}
@media only screen and (max-width: 767.98px) {
  .about {
    padding: 30px 0;
  }
}
@media only screen and (max-width: 767.98px) {
  .about .row {
    flex-direction: column-reverse;
  }
}
.about .display {
  position: relative;
  border-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.about .display img {
  width: 100%;
  border-radius: 20px;
}
.about .display .link {
  background-color: #01386e;
  padding: 10px 15px;
  color: #fff;
  position: absolute;
  bottom: 140px;
  right: -50px;
  border-radius: 15px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  display: flex;
  align-items: center;
  /* font-family: "Merienda", sans-serif; */
}
@media only screen and (max-width: 767.98px) {
  .about .display .link {
    right: 20px;
    left: 20px;
    bottom: 10px;
  }
}
.about .display .link:last-child {
  bottom: 50px;
  color: #000;
  background-color: #ffc107;
}
@media only screen and (max-width: 767.98px) {
  .about .display .link:last-child {
    bottom: 90px;
  }
}
.about .display .link span {
  display: block;
  font-weight: 600;
  font-size: 18px;
}
.about .display .link i {
  font-size: 50px;
  margin-right: 20px;
}
.about .content {
  position: relative;
  padding-left: 70px;
}
@media only screen and (max-width: 767.98px) {
  .about .content {
    padding: 0;
    padding-top: 30px;
  }
}
.about .content .title {
  font-weight: 600;
  font-size: 35px;
  position: relative;
  margin-bottom: 30px;
  line-height: 1.1;
  /* font-family: "Merienda", sans-serif; */
}
@media only screen and (max-width: 767.98px) {
  .about .content .title {
    margin-bottom: 10px;
    font-size: 25px;
  }
}
.about .content .title span {
  padding: 5px 15px;
  background-color: #ffc107;
  border-radius: 30px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.doctor {
  position: relative;
  padding: 50px 0;
}
@media only screen and (max-width: 767.98px) {
  .doctor {
    padding: 30px 0;
  }
}
.doctor::before {
  content: "";
  position: absolute;
  background-color: #01386e;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  height: 100%;
  width: 70%;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 767.98px) {
  .doctor::before {
    width: 100%;
    height: 100%;
  }
}
.doctor .content {
  /* font-family: "Merienda", sans-serif; */
  padding: 20px;
  padding: 40px;
  position: relative;
  color: #fff;
}
@media only screen and (max-width: 767.98px) {
  .doctor .content {
    padding-left: 20px;
    padding-right: 0;
    margin-bottom: 20px;
  }
}
.doctor .content::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 100%;
  background-color: #ffc107;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  left: 0;
  top: 0;
  border-radius: 2px;
}
.doctor .content .title {
  font-weight: 600;
  font-size: 35px;
  position: relative;
  margin-bottom: 25px;
}
@media only screen and (max-width: 767.98px) {
  .doctor .content .title {
    margin-bottom: 10px;
    font-size: 25px;
  }
}
.doctor .content .title span {
  padding: 5px 15px;
  background-color: #ffc107;
  border-radius: 30px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  display: inline-block;
  color: #01386e;
}
.doctor .profile_container {
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 767.98px) {
  .doctor .profile_container {
    width: 100%;
    right: 0;
  }
}
.doctor .profile_container .profile_display {
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  display: block;
  z-index: 2;
  overflow: hidden;
  border: 5px solid #fff;
  border-radius: 20px;
}
.doctor .profile_container .profile_display img {
  width: 100%;
}

.why_choose {
  position: relative;
  padding: 70px 0;
}
@media only screen and (max-width: 767.98px) {
  .why_choose {
    padding: 30px 0;
  }
}
.why_choose .title {
  font-weight: 600;
  font-size: 35px;
  position: relative;
  margin-bottom: 0;
  /* font-family: "Merienda", sans-serif; */
}
@media only screen and (max-width: 767.98px) {
  .why_choose .title {
    margin-bottom: 10px;
    font-size: 25px;
  }
}
.why_choose .title span {
  padding: 5px 15px;
  background-color: #ffc107;
  border-radius: 30px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.why_choose .circle {
  --width: 350px;
  --height: 350px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--width, 100px);
  height: var(--height, 100px);
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
@media only screen and (max-width: 767.98px) {
  .why_choose .circle {
    --width: 350px;
    --height: 350px;
    margin: auto;
  }
}
.why_choose .circle .logo {
  position: absolute;
  background-color: #fff;
  background: url("../images/usa-flag-icon-round.jpg");
  background-size: cover;
  width: 275px;
  height: 275px;
  /** Fallback */
  border-radius: 100%;
}
.why_choose .circle .text {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: rotateText 10s linear infinite;
  -webkit-animation: rotateText 15s linear infinite;
  text-transform: uppercase;
  font-weight: 600;
}
.why_choose .circle .text .char {
  position: absolute;
  left: 50%;
  font-size: 25px;
  transform-origin: 0 calc(var(--width, 350px) / 2);
}
@media only screen and (max-width: 767.98px) {
  .why_choose .circle .text .char {
    font-size: 2em;
  }
}
.why_choose .card {
  overflow: hidden;
  border-radius: 50px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 30px;
  color: #fff;
  height: 100%;
}
.why_choose .card .item {
  color: #01386e;
  margin: 7px 0;
  border-bottom: 1px solid #01386e;
}
.why_choose .card .item:last-child {
  border: none;
}
.why_choose .card .item:last-child p {
  margin: 0;
}
.why_choose .card .item h3 {
  font-weight: 600;
  font-size: 26px;
  margin-bottom: 10px;
}
.why_choose .card .item p {
  font-size: 14px;
}
.why_choose .card img {
  width: 100%;
  object-fit: cover;
}
.why_choose .card ul li::before {
  color: #fff;
}
.why_choose .content p {
  font-size: 14px;
}

.reports {
  position: relative;
  padding: 70px 0;
  background-color: #01386e;
}
@media only screen and (max-width: 767.98px) {
  .reports {
    padding: 30px 0;
  }
}
.reports .title {
  font-weight: 600;
  font-size: 35px;
  position: relative;
  margin-bottom: 20px;
  /* font-family: "Merienda", sans-serif; */
  color: #fff;
}
@media only screen and (max-width: 767.98px) {
  .reports .title {
    margin-bottom: 10px;
    font-size: 25px;
  }
}
.reports .title span {
  padding: 5px 15px;
  background-color: #ffc107;
  border-radius: 30px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  color: #000;
}
.reports .report_item {
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  display: block;
  z-index: 2;
  overflow: hidden;
  border: 10px solid #fff;
  border-radius: 20px;
}
.reports .report_item img {
  width: 100%;
}
.reports .report_item .pattern {
  position: relative;
}
.reports .report_item .pattern::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.3;
}
.reports .report_item .pattern .icon {
  position: absolute;
  z-index: 2;
  width: 50px;
  height: 50px;
  color: red;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 50px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 20px;
  text-align: center;
  cursor: pointer;
}
.reports .report_item .pattern .icon::before {
  animation: pulse2 2s infinite;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  top: 0;
  left: 0;
}
.reports .report_item .pattern .icon i {
  filter: drop-shadow(1px 0 0 #fff) drop-shadow(-1px 0 #fff) drop-shadow(0 1px 0 #fff) drop-shadow(0 -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(-1px -1px 0 #fff);
}

.success_stories {
  position: relative;
  padding: 70px 0;
}
@media only screen and (max-width: 767.98px) {
  .success_stories {
    padding: 30px 0;
  }
}
.success_stories .title {
  font-weight: 600;
  font-size: 35px;
  position: relative;
  margin-bottom: 20px;
  /* font-family: "Merienda", sans-serif; */
}
@media only screen and (max-width: 767.98px) {
  .success_stories .title {
    margin-bottom: 10px;
    font-size: 25px;
  }
}
.success_stories .title span {
  padding: 5px 15px;
  background-color: #ffc107;
  border-radius: 30px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.success_stories .card {
  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;
}
.success_stories .card img {
  width: 100%;
}
.success_stories .card .pattern {
  position: relative;
  overflow: hidden;
  border-radius: 15px;
}
.success_stories .card .pattern::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.3;
}
.success_stories .card .pattern .icon {
  position: absolute;
  z-index: 2;
  width: 50px;
  height: 50px;
  color: red;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 50px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 20px;
  text-align: center;
  cursor: pointer;
}
.success_stories .card .pattern .icon::before {
  animation: pulse 2s infinite;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  top: 0;
  left: 0;
}
.success_stories .card .pattern .icon i {
  filter: drop-shadow(1px 0 0 #fff) drop-shadow(-1px 0 #fff) drop-shadow(0 1px 0 #fff) drop-shadow(0 -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(-1px -1px 0 #fff);
}

.meet_doctors {
  position: relative;
  padding: 70px 0;
  text-align: center;
}
@media only screen and (max-width: 767.98px) {
  .meet_doctors {
    padding: 30px 0;
  }
}
.meet_doctors .title {
  font-weight: 600;
  font-size: 35px;
  position: relative;
  margin-bottom: 20px;
  /* font-family: "Merienda", sans-serif; */
}
@media only screen and (max-width: 767.98px) {
  .meet_doctors .title {
    margin-bottom: 10px;
    font-size: 25px;
  }
}
.meet_doctors .title span {
  padding: 5px 15px;
  background-color: #ffc107;
  border-radius: 30px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.meet_doctors .card {
  padding: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: left;
  border-radius: 100px;
  border: none;
  outline: 2px solid #FFE8C7;
  outline-offset: -5px;
  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;
  text-align: left;
}
@media only screen and (max-width: 767.98px) {
  .meet_doctors .card {
    padding: 10px;
  }
}
.meet_doctors .card .profile {
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 50%;
  border: solid 2px #FFE8C7;
}
.meet_doctors .card .profile img {
  width: 100%;
}
.meet_doctors .card .doc_info {
  padding-left: 20px;
}
@media only screen and (max-width: 767.98px) {
  .meet_doctors .card .doc_info {
    padding-left: 10px;
  }
}
.meet_doctors .card .doc_info .name {
  color: #0e664b;
  font-size: 26px;
  font-weight: 600;
  /* font-family: "Merienda", sans-serif; */
}
@media only screen and (max-width: 767.98px) {
  .meet_doctors .card .doc_info .name {
    font-size: 22px;
  }
}
.meet_doctors .card .doc_info .deg {
  font-size: 15px;
  font-weight: 500;
  font-style: italic;
}

.cta_custom {
  position: relative;
  padding: 70px 0;
}
@media only screen and (max-width: 767.98px) {
  .cta_custom {
    padding: 30px 0;
  }
}
.cta_custom .title {
  font-weight: 600;
  font-size: 35px;
  position: relative;
  margin-bottom: 20px;
  /* font-family: "Merienda", sans-serif; */
}
@media only screen and (max-width: 767.98px) {
  .cta_custom .title {
    margin-bottom: 10px;
    font-size: 25px;
  }
}
.cta_custom .title span {
  padding: 5px 15px;
  background-color: #ffc107;
  border-radius: 30px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.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) {
  .cta_custom .cta_bx_holder {
    flex-direction: column;
    margin: auto;
    margin-bottom: 30px;
    padding: 20px;
    width: 90%;
  }
}
.cta_custom .cta_bx_holder .cta_bx:hover ~ .cta_bx_clrd {
  left: 50px !important;
}
.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) {
  .cta_custom .cta_bx_holder .cta_bx_clrd {
    width: 350px;
  }
}
@media only screen and (max-width: 767.98px) {
  .cta_custom .cta_bx_holder .cta_bx_clrd {
    display: none;
  }
}
.cta_custom .cta_bx_holder .cta_bx {
  position: relative;
  padding-right: 70px;
  color: #fff;
  width: 33%;
}
@media only screen and (max-width: 767.98px) {
  .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);
  }
}
.cta_custom .cta_bx_holder .cta_bx .icon {
  font-size: 55px;
  margin-bottom: 25px;
  position: relative;
}
.cta_custom .cta_bx_holder .cta_bx .title_cta {
  font-size: 22px;
  font-weight: 500;
  position: relative;
}
@media only screen and (max-width: 1366px) {
  .cta_custom .cta_bx_holder .cta_bx .title_cta {
    font-size: 18px;
  }
}
.cta_custom .cta_bx_holder .cta_bx p {
  margin: 25px auto;
  position: relative;
  color: #fff;
}
.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: 50px 0 0;
  color: #fff;
  text-align: center;
  margin-top: 50px;
  position: relative;
}
footer .footer_logo {
  position: relative;
  margin: auto;
  margin-top: -130px;
  max-width: 150px;
  border: 5px solid #fff;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  text-align: center;
  z-index: 1;
}
footer .footer_logo img {
  width: 100%;
  z-index: 1;
}
footer .footer_logo .elements {
  position: absolute;
  top: 10%;
  left: 10%;
  z-index: -1;
}
footer .footer_logo .elements .circle {
  border-radius: 50%;
  position: absolute;
}
footer .footer_logo .elements .circle.circle-inner {
  width: 80px;
  height: 80px;
  top: -10px;
  left: -10px;
  background: linear-gradient(-180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.1) 100%);
  animation: grow-circles 3s linear infinite both;
}
footer .footer_logo .elements .circle.circle-outer {
  width: 100px;
  height: 100px;
  background: linear-gradient(-180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.1) 100%);
  top: -20px;
  left: -20px;
  animation: grow-circles 3s linear infinite both;
}
footer .footer_logo .elements .pulse {
  position: absolute;
  animation: pulse-wave 3s linear infinite both;
  border-radius: 50%;
}
footer .footer_logo .elements .pulse-1 {
  border: solid 1px rgba(0, 0, 0, 0.25);
  width: 250px;
  height: 250px;
  top: -70px;
  left: -70px;
}
footer .footer_logo .elements .pulse-2 {
  border: solid 1px rgba(0, 0, 0, 0.35);
  width: 350px;
  height: 350px;
  top: -120px;
  left: -120px;
}
footer .footer_logo .elements .pulse-3 {
  border: solid 1px rgba(0, 0, 0, 0.45);
  width: 450px;
  height: 450px;
  top: -170px;
  left: -170px;
}
footer .channel {
  position: relative;
  margin-bottom: 50px;
}
footer .channel .title {
  color: #fff;
  font-size: 45px;
  font-weight: 700;
  line-height: 1.2em;
  text-align: center;
}
@media only screen and (max-width: 767.98px) {
  footer .channel .title {
    font-size: 35px;
    margin-bottom: 20px;
  }
}
footer .channel .subtitle {
  color: #00a2e2;
  font-size: 45px;
  font-weight: 700;
  line-height: 1.2em;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767.98px) {
  footer .channel .subtitle {
    font-size: 30px;
  }
}
footer .channel .subtitle img {
  width: 55px;
  margin-left: 15px;
}
footer .channel a .whatsapp-gif {
  width: 150px;
}
footer .channel a .join-us {
  width: 250px;
  animation: bounce2 2s ease infinite;
}
footer .footer_top {
  padding: 0 20px;
}
footer .footer_top h3 {
  color: rgb(255, 255, 255);
  font-size: 25px;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 20px;
  letter-spacing: 0.5px;
}
footer .footer_top h3::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 5px;
  width: 35px;
  background-color: #fff;
  z-index: 1;
}
footer .footer_top h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 1px;
  width: 100px;
  max-width: 100px;
  background-color: #fff;
}
footer .footer_top .contact_details {
  color: var(--bs-white);
}
footer .footer_top .contact_details .info {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  font-weight: 400;
}
footer .footer_top .contact_details .info a {
  color: #ffeb3b;
}
footer .footer_top .contact_details .info a:hover {
  color: var(--bs-white);
}
footer .footer_top .contact_details .info p {
  margin: 0;
  line-height: 25px;
}
footer .footer_top .contact_details .info i {
  min-width: 30px;
  font-size: 25px;
  margin-right: 10px;
  color: #ffeb3b;
}
footer .footer_top .fooer_info {
  position: relative;
  text-align: center;
}
@media only screen and (max-width: 767.98px) {
  footer .footer_top .fooer_info {
    margin-bottom: 20px;
  }
}
footer .footer_top .fooer_info .company-details {
  text-align: center;
  padding: 0 3rem;
}
@media only screen and (max-width: 767.98px) {
  footer .footer_top .fooer_info .company-details {
    padding: 0;
  }
}
footer .footer_top .fooer_info .company-details img {
  margin-bottom: 30px;
  width: 280px;
}
@media only screen and (max-width: 767.98px) {
  footer .footer_top .fooer_info .company-details img {
    display: none;
  }
}
footer .footer_top .fooer_info p {
  font-size: 14px;
  color: rgb(255, 255, 255);
  line-height: 1.7;
}
@media only screen and (max-width: 767.98px) {
  footer .footer_top .fooer_info p {
    font-size: 14px;
    margin-bottom: 20px;
    text-align: left;
  }
}
footer .footer_top .social_media {
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
  font-size: 30px;
  display: flex;
  justify-content: flex-start;
  margin-top: 25px;
}
footer .footer_top .social_media .facebook {
  color: #39559f;
}
footer .footer_top .social_media .facebook:hover {
  color: var(--bs-white);
  background-color: #39559f;
}
footer .footer_top .social_media .insta {
  color: #e3405f;
}
footer .footer_top .social_media .insta:hover {
  color: var(--bs-white);
  background-color: #e3405f;
}
footer .footer_top .social_media .linkedin {
  color: #0274b3;
}
footer .footer_top .social_media .linkedin:hover {
  color: var(--bs-white);
  background-color: #0274b3;
}
footer .footer_top .social_media .youtube {
  color: #fe0000;
}
footer .footer_top .social_media .youtube:hover {
  color: var(--bs-white);
  background-color: #fe0000;
}
footer .footer_top .social_media a {
  margin: 0 10px;
  width: 40px;
  height: 40px;
  background-color: var(--bs-white);
  color: var(--bs-black);
  display: flex;
  align-items: center;
  border-radius: 50%;
  justify-content: center;
  font-size: 22px;
  transition: 0.5s all;
}
footer .footer_top .footer_links {
  text-align: left;
  color: rgba(255, 255, 255, 0.6);
  display: flex;
}
@media only screen and (max-width: 767.98px) {
  footer .footer_top .footer_links {
    margin-bottom: 20px;
  }
}
footer .footer_top .footer_links ul {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
  margin-right: 100px;
}
@media only screen and (max-width: 767.98px) {
  footer .footer_top .footer_links ul {
    margin-right: 40px;
  }
}
footer .footer_top .footer_links ul li {
  display: flex;
  align-items: center;
  margin-bottom: 0.25rem;
  padding-left: 10px;
  position: relative;
  padding: 5px 0 5px 20px;
  transition: 0.5s all;
}
footer .footer_top .footer_links ul li:hover::before {
  border-color: var(--bs-white);
}
footer .footer_top .footer_links ul li:hover a {
  color: var(--bs-white);
}
footer .footer_top .footer_links ul li a {
  font-weight: 400;
  color: rgb(255, 255, 255);
}
@media only screen and (max-width: 767.98px) {
  footer .footer_top .footer_links ul li {
    align-items: center;
    padding-left: 15px;
  }
}
footer .footer_top .footer_links ul li::before {
  position: absolute;
  top: 12px;
  left: 0px;
  content: "";
  width: 6px;
  height: 6px;
  border: solid rgb(255, 255, 255);
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
@media only screen and (max-width: 767.98px) {
  footer .footer_top .footer_links ul li::before {
    font-size: 14px;
  }
}
footer .copyright {
  background-color: #fffae4;
  margin-top: 50px;
  color: #000;
  padding: 10px;
  box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}
@media only screen and (max-width: 767.98px) {
  footer .copyright {
    margin-top: 0;
  }
}
footer .copyright strong {
  font-weight: 600;
}
@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: 200px;
  text-align: center;
  align-items: center;
  transition: all 0.3s ease;
  text-align: center;
}
@media only screen and (max-width: 767.98px) {
  .mobile-call-btn {
    width: 150px;
    right: 10px;
    bottom: 10px;
  }
}
.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;
}
@media only screen and (max-width: 767.98px) {
  .mobile-call-btn a {
    padding: 4px 7px;
    border-radius: 10px;
    font-size: 12px;
  }
}
.mobile-call-btn img {
  position: absolute;
  width: 150px;
  bottom: 15px;
  z-index: -1;
  left: 0;
  right: 0;
  margin: auto;
}
@media only screen and (max-width: 767.98px) {
  .mobile-call-btn img {
    width: 110px;
  }
}

.blinking_btn {
  padding: 10px;
  font-size: 28px;
  text-transform: uppercase;
  letter-spacing: 3px;
  background-color: #ffc107;
  color: #007a73;
  animation: glowing 1500ms infinite;
  font-weight: 700;
  margin: auto;
  border-radius: 30px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
  display: inline-flex;
  align-items: center;
}
@media only screen and (max-width: 767.98px) {
  .blinking_btn {
    font-size: 18px;
    letter-spacing: 2px;
  }
}
.blinking_btn i {
  width: 45px;
  height: 45px;
  font-size: 16px;
  background-color: #007a73;
  border-radius: 50%;
  margin-right: 20px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767.98px) {
  .blinking_btn i {
    margin-right: 10px;
  }
}

@-webkit-keyframes glowing {
  0% {
    background-color: #ffc107;
    -webkit-box-shadow: 0 0 3px #ffc107;
  }
  50% {
    background-color: #fff;
    -webkit-box-shadow: 0 0 40px #fff;
  }
  100% {
    background-color: #ffc107;
    -webkit-box-shadow: 0 0 3px #ffc107;
  }
}
@-moz-keyframes glowing {
  0% {
    background-color: #ffc107;
    -moz-box-shadow: 0 0 3px #ffc107;
  }
  50% {
    background-color: #fff;
    -moz-box-shadow: 0 0 40px #fff;
  }
  100% {
    background-color: #ffc107;
    -moz-box-shadow: 0 0 3px #ffc107;
  }
}
@-o-keyframes glowing {
  0% {
    background-color: #ffc107;
    box-shadow: 0 0 3px #ffc107;
  }
  50% {
    background-color: #fff;
    box-shadow: 0 0 40px #fff;
  }
  100% {
    background-color: #ffc107;
    box-shadow: 0 0 3px #ffc107;
  }
}
@keyframes glowing {
  0% {
    background-color: #ffc107;
    box-shadow: 0 0 3px #ffc107;
  }
  50% {
    background-color: #fff;
    box-shadow: 0 0 40px #fff;
  }
  100% {
    background-color: #ffc107;
    box-shadow: 0 0 3px #ffc107;
  }
}/*# sourceMappingURL=style.css.map */