body {
  margin: 0;
  padding: 0;
  font-family: var(--primary-font-family-regular);
  font-size: 18px;
  color: var(--text-body);
  overflow-x: hidden;
}
html {
  overflow-x: hidden !important;
}
a,
a:focus,
a:hover {
  outline: 0;
  border: none;
  text-decoration: none;
}
ul {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}
/** ============ COMMON STYLES ============**/
h1 {
  font-size: 64px;
}
h2 {
  font-size: 60px;
  line-height: 82px;
  color: var(--text-body);
}
h3 {
  font-size: 34px;
}
h4 {
  font-size: 30px;
}
h5 {
  font-size: 26px;
}
h6 {
  font-size: 19px;
  line-height: 26px;
  color: var(--text-body);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--primary-font-family);
}
p {
  line-height: 30px;
  font-size: 18px;
  color: var(--text-body);
  font-family: var(--primary-font-family-regular);
}
li {
  color: var(--text-body);
}

:root {
  --primary-color: linear-gradient(90deg, #1fe5c7 0.05%, #2aade1 83.94%);
  --primary-color-hover: #1fe5c7;
  --primary-font-family: "prataregular";
  --primary-font-family-regular: "source_sans_proregular";
  --primary-font-family-semibold: "source_sans_prosemibold";
  --primary-font-family-bold: "source_sans_probold";
  --text-white: #ffffff;
  --text-black: #000000;
  --text-blue: #0f9ad1;
  --text-body: #272727;
  --text-sub-color: #444444;
  --text-red: #ff3131;
  --text-orange-sub: #fd803c;
  --bg-white: #ffffff;
  --bg-red: #ff3131;
  --bg-green: #10a230;
  --primary-bg-light: #fcf3e4;
  --body-font: 18px;
  --body-font-md: 17px;
  --body-font-sm: 16px;
  --body-font-x-sm: 15px;
  --light-border-color: #e5e5e5;
}

/***============ Buttons and Common ============***/
.btn {
  border-radius: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.primary_btn {
  background: var(--primary-color);
  color: var(--text-white);
  font-size: 20px;
  text-transform: uppercase;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.primary_btn:hover {
  background: var(--primary-color-hover);
  color: var(--text-white);
  border: solid 1px var(--primary-color-hover);
}
.hero-btn {
  background: var(--text-white);
  color: var(--text-blue);
  font-size: 22px;
  text-transform: uppercase;
}
.hero-btn:hover {
  background: var(--text-white);
  color: var(--primary-color-hover);
}
.primary_btn,
.hero-btn {
  padding: 13px 30px;
}
.primary_btn:hover,
.sub_btn:hover,
.wBorder_btn:hover,
.hero-btn:hover {
  padding: 13px 30px;
}
.f_reg {
  font-family: var(--primary-font-family-regular);
}
.f_semi {
  font-family: var(--primary-font-family-semibold);
}
.f_bold {
  font-family: var(--primary-font-family-bold);
}
.f_primary {
  color: var(--primary-color);
}
.sec_padding {
  padding: 100px 0;
}
.body-text-normal {
  font-size: 16px;
  line-height: 1.6;
}
.body-text-semi {
  font-size: 18px;
  line-height: 1.6;
}
.body-text-lg {
  font-size: 22px;
  line-height: 1.6;
}
b.body-text-lg {
  font-family: var(--primary-font-family-semibold);
}
.text-red {
  color: var(--text-red);
}

/***============ header section ============***/
header {
  background: var(--text-white);
  padding: 0;
  box-shadow: 0px 15px 50px 0px rgba(7, 13, 22, 0.1);
}
.head_contact_small {
  display: none;
}
.head_contact_small img {
  display: none;
}
.btn .bi-arrow-right-short {
  font-size: 25px;
  line-height: 22px;
}
.head_contact.head_contact_small .bi-arrow-right-short {
  display: none;
}
/***============ menu section ============***/
.header-navigation-area {
  margin-right: 35px;
}
.main-navigation {
  padding-left: 100px;
  padding-right: 100px;
}
.main-navigation .menu a.active,
.main-navigation .menu a:hover {
  background: var(--text-white);
  color: var(--primary-color);
}
.main-navigation ul li ul li a:hover {
  background: var(--primary-color) !important;
  color: var(--text-white) !important;
}
.main-navigation ul li {
  display: inline-block;
  position: relative;
}
.main-navigation ul li a {
  padding: 15px 18px;
  display: block;
  text-transform: uppercase;
  color: #000;
  font-size: 16px;
  font-family: var(--primary-font-family-regular);
  position: relative;
  z-index: 1;
  line-height: 1;
}
.main-navigation ul ul li a {
  color: var(--text-white);
}
/* Main Menu CSS End*/
/* Submenu / Dropdown Menu CSS */
.main-navigation ul li ul {
  position: absolute;
  width: 250px;
  left: 0;
  top: 65px;
  z-index: 2;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  visibility: hidden;
  opacity: 0;
  background-color: #051424;
  margin: 0;
  padding: 0;
  list-style: none;
}
.main-navigation ul li:hover > ul {
  opacity: 1;
  visibility: visible;
}
.main-navigation ul li ul li a {
  padding: 10px 15px;
  line-height: 26px;
  font-size: 15px;
  font-family: var(--primary-font-family-regular);
  text-transform: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main-navigation ul li ul li {
  display: block;
  text-align: left;
}
.main-navigation ul li ul ul {
  left: 250px;
  top: 0;
}
.main-navigation ul li ul li {
  border-bottom: 1px solid #1a1f29;
}
.main-navigation ul li ul li:last-child {
  border-bottom: 0;
}
/* Submenu / Dropdown Menu CSS End */
/* Mobile Menu CSS Start*/
.mobile-menu-trigger {
  cursor: pointer;
  margin-left: 5px;
  display: none;
  background: transparent;
  border: none;
}
.mobile-menu-trigger span {
  height: 2px;
  display: block;
  width: 31px;
  margin-bottom: 7px;
  background-color: #000;
}
.mobile-menu-trigger span:last-child {
  margin-bottom: 0;
}
.mobile-menu-container {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #0a0e14;
  z-index: 999999;
  opacity: 0;
  visibility: hidden;
  overflow-y: scroll;
  -ms-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  overflow-x: hidden;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.mobile-menu-container li {
  opacity: 0;
  visibility: hidden;
  -ms-transform: translateX(1000px);
  -webkit-transform: translateX(1000px);
  transform: translateX(100px);
  -webkit-transition: 1s;
  transition: 1s;
  border-top: 1px solid #151c26;
}
.mobile-menu-container li:nth-last-child(1) {
  border-bottom: 1px solid #151c26;
}
.mobile-menu-container li > a .slicknav_arrow:after {
  content: "\f107";
  position: absolute;
  font-family: "FontAwesome";
  top: 0;
  bottom: 0;
  color: white;
  z-index: 999;
  margin: 0 auto;
  text-align: center;
  right: 0;
  left: 0;
  font-size: 16px;
  line-height: 50px;
}
.mobile-menu-container.menu-open li.slicknav_open > a .slicknav_arrow:after {
  content: "\f106";
}
.mobile-menu-container.menu-open {
  opacity: 1;
  visibility: visible;
  -ms-transform: translateX(0%);
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}
.mobile-menu-container.menu-open li {
  opacity: 1;
  visibility: visible;
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.mobile-menu-close {
  position: absolute;
  right: 40px;
  top: 25px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  z-index: 1;
}
.mobile-menu-close::before {
  left: 15px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.mobile-menu-close::after {
  right: 13px;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.mobile-menu-close::before,
.mobile-menu-close::after {
  position: absolute;
  height: 30px;
  width: 2px;
  background: var(--text-white);
  content: "";
  top: 0;
}
#mobile-menu-wrap {
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  padding: 100px 20px 20px 20px;
}
#mobile-menu-wrap div {
  background-color: transparent;
}
#mobile-menu-wrap .slicknav_item i {
  display: none;
}
/*Sidebar Start*/
.slicknav_nav,
.slicknav_nav.slicknav_hidden {
  display: block !important;
  text-align: left;
}
.slicknav_btn {
  display: none !important;
}
.slicknav_menu {
  padding-left: 0;
}
.slicknav_nav li > a {
  display: block;
  font-weight: 400;
}
.slicknav_item.slicknav_row a {
  border-bottom: 0;
}
.slicknav_nav .slicknav_row,
.slicknav_nav a {
  padding: 10px 0px;
  margin: 0;
}
.slicknav_nav .slicknav_arrow {
  font-size: 12px !important ;
  background: rgb(255 255 255 / 8%);
  height: 100%;
  width: 50px;
  display: inline-block;
  position: absolute;
  top: 0;
  display: none;
}
.slicknav_nav ul {
  margin: 0;
}
.slicknav_nav .menu-item-has-children ul {
  margin-bottom: 0px;
}
.slicknav_nav .menu-item-has-children ul li {
  padding-left: 15px;
}
.sub-menu .menu-item-has-children a i {
  position: absolute;
  right: 20px;
  top: 20px;
}
.slicknav_nav a:hover,
.slicknav_nav .slicknav_row:hover {
  background-color: transparent;
}
.slicknav_nav .slicknav_row:hover,
.slicknav_nav a:hover {
  border-radius: 0;
}
.slicknav_item.slicknav_row {
  display: inline-block;
  width: 100%;
  position: relative;
}
.slicknav_arrow {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  right: 0;
  top: 17px;
  position: absolute;
}
.slicknav_nav a,
.slicknav_row a {
  color: var(--text-white);
  font-size: 18px;
  display: inline-block;
}

.slicknav_item.slicknav_row::after {
  content: "";
  height: 10px;
  width: 10px;
  display: block;
  position: absolute;
  right: 0;
  top: 15px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
}

/*Sidebar Start*/
/* Mobile Menu CSS End*/
@media only screen and (max-width: 991px) {
  /*Menu*/
  .header-navigation-area {
    display: none;
  }
  .mobile-menu-trigger {
    display: block;
  }
}
/***============ slider section ============***/
.slider_section {
  position: relative;
  overflow: hidden;
  /* background: linear-gradient(
    273deg,
    #d7fff4 -25.29%,
    #9cd2ee 21.64%,
    #2ee8c3 36.16%,
    #3987e9 97.6%
  ); */
  /* background: linear-gradient(
    134deg,
    #6641de 19.38%,
    #14bef2 47.91%,
    #22d2d2 63.44%,
    #30e5b2 72.91%
  );03nov2025*/
  background: linear-gradient(
    134deg,
    #8061e5 19.38%,
    #14bef2 47.91%,
    #22d2d2 63.44%,
    #30e5b2 72.91%
  );
  color: #fff;
  margin: 115px 0 0;
  padding: 100px 0;
}
.whole-section .container-fluid,
.slider_section .container-fluid,
footer .container-fluid {
  padding-left: 135px;
  padding-right: 135px;
}
.img-bottom,
.img-top,
.img-middle {
  border-radius: 50px;
  overflow: hidden;
}

/* Background vector */
.banner-vector {
  position: absolute;
  top: 5%;
  left: 0;
  width: 53%;
  height: 100%;
  object-fit: contain;
  opacity: 0.05;
  z-index: 1;
  pointer-events: none;
}
/* .slider-caption {
  padding: 240px 0 0;
  height: 100vh;
} */

/*.slider_section .slider-captionInner{ text-align: left; z-index: 99;   position: absolute;top: auto;left: 6%; right: auto; padding: 0;  -ms-transform: translate(0%, 0%);transform: translate(0%, 0%);}

*/

.slider_section .slider-captionInner h1 {
  margin-top: 10px;
  line-height: 1.15;
}
.slider_section .slider-captionInner p {
  font-size: 20px;
  color: var(--text-white);
  line-height: 1.45;
  margin-bottom: 10px;
}
.slider_section .slider-captionInner ul {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 30px;
  padding: 0;
  list-style: none;
}
.slider_section .slider-captionInner ul li {
  font-size: 20px;
  color: var(--text-white);
  font-family: var(--primary-font-family-semibold);
}
.slider_section .slider-captionInner ul li::before {
  content: "● ";
  color: var(--text-white);
}
/* .slider-imageInner {
  z-index: 99;
  position: absolute;
  top: auto;
  right: 6%;
  left: auto;
  padding: 0;
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -24%);
} 
.slider-imageInner .imgleft,
.slider-imageInner .imgright {
  float: left;
}
.slider-imageInner .imgleft .img-top {
  margin-bottom: 15px;
}
.slider-imageInner .imgright .img-bottom {
  margin-left: 15px;
}*/
.imgright img {
  object-fit: cover;
}
.animated {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -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);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@keyframes run {
  0% {
    left: 0;
  }
  50% {
    left: calc(-100%);
  }
  100% {
    left: 0;
  }
}
/***============ about section ============***/
.aboutus_section {
  background: #f5f5f5;
  position: relative;
}
.aboutus_section::before {
  content: "";
  position: absolute;
  width: 269px; /* left: 0; */
  right: 0;
  height: 772px;
  top: 0;
  z-index: 0;
  background: url(../images/sun-australian-art.svg) no-repeat;
  transform-origin: center;
}
.about-home-block {
  align-items: center;
}
.about-home-img {
  position: relative;
}
.about-home-img::before {
  content: "";
  position: absolute;
  width: 78px;
  left: 16%;
  height: 203px;
  bottom: 32%;
  z-index: 0;
  background: url(../images/aboutdotsicon.svg) no-repeat;
  transform-origin: center;
}
.about-home-content {
  position: relative;
}
.about-home-content::after {
  content: "";
  position: absolute;
  width: 154px; /* left: 0; */
  right: -15%;
  height: 150px;
  bottom: -7%;
  z-index: 0;
  background: url(../images/hearticon.svg) no-repeat;
  transform-origin: center;
}
/***============ service section ============***/
.service_section {
  position: relative;
  background: linear-gradient(180deg, #bae5ea 19.71%, #30e5b2 100%);
  overflow: hidden;
  z-index: 1;
}
.service_section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(../images/servicebg.png) no-repeat left bottom;
  background-size: cover;
  opacity: 0.35;
  z-index: 0;
}
.service_section .container-fluid {
  position: relative;
  z-index: 2;
}
.service_section h2 {
  color: #272727;
  margin-bottom: 60px;
}
.service_box {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  padding: 45px 35px;
  margin-bottom: 30px;
  height: 100%;
  transition: all 0.3s ease;
}
.service_box:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);
}
.titlesec {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 15px;
}
.titlesec img {
  width: 56px;
  height: auto;
  flex-shrink: 0;
}
.titlesec h5 {
  margin: 0;
  line-height: 38px;
  text-transform: capitalize;
}
.titlesec a {
  text-decoration: none;
  color: inherit;
}
.titlesec a:hover h5 {
  color: var(--text-blue); /* subtle green hover tone */
}
.service_section .row {
  margin-bottom: -30px; /* ensures last row aligns */
}
.service_section [class*="col-"] {
  padding-bottom: 30px; /* creates spacing between rows */
}
/***============ why choose aura section ============***/
.whychoose_section {
  background: #fff;
  position: relative;
  padding-bottom: 200px;
  z-index: 0;
}
.whychoose_section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(../images/whychoosebg.svg) no-repeat left bottom;
  background-size: cover;
  opacity: 0.7;
  z-index: -1;
}
.whychoose-img {
  position: relative;
  z-index: 1;
}
.whychoose-img::before {
  content: "";
  position: absolute;
  width: 517px;
  left: -4%;
  height: 531px;
  bottom: 9%;
  z-index: -1;
  background: url(../images/circlevector.svg) no-repeat;
  transform-origin: center;
}
.whychoose-content {
  padding-left: 50px;
}
.whychoose_section::after {
  content: "";
  position: absolute;
  width: 729px; /* left: 0; */
  right: 0;
  height: 278px;
  bottom: 7%;
  z-index: 0;
  background: url(../images/whychoosebtmimg.png) no-repeat;
  transform-origin: center;
}
/***============ our core specialities section ============***/
.maingreen_section {
  background: #e7f8f3;
  position: relative;
  z-index: 0;
}
.maingreen_section .curveshape-vector {
  position: absolute;
  top: -1%;
  left: 0;
  width: 100%;
  height: auto;
}
.maingreen_section::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url(../images/corevector.svg) no-repeat center 50px;
  background-size: cover;
  opacity: 0.9;
  z-index: -1;
  height: 48%;
}
.maingreen_section::before {
  content: "";
  position: absolute;
  width: 325px;
  left: 0;
  height: 608px;
  top: 0;
  z-index: 0;
  background: url(../images/tropical-palm-leaf-white-background-green.png)
    no-repeat;
  transform-origin: center;
}
/* Left side leaves */
.maingreen_section .leaf-left-top {
  content: "";
  position: absolute;
  width: 716px;
  height: 999px;
  left: 0;
  bottom: 2%;
  background: url(../images/coreleaflefttop.svg) no-repeat;
  background-size: contain;
  z-index: 0;
}
.maingreen_section .leaf-left-bottom {
  content: "";
  position: absolute;
  width: 371px;
  height: 549px;
  left: 0;
  bottom: -4%;
  background: url(../images/coreleafleftbtm.svg) no-repeat;
  background-size: contain;
  z-index: 0;
}
/* ✅ Right side leaves */
.maingreen_section .leaf-right-top {
  content: "";
  position: absolute;
  width: 650px;
  height: 750px;
  right: -11%;
  bottom: 4%;
  background: url(../images/coreleafrighttop.svg) no-repeat;
  background-size: contain;
  z-index: 0;
}
.maingreen_section .leaf-right-bottom {
  content: "";
  position: absolute;
  width: 420px;
  height: 520px;
  right: -7%;
  bottom: -3%;
  background: url(../images/coreleafrightbtm.svg) no-repeat;
  background-size: contain;
  z-index: 0;
}
.corespeciality_section {
  position: relative;
  padding: 55px 0 0;
}
.corespeciality_section h2 {
  margin-bottom: 55px;
}
.speciality-carousel .text-content .count {
  margin-bottom: 55px;
}
.speciality-carousel .text-content h3 {
  font-size: 48px;
  color: var(--text-body);
  opacity: 0;
}
.speciality-carousel .text-content h2 {
  font-size: 48px;
  color: var(--text-body);
  margin: 10px 0;
  line-height: 1.4;
}
.speciality-carousel .text-content h2 a {
  color: var(--text-body);
}
.speciality-carousel .text-content p {
  margin-bottom: 30px;
}
.speciality-carousel .owl-nav {
  position: absolute;
  z-index: 999;
  bottom: 12%;
  left: 3%;
}
.speciality-carousel .owl-nav .owl-prev,
.speciality-carousel .owl-nav .owl-next {
  width: 75px;
  height: 50px;
  border-radius: 50px;
  border: 2px solid rgba(27, 27, 27, 0.34) !important;
  background: var(--text-white) !important;
  transition: 0.3s;
}

/*.speciality-carousel .owl-nav .owl-prev span, .speciality-carousel .owl-nav .owl-next span {font-size:22px !important}*/

.speciality-carousel .owl-nav .owl-prev span,
.speciality-carousel .owl-nav .owl-next span {
  font-size: 52px !important;
  margin-top: 1px !important;
  position: relative !important;
  top: -17px !important;
}

.speciality-carousel .owl-nav .owl-prev {
  margin-right: 15px;
}
.speciality-carousel .owl-nav .owl-prev:hover,
.speciality-carousel .owl-nav .owl-next:hover {
  background: #4a6de5 !important;
  color: var(--text-white);
  border-color: #4a6de5 !important;
}
.corespeciality_section .text-content {
  padding: 15px 65px 0 20px;
  height: 100%;
  position: relative;
  margin-left: 15px;
}
.speciality-carousel {
  border-left: 2px solid rgba(94, 162, 180, 0.38);
}
.speciality-carousel::before {
  content: "";
  position: absolute;
  left: -16px;
  top: 0;
  background: #378be2;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  z-index: 1;
}
.speciality-carousel .img-wrap img {
  border-radius: 20px;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.speciality-carousel .owl-nav button span {
  display: none;
}
.speciality-carousel .owl-nav button.owl-prev {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" viewBox="0 0 20 17" fill="none"><path d="M0.418945 7.26172L7.29395 0.386719C7.55176 0.128906 7.89551 -3.00516e-08 8.23926 0C8.62598 3.3808e-08 8.96973 0.128906 9.22754 0.386719C9.78613 0.902344 9.78613 1.80469 9.22754 2.32031L4.71582 6.875L17.8643 6.875C18.6377 6.875 19.2393 7.47656 19.2393 8.25C19.2393 8.98047 18.6377 9.625 17.8643 9.625L4.71582 9.625L9.22754 14.1367C9.78613 14.6523 9.78613 15.5547 9.22754 16.0703C8.71191 16.6289 7.80957 16.6289 7.29394 16.0703L0.418945 9.19531C-0.139648 8.67969 -0.139648 7.77734 0.418945 7.26172Z" fill="%23213D34"/></svg>') !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
.speciality-carousel .owl-nav button.owl-prev:hover {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" viewBox="0 0 20 17" fill="none"><path d="M0.418945 7.26172L7.29395 0.386719C7.55176 0.128906 7.89551 -3.00516e-08 8.23926 0C8.62598 3.3808e-08 8.96973 0.128906 9.22754 0.386719C9.78613 0.902344 9.78613 1.80469 9.22754 2.32031L4.71582 6.875L17.8643 6.875C18.6377 6.875 19.2393 7.47656 19.2393 8.25C19.2393 8.98047 18.6377 9.625 17.8643 9.625L4.71582 9.625L9.22754 14.1367C9.78613 14.6523 9.78613 15.5547 9.22754 16.0703C8.71191 16.6289 7.80957 16.6289 7.29394 16.0703L0.418945 9.19531C-0.139648 8.67969 -0.139648 7.77734 0.418945 7.26172Z" fill="white"/></svg>') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.speciality-carousel .owl-nav button.owl-next {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" viewBox="0 0 20 17" fill="none"><path d="M18.8203 9.22754L11.9453 16.1025C11.6875 16.3604 11.3438 16.4893 11 16.4893C10.6133 16.4893 10.2695 16.3604 10.0117 16.1025C9.45312 15.5869 9.45312 14.6846 10.0117 14.1689L14.5234 9.61426H1.375C0.601562 9.61426 0 9.0127 0 8.23926C0 7.50879 0.601562 6.86426 1.375 6.86426H14.5234L10.0117 2.35254C9.45312 1.83691 9.45312 0.93457 10.0117 0.418945C10.5273 -0.139648 11.4297 -0.139648 11.9453 0.418945L18.8203 7.29395C19.3789 7.80957 19.3789 8.71191 18.8203 9.22754Z" fill="%23213D34"/></svg>') !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
.speciality-carousel .owl-nav button.owl-next:hover {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" viewBox="0 0 20 17" fill="none"><path d="M18.8203 9.22754L11.9453 16.1025C11.6875 16.3604 11.3438 16.4893 11 16.4893C10.6133 16.4893 10.2695 16.3604 10.0117 16.1025C9.45312 15.5869 9.45312 14.6846 10.0117 14.1689L14.5234 9.61426H1.375C0.601562 9.61426 0 9.0127 0 8.23926C0 7.50879 0.601562 6.86426 1.375 6.86426H14.5234L10.0117 2.35254C9.45312 1.83691 9.45312 0.93457 10.0117 0.418945C10.5273 -0.139648 11.4297 -0.139648 11.9453 0.418945L18.8203 7.29395C19.3789 7.80957 19.3789 8.71191 18.8203 9.22754Z" fill="white"/></svg>') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

/***============ practioner section ============***/
.practioner_section {
  padding: 100px 0;
}
.doctor_info {
  padding-right: 90px;
}
.doctorimg {
  position: relative;
  overflow: hidden;
}
.namecard {
  position: absolute;
  border-radius: 50%;
  background: linear-gradient(
    180deg,
    #1fe5c7 0.04%,
    #2aade1 27.96%,
    #9778fe 54.83%
  );
  width: 100%;
  height: 60%;
  bottom: -33%;
  text-align: center;
  padding: 35px 15px;
}
.namecard h5 {
  color: var(--text-white);
  font-family: var(--primary-font-family-semibold);
  margin-top: 0;
}
.namecard h6 {
  color: #fff;
  font-family: var(--primary-font-family-regular);
  margin-bottom: 10px;
  font-size: 17px;
}
.socialmedia {
  position: relative;
}
.facebook {
  position: absolute;
  top: -150px;
  left: 16%;
}
.instagram {
  position: absolute;
  top: -175px;
  left: 33%;
}
.linkedin {
  position: absolute;
  top: -175px;
  right: 33%;
}
.twitter {
  position: absolute;
  top: -150px;
  right: 16%;
}
.socialmedia img {
  width: 75px !important;
  height: auto;
}
.img_bg {
  background: #dbf2f1;
}
/***============ insights section ============***/
.insights_section {
  padding: 0 0 100px;
}
/* --- Common blog box styling --- */
.blog_boxhome {
  position: relative;
  overflow: hidden;
  color: var(--text-white);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.blog_boxhome:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
/* --- Image and overlay --- */
.blog_boxhome .blog_img {
  position: relative;
  height: 100%;
}
.blog_boxhome .blog_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
  border-radius: 5px;
}
.blog_boxhome:hover .blog_img img {
  transform: scale(1.06);
}
/* --- Gradient overlay for readability --- */
.blog_boxhome::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.05));
  z-index: 1;
}
/* --- Content text --- */
.blog_boxhome .blog_contents {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  z-index: 2;
}
.blog_boxhome .date {
  font-size: 16px;
  font-weight: 400;
  color: var(--text-white);
  margin-bottom: 16px;
  display: block;
}
.blog_boxhome h4,
.blog_boxhome h4 a {
  font-size: 30px;
  line-height: 40px;
  color: var(--text-white);
  margin-bottom: 8px;
  transition: color 0.3s ease;
}
/* --- Large main post (left) --- */
/*.blog_boxhome.large {height: 500px;}*/
.blog_boxhome.large::after {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.1));
  border-radius: 5px;
}
/* --- Smaller posts (right stacked) --- */
/*.blog_boxhome.small {height: 240px;}*/
.blog_boxhome.small::after {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.05));
  border-radius: 5px;
}
/***============ testimonials section ============***/
.testimonials_section {
  text-align: center;
  color: var(--text-white);
}
.testimonials_section h2 {
  color: var(--text-white);
}
.testimonialsbg {
  position: relative;
  background: url(../images/testimonial.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 12px;
  padding: 80px 40px;
  text-align: center;
  color: var(--text-white);
}
.testimonialsbg::before {
  content: "";
  position: absolute;
  width: 100px;
  left: 50%;
  margin-left: -50px;
  height: 100px;
  top: -9%;
  z-index: 9999;
  background: url(../images/quote.svg) no-repeat center;
  transform-origin: center;
  background-color: #fff;
  border-radius: 50%;
}
.testimonial-carousel .item {
  position: relative;
  z-index: 1;
}
.commentsec {
  max-width: 800px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 1.8;
  position: relative;
  z-index: 1;
}
.commentsec .name h5 {
  margin-bottom: 15px;
}
.commentsec .name h5 span {
  display: block;
  font-size: 16px;
  margin-top: 4px;
}
/* Make Owl dots visible and properly centered */
.owl-theme .owl-dots {
  position: relative;
  text-align: center;
  margin-top: 30px;
  z-index: 5; /* keep above background overlay */
}
/* Style each dot */
.owl-theme .owl-dots .owl-dot span {
  width: 12px;
  height: 12px;
  border: 1px solid #ffffff80;
  border-radius: 50%;
  display: inline-block;
  margin: 0 6px;
  transition: all 0.3s ease;
}
/* Active dot state */
.owl-theme .owl-dots .owl-dot.active span {
  border-color: var(--text-white);
  opacity: 1;
  transform: scale(1.3);
}
/* Fix for button element inherited styles */
.owl-carousel button.owl-dot {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  outline: none !important;
  cursor: pointer;
}
/***============ book appointment section ============***/
.bookappointment_section {
  position: relative;
  overflow: hidden;
  text-align: center;
  z-index: 1;
  padding: 100px 0;
}
.bookappointment_section .arc-container {
  position: relative;
  width: 790px;
  height: 385px;
  margin: 0 auto;
  transform: rotate(4deg);
  transform-origin: center bottom;
}
/* ✅ Each image item */
.arc-item {
  position: absolute;
  bottom: 0;
  transform-origin: center bottom;
  overflow: hidden;
}
/* ✅ Positions for 4 images — evenly spaced in arc */
.arc-item:nth-child(1) {
  transform: rotate(0deg) translate(-334px, 346px);
}
.arc-item:nth-child(2) {
  transform: rotate(-4deg) translate(-34px, -16px);
}
.arc-item:nth-child(3) {
  transform: rotate(-6deg) translate(435px, 29px);
}
.arc-item:nth-child(4) {
  transform: rotate(-7deg) translate(758px, 362px);
}
/* Content styles */
.bookappointment_section h2 {
  margin: 48px 0 20px;
}
.bookappointment_section p {
  font-size: 24px;
  margin-bottom: 25px;
}
/***============ footer section ============***/
footer {
  background: #0f2c37;
  position: relative;
  padding: 100px 0 80px !important;
  z-index: 0;
}
footer .curveshape-vector {
  position: absolute;
  top: -2%;
  left: 0;
  width: 100%;
  height: auto;
}
footer::before {
  content: "";
  position: absolute;
  width: 569px;
  left: 0;
  height: 942px;
  top: -10%;
  z-index: -1;
  background: url(../images/footerfloral-left.svg) no-repeat;
  transform-origin: center;
}
footer::after {
  content: "";
  position: absolute;
  width: 569px;
  right: 0;
  height: 785px;
  top: -2%;
  z-index: -1;
  background: url(../images/footerfloral-right.svg) no-repeat;
  transform-origin: center;
}
footer hr {
  border-top: 1px solid #939393;
}
footer h5 {
  font-size: 24px;
  color: var(--text-white);
}
footer .foot_address p {
  font-size: 16px;
  color: var(--text-white);
  line-height: 30px;
}
footer .foot_address p a {
  padding-left: 0;
  display: inline-block;
  text-decoration: none !important;
}
footer .foot_address a {
  display: block;
  color: var(--text-white);
  line-height: 1.8;
}
footer .foot_address a:hover {
  color: var(--primary-color-hover);
}
.quicklinks ul li {
  padding-bottom: 10px;
  font-size: 16px;
  line-height: 30px;
}
.quicklinks ul li a {
  color: var(--text-white);
  font-size: 16px;
}
.quicklinks ul li a:hover {
  color: var(--primary-color-hover);
}
.socialMedia {
  display: flex;
  margin-top: 30px;
}
.socialMedia a {
  background: #378ce1;
  margin-right: 10px;
  /* padding: 8px 15px; */
  border-radius: 50%;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px !important;
}
.socialMedia a:hover {
  background: var(--primary-color);
}
.socialMedia a:last-child {
  margin-right: 0;
}
.email-footer a {
  text-decoration: underline;
}
.copyright {
  color: var(--text-white);
}
/***============ footer section ============***/
.innerBannner {
  height: 300px;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.innerBannner {
  margin-top: 115px;
}
.arch_book {
  position: absolute;
  left: 0;
  right: 0;
  top: 60%;
}