* {
  margin: 0px;
  padding: none !important;
}

:root {
  --shadow-color: 218deg 26% 54%;
  --shadow-elevation-low: 0.3px 0.5px 0.7px hsl(var(--shadow-color) / 0.34),
    0.4px 0.8px 1px -1.2px hsl(var(--shadow-color) / 0.34),
    1px 2px 2.5px -2.5px hsl(var(--shadow-color) / 0.34);
  --shadow-elevation-medium: 0.3px 0.5px 0.7px hsl(var(--shadow-color) / 0.36),
    0.8px 1.6px 2px -0.8px hsl(var(--shadow-color) / 0.36),
    2.1px 4.1px 5.2px -1.7px hsl(var(--shadow-color) / 0.36),
    5px 10px 12.6px -2.5px hsl(var(--shadow-color) / 0.36);
  --shadow-elevation-high: 0.3px 0.5px 0.7px hsl(var(--shadow-color) / 0.34),
    1.5px 2.9px 3.7px -0.4px hsl(var(--shadow-color) / 0.34),
    2.7px 5.4px 6.8px -0.7px hsl(var(--shadow-color) / 0.34),
    4.5px 8.9px 11.2px -1.1px hsl(var(--shadow-color) / 0.34),
    7.1px 14.3px 18px -1.4px hsl(var(--shadow-color) / 0.34),
    11.2px 22.3px 28.1px -1.8px hsl(var(--shadow-color) / 0.34),
    17px 33.9px 42.7px -2.1px hsl(var(--shadow-color) / 0.34),
    25px 50px 62.9px -2.5px hsl(var(--shadow-color) / 0.34);
}

main {
  background-color: white;
}
html {
  scroll-behavior: smooth;
  scroll-margin-block: y mandatory;
}

div {
  scroll-snap-align: start;
  scroll-snap-stop: initial;
}

/* .counter {
  position: fixed;
  top: 20px;
  right: 20px;
  font-size: 40px;
  font-weight: bold;
  color: #ff5722;
  transition: all 1s;
} */

body {
  /* font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif !important; */
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue",
    Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

  color: #09124b;
  width: 100%;
  font-size: 1rem !important;
  letter-spacing: 0.2px;
  height: fit-content !important;
  overflow-x: hidden;
}

.error {
  font-size: small;
  width: 100%;
  text-align: center;
  margin: auto !important;
  color: red;
  transition: all 0.3s;
  text-align: left;
}

.test {
  border: red 1px solid !important;
  z-index: auto;
  position: relative;
}

#my-h-object {
  width: 100% !important;
  height: 20% !important;
  z-index: 1000 !important;
}

/* .preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background-image: url("../Img/preloder.gif");
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ffffff69;
} */

/* Animation for the spinner */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.divider {
  height: 1rem !important;
  width: auto;
  background-color: white;
}
.sticky-top {
  z-index: 999 !important;
  top: 88px !important;
}

.div {
  width: 200px;
  height: 200px;
  background: green;
  margin: 50px auto;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5); /* initial scale */
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s; /* transition effect */
}

.fellowship {
  display: none;
}
.deactive-schedule {
  display: none !important;
}
.active-schedule {
  display: block !important;
}

/* .timeing {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  float: left;
  margin-top: 10px;
  padding-right: 5px;
  width: 100%;
  gap: 5px;
  line-height: 1.3em;
} */
.oncall {
  width: 75% !important;
  padding: 5px;
  background-color: #ccece1;
  display: block !important;
  text-align: center;
  color: #09124b;
  font-family: "Josefin Sans", sans-serif;
  font-size: 1.1rem !important;
  font-weight: 800;
  border-radius: 25px !important;
  /* padding: 15px !important; */
  margin: 2.1rem 0 auto 0.5rem !important;
  line-height: 2.5em !important;
}

.on-call {
  margin: 0 0 auto 0.3rem !important;
}
.timeing {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 5px 1fr 5px 1fr;
  grid-template-columns: repeat(3, 1fr);
  width: 98%;
  gap: 5px;
  line-height: 1.7em;
  font-size: small;
  padding: 0 10px;
  margin-bottom: 8px;
}

.timeing span {
  font-weight: bold;
}

/* CSS for the div when it is in the viewport */
.div.in-view {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); /* final scale */
}

.font-1 {
  width: 300;
}

.font-2 {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.9rem;
  font-weight: 600;
}

.font-3 {
  font-family: "Josefin Sans", sans-serif;
  font-size: 1.2rem !important;
  font-weight: 600;
  color: red;
}

.department1 ul li b {
  font-family: "Josefin Sans", sans-serif;
  font-size: 1.1rem !important;
  font-weight: 600;
  text-transform: uppercase !important;
}

.department1 ul li b .acme_underline {
  margin-left: 2px !important;
  background-color: #8aa30d !important;
}

.scale {
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}

a {
  font-weight: 450;
  list-style: none;
  color: inherit !important;
  text-decoration: none !important;
}

.logo img {
  height: 100% !important;
  width: auto;
}

.socialmedia {
  background-color: #a6c512;
  width: auto;
  height: auto;
  line-height: auto;
}

.socialmedia ul li {
  float: left;
  list-style: none;
  margin-left: 10px;
  color: #09124b;
  font-weight: 600;
  /* margin-top: 2%;
  margin-bottom: 1%; */
  /* width: max-content; */
}

.border_test {
  border: red 1px solid;
  background-color: #09124b;
  height: 20px;
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("nabbar-taggler-icon.svg");
}

.navbar-toggler {
  background-color: #09124b !important;
  margin-left: 10px;
}

.navbar-brand {
  margin-right: 0rem !important;
}
.acme_bg-top {
  background-color: #a6c512;
  height: 30px;
  padding-top: 3px;
  padding-right: 3px;
}

.acme_bg-1 {
  background: -o-linear-gradient(
    95deg,
    rgb(26 134 203) 0%,
    rgb(13 112 173) 66%
  );
  background: linear-gradient(355deg, rgb(26 134 203) 0%, rgb(13 112 173) 66%);
}

.acme_bg-1-1 {
  background-color: #007ac3 !important;
}

.acme_bg-2 {
  /* background-color: #a6c512; */
  background-color: rgb(213, 231, 147);
  backdrop-filter: blur(5px);
  box-shadow: rgb(217, 233, 158) 0px 5px 15px;
  mix-blend-mode: multiply;
}

.acme_bg-border-1 {
  background-color: #d3d2df;
}

.acme_bg-orignal {
  background-color: #09124b;
}
.acme_color-1 {
  color: #09124b !important;
}

.acme_color-2 {
  color: #a6c512;
}

.acme_color-3 {
  color: #3aa8b9;
}

.acme_color-4 {
  color: #09124b !important;
  font-weight: bold;
}

.acme_color-4-1 {
  color: #09124b !important;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  padding: 5px;
  background-color: #d2e1e9;
  display: block !important;
  width: 50%;
  border-radius: 50px;
  margin: auto;
  z-index: 1000 !important;
}
.acme-h-style-1 {
  background-color: #a6c512;
  border-radius: 50px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 7px;
}
.note {
  font-size: medium;
  font-style: italic;
  color: rgb(245, 94, 94);
}

hr {
  height: 5px;
  width: 100%;
  border-width: 0;
  z-index: -9 !important;
}
.rotate-90 {
  -webkit-transform: rotate(90deg) !important;
  -ms-transform: rotate(90deg) !important;
  transform: rotate(90deg) !important;
}

.text-justify {
  text-align: justify !important;
}

div.hidden {
  display: none !important;
}

.hr_hide {
}

.acme_color-5 {
  color: #000000;
}

.acme_bg-p-light-1 a {
  font-weight: 500 !important;
  line-height: 30px;
}

.acme_bg-p-light-1 {
  background-color: #dd7788 !important;
  color: white !important;
  border-radius: 30px !important;
  border: 1px white solid !important;
  margin: 2%;
  width: auto;
  height: 40px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  font-weight: 500;
  padding: 7px 7px;
  text-align: center;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.acme_bg-p-light-1:hover {
  background-color: #dd7788 !important;
}

.acme_bg-p-light-1:active {
  -webkit-box-shadow: 0 3px #834550;
  box-shadow: 0 3px #834550;
  -webkit-transform: translateY(0.5px);
  -ms-transform: translateY(0.5px);
  transform: translateY(0.5px);
}

.acme_bg-b-light-2 a {
  font-weight: 800 !important;
  font-stretch: extra-expanded;
}

.acme_bg-b-light-2 {
  background-color: #b090f5 !important;
  border: 1px white solid !important;
  color: white !important;
  border-radius: 30px !important;
  margin: 2%;
  width: auto;
  height: 40px;
  line-height: 30px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  font-weight: 500;
  padding: 7px 7px;
  text-align: center;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.acme_bg-b-light-2:hover {
  background-color: #af8ff5 !important;
}

.acme_bg-b-light-2:active {
  -webkit-box-shadow: 0 3px #614f87;
  box-shadow: 0 3px #614f87;
  -webkit-transform: translateY(0.5px);
  -ms-transform: translateY(0.5px);
  transform: translateY(0.5px);
}

.acme_bg-y-light-3 a {
  font-weight: 800 !important;
  font-stretch: extra-expanded;
  color: #876d45 !important;
}

.acme_bg-y-light-3 {
  background-color: #f5ce90 !important;
  color: white !important;
  border: 1px white solid !important;
  border-radius: 30px !important;
  margin: 2%;
  width: auto;
  height: 40px;
  line-height: 30px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  font-weight: 500;
  padding: 7px 7px;
  text-align: center;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.acme_bg-y-light-3:hover {
  background-color: #f5ce90 !important;
  color: #f5ce90;
}

.acme_bg-y-light-3:active {
  -webkit-box-shadow: 0 3px #8f7752;
  box-shadow: 0 3px #8f7752;
  -webkit-transform: translateY(0.5px);
  -ms-transform: translateY(0.5px);
  transform: translateY(0.5px);
}

.acme_bg-p2-light-1 a {
  font-weight: 800 !important;
  font-stretch: extra-expanded;
}

.acme_bg-p2-light-1 {
  background-color: #be82ae !important;
  color: white !important;
  border-radius: 30px !important;
  border: 1px white solid !important;
  margin: 2%;
  width: auto;
  height: 40px;
  line-height: 30px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  font-weight: 500;
  padding: 7px 7px;
  text-align: center;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.acme_bg-p2-light-1:hover {
  background-color: #d293c0 !important;
}

.acme_bg-p2-light-1:active {
  -webkit-box-shadow: 0 3px #9a6e8d;
  box-shadow: 0 3px #9a6e8d;
  -webkit-transform: translateY(0.5px);
  -ms-transform: translateY(0.5px);
  transform: translateY(0.5px);
}

.acme_bg-sb-light-2 a {
  font-weight: 800 !important;
  font-stretch: extra-expanded;
  color: white !important;
}

.acme_bg-sb-light-2 {
  background-color: #3bcfb2 !important;
  color: white !important;
  border-radius: 30px !important;
  border: 1px white solid !important;
  margin: 2%;
  width: auto;
  height: 40px;
  line-height: 30px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  font-weight: 500;
  padding: 7px 7px;
  text-align: center;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.acme_bg-sb-light-2:active {
  -webkit-box-shadow: 0 3px #739b97;
  box-shadow: 0 3px #739b97;
  -webkit-transform: translateY(0.5px);
  -ms-transform: translateY(0.5px);
  transform: translateY(0.5px);
}

.acme_bg-g-light-3 a {
  font-weight: 800 !important;
  font-stretch: extra-expanded;
  color: #5c614b !important;
}

.acme_bg-g-light-3 {
  background-color: #d2f590 !important;
  color: white !important;
  border-radius: 30px !important;
  border: 1px white solid !important;
  margin: 2%;
  width: auto;
  height: 40px;
  line-height: 30px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  font-weight: 500;
  padding: 7px 7px;
  text-align: center;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.acme_bg-g-light-3:hover {
  background-color: #d2f590 !important;
}

.acme_bg-g-light-3:active {
  -webkit-box-shadow: 0 3px #98a46b;
  box-shadow: 0 3px #98a46b;
  -webkit-transform: translateY(0.5px);
  -ms-transform: translateY(0.5px);
  transform: translateY(0.5px);
}

.nav-link ul li a {
  background-color: #09124b !important;
  color: #a6c512 !important;
}

.acme_color-1_hover:hover a {
  background-color: #007ac3 !important;
  color: #ffffff !important;
  border-radius: 3px;
  /* color: #A6C512 !important; */
}

.background-none {
  background-color: none;
}

.acme_border_white-1 {
  border: white solid 1px;
  border-radius: 10px;
  padding: -50px !important;
  background-color: #ffffff;
}

.acme_border_white {
  border: white solid 1px;
  border-radius: 10px;
}

.acme_border_white-5 {
  border: white solid 5px;
}

.bg-grey {
  background-color: rgb(233, 233, 233);

  border: 1px solid rgb(192, 192, 192);
}

.acme_border {
  border-bottom: 5px solid #a6c512 !important;
}

.acme_border_3 {
  border-bottom: 5px solid #3aa8b9 !important;
}

.acme_border_2 {
  border-bottom: 2px solid #a6c512 !important;
  width: 90%;
}

.acme_border_4 {
  border-bottom: 1px solid #a6c512 !important;
  width: 90%;
}

.acme_border_3 {
  border-bottom: 2px solid #a6c512 !important;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 5px 0px 0px 0px !important;
}
.acme_border_around {
  border: 1px solid #a6c512 !important;
}

.acme_border_radius-1 {
  border-radius: 1px solid;
}

.acme_border_radius-2 {
  border-radius: 2px solid;
}

.acme_border_radius-3 {
  border-radius: 3px solid;
}

.img-border-1 {
  width: 100%;
  border-radius: 10px !important;
}

.controls progress {
  color: #42641a !important;
}

.acme-badge {
  padding: 2px;
  top: 10px !important;
  width: 20%;
  border-radius: 10px;
  margin: auto;
  text-align: center;
  font-size: small;
  background-color: #9a6e8d;
}

.info-slide:hover {
  height: 300px;
}

@media (hover: none) {
  .info-slide:hover {
    height: 60px;
  }
}

.share-btn {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [6];
  grid-template-columns: repeat(6, 1fr);
}

.social-media {
  display: none !important;
}

.sharebtn {
  display: block;
}

#sharebtn.hovered + .social-media {
  display: block !important;
  overflow: hidden;
}

.line-height-normal {
  line-height: normal !important;
}

.dropdown-menu {
  color: #ffffff !important;
  -webkit-animation-name: scaleDown;
  animation-name: scaleDown; /* Name of the animation */
  -webkit-animation-duration: 320ms;
  animation-duration: 320ms; /* Duration of the animation */
  -webkit-animation-fill-mode: backwards !important;
  animation-fill-mode: backwards !important; /* Preserve the final state of the animation */
  border-radius: 0px 0px 10px 10px !important;
  -webkit-box-shadow: 6px 8px 15px -2px #14669ad9;
  box-shadow: 6px 8px 15px -2px #14669ad9;
}

@-webkit-keyframes scaleDown {
  0% {
    -webkit-transform: rotateX(-100deg);
    transform: rotateX(-100deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 1;
  }
}

@keyframes scaleDown {
  0% {
    -webkit-transform: rotateX(-100deg);
    transform: rotateX(-100deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 1;
  }
}

.animation_1 {
  color: #ffffff !important;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-animation-name: scaleDown;
  animation-name: scaleDown; /* Name of the animation */
  -webkit-animation-duration: 200ms;
  animation-duration: 200ms; /* Duration of the animation */
  -webkit-animation-fill-mode: backwards !important;
  animation-fill-mode: backwards !important; /* Preserve the final state of the animation */
  border-radius: 0px 0px 10px 10px !important;
  -webkit-box-shadow: 6px 8px 15px -2px #14669ad9;
  box-shadow: 6px 8px 15px -2px #14669ad9;
}

@keyframes scaleDown {
  0% {
    -webkit-transform: rotateX(-100deg);
    transform: rotateX(-100deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 1;
  }
}

.acme_toggle_color {
  background-color: #09124b;
}

.list-unstyled li {
  padding: 2% 2%;
}

.list-unstyled li a:hover {
  background-color: none !important;
}

.fw-light:hover {
  margin-left: 2px !important;
}

.btn-secondary-1:hover .nav-link.active {
  background-color: #007ac3 !important;
  color: #ffffff !important;
}

.list-unstyled li {
  border-bottom: #115a84b2 solid 1.5px;
  font-size: small;
  font-weight: 500 !important;
}

.acme_underline {
  border-bottom: #42641a solid 1.5px;
  /* width: 100%;  */
  margin-left: 5px;
  font-size: initial;
  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
}

.list-unstyled_1 {
  list-style: none;
  padding: 20px;
  background-color: #a6c512;
  line-height: 1px;
  font-size: medium;
}

.list-unstyled_1 li {
  padding: 2px;
  float: right;
}

.roomtypes {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}

.btn-acme-4 {
  margin-top: 2%;
  width: auto;
  height: auto;
  border: 1px solid #09124b !important;
  border-radius: 4px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px 0;
  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #09124b;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  outline: none;
  outline: 0;
  padding: 5px 5px;
  text-align: center;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.btn-acme-4:hover {
  border: 1px solid #09124b !important;
  background-color: #bcda5a !important;
  color: #010100 !important;
}

.btn-acme-5 {
  margin-top: 2%;
  width: auto;
  height: auto;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #8aa30d;
  color: #09124b;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  outline: none;
  outline: 0;
  padding: 5px 5px;
  text-align: center;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
.btn-acme-0 {
  width: auto;
  height: auto;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;

  font-weight: 500;
  outline: none;
  outline: 0;

  text-align: center;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
.btn-acme-5-1 {
  margin-top: 2%;
  width: auto;
  height: auto;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-color: #09124b solid 1px;
  color: #09124b;
  background-color: rgba(255, 255, 255, 0.042) !important;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  outline: none !important;
  outline: 0;
  padding: 5px 5px;
  text-align: center;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.btn-acme-5-1:hover {
  margin-top: 2%;
  width: auto;
  height: auto;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-color: #09124b solid 1px;
  color: #8aa30d;
  background-color: #09124b;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  outline: none !important;
  outline: 0;

  text-align: center;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.btn-acme-5:hover {
  margin-top: 2%;
  width: auto;
  height: auto;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #09124b;
  color: #8aa30d;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  outline: none;
  outline: 0;
  padding: 5px 5px;
  text-align: center;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.btn-acme {
  width: 100%;
  border: 1px solid #09124b !important;
  background-color: #09124b !important;
  color: #a6c512 !important;
  border-radius: 4px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px 0;
  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  outline: none;
  outline: 0;
  padding: 10px 25px;
  text-align: center;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.btn-acme:hover {
  border: 1px solid #09124b !important;
  background-color: #09124b !important;
  color: #a6c512 !important;
}

.btn-acme-hover-none {
  width: 100%;
  border: 1px solid #09124b !important;
  border-radius: 4px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px 0;
  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #09124b;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  outline: none;
  outline: 0;
  padding: 10px 25px;
  text-align: center;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.btn-acme-2 {
  width: 24%;
  height: auto;
  border: 1px solid #09124b !important;
  border-radius: 4px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px 0;
  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #09124b;
  float: right;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  margin: 1%;
  outline: none;
  outline: 0;
  padding: 5px 1px;
  text-align: center;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.btn-acme-2:hover {
  border: 1px solid #09124b !important;
  background-color: #09124b !important;
  color: #a6c512 !important;
}

.acme_btn-1 {
  background-color: #ffcccc !important;
  color: rgb(8, 0, 0) !important;
  border-radius: 30px !important;
  border: 1px white solid !important;
  margin: 2%;
  width: auto;
  height: 40px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  font-weight: 500;
  padding: 7px 7px;
  text-align: center;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.acme_btn-2 {
  background-color: #ffffcc !important;
  color: rgb(8, 0, 0) !important;
  border-radius: 30px !important;
  border: 1px white solid !important;
  margin: 2%;
  width: auto;
  height: 40px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  font-weight: 500;
  padding: 7px 7px;
  text-align: center;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.acme_btn-3 {
  background-color: #ffffcc !important;
  color: rgb(8, 0, 0) !important;
  border-radius: 30px !important;
  border: 1px white solid !important;
  margin: 2%;
  width: auto;
  height: 40px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  font-weight: 500;
  padding: 7px 7px;
  text-align: center;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.acme_btn-4 {
  background-color: #ffe5cc !important;
  color: rgb(8, 0, 0) !important;
  border-radius: 30px !important;
  border: 1px white solid !important;
  margin: 2%;
  width: auto;
  height: 40px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  font-weight: 500;
  padding: 7px 7px;
  text-align: center;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.acme_btn-5 {
  background-color: #ccffcc !important;
  color: rgb(8, 0, 0) !important;
  border-radius: 30px !important;
  border: 1px white solid !important;
  margin: 2%;
  width: auto;
  height: 40px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  font-weight: 500;
  padding: 7px 7px;
  text-align: center;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.acme_btn-6 {
  background-color: #ccccff !important;
  color: rgb(8, 0, 0) !important;
  border-radius: 30px !important;
  border: 1px white solid !important;
  margin: 2%;
  width: auto;
  height: 40px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  font-weight: 500;
  padding: 7px 7px;
  text-align: center;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.acme_btn-7 {
  background-color: #ffccff !important;
  color: rgb(8, 0, 0) !important;
  border-radius: 30px !important;
  border: 1px white solid !important;
  margin: 2%;
  width: auto;
  height: 40px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  font-weight: 500;
  padding: 7px 7px;
  text-align: center;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.acme_btn-8 {
  background-color: #5a87da28 !important;
  color: rgb(8, 0, 0) !important;
  border-radius: 30px !important;
  border: 1px white solid !important;
  margin: 2% 0%;
  width: auto;
  height: 40px;

  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  font-weight: 800 !important;
  padding: 7px 7px;
  text-align: center;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.acme_btn-8:active {
  -webkit-box-shadow: 10 10px;
  box-shadow: 10 10px;
  -webkit-transform: translateY(0.5px);
  -ms-transform: translateY(0.5px);
  transform: translateY(0.5px);
  font-weight: bolder !important;
}

.acme_btn-9 {
  background-color: #98da5a28 !important;
  color: rgb(8, 0, 0) !important;
  border-radius: 30px !important;
  border: 1px white solid !important;
  margin: 2%;
  width: auto;
  height: 40px;

  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  font-weight: 500;
  padding: 7px 7px;
  text-align: center;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.acme_btn-9:active {
  -webkit-box-shadow: 10 10px;
  box-shadow: 10 10px;
  -webkit-transform: translateY(0.5px);
  -ms-transform: translateY(0.5px);
  transform: translateY(0.5px);
  font-weight: bolder !important;
}

.acme_btn-10 {
  background-color: #5ada7628 !important;
  color: rgb(8, 0, 0) !important;
  border-radius: 30px !important;
  border: 1px white solid !important;
  margin: 2%;
  width: auto;
  height: 40px;

  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  font-weight: 500;
  padding: 7px 7px;
  text-align: center;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.acme_btn-10:active {
  -webkit-box-shadow: 10 10px;
  box-shadow: 10 10px;
  -webkit-transform: translateY(0.5px);
  -ms-transform: translateY(0.5px);
  transform: translateY(0.5px);
  font-weight: bolder !important;
}

.acme_btn-11 {
  background-color: #da785a28 !important;
  color: rgb(8, 0, 0) !important;
  border-radius: 30px !important;
  border: 1px white solid !important;
  margin: 2%;
  width: auto;
  height: 40px;

  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  font-weight: 500;
  padding: 7px 7px;
  text-align: center;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.acme_btn-11:active {
  -webkit-box-shadow: 10 10px;
  box-shadow: 10 10px;
  -webkit-transform: translateY(0.5px);
  -ms-transform: translateY(0.5px);
  transform: translateY(0.5px);
  font-weight: bolder !important;
}

.acme_btn-12 {
  background-color: #765ada28 !important;
  color: rgb(8, 0, 0) !important;
  border-radius: 30px !important;
  border: 1px white solid !important;
  margin: 2%;
  width: auto;
  height: 40px;

  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  font-weight: 500;
  padding: 7px 7px;
  text-align: center;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.acme_btn-12:active {
  -webkit-box-shadow: 10 10px;
  box-shadow: 10 10px;
  -webkit-transform: translateY(0.5px);
  -ms-transform: translateY(0.5px);
  transform: translateY(0.5px);
  font-weight: bolder !important;
}

.acme_normal-background-1 {
  background-color: #09124b !important;
}

.acme_normal-background-2 {
  background-color: #8aa30d !important;
}

.acme_light-background-1 {
  background-color: #ffcccc !important;
}

.acme_light-background-2 {
  background-color: #ffffcc !important;
}

.acme_light-background-3 {
  background-color: #ffffcc !important;
}

.acme_light-background-4 {
  background-color: #ffe5cc !important;
}
.acme_light-background-5 {
  background-color: #ccffcc !important;
}
.acme_light-background-6 {
  background-color: #ccccff !important;
}
.acme_light-background-7 {
  background-color: #ffccff !important;
}

.acme_light-background-8 {
  background-color: #5a87da28;
}

.acme_light-background-9 {
  background-color: #d65ada28 !important;
}

.acme_light-background-10 {
  background-color: #5ada7628 !important;
}

.acme_light-background-11 {
  background-color: #da785a28 !important;
}

.acme_light-background-12 {
  background-color: #765ada28 !important;
}

.container {
  position: relative;
  width: 100%;
  /*height: 100%;*/
}

.emergencyno1 {
  position: fixed;
  display: grid;
  align-items: flex-start;
  right: 0; /* Align the div to the right */
  top: 0; /* Keep the div at the top */
  width: 100px; /* Set the width of the div */
  height: 50px; /* Set the height of the div */
  background-color: blue; /* Set the background color of the div */
  border-radius: 0 0 25px 25px; /* Add some border radius to the div */
  text-align: center; /* Center the text inside the div */
  padding: 10px; /* Add some padding to the div */
  margin: 10px; /* Add some margin to the div */
  z-index: 1;
}

.whatsapp {
  margin: auto;
  float: right;
  background-color: green;
  border-radius: 100px;
  width: 50px;
  height: 50px;
  z-index: 999;
  position: sticky;
  bottom: 40px;
  right: 40px;
  text-align: center;
  font-size: 30px;
  line-height: 50px;
  color: white !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fadeIn {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.whatsapp_3 {
  margin: auto;
  float: right;
  background-color: green;
  border-radius: 100px;
  width: 50px;
  height: 50px;
  z-index: 100;
  position: fixed;
  bottom: 80px;
  right: 40px;
  text-align: center;
  font-size: 30px;
  line-height: 50px;
  color: white !important;
}

#whatsapp_2 {
  margin-right: 50px;
  stroke: 5px #a6c512 solid !important;
  float: right;
  background-color: #ebf0f7;
  border-radius: 100px;
  position: sticky;
  width: 50px;
  height: 50px;
  bottom: 40px;
  right: 40px;
  text-align: center;
  font-size: 30px;
  line-height: 50px;
  color: #a6c512 !important;
  transition: background-color 0.1s, opacity 0.3s, visibility 0.5s;
  z-index: 1;
  visibility: hidden;
  animation: fadeOut 1s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
}

#whatsapp_2.show {
  opacity: 1;
  visibility: visible !important;
  animation: fadeInUp 1s ease-in-out;
}

.appointmenticon {
  margin: auto;
  float: right;
  background-color: rgb(222, 27, 27);
  border-radius: 100px;
  padding: 7px;
  width: 50px;
  height: 50px;
  z-index: 100;
  position: sticky;
  bottom: 100px;
  right: 50px;
  text-align: center;
  font-size: 30px;
  line-height: 50px;
  color: white !important;
}

.cfa {
  font-size: 0.8em;
  margin: 0px 10px 0px 0px !important;
  float: right;
  background-color: rgb(222, 27, 27);
  border-radius: 100px;
  width: 170px;
  height: 30px;
  z-index: 0;
  position: fixed;
  bottom: 100px;
  right: 40px;
  text-align: center;
  line-height: 30px;
  color: white !important;
  margin-bottom: 9px !important;
  padding-right: 35px;
  display: none;
}

.appointment-icon:hover + .cfa {
  display: block;
  animation-duration: 0.1s;
  animation-name: slidein;
  animation-iteration-count: 0.1;
  animation-direction: alternate;
  overflow: hidden;
}

.sticky-top1 {
  position: sticky !important;
  top: 0;
}

@-webkit-keyframes slidein {
  10%,
  40% {
    margin-left: 5%;
    width: 5%;
    opacity: 0 !important;
  }

  80%,
  100% {
    margin-left: 0%;
    width: 100%;
    opacity: 50 !important;
  }
}

@keyframes slidein {
  10%,
  40% {
    margin-left: 5%;
    width: 5%;
    opacity: 0 !important;
  }

  80%,
  100% {
    margin-left: 0%;
    width: 100%;
    opacity: 50 !important;
  }
}

.review_v {
  width: auto;
  height: 524px;
  overflow: scroll;
}

.rmargin {
  margin-top: -5;
  margin-bottom: -10;
}

.color-1-mute_u {
  color: #a6c512 !important;
  padding-left: 5px;
}

.color-1-mute_u:hover {
  color: #8aa30d !important;
  padding-left: 2px !important;
  padding-bottom: 5px !important;
  border-bottom: #8aa30d 1px solid !important;
}

.acme-fs-6 {
  font-size: 0.9rem;
}

.slider-text {
  margin-bottom: 80px;
  background-color: #bcda5ad4;
  border: #bcda5aa1 solid;
  border-radius: 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px;
  margin-top: 10px !important;
  margin-left: auto;
  margin-right: auto;
  color: #09124b;
}

.accordion-button:not(.collapsed) {
  background-color: #09124b !important;
  color: #8aa30d !important;
}

.accordion-button:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.accordion-item {
  background-color: #edfaac !important;
  border: 1px solid rgba(0, 0, 0, 0.125) !important;
  margin-bottom: 10px;
  border-radius: 5px !important;
}

.accordion-button {
  color: #8aa30d !important;
}

.acme_img_style_1 img {
  border-radius: 5px;
  border: white 4px solid;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: contrast(120%) brightness(100%);
  filter: contrast(120%) brightness(100%);
}

.acme_img_style_1 img:hover {
  -webkit-transform: scale(1.01);
  -ms-transform: scale(1.01);
  transform: scale(1.01);
  -webkit-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  -webkit-filter: drop-shadow(-1px 3px 5px #000) contrast(120%) brightness(100%);
  filter: drop-shadow(-1px 3px 5px #000) contrast(120%) brightness(100%);
}
.accordion-button::after {
  background-image: url(../Img/Arrow_2.svg) !important;
}

.searchInput {
  border-radius: 100px !important;
}

.searchsection {
  -ms-flex-line-pack: distribute;
  align-content: space-around;
}

input[type="search"] {
  color: #8aa30d !important;
}

.header-style2 {
  background-color: #ffffff;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 20px 20px 0px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 20px 20px 0px;
  border-bottom: #a6c512 solid 3px;
  height: auto;
  margin-bottom: 10px;
  padding: 20px;
  z-index: 1;
}

.clear_1 {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: 0px !important;
  padding-left: 0px !important;
  padding-bottom: 10px;
}

.container-m {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* height: 100vh; */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-right: 1%;
  padding-left: 1%;
}

.card_t {
  border: none;
  height: 100%;
}

.card_t:hover {
  border-radius: 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  background-color: #a6c512;
  color: #09124b;
  border-color: #09124b solid !important;
}

.u-color {
  color: #a6c512;
}

/* chairman page */
.acme_message_font {
  font-family: "Freehand", cursive;
  font-size: large;
}

.icon-1 {
  width: 5% !important;
  height: 5% !important;
}

.icon-2 {
  width: 20px;
}

.heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.acme_h3 {
  padding-left: 1%;
}

.navbar .megamenu {
  padding: 1rem;
}

.icon-acme-ehc {
  background-image: url(../Img/EHC.svg);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: -ms-grid;
  display: grid;
  overflow: hidden;
  float: left;
  margin-right: 2px !important;
}

.icon-success_story {
  background-image: url(../Img/success_story.svg);
  background-repeat: no-repeat;
  width: 100px !important;
  height: 50px;
  display: -ms-grid;
  display: grid;
  overflow: hidden;
  float: left;
  margin-right: 5px;
}
.ech-bg {
  background-image: url(../Img/texture/gold-texture.jpg);
}

.icon-acme-doctorsearch {
  background-image: url(../Img/Search_doctor-01.svg);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: -ms-grid;
  display: grid;
  overflow: hidden;
  float: left;
  margin-right: 5px;
}

.icon-acme-Appointment {
  background-image: url(../Img/Appointment_1.svg);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: -ms-grid;
  display: grid;
  overflow: hidden;
  float: left;
  margin-right: 5px;
}

.icon-acme-Appointment_2 {
  background-image: url(../Img/Appointment.svg);
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  display: -ms-grid;
  display: flex;
  overflow: hidden;
  float: right;
  margin-right: 5px;
  bottom: 5;
  flex-direction: column;
  line-height: 98px;
  vertical-align: middle;
}

.icon-acme-lab {
  background-image: url(../Img/Lab.svg);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: -ms-grid;
  display: grid;
  overflow: hidden;
  float: left;
  margin-right: 5px;
}

.texture_0 {
  background-image: url(../Img/background2.png);
  background-size: auto;
 
}
.texture_2{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.texture1 {
  background-image: url(../Img/background3.png);
  background-size: auto;
  min-height: 270px;
}

label {
  width: 90%;
  color: #b2aeae;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

input[type="file"]::file-selector-button {
  border-radius: 0px;
  padding: 0 16px;
  height: 40px;
  cursor: pointer;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0);
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0);
  margin-right: 16px;
  transition: background-color 200ms;
  border-right: 1px #8aa30d solid;
}

.appointment-form {
  width: 70%;
  height: auto;
  margin: auto;
  padding: 20px;
}

.input-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.input-row .input-group {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.input-group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding: 10px;
}

.g-opption {
  width: 20% !important;
}

.input-group .g-opption input:checked {
  border: 6px solid black;
}
.arange {
  text-align: center;
  top: auto;
  margin: auto;
}
input,
select {
  border: none;
  outline: none;
  border: 1px solid #a6c512;
  color: black;
  margin-bottom: 10px;
  width: 100%;
  border-radius: 50px !important;
  padding: 10px;
}

textarea {
  border: none;
  outline: none;
  border: 1px solid #a6c512;
  color: black;
  margin-bottom: 10px;
  width: 95%;
  border-radius: 5px !important;
  padding: 10px;
}

.pra_block-1 {
  border: 2px solid cornflowerblue;
  border-radius: 10px;
  padding: 15px;
  width: 50% !important;
  height: auto;
}

.roomtype-1 {
  padding: 15px;
  margin-top: 55px;
  border-radius: 20px;
  background-color: #5a87da28;
}

.sticky-style {
  width: 100%;
  height: auto;
  background-color: white;
  border-bottom: #8aa30d 1px solid;
  z-index: 1 !important;
  top: 0 !important;
}

.sidebar {
  min-width: 250px;
  max-width: 250px;
  min-height: 100vh;
  background-color: #343a40;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.sidebar.active {
  margin-left: -250px;
}

.sidebar .logo {
  padding: 10px;
  font-size: 24px;
  color: white;
  text-align: center;
}

.sidebar .menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sidebar .menu li a {
  display: block;
  padding: 15px;
  color: white;
  text-decoration: none;
}

.sidebar .menu li a:hover {
  background-color: #3d4147;
}

.sidebar .menu li a .icon {
  margin-right: 10px;
}

.sidebar .menu li a .text {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.sidebar .menu li a .text.hide {
  opacity: 0;
}

.sidebar .menu li ul {
  list-style: none;
  padding-left: 30px;
  display: none; /* Hide the submenu by default */
}

.sidebar .menu li ul.show {
  display: block; /* Show the submenu when clicked */
}

.sidebar .menu li ul li a {
  color: #b4b7bd;
}

.sidebar-toggle {
  position: fixed;
  left: 250px; /* Adjust this value according to the sidebar width */
  top: 20px; /* Adjust this value according to the sidebar position */
  font-size: 24px;
  color: white;
  cursor: pointer;
  z-index: 9999; /* Make sure the toggle button is always visible */
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.sidebar-toggle.active {
  left: 0; /* Adjust this value according to the sidebar width */
}

.sidebar-1 ul {
  height: auto;
  background-color: rgb(213, 231, 147);
  /*border-radius: 2%;*/
  max-height: 100vh;
  overflow-y: scroll;
  width: 100%;
}

.sidebar-1 div {
  border: none !important;
  background-color: #09124b;
  color: #8aa30d;
  list-style: none !important;
  width: 100%;
  padding: 15px;
  position: relative;
  font-weight: bolder !important;
}

.sidebar-1 ul a li {
  list-style: none !important;
  width: 100%;
  font-size: smaller !important;
  margin-left: -15px;
  padding: 10px 0px;
  list-style: none !important;
  width: 100%;
  font-size: small !important;
}

.sidebar-1 ul a li:hover {
  background-color: rgb(255, 252, 252);
  border-radius: 5px;
  list-style: none !important;
  width: 100%;
  font-size: smaller !important;
  margin-left: -15px;
  padding: 10px 0px;
  list-style: none !important;
  width: 100%;
  font-size: small !important;
  cursor: pointer;
}

.data-2,
.experties {
  display: none;
}

/* ============ desktop view ============ */
@media all and (min-width: 820px) {
  .navbar .has-megamenu {
    position: static !important;
  }

  .navbar .megamenu {
    left: 0;
    right: 0;
    width: 90%;
    margin-top: 0;
    margin-left: auto;
    line-height: 12px;
    line-height: 14.5px;
    /* letter-spacing: 1px; */
    font-size: xx-small;
    text-transform: capitalize;
  }

  /* ============ desktop view .end// ============ */

  /* ============ mobile view ============ */
  @media (max-width: 991px) {
    .navbar.fixed-top .navbar-collapse,
    .navbar.sticky-top .navbar-collapse {
      overflow-y: auto;
      max-height: 90vh;
      margin-top: 10px;
    }
  }
}
/* Doctor dir */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  position: relative;
  height: 100%;
  
}

.filter-links {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  border-bottom: 1px solid #a6c512;
}

.filter-links li {
  display: inline;
  float: left;
}

.filter-links li a {
  display: block;
  color: black;
  padding: 1em 1.3em;
  text-decoration: none;
  margin: 1px;
}

.filter-links li a:hover {
  color: red;
}

.filter-sections {
  width: 100%;
  display: block;
  overflow: hidden;
}

.filter-sections div {
  opacity: 0;
  display: none;
  -webkit-transition: all 500s ease;
  -o-transition: all 500s ease;
  transition: all 500s ease;
}

.look {
  display: block !important;
  opacity: 5 !important;
  -webkit-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  border-radius: 0px;
  -webkit-animation: selected 500ms 1 ease-in-out;
  animation: selected 500ms 1 ease-in-out;
}

@-webkit-keyframes selected {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}

@keyframes selected {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}

/* close doctor dir */

.card1 {
  height: 230px;
  width: 100%;
}

.card2 {
  height: 90%;
}

.photoview1 {
  width: 20%;
  height: auto;
  float: left;
  padding-right: 1%;
  border-radius: 10px;
}

.clip {
  -webkit-clip-path: polygon(3% 0, 100% 0%, 100% 100%, 0 100%);
  clip-path: polygon(3% 0, 100% 0%, 100% 100%, 0 100%);
}

.department1 ul li {
  padding: 8px;
}

.name2 {
  width: 50%;
  float: left;
}

.drname_2 {
  width: auto !important;
  margin-top: 25px !important;
  font-size: calc(0.2rem + 2vw);
  font-weight: bold;
  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
  text-transform: uppercase !important;
  color: #09124b;
}

.photo {
  float: left;
  width: auto;
  height: 350px;
  clear: right;
  margin-left: 40px !important;
}

div.all.photo > img:nth-child(1) {
  /* Add a box-shadow to create a 3D effect */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  /* Use the transform-origin property to change the point of origin for the transformation */
  transform-origin: center center;
  /* Use the transition property to specify the duration, timing function, and properties to animate */
  transition: transform 0.5s ease, box-shadow 0.5s ease;
}
div.all.photo > img:nth-child(1) :hover {
  /* Use the scale function to increase the size of the image by 50% */
  transform: scale(1.5);
  /* Use the !important keyword to override any other declarations */
  transform: scale(1.5) !important;
  /* Change the box-shadow to create a more dramatic effect */
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
}

.name1 {
  float: left;
  width: auto;
}

.appointment {
  float: left;
  background-color: beige;
  margin-top: 200px;
  top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.online_s_block {
  border: #09124b solid 1px;
  border-radius: 100px;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.online_s_block .icons {
  width: 15% !important;
  height: auto;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  vertical-align: middle !important;
  margin: 0px 0px 0px 15px !important;
  clear: right !important;
}

button_1 {
  margin-left: auto;
}

.border-r-50 {
  border-radius: 50px !important;
}

.light_blue {
  background-color: hsl(100, 10%, 81%);
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  background-image: url(../Img/background1.png);
}

.url_background {
  background-image: url(../Img/background1.png);
}

.url_background_2 {
  background-image: url(../Img/little-pluses.png);
}

.url_background_3 {
  background-image: url(../Img/background_1.png);
}

.url_background_4 {
  background-image: url(../Img/background3.png);
}

.url_background_5 {
  background-image: url(../Img/background2.png);
}

.width-90 {
  width: 90%;
}

.select-style {
  display: inline;
  width: 100% !important;
  height: normal;
  background-color: #09124b;
  color: #a6c512;
  text-transform: uppercase;
  font-size: large;
  font-weight: 700;
  border: #a6c512 solid 1px;
  padding: 10px;
  border-bottom: #a6c512 1px solid;
  margin-left: auto !important;
  margin-right: auto !important;
  position: inherit;
  top: 0;
  z-index: 1;
}

.filterby {
  outline: none !important;
  border: #a6c512 solid 1px;
  /* border-r  height: 400px; 
in-left: 10px; */
}

div#FilterContainer div {
  -webkit-transition: height 0.1s ease;
  -o-transition: height 0.1s ease;
  transition: height 0.1s ease;
  overflow: hidden;
}

div#FilterContainer div.hidden {
  height: 50px;
}

.content-fit {
  -o-object-fit: fill;
  object-fit: fill;
}

.profile-card {
  width: auto;
  height: 350px;
}

.left {
  border-color: #a6c512 solid 1px;
  background-color: #c0c8ff;
  width: 40%;
  height: auto;
  float: left;
}

.right {
  border-color: #09124b solid 1px;
  background-color: #a6c512;
  width: 100%;
  height: auto;
}

.left img {
  width: 200px;
  height: auto;
  float: left;
}

.z-index {
  z-index: -1;
  position: relative;
}

/* ------------- */

.container_1 {
  width: 100%;
  height: auto;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  border-radius: 10px;
}

/* .container_1:hover {
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 9px 3px #bcbcbc, 0px 0px 10px #ffffff;
  box-shadow: 0px 0px 9px 3px #bcbcbc, 0px 0px 10px #ffffff;
  border: rgb(255, 252, 252) solid 2px;
} */

.photo {
  float: left;
  width: 150px;
  height: auto;
  clear: right;
  -o-object-fit: fill !important;
  object-fit: fill !important;
  overflow: hidden;
  margin: 20px;
  border-radius: 7px;
  border: 2px white solid;
  background-color: white;
}

.photo img {
  -o-object-fit: fill;
  object-fit: fill;
}

.container_2 {
  display: flexbox;
  width: 100%;
  height: auto;
  -webkit-transform: scale(0.9) !important;
  -ms-transform: scale(0.9) !important;
  transform: scale(0.9) !important;
  border-radius: 10px;
  overflow: hidden;
}

.text-2 {
  width: 100%;
  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
  font-size: inherit;
  color: #09124b;
  text-align: justify;
  padding: 0px 35px 0px 35px;
}

.acme_underline {
  border-bottom: #42641a solid 1.5px;
  width: 100%;
  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
}

.scroll-snap {
  -ms-scroll-snap-type: y proximity !important;
  scroll-snap-type: y proximity !important;
}

.r-col_2 {
  width: auto;
  height: 360px !important;
  float: auto;
  overflow: hidden;
  padding: 1%;
  -webkit-clip-path: polygon(3% 0, 100% 0%, 100% 100%, 0 100%);
  clip-path: polygon(3% 0, 100% 0%, 100% 100%, 0 100%);
}

.r-col_2 ul li {
  font-size: 0.5rem;
  list-style: none;
  text-transform: capitalize !important;
}

.name_2 {
  width: 25% !important;
  height: auto;
  float: left;
}

.r-col ul li {
  font-size: 0.8em;
  list-style: none;
  text-transform: capitalize !important;
}

.drname {
  width: 100% !important;
  margin-top: 25px !important;
  font-size: 1.8rem !important;
  font-weight: bold;
  text-transform: uppercase !important;
  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
  color: #4b0909;
}

.btn-acme-3 {
  display: inline-block;
  width: auto;
  height: auto;
  border: 1px solid #09124b !important;
  border-radius: 4px;
  -webkit-box-shadow: rgb(0, 0, 0) 0 2px 4px 0;
  box-shadow: rgb(0, 0, 0) 0 2px 4px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #09124b;
  cursor: pointer;
  font-size: 10px;
  font-weight: 400;
  outline: none;
  outline: 0;
  padding: 5px 1px;
  text-align: center;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  margin-top: 5px;
}

.btn-acme-3:hover {
  background-color: #09124b;
  color: #8aa30d;
  border: #8aa30d 1px solid !important;
}

.button_g {
  margin-top: 0px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.acme_nw_w {
  white-space: nowrap;
  width: 80% !important;
}

.custom-select-wrapper select {
  display: none;
}
.custom-select {
  position: relative;
  display: inline-block;
  font: 13px/1.5 "Roboto", sans-serif;
}
.custom-select-trigger {
  position: relative;
  display: block;
  min-width: 130px;
  padding: 0 104px 0 25px;
  font-weight: 100;
  color: #6e7c83;
  line-height: 50px;
  background-color: #ffffff;
  border-radius: 3px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.custom-select-trigger:hover {
  -webkit-box-shadow: 0px 10px 50px 0px rgba(43, 111, 246, 0.1);
  box-shadow: 0px 10px 50px 0px rgba(43, 111, 246, 0.1);
}
.custom-select-trigger:before {
  position: absolute;
  display: block;
  content: "";
  width: 1px;
  height: 50px;
  top: 3px;
  right: 50px;
  margin-top: -3px;
  border-right: 1px solid #c7d1d6;
  -webkit-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.custom-select-trigger:after {
  position: absolute;
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  top: 50%;
  right: 20px;
  margin-top: -3px;
  border-bottom: 1px solid #c7d1d6;
  border-right: 1px solid #c7d1d6;
  -webkit-transform: rotate(45deg) translateY(-50%);
  -ms-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
  -webkit-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.custom-select.opened .custom-select-trigger:after {
  margin-top: 3px;
  -webkit-transform: rotate(-135deg) translateY(-50%);
  -ms-transform: rotate(-135deg) translateY(-50%);
  transform: rotate(-135deg) translateY(-50%);
}
.custom-options {
  position: absolute;
  display: block;
  top: 100%;
  left: 0%;
  right: 0;
  width: 100%;

  margin: 10px 0;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*  box-shadow: 0 2px 1px rgba(0, 0, 0, .1); */

  background: #fff;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transform: translateY(-15px);
  -ms-transform: translateY(-15px);
  transform: translateY(-15px);
  border: 0;
}
.custom-select.opened .custom-options {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  -webkit-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
  transform: translateY(-8px);

  -webkit-box-shadow: 0px 10px 50px 0px rgba(43, 111, 246, 0.1);
  box-shadow: 0px 10px 50px 0px rgba(43, 111, 246, 0.1);
}
.option-hover:before {
  background: #f9f9f9;
}
.custom-option {
  position: relative;
  display: block;
  padding: 0 22px;
  font: 13px/1.5 "Roboto", sans-serif;
  font-weight: 600;
  color: #b5b5b5;
  line-height: 47px;
  cursor: pointer;
  -webkit-transition: all 0.05s ease-in-out;
  -o-transition: all 0.05s ease-in-out;
  transition: all 0.05s ease-in-out;
}
.custom-option:first-of-type {
  border-radius: 4px 4px 0 0;

  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.custom-option:last-of-type {
  border-bottom: 0;
  border-radius: 0 0 4px 4px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.custom-option:hover,
.custom-option.selection {
  color: #fff !important;
  background-color: #49e2bb !important;
}

.pic-header {
  padding-left: 0px !important ;
  padding-right: 0px !important;
}

.pic-header img {
  height: 363px;
  width: auto;
  -o-object-fit: cover;
  object-fit: cover;
}

.pic-header-2 {
  position: relative;
  mix-blend-mode: multiply;
}
.pic-header-2 h3 {
  position: absolute;
  padding: 2%;
  top: 80%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-weight: 800;
  font-size: 2.2vw;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  background-color: #09124bc2;
  color: #a6c512;
}

.pic-header-2 img {
  height: auto;
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

#pdfcanvas {
  border: 1px solid black;
  width: 100%;
}
#pdf-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#pdf-stats {
  margin-left: 10px;
}
#pdf-page-zoom {
  font-weight: bold;
}

.testimonial blockquote {
  margin: 10px 10px 0;
  background: #efefef;
  padding: 20px 60px;
  position: relative;
  border: none;
  border-radius: 8px;
  font-style: italic;
  border: #000000 solid 5px;
}

.testimonial blockquote:before,
.testimonial blockquote:after {
  content: "\201C";
  position: absolute;
  font-size: 80px;
  line-height: 1;
  color: #757f9a;
  font-style: normal;
}

.testimonial blockquote:before {
  top: 0;
  left: 10px;
}

.testimonial blockquote:after {
  content: "\201D";
  right: 10px;
  bottom: -0.5em;
}

.testimonial div {
  width: 0;
  height: 0;
  border-left: 0 solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #efefef;
  margin: 0 0 0 60px;
}

.testimonial p {
  margin: 8px 0 0 20px;
  text-align: left;
  color: #fff;
}

/* Effect */

.animationclass {
  position: relative;
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
  -webkit-transition: 1s all cubic-bezier(0.39, 0.58, 0.57, 1);
  -o-transition: 1s all cubic-bezier(0.39, 0.58, 0.57, 1);
  transition: 1s all cubic-bezier(0.39, 0.58, 0.57, 1);
}

.animationclass.on {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.round-1 {
  border-radius: 30px var(--shadow-elevation-medium) !important;
  -webkit-border-radius: 20px var(--shadow-elevation-medium) !important;
  -webkit-box-shadow: var(--shadow-elevation-medium) !important;
  box-shadow: var(--shadow-elevation-medium) !important;
}

.yellow-star {
  color: rgb(255, 230, 0);
}

/* header image */
.summary- {
  position: absolute !important;
  font-size: 2.2vw !important;
  font-weight: 500 !important;
  padding: 55px !important;
  left: 65px !important;
  line-height: 47px !important;
  color: #09124b;
  width: 100%;
  line-height: 15px;
}

.breadcrumb-item {
  color: #09124b !important;
  padding: 10px;
}

.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 10px !important;
  height: 10px !important;
  padding: 0;
  margin-right: 10px !important;
  margin-left: 18px !important;
  text-indent: -999px;
  cursor: pointer;
  background-color: #d9dae0 !important;
  background-clip: padding-box;
  border-radius: 25px !important;
  border-top-width: 0;
  border-bottom-width: 0;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
  list-style: none;
  top: 100% !important;
}
.gallery_left, .gallery_right{
  height: 100%;
}
.gallery_left img, .gallery_right img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
  margin-bottom: 20px;
}

/* blog design  */
.blogs{
  height: 100%;
  width: 100%;
}
.head-content{
  padding: 3rem 0;
}
.blog-title{
  text-align: center;
}
.blog-title h2{
  font-size: 8rem;
  font-weight: 900;
  /* letter-spacing: -4px; */
  font-family: fantasy;
}
.blog-cards{
  padding-bottom: 3rem;
}
.blog-card{
  background-color: gainsboro;
  min-height: 480px;
  border-radius: 1rem 1rem 0 1rem;
  position: relative;
  overflow: hidden;
}
.blog-card::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(0deg, #09124b 25.96%, #002b5500);
  width: 100%;
  height: 100%;
  z-index: 2;
}
.card-bottom{
  height: 45px;
    width: 100%;
    background-color: #09124b;
    border-radius: 0 0 8px;
    position: relative;
    z-index: -1;
    overflow: hidden;
}
.card-bottom .inner-bottom{
  width: 100%;
  position: absolute;
  top: 0px;
  right: 21px;
  background-color: white;
  z-index: 1;
  border-radius: 0 11px;
  height: 70px;
  transform: skew(50deg);
}
.blog-container{
  height: 480px;
  display: flex;
  align-items: end;
}
.blog-contain{
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 20px;
  position: relative;
  z-index: 3;
}
.blog-title1 h3{
  font-size: 2.05rem;
  font-weight: 400;
  font-family: fantasy;
  color: white;
}
/* .blog-btn{
} */
.blog-view-btn{
  background-color: #a6c512;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: scale(1);
  transition: transform 0.1s;
}
.blog-view-btn:hover{
  transform: scale(1.2);
}
.blog-img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
.blog-img img{
  width: 100%;
}
.btn-acme-tel{
 font-weight: 600;
    color: #09124b !important;
    background: #a3c113;
    padding: 6px 12px;
    border-radius: 20px;
}