:root {
  --direction-multiplier: 1;
}
.elementor *,
.elementor :after,
.elementor :before {
  box-sizing: border-box;
}
.elementor a {
  box-shadow: none;
  text-decoration: none;
}
.elementor img {
  border: none;
  border-radius: 0;
  box-shadow: none;
  height: auto;
  max-width: 100%;
}
.elementor
  .elementor-widget:not(.elementor-widget-text-editor):not(.elementor-widget-theme-post-content)
  figure {
  margin: 0;
}
.elementor embed,
.elementor iframe {
  border: none;
  line-height: 1;
  margin: 0;
  max-width: 100%;
  width: 100%;
}
.elementor-element {
  --flex-direction: initial;
  --flex-wrap: initial;
  --justify-content: initial;
  --align-items: initial;
  --align-content: initial;
  --gap: initial;
  --flex-basis: initial;
  --flex-grow: initial;
  --flex-shrink: initial;
  --order: initial;
  --align-self: initial;
  align-self: var(--align-self);
  flex-basis: var(--flex-basis);
  flex-grow: var(--flex-grow);
  flex-shrink: var(--flex-shrink);
  order: var(--order);
}
.elementor-element:where(.elementor-widget) {
  align-content: var(--align-content);
  align-items: var(--align-items);
  flex-direction: var(--flex-direction);
  flex-wrap: var(--flex-wrap);
  gap: var(--row-gap) var(--column-gap);
  justify-content: var(--justify-content);
}
:root {
  --page-title-display: block;
}
.elementor-section {
  position: relative;
}
.elementor-section .elementor-container {
  display: flex;
  margin-inline: auto;
  position: relative;
}
@media (max-width: 1024px) {
  .elementor-section .elementor-container {
    flex-wrap: wrap;
  }
}
.elementor-widget-wrap {
  align-content: flex-start;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
}
.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap {
  display: flex;
}
.elementor-widget-wrap > .elementor-element {
  width: 100%;
}
.elementor-widget {
  position: relative;
}
.elementor-widget:not(:last-child) {
  margin-block-end: var(--kit-widget-spacing, 20px);
}
.elementor-column {
  display: flex;
  min-height: 1px;
  position: relative;
}
.elementor-inner-section .elementor-column-gap-no .elementor-element-populated {
  padding: 0;
}
@media (min-width: 768px) {
  .elementor-column.elementor-col-50 {
    width: 50%;
  }
  .elementor-column.elementor-col-100 {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .elementor-column {
    width: 100%;
  }
}
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}
.animated {
  animation-duration: 1.25s;
}
@media (prefers-reduced-motion: reduce) {
  .animated {
    animation: none !important;
  }
  html * {
    transition-delay: 0s !important;
    transition-duration: 0s !important;
  }
}
.elementor-section.elementor-section-boxed > .elementor-container {
  max-width: 1140px;
}
.elementor-widget:not(:last-child) {
  --kit-widget-spacing: 20px;
}
.elementor-element {
  --widgets-spacing: 20px 20px;
  --widgets-spacing-row: 20px;
  --widgets-spacing-column: 20px;
}
@media (max-width: 1024px) {
  .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1024px;
  }
}
@media (max-width: 767px) {
  .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 767px;
  }
}
.elementor-68 .elementor-element.elementor-element-28ad281 {
  transition:
    background 0.3s,
    border 0.3s,
    border-radius 0.3s,
    box-shadow 0.3s;
}
.elementor-68
  .elementor-element.elementor-element-af125b3:not(
    .elementor-motion-effects-element-type-background
  ) {
  background-color: #f9f6ef;
}
.elementor-68 .elementor-element.elementor-element-af125b3 {
  transition:
    background 0.3s,
    border 0.3s,
    border-radius 0.3s,
    box-shadow 0.3s;
}
.elementor-68 .elementor-element.elementor-element-8e461ed .sub-title {
  color: #83580d !important;
  font-size: 28px;
  font-weight: 600;
}
.elementor-68 .elementor-element.elementor-element-8e461ed .sec-title {
  color: #f4a821 !important;
  font-family: "Helvetica", Sans-serif;
  font-size: 45px;
  font-weight: 600;
  line-height: 45px;
}
.elementor-68 .elementor-element.elementor-element-8e461ed h4,
.elementor-68 .elementor-element.elementor-element-8e461ed h5 {
  font-family: "Roboto", Sans-serif;
  font-size: 139px;
  font-weight: 500;
  line-height: 1px;
}
.elementor-68 .elementor-element.elementor-element-6eecb8f .sub-title {
  color: #f4a821 !important;
  font-size: 41px;
  font-weight: 600;
}
.elementor-68 .elementor-element.elementor-element-6eecb8f .sec-title {
  font-size: 31px;
  font-weight: 700;
}
.elementor-68 .elementor-element.elementor-element-303cdb7 {
  transition:
    background 0.3s,
    border 0.3s,
    border-radius 0.3s,
    box-shadow 0.3s;
}
.elementor-68
  .elementor-element.elementor-element-eb4c108:not(
    .elementor-motion-effects-element-type-background
  ) {
  background-color: #dbeaf7;
}
.elementor-68 .elementor-element.elementor-element-eb4c108 {
  transition:
    background 0.3s,
    border 0.3s,
    border-radius 0.3s,
    box-shadow 0.3s;
}
.elementor-68 .elementor-element.elementor-element-c7a2817 .process-number {
  background-color: #fff !important;
  color: #f4a821 !important;
}
.elementor-68 .elementor-element.elementor-element-c7a2817 .process-card .process-icon img {
  filter: brightness(0) saturate(100%) invert(67%) sepia(95%) saturate(1352%) hue-rotate(349deg)
    brightness(98%) contrast(96%);
}
.elementor-68 .elementor-element.elementor-element-c7a2817 .process-card:hover {
  background-color: #f4a821 !important;
}
.elementor-68 .elementor-element.elementor-element-c7a2817 .process-card:hover .process-icon img {
  filter: brightness(0) invert(1);
}
.elementor-68 .elementor-element.elementor-element-c7a2817 .process-card:hover .process-title,
.elementor-68 .elementor-element.elementor-element-c7a2817 .process-card:hover .process-text {
  color: #fff !important;
}
.elementor-68 .elementor-element.elementor-element-c7a2817 .process-text {
  color: #000 !important;
}
.elementor-68 .elementor-element.elementor-element-c7a2817 .process-text {
  font-size: 15px;
  font-weight: 600;
}
.elementor-68 .elementor-element.elementor-element-9f4c974 .sub-title {
  color: #000 !important;
  font-size: 30px;
  font-weight: 700;
}
.elementor-68 .elementor-element.elementor-element-9f4c974 .sec-title {
  color: #f29a00 !important;
  font-size: 45px;
  font-weight: 800;
}
.elementor-68
  .elementor-element.elementor-element-ed46be4:not(
    .elementor-motion-effects-element-type-background
  ) {
  background-color: #f9f6ef;
}
.elementor-68 .elementor-element.elementor-element-ed46be4 {
  transition:
    background 0.3s,
    border 0.3s,
    border-radius 0.3s,
    box-shadow 0.3s;
}
.elementor-68 .elementor-element.elementor-element-583e5e7 .sub-title {
  color: #f4a821 !important;
}
.elementor-68 .elementor-element.elementor-element-583e5e7 .sub-title {
  font-size: 29px;
  font-weight: 700;
}
.elementor-68 .elementor-element.elementor-element-583e5e7 .appointment-form,
.elementor-68 .elementor-element.elementor-element-583e5e7 .contact-form {
  background-color: #f7edd5;
}
.elementor-68 .elementor-element.elementor-element-583e5e7 .contact-form input[type="submit"],
.elementor-68 .elementor-element.elementor-element-583e5e7 .contact-form button[type="submit"],
.elementor-68 .elementor-element.elementor-element-583e5e7 .contact-form .submit,
.elementor-68 .elementor-element.elementor-element-583e5e7 .appointment-form input[type="submit"],
.elementor-68 .elementor-element.elementor-element-583e5e7 .appointment-form button[type="submit"] {
  background-color: #f5f5a8 !important;
  border-radius: 8px;
  padding: 11px 33px;
  border: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  font-size: 20px;
  font-weight: 700;
  transition: 0.21s;
  display: inline-block;
  min-width: 150px;
  text-align: center;
  color: #000 !important;
}
.elementor-68 .elementor-element.elementor-element-583e5e7 .contact-form input[type="submit"]:hover,
.elementor-68
  .elementor-element.elementor-element-583e5e7
  .contact-form
  button[type="submit"]:hover,
.elementor-68 .elementor-element.elementor-element-583e5e7 .contact-form .submit:hover,
.elementor-68
  .elementor-element.elementor-element-583e5e7
  .appointment-form
  input[type="submit"]:hover,
.elementor-68
  .elementor-element.elementor-element-583e5e7
  .appointment-form
  button[type="submit"]:hover {
  color: #fff !important;
  background-color: #f4a821 !important;
  background: #f4a821 !important;
}
.elementor-68
  .elementor-element.elementor-element-583e5e7
  .contact-form
  input[type="submit"]
  .btn-hover
  .part,
.elementor-68
  .elementor-element.elementor-element-583e5e7
  .contact-form
  button[type="submit"]
  .btn-hover
  .part,
.elementor-68 .elementor-element.elementor-element-583e5e7 .contact-form .submit .btn-hover .part,
.elementor-68
  .elementor-element.elementor-element-583e5e7
  .appointment-form
  input[type="submit"]
  .btn-hover
  .part,
.elementor-68
  .elementor-element.elementor-element-583e5e7
  .appointment-form
  button[type="submit"]
  .btn-hover
  .part {
  background: #f4a821 !important;
  border-color: #f4a821 !important;
}
.elementor-68
  .elementor-element.elementor-element-46b668c:not(
    .elementor-motion-effects-element-type-background
  ) {
  background-color: #dbeaf7;
}
.elementor-68 .elementor-element.elementor-element-46b668c,
.elementor-68 .elementor-element.elementor-element-1af42db {
  transition:
    background 0.3s,
    border 0.3s,
    border-radius 0.3s,
    box-shadow 0.3s;
}
.elementor-68 .elementor-element.elementor-element-bbcef68 .custom-class {
  padding: 120px 0 90px;
}
@media (max-width: 1024px) {
  .elementor-68 .elementor-element.elementor-element-bbcef68 .custom-class {
    padding: 80px 0 50px;
  }
}
@media (max-width: 767px) {
  .elementor-68 .elementor-element.elementor-element-8e461ed .sub-title {
    font-size: 26px;
  }
}
@font-face {
  font-family: Fredoka;
  font-style: normal;
  font-weight: 300 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/fredoka-300-700.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/fonts/poppins-300.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/poppins-400.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/poppins-500.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/poppins-600.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/poppins-700.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/poppins-800.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/assets/fonts/poppins-900.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url(/assets/fonts/inter-latin.woff2) format("woff2");
} /*!
 * Bootstrap v5.0.0-beta1 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-font-sans-serif:
    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";
  --bs-font-monospace:
    SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, hsla(0, 0%, 100%, 0.15), hsla(0, 0%, 100%, 0));
}
*,
:after,
:before {
  box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0;
  font-family: var(--bs-font-sans-serif);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
.h1,
.h2,
.h3,
.h4,
.h5,
h1,
h2,
h3,
h4,
h5 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}
.h1,
h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  .h1,
  h1 {
    font-size: 2.5rem;
  }
}
.h2,
h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  .h2,
  h2 {
    font-size: 2rem;
  }
}
.h3,
h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  .h3,
  h3 {
    font-size: 1.75rem;
  }
}
.h4,
h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  .h4,
  h4 {
    font-size: 1.5rem;
  }
}
.h5,
h5 {
  font-size: 1.25rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ul {
  padding-left: 2rem;
}
ul {
  margin-top: 0;
  margin-bottom: 1rem;
}
ul ul {
  margin-bottom: 0;
}
b,
strong {
  font-weight: bolder;
}
.small,
small {
  font-size: 0.875em;
}
.mark,
mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}
a {
  color: #0d6efd;
  text-decoration: underline;
}
a:hover {
  color: #0a58ca;
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
figure {
  margin: 0 0 1rem;
}
img,
svg {
  vertical-align: middle;
}
table {
  caption-side: bottom;
  border-collapse: collapse;
}
tbody,
td,
tr {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}
label {
  display: inline-block;
}
button {
  border-radius: 0;
}
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}
button,
input,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
select {
  text-transform: none;
}
[role="button"] {
  cursor: pointer;
}
select {
  word-wrap: normal;
}
[list]::-webkit-calendar-picker-indicator {
  display: none;
}
[type="button"],
[type="submit"],
button {
  -webkit-appearance: button;
}
[type="button"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
}
::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
textarea {
  resize: vertical;
}
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
  padding: 0;
}
::-webkit-inner-spin-button {
  height: auto;
}
[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
  padding: 0;
}
::file-selector-button {
  font: inherit;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
iframe {
  border: 0;
}
progress {
  vertical-align: baseline;
}
[hidden] {
  display: none !important;
}
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.figure {
  display: inline-block;
}
.container,
.container-fluid {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) / -2);
  margin-left: calc(var(--bs-gutter-x) / -2);
}
.row > * {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) / 2);
  padding-left: calc(var(--bs-gutter-x) / 2);
  margin-top: var(--bs-gutter-y);
}
.col-auto {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.col-auto {
  width: auto;
}
.col-6 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.col-6 {
  width: 50%;
}
.col-12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.col-12 {
  width: 100%;
}
.gy-1 {
  --bs-gutter-y: 0.25rem;
}
.g-3 {
  --bs-gutter-x: 1rem;
}
.g-3 {
  --bs-gutter-y: 1rem;
}
.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}
.g-4 {
  --bs-gutter-y: 1.5rem;
}
.g-5 {
  --bs-gutter-x: 3rem;
}
.g-5 {
  --bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
  .col-sm-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .col-sm-auto {
    width: auto;
  }
  .col-sm-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
}
@media (min-width: 768px) {
  .col-md-3 {
    width: 25%;
  }
  .col-md-3,
  .col-md-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .col-md-4 {
    width: 33.3333333333%;
  }
  .col-md-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .col-md-8 {
    width: 66.6666666667%;
  }
  .col-md-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .col-md-12 {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .col-lg-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .col-lg-2 {
    width: 16.6666666667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-3,
  .col-lg-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .col-lg-4 {
    width: 33.3333333333%;
  }
  .col-lg-5 {
    width: 41.6666666667%;
  }
  .col-lg-5,
  .col-lg-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.3333333333%;
  }
  .col-lg-7,
  .col-lg-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .col-lg-8 {
    width: 66.6666666667%;
  }
  .col-lg-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .col-lg-10 {
    width: 83.3333333333%;
  }
  .col-lg-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .col-lg-12 {
    width: 100%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .col-xl-auto {
    width: auto;
  }
  .col-xl-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .col-xl-4 {
    width: 33.3333333333%;
  }
  .col-xl-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .col-xl-6 {
    width: 50%;
  }
  .col-xl-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .col-xl-8 {
    width: 66.6666666667%;
  }
}
.table {
  --bs-table-bg: transparent;
  --bs-table-striped-color: #212529;
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: #212529;
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: #212529;
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  vertical-align: top;
  border-color: #dee2e6;
}
.table > :not(caption) > * > * {
  padding: 0.5rem;
  background-color: var(--bs-table-bg);
  background-image: -webkit-linear-gradient(var(--bs-table-accent-bg), var(--bs-table-accent-bg));
  background-image: linear-gradient(var(--bs-table-accent-bg), var(--bs-table-accent-bg));
  border-bottom-width: 1px;
}
.table > tbody {
  vertical-align: inherit;
}
.table > :not(:last-child) > :last-child > * {
  border-bottom-color: currentColor;
}
.form-label {
  margin-bottom: 0.5rem;
}
.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  -webkit-transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    -webkit-transition: none;
    transition: none;
  }
}
.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem #0d6efd40;
}
.form-control::-webkit-date-and-time-value {
  height: 1.5em;
}
.form-control::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:-ms-input-placeholder,
.form-control::-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled {
  background-color: #e9ecef;
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
  margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  -webkit-transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    -webkit-transition: none;
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #dde0e3;
}
.form-control::-webkit-file-upload-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
  margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  -webkit-transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #dde0e3;
}
textarea.form-control {
  min-height: calc(1.5em + 0.75rem + 2px);
}
.form-select {
  display: block;
  width: 100%;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  vertical-align: middle;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem #0d6efd40;
}
.form-select[multiple],
.form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #212529;
}
.form-control.is-valid {
  border-color: #198754;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-control.is-valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem #19875440;
}
textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.form-select.is-valid {
  border-color: #198754;
  padding-right: calc(0.75em + 2.3125rem);
  background-image:
    url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E"),
    url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
  background-position:
    right 0.75rem center,
    center right 1.75rem;
  background-size:
    16px 12px,
    calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-select.is-valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem #19875440;
}
.form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem #dc354540;
}
textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.form-select.is-invalid {
  border-color: #dc3545;
  padding-right: calc(0.75em + 2.3125rem);
  background-image:
    url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E"),
    url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");
  background-position:
    right 0.75rem center,
    center right 1.75rem;
  background-size:
    16px 12px,
    calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem #dc354540;
}
.btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  -webkit-transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    -webkit-transition: none;
    transition: none;
  }
}
.btn:hover {
  color: #212529;
}
.btn:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem #0d6efd40;
}
.btn.disabled,
.btn:disabled {
  pointer-events: none;
  opacity: 0.65;
}
.fade {
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    -webkit-transition: none;
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}
.dropdown {
  position: relative;
}
.nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.card {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
.card-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  background-color: #00000008;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.breadcrumb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 1rem;
  list-style: none;
}
.progress {
  height: 1rem;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}
.progress {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.toast {
  width: 350px;
  max-width: 100%;
  font-size: 0.875rem;
  pointer-events: auto;
  background-color: #ffffffd9;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.5rem 1rem #00000026;
  border-radius: 0.25rem;
}
.toast:not(.showing):not(.show) {
  opacity: 0;
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner:after {
  display: block;
  clear: both;
  content: "";
}
.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition:
    transform 0.6s ease-in-out,
    -webkit-transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    -webkit-transition: none;
    transition: none;
  }
}
.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
  display: block;
}
.active.carousel-item-end,
.carousel-item-next:not(.carousel-item-start) {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translate(100%);
}
.active.carousel-item-start,
.carousel-item-prev:not(.carousel-item-end) {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translate(-100%);
}
.carousel-fade .carousel-item {
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end,
.carousel-fade .carousel-item.active {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-end,
.carousel-fade .active.carousel-item-start {
  z-index: 0;
  opacity: 0;
  -webkit-transition: opacity 0s 0.6s;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-end,
  .carousel-fade .active.carousel-item-start {
    -webkit-transition: none;
    transition: none;
  }
}
.carousel-control-next,
.carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-next,
  .carousel-control-prev {
    -webkit-transition: none;
    transition: none;
  }
}
.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}
.carousel-control-prev {
  left: 0;
}
.carousel-control-next {
  right: 0;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators li {
  box-sizing: content-box;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    -webkit-transition: none;
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}
.carousel-dark .carousel-control-next-icon,
.carousel-dark .carousel-control-prev-icon {
  -webkit-filter: invert(1) grayscale(100);
  filter: invert(1) grayscale(100);
}
.carousel-dark .carousel-indicators li {
  background-color: #000;
}
.carousel-dark .carousel-caption {
  color: #000;
}
.clearfix:after {
  display: block;
  clear: both;
  content: "";
}
.ratio {
  position: relative;
  width: 100%;
}
.ratio:before {
  display: block;
  padding-top: var(--aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-flex {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
.d-none {
  display: none !important;
}
.position-relative {
  position: relative !important;
}
.w-100 {
  width: 100% !important;
}
.flex-column-reverse {
  -webkit-box-direction: reverse !important;
}
.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-flex-direction: column-reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}
.flex-wrap {
  -webkit-flex-wrap: wrap !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}
.gap-3 {
  gap: 1rem !important;
}
.justify-content-center {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.justify-content-between {
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}
.align-items-start {
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}
.align-items-center {
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}
.align-items-stretch {
  -webkit-box-align: stretch !important;
  -webkit-align-items: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.me-2 {
  margin-right: 0.5rem !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.text-start {
  text-align: left !important;
}
.text-center {
  text-align: center !important;
}
.text-dark {
  color: #212529 !important;
}
.text-white {
  color: #fff !important;
}
.visible {
  visibility: visible !important;
}
@media (min-width: 576px) {
  .d-sm-block {
    display: block !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 768px) {
  .d-md-block {
    display: block !important;
  }
  .text-md-end {
    text-align: right !important;
  }
}
@media (min-width: 992px) {
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-lg-row {
    -webkit-box-direction: normal !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-block {
    display: block !important;
  }
}
.wpcf7 form .wpcf7-response-output {
  margin: 2em 0.5em 1em;
  padding: 0.2em 1em;
  border: 2px solid #00a0d2;
}
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
  display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
  border-color: #46b450;
}
.wpcf7-form-control-wrap {
  position: relative;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
  direction: ltr;
}
.slick-slider {
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list,
.slick-slider {
  position: relative;
  display: block;
}
.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: 0;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:after,
.slick-track:before {
  display: table;
  content: "";
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
} /*!
 * Font Awesome Pro 6.0.0-beta3 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2021 Fonticons, Inc.
 */
.fab,
.fal,
.far,
.fas {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}
.fa-3x {
  font-size: 3em;
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-bars:before {
  content: "\f0c9";
}
.fa-book-open:before {
  content: "\f518";
}
.fa-brain:before {
  content: "\f5dc";
}
.fa-calendar-alt:before {
  content: "\f073";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-circle:before {
  content: "\f111";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-clipboard-check:before {
  content: "\f46c";
}
.fa-clock:before {
  content: "\f017";
}
.fa-comments:before {
  content: "\f086";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-heart:before {
  content: "\f004";
}
.fa-home:before {
  content: "\f015";
}
.fa-images:before {
  content: "\f302";
}
.fa-lightbulb:before {
  content: "\f0eb";
}
.fa-map-marker-alt:before {
  content: "\f3c5";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-pencil-alt:before {
  content: "\f303";
}
.fa-phone:before {
  content: "\f095";
}
.fa-phone-alt:before {
  content: "\f879";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-star:before {
  content: "\f005";
}
.fa-user:before {
  content: "\f007";
}
.fa-users:before {
  content: "\f0c0";
}
.fa-times:before {
  content: "\f00d";
}
:root {
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}
@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/fa-brands-400.woff2) format("woff2");
}
.fab {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa-facebook-f:before {
  content: "\f39e";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-linkedin-in:before {
  content: "\f0e1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-twitter:before {
  content: "\f099";
}
:root {
  --fa-font-duotone: normal 900 1em/1 "Font Awesome 6 Duotone";
}
@font-face {
  font-family: "Font Awesome 6 Duotone";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/assets/fonts/fa-duotone-900.woff2) format("woff2");
}
:root {
  --fa-font-light: normal 300 1em/1 "Font Awesome 6 Pro";
}
@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/fonts/fa-light-300.woff2) format("woff2");
}
.fal {
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
}
:root {
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Pro";
}
@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/fa-regular-400.woff2) format("woff2");
}
.far {
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
}
:root {
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Pro";
}
@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/assets/fonts/fa-solid-900.woff2) format("woff2");
}
.fas {
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
}
:root {
  --fa-font-thin: normal 100 1em/1 "Font Awesome 6 Pro";
}
@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/assets/fonts/fa-thin-100.woff2) format("woff2");
}
@font-face {
  font-family: "Font Awesome 5 Brands";
  font-display: swap;
  font-weight: 400;
  src: url(/assets/fonts/fa-brands-400.woff2) format("woff2");
}
@font-face {
  font-family: "Font Awesome 5 Pro";
  font-display: swap;
  font-weight: 900;
  src: url(/assets/fonts/fa-solid-900.woff2) format("woff2");
}
@font-face {
  font-family: "Font Awesome 5 Pro";
  font-display: swap;
  font-weight: 400;
  src: url(/assets/fonts/fa-regular-400.woff2) format("woff2");
}
@font-face {
  font-family: "Font Awesome 5 Pro";
  font-display: swap;
  font-weight: 300;
  src: url(/assets/fonts/fa-light-300.woff2) format("woff2");
}
@font-face {
  font-family: FontAwesome;
  font-display: swap;
  src: url(/assets/fonts/fa-solid-900.woff2) format("woff2");
}
@font-face {
  font-family: FontAwesome;
  font-display: swap;
  src: url(/assets/fonts/fa-brands-400.woff2) format("woff2");
}
@font-face {
  font-family: FontAwesome;
  font-display: swap;
  src: url(/assets/fonts/fa-regular-400.woff2) format("woff2");
  unicode-range:
    U+f003, U+f006, U+f014, U+f016-f017, U+f01a-f01b, U+f01d, U+f022, U+f03e, U+f044, U+f046,
    U+f05c-f05d, U+f06e, U+f070, U+f087-f088, U+f08a, U+f094, U+f096-f097, U+f09d, U+f0a0, U+f0a2,
    U+f0a4-f0a7, U+f0c5, U+f0c7, U+f0e5-f0e6, U+f0eb, U+f0f6-f0f8, U+f10c, U+f114-f115, U+f118-f11a,
    U+f11c-f11d, U+f133, U+f147, U+f14e, U+f150-f152, U+f185-f186, U+f18e, U+f190-f192, U+f196,
    U+f1c1-f1c9, U+f1d9, U+f1db, U+f1e3, U+f1ea, U+f1f7, U+f1f9, U+f20a, U+f247-f248, U+f24a,
    U+f24d, U+f255-f25b, U+f25d, U+f271-f274, U+f278, U+f27b, U+f28c, U+f28e, U+f29c, U+f2b5,
    U+f2b7, U+f2ba, U+f2bc, U+f2be, U+f2c0-f2c1, U+f2c3, U+f2d0, U+f2d2, U+f2d4, U+f2dc;
}
@font-face {
  font-family: FontAwesome;
  font-display: swap;
  src: url(/assets/fonts/fa-v4compatibility.woff2) format("woff2");
  unicode-range:
    U+f041, U+f047, U+f065-f066, U+f07d-f07e, U+f080, U+f08b, U+f08e, U+f090, U+f09a, U+f0ac,
    U+f0ae, U+f0b2, U+f0d0, U+f0d6, U+f0e4, U+f0ec, U+f10a-f10b, U+f123, U+f13e, U+f148-f149,
    U+f14c, U+f156, U+f15e, U+f160-f161, U+f163, U+f175-f178, U+f195, U+f1f8, U+f219, U+f250,
    U+f252, U+f27a;
}
:root {
  --theme-color: #f4a821;
  --secondary-color: #88c90d;
  --title-color: #103741;
  --body-color: #74787c;
  --smoke-color: #f9f6ef;
  --smoke-theme: #f9f8f1;
  --light-color: #9b9b9b;
  --black-color: #000000;
  --white-color: #ffffff;
  --yellow-color: #fec624;
  --success-color: #28a745;
  --error-color: #dc3545;
  --blue-color: #f4a821;
  --border-color: rgb(238, 241, 242);
  --title-font: "Baloo 2", cursive;
  --para-font: "Catamaran", sans-serif;
  --body-font: "Baloo 2", cursive;
  --icon-font: "Font Awesome 6 Pro";
  --main-container: 1220px;
  --container-gutters: 10px;
  --section-space: 120px;
  --section-space-mobile: 80px;
  --section-title-space: 60px;
  --ripple-ani-duration: 5s;
}
html,
body {
  scroll-behavior: auto !important;
  overflow-x: hidden;
}
body {
  font-family: var(--body-font);
  font-size: 16px;
  font-weight: 400;
  color: var(--body-color);
  line-height: 26px;
  -webkit-font-smoothing: antialiased;
}
iframe {
  border: none;
  width: 100%;
}
.slick-slide:focus,
button:focus,
a:focus,
a:active,
input,
input:hover,
input:focus,
input:active,
textarea,
textarea:hover,
textarea:focus,
textarea:active {
  outline: none;
}
input:focus {
  outline: none;
  box-shadow: none;
}
img:not([draggable]),
embed {
  max-width: 100%;
  height: auto;
}
ul {
  list-style-type: disc;
}
ul li {
  font-family: var(--para-font);
}
ul li a {
  font-family: inherit;
}
table {
  margin: 0 0 1.5em;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid var(--border-color);
}
td {
  border: 1px solid var(--border-color);
  padding: 9px 12px;
}
a {
  color: var(--theme-color);
  text-decoration: none;
  outline: 0;
  transition: all ease 0.4s;
}
a:hover {
  color: var(--title-color);
}
a:active,
a:focus,
a:hover,
a:visited {
  text-decoration: none;
  outline: 0;
}
button {
  transition: all ease 0.4s;
}
img {
  border: none;
  max-width: 100%;
}
p:empty {
  display: none;
}
p {
  font-family: var(--para-font);
  margin: 0 0 18px;
  color: var(--body-color);
  line-height: 1.625;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
p a,
span a {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5 {
  font-family: var(--title-font);
  color: var(--title-color);
  text-transform: none;
  font-weight: 700;
  line-height: 1.208;
  margin: 0 0 15px;
}
.h1,
h1 {
  font-size: 48px;
}
.h2,
h2 {
  font-size: 36px;
}
.h3,
h3 {
  font-size: 30px;
}
.h4,
h4 {
  font-size: 24px;
}
.h5,
h5 {
  font-size: 20px;
}
@media (max-width: 1199px) {
  .h1,
  h1 {
    font-size: 40px;
  }
  .h2,
  h2 {
    font-size: 30px;
  }
  .h3,
  h3 {
    font-size: 24px;
  }
  .h4,
  h4 {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .h1,
  h1 {
    font-size: 30px;
  }
  .h2,
  h2 {
    font-size: 26px;
  }
  .h3,
  h3,
  .h4,
  h4 {
    font-size: 22px;
  }
  .h5,
  h5 {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1300px) {
  .container {
    max-width: calc(var(--main-container) + var(--container-gutters));
    padding-left: calc(var(--container-gutters) / 2);
    padding-right: calc(var(--container-gutters) / 2);
  }
}
.slick-track > [class*="col"] {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) / 2);
  padding-left: calc(var(--bs-gutter-x) / 2);
  margin-top: var(--bs-gutter-y);
}
@media (min-width: 1199px) {
  .row {
    --bs-gutter-x: 30px;
  }
}
.gy-30 {
  --bs-gutter-y: 30px;
}
.gx-20 {
  --bs-gutter-x: 20px;
}
.gx-60 {
  --bs-gutter-x: 60px;
}
.gx-150 {
  --bs-gutter-x: 150px;
}
@media (max-width: 1199px) {
  .gx-150 {
    --bs-gutter-x: 30px;
  }
  .gx-60 {
    --bs-gutter-x: 40px;
  }
}
select {
  display: block;
  width: 100%;
  line-height: 1.5;
  vertical-align: middle;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select,
.form-select,
.form-control {
  height: 50px;
  padding: 0 60px 0 30px;
  border: 1px solid var(--border-color);
  color: var(--body-color);
  background-color: var(--white-color);
  border-radius: 5px;
  font-weight: 400;
  font-size: 16px;
}
select:focus,
.form-select:focus,
.form-control:focus {
  outline: 0;
  box-shadow: none;
  background-color: var(--white-color);
  border-color: #e3e3e3;
}
select::-moz-placeholder,
.form-select::-moz-placeholder,
.form-control::-moz-placeholder {
  color: var(--body-color);
}
select::-webkit-input-placeholder,
.form-select::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder {
  color: var(--body-color);
}
select:-ms-input-placeholder,
.form-select:-ms-input-placeholder,
.form-control:-ms-input-placeholder {
  color: var(--body-color);
}
select::placeholder,
.form-select::placeholder,
.form-control::placeholder {
  color: var(--body-color);
}
.form-select {
  cursor: pointer;
  background-position: right 1.3rem center;
}
input.form-control::-webkit-outer-spin-button,
input.form-control::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input.form-control[type="number"] {
  -moz-appearance: textfield;
}
textarea.form-control {
  min-height: 150px;
  padding-top: 17px;
  padding-bottom: 17px;
}
input[type="checkbox"] {
  visibility: hidden;
  opacity: 0;
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  display: none;
}
input[type="checkbox"]:checked ~ label:before {
  content: "\f00c";
  color: var(--theme-color);
  border-color: var(--theme-color);
}
input[type="checkbox"] ~ label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  display: block;
}
input[type="checkbox"] ~ label:before {
  content: "";
  font-family: var(--icon-font);
  font-weight: 700;
  position: absolute;
  left: 0;
  top: 4px;
  background-color: var(--white-color);
  border: 1px solid var(--border-color);
  height: 18px;
  width: 18px;
  line-height: 18px;
  text-align: center;
  font-size: 12px;
}
label {
  margin-bottom: 0.6em;
  margin-top: -0.3em;
  display: block;
}
.form-group {
  margin-bottom: var(--bs-gutter-x);
  position: relative;
}
.form-group > i {
  position: absolute;
  right: 30px;
  top: 20px;
  font-size: 15px;
  color: var(--theme-color);
}
select.style2 ~ i,
.form-select.style2 ~ i,
.form-control.style2 ~ i {
  left: 40px;
  top: 14px;
  color: var(--body-color);
  width: 25px;
}
select.style2,
.form-select.style2,
.form-control.style2 {
  padding-right: 30px;
  padding-left: 56px;
  background-color: var(--smoke-color);
  border: none;
  border-radius: 30px;
  resize: none;
}
select.style2:focus ~ i,
.form-select.style2:focus ~ i,
.form-control.style2:focus ~ i {
  color: var(--title-color);
}
select.style2.form-select,
.form-select.style2.form-select,
.form-control.style2.form-select {
  padding-left: 30px;
  background-position: right 1.8rem center;
}
textarea.form-control.style2 ~ i {
  top: 16px;
}
.form-control.is-invalid {
  border: 1px solid var(--error-color) !important;
  background-position: right calc(0.375em + 0.8875rem) center;
  background-image: none;
}
.form-control.is-invalid:focus {
  outline: 0;
  box-shadow: none;
}
textarea.form-control.is-invalid {
  background-position: top calc(0.375em + 0.5875rem) right calc(0.375em + 0.8875rem);
}
.form-messages {
  display: none;
}
.form-messages.mb-0 * {
  margin-bottom: 0;
}
.form-messages.success {
  color: var(--success-color);
  display: block;
}
.form-messages.error {
  color: var(--error-color);
  display: block;
}
@media (max-width: 575px) {
  .form-select,
  .form-control {
    padding-right: 30px;
    padding-left: 15px;
  }
}
.row > .slick-list {
  padding-left: 0;
  padding-right: 0;
}
.slick-track {
  min-width: 100%;
}
.slick-slide img {
  display: inline-block;
}
.slick-dots {
  list-style-type: none;
  padding: 2px 0;
  margin: 30px 0;
  line-height: 0;
  text-align: center;
  height: max-content;
}
.slick-dots li {
  display: inline-block;
  margin-right: 10px;
}
.slick-dots li:last-child {
  margin-right: 0;
}
.slick-dots button {
  font-size: 0;
  padding: 0;
  background-color: transparent;
  width: 12px;
  height: 12px;
  line-height: 0;
  border-radius: 9999px;
  border: 3px solid #7a7a7a;
  transition: all ease 0.4s;
}
.slick-dots button:hover {
  border-color: var(--theme-color);
}
.slick-dots .slick-active button {
  transform: scale(1.5);
  border-color: var(--theme-color);
}
.slick-arrow {
  display: inline-block;
  padding: 0;
  background-color: transparent;
  color: var(--theme-color);
  position: absolute;
  top: 50%;
  margin-right: 50px;
  margin-top: calc(var(--icon-size, 60px) / -2);
  border: 1px solid var(--theme-color);
  left: var(--pos-x, -170px);
  width: var(--icon-size, 60px);
  height: var(--icon-size, 60px);
  line-height: 62px;
  border-radius: 50%;
  z-index: 2;
  font-size: 18px;
}
.slick-arrow.default {
  position: relative;
  --pos-x: 0;
  margin-top: 0;
}
.slick-arrow:hover {
  background-color: var(--theme-color);
  color: var(--white-color);
}
.slick-arrow.slick-next {
  margin-right: 0;
  margin-left: 50px;
  right: var(--pos-x, -170px);
  left: auto;
}
.arrow-wrap .slick-arrow {
  opacity: 0;
  visibility: hidden;
  left: var(--pos-x, -220px);
}
.arrow-wrap .slick-arrow.slick-next {
  right: var(--pos-x, -220px);
  left: auto;
}
.arrow-wrap:hover .slick-arrow {
  opacity: 1;
  visibility: visible;
  left: var(--pos-x, -170px);
}
.arrow-wrap:hover .slick-arrow.slick-next {
  right: var(--pos-x, -170px);
  left: auto;
}
@media (max-width: 1500px) {
  .slick-arrow {
    --arrow-horizontal: -20px;
  }
  .arrow-wrap .slick-arrow {
    left: var(--pos-x, -120px);
  }
  .arrow-wrap .slick-arrow.slick-next {
    right: var(--pos-x, -120px);
    left: auto;
  }
  .arrow-wrap:hover .slick-arrow {
    left: var(--pos-x, -60px);
  }
  .arrow-wrap:hover .slick-arrow.slick-next {
    right: var(--pos-x, -60px);
    left: auto;
  }
}
@media (max-width: 1399px) {
  .slick-arrow {
    --arrow-horizontal: 40px;
  }
  .arrow-wrap:hover .slick-arrow {
    left: var(--pos-x, -15px);
  }
  .arrow-wrap:hover .slick-arrow.slick-next {
    right: var(--pos-x, -15px);
    left: auto;
  }
}
@media (max-width: 991px) {
  .slick-arrow {
    --icon-size: 40px;
    margin-right: 40px;
  }
  .slick-arrow.slick-next {
    margin-right: 0;
    margin-left: 40px;
  }
}
@media (max-width: 767px) {
  .slick-arrow {
    --arrow-horizontal: 40px;
  }
  .arrow-wrap:hover .slick-arrow {
    left: var(--pos-x, 0);
  }
  .arrow-wrap:hover .slick-arrow.slick-next {
    right: var(--pos-x, 0);
    left: auto;
  }
}
.vs-menu-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #10374166;
  z-index: 999999;
  width: 100%;
  height: 100%;
  transition: all ease 0.8s;
  opacity: 0;
  visibility: hidden;
  backdrop-filter: blur(8px);
  pointer-events: none;
}
.vs-menu-wrapper .mobile-logo {
  padding-bottom: 30px;
  padding-top: 40px;
  display: block;
  text-align: center;
  background-color: #fff9;
  margin-bottom: 20px;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
  box-shadow: 0 10px 30px #0000000d;
}
.vs-menu-wrapper .mobile-logo img {
  max-width: 150px !important;
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.vs-menu-wrapper .mobile-logo img:hover {
  transform: scale(1.1) rotate(2deg);
}
.vs-menu-wrapper .vs-menu-toggle {
  border: none;
  font-size: 22px;
  position: absolute;
  right: 15px;
  top: 15px;
  padding: 0;
  line-height: 1;
  width: 38px;
  height: 38px;
  line-height: 38px;
  font-size: 18px;
  z-index: 10;
  color: var(--white-color);
  background-color: var(--theme-color);
  border-radius: 50%;
  box-shadow: 0 4px 15px #f4a8214d;
}
.vs-menu-wrapper .vs-menu-toggle:hover {
  background-color: var(--title-color);
  color: var(--white-color);
  transform: rotate(180deg);
}
.vs-menu-wrapper .vs-menu-area {
  width: 100%;
  max-width: 310px;
  background: linear-gradient(135deg, #fff, #fff9e6, #fff0cc);
  background-size: 400% 400%;
  animation: gradientAnimation 15s ease infinite;
  border-right: 5px solid var(--theme-color);
  height: 100%;
  position: relative;
  left: -110%;
  opacity: 0;
  visibility: hidden;
  transition: all cubic-bezier(0.77, 0, 0.175, 1) 0.8s;
  z-index: 1;
  box-shadow: 15px 0 40px #00000026;
}
@keyframes gradientAnimation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  to {
    background-position: 0% 50%;
  }
}
.vs-menu-wrapper .vs-menu-area:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle at 20% 30%, rgba(244, 168, 33, 0.15) 0%, transparent 20%),
    radial-gradient(circle at 80% 70%, rgba(136, 201, 13, 0.15) 0%, transparent 20%),
    radial-gradient(circle at 50% 10%, rgba(244, 168, 33, 0.1) 0%, transparent 15%);
  z-index: -1;
  pointer-events: none;
  animation: floatingBubbles 20s linear infinite;
}
@keyframes floatingBubbles {
  0% {
    transform: translate(0) rotate(0);
  }
  33% {
    transform: translate(10px, -20px) rotate(2deg);
  }
  66% {
    transform: translate(-10px, -10px) rotate(-2deg);
  }
  to {
    transform: translate(0) rotate(0);
  }
}
.vs-menu-wrapper.vs-body-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.vs-menu-wrapper.vs-body-visible .vs-menu-area {
  left: 0;
  opacity: 1;
  visibility: visible;
}
.vs-menu-wrapper.vs-body-visible .vs-mobile-menu ul li {
  animation: menuItemEntrance 0.5s ease forwards;
  opacity: 0;
  transform: translate(-20px);
}
.vs-menu-wrapper.vs-body-visible .vs-mobile-menu ul li:nth-child(1) {
  animation-delay: 0.1s;
}
.vs-menu-wrapper.vs-body-visible .vs-mobile-menu ul li:nth-child(2) {
  animation-delay: 0.15s;
}
.vs-menu-wrapper.vs-body-visible .vs-mobile-menu ul li:nth-child(3) {
  animation-delay: 0.2s;
}
.vs-menu-wrapper.vs-body-visible .vs-mobile-menu ul li:nth-child(4) {
  animation-delay: 0.25s;
}
.vs-menu-wrapper.vs-body-visible .vs-mobile-menu ul li:nth-child(5) {
  animation-delay: 0.3s;
}
.vs-menu-wrapper.vs-body-visible .vs-mobile-menu ul li:nth-child(6) {
  animation-delay: 0.35s;
}
.vs-menu-wrapper.vs-body-visible .vs-mobile-menu ul li:nth-child(7) {
  animation-delay: 0.4s;
}
.vs-menu-wrapper.vs-body-visible .vs-mobile-menu ul li:nth-child(8) {
  animation-delay: 0.45s;
}
.vs-menu-wrapper.vs-body-visible .vs-mobile-menu ul li:nth-child(9) {
  animation-delay: 0.5s;
}
.vs-menu-wrapper.vs-body-visible .vs-mobile-menu ul li:nth-child(10) {
  animation-delay: 0.55s;
}
@keyframes menuItemEntrance {
  0% {
    opacity: 0;
    transform: translate(-20px);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
.vs-mobile-menu {
  overflow-y: scroll;
  max-height: calc(100vh - 200px);
  padding-bottom: 40px;
  margin-top: 20px;
  text-align: left;
}
.vs-mobile-menu ul {
  margin: 0;
  padding: 0 20px;
}
.vs-mobile-menu ul li {
  border-bottom: 1px solid rgba(244, 168, 33, 0.1);
  list-style-type: none;
  transition: all 0.3s ease;
}
.vs-mobile-menu ul li a {
  display: block;
  position: relative;
  padding: 12px 10px;
  line-height: 1.4;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  color: var(--title-color);
  transition: all 0.3s ease;
}
.vs-mobile-menu ul li a:hover {
  color: var(--theme-color);
  padding-left: 25px;
  background-color: #f4a8210d;
  border-radius: 12px;
}
.vs-mobile-menu ul li a:before {
  content: "\f105";
  font-family: var(--icon-font);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: all 0.3s ease;
}
.vs-mobile-menu ul li a:hover:before {
  opacity: 1;
  left: 8px;
}
.vs-mobile-menu ul li.vs-active > a {
  color: var(--theme-color);
}
.vs-mobile-menu ul li.vs-active > a:before {
  transform: rotate(90deg);
}
.vs-mobile-menu ul li ul li {
  padding-left: 20px;
}
.vs-mobile-menu ul li ul li:last-child {
  border-bottom: none;
}
.vs-mobile-menu ul .vs-item-has-children > a .vs-mean-expand {
  position: absolute;
  right: 0;
  top: 50%;
  font-weight: 400;
  font-size: 12px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  margin-top: -12.5px;
  display: inline-block;
  text-align: center;
  background-color: var(--smoke-color);
  color: var(--title-color);
  box-shadow: 0 0 20px -8px #ad885880;
  border-radius: 50%;
}
.vs-mobile-menu ul .vs-item-has-children > a:after,
.vs-mobile-menu ul .vs-item-has-children.vs-active > a:after {
  content: none !important;
}
.vs-mobile-menu ul .vs-item-has-children > a .vs-mean-expand {
  display: none !important;
}
.vs-mobile-menu > ul {
  padding: 0 40px;
}
.vs-mobile-menu > ul > li:last-child {
  border-bottom: none;
}
.vs-menu-toggle {
  width: 50px;
  height: 50px;
  padding: 0;
  font-size: 20px;
  border: none;
  background-color: var(--theme-color);
  color: var(--white-color);
  display: inline-block;
  border-radius: 50%;
}
.vs-menu-toggle:hover {
  background-color: var(--title-color);
}
@media (max-width: 400px) {
  .vs-menu-wrapper .vs-menu-area {
    width: 100%;
    max-width: 270px;
  }
  .vs-mobile-menu > ul {
    padding: 0 20px;
  }
}
.preloader {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background-color: var(--white-color);
}
.preloader .vs-btn {
  border-radius: 0;
  padding: 7px 22px;
}
.preloader-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.preloader-inner img {
  display: block;
  margin: 0 auto 10px;
}
.preloader-inner svg {
  animation: preloadAni 2s linear infinite;
  height: 80px;
  width: 80px;
}
@keyframes preloadAni {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.vs-btn {
  background-color: var(--theme-color);
  color: var(--white-color);
  font-size: 18px;
  font-weight: 500;
  padding: 11px 33px;
  line-height: 1.6;
  text-transform: capitalize;
  min-width: 150px;
  text-align: center;
  border-radius: 9999px;
  border: none;
  display: inline-block;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.vs-btn i {
  font-size: 16px;
  margin-right: 5px;
}
.vs-btn:hover {
  color: var(--white-color);
  background-color: var(--secondary-color);
}
.vs-btn.style-1 {
  background-color: var(--theme-color);
  color: var(--white-color);
}
.vs-btn.style-1:hover {
  border-color: var(--secondary-color);
  color: var(--white-color);
}
.wave-btn {
  transition: 0.21s;
}
.btn-hover {
  z-index: -1;
  position: absolute;
  left: -1px;
  top: -1px;
  width: 110%;
  height: 110%;
  border-radius: 50px;
}
.btn-hover .btn-hover-inner {
  position: relative;
  display: block;
  height: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
}
.btn-hover .part {
  position: absolute;
  top: -5px;
  width: 25%;
  height: 100%;
  border-radius: 100%;
  transform: translate3d(0, 150%, 0) scale(1.7);
  transition: transform 0.21s !important;
  background: var(--secondary-color);
  border-color: var(--secondary-color);
}
.btn-hover .part:nth-child(1) {
  left: 0;
  transition-delay: 0s !important;
}
.btn-hover .part:nth-child(2) {
  left: 30%;
  transition-delay: 0.07s !important;
}
.btn-hover .part:nth-child(3) {
  left: 60%;
  transition-delay: 0.14s !important;
}
.btn-hover .part:nth-child(4) {
  left: 90%;
  transition-delay: 0.21s !important;
}
.wave-btn:hover,
.wave-btn:active,
.wave-btn:focus {
  transition-delay: 0.21s;
}
.wave-btn:hover .part,
.wave-btn:active .part,
.wave-btn:focus .part {
  transform: translateZ(0) scale(1.7) !important;
}
@media (max-width: 416px) {
  .vs-btn {
    font-size: 14px;
    padding: 8px 25px;
    min-width: 140px;
  }
  .vs-btn i {
    font-size: 14px;
  }
  .vs-btn.style-1 {
    padding: 7px 25px;
  }
}
.link-btn {
  font-size: 18px;
  font-weight: 500;
  position: relative;
}
.link-btn i {
  margin-left: 2px;
  transition: 0.3s ease-in-out;
  line-height: 1;
  position: relative;
  top: 2px;
}
.link-btn:before {
  content: "";
  height: 1px;
  width: 0;
  background-color: var(--theme-color);
  position: absolute;
  bottom: 3px;
  left: 0;
  transition: 0.3s ease-in-out;
}
.link-btn:hover,
.link-btn:hover i {
  color: var(--secondary-color);
}
.link-btn:hover:before {
  width: 100%;
}
.scroll-btn {
  position: fixed;
  bottom: 300px;
  right: 30px;
  z-index: 94;
  opacity: 0;
  visibility: hidden;
  display: inline-block;
  border-radius: 50%;
}
.scroll-btn i {
  display: inline-block;
  background-color: var(--theme-color);
  color: var(--white-color);
  text-align: center;
  font-size: 16px;
  width: var(--btn-size, 50px);
  height: var(--btn-size, 50px);
  line-height: var(--btn-size, 50px);
  z-index: 2;
  border-radius: inherit;
  position: relative;
  transition: all ease 0.8s;
}
.scroll-btn:focus i,
.scroll-btn:hover i {
  background-color: var(--secondary-color);
  color: var(--white-color);
}
.scroll-btn.show {
  bottom: 120px;
  opacity: 1;
  visibility: visible;
}
@media (max-width: 767px) {
  .scroll-btn {
    --btn-size: 40px;
    --extra-shape: -4px;
    right: 15px;
    bottom: 50px;
  }
  .scroll-btn.show {
    bottom: 15px;
  }
}
.scrollToTop {
  position: fixed;
  right: 30px;
  bottom: 500px;
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.4s;
  z-index: 96;
}
.scrollToTop.show {
  bottom: 60px;
  opacity: 1;
  visibility: visible;
}
@media (max-width: 767px) {
  .scrollToTop {
    right: 20px;
  }
  .scrollToTop.show {
    bottom: 20px;
  }
}
.sec-title {
  font-size: 48px;
  margin-top: -0.8rem;
  line-height: 1.208;
}
.sec-title.big-title {
  font-size: 60px;
  margin-top: -1.1rem;
}
.sub-title {
  font-size: 24px;
  font-weight: 500;
  color: var(--theme-color);
  display: block;
  margin-bottom: 29px;
  margin-top: -4px;
}
.title-area {
  margin-bottom: calc(var(--section-title-space) - 15px);
}
@media (max-width: 1199px) {
  .sec-title {
    font-size: 42px;
  }
  .sec-title.big-title {
    font-size: 48px;
    margin-top: -0.8rem;
  }
}
@media (max-width: 991px) {
  .title-area {
    margin-bottom: calc(var(--section-title-space) - 25px);
  }
  .sub-title {
    margin-bottom: 20px;
  }
  .sec-title {
    font-size: 36px;
  }
  .sec-title.big-title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .sec-title {
    font-size: 30px;
  }
  .sec-title.big-title {
    font-size: 36px;
  }
}
@media (max-width: 575px) {
  .sub-title {
    font-size: 20px;
    margin-bottom: 24px;
  }
  .sec-title.big-title {
    font-size: 30px;
  }
}
.z-index-2 {
  z-index: 2;
}
.z-index-3 {
  z-index: 3;
}
.media-body {
  flex: 1;
}
section {
  position: relative;
}
.section-before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  width: 100%;
  height: auto;
}
.shape-after {
  position: absolute;
  top: calc(100% - 10px);
  left: 0;
  right: 0;
  z-index: 2;
}
.shape-before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(100% - 8px);
  z-index: 2;
}
.shape-mockup {
  position: absolute;
}
.shape-mockup.z-index-3 {
  z-index: 3;
}
.multi-social {
  --icon-size: 45px;
  list-style: none;
}
.multi-social i.fa-facebook-f {
  --theme-color: #3b5997;
}
.multi-social i.fa-twitter {
  --theme-color: #54abf0;
}
.multi-social i.fa-pinterest-p {
  --theme-color: #c8232c;
}
.multi-social i.fa-linkedin-in {
  --theme-color: #0077b5;
}
.multi-social a {
  display: inline-block;
}
.multi-social a i {
  width: var(--icon-size);
  height: var(--icon-size);
  line-height: var(--icon-size);
  text-align: center;
  color: var(--white-color);
  background-color: var(--theme-color);
  border-radius: 50%;
  margin-right: 7px;
  transition: 0.3s ease-in-out;
}
.multi-social a i:hover {
  background-color: var(--secondary-color);
}
.multi-social a:last-child i {
  margin-right: 0;
}
.shape-mockup-wrap {
  position: relative;
}
.fab,
.fal,
.far,
.fas {
  line-height: 1.6;
}
.d-hd-block {
  display: block !important;
}
@media (min-width: 1922px) {
  .shape-after img,
  .shape-before img,
  .section-before img {
    width: 100%;
  }
}
@media (max-width: 1680px) {
  .d-hd-block {
    display: none !important;
  }
}
@media (max-width: 1199px) {
  .shape-after img,
  .shape-before img,
  .section-before img {
    object-fit: cover;
    object-position: center;
    height: 35px;
    width: 100%;
  }
}
@media (max-width: 991px) {
  .shape-before {
    bottom: calc(100% - 5px);
  }
  .shape-after {
    top: calc(100% - 5px);
  }
  .section-before {
    top: -5px;
  }
}
@media (max-width: 1680px) {
  .shapePulse,
  .rotate {
    display: none !important;
  }
}
.fs-md {
  font-size: 18px;
}
@media (max-width: 767px) {
  .fs-md {
    font-size: 16px;
  }
}
.bg-smoke-blue {
  background-color: #dbeaf7;
}
.background-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.text-theme {
  color: var(--theme-color) !important;
}
.text-white {
  color: var(--white-color) !important;
}
a.text-theme:hover {
  text-decoration: underline;
}
.text-white a,
a.text-white {
  color: var(--white-color);
}
.text-white a:hover,
a.text-white:hover {
  color: #fffc !important;
}
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
[data-overlay] {
  position: relative;
}
[data-overlay] [class^="col-"],
[data-overlay] [class*="col-"] {
  z-index: 1;
}
[data-overlay]:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}
[data-overlay="theme"]:before {
  background-color: var(--theme-color);
}
[data-overlay="title"]:before {
  background-color: var(--title-color);
}
[data-overlay="white"]:before {
  background-color: var(--white-color);
}
[data-opacity="1"]:before {
  opacity: 0.1;
}
[data-opacity="2"]:before {
  opacity: 0.2;
}
[data-opacity="3"]:before {
  opacity: 0.3;
}
[data-opacity="4"]:before {
  opacity: 0.4;
}
[data-opacity="5"]:before {
  opacity: 0.5;
}
[data-opacity="6"]:before {
  opacity: 0.6;
}
[data-opacity="7"]:before {
  opacity: 0.7;
}
[data-opacity="8"]:before {
  opacity: 0.8;
}
[data-opacity="9"]:before {
  opacity: 0.9;
}
[data-opacity="10"]:before {
  opacity: 1;
}
.slideinup.vs-animated {
  --animation-name: slideinup;
}
.slideinup {
  opacity: 0;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-duration: 1s;
  animation-delay: 0.3s;
  animation-name: var(--animation-name);
}
.vs-animated {
  opacity: 1;
}
@keyframes slideinup {
  0% {
    opacity: 0;
    transform: translateY(70px);
  }
  to {
    transform: translateY(0);
  }
}
.shapePulse {
  animation: shapePluse 6s linear infinite;
}
@keyframes shapePluse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  to {
    transform: scale(1);
  }
}
.rotate {
  animation: rotateShape 10s linear infinite;
}
@keyframes rotateShape {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.moving {
  animation: moving 8s linear infinite;
}
@keyframes moving {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-50px);
  }
  to {
    transform: translateY(0);
  }
}
.movingX {
  animation: movingX 8s linear infinite;
}
@keyframes movingX {
  0% {
    transform: translate(0);
  }
  50% {
    transform: translate(-50px);
  }
  to {
    transform: translate(0);
  }
}
.movingX-reverse {
  animation: movingXreverse 8s linear infinite;
}
@keyframes movingXreverse {
  0% {
    transform: translate(0);
  }
  50% {
    transform: translate(50px);
  }
  to {
    transform: translate(0);
  }
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translate(20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translate(20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translate(-20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translate(-20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.widget_nav_menu ul {
  list-style: none;
  margin: 0 0 -10px;
  padding: 0;
}
.widget_nav_menu a {
  position: relative;
  border: 2px solid var(--border-color);
  display: block;
  font-size: 16px;
  color: var(--body-color);
  font-weight: 400;
  background-color: transparent;
  line-height: 1;
  margin-bottom: 9px;
  padding: 19px 25px;
  border-radius: 9999px;
}
.widget_nav_menu a:before {
  content: "\f138";
  font-family: var(--icon-font);
  font-weight: 900;
  margin-right: 10px;
  color: var(--theme-color);
  position: relative;
  top: 1px;
  transition: 0.3s ease-in-out;
}
.widget_nav_menu a:hover {
  color: var(--white-color);
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
.widget_nav_menu a:hover:before {
  color: var(--white-color);
}
.widget_nav_menu li {
  display: block;
  position: relative;
}
.widget_nav_menu li span {
  position: absolute;
  top: 15px;
  right: 25px;
  color: var(--white-color);
  background-color: var(--theme-color);
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 50%;
  line-height: 31px;
  font-size: 14px;
  transition: 0.3s ease-in-out;
}
.widget_nav_menu li:hover > span {
  color: var(--title-color);
  background-color: var(--white-color);
}
.widget_nav_menu .children {
  margin-left: 10px;
  margin-top: 0;
}
.widget_nav_menu a {
  padding-right: 20px;
}
.widget_nav_menu .sub-menu {
  margin-left: 10px;
}
.widget {
  --border-color: rgb(242, 242, 242);
  padding: 40px;
  margin-bottom: 40px;
}
.widget select,
.widget input {
  color: var(--title-color);
  padding-left: 30px;
  font-size: 16px;
  background-color: var(--smoke-color);
  border: none;
  height: 60px;
  border-radius: 50px;
  font-weight: 500;
  width: 100%;
}
.widget select::-moz-placeholder,
.widget input::-moz-placeholder {
  color: var(--title-color);
  opacity: 1;
}
.widget select::-webkit-input-placeholder,
.widget input::-webkit-input-placeholder {
  color: var(--title-color);
  opacity: 1;
}
.widget select:-ms-input-placeholder,
.widget input:-ms-input-placeholder {
  color: var(--title-color);
  opacity: 1;
}
.widget select::placeholder,
.widget input::placeholder {
  color: var(--title-color);
  opacity: 1;
}
.widget_title {
  font-size: 24px;
  line-height: 1em;
  margin-bottom: 25px;
  margin-top: -0.1em;
  font-weight: 700;
  position: relative;
  padding-bottom: 15px;
}
.widget_title:after {
  content: "";
  width: 60px;
  height: 2px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--theme-color);
}
.recent-post {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.recent-post:last-child {
  margin-bottom: 0;
}
.recent-post .post-title {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 5px;
  color: var(--title-color);
  line-height: 24px;
}
.recent-post .post-title a {
  color: inherit;
}
.recent-post .post-title a:hover {
  color: var(--theme-color);
}
.recent-post .media-img {
  margin-right: 17px;
  width: 95px;
  overflow: hidden;
}
.recent-post .media-img img {
  transition: all ease 0.4s;
  transform: scale(1);
}
.recent-post .recent-post-meta {
  line-height: 1.8;
  margin-bottom: 3px;
}
.recent-post .recent-post-meta a {
  text-transform: capitalize;
  margin-right: 15px;
  font-size: 14px;
  color: #8f959b;
}
.recent-post .recent-post-meta a:hover {
  color: var(--theme-color);
}
.recent-post .recent-post-meta a i {
  margin-right: 5px;
  font-size: 12px;
}
.recent-post .recent-post-meta a:last-child {
  margin-right: 0;
}
.recent-post:hover .media-img img {
  transform: scale(1.13);
}
@media not all and (min-resolution: 0.001dpcm) {
  .recent-post:hover .media-img img {
    transform: scale(1);
  }
}
.about-logo img {
  max-width: 220px;
}
.sidebar-area .widget {
  border: 2px solid var(--border-color);
  position: relative;
  background-color: var(--white-color);
  border-radius: 30px;
  overflow: hidden;
}
.sidebar-area .widget:last-child {
  margin-bottom: 0;
}
.sidebar-area .recent-post {
  border-bottom: 1px solid #ecedf0;
  padding-bottom: 15px;
}
.sidebar-area .recent-post:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.sidebar-area .recent-post .media-img {
  margin-right: 20px;
  width: 90px;
  height: 80px;
  border-radius: 20px;
  overflow: hidden;
}
.sidebar-area .recent-post .media-img img {
  border-radius: 20px;
}
.sidebar-area .recent-post .post-title {
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 0;
  color: var(--title-color);
  line-height: 20px;
}
.sidebar-area .recent-post .recent-post-meta a {
  font-size: 14px;
}
.sidebar-area .bg {
  border-radius: 20px;
  background-color: #e3e3e3;
  position: absolute;
  left: 1262px;
  top: 1523px;
  width: 90px;
  height: 80px;
  z-index: 127;
}
.sidebar-area .wp-block-group__inner-container h2 {
  font-size: 20px;
  line-height: 1em;
  margin-bottom: 20px;
  margin-top: -0.07em;
}
@media (max-width: 1199px) {
  .widget {
    padding: 33px 30px;
  }
}
@media (max-width: 991px) {
  .sidebar-area {
    padding-top: 30px;
  }
}
@media (max-width: 767px) {
  .widget {
    padding: 30px 25px;
  }
}
@media (max-width: 575px) {
  .widget {
    padding: 30px 20px;
  }
}
.footer-widget {
  margin-bottom: 40px;
}
.footer-widget,
.footer-widget .widget {
  padding: 0;
  border: none;
  background-color: transparent;
}
.footer-widget .widget_title {
  border-left: none;
  font-family: var(--title-font);
  font-size: 24px;
  margin-top: -0.15em;
  margin-bottom: 30px;
  padding-bottom: 15px;
  border-bottom: none;
  font-weight: 700;
  position: relative;
}
.footer-widget .widget_title:after {
  content: "";
  height: 1px;
  width: 50px;
  background-color: var(--title-color);
  position: absolute;
  bottom: 0;
  left: 0;
}
.footer-widget.widget_nav_menu {
  margin-bottom: 45px;
}
.footer-widget.widget_nav_menu ul {
  margin-top: 0;
}
.footer-widget.widget_nav_menu .widget_title {
  margin-bottom: 25px;
}
.footer-widget.widget_nav_menu a {
  background-color: transparent;
  padding: 0;
  position: relative;
  margin-bottom: 18px;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  border: none;
  transition: all ease 0.4s;
}
.footer-widget.widget_nav_menu a:before {
  content: "\f105";
  font-family: var(--icon-font);
  margin-right: 10px;
  font-weight: 300;
  color: var(--body-color);
  transition: all ease 0.4s;
}
.footer-widget.widget_nav_menu a:hover {
  background-color: transparent;
  color: var(--theme-color);
}
.footer-widget.widget_nav_menu a:hover:before {
  color: var(--theme-color);
}
.footer-widget.widget_nav_menu li > span {
  width: auto;
  height: auto;
  position: relative;
  background-color: transparent;
  color: var(--body-color);
  line-height: 1;
}
.footer-widget.widget_nav_menu li:last-child a {
  margin-bottom: 0;
}
.footer-widget .about-text {
  margin-top: -14px;
}
.footer-widget .recent-post {
  max-width: 280px;
}
.footer-widget .vs-widget-contact {
  max-width: 240px;
  margin-top: -4px;
}
.vs-widget-about {
  max-width: 270px;
}
@media (max-width: 991px) {
  .footer-widget .widget_title {
    margin-bottom: 18px;
  }
}
@media (max-width: 767px) {
  .vs-widget-about {
    text-align: left;
    margin: unset;
    max-width: 450px;
  }
}
.vs-header {
  position: relative;
}
.header-menu-area {
  position: relative;
  z-index: 3;
}
.header-menu-area .container {
  max-width: 1400px;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
.header-menu-area .row {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.header-menu-area .col-auto {
  flex-shrink: 0;
  white-space: nowrap;
}
.main-menu ul {
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 15px;
  align-items: center;
}
.main-menu ul li {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  margin: 0;
}
.header-top-area {
  background-color: var(--theme-color);
  color: var(--white-color);
  padding-top: 12px;
  padding-bottom: 12px;
  line-height: 1;
}
.sticky-wrapper.will-sticky {
  position: relative;
  z-index: 999;
}
@media (max-width: 1199px) {
  .header-menu-area .vs-btn {
    padding: 12px 25px;
    font-size: 16px;
  }
  .main-menu ul li a {
    padding-left: 30px;
    padding-right: 30px;
  }
  @media (max-width: 450px) {
    .header-button .vs-btn {
      display: none;
    }
  }
}
.header-menu-area .row {
  margin-left: -10px;
  margin-right: -10px;
  flex-wrap: nowrap;
}
.header-menu-area .col-auto {
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 1200px) and (max-width: 1450px) {
  .main-menu ul {
    gap: 8px;
  }
  .main-menu ul li a {
    font-size: 18px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .main-menu > ul > li.current-menu-item > a,
  .main-menu > ul > li.current_page_item > a {
    font-size: 18px !important;
  }
  .header-button .vs-btn {
    padding: 12px 25px;
    font-size: 20px;
    font-weight: 700;
    margin-right: 5px;
    background-color: #f5f5a8 !important;
    color: #103741 !important;
  }
  .header-button .vs-btn .btn-hover .part {
    background: #f4a821 !important;
  }
  .header-button .vs-btn:hover {
    color: #fff !important;
  }
  .header-button button {
    margin-right: 5px;
  }
  .header-logo img {
    max-width: 160px;
  }
}
@media (min-width: 1000px) and (max-width: 1199px) {
  .main-menu ul {
    gap: 15px;
  }
  .main-menu ul li a {
    font-size: 18px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .main-menu > ul > li.current-menu-item > a,
  .main-menu > ul > li.current_page_item > a {
    font-size: 18px !important;
  }
  .header-button .vs-btn {
    padding: 12px 25px;
    font-size: 20px;
    font-weight: 700;
    margin-right: 5px;
  }
  .header-button button {
    margin-right: 5px;
  }
  .header-logo img {
    max-width: 150px;
  }
}
.header-links {
  display: inline-block;
}
.header-links ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.header-links ul li {
  display: inline-block;
  position: relative;
  font-weight: 500;
  margin-left: 20px;
  padding-left: 20px;
  font-family: var(--body-font);
}
.header-links ul li:before {
  content: "";
  height: 15px;
  width: 1px;
  position: absolute;
  top: 4px;
  left: 0;
  background-color: #fff9;
}
.header-links ul li:first-child {
  margin-left: 0;
  padding-left: 0;
}
.header-links ul li:first-child:before {
  display: none;
}
.header-links ul li > i {
  margin-right: 15px;
}
.header-links a {
  color: var(--white-color);
}
.header-button {
  display: flex;
  align-items: center;
}
.header-button .vs-btn,
.header-button button {
  margin-right: 10px;
}
.header-button .vs-btn:last-child,
.header-button button:last-child {
  margin-right: 0;
}
.vs-menu-wrapper .vs-menu-toggle {
  right: -20px;
  top: 40px;
  width: 40px;
  height: 40px;
  line-height: 42px;
  font-size: 18px;
  text-align: center;
}
.vs-menu-wrapper .vs-menu-toggle i {
  margin-right: 0;
  line-height: 1.6;
}
.vs-menu-toggle {
  height: 40px;
  width: auto;
  padding: 6px 20px 5px;
  border-radius: 50px;
  line-height: 1;
  font-size: 16px;
}
.vs-menu-toggle i {
  margin-right: 5px;
  vertical-align: middle;
  position: relative;
  top: 0;
}
.will-sticky .sticky-active {
  position: fixed;
  top: -100%;
  right: 0;
  left: 0;
  background-color: var(--white-color);
  transition: all ease 0.8s;
  box-shadow: 0 0 10px #00000012;
  z-index: 20;
}
.will-sticky .sticky-active.active {
  top: 0;
}
.header-logo {
  padding: 10px 40px 10px 0;
}
.main-menu a {
  display: inline-block;
  position: relative;
  font-family: var(--body-font);
  font-weight: 500;
  font-size: 18px;
  color: var(--title-color);
  width: auto;
}
.main-menu > ul > li {
  padding: 36px 0;
  margin: 0;
}
.main-menu > ul > li > a {
  padding: 8px 35px;
  border-radius: 100px;
  white-space: nowrap;
  display: inline-block;
  width: 100%;
  text-align: center;
  min-width: auto;
  box-sizing: border-box;
  position: relative;
  transition:
    background-color 0.3s ease,
    color 0.3s ease;
}
.main-menu > ul > li.current-menu-item > a,
.main-menu > ul > li.current-menu-ancestor > a,
.main-menu > ul > li.current_page_item > a {
  color: var(--title-color) !important;
  background-color: var(--theme-color) !important;
  border-radius: 100px;
}
.main-menu ul.sub-menu li.current-menu-item > a {
  color: var(--title-color) !important;
  background-color: var(--theme-color) !important;
  border-radius: 5px !important;
}
.main-menu ul {
  margin: 0;
  padding: 0;
}
.main-menu ul li {
  list-style-type: none;
  display: flex;
  align-items: center;
  position: relative;
}
.main-menu ul li.menu-item-has-children > a:after {
  content: "\f107";
  position: relative;
  font-family: var(--icon-font);
  margin-left: 3px;
  top: 0.8px;
  font-size: 0.8rem;
}
.main-menu ul li:last-child {
  margin-right: 0;
}
.main-menu ul li:first-child {
  margin-left: 0;
}
.main-menu ul li:hover > ul.sub-menu {
  visibility: visible;
  opacity: 1;
  margin-top: 0;
  z-index: 9;
}
.main-menu ul.sub-menu {
  position: absolute;
  text-align: left;
  top: 100%;
  background-color: var(--white-color);
  box-shadow: 0 5px 10px #0000001a;
  visibility: hidden;
  min-width: 190px;
  width: max-content;
  padding: 7px;
  left: -14px;
  margin-top: 50px;
  opacity: 0;
  z-index: -1;
  border-bottom: 3px solid var(--theme-color);
  box-shadow:
    0 10px 60px #00000017,
    0 3px #e70d3c01;
  transform-origin: top center;
  transition:
    margin-top 0.4s ease-in-out 0s,
    visibility 0.4s ease-in-out 0s,
    opacity 0.4s ease-in-out 0s,
    z-index 0s;
}
.main-menu ul.sub-menu {
  padding: 18px 20px;
  left: -27px;
}
.main-menu ul.sub-menu:before {
  content: "";
  position: absolute;
  left: 34.5px;
  top: 30px;
  width: 1px;
  background-color: #ededed;
  height: calc(100% - 60px);
}
.main-menu ul.sub-menu li {
  display: block;
  margin: 0;
  padding: 3px 9px;
}
.main-menu ul.sub-menu li.menu-item-has-children > a:after {
  content: "\f105";
  float: right;
  top: 0;
}
.main-menu ul.sub-menu li a {
  position: relative;
  padding-left: 21px;
}
.main-menu ul.sub-menu li a:before {
  content: "\f111";
  position: absolute;
  top: 2em;
  left: 0;
  font-family: var(--icon-font);
  width: 11px;
  height: 11px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  font-size: 0.18em;
  line-height: 11px;
  color: var(--theme-color);
  font-weight: 700;
  background-color: var(--white-color);
  box-shadow: inset 0 2px 4px #ad885866;
}
.main-menu ul.sub-menu li ul.sub-menu {
  left: 100%;
  right: auto;
  top: 0;
  margin: 0 0 0 20px;
}
.main-menu ul.sub-menu li ul.sub-menu li ul {
  left: 100%;
  right: auto;
}
.header-social ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.header-social li {
  display: inline-block;
  margin: 0 20px 0 0;
}
.header-social li:last-child {
  margin-right: 0;
}
.header-social a {
  display: block;
  color: var(--white-color);
}
.header-social a:hover {
  color: var(--secondary-color);
}
@media (max-width: 1199px) {
  .header-links ul li {
    margin-left: 15px;
    padding-left: 15px;
  }
}
@media (max-width: 416px) {
  .header-logo {
    max-width: 140px;
  }
}
.footer-wrapper .widget-area {
  padding-top: var(--section-space);
  padding-bottom: calc(var(--section-space) - 40px);
}
.footer-wrapper.four {
  position: relative;
  z-index: 0;
}
.footer-wrapper.four:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #10374199;
  z-index: -1;
}
.footer-wrapper.four .footer-copyright {
  background-color: #103741;
}
.about-logo {
  margin-bottom: 40px;
  margin-top: -8px;
}
.about-text {
  margin-bottom: 25px;
}
.footer-info {
  position: relative;
  min-height: 40px;
  align-items: center;
  display: flex;
  padding: 0 0 0 50px;
}
.footer-info a {
  color: inherit;
}
.footer-info a:hover {
  color: var(--secondary-color);
}
.footer-info i {
  color: var(--white-color);
  margin-right: 10px;
  border: 1px solid transparent;
  background-color: var(--theme-color);
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all ease 0.4s;
}
.footer-info:hover i {
  background-color: var(--secondary-color);
  border-color: transparent;
  color: var(--white-color);
}
.copyright {
  text-align: center;
  margin-bottom: 0;
  color: var(--title-color);
  padding: 27px 0;
}
.copyright a {
  color: inherit;
}
.copyright a:hover {
  color: var(--theme-color);
}
.footer-layout3 .about-text,
.footer-layout3 .footer-widget .widget_title {
  color: var(--white-color);
}
.footer-layout3 .footer-widget .widget_title:after {
  background-color: currentColor;
}
.footer-layout3 .footer-widget.widget_nav_menu a {
  color: var(--white-color);
}
.footer-layout3 .footer-widget.widget_nav_menu a:before {
  color: var(--white-color);
}
.footer-layout3 .footer-widget.widget_nav_menu a:hover {
  color: var(--secondary-color);
}
.footer-layout3 .post-title a,
.footer-layout3 .footer-info a,
.footer-layout3 .recent-post-meta a {
  color: var(--white-color);
}
.footer-layout3 .post-title a:hover,
.footer-layout3 .footer-info a:hover,
.footer-layout3 .recent-post-meta a:hover {
  color: var(--secondary-color);
}
.footer-layout3 .footer-info {
  color: var(--white-color);
}
.footer-layout3 .footer-info i {
  color: var(--white-color);
  background-color: transparent;
  border-color: #ffffff80;
  transition: all ease 0.4s;
}
.footer-layout3 .footer-info:hover i {
  border-color: transparent;
  background-color: var(--secondary-color);
  color: var(--white-color);
}
.footer-layout3 .footer-copyright {
  background-color: #232323;
}
.footer-layout3 .copyright {
  color: var(--white-color);
}
@media (max-width: 1199px) {
  .about-logo {
    margin-top: 0;
  }
}
@media (max-width: 991px) {
  .copyright {
    padding: 17px 0;
  }
  .footer-wrapper .widget-area {
    padding-top: var(--section-space-mobile);
    padding-bottom: calc(var(--section-space-mobile) - 40px);
  }
}
.breadcumb-wrapper {
  z-index: 2;
  background-color: var(--title-color);
}
.breadcumb-wrapper[data-overlay]:before {
  z-index: -1;
}
.about-header-wrapper {
  background-size: cover !important;
  background-position: center bottom !important;
  aspect-ratio: 1536 / 750;
  height: auto !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.about-header-wrapper.small-header-wrapper {
  aspect-ratio: 16 / 5.5 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  border-radius: 0;
  overflow: hidden;
}
.small-header-wrapper .breadcumb-content {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}
.small-header-wrapper .breadcumb-title {
  font-size: 60px !important;
}
.about-header-wrapper[data-overlay]:before {
  height: 90.5%;
}
.about-header-wrapper .breadcumb-content {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.breadcumb-content {
  text-align: center;
  padding-top: 180px;
  padding-bottom: 180px;
}
.breadcumb-menu {
  max-width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.breadcumb-menu li {
  display: inline-block;
  margin-right: 3px;
  padding-right: 2px;
  list-style: none;
  position: relative;
}
.breadcumb-menu li:after {
  content: "/";
  margin-left: 10px;
}
.breadcumb-menu li:last-child {
  padding-right: 0;
  margin-right: 0;
}
.breadcumb-menu li:last-child:after {
  display: none;
}
.breadcumb-menu li,
.breadcumb-menu a,
.breadcumb-menu span {
  white-space: normal;
  color: inherit;
  word-break: break-word;
  font-weight: 500;
  font-size: 24px;
  color: var(--white-color);
}
.breadcumb-menu li i,
.breadcumb-menu a i,
.breadcumb-menu span i {
  margin-right: 10px;
  font-size: 0.8rem;
  position: relative;
  top: -1px;
}
.breadcumb-title {
  font-size: 72px;
  font-weight: 600;
  margin-top: -0.3em;
  color: var(--white-color);
  margin-bottom: 8px;
}
@media (max-width: 1199px) {
  .breadcumb-title {
    font-size: 60px;
  }
}
@media (max-width: 991px) {
  .breadcumb-content {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .about-header-wrapper.small-header-wrapper .breadcumb-content {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .about-header-wrapper.small-header-wrapper .breadcumb-title {
    font-size: 48px !important;
  }
}
@media (max-width: 767px) {
  .breadcumb-title {
    font-size: 48px;
    margin-bottom: 0;
  }
  .about-header-wrapper.small-header-wrapper {
    aspect-ratio: auto !important;
  }
  .about-header-wrapper.small-header-wrapper .breadcumb-title {
    font-size: 48px !important;
  }
  .breadcumb-menu li,
  .breadcumb-menu a,
  .breadcumb-menu span {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .breadcumb-title {
    font-size: 36px;
  }
  .about-header-wrapper.small-header-wrapper .breadcumb-title {
    font-size: 36px !important;
  }
  .breadcumb-content {
    padding-top: var(--section-space-mobile);
    padding-bottom: var(--section-space-mobile);
  }
  .about-header-wrapper.small-header-wrapper .breadcumb-content {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}
.vs-pagination {
  text-align: center;
}
.vs-pagination ul {
  margin: 0;
  padding: 0;
}
.vs-pagination li {
  display: inline-block;
  margin: 0 3px;
  list-style-type: none;
}
.vs-pagination li:last-child {
  margin-right: 0;
}
.vs-pagination li:first-child {
  margin-left: 0;
}
.vs-pagination span,
.vs-pagination a {
  display: inline-block;
  width: 55px;
  height: 55px;
  line-height: 54px;
  text-align: center;
  position: relative;
  background-color: #fff;
  z-index: 1;
  font-weight: 600;
  border-radius: 50%;
  color: var(--theme-color);
  font-size: 20px;
  border: 1px solid var(--theme-color);
  font-weight: 700;
}
.vs-pagination span i,
.vs-pagination a i {
  position: relative;
  top: 0.06em;
  font-size: 16px;
  line-height: 1;
}
.vs-pagination span.active,
.vs-pagination span:hover,
.vs-pagination a.active,
.vs-pagination a:hover {
  color: var(--white-color);
  background-color: var(--theme-color);
  border-color: transparent;
}
@media (max-width: 767px) {
  .vs-pagination span,
  .vs-pagination a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }
  .vs-pagination span i,
  .vs-pagination a i {
    font-size: 12px;
  }
}
@media (max-width: 416px) {
  .vs-pagination span,
  .vs-pagination a {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}
.blog-card {
  --gap: 40px;
  margin-bottom: 30px;
}
.blog-card .blog-img {
  margin: 0 auto;
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzcwIiBoZWlnaHQ9IjI4MiIgdmlld0JveD0iMCAwIDM3MCAyODIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04OS4xMDQ0IDQyLjEzM0M5My45MzcgNDEuNjQ4MyA5OC43MDIxIDQxLjU4NTEgMTAzLjM3NiA0MS45MTI5QzEyMC4zMzMgNDMuMTAyNiAxMzcuMjMgMzYuNTQ4IDE0OS4zNDQgMjIuNDg1N0MxNjEuMzI1IDguNTgwMjcgMTc3Ljc1IDAgMTk1Ljg3OSAwQzIyMS4xMDMgMCAyNDMuMDMgMTYuNjA3OCAyNTQuMjc0IDQxLjA2NzZDMjU3LjYxNSA0OC4zMzE3IDI2NS4yNjYgNTEuMzA1NyAyNzEuMzg1IDQ3LjI4OTZDMjgxLjg3OSA0MC40MDQ4IDI5NC4xMTIgMzYuNzc3NCAzMDcuMTE3IDM3LjU3ODNDMzQxLjM4MyAzOS42ODM1IDM2OC45ODggNzMuMTA3NiAzNjkuOTcyIDExMy42MTFDMzcxLjA1MSAxNTcuOTkgMzQwLjkwNyAxOTQuMzY2IDMwMy41NjkgMTk0LjM2NkgzMDMuNDUyQzI5Ny4yNTkgMTk0LjM1MiAyOTEuOTMxIDE5OS4zNjYgMjkwLjc0NSAyMDYuNTQ0QzI4My42MyAyNDkuNTQ2IDI1MS41NTEgMjgyIDIxMy4wNTQgMjgyQzE5OS41NDcgMjgyIDE4Ni44MzYgMjc4LjAwMyAxNzUuNzE0IDI3MC45NTlDMTYwLjk0MiAyNjEuNjAzIDE0My42MzkgMjYwLjMzMiAxMjcuNzAxIDI2Ni40NkMxMTguMjA3IDI3MC4xMTMgMTA4LjA3MiAyNzIuMDg3IDk3LjU0NDEgMjcyLjA4N0M0MS4zNTc5IDI3Mi4wODcgLTMuNzMzNDQgMjE1Ljk4OCAwLjI0NDQ0NyAxNDguNjMyQzMuNTYzOTggOTIuNDc2MyA0MS42MDU3IDQ2Ljg5ODUgODkuMTA0NCA0Mi4xMzNaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNODkuMTA0NCA0Mi4xMzNDOTMuOTM3IDQxLjY0ODMgOTguNzAyMSA0MS41ODUxIDEwMy4zNzYgNDEuOTEyOUMxMjAuMzMzIDQzLjEwMjYgMTM3LjIzIDM2LjU0OCAxNDkuMzQ0IDIyLjQ4NTdDMTYxLjMyNSA4LjU4MDI3IDE3Ny43NSAwIDE5NS44NzkgMEMyMjEuMTAzIDAgMjQzLjAzIDE2LjYwNzggMjU0LjI3NCA0MS4wNjc2QzI1Ny42MTUgNDguMzMxNyAyNjUuMjY2IDUxLjMwNTcgMjcxLjM4NSA0Ny4yODk2QzI4MS44NzkgNDAuNDA0OCAyOTQuMTEyIDM2Ljc3NzQgMzA3LjExNyAzNy41NzgzQzM0MS4zODMgMzkuNjgzNSAzNjguOTg4IDczLjEwNzYgMzY5Ljk3MiAxMTMuNjExQzM3MS4wNTEgMTU3Ljk5IDM0MC45MDcgMTk0LjM2NiAzMDMuNTY5IDE5NC4zNjZIMzAzLjQ1MkMyOTcuMjU5IDE5NC4zNTIgMjkxLjkzMSAxOTkuMzY2IDI5MC43NDUgMjA2LjU0NEMyODMuNjMgMjQ5LjU0NiAyNTEuNTUxIDI4MiAyMTMuMDU0IDI4MkMxOTkuNTQ3IDI4MiAxODYuODM2IDI3OC4wMDMgMTc1LjcxNCAyNzAuOTU5QzE2MC45NDIgMjYxLjYwMyAxNDMuNjM5IDI2MC4zMzIgMTI3LjcwMSAyNjYuNDZDMTE4LjIwNyAyNzAuMTEzIDEwOC4wNzIgMjcyLjA4NyA5Ny41NDQxIDI3Mi4wODdDNDEuMzU3OSAyNzIuMDg3IC0zLjczMzQ0IDIxNS45ODggMC4yNDQ0NDcgMTQ4LjYzMkMzLjU2Mzk4IDkyLjQ3NjMgNDEuNjA1NyA0Ni44OTg1IDg5LjEwNDQgNDIuMTMzWiIgc3Ryb2tlPSJ3aGl0ZSIvPgo8L3N2Zz4K);
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzcwIiBoZWlnaHQ9IjI4MiIgdmlld0JveD0iMCAwIDM3MCAyODIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04OS4xMDQ0IDQyLjEzM0M5My45MzcgNDEuNjQ4MyA5OC43MDIxIDQxLjU4NTEgMTAzLjM3NiA0MS45MTI5QzEyMC4zMzMgNDMuMTAyNiAxMzcuMjMgMzYuNTQ4IDE0OS4zNDQgMjIuNDg1N0MxNjEuMzI1IDguNTgwMjcgMTc3Ljc1IDAgMTk1Ljg3OSAwQzIyMS4xMDMgMCAyNDMuMDMgMTYuNjA3OCAyNTQuMjc0IDQxLjA2NzZDMjU3LjYxNSA0OC4zMzE3IDI2NS4yNjYgNTEuMzA1NyAyNzEuMzg1IDQ3LjI4OTZDMjgxLjg3OSA0MC40MDQ4IDI5NC4xMTIgMzYuNzc3NCAzMDcuMTE3IDM3LjU3ODNDMzQxLjM4MyAzOS42ODM1IDM2OC45ODggNzMuMTA3NiAzNjkuOTcyIDExMy42MTFDMzcxLjA1MSAxNTcuOTkgMzQwLjkwNyAxOTQuMzY2IDMwMy41NjkgMTk0LjM2NkgzMDMuNDUyQzI5Ny4yNTkgMTk0LjM1MiAyOTEuOTMxIDE5OS4zNjYgMjkwLjc0NSAyMDYuNTQ0QzI4My42MyAyNDkuNTQ2IDI1MS41NTEgMjgyIDIxMy4wNTQgMjgyQzE5OS41NDcgMjgyIDE4Ni44MzYgMjc4LjAwMyAxNzUuNzE0IDI3MC45NTlDMTYwLjk0MiAyNjEuNjAzIDE0My42MzkgMjYwLjMzMiAxMjcuNzAxIDI2Ni40NkMxMTguMjA3IDI3MC4xMTMgMTA4LjA3MiAyNzIuMDg3IDk3LjU0NDEgMjcyLjA4N0M0MS4zNTc5IDI3Mi4wODcgLTMuNzMzNDQgMjE1Ljk4OCAwLjI0NDQ0NyAxNDguNjMyQzMuNTYzOTggOTIuNDc2MyA0MS42MDU3IDQ2Ljg5ODUgODkuMTA0NCA0Mi4xMzNaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNODkuMTA0NCA0Mi4xMzNDOTMuOTM3IDQxLjY0ODMgOTguNzAyMSA0MS41ODUxIDEwMy4zNzYgNDEuOTEyOUMxMjAuMzMzIDQzLjEwMjYgMTM3LjIzIDM2LjU0OCAxNDkuMzQ0IDIyLjQ4NTdDMTYxLjMyNSA4LjU4MDI3IDE3Ny43NSAwIDE5NS44NzkgMEMyMjEuMTAzIDAgMjQzLjAzIDE2LjYwNzggMjU0LjI3NCA0MS4wNjc2QzI1Ny42MTUgNDguMzMxNyAyNjUuMjY2IDUxLjMwNTcgMjcxLjM4NSA0Ny4yODk2QzI4MS44NzkgNDAuNDA0OCAyOTQuMTEyIDM2Ljc3NzQgMzA3LjExNyAzNy41NzgzQzM0MS4zODMgMzkuNjgzNSAzNjguOTg4IDczLjEwNzYgMzY5Ljk3MiAxMTMuNjExQzM3MS4wNTEgMTU3Ljk5IDM0MC45MDcgMTk0LjM2NiAzMDMuNTY5IDE5NC4zNjZIMzAzLjQ1MkMyOTcuMjU5IDE5NC4zNTIgMjkxLjkzMSAxOTkuMzY2IDI5MC43NDUgMjA2LjU0NEMyODMuNjMgMjQ5LjU0NiAyNTEuNTUxIDI4MiAyMTMuMDU0IDI4MkMxOTkuNTQ3IDI4MiAxODYuODM2IDI3OC4wMDMgMTc1LjcxNCAyNzAuOTU5QzE2MC45NDIgMjYxLjYwMyAxNDMuNjM5IDI2MC4zMzIgMTI3LjcwMSAyNjYuNDZDMTE4LjIwNyAyNzAuMTEzIDEwOC4wNzIgMjcyLjA4NyA5Ny41NDQxIDI3Mi4wODdDNDEuMzU3OSAyNzIuMDg3IC0zLjczMzQ0IDIxNS45ODggMC4yNDQ0NDcgMTQ4LjYzMkMzLjU2Mzk4IDkyLjQ3NjMgNDEuNjA1NyA0Ni44OTg1IDg5LjEwNDQgNDIuMTMzWiIgc3Ryb2tlPSJ3aGl0ZSIvPgo8L3N2Zz4K);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-size: contain;
}
.blog-card .blog-content {
  background-color: var(--white-color);
  border-radius: 50px;
  box-shadow: 0 10px 15px #c1cad240;
  padding: 145px 40px 33px;
  margin-top: -110px;
  border: 1px solid transparent;
  transition: all ease 0.4s;
}
.blog-card .blog-meta {
  margin-bottom: 10px;
}
.blog-card .blog-title {
  line-height: 1.5;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid var(--border-color);
}
.blog-card:hover .blog-img img {
  transform: scale(1.1);
}
@media not all and (min-resolution: 0.001dpcm) {
  .blog-card:hover .blog-img img {
    transform: scale(1);
  }
}
.blog-card:hover .blog-content {
  box-shadow: none;
  border-color: var(--theme-color);
}
.blog-img {
  border-radius: 50px;
  overflow: hidden;
  display: block;
}
.blog-img img {
  transition: 0.4s ease-in-out;
  border-radius: 50px;
  width: 100%;
}
.blog-meta span,
.blog-meta a {
  font-family: var(--para-font);
  display: inline-block;
  margin-right: 18px;
  font-size: 16px;
  color: var(--body-color);
}
.blog-meta span:last-child,
.blog-meta a:last-child {
  margin-right: 0;
}
.blog-meta span i,
.blog-meta a i {
  margin-right: 8px;
  color: inherit;
  font-size: 14px;
  color: var(--theme-color);
}
.blog-meta span:hover,
.blog-meta a:hover {
  color: var(--theme-color);
}
.blog-meta span a:before {
  content: ",";
  margin-right: 5px;
  color: var(--body-color) !important;
}
.blog-meta span a:first-of-type:before {
  content: "";
}
.blog-title a {
  color: inherit;
}
.blog-title a:hover {
  color: var(--theme-color);
}
.blog-inner-title {
  margin-bottom: 30px;
  margin-top: -0.25em;
}
.blog-single {
  margin-bottom: 40px;
  border: 2px solid rgb(242, 242, 242);
  border-radius: 30px;
}
.blog-single .blog-meta span,
.blog-single .blog-meta a {
  font-size: 16px;
}
.blog-single .blog-img {
  overflow: hidden;
  position: relative;
  margin: -2px;
  border-radius: 50px;
}
.blog-single .blog-img img {
  border-radius: 50px;
}
.blog-single .blog-content {
  padding: 55px 60px;
  border-top: none;
}
.blog-single .link-btn {
  font-weight: 600;
}
.blog-single .link-btn:before {
  height: 2px;
}
.blog-single .blog-title {
  line-height: 1.3;
  color: var(--title-color);
}
.blog-single .blog-title a {
  color: inherit;
}
.blog-single .blog-title a:hover {
  color: var(--theme-color);
}
.share-links {
  margin-top: 50px;
  padding-bottom: 40px;
  border-bottom: 1px solid var(--border-color);
}
.share-links-title {
  font-size: 18px;
  color: var(--title-color);
  display: block;
  margin-bottom: 10px;
  font-family: var(--title-font);
  font-weight: 600;
  margin-top: -0.45em;
}
.social-links {
  margin-top: -0.05em;
}
.blog-single .blog-meta {
  margin-bottom: 12px;
}
.blog-single .blog-img {
  position: relative;
}
.blog-single .blog-img .slick-arrow {
  position: absolute;
  left: 40px;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  --title-color: #fff;
}
.blog-single .blog-img .slick-arrow.slick-next {
  left: auto;
  right: 40px;
}
.blog-single .blog-title {
  margin-bottom: 10px;
}
.blog-single:hover .blog-img .slick-arrow {
  opacity: 1;
  visibility: visible;
}
.blog-details .blog-single {
  position: relative;
  margin-bottom: 0;
  border: none;
}
.blog-details .blog-img {
  margin: 0 0 30px;
  border-radius: 50px;
  overflow: hidden;
}
.blog-details .blog-img img {
  border-radius: 50px;
}
.blog-details .blog-title {
  line-height: 1.2;
  font-size: 40px;
  margin-bottom: 15px;
}
.blog-details .blog-meta {
  margin-bottom: 8px;
  margin-left: 3px;
}
.blog-details .blog-meta > span,
.blog-details .blog-meta > a {
  margin-right: 30px;
  font-size: 16px;
}
.blog-details .blog-meta > span:last-child,
.blog-details .blog-meta > a:last-child {
  margin-right: 0;
}
.blog-details .blog-meta > span i,
.blog-details .blog-meta > a i {
  margin-right: 10px;
}
.blog-details .blog-meta span a {
  margin-right: 0;
  font-size: inherit;
}
.blog-details .blog-meta span:hover {
  color: var(--body-color);
}
.blog-details .blog-meta a:hover {
  color: var(--theme-color);
}
.blog-details .blog-content {
  padding: 0;
  border-bottom: none;
  margin-bottom: calc(var(--blog-space-y, 60px) - 10px);
  border: none;
  border-radius: 0;
}
.blog-details .multi-social {
  --icon-size: 35px;
  margin-bottom: 0;
  padding-left: 0;
}
.blog-details .multi-social li {
  display: inline-block;
}
.blog-details .multi-social a {
  margin-left: 5px;
  font-size: 14px;
}
@media (max-width: 1399px) {
  .blog-card {
    --gap: 25px;
  }
  .blog-card .blog-content {
    padding: 135px 25px 23px;
    border-radius: 30px;
  }
}
@media (max-width: 1199px) {
  .blog-img {
    border-radius: 30px;
  }
  .blog-single .blog-content {
    padding: 45px 50px;
  }
  .blog-details .blog-single .blog-title {
    font-size: 32px;
  }
}
@media (max-width: 991px) {
  .blog-single .blog-content {
    padding: 55px 60px;
  }
  .blog-single .blog-title {
    line-height: 1.4;
    font-size: 30px;
  }
  .blog-details .blog-single .blog-title {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .blog-meta span,
  .blog-meta a {
    margin-right: 20px;
    font-size: 16px;
  }
  .share-links .row {
    gap: 30px 0;
  }
  .blog-single .blog-content {
    padding: 35px 40px;
  }
  .blog-single .share-links-title {
    margin-bottom: 6px;
  }
  .blog-details .blog-single {
    position: relative;
  }
  .blog-details .blog-single .blog-title {
    line-height: 1.2;
    font-size: 26px;
  }
  .blog-details .blog-single .blog-meta li {
    font-size: 14px;
    margin-right: 20px;
  }
  .blog-details .blog-content {
    margin-bottom: 0;
  }
  .blog-details .multi-social {
    --icon-size: 35px;
  }
  .blog-details .multi-social a {
    margin-left: 0;
    margin-right: 5px;
  }
  .share-links {
    margin-top: 20px;
    padding-bottom: 25px;
  }
}
@media (max-width: 575px) {
  .blog-single .blog-content {
    padding: 25px 20px;
  }
  .blog-single .blog-title {
    font-size: 20px;
  }
  .vs-comment-form {
    padding: 25px 20px;
  }
}
@media (max-width: 416px) {
  .blog-card {
    --gap: 25px;
  }
  .blog-card .blog-img {
    border-radius: 30px;
  }
  .blog-card .blog-content {
    border-radius: 30px;
    padding: 130px 25px 33px;
  }
}
.vs-comment-wrap .blog-inner-title {
  margin-bottom: 0;
}
.children {
  list-style: none;
  margin: 0;
  padding: 0;
}
.vs-post-comment {
  --border-color: rgb(241, 240, 239);
  padding: 40px 0 34px;
  transition: 0.4s;
  border-bottom: 1px solid var(--border-color);
}
.vs-post-comment .name {
  margin-bottom: 15px;
  margin-top: -5px;
  font-size: 20px;
  font-weight: 600;
}
.vs-post-comment .text {
  margin-bottom: 0;
}
.children .vs-post-comment {
  padding-left: 70px;
}
.vs-comment-form,
.vs-register-form {
  background-color: var(--white-color);
  border: 2px solid rgb(242, 242, 242);
  padding: 60px;
  margin-top: 15px;
  border-radius: 30px;
}
.vs-comment-form .row,
.vs-register-form .row {
  --bs-gutter-x: 20px;
}
.vs-comment-form .form-group:last-child,
.vs-register-form .form-group:last-child {
  margin-top: 10px;
}
.vs-comment-form .blog-inner-title,
.vs-register-form .blog-inner-title {
  margin-bottom: 0;
}
.vs-register-form {
  margin-top: 40px;
}
.vs-register-form .form-title {
  margin-bottom: 30px;
}
.vs-comment-form input,
.vs-comment-form select {
  height: 60px;
}
.vs-comment-form select.style2 ~ i,
.vs-comment-form .form-select.style2 ~ i,
.vs-comment-form .form-control.style2 ~ i {
  top: 17.5px;
  font-size: 16px;
}
@media (max-width: 1199px) {
  .vs-comment-form,
  .vs-register-form {
    padding: 30px;
  }
}
@media (max-width: 991px) {
  .vs-comment-form,
  .vs-register-form {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .vs-post-comment {
    padding: 25px 0 20px;
  }
  .children .vs-post-comment {
    padding-left: 50px;
  }
  .vs-comment-form,
  .vs-register-form {
    margin-top: 20px;
    padding: 25px;
  }
}
@media (max-width: 575px) {
  .vs-post-comment {
    flex-direction: column;
  }
}
.vs-hero-wrapper .section-before {
  top: -5px;
}
.hero-slider1 {
  position: relative;
}
.hero-slider1 .vs-hero-inner {
  padding: 100px 0 140px;
}
.vs-hero-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vs-hero-bg img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0.55;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
@media (max-width: 1399px) {
  .vs-hero-wrapper .section-before {
    top: -8px;
  }
}
@media (max-width: 1199px) {
  .vs-hero-wrapper .shape-before img,
  .vs-hero-wrapper .section-before img {
    height: 20px;
  }
  .hero-slider1 .vs-hero-inner {
    padding: 100px 0;
  }
}
@media (max-width: 991px) {
  .vs-hero-wrapper .shape-before img,
  .vs-hero-wrapper .section-before img {
    height: 15px;
  }
}
@media (max-width: 767px) {
  .hero-slider1 .vs-hero-inner {
    padding: 80px 50px 60px;
  }
}
@media (max-width: 575px) {
  .hero-slider1 .vs-hero-inner {
    padding: 80px 25px 60px;
  }
}
.vs-hero-wrapper-four {
  padding: 325px 0;
  margin-top: -50px;
  z-index: 3;
  position: relative;
}
.vs-hero-wrapper-four:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #fffc 12%, #fff0);
}
@media (max-width: 1199px) {
  .vs-hero-wrapper-four {
    padding: 250px 0;
  }
}
@media (max-width: 767px) {
  .vs-hero-wrapper-four {
    padding: 200px 0;
    margin-top: 0;
  }
}
@media (max-width: 416px) {
  .vs-hero-wrapper-four {
    padding: 150px 0;
  }
}
.vs-hero-wrapper-four .slideinup {
  opacity: 1;
}
.vs-error-wrapper {
  position: relative;
  min-height: 100vh;
  background-color: var(--title-color);
}
@media (max-width: 1199px) {
  .vs-error-wrapper {
    position: relative;
    min-height: 500px;
  }
}
.vs-product-box {
  text-align: center;
  transition: all ease 0.4s;
}
.vs-sort-bar select {
  height: 60px;
  border: 1px solid #f2eeed;
  width: fit-content;
  min-width: auto;
  color: var(--body-color);
  padding-right: 46px;
  padding-left: 20px;
  font-size: 16px;
  margin: 0;
  border-radius: 30px;
}
.vs-sort-bar label {
  font-size: 14px;
  margin-bottom: 0;
  margin-right: 15px;
  font-weight: 500;
  line-height: 1;
  color: var(--title-color);
}
@media (max-width: 575px) {
  .vs-sort-bar {
    text-align: center;
  }
  .vs-sort-bar select {
    margin: auto;
  }
}
#description > p:first-child {
  margin-top: -7px;
}
.img-box-2 {
  border-radius: 50%;
  position: relative;
  width: 558px;
  height: 558px;
  border: 2px dashed rgb(255, 228, 222);
}
.img-box-2 img {
  border-radius: 50%;
}
@media (max-width: 1199px) {
  .img-box-2 {
    width: 100%;
    height: 450px;
  }
}
@media (max-width: 991px) {
  .img-box-2 {
    width: 480px;
    height: 480px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 575px) {
  .img-box-2 {
    width: 100%;
    height: calc(100vw - 35px);
  }
}
@media (max-width: 1199px) {
  .container {
    max-width: 100%;
    padding: 0 10px;
  }
}
.service-section {
  position: relative;
}
.shape-slider-area {
  position: relative;
  padding-left: 50px;
}
.simple-arrow {
  background-color: transparent;
  border: none;
  width: 50px;
  height: 50px;
  color: var(--title-color);
  font-size: 28px;
}
.simple-arrow:hover {
  color: var(--theme-color);
}
.shape-slider-area .arrow-left,
.shape-slider-area .arrow-right {
  position: absolute;
  top: 50%;
  z-index: 3;
}
.shape-slider-area .arrow-left {
  left: 58px;
}
.shape-slider-area .arrow-right {
  top: 57%;
  right: 64px;
}
#sliderOne .slide-item {
  padding-top: 40px;
  position: relative;
}
#sliderOne .line-1,
#sliderOne .line-2 {
  position: absolute;
  top: 0;
}
#sliderOne .line-1 {
  left: 40%;
}
#sliderOne .line-2 {
  left: 25%;
}
@media (max-width: 1199px) {
  .shape-slider-area .arrow-left {
    left: 0;
  }
  .shape-slider-area .arrow-right {
    right: 0;
  }
  .shape-slider-area {
    max-width: 600px;
    padding-left: 0;
    margin: 0 auto;
  }
}
@media (max-width: 991px) {
  #sliderOne .slide-item {
    padding-top: 10px;
  }
  #sliderOne .line-2 {
    display: none;
  }
}
@media (max-width: 575px) {
  .simple-arrow {
    font-size: 22px;
  }
  .shape-slider-area .arrow-left,
  .shape-slider-area .arrow-right {
    top: 45%;
  }
  .shape-slider-area .arrow-right {
    top: 50%;
  }
}
@media (max-width: 416px) {
  #sliderOne .line-1 {
    display: none;
  }
}
.class-img {
  display: block;
  min-height: 150px;
}
.class-img img {
  transition: 0.4s;
  opacity: 1 !important;
  visibility: visible !important;
}
.vs-register-form {
  border: none;
}
.process-card {
  border-radius: 40px;
  padding: 40px 40px 32px;
  position: relative;
  background-color: var(--white-color);
  transition: all ease 0.4s;
}
.process-card .process-number {
  width: 60px;
  height: 60px;
  line-height: 60px;
  background-color: #dbeaf7;
  color: var(--theme-color);
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  border-radius: 50px;
  position: absolute;
  top: 35px;
  right: -30px;
}
.process-card .process-direction {
  position: absolute;
  left: calc(100% + 30px);
  top: 42px;
}
.process-card .process-head {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.process-card .process-icon {
  width: 50px;
  margin-right: 20px;
}
.process-card .process-icon img {
  transition: all ease 0.4s;
  filter: none;
}
.process-card .process-title {
  max-width: 130px;
  margin-bottom: 0;
  transition: all ease 0.4s;
}
.process-card .process-text {
  margin-bottom: 0;
  transition: all ease 0.4s;
}
.process-card:hover {
  background-color: var(--theme-color);
}
.process-card:hover .process-icon img {
  filter: brightness(0) invert(1);
}
.process-card:hover .process-title,
.process-card:hover .process-text,
.process-card:hover .process-number {
  color: var(--white-color);
}
@media (max-width: 1199px) {
  .process-card .process-number {
    right: -10px;
  }
  .process-card .process-direction {
    display: none;
  }
}
@media (max-width: 991px) {
  .process-card .process-number:after {
    display: none;
  }
}
@media (max-width: 767px) {
  .process-title {
    max-width: 116px;
  }
}
@media (max-width: 575px) {
  .process-card {
    border-radius: 30px;
  }
  .process-card .process-number {
    width: 45px;
    height: 45px;
    line-height: 45px;
    background-color: #dbeaf7;
    font-size: 20px;
    top: 15px;
    right: -5px;
  }
}
.appointment-form {
  padding: 60px;
  border-radius: 50px;
  background-color: var(--smoke-theme);
}
.appointment-form select,
.appointment-form .form-select,
.appointment-form .form-control {
  height: 60px;
  border: none;
  border-radius: 30px;
}
.appointment-form .vs-btn {
  width: 100%;
  display: block;
  height: 60px;
}
.appointment-form textarea {
  resize: none;
}
@media (max-width: 1199px) {
  .appointment-form {
    padding: 40px;
  }
}
@media (max-width: 575px) {
  .appointment-form {
    padding: 40px 20px;
    border-radius: 30px;
  }
  .appointment-form select,
  .appointment-form .form-select,
  .appointment-form .form-control {
    height: 45px;
    border-radius: 23px;
  }
  .appointment-form .vs-btn {
    height: 45px;
  }
  .appointment-form textarea {
    resize: none;
    padding-top: 7px;
  }
}
.vs-icon-box {
  --icon-size: 50px;
}
.contact-form .form-label {
  margin-bottom: 11px;
  color: var(--title-color);
  font-family: var(--para-font);
  font-weight: 600;
}
.contact-form select,
.contact-form .form-select,
.contact-form .form-control {
  height: 50px;
  padding: 15px 27px;
  background-color: var(--smoke-color);
  border-radius: 10px;
  border: none;
  background-position: right 22px center;
}
.contact-form textarea {
  resize: none;
}
.contact-info-box .contact-title,
.contact-form-box .contact-title {
  position: relative;
  padding-bottom: 10px;
}
.contact-info-box .contact-title:before,
.contact-form-box .contact-title:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60px;
  height: 2px;
  background-color: var(--theme-color);
  display: inline-block;
}
.contact-info-box {
  margin-left: 0;
}
.contact-info-box .contact-title {
  margin-bottom: 25px;
}
.contact-form-box,
.contact-info-box {
  border: 2px dashed rgb(235, 235, 235);
  box-shadow: 0 8px 40px #69747714;
  border-radius: 30px;
  background-color: #fdfdfd;
  padding: 35px 40px 40px;
}
.contact-form-box .form-group:last-child {
  margin-bottom: 0;
}
.info-media {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.info-media .media-icon {
  width: 75px;
  height: 75px;
  background-color: var(--white-color);
  text-align: center;
  line-height: 54px;
  border-radius: 50%;
  border: 10px solid var(--smoke-theme);
  margin-right: 25px;
}
.info-media .media-icon svg,
.info-media .media-icon img {
  filter: brightness(0) saturate(100%) invert(78%) sepia(29%) saturate(5436%) hue-rotate(354deg)
    brightness(101%) contrast(93%);
}
.info-media .info-title {
  font-weight: 600;
  margin-bottom: 6px;
}
.info-media .info-text {
  margin-bottom: 0;
}
.info-media .info-text a,
.footer-info a {
  color: inherit;
  white-space: nowrap !important;
  word-wrap: normal !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
  display: inline !important;
}
.info-media .info-text a:hover {
  color: var(--theme-color);
}
.contact-location {
  line-height: 1px;
  border-radius: 30px;
  overflow: hidden;
}
.contact-location iframe {
  height: 265px;
}
@media (max-width: 1199px) {
  .contact-info-box {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .footer-wrapper.four .widget-area .row .col-xl-auto:last-child {
    margin-left: -60px !important;
  }
  .contact-info-box {
    min-width: 320px;
  }
}
@media (max-width: 767px) {
  .contact-info-box {
    padding: 30px 10px !important;
  }
  .footer-info {
    padding: 0 0 0 45px !important;
    font-size: 14px !important;
  }
  .footer-info i {
    width: 35px !important;
    height: 35px !important;
    line-height: 35px !important;
  }
  .info-media .media-icon {
    margin-right: 15px !important;
    width: 60px !important;
    height: 60px !important;
    line-height: 44px !important;
  }
}
@media (max-width: 767px) {
  .contact-form-box,
  .contact-info-box {
    padding: 37px 20px 50px;
  }
}
@media (max-width: 575px) {
  .contact-info-box,
  .contact-location {
    border-radius: 15px;
  }
  .info-media {
    flex-direction: column;
    align-items: flex-start;
  }
  .info-media .media-icon {
    margin-bottom: 15px;
  }
}
.wpcf7 input[type="submit"].vs-btn.wave-btn,
.wpcf7 button[type="submit"].vs-btn.wave-btn {
  background-color: #f5f5a8 !important;
  color: var(--title-color) !important;
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.wpcf7 input[type="submit"].vs-btn.wave-btn:hover,
.wpcf7 button[type="submit"].vs-btn.wave-btn:hover {
  color: var(--white-color) !important;
  background-color: #f5f5a8 !important;
}
.wpcf7 input[type="submit"].vs-btn.wave-btn .btn-hover .part,
.wpcf7 button[type="submit"].vs-btn.wave-btn .btn-hover .part {
  background: #f4a821 !important;
  border-color: #f4a821 !important;
}
.wpcf7 input[type="submit"].vs-btn.wave-btn:hover .part,
.wpcf7 button[type="submit"].vs-btn.wave-btn:hover .part {
  transform: translateZ(0) scale(1.7) !important;
}
.px-5 {
  padding-right: 5px;
  padding-left: 5px;
}
.py-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.pb-5 {
  padding-bottom: 5px;
}
.mt-5 {
  margin-top: 5px;
}
.mt-10 {
  margin-top: 10px;
}
.mb-5 {
  margin-bottom: 5px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-35 {
  margin-bottom: 35px;
}
.space,
.space-top {
  padding-top: var(--section-space);
}
.space,
.space-bottom {
  padding-bottom: var(--section-space);
}
.space-page {
  padding-top: var(--section-space);
}
.space-page {
  padding-bottom: calc(var(--section-space) + 40px);
}
.space-top-shape-plus {
  padding-top: calc(var(--section-space) + 20px);
}
.space-extra {
  padding-top: calc(var(--section-space) - 30px);
}
.space-extra,
.space-extra-bottom {
  padding-bottom: calc(var(--section-space) - 30px);
}
@media (max-width: 991px) {
  .space,
  .space-top {
    padding-top: var(--section-space-mobile);
  }
  .space,
  .space-bottom {
    padding-bottom: var(--section-space-mobile);
  }
  .space-page {
    padding-top: var(--section-space-mobile);
  }
  @media (max-width: 767px) {
    .space-page {
      padding-top: 10px;
    }
  }
  .space-page {
    padding-bottom: calc(var(--section-space-mobile) + 10px);
  }
  .space-extra {
    padding-top: calc(var(--section-space-mobile) - 30px);
  }
  .space-extra,
  .space-extra-bottom {
    padding-bottom: calc(var(--section-space-mobile) - 30px);
  }
  .space-top-shape-plus {
    padding-top: calc(var(--section-space-mobile) + 18px);
  }
}
img[loading="lazy"] {
  loading: eager !important;
}
img {
  content-visibility: auto !important;
}
@media (max-width: 991px) {
  .container-fluid[style*="padding-left: 70px"] {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}
@media (max-width: 767px) {
  .container-fluid[style*="padding-left: 70px"],
  .container-fluid[style*="padding-right: 70px"] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  body,
  html {
    overflow-x: hidden !important;
    max-width: 100vw;
  }
  .container,
  .container-fluid {
    overflow-x: hidden;
    max-width: 100%;
  }
  .row {
    margin-left: -15px;
    margin-right: -15px;
  }
  img {
    max-width: 100%;
    height: auto;
  }
  .space {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .space-top {
    padding-top: 50px !important;
  }
  .space-bottom {
    padding-bottom: 50px !important;
  }
  .sec-title,
  .section-title {
    font-size: 28px !important;
    line-height: 1.3 !important;
  }
  .sub-title {
    font-size: 14px !important;
  }
  .vs-btn,
  .btn {
    padding: 12px 24px !important;
    font-size: 14px !important;
    min-height: 44px;
  }
  .col-lg-3,
  .col-lg-4,
  .col-lg-6,
  .col-md-6 {
    margin-bottom: 20px;
  }
}
@media (max-width: 575px) {
  .sec-title,
  .section-title {
    font-size: 24px !important;
  }
  h1,
  .h1 {
    font-size: 28px !important;
  }
  h2,
  .h2 {
    font-size: 24px !important;
  }
  h3,
  .h3 {
    font-size: 20px !important;
  }
  h4,
  .h4 {
    font-size: 18px !important;
  }
  .container-fluid[style*="padding-left: 70px"],
  .container-fluid[style*="padding-right: 70px"] {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
@media (max-width: 991px) {
  .menu-style1 {
    display: none;
  }
}
@media (max-width: 767px) {
  .vs-hero-wrapper {
    min-height: auto !important;
    padding: 60px 0 !important;
  }
}
@media (max-width: 767px) {
  .blog-card {
    margin-bottom: 20px;
  }
  .card,
  .program-card,
  .special-program-card {
    padding: 20px !important;
  }
}
@media (max-width: 575px) {
  .form-control,
  .form-select,
  select,
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  textarea {
    font-size: 16px !important;
    padding: 10px 15px !important;
  }
}
@media (max-width: 767px) {
  .footer-widget {
    margin-bottom: 30px;
    text-align: center;
  }
}
h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5,
.sec-title,
.section-title,
.sub-title,
p,
span,
a,
label {
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
  max-width: 100% !important;
}
.name a {
  overflow: visible !important;
  white-space: normal !important;
  line-height: 1.3 !important;
}
@media (max-width: 767px) {
  .sec-title,
  .section-title,
  h1,
  h2,
  h3,
  h4,
  h5 {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
  }
  .sub-title + .sec-title,
  .sub-title + .section-title,
  .careers-tag + h2 {
    margin-top: 5px !important;
  }
  .space,
  .space-top,
  .space-bottom,
  .space-extra-bottom {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .separation-anxiety-section {
    padding-top: 20px !important;
    padding-bottom: 40px !important;
  }
  .separation-anxiety-section h2.sec-title {
    font-size: 24px !important;
    line-height: 1.2 !important;
    margin-bottom: 15px !important;
  }
  .separation-anxiety-section p[style*="margin-top: 20px"] {
    margin-top: 10px !important;
    margin-bottom: 20px !important;
    font-size: 15px !important;
  }
  .separation-card {
    margin-bottom: 12px !important;
    padding: 15px !important;
  }
  .topics-panel {
    padding: 20px !important;
    margin-top: 20px !important;
  }
  .club-description {
    font-size: 16px !important;
    margin-bottom: 20px !important;
  }
  .row.gy-30 {
    --bs-gutter-y: 15px !important;
  }
}
.program-card-image {
  object-fit: cover !important;
}
@media (max-width: 767px) {
  .wow {
    animation-name: none !important;
    visibility: visible !important;
  }
}
@media (max-width: 767px) {
  .title-area {
    margin-bottom: 20px !important;
  }
  .sub-title {
    margin-bottom: 10px !important;
  }
  .sec-title,
  .section-title {
    margin-bottom: 10px !important;
    line-height: 1.2 !important;
  }
  section,
  .space,
  .space-top,
  .space-extra-bottom,
  .separation-anxiety-section,
  .our-programs-section,
  .special-programs-section {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .name,
  .h4,
  h4 {
    white-space: normal !important;
    word-break: break-word !important;
  }
}
@media (max-width: 767px) {
  .elementor-widget {
    margin-bottom: 20px !important;
  }
  .elementor-column-gap-no > .elementor-column > .elementor-element-populated {
    padding: 0 !important;
  }
}
@media (max-width: 767px) {
  .hero-slide-custom .hero-buttons-wrapper {
    gap: 8px !important;
    margin-top: 15px !important;
  }
  .hero-slide-custom .vs-btn {
    font-size: 12px !important;
    padding: 5px 15px !important;
    min-width: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}
@media (max-width: 480px) {
  .hero-slide-custom .vs-btn {
    font-size: 11px !important;
    padding: 4px 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}
.main-menu ul li {
  position: relative;
}
.main-menu ul.sub-menu {
  display: block !important;
  visibility: hidden;
  opacity: 0;
  margin-top: 15px !important;
  z-index: 99999 !important;
  transition: all 0.3s ease-in-out;
  background-color: #fff !important;
  border-top: 3px solid var(--theme-color);
  box-shadow: 0 10px 40px #0000001a;
  pointer-events: none;
}
.main-menu ul li:hover > ul.sub-menu {
  visibility: visible !important;
  opacity: 1 !important;
  margin-top: 0 !important;
  pointer-events: auto !important;
}
.vs-mean-expand {
  display: inline-block !important;
  vertical-align: middle;
  margin-left: 10px;
  width: 26px;
  height: 26px;
  line-height: 24px;
  text-align: center;
  background-color: #f7f7f7;
  color: var(--title-color);
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: pointer;
  z-index: 10;
  padding: 0;
  position: relative !important;
  top: -2px;
  right: auto !important;
  transition: all 0.3s ease;
}
.vs-mobile-menu ul li > a {
  display: inline-block !important;
  width: auto !important;
  padding-right: 5px !important;
}
.vs-item-has-children.vs-active > .vs-mean-expand {
  background-color: var(--theme-color);
  color: #fff;
  border-color: var(--theme-color);
}
.vs-mean-expand:before {
  content: "\f067";
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 11px;
}
.vs-item-has-children.vs-active > .vs-mean-expand:before {
  content: "\f068";
}
.vs-menu-wrapper .vs-menu-area {
  overflow-y: auto !important;
  display: flex;
  flex-direction: column;
}
.vs-mobile-menu {
  max-height: none !important;
  overflow: visible !important;
  flex: 1;
}
.vs-mobile-menu ul li {
  position: relative;
  padding-right: 15px;
}
.vs-mobile-menu ul.sub-menu {
  background-color: #fcfcfc;
}
.vs-mobile-menu ul .vs-item-has-children > a:after,
.vs-mobile-menu ul .vs-item-has-children.vs-active > a:after {
  display: none !important;
  content: none !important;
}
.main-menu ul.sub-menu {
  min-width: 280px !important;
  width: auto !important;
  white-space: nowrap !important;
  max-width: 400px;
}
.main-menu ul.sub-menu li a {
  white-space: normal !important;
  display: block;
  line-height: 1.4;
  padding-right: 20px;
}
.main-menu ul.sub-menu {
  min-width: 340px !important;
  padding: 15px 20px !important;
  margin-top: 0 !important;
  top: 100%;
}
.main-menu ul.sub-menu li a {
  white-space: normal !important;
  line-height: 1.4;
  padding: 8px 10px !important;
  font-size: 15px;
}
.main-menu ul li:hover > ul.sub-menu {
  margin-top: 0 !important;
  top: 80%;
}
.vs-mobile-menu ul li a {
  white-space: normal !important;
  display: block !important;
  width: 100% !important;
  padding-right: 40px !important;
}
.vs-mean-expand {
  float: right;
  margin-top: -35px;
  position: relative;
  z-index: 20;
}
.main-menu ul.sub-menu {
  min-width: 260px !important;
  width: max-content !important;
  max-width: 320px !important;
  padding: 15px !important;
}
.main-menu ul.sub-menu li a {
  font-size: 16px !important;
  line-height: 1.5;
  white-space: normal !important;
}
.main-menu ul.sub-menu {
  min-width: 220px !important;
  width: auto !important;
  max-width: 280px !important;
}
.main-menu ul.sub-menu {
  min-width: auto !important;
  width: max-content !important;
  max-width: none !important;
  white-space: nowrap !important;
  padding: 15px 20px !important;
}
.main-menu ul.sub-menu li a {
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.5;
  display: block;
}
.main-menu ul.sub-menu {
  width: max-content !important;
  min-width: 250px !important;
  max-width: none !important;
  white-space: nowrap !important;
}
.main-menu ul.sub-menu li {
  width: 100% !important;
  white-space: nowrap !important;
}
.main-menu ul.sub-menu li a {
  white-space: nowrap !important;
  display: block !important;
  width: auto !important;
  padding-right: 30px !important;
}
.main-menu ul.sub-menu {
  text-align: left !important;
}
.main-menu ul.sub-menu li {
  text-align: left !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}
.main-menu ul.sub-menu li a {
  text-align: left !important;
  padding-left: 15px !important;
  padding-right: 20px !important;
  display: block !important;
  float: none !important;
}
.main-menu ul.sub-menu li.menu-section-heading {
  pointer-events: none;
  margin-top: 15px !important;
  margin-bottom: 5px !important;
  border-bottom: 1px solid #eee;
  padding-bottom: 8px !important;
}
.main-menu ul.sub-menu li.menu-section-heading a {
  color: var(--theme-color) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding-left: 10px !important;
  cursor: default;
}
.vs-mobile-menu ul li.menu-section-heading {
  margin-top: 20px !important;
  border-bottom: 1px solid #eee;
}
.vs-mobile-menu ul li.menu-section-heading a {
  color: var(--theme-color) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  padding-left: 0 !important;
}
.main-menu ul.sub-menu li.menu-section-heading,
.main-menu ul.sub-menu li.menu-section-heading a {
  list-style: none !important;
}
.main-menu ul.sub-menu li.menu-section-heading:before,
.main-menu ul.sub-menu li.menu-section-heading a:before {
  content: none !important;
  display: none !important;
  width: 0 !important;
}
.main-menu ul.sub-menu li.menu-section-heading a {
  font-size: 16px !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}
.main-menu ul.sub-menu li a,
.main-menu ul.sub-menu li.menu-section-heading a {
  padding-left: 20px !important;
  position: relative;
  z-index: 2;
}
.main-menu ul.sub-menu li.menu-section-heading a {
  margin-left: 0 !important;
  font-weight: 800 !important;
}
.main-menu ul.sub-menu {
  padding-left: 10px !important;
}
.main-menu ul.sub-menu li.menu-section-heading,
.vs-mobile-menu ul li.menu-section-heading {
  margin-top: 5px !important;
  padding-top: 5px !important;
  border-top: 1px solid #eee;
}
.main-menu ul.sub-menu li a,
.main-menu ul.sub-menu li.menu-section-heading a,
.vs-mobile-menu ul li a,
.vs-mobile-menu ul li.menu-section-heading a {
  padding-left: 35px !important;
  position: relative;
  z-index: 5;
}
.main-menu ul.sub-menu li:before,
.vs-mobile-menu ul li:before {
  left: 10px !important;
  z-index: 1;
}
.vs-mobile-menu ul li.menu-section-heading {
  margin-top: 0 !important;
}
.about-section .sec-title.big-title {
  font-size: 46px;
}
@media (max-width: 1199px) {
  .about-section .sec-title.big-title {
    font-size: 40px;
  }
}
@media (max-width: 991px) {
  .about-section .sec-title.big-title {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .about-section .sec-title.big-title {
    font-size: 32px;
  }
}
.header-button .vs-btn {
  background-color: #f5f5a8 !important;
  color: #103741 !important;
  font-weight: 700 !important;
}
.header-button .vs-btn .btn-hover .part {
  background: #f4a821 !important;
  border-color: #f4a821 !important;
}
.header-button .vs-btn:hover {
  background-color: #f4a821 !important;
  color: #fff !important;
}
@media (max-width: 1200px) {
  .header-button .vs-btn {
    padding: 10px 14px !important;
    font-size: 14px !important;
    margin-right: 4px !important;
  }
}
@media (max-width: 991px) {
  .main-menu ul {
    gap: 15px !important;
  }
  .main-menu ul li a {
    font-size: 16px !important;
  }
  .header-button {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }
  .header-button .vs-menu-toggle {
    margin-left: 0 !important;
  }
}
@media (min-width: 992px) {
  .header-menu-area .row > .col-auto:nth-child(2) {
    margin-right: auto !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header-logo {
    padding-right: 20px !important;
  }
  .main-menu ul {
    gap: 4px !important;
  }
  .main-menu ul li a {
    font-size: 16px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .main-menu > ul > li.current-menu-item > a,
  .main-menu > ul > li.current_page_item > a,
  .main-menu > ul > li > a:hover {
    padding-left: 12px !important;
    padding-right: 12px !important;
    color: var(--title-color) !important;
    background-color: var(--theme-color) !important;
  }
  .header-button .vs-btn {
    padding: 12px 20px !important;
    font-size: 16px !important;
    white-space: nowrap !important;
  }
  .header-logo a img {
    max-width: 140px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .main-menu ul {
    gap: 2px !important;
  }
  .main-menu ul li a {
    font-size: 17px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .main-menu > ul > li.current-menu-item > a,
  .main-menu > ul > li.current_page_item > a,
  .main-menu > ul > li > a:hover {
    padding-left: 16px !important;
    padding-right: 16px !important;
    color: var(--title-color) !important;
    background-color: var(--theme-color) !important;
  }
  .header-button .vs-btn {
    padding: 14px 25px !important;
    font-size: 17px !important;
    white-space: nowrap !important;
  }
}
@media (min-width: 1400px) {
  .main-menu ul {
    gap: 5px !important;
  }
  .main-menu ul li a {
    font-size: 18px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .main-menu > ul > li.current-menu-item > a,
  .main-menu > ul > li.current_page_item > a,
  .main-menu > ul > li > a:hover {
    padding-left: 20px !important;
    padding-right: 20px !important;
    color: var(--title-color) !important;
    background-color: var(--theme-color) !important;
  }
  .header-button .vs-btn {
    padding: 16px 30px !important;
    font-size: 18px !important;
  }
}
.main-menu > ul > li.current-menu-item > a,
.main-menu > ul > li.current-menu-ancestor > a,
.main-menu > ul > li.current_page_item > a,
.main-menu > ul > li > a:hover,
.main-menu ul.sub-menu li.current-menu-item > a,
.main-menu ul.sub-menu li.current_page_item > a,
.main-menu ul.sub-menu li a:hover {
  color: var(--title-color) !important;
  background-color: var(--theme-color) !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.main-menu ul.sub-menu li.current-menu-item > a,
.main-menu ul.sub-menu li.current_page_item > a,
.main-menu ul.sub-menu li a:hover {
  border-radius: 5px !important;
  padding: 8px 15px !important;
}
.main-menu > ul > li.current-menu-item > a,
.main-menu > ul > li.current-menu-ancestor > a,
.main-menu > ul > li.current_page_item > a {
  border-radius: 100px !important;
}
.main-menu > ul > li.current-menu-parent > a {
  color: var(--title-color) !important;
  background-color: var(--theme-color) !important;
  border-radius: 100px !important;
}
@media (max-width: 991px) {
  .vs-menu-wrapper .mobile-logo {
    background-color: #f5f5a8 !important;
    background-image:
      radial-gradient(#f7c412 8%, transparent 9%), radial-gradient(#ffffff 8%, transparent 9%) !important;
    background-position:
      0px 0px,
      30px 30px !important;
    background-size:
      60px 60px,
      60px 60px !important;
    background-repeat: repeat, repeat !important;
    border-bottom: 2px solid #f7c412;
  }
  .vs-menu-wrapper .vs-menu-area {
    background-color: #fff !important;
    background-image: none !important;
  }
  .vs-menu-wrapper .vs-menu-area:before {
    display: none !important;
  }
  .vs-mobile-menu .sub-menu {
    width: 100% !important;
    max-width: 100% !important;
    padding: 5px 0 !important;
    background-color: transparent !important;
  }
  .vs-mobile-menu ul li ul li {
    padding-left: 0 !important;
    width: 100% !important;
    border-bottom: 1px solid rgba(244, 168, 33, 0.2) !important;
  }
  .vs-mobile-menu ul li ul li a {
    padding-left: 15px !important;
    padding-right: 15px !important;
    white-space: normal !important;
    word-break: break-word;
    display: block !important;
    width: 100% !important;
    line-height: 1.3 !important;
  }
  .vs-mobile-menu ul li a {
    font-weight: 600 !important;
    color: #103741 !important;
  }
  .vs-mobile-menu ul li.current-menu-item > a,
  .vs-mobile-menu ul li.current-menu-ancestor > a,
  .vs-mobile-menu ul li.current-menu-parent > a,
  .vs-mobile-menu ul li.current_page_item > a {
    background-color: var(--theme-color) !important;
    color: var(--title-color) !important;
    border-radius: 10px !important;
  }
}
.header-menu-area .main-menu ul > li > a:hover {
  color: #fff !important;
  background-color: #f4a821 !important;
  border-radius: 50px;
}
@media (min-width: 992px) {
  .header-menu-area .container {
    max-width: 100% !important;
    width: 98% !important;
    padding-left: 10px;
    padding-right: 10px;
  }
  .header-menu-area .row {
    justify-content: space-between !important;
  }
  .header-logo img {
    max-width: none !important;
    width: auto !important;
    max-height: 220px !important;
    height: auto !important;
  }
  .vs-menu-toggle {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1400px) {
  .header-menu-area .row > .col-auto:nth-child(2) {
    flex-grow: 1 !important;
    width: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .header-menu-area .main-menu {
    width: 100% !important;
    display: block !important;
  }
  .header-menu-area .main-menu ul {
    display: flex !important;
    justify-content: space-between !important;
    width: 100% !important;
    margin: 0 !important;
  }
  .header-menu-area .main-menu ul.sub-menu {
    display: block !important;
    width: 260px !important;
    padding: 10px 0 !important;
    left: 0 !important;
    top: 100% !important;
    background-color: #fff !important;
    position: absolute !important;
  }
  .header-menu-area .main-menu ul.sub-menu > li {
    width: 100% !important;
    display: block !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  }
  .header-menu-area .main-menu ul.sub-menu > li > a {
    padding: 10px 20px !important;
    text-align: left !important;
    font-size: 14px !important;
    justify-content: flex-start !important;
    display: block !important;
    white-space: normal !important;
    line-height: 1.4 !important;
  }
  .header-menu-area .main-menu ul > li > a {
    padding-left: 5px !important;
    padding-right: 5px !important;
    font-size: 13px !important;
  }
  .header-button .vs-btn {
    padding: 15px !important;
    font-size: 13px !important;
  }
  .header-logo img {
    max-width: none !important;
    width: auto !important;
    max-height: 180px !important;
    height: auto !important;
  }
  .container {
    padding-left: 10px;
    padding-right: 10px;
    max-width: 100%;
    width: 100% !important;
  }
  .row.align-items-center.justify-content-between {
    flex-wrap: nowrap;
  }
  .header-menu-area .col-auto {
    padding-left: 2px;
    padding-right: 2px;
  }
  .header-menu-area .main-menu ul > li.current-menu-item > a,
  .header-menu-area .main-menu ul > li.current_page_item > a {
    padding-left: 20px !important;
    padding-right: 20px !important;
    font-weight: 700 !important;
    color: #fff !important;
  }
}
.breadcumb-wrapper.about-header-wrapper.mothers-club-banner {
  aspect-ratio: 1024 / 700 !important;
  background-size: cover !important;
  background-position: center bottom !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.breadcumb-wrapper.about-header-wrapper.mothers-club-banner .breadcumb-content {
  padding-top: 250px !important;
  display: block !important;
  width: 100% !important;
}
@media (max-width: 991px) {
  .breadcumb-wrapper.about-header-wrapper.mothers-club-banner .breadcumb-content {
    padding-top: 0 !important;
  }
}
.wpcf7-form button[type="submit"],
.wpcf7-form input[type="submit"],
#clubForm .submit-btn {
  width: 100% !important;
  display: block !important;
  margin-bottom: 5px;
}
@media (max-width: 991px) {
  .vs-header .row {
    align-items: center !important;
    display: flex !important;
  }
  .vs-header .header-button {
    display: flex !important;
    gap: 8px !important;
    justify-content: flex-end !important;
    align-items: center !important;
    width: 100% !important;
    padding-top: 5px;
  }
  .vs-header .vs-btn.wave-btn {
    padding: 4px 6px !important;
    font-size: 11px !important;
    min-width: 80px !important;
    max-width: 120px !important;
    width: auto !important;
    height: 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 0 !important;
    line-height: 1 !important;
    text-align: center !important;
    border-radius: 9999px !important;
  }
  .vs-header .vs-menu-toggle {
    margin: 0 !important;
    padding: 4px 8px !important;
    font-size: 12px !important;
    background: var(--theme-color, #f4a821);
    color: #fff !important;
    border-radius: 9999px;
    white-space: nowrap !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px;
    height: 30px !important;
  }
  .vs-header .header-logo {
    padding-right: 5px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
  }
  .vs-header .header-logo img {
    max-width: 100% !important;
    width: auto !important;
    max-height: 110px !important;
    height: auto !important;
  }
  .vs-header,
  .header-menu-area,
  .sticky-wrapper,
  .will-sticky {
    overflow: visible !important;
    contain: none !important;
    transform: none !important;
    z-index: 99999 !important;
  }
  .vs-menu-wrapper {
    z-index: 999999 !important;
    position: fixed !important;
    top: 0;
    left: 0;
    height: 100vh !important;
    width: 100% !important;
    visibility: visible;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
}
@media (max-width: 991px) {
  .vs-hero-wrapper,
  .hero-slider1 {
    margin-top: -30px !important;
    transform: translateZ(0);
    will-change: transform;
  }
  .hero-slider1 {
    position: relative !important;
  }
  .hero-slider1 .slick-dots,
  .hero-slider-dots {
    position: absolute !important;
    inset: 310px 0 auto !important;
    margin: 0 !important;
    text-align: center !important;
    width: 100% !important;
    display: block !important;
    z-index: 100 !important;
  }
  .hero-slider1 .slide-content-wrapper {
    margin-top: 0 !important;
  }
}
@media (min-width: 992px) {
  .hero-slider1 .slick-dots,
  .hero-slider-dots {
    margin-top: 60px !important;
    position: relative !important;
    bottom: auto !important;
    text-align: center !important;
    width: 100% !important;
    z-index: 10 !important;
    display: block !important;
  }
}
.preloader {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 9999999 !important;
  background-color: #fff9e6;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  visibility: visible !important;
  opacity: 1 !important;
}
@media (max-width: 991px) {
  .preloader:before,
  .preloader:after {
    display: none !important;
  }
  .preloader-logo {
    animation: none !important;
  }
}
.preloader-inner {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.preloader-logo {
  max-height: 220px !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  margin-bottom: 30px !important;
  animation: childBounce 2s ease-in-out infinite;
  filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.1));
}
@keyframes childBounce {
  0%,
  to {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(-20px) rotate(2deg);
  }
}
@keyframes floatingBubbles {
  0%,
  to {
    transform: translate(0);
  }
  50% {
    transform: translate(50px, 50px);
  }
}
.loader-wrap .loader {
  width: 48px;
  height: 48px;
  border: 5px solid #f4a821;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
@keyframes rotation {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.about-header-wrapper[data-overlay]:before {
  height: 100% !important;
}
@media (max-width: 767px) {
  .breadcumb-wrapper {
    aspect-ratio: 4 / 3 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .breadcumb-content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: auto !important;
    width: 100% !important;
  }
  .breadcumb-title {
    font-size: 36px !important;
    word-break: break-word;
    overflow-wrap: break-word;
  }
  .breadcumb-menu li,
  .breadcumb-menu a,
  .breadcumb-menu span {
    font-size: 14px !important;
  }
}
@media (max-width: 480px) {
  .breadcumb-wrapper {
    aspect-ratio: 1 / 1 !important;
  }
  .breadcumb-title {
    font-size: 28px !important;
  }
  .breadcumb-content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: auto !important;
  }
}
@keyframes softBounce {
  0%,
  to {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}
@keyframes gentleRotate {
  0%,
  to {
    transform: rotate(-2deg);
  }
  50% {
    transform: rotate(2deg);
  }
}
.class-featured-image img {
  animation: gentleRotate 5s ease-in-out infinite;
  transition: transform 0.3s ease;
}
.class-featured-image:hover img {
  transform: scale(1.02);
}
.class-details-wrapper .breadcumb-title {
  animation: softBounce 4s ease-in-out infinite;
}
.childish-bg-elements {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
  overflow: hidden;
}
.bubble {
  position: absolute;
  background: #f4a8211a;
  border-radius: 50%;
  animation: floatUp 15s linear infinite;
}
@keyframes floatUp {
  0% {
    transform: translateY(110vh) translate(0);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  to {
    transform: translateY(-10vh) translate(50px);
    opacity: 0;
  }
}
.class-highlight-box {
  background: #fffaf0;
  border: 3px dashed #f4a821;
  padding: 30px;
  border-radius: 25px;
  margin: 40px 0;
  position: relative;
  overflow: hidden;
}
.class-highlight-box:before {
  content: "\2728";
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 24px;
}
.class-info-box {
  border: 2px solid #f4a821 !important;
  border-radius: 30px !important;
  overflow: hidden;
}
.class-info-box h3 {
  background: #f4a821;
  color: #fff !important;
  padding: 15px;
  margin: -30px -30px 25px !important;
  text-align: center;
}
.header-top-area {
  background-color: #f4a821 !important;
}
.header-links ul li i,
.header-social ul li a i,
.header-links a,
.header-links ul li {
  color: #000 !important;
}
.header-links ul li:before {
  background-color: #0003 !important;
}
.shape-slider-area {
  overflow: visible !important;
}
.shape-slider-area .arrow-right {
  right: 15px !important;
}
@media (max-width: 1199px) {
  .shape-slider-area .arrow-left {
    left: 0 !important;
  }
  .shape-slider-area .arrow-right {
    right: 0 !important;
  }
}
.vs-header,
.header-menu-area,
.sticky-active .header-menu-area,
.vs-menu-wrapper .vs-menu-area,
.vs-menu-wrapper .mobile-logo {
  background-color: #f5f5a8 !important;
  background-image:
    radial-gradient(rgba(255, 255, 255, 0.6) 8%, transparent 9%),
    radial-gradient(rgba(255, 255, 255, 0.6) 8%, transparent 9%) !important;
  background-size: 100px 100px !important;
  background-position:
    0 0,
    50px 50px !important;
  position: relative;
  border-bottom: 4px solid #f5f5a8 !important;
  background-attachment: scroll !important;
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  opacity: 1 !important;
  transition: none !important;
  -webkit-appearance: none !important;
  -webkit-tap-highlight-color: transparent !important;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  image-rendering: -webkit-optimize-contrast !important;
}
.vs-header:hover .header-menu-area,
.header-menu-area:hover {
  background-position:
    10px 10px,
    60px 60px;
}
.header-logo img {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.05));
  max-width: none !important;
  width: auto !important;
  max-height: 220px !important;
  height: auto !important;
  display: block !important;
}
@media (min-width: 992px) {
  .header-menu-area .col-auto:first-child {
    min-width: 250px !important;
    flex-shrink: 0 !important;
  }
}
@media (min-width: 992px) and (max-width: 1400px) {
  .header-logo img {
    max-height: 180px !important;
  }
  .header-menu-area .col-auto:first-child {
    min-width: 210px !important;
  }
}
.sticky-active .header-menu-area {
  background-color: #f5f5a8 !important;
}
@media (max-width: 991px) {
  .vs-header,
  .header-menu-area,
  .vs-menu-wrapper .mobile-logo {
    background-color: #f5f5a8 !important;
    background-image:
      radial-gradient(rgba(255, 255, 255, 0.6) 8%, transparent 9%),
      radial-gradient(rgba(255, 255, 255, 0.6) 8%, transparent 9%) !important;
    background-size: 60px 60px !important;
    background-position:
      0 0,
      30px 30px !important;
    border-bottom-width: 3px !important;
    transform: none !important;
    overflow: visible !important;
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-appearance: none !important;
  }
  html.vs-body-visible,
  body.vs-body-visible {
    overflow: hidden !important;
    height: 100vh !important;
    width: 100% !important;
    position: fixed !important;
    touch-action: none !important;
    -webkit-overflow-scrolling: none !important;
  }
  .vs-menu-wrapper.vs-body-visible .vs-menu-area {
    touch-action: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .vs-mobile-menu {
    max-height: none !important;
    overflow: visible !important;
    padding-bottom: 40px !important;
  }
  .vs-menu-wrapper .vs-menu-toggle {
    right: 15px !important;
    top: 20px !important;
    background-color: #f4a821 !important;
    color: #fff !important;
    border-radius: 50% !important;
    z-index: 100 !important;
    width: 36px !important;
    height: 36px !important;
    line-height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .vs-menu-wrapper .vs-menu-area {
    background-color: #f5f5a8 !important;
    background-image:
      radial-gradient(rgba(255, 255, 255, 0.6) 8%, transparent 9%),
      radial-gradient(rgba(255, 255, 255, 0.6) 8%, transparent 9%) !important;
    background-size: 60px 60px !important;
    background-position:
      0 0,
      30px 30px !important;
    background-attachment: scroll !important;
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    width: 70% !important;
    max-width: 70% !important;
    min-width: 260px !important;
    height: auto !important;
    min-height: 100% !important;
    display: block !important;
    overflow: visible !important;
    padding-bottom: 80px !important;
  }
}
.header-menu-area .main-menu > ul > li > a {
  font-weight: 700 !important;
  color: #000 !important;
}
.header-button .vs-btn.wave-btn {
  box-shadow: 0 4px 15px #0003 !important;
  transition: all 0.3s ease !important;
}
.header-button .vs-btn.wave-btn:hover {
  box-shadow: 0 6px 20px #0000004d !important;
  transform: translateY(-2px);
}
body .header-menu-area .main-menu li.current-menu-item > a,
body .header-menu-area .main-menu li.current_page_item > a,
body .header-menu-area .main-menu li.current-menu-parent > a,
body .header-menu-area .main-menu li.current-menu-ancestor > a,
body .header-menu-area .main-menu li > a.active-parent-highlight,
body .vs-mobile-menu ul li.current-menu-item > a,
body .vs-mobile-menu ul li.current_page_item > a,
body .vs-mobile-menu ul li.current-menu-parent > a,
body .vs-mobile-menu ul li.current-menu-ancestor > a,
body .vs-mobile-menu ul li a.active-parent-highlight,
body .vs-mobile-menu ul li a.active-item-highlight,
body a.active-parent-highlight {
  color: #fff !important;
  background-color: #f4a821 !important;
  border-radius: 50px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  font-weight: 700 !important;
}
.sub-menu li.current-menu-item > a,
.sub-menu li.current_page_item > a,
.sub-menu li a.active-item-highlight,
a.active-item-highlight {
  color: #fff !important;
  background-color: #f4a821 !important;
  border-radius: 5px !important;
  position: relative !important;
  padding-left: 30px !important;
}
.sub-menu li.current-menu-item > a:before,
.sub-menu li a.active-item-highlight:before,
a.active-item-highlight:before {
  content: "" !important;
  position: absolute !important;
  left: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 6px !important;
  height: 6px !important;
  background-color: #fff !important;
  border-radius: 50% !important;
  display: block !important;
}
@media (min-width: 1401px) {
  .header-menu-area .main-menu ul.sub-menu {
    min-width: 260px !important;
  }
  .header-menu-area .main-menu ul.sub-menu > li > a {
    white-space: normal !important;
    line-height: 1.4 !important;
    display: block !important;
  }
}
@media (min-width: 992px) {
  .vs-header,
  .header-menu-area {
    position: relative !important;
    z-index: 99999 !important;
  }
  .header-menu-area .main-menu ul.sub-menu {
    z-index: 999999 !important;
  }
}
.page-template-page-schedule-visit-apply-now #breadcumbwrap {
  background-position: center 2% !important;
}
.page-template-page-schedule-visit-apply-now #breadcumbwrap:before {
  background-color: #f4a821 !important;
  opacity: 0.4 !important;
}
.page-template-page-why-the-first-six-years-matter-most-php #breadcumbwrap {
  background-position: center 30% !important;
}
.page-template-page-why-the-first-six-years-matter-most-php #breadcumbwrap:before {
  background-color: #f4a821 !important;
  opacity: 0.4 !important;
}
.page-template-page-our-vision-and-mission-php #breadcumbwrap {
  background-position: center 40% !important;
}
.page-template-page-our-vision-and-mission-php #breadcumbwrap:before {
  background-color: #f4a821 !important;
  opacity: 0.4 !important;
}
.page-template-page-who-we-are-introduction-php #breadcumbwrap {
  background-position: center 30% !important;
}
.page-template-page-who-we-are-introduction-php #breadcumbwrap:before {
  background-color: #f4a821 !important;
  opacity: 0.4 !important;
}
.page-template-page-the-science-behind-brain-lab-school-php #breadcumbwrap {
  background-position: center 2% !important;
}
.page-template-page-the-science-behind-brain-lab-school-php #breadcumbwrap:before {
  background-color: #f4a821 !important;
  opacity: 0.4 !important;
}
.page-template-page-how-brain-lab-school-aligns-with-brain-science-php #breadcumbwrap {
  background-position: center 2% !important;
}
.page-template-page-how-brain-lab-school-aligns-with-brain-science-php #breadcumbwrap:before {
  background-color: #f4a821 !important;
  opacity: 0.4 !important;
}
:root {
  --title-font: "Poppins", sans-serif !important;
  --para-font: "Poppins", sans-serif !important;
  --body-font: "Poppins", sans-serif !important;
}
body,
p,
a,
span,
li,
input,
textarea,
select {
  font-family: var(--body-font) !important;
}
.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5 {
  font-family: var(--title-font) !important;
}
.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5 {
  font-weight: 700 !important;
}
.appointment-section .sec-title.big-title {
  font-weight: 600 !important;
  font-size: 42px !important;
}
p,
body {
  font-weight: 400 !important;
}
b,
strong {
  font-weight: 700 !important;
}
.pg-page,
.cdb-page,
.mmh-page,
.cs-page,
[class*="-section-title"],
[class*="-card"] h3,
[class*="-img-overlay"] h4,
[class*="-hero"] h1,
.btn-bounce {
  font-family: var(--title-font) !important;
}
[class*="-page"] p,
[class*="-page"] li,
[class*="-page"] a,
[class*="-page"] span {
  font-family: var(--body-font) !important;
}
:root {
  --font-heading: "Poppins", sans-serif !important;
  --font-body: "Poppins", sans-serif !important;
}
.pi-hero h1,
.pi-hero p.lead-text {
  display: none !important;
}
.hero-img-wrap {
  margin-bottom: 0 !important;
}
.pi-hero {
  padding-bottom: 40px !important;
  padding-top: 40px !important;
}
.pg-sessions,
[class*="-sessions"] {
  padding-top: 40px !important;
}
@media (max-width: 767px) {
  .pg-sessions,
  [class*="-sessions"] {
    padding-top: 40px !important;
  }
}
.about-section p {
  color: #000 !important;
}
.footer-info a[href^="mailto:"] {
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  display: inline !important;
}
@media (min-width: 1200px) {
  .footer-wrapper.four .widget-area .row .col-xl-auto:last-child {
    margin-left: -50px !important;
    min-width: 320px !important;
  }
}
.careers-section {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #fff;
  width: 100%;
}
.careers-hero {
  text-align: center;
  margin-bottom: 50px;
}
.careers-tag {
  display: inline-block;
  background-color: #f29a00;
  color: #fff;
  padding: 12px 30px;
  border-radius: 50px;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-bottom: 25px;
  font-family: Poppins, sans-serif;
  box-shadow: 0 4px 15px #f29a004d;
  transition: all 0.3s ease;
  cursor: default;
}
.careers-tag:hover {
  transform: scale(1.1) translateY(-2px);
  box-shadow: 0 8px 25px #f29a0073;
  background-color: #fa0;
}
.careers-hero h2 {
  font-size: 52px;
  font-weight: 800;
  color: #1a1000;
  margin-bottom: 20px;
  line-height: 1.2;
}
.careers-hero p {
  font-size: 20px;
  color: #333;
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.6;
}
.careers-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  align-items: start;
}
.section-header {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 30px;
}
.section-icon {
  width: 50px;
  height: 50px;
  background-color: #f4a821;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #fff;
}
.section-icon svg {
  width: 28px;
  height: 28px;
}
.section-title {
  font-size: 32px;
  font-weight: 700;
  color: #2c2c2c;
  margin: 0;
}
.welcome-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}
.welcome-card {
  background-color: #fff;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 4px 15px #0000001a;
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid rgba(244, 168, 33, 0.1);
  transition: transform 0.3s ease;
}
.welcome-card:hover {
  transform: translateY(-3px);
  border-color: #f4a821;
}
.welcome-bullet {
  width: 8px;
  height: 8px;
  background-color: #f4a821;
  border-radius: 50%;
  flex-shrink: 0;
}
.offer-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 25px 20px;
}
.offer-item {
  display: flex;
  gap: 20px;
}
.offer-icon {
  width: 50px;
  height: 50px;
  background-color: #fff;
  border: 2px solid #f4a821;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #f4a821;
}
.offer-title {
  font-size: 20px;
  font-weight: 700;
  color: #f4a821;
  margin-bottom: 8px;
}
.careers-cta-banner {
  padding: 100px 20px;
  background-color: #f4a821;
  text-align: center;
  border-radius: 60px 60px 0 0;
  margin-top: 60px;
  position: relative;
  overflow: hidden;
}
.careers-cta-banner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.1) 1px, transparent 1px);
  background-size: 30px 30px;
  pointer-events: none;
}
.cta-banner-headline {
  font-size: 48px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 15px;
}
.cta-banner-text {
  font-size: 20px;
  color: #ffffffe6;
  margin-bottom: 50px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.careers-form-container {
  max-width: 900px;
  margin: 0 auto;
  background: #fff;
  padding: 50px;
  border-radius: 30px;
  box-shadow: 0 20px 40px #00000026;
}
.careers-form .form-group {
  margin-bottom: 25px;
}
.careers-form .form-control {
  background-color: #f8f9fa;
  border: 2px solid #eee;
  border-radius: 12px;
  padding: 15px 20px;
  height: auto;
  transition: all 0.3s ease;
  font-size: 16px;
}
.careers-form .form-control:focus {
  border-color: #f4a821;
  background-color: #fff;
  box-shadow: 0 5px 15px #f4a8211a;
}
.careers-form select.form-control {
  appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23F4A821' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 16px;
  cursor: pointer;
}
.careers-form .vs-btn {
  padding: 18px 45px;
  font-size: 18px;
  font-weight: 700;
  border-radius: 12px;
  margin-top: 10px;
  width: auto !important;
  min-width: 250px;
}
@media (max-width: 991px) {
  .careers-row {
    grid-template-columns: 1fr;
  }
  .careers-form-container {
    padding: 30px 20px;
  }
  .cta-banner-headline {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .careers-hero h2 {
    font-size: 36px;
  }
  .welcome-grid,
  .offer-grid {
    grid-template-columns: 1fr;
  }
}
.hero-cta-btn {
  background: #f29a00;
  color: #fff !important;
  padding: 18px 45px;
  font-size: 22px;
  border-radius: 100px;
  box-shadow: 0 10px 20px #f29a004d;
  display: inline-block;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.3s ease;
}
.hero-cta-btn:hover {
  background: #e69600;
  transform: translateY(-3px);
  box-shadow: 0 15px 25px #f29a0066;
}
@media (max-width: 991px) {
  .hero-cta-btn {
    padding: 15px 35px;
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .hero-cta-btn {
    padding: 12px 25px;
    font-size: 16px;
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
  }
  .hero-btns {
    text-align: center;
    width: 100%;
    padding: 0 15px;
  }
}
@media (min-width: 992px) {
  .page-template-page-schedule-visit-apply-now-php .breadcumb-wrapper {
    background-size: 100% 100% !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    min-height: 90vh;
  }
}
.page-id-4703 .price-tag {
  display: none !important;
}
@media (min-width: 992px) {
  .page-id-4455 #breadcumbwrap {
    background-position: center 50% !important;
  }
}
@media (max-width: 767px) {
  .about-section .img-box-2 {
    height: auto !important;
    width: 100% !important;
    margin-bottom: 30px !important;
    border: none !important;
  }
  .about-section .img-box-2 img {
    border-radius: 50% !important;
    width: 100% !important;
    height: auto !important;
    border: none !important;
    object-fit: contain !important;
  }
  .about-section .sec-title.big-title {
    font-size: 26px !important;
    line-height: 1.2 !important;
    text-align: center !important;
    margin-bottom: 15px !important;
  }
  .about-section .sub-title {
    font-size: 18px !important;
    text-align: center !important;
    display: block !important;
    margin-bottom: 10px !important;
    margin-top: 20px !important;
  }
  .about-section .text-center,
  .about-section .text-lg-start {
    text-align: center !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .about-section .sec-desc,
  .about-section p {
    text-align: left !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin-bottom: 20px !important;
  }
  .about-section .vs-btn {
    display: inline-block !important;
    width: 100% !important;
    max-width: 250px !important;
    margin: 0 auto 30px !important;
    padding: 12px 20px !important;
  }
  .about-section .container {
    padding-top: 10px !important;
    padding-bottom: 30px !important;
  }
}
.programs-collage-banner {
  position: relative !important;
  overflow: visible;
  min-height: 400px;
}
.programs-collage-grid .programs-collage-item {
  max-width: none !important;
  max-height: none !important;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
[data-overlay="yellow"]:before {
  background-color: #f4a821 !important;
}
.programs-collage-grid {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  z-index: 0;
}
.programs-collage-item {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  display: block;
  min-height: 0;
}
.programs-collage-banner:before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-color: #f4e600b3 !important;
  z-index: 10 !important;
  pointer-events: none !important;
  display: block !important;
}
.programs-collage-item-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transform: translateY(10px);
  transition: none;
}
.programs-collage-item-wrap:hover {
  transform: translateY(10px);
}
.programs-collage-item-wrap .programs-collage-item {
  height: calc(100% + 10px);
  object-position: center bottom;
}
.programs-collage-banner .container,
.programs-collage-banner #breadcumbwrap > .container {
  position: relative;
  z-index: 2;
}
.programs-collage-banner .breadcumb-title,
.programs-collage-banner .breadcumb-menu li,
.programs-collage-banner .breadcumb-menu li a,
.programs-collage-banner .breadcumb-menu li:before {
  color: #fff !important;
}
@media (max-width: 767px) {
  .programs-collage-grid {
    grid-template-columns: 1fr 1fr;
  }
}
.curriculum-hero-banner {
  background-size: auto 300% !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
:root {
  --wp--preset--aspect-ratio--square: 1;
  --wp--preset--aspect-ratio--4-3: 4/3;
  --wp--preset--aspect-ratio--3-4: 3/4;
  --wp--preset--aspect-ratio--3-2: 3/2;
  --wp--preset--aspect-ratio--2-3: 2/3;
  --wp--preset--aspect-ratio--16-9: 16/9;
  --wp--preset--aspect-ratio--9-16: 9/16;
  --wp--preset--color--black: #000000;
  --wp--preset--color--cyan-bluish-gray: #abb8c3;
  --wp--preset--color--white: #ffffff;
  --wp--preset--color--pale-pink: #f78da7;
  --wp--preset--color--vivid-red: #cf2e2e;
  --wp--preset--color--luminous-vivid-orange: #ff6900;
  --wp--preset--color--luminous-vivid-amber: #fcb900;
  --wp--preset--color--light-green-cyan: #7bdcb5;
  --wp--preset--color--vivid-green-cyan: #00d084;
  --wp--preset--color--pale-cyan-blue: #8ed1fc;
  --wp--preset--color--vivid-cyan-blue: #0693e3;
  --wp--preset--color--vivid-purple: #9b51e0;
  --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(
    135deg,
    rgb(6, 147, 227) 0%,
    rgb(155, 81, 224) 100%
  );
  --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(
    135deg,
    rgb(122, 220, 180) 0%,
    rgb(0, 208, 130) 100%
  );
  --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(
    135deg,
    rgb(252, 185, 0) 0%,
    rgb(255, 105, 0) 100%
  );
  --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(
    135deg,
    rgb(255, 105, 0) 0%,
    rgb(207, 46, 46) 100%
  );
  --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(
    135deg,
    rgb(238, 238, 238) 0%,
    rgb(169, 184, 195) 100%
  );
  --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(
    135deg,
    rgb(74, 234, 220) 0%,
    rgb(151, 120, 209) 20%,
    rgb(207, 42, 186) 40%,
    rgb(238, 44, 130) 60%,
    rgb(251, 105, 98) 80%,
    rgb(254, 248, 76) 100%
  );
  --wp--preset--gradient--blush-light-purple: linear-gradient(
    135deg,
    rgb(255, 206, 236) 0%,
    rgb(152, 150, 240) 100%
  );
  --wp--preset--gradient--blush-bordeaux: linear-gradient(
    135deg,
    rgb(254, 205, 165) 0%,
    rgb(254, 45, 45) 50%,
    rgb(107, 0, 62) 100%
  );
  --wp--preset--gradient--luminous-dusk: linear-gradient(
    135deg,
    rgb(255, 203, 112) 0%,
    rgb(199, 81, 192) 50%,
    rgb(65, 88, 208) 100%
  );
  --wp--preset--gradient--pale-ocean: linear-gradient(
    135deg,
    rgb(255, 245, 203) 0%,
    rgb(182, 227, 212) 50%,
    rgb(51, 167, 181) 100%
  );
  --wp--preset--gradient--electric-grass: linear-gradient(
    135deg,
    rgb(202, 248, 128) 0%,
    rgb(113, 206, 126) 100%
  );
  --wp--preset--gradient--midnight: linear-gradient(
    135deg,
    rgb(2, 3, 129) 0%,
    rgb(40, 116, 252) 100%
  );
  --wp--preset--font-size--small: 13px;
  --wp--preset--font-size--medium: 20px;
  --wp--preset--font-size--large: 36px;
  --wp--preset--font-size--x-large: 42px;
  --wp--preset--font-family--inter: "Inter", sans-serif;
  --wp--preset--font-family--cardo: Cardo;
  --wp--preset--spacing--20: 0.44rem;
  --wp--preset--spacing--30: 0.67rem;
  --wp--preset--spacing--40: 1rem;
  --wp--preset--spacing--50: 1.5rem;
  --wp--preset--spacing--60: 2.25rem;
  --wp--preset--spacing--70: 3.38rem;
  --wp--preset--spacing--80: 5.06rem;
  --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
  --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
  --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
  --wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);
  --wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);
}
:where(body) {
  margin: 0;
}
:where(.is-layout-flex) {
  gap: 0.5em;
}
:where(.is-layout-grid) {
  gap: 0.5em;
}
body .is-layout-flex {
  display: flex;
}
.is-layout-flex {
  flex-wrap: wrap;
  align-items: center;
}
.is-layout-flex > :is(*, div) {
  margin: 0;
}
body .is-layout-grid {
  display: grid;
}
.is-layout-grid > :is(*, div) {
  margin: 0;
}
body {
  padding: 0;
}
@media (max-width: 767px) {
  .vs-hero-bg {
    aspect-ratio: auto !important;
    height: 220px !important;
    max-height: 500px !important;
  }
  .vs-hero-bg-background-image {
    height: 100% !important;
  }
}
.section-before img {
  filter: brightness(0) saturate(100%) invert(94%) sepia(30%) saturate(590%) hue-rotate(12deg)
    brightness(120%) contrast(92%);
}
@media (max-width: 767px) {
  .program-card {
    position: relative;
    top: -50px;
  }
}
.header-top-area {
  color: #f9f9f9;
}
.header-social li a i {
  color: #0a0000;
}
.menu-style1 > ul > li > a {
  color: #0a0a0a;
}
.menu-style1 > ul > li > a:hover {
  color: #fff;
}
.main-menu ul li ul.sub-menu li a:after {
  color: #fff;
}
.footer-layout3 {
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(/assets/img/footer-4.webp);
  background-size: cover;
}
.footer-copyright {
  background-color: #9f974f;
}
@keyframes home-swishDraw {
  0% {
    stroke-dashoffset: 1500;
    opacity: 0;
  }
  10% {
    opacity: 0.8;
  }
  to {
    stroke-dashoffset: 0;
    opacity: 0.8;
  }
}
@keyframes home-stickerFloat {
  0%,
  to {
    transform: rotate(-1.5deg) translateY(0);
  }
  50% {
    transform: rotate(1deg) translateY(-5px);
  }
}
@keyframes home-floatAnim {
  0%,
  to {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(-20px) rotate(10deg);
  }
}
.page-id-68 .hero-slide-custom {
  aspect-ratio: 2.6;
  position: relative;
  overflow: hidden;
}
.page-id-68 .hero-buttons-wrapper {
  justify-content: center;
  align-items: center;
  gap: 12px;
  width: 100%;
  display: flex;
  flex-wrap: nowrap !important;
}
.page-id-68 .slide-content-wrapper {
  z-index: 5;
  width: auto;
  padding: 0 5%;
  position: absolute;
}
.page-id-68 .hero-buttons-wrapper .vs-btn {
  white-space: nowrap !important;
  flex: 0 auto !important;
  justify-content: center !important;
  align-items: center !important;
  height: auto !important;
  padding: clamp(8px, 1.1vw, 16px) clamp(12px, 2.2vw, 45px) !important;
  font-size: clamp(10px, 1.3vw, 18px) !important;
  line-height: 1.2 !important;
  display: flex !important;
}
@media (min-width: 992px) {
  .page-id-68 .slide-content-wrapper {
    text-align: right !important;
    width: auto !important;
    max-width: 80% !important;
    bottom: 2% !important;
    left: auto !important;
    right: 2% !important;
  }
  .page-id-68 .slide-2-content {
    right: -2% !important;
  }
  .page-id-68 .hero-buttons-wrapper {
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    margin-bottom: 2% !important;
    padding-left: 0 !important;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .page-id-68 .hero-slide-custom {
    aspect-ratio: 2;
  }
  .page-id-68 .slide-content-wrapper {
    text-align: right !important;
    width: auto !important;
    max-width: 90% !important;
    bottom: 5% !important;
    left: auto !important;
    right: 2% !important;
  }
  .page-id-68 .hero-buttons-wrapper {
    justify-content: flex-end !important;
    gap: 8px !important;
    margin-bottom: 2% !important;
    padding-left: 0 !important;
  }
}
@media (max-width: 767px) {
  .page-id-68 .hero-slide-custom {
    aspect-ratio: auto !important;
    flex-direction: column !important;
    height: auto !important;
    display: flex !important;
    overflow: visible !important;
  }
  .page-id-68 .vs-hero-bg {
    transform-origin: center;
    aspect-ratio: 1.2 !important;
    width: 100vw !important;
    height: auto !important;
    margin-left: 0 !important;
    position: relative !important;
    top: 0 !important;
    left: 50% !important;
    transform: translate(-50%) !important;
  }
  .page-id-68 .vs-hero-wrapper {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
  }
  .page-id-68 .hero-slide-custom {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  .page-id-68 .slide-content-wrapper {
    text-align: center !important;
    z-index: 6 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 25px 10px 0 !important;
    position: relative !important;
    inset: auto !important;
    transform: none !important;
  }
  .page-id-68 .hero-buttons-wrapper {
    flex-flow: column wrap !important;
    align-items: stretch !important;
    gap: 12px !important;
    overflow: visible !important;
  }
  .page-id-68 .hero-buttons-wrapper .vs-btn {
    letter-spacing: 0.5px !important;
    white-space: normal !important;
    border-radius: 100px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 15px 20px !important;
    font-size: 16px !important;
  }
}
@media (min-width: 768px) {
  .page-id-68 .hero-buttons-wrapper .vs-btn.wave-btn {
    color: #000 !important;
    background-color: #f5f5a8 !important;
    padding: 12px 25px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    transition: all 0.4s !important;
  }
  .page-id-68 .hero-buttons-wrapper .vs-btn.wave-btn:hover {
    color: #fff !important;
  }
  .page-id-68 .hero-buttons-wrapper .vs-btn.wave-btn .part {
    background: #f4a821 !important;
    border-color: #f4a821 !important;
  }
}
@media (min-width: 1200px) {
  .page-id-68 .hero-buttons-wrapper .vs-btn.wave-btn {
    padding: 15px 35px !important;
    font-size: 18px !important;
  }
}
@media (min-width: 1400px) {
  .page-id-68 .hero-buttons-wrapper .vs-btn.wave-btn {
    padding: 18px 45px !important;
    font-size: 20px !important;
  }
}
@media (max-width: 767px) {
  .page-id-68 .slide-slide-1 .vs-hero-bg {
    background-image: url(/assets/img/mob-banners-m.webp) !important;
  }
  .page-id-68 .slide-slide-2 .vs-hero-bg {
    background-image: url(/assets/img/mb-banner-m.webp) !important;
  }
  .page-id-68 .slide-slide-3 .vs-hero-bg {
    background-image: url(/assets/img/bannermob-m.webp) !important;
  }
}
.page-id-68 .advanced-subheading-wrap {
  z-index: 10;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto 40px;
  padding-bottom: 50px;
  display: block;
  position: relative;
  overflow: visible !important;
}
.page-id-68 .accent-swish {
  fill: none;
  stroke: #f4a821;
  stroke-width: 12px;
  stroke-linecap: round;
  stroke-dasharray: 1500;
  stroke-dashoffset: 0;
  opacity: 0.8;
  pointer-events: none;
  z-index: 1;
  width: 100%;
  height: 60px;
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translate(-50%);
}
.page-id-68 .animated .accent-swish {
  animation: 2.8s cubic-bezier(0.4, 0, 0.2, 1) forwards home-swishDraw !important;
}
.page-id-68 .advanced-subheading-text {
  color: #f29a00 !important;
  z-index: 2 !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  font-family: Fredoka, sans-serif !important;
  font-size: 42px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  display: block !important;
  position: relative !important;
}
@media (max-width: 768px) {
  .page-id-68 .advanced-subheading-text {
    font-size: 28px !important;
  }
  .page-id-68 .accent-swish {
    stroke-width: 8px;
    height: 35px;
    bottom: 5px;
  }
  .page-id-68 .advanced-subheading-wrap {
    padding-bottom: 40px;
  }
}
.page-id-68 .sticker-heading {
  background: #fff !important;
  border-style: solid !important;
  border-width: 3px !important;
  border-radius: 12px !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 80px !important;
  margin-bottom: 15px !important;
  padding: 10px 15px !important;
  animation: 4.5s ease-in-out infinite home-stickerFloat !important;
  display: inline-flex !important;
  box-shadow: 4px 4px #0000000d !important;
}
.page-id-68 .sticker-heading h3 {
  margin: 0 !important;
  font-family: Fredoka, sans-serif !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}
.page-id-68 .ribbon-subheading {
  color: #fff !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  border-radius: 4px 20px 20px 4px !important;
  margin-bottom: 12px !important;
  padding: 4px 18px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  display: inline-block !important;
  box-shadow: 2px 2px #0000001a !important;
}
.page-id-68 .skill-pills-container {
  flex-wrap: wrap !important;
  align-content: flex-start !important;
  gap: 8px !important;
  min-height: 80px !important;
  margin-bottom: 12px !important;
  display: flex !important;
}
.page-id-68 .skill-pill {
  border: 1.5px solid #0000 !important;
  border-radius: 50px !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 5px 12px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  display: flex !important;
}
.page-id-68 .theme-pink .sticker-heading {
  border-color: #ff6b8b !important;
}
.page-id-68 .theme-pink .sticker-heading h3 {
  color: #ff6b8b !important;
}
.page-id-68 .theme-pink .ribbon-subheading {
  background: #ff6b8b !important;
}
.page-id-68 .theme-pink .skill-pill {
  color: #d63384 !important;
  background: #fff0f3 !important;
  border-color: #ffb6c1 !important;
}
.page-id-68 .theme-green .sticker-heading {
  border-color: #4caf50 !important;
}
.page-id-68 .theme-green .sticker-heading h3 {
  color: #2e7d32 !important;
}
.page-id-68 .theme-green .ribbon-subheading {
  background: #4caf50 !important;
}
.page-id-68 .theme-green .skill-pill {
  color: #2e7d32 !important;
  background: #f0f9f0 !important;
  border-color: #81c784 !important;
}
.page-id-68 .theme-orange .sticker-heading {
  border-color: #f29a00 !important;
}
.page-id-68 .theme-orange .sticker-heading h3 {
  color: #bf7900 !important;
}
.page-id-68 .theme-orange .ribbon-subheading {
  background: #f29a00 !important;
}
.page-id-68 .theme-orange .skill-pill {
  color: #bf7900 !important;
  background: #fff9f0 !important;
  border-color: #ffb74d !important;
}
.page-id-68 .theme-blue .sticker-heading {
  border-color: #007bff !important;
}
.page-id-68 .theme-blue .sticker-heading h3 {
  color: #0056b3 !important;
}
.page-id-68 .theme-blue .ribbon-subheading {
  background: #007bff !important;
}
.page-id-68 .theme-blue .skill-pill {
  color: #0056b3 !important;
  background: #f0f7ff !important;
  border-color: #87ceeb !important;
}
.page-id-68 .special-program-card {
  flex-direction: column;
  display: flex;
}
.page-id-68 .special-program-card > div:last-child {
  margin-top: auto;
}
@media (max-width: 480px) {
  .page-id-68 .card-skills-grid {
    grid-template-columns: 1fr !important;
  }
}
.page-id-68 .program-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 25px #00000026 !important;
}
.page-id-68 .program-card:hover .program-card-image {
  transform: scale(1.1);
}
.page-id-68 .program-card:hover .learn-more-btn {
  color: #f29900;
  padding-right: 5px;
}
.page-id-68 .separation-img-new {
  object-fit: cover;
  border: 10px solid #fff;
  width: 484px;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  transition: transform 0.3s;
  display: block;
  transform: rotate(2deg);
  box-shadow: 0 15px 35px #f2990026;
  -webkit-mask-image: -webkit-radial-gradient(#fff, #000);
  border-radius: 80px !important;
  overflow: hidden !important;
}
.page-id-68 .separation-card.playful-style:hover {
  transform: translateY(-10px) scale(1.03) !important;
  box-shadow: 0 20px 40px #f2990026 !important;
}
.page-id-68 .separation-card.playful-style:hover .playful-icon-wrap {
  background-color: #f29900 !important;
  transform: scale(1.2) rotate(0) !important;
}
.page-id-68 .separation-card.playful-style:hover .playful-icon-wrap svg {
  stroke: #fff !important;
}
.page-id-68 .playful-cards-row {
  padding-top: 20px;
}
.page-id-68 .holistic-wrapper {
  background-color: #fff;
  padding: 80px 0;
  overflow: hidden;
}
.page-id-68 .explore-btn {
  border-radius: 50px;
  padding: 15px 40px;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
  box-shadow: 0 10px 20px #f4a8214d;
  color: #fff !important;
  background-color: #f4a821 !important;
  border: none !important;
}
.page-id-68 .explore-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 15px 25px #e0981d66;
  color: #fff !important;
  background-color: #e0981d !important;
}
.page-id-68 .explore-btn:after,
.page-id-68 .explore-btn:before {
  display: none !important;
}
.page-id-68 .holistic-wrapper h2.sec-title {
  color: #f4a821;
  text-align: center;
  letter-spacing: 1px;
  margin-bottom: 20px;
  font-family: Fredoka, sans-serif;
  font-size: clamp(28px, 4vw, 42px);
  font-weight: 700;
}
.page-id-68 .holistic-wrapper .lead-text {
  color: #1a1000;
  text-align: center;
  max-width: 850px;
  margin: 0 auto 40px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6;
}
.page-id-68 .formula-box {
  color: #f4a821;
  background: #fff4de;
  border: 2px dashed #f4a821;
  border-radius: 50px;
  margin-bottom: 30px;
  padding: 15px 40px;
  font-family: Fredoka, sans-serif;
  font-size: 26px;
  font-weight: 700;
  display: inline-block;
  box-shadow: 0 10px 20px #f4a82126;
}
.page-id-68 .core-exp-grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 25px;
  margin-top: 40px;
  display: grid;
}
.page-id-68 .core-exp-card {
  text-align: center;
  background: #fff;
  border-top: 5px solid #f4a821;
  border-radius: 20px;
  padding: 30px;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  box-shadow: 0 10px 30px #0000000f;
}
.page-id-68 .core-exp-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 35px #0000001a;
}
.page-id-68 .core-title {
  color: #1a1000;
  margin-bottom: 12px;
  font-family: Fredoka, sans-serif;
  font-size: 20px;
  font-weight: 700;
}
.page-id-68 .core-text {
  color: #666;
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
}
.page-id-68 .split-section {
  background: #f9f9f9;
  border: 1px solid #eee;
  border-radius: 30px;
  margin-bottom: 50px;
  padding: 50px;
}
.page-id-68 .split-section ul {
  padding: 0;
  list-style: none;
}
.page-id-68 .split-section ul li {
  color: #444;
  margin-bottom: 15px;
  padding-left: 30px;
  font-size: 16px;
  font-weight: 500;
  position: relative;
}
.page-id-68 .split-section ul li:before {
  content: "\2713";
  color: #f4a821;
  background: #fff4de;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  position: absolute;
  top: -2px;
  left: 0;
}
.page-id-68 .mother-counselling-section {
  background-color: #fff;
  padding: 80px 0;
}
.page-id-68 .classes-section .class-item:hover .class-img img {
  transform: scale(1.1);
}
.page-id-68 .classes-section .slick-dots {
  margin-top: 30px;
}
.page-id-68 .childish-reviews-section {
  background-color: #fdfdfd;
  padding: 80px 0;
  position: relative;
  overflow: hidden;
}
.page-id-68 .childish-reviews-section .sec-title {
  color: #f29a00;
  text-transform: uppercase;
  margin-bottom: 50px;
  font-family: Fredoka, sans-serif;
  font-size: 42px;
  font-weight: 800;
}
.page-id-68 .reviews-grid {
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 40px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  display: flex;
}
.page-id-68 .review-card {
  box-sizing: border-box;
  background: #fff;
  border: 4px solid #fdf3e1;
  border-radius: 40px 10px;
  flex-direction: column;
  width: 100%;
  max-width: 450px;
  padding: 35px;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  display: flex;
  position: relative;
  box-shadow: 0 15px 35px #f4a8211a;
}
.page-id-68 .review-card:nth-child(2n) {
  border-color: #e8f5ff;
  border-radius: 10px 40px;
}
.page-id-68 .review-card:hover {
  border-color: #f4a821;
  box-shadow: 0 25px 50px #f29a0026;
}
.page-id-68 .review-content {
  color: #444;
  z-index: 2;
  flex-grow: 1;
  margin-bottom: 15px;
  font-family: Fredoka, sans-serif;
  font-size: 17px;
  line-height: 1.6;
  position: relative;
}
.page-id-68 .review-text-clamped {
  -webkit-line-clamp: 7;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  min-height: 191px;
  display: -webkit-box;
  overflow: hidden;
}
.page-id-68 .review-card.expanded .review-text-clamped {
  -webkit-line-clamp: unset;
  display: block;
}
.page-id-68 .show-more-btn {
  color: #f29a00;
  cursor: pointer;
  text-align: left;
  background: none;
  border: none;
  margin-bottom: 25px;
  padding: 0;
  font-family: Fredoka, sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-decoration: underline;
  display: inline-block;
}
.page-id-68 .show-more-btn:hover {
  color: #cc8200;
}
.page-id-68 .reviewer-info {
  align-items: center;
  gap: 15px;
  margin-top: auto;
  display: flex;
}
.page-id-68 .reviewer-img {
  color: #fff;
  background: #f4a821;
  border: 3px solid #fff;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  font-size: 20px;
  font-weight: 700;
  display: flex;
  box-shadow: 0 5px 15px #0000001a;
}
.page-id-68 .reviewer-text {
  text-align: left;
}
.page-id-68 .reviewer-name {
  color: #1a1000;
  font-family: Fredoka, sans-serif;
  font-size: 18px;
  font-weight: 800;
}
.page-id-68 .reviewer-role {
  color: #f29a00;
  font-size: 14px;
  font-weight: 600;
}
.page-id-68 .floating-decor {
  pointer-events: none;
  z-index: 1;
  animation: 4s ease-in-out infinite home-floatAnim;
  position: absolute;
}
.page-id-68 .stars-rating {
  color: gold;
  letter-spacing: 2px;
  margin-bottom: 15px;
  font-size: 20px;
}
.page-id-68 .careers-badge:hover {
  background-color: #fa0;
  transform: scale(1.1) translateY(-2px);
  box-shadow: 0 8px 25px #f29a0073;
}
.page-id-68 .injected-offer-grid {
  grid-template-columns: 1fr 1fr;
  gap: 25px 20px;
  display: grid;
}
.page-id-68 .injected-offer-item {
  gap: 20px;
  display: flex;
}
.page-id-68 .injected-offer-icon {
  color: #000;
  background-color: #fff;
  border: 2px solid #f4a821;
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
}
.page-id-68 .injected-offer-svg {
  width: 28px;
  height: 28px;
}
.page-id-68 .injected-offer-title {
  color: #f4a821;
  margin-bottom: 8px;
  font-family: Fredoka, sans-serif;
  font-size: 20px;
  font-weight: 700;
}
.page-id-68 .injected-offer-desc {
  color: #2c2c2c;
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
}
@media (max-width: 768px) {
  .page-id-68 .injected-offer-grid {
    gap: 15px 10px;
  }
  .page-id-68 .injected-offer-item {
    gap: 8px;
  }
  .page-id-68 .injected-offer-icon {
    border-width: 1.5px;
    width: 38px;
    height: 38px;
  }
  .page-id-68 .injected-offer-svg {
    width: 18px;
    height: 18px;
  }
  .page-id-68 .injected-offer-title {
    word-break: normal;
    margin-bottom: 4px;
    font-size: 13px;
    line-height: 1.3;
  }
  .page-id-68 .injected-offer-desc {
    font-size: 11px;
    line-height: 1.4;
  }
}
.breadcumb-wrapper[style*="--hero-bg"] {
  background-image: var(--hero-bg) !important;
}
@media (max-width: 767px) {
  .breadcumb-wrapper.hero-m {
    background-image: var(--hero-bg-m) !important;
  }
}
@keyframes about-floatAnim {
  0%,
  to {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(-20px) rotate(10deg);
  }
}
.page-id-596 .separation-img-new {
  object-fit: cover;
  border: 10px solid #fff;
  width: 484px;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  transition: transform 0.3s;
  display: block;
  transform: rotate(2deg);
  box-shadow: 0 15px 35px #f2990026;
  -webkit-mask-image: -webkit-radial-gradient(#fff, #000);
  border-radius: 80px !important;
  overflow: hidden !important;
}
.page-id-596 .separation-card.playful-style:hover {
  transform: translateY(-10px) scale(1.03) !important;
  box-shadow: 0 20px 40px #f2990026 !important;
}
.page-id-596 .separation-card.playful-style:hover .playful-icon-wrap {
  background-color: #f29900 !important;
  transform: scale(1.2) rotate(0) !important;
}
.page-id-596 .separation-card.playful-style:hover .playful-icon-wrap svg {
  stroke: #fff !important;
}
.page-id-596 .playful-cards-row {
  padding-top: 20px;
}
@media (max-width: 991px) {
  .page-id-596 .vision-mission-section {
    padding: 60px 0 !important;
  }
  .page-id-596 .vision-mission-section .container-fluid {
    padding: 0 20px !important;
  }
  .page-id-596 .vision-mission-section .col-lg-5,
  .page-id-596 .vision-mission-section .col-lg-7 {
    margin-bottom: 30px;
  }
  .page-id-596 .vision-mission-section .vision-card,
  .page-id-596 .vision-mission-section .mission-card {
    padding: 40px 25px !important;
  }
  .page-id-596 .vision-mission-section .card-header {
    margin: -40px -25px 25px !important;
    padding: 25px !important;
  }
  .page-id-596 .vision-mission-section .card-header h3 {
    font-size: 26px !important;
  }
  .page-id-596 .vision-mission-section .vision-card p {
    font-size: 17px !important;
  }
}
.page-id-596 .childish-reviews-section {
  background-color: #fdfdfd;
  padding: 80px 0;
  position: relative;
  overflow: hidden;
}
.page-id-596 .childish-reviews-section .sec-title {
  color: #f29a00;
  text-transform: uppercase;
  margin-bottom: 50px;
  font-family: Fredoka, sans-serif;
  font-size: 42px;
  font-weight: 800;
}
.page-id-596 .reviews-grid {
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 40px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  display: flex;
}
.page-id-596 .review-card {
  box-sizing: border-box;
  background: #fff;
  border: 4px solid #fdf3e1;
  border-radius: 40px 10px;
  flex-direction: column;
  width: 100%;
  max-width: 450px;
  padding: 35px;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  display: flex;
  position: relative;
  box-shadow: 0 15px 35px #f4a8211a;
}
.page-id-596 .review-card:nth-child(2n) {
  border-color: #e8f5ff;
  border-radius: 10px 40px;
}
.page-id-596 .review-card:hover {
  border-color: #f4a821;
  box-shadow: 0 25px 50px #f29a0026;
}
.page-id-596 .review-content {
  color: #444;
  z-index: 2;
  flex-grow: 1;
  margin-bottom: 15px;
  font-family: Fredoka, sans-serif;
  font-size: 17px;
  line-height: 1.6;
  position: relative;
}
.page-id-596 .review-text-clamped {
  -webkit-line-clamp: 7;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  min-height: 191px;
  display: -webkit-box;
  overflow: hidden;
}
.page-id-596 .review-card.expanded .review-text-clamped {
  -webkit-line-clamp: unset;
  display: block;
}
.page-id-596 .show-more-btn {
  color: #f29a00;
  cursor: pointer;
  text-align: left;
  background: none;
  border: none;
  margin-bottom: 25px;
  padding: 0;
  font-family: Fredoka, sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-decoration: underline;
  display: inline-block;
}
.page-id-596 .show-more-btn:hover {
  color: #cc8200;
}
.page-id-596 .reviewer-info {
  align-items: center;
  gap: 15px;
  margin-top: auto;
  display: flex;
}
.page-id-596 .reviewer-img {
  color: #fff;
  background: #f4a821;
  border: 3px solid #fff;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  font-size: 20px;
  font-weight: 700;
  display: flex;
  box-shadow: 0 5px 15px #0000001a;
}
.page-id-596 .reviewer-text {
  text-align: left;
}
.page-id-596 .reviewer-name {
  color: #1a1000;
  font-family: Fredoka, sans-serif;
  font-size: 18px;
  font-weight: 800;
}
.page-id-596 .reviewer-role {
  color: #f29a00;
  font-size: 14px;
  font-weight: 600;
}
.page-id-596 .floating-decor {
  pointer-events: none;
  z-index: 1;
  animation: 4s ease-in-out infinite about-floatAnim;
  position: absolute;
}
.page-id-596 .stars-rating {
  color: gold;
  letter-spacing: 2px;
  margin-bottom: 15px;
  font-size: 20px;
}
@keyframes admission-process-mmhFloat {
  0%,
  to {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(-30px) rotate(5deg);
  }
}
.page-template-page-admission-process {
  --color-orange: #f4a821;
  --color-orange-deep: #e69600;
  --color-orange-light: #fff8e1;
  --color-green: #80c141;
  --color-green-light: #f0fff0;
  --color-blue: #00bbf2;
  --color-blue-light: #e8f5ff;
  --color-purple: #9c27b0;
  --color-purple-light: #f3e5f5;
  --color-yellow: #ffeb3b;
  --color-text: #2c2c2c;
  --font-heading: "Fredoka", sans-serif;
  --font-body: "Calibri", "Inter", "Segoe UI", sans-serif;
}
.page-template-page-admission-process .ap-page-wrapper {
  font-family: var(--font-body);
  color: var(--color-text);
  background-color: #fff;
  overflow-x: hidden;
}
.page-template-page-admission-process h1,
.page-template-page-admission-process h2,
.page-template-page-admission-process h3,
.page-template-page-admission-process h4,
.page-template-page-admission-process h5 {
  font-family: var(--font-heading);
}
.page-template-page-admission-process .mmh-admission-hero {
  text-align: center;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 100px 0 140px;
  position: relative;
  left: 50%;
  right: 50%;
  background: #fff radial-gradient(#f4a821 0.5px, #0000 0.5px) 0 0 / 20px 20px fixed !important;
}
.page-template-page-admission-process .mmh-badge {
  font-family: var(--font-heading);
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #f4a821;
  background: #fff3e0;
  border-radius: 50px;
  margin-bottom: 25px;
  padding: 8px 20px;
  font-size: 16px;
  font-weight: 800;
  display: inline-block;
  box-shadow: 0 5px 15px #f4a8211a;
}
.page-template-page-admission-process .mmh-admission-hero h1 {
  font-family: var(--font-heading);
  color: #1a1a2e;
  max-width: 100%;
  margin: 0 0 20px;
  font-size: clamp(32px, 5vw, 68px);
  font-weight: 800;
  line-height: 1.1;
}
.page-template-page-admission-process .mmh-admission-hero h1 span {
  color: #f4a821;
}
.page-template-page-admission-process .mmh-lead-text {
  font-family: var(--font-body);
  color: #555;
  max-width: 100%;
  margin: 0 0 40px;
  font-size: clamp(18px, 1.3vw, 22px);
  line-height: 1.6;
}
.page-template-page-admission-process .hero-cluster-wrap {
  perspective: 1000px;
  justify-content: center;
  align-items: center;
  height: 450px;
  display: flex;
  position: relative;
}
.page-template-page-admission-process .main-hero-svg {
  z-index: 2;
  filter: drop-shadow(0 20px 40px #f4a82133);
  width: 280px;
  height: 280px;
  animation: 6s ease-in-out infinite admission-process-mmhFloat;
  position: relative;
}
.page-template-page-admission-process .floating-elements {
  pointer-events: none;
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.page-template-page-admission-process .background-shape {
  filter: blur(80px);
  z-index: -1;
  opacity: 0.4;
  border-radius: 50%;
  position: absolute;
}
.page-template-page-admission-process .shape-1 {
  background: #fff9c4;
  width: 300px;
  height: 300px;
  top: 10%;
  right: 10%;
}
.page-template-page-admission-process .shape-2 {
  background: #e1f5fe;
  width: 250px;
  height: 250px;
  bottom: 20%;
  left: 5%;
}
.page-template-page-admission-process .ap-steps {
  background-color: #f9f9f9;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 100px 0;
  position: relative;
  left: 50%;
  right: 50%;
}
.page-template-page-admission-process .process-card {
  text-align: center;
  background: #fff;
  border: 4px solid #0000;
  border-radius: 40px;
  height: 100%;
  margin-bottom: 30px;
  padding: 40px 30px;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: relative;
  box-shadow: 0 15px 40px #0000000d;
}
.page-template-page-admission-process .card-icon-wrap {
  background: var(--color-orange-light);
  border: 4px solid #f4a821;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin: 0 auto 25px;
  font-size: 40px;
  display: flex;
  box-shadow: 0 10px 20px #f4a8211a;
}
.page-template-page-admission-process .process-card:hover {
  background: #f4a821;
  border-color: #f4a821;
  transform: translateY(-15px);
}
.page-template-page-admission-process .process-card:hover h3 {
  font-size: 1.1em;
  font-weight: 800;
  color: #fff !important;
}
.page-template-page-admission-process .process-card:hover p {
  font-size: 1.05em;
  font-weight: 500;
  color: #fff !important;
}
.page-template-page-admission-process .process-card:hover .card-icon-wrap {
  background: #fff;
  border-color: #fff;
}
.page-template-page-admission-process .step-badge {
  color: #fff;
  font-weight: 700;
  font-family: var(--font-heading);
  background: #f4a821;
  border-radius: 20px;
  padding: 5px 20px;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translate(-50%);
}
.page-template-page-admission-process .form-container {
  background: #fff8e1;
  border: 4px dashed #f4a821;
  border-radius: 60px;
  max-width: 800px;
  margin: 0 auto;
  padding: 60px;
  position: relative;
  box-shadow: 0 20px #f4a8211a;
}
.page-template-page-admission-process .form-container:before {
  content: "";
  font-size: 80px;
  position: absolute;
  top: -40px;
  right: 40px;
  transform: rotate(15deg);
}
.page-template-page-admission-process .form-container h2 {
  text-align: center;
  color: #1a1a2e;
  margin-bottom: 40px;
  font-size: 36px;
}
.page-template-page-admission-process .mmh-input-group {
  margin-bottom: 25px;
}
.page-template-page-admission-process .mmh-input-group label {
  font-family: var(--font-heading);
  color: #555;
  margin-bottom: 10px;
  font-weight: 700;
  display: block;
}
.page-template-page-admission-process .mmh-input-group input,
.page-template-page-admission-process .mmh-input-group select,
.page-template-page-admission-process .mmh-input-group textarea {
  width: 100%;
  font-family: var(--font-body);
  border: 2px solid #ffe0b2;
  border-radius: 20px;
  padding: 15px 25px;
  font-size: 16px;
  transition: all 0.3s;
}
.page-template-page-admission-process .mmh-input-group input:focus {
  border-color: #f4a821;
  outline: none;
  transform: translateY(-2px);
  box-shadow: 0 0 15px #f4a82133;
}
.page-template-page-admission-process .mmh-btn-submit {
  color: #fff;
  font-family: var(--font-heading);
  cursor: pointer;
  background: #f4a821;
  border: none;
  border-radius: 100px;
  padding: 20px 60px;
  font-size: 22px;
  font-weight: 700;
  transition: all 0.3s;
  box-shadow: 0 10px 20px #f4a8214d;
}
.page-template-page-admission-process .mmh-btn-submit:hover {
  background: #1a1a2e;
  transform: translateY(-5px) scale(1.05);
  box-shadow: 0 15px 30px #0003;
}
@media (max-width: 991px) {
  .page-template-page-admission-process
    .breadcumb-wrapper.about-header-wrapper.small-header-wrapper
    .breadcumb-content {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .page-template-page-admission-process
    .breadcumb-wrapper.about-header-wrapper.small-header-wrapper
    .breadcumb-title {
    font-size: 48px !important;
  }
}
@media (max-width: 767px) {
  .page-template-page-admission-process
    .breadcumb-wrapper.about-header-wrapper.small-header-wrapper {
    aspect-ratio: auto !important;
  }
  .page-template-page-admission-process
    .breadcumb-wrapper.about-header-wrapper.small-header-wrapper
    .breadcumb-title {
    font-size: 48px !important;
  }
}
@media (max-width: 575px) {
  .page-template-page-admission-process
    .breadcumb-wrapper.about-header-wrapper.small-header-wrapper
    .breadcumb-content {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .page-template-page-admission-process
    .breadcumb-wrapper.about-header-wrapper.small-header-wrapper
    .breadcumb-title {
    font-size: 36px !important;
  }
}
@keyframes admission-mmhBounce {
  0%,
  to {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(-20px) rotate(5deg);
  }
}
@keyframes admission-float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
  to {
    transform: translateY(0);
  }
}
.page-id-4455 .admission-hero {
  text-align: center;
  background: radial-gradient(circle at 100% 0, #fff8e1, #fff 70%);
  padding: 120px 20px 140px;
  position: relative;
  overflow: hidden;
}
.page-id-4455 .floating-elements {
  pointer-events: none;
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.page-id-4455 .floating-element {
  opacity: 0.7;
  animation: 4s ease-in-out infinite admission-mmhBounce;
  position: absolute;
}
.page-id-4455 .fe-1 {
  font-size: 40px;
  top: 10%;
  left: 5%;
}
.page-id-4455 .fe-2 {
  font-size: 50px;
  animation-delay: 0.5s;
  top: 15%;
  right: 8%;
}
.page-id-4455 .fe-3 {
  font-size: 35px;
  animation-delay: 1s;
  bottom: 20%;
  left: 8%;
}
.page-id-4455 .fe-4 {
  font-size: 45px;
  animation-delay: 1.5s;
  bottom: 15%;
  right: 5%;
}
.page-id-4455 .admission-hero .sub-title {
  color: #f4a821;
  text-transform: uppercase;
  background: #fff3e0;
  border-radius: 50px;
  margin-bottom: 25px;
  padding: 8px 20px;
  font-size: 18px;
  font-weight: 800;
  display: inline-block;
  box-shadow: 0 5px 15px #f4a8211a;
}
.page-id-4455 .admission-hero h1 {
  color: #1a1a2e;
  z-index: 2;
  margin-bottom: 20px;
  font-size: clamp(36px, 6vw, 64px);
  font-weight: 800;
  line-height: 1.1;
  position: relative;
}
.page-id-4455 .admission-hero h1 span {
  color: #f4a821;
}
.page-id-4455 .admission-hero p {
  color: #555;
  z-index: 2;
  max-width: 800px;
  margin: 0 auto;
  font-size: 22px;
  position: relative;
}
.page-id-4455 .admission-process {
  background-color: #fdfdfd;
  padding: 100px 20px;
  position: relative;
  overflow: hidden;
}
.page-id-4455 .admission-process:before {
  content: "";
  opacity: 0.5;
  z-index: 0;
  background-color: #fff4de;
  border-radius: 50%;
  width: 200px;
  height: 200px;
  position: absolute;
  top: 50px;
  left: -50px;
}
.page-id-4455 .admission-process:after {
  content: "";
  opacity: 0.5;
  z-index: 0;
  background-color: #e6f7ff;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  position: absolute;
  bottom: 50px;
  right: -50px;
}
.page-id-4455 .admission-process h2 {
  text-align: center;
  color: #103741;
  z-index: 1;
  margin-bottom: 60px;
  font-family: Fredoka, sans-serif;
  font-size: 42px;
  font-weight: 700;
  position: relative;
}
.page-id-4455 .process-steps {
  z-index: 1;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  max-width: 1200px;
  margin: 0 auto 40px;
  display: grid;
  position: relative;
}
.page-id-4455 .process-step {
  text-align: center;
  cursor: default;
  background: #fff;
  border: 2px solid #f0f0f0;
  border-radius: 30px;
  padding: 40px 25px;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: relative;
  box-shadow: 0 10px #f0f0f0;
}
.page-id-4455 .process-step:hover {
  border-color: #f4a821;
  transform: translateY(-10px);
  box-shadow:
    0 15px 30px #f4a8211a,
    0 10px #f4a821;
}
.page-id-4455 .process-step-number {
  color: #fff;
  text-transform: uppercase;
  background-color: #f4a821;
  border-radius: 50px;
  margin-bottom: 20px;
  padding: 5px 15px;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
}
.page-id-4455 .process-step-title {
  color: #103741;
  margin-top: 15px;
  font-family: Fredoka, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
}
.page-id-4455 .process-step-icon {
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  margin: 0 auto 10px;
  transition: transform 0.4s;
  display: flex;
}
.page-id-4455 .process-step:hover .process-step-icon {
  transform: scale(1.1) rotate(5deg);
}
.page-id-4455 .process-step-icon i {
  font-size: 48px;
}
.page-id-4455 .confirmation-step {
  max-width: 600px;
  margin: 0 auto;
}
.page-id-4455 .confirmation-step .process-step {
  text-align: left;
  flex-direction: row;
  align-items: center;
  padding: 30px 40px;
  display: flex;
}
.page-id-4455 .confirmation-step .process-step-icon {
  flex-shrink: 0;
  margin: 0 30px 0 0;
}
.page-id-4455 .confirmation-step .process-step-content {
  flex-grow: 1;
}
.page-id-4455 .confirmation-step .process-step-number {
  margin-bottom: 5px;
}
.page-id-4455 .confirmation-step .process-step-title {
  margin-top: 0;
}
.page-id-4455 .process-step-icon svg {
  animation: 3s ease-in-out infinite admission-float;
}
.page-id-4455 .icon-step-1 {
  color: #ff6b6b;
}
.page-id-4455 .icon-step-2 {
  color: #4ecdc4;
}
.page-id-4455 .icon-step-3 {
  color: #f4a821;
}
.page-id-4455 .icon-step-4 {
  color: #a594f9;
}
.page-id-4455 .icon-step-5 {
  color: #6fcf97;
}
.page-id-4455 .why-choose-section {
  padding: 0;
}
.page-id-4455 .why-choose-section h2 {
  color: #103741;
  margin-bottom: 40px;
  font-family: Fredoka, sans-serif;
  font-size: 32px;
  font-weight: 700;
}
.page-id-4455 .choose-reasons {
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  display: grid;
}
.page-id-4455 .reason-card {
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 12px;
  align-items: center;
  gap: 15px;
  padding: 24px;
  transition: all 0.3s;
  display: flex;
}
.page-id-4455 .reason-card:hover {
  box-shadow: 0 4px 15px #0000000d;
}
.page-id-4455 .reason-icon {
  color: #f4a821;
  background-color: #fff4de;
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}
.page-id-4455 .reason-text {
  color: #103741;
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
}
.page-id-4455 .trial-class-form-section {
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 20px;
  padding: 45px;
  box-shadow: 0 10px 30px #0000000d;
}
.page-id-4455 .trial-class-form-section h3 {
  color: #103741;
  margin-bottom: 30px;
  font-size: 28px;
  font-weight: 700;
}
.page-id-4455 .form-row {
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  display: grid;
}
.page-id-4455 .form-group {
  margin-bottom: 25px;
}
.page-id-4455 .form-group label {
  color: #103741;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 600;
  display: block;
}
.page-id-4455 .form-group input,
.page-id-4455 .form-group select,
.page-id-4455 .form-group textarea {
  color: #103741;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  width: 100%;
  padding: 14px 18px;
  font-size: 15px;
  transition: all 0.3s;
}
.page-id-4455 .form-group input:focus,
.page-id-4455 .form-group select:focus,
.page-id-4455 .form-group textarea:focus {
  border-color: #f4a821;
  outline: none;
  box-shadow: 0 0 0 4px #f4a8211a;
}
.page-id-4455 .form-group textarea {
  min-height: 120px;
}
.page-id-4455 .submit-btn {
  color: #000;
  text-transform: capitalize;
  text-align: center;
  cursor: pointer;
  z-index: 2;
  background-color: #f5f5a8;
  border: none;
  border-radius: 8px;
  width: 100%;
  min-width: 150px;
  margin-top: 10px;
  padding: 11px 33px;
  font-size: 20px;
  font-weight: 700;
  transition: all 0.21s;
  display: inline-block;
  position: relative;
  overflow: hidden;
}
.page-id-4455 .submit-btn:hover {
  color: #fff;
  background-color: #f4a821;
}
.page-id-4455 .submit-btn.wave-btn .btn-hover .part {
  background: #f4a821 !important;
  border-color: #f4a821 !important;
}
.page-id-4455 .faq-section {
  background-color: #fff;
  padding: 80px 20px;
}
.page-id-4455 .faq-container {
  max-width: 800px;
  margin: 0 auto;
}
.page-id-4455 .faq-item {
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 12px;
  margin-bottom: 15px;
  transition: all 0.3s;
  overflow: hidden;
}
.page-id-4455 .faq-question {
  cursor: pointer;
  color: #fff;
  background: #f4a821;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  font-weight: 700;
  display: flex;
}
.page-id-4455 .faq-question:hover {
  background: #f4a821;
}
.page-id-4455 .faq-toggle {
  color: #fff;
  font-size: 12px;
  transition: transform 0.3s;
}
.page-id-4455 .faq-item.active .faq-toggle {
  transform: rotate(180deg);
}
.page-id-4455 .faq-answer {
  color: #fff;
  background: #ffc257;
  max-height: 0;
  padding: 0 20px;
  font-weight: 700;
  line-height: 1.6;
  transition:
    max-height 0.3s,
    padding 0.3s;
  overflow: hidden;
}
.page-id-4455 .faq-item.active .faq-answer {
  color: #fff;
  background: #ffc257;
  max-height: 500px;
  padding: 20px;
}
@media (max-width: 991px) {
  .page-id-4455 .trial-class-form-section {
    margin-top: 50px;
  }
}
@media (max-width: 768px) {
  .page-id-4455 .form-row,
  .page-id-4455 .process-steps,
  .page-id-4455 .choose-reasons {
    grid-template-columns: 1fr;
  }
  .page-id-4455 .admission-hero h1 {
    font-size: 40px;
  }
  .page-id-4455 .trial-class-form-section {
    padding: 30px 20px;
  }
}
@keyframes book-a-session-bounce {
  0%,
  to {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}
@keyframes book-a-session-floatUp {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.page-template-page-book-a-session .bs-page {
  scroll-behavior: smooth;
  background-color: #fff;
  font-family: Inter, sans-serif;
  position: relative;
  overflow-x: hidden;
}
.page-template-page-book-a-session .breadcumb-wrapper[data-overlay="yellow"] {
  position: relative;
  background-position: 50% 35% !important;
}
.page-template-page-book-a-session .breadcumb-wrapper[data-overlay="yellow"]:before {
  content: "";
  z-index: 1;
  background-color: #ffd54f80;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.page-template-page-book-a-session .breadcumb-wrapper[data-overlay="yellow"] .container {
  z-index: 2;
  position: relative;
}
.page-template-page-book-a-session .breadcumb-wrapper[data-overlay="yellow"] .breadcumb-title {
  text-shadow: 2px 2px 4px #0000001a;
  color: #fff !important;
}
.page-template-page-book-a-session .breadcumb-wrapper[data-overlay="yellow"] .breadcumb-menu li,
.page-template-page-book-a-session .breadcumb-wrapper[data-overlay="yellow"] .breadcumb-menu li a {
  color: #fff !important;
}
.page-template-page-book-a-session {
  --color-orange: #f4a821;
  --color-orange-deep: #e69600;
  --color-blue: #00bbf2;
  --color-green: #80c141;
  --color-purple: #9c27b0;
  --font-heading: "Fredoka", sans-serif;
  --font-body: "Inter", sans-serif;
}
.page-template-page-book-a-session .pi-hero {
  text-align: center;
  z-index: 1;
  background: radial-gradient(#f4a821 0.5px, #0000 0.5px) 0 0 / 20px 20px fixed;
  padding: 100px 0 140px;
  position: relative;
}
.page-template-page-book-a-session .pi-hero h1 {
  font-family: var(--font-heading);
  color: var(--color-orange);
  margin-bottom: 20px;
  font-size: clamp(40px, 5vw, 64px);
  font-weight: 700;
  line-height: 1.1;
  animation: 0.8s ease-out book-a-session-floatUp;
}
.page-template-page-book-a-session .pi-hero p.lead-text {
  font-family: var(--font-body);
  color: #555;
  max-width: 800px;
  margin: 0 auto 50px;
  font-size: clamp(18px, 1.5vw, 22px);
  line-height: 1.6;
  animation: 1s ease-out book-a-session-floatUp;
}
.page-template-page-book-a-session .floating-elements {
  pointer-events: none;
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.page-template-page-book-a-session .floating-element {
  opacity: 0.8;
  filter: drop-shadow(0 10px 10px #0000001a);
  animation: 4s ease-in-out infinite book-a-session-bounce;
  position: absolute;
}
.page-template-page-book-a-session .fe-1 {
  font-size: 50px;
  animation-delay: 0s;
  top: 10%;
  left: 10%;
}
.page-template-page-book-a-session .fe-2 {
  font-size: 60px;
  animation-delay: 0.5s;
  top: 20%;
  right: 15%;
}
.page-template-page-book-a-session .fe-3 {
  font-size: 45px;
  animation-delay: 1s;
  bottom: 25%;
  left: 15%;
}
.page-template-page-book-a-session .fe-4 {
  font-size: 55px;
  animation-delay: 1.5s;
  bottom: 15%;
  right: 10%;
}
.page-template-page-book-a-session .btn-bounce {
  background: linear-gradient(135deg, var(--color-orange), var(--color-orange-deep));
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  font-family: var(--font-heading);
  border: 2px solid #fff;
  border-radius: 100px;
  padding: 20px 50px;
  text-decoration: none;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  animation: 1.2s ease-out book-a-session-floatUp;
  display: inline-block;
  box-shadow: 0 15px 30px #f4a8214d;
}
.page-template-page-book-a-session .btn-bounce:hover {
  color: #fff;
  transform: translateY(-10px) scale(1.05);
  box-shadow: 0 20px 40px #f4a82166;
}
.page-template-page-book-a-session .hero-img-wrap {
  transform-style: preserve-3d;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.page-template-page-book-a-session .hero-img-wrap:hover {
  transform: perspective(1000px) rotateX(2deg) rotateY(-2deg) scale(1.02);
}
.page-template-page-book-a-session .bs-process {
  z-index: 1;
  padding: 80px 0 40px;
  position: relative;
}
.page-template-page-book-a-session .bs-section-title {
  text-align: center;
  font-family: var(--font-heading);
  color: #1a1a2e;
  margin-bottom: 20px;
  font-size: 48px;
  font-weight: 800;
}
.page-template-page-book-a-session .bs-section-subtitle {
  text-align: center;
  color: #666;
  max-width: 600px;
  margin: 0 auto 60px;
  font-size: 18px;
  line-height: 1.6;
}
.page-template-page-book-a-session .process-steps {
  justify-content: space-between;
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  position: relative;
}
.page-template-page-book-a-session .process-steps:before {
  content: "";
  background: repeating-linear-gradient(
    90deg,
    var(--color-orange),
    var(--color-orange) 10px,
    transparent 10px,
    transparent 20px
  );
  z-index: 0;
  height: 4px;
  position: absolute;
  top: 45px;
  left: 15%;
  right: 15%;
}
.page-template-page-book-a-session .process-step {
  text-align: center;
  z-index: 1;
  flex: 1;
  padding: 0 20px;
  position: relative;
}
.page-template-page-book-a-session .process-number {
  width: 90px;
  height: 90px;
  font-family: var(--font-heading);
  color: var(--color-orange);
  background: #fff;
  border: 4px solid #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin: 0 auto 25px;
  font-size: 32px;
  font-weight: 800;
  transition:
    transform 0.4s,
    background 0.4s;
  display: flex;
  box-shadow: 0 15px 30px #f4a82133;
}
.page-template-page-book-a-session .process-step:hover .process-number {
  background: var(--color-orange);
  color: #fff;
  transform: scale(1.15) rotate(5deg);
}
.page-template-page-book-a-session .process-step h4 {
  font-family: var(--font-heading);
  color: #1a1a2e;
  margin-bottom: 15px;
  font-size: 24px;
}
.page-template-page-book-a-session .process-step p {
  color: #666;
  font-size: 16px;
  line-height: 1.6;
}
.page-template-page-book-a-session .bs-sessions {
  z-index: 1;
  padding: 60px 0 100px;
  position: relative;
}
.page-template-page-book-a-session .bs-grid {
  perspective: 1000px;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 40px;
  margin-top: 40px;
  display: grid;
}
.page-template-page-book-a-session .bs-card {
  text-align: center;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  z-index: 1;
  background: #ffffffe6;
  border: 2px solid #0000;
  border-radius: 30px;
  flex-direction: column;
  align-items: center;
  padding: 50px 40px;
  transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 20px 40px #0000000a;
}
.page-template-page-book-a-session .bs-card:before {
  content: "";
  z-index: -1;
  opacity: 0;
  background: linear-gradient(135deg, #f4a8210d, #ff6b6b0d);
  transition: opacity 0.5s;
  position: absolute;
  inset: 0;
}
.page-template-page-book-a-session .bs-card:hover {
  border-color: #f4a8214d;
  transform: translateY(-15px);
  box-shadow: 0 30px 60px #f4a82126;
}
.page-template-page-book-a-session .bs-card:hover:before {
  opacity: 1;
}
.page-template-page-book-a-session .bs-icon-wrap {
  background: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin: 0 auto 30px;
  font-size: 45px;
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  display: flex;
  position: relative;
  box-shadow: 0 15px 30px #00000014;
}
.page-template-page-book-a-session .bs-icon-wrap:after {
  content: "";
  opacity: 0;
  border: 2px dashed;
  border-radius: 50%;
  transition: opacity 0.3s;
  animation: 10s linear infinite rotate-slow;
  position: absolute;
  inset: -6px;
}
.page-template-page-book-a-session .bs-card:hover .bs-icon-wrap {
  transform: translateY(-10px) scale(1.1);
}
.page-template-page-book-a-session .bs-card:hover .bs-icon-wrap:after {
  opacity: 1;
}
.page-template-page-book-a-session .bs-card:first-child .bs-icon-wrap {
  color: var(--color-orange);
}
.page-template-page-book-a-session .bs-card:first-child .bs-icon-wrap:after {
  border-color: var(--color-orange);
}
.page-template-page-book-a-session .bs-card:nth-child(2) .bs-icon-wrap {
  color: var(--color-orange);
}
.page-template-page-book-a-session .bs-card:nth-child(2) .bs-icon-wrap:after {
  border-color: var(--color-orange);
}
.page-template-page-book-a-session .bs-card:nth-child(3) .bs-icon-wrap {
  color: var(--color-orange);
}
.page-template-page-book-a-session .bs-card:nth-child(3) .bs-icon-wrap:after {
  border-color: var(--color-orange);
}
.page-template-page-book-a-session .bs-card h3 {
  font-family: var(--font-heading);
  color: #1a1a2e;
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: 700;
  transition: color 0.3s;
}
.page-template-page-book-a-session .bs-card:hover h3 {
  color: var(--color-orange);
}
.page-template-page-book-a-session .bs-card p {
  color: #666;
  flex-grow: 1;
  margin-bottom: 35px;
  font-size: 16px;
  line-height: 1.7;
}
.page-template-page-book-a-session .bs-btn-book {
  font-family: var(--font-heading);
  z-index: 1;
  border-radius: 50px;
  width: 100%;
  padding: 15px 35px;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.4s;
  display: inline-block;
  position: relative;
  overflow: hidden;
}
.page-template-page-book-a-session .bs-btn-book:before {
  content: "";
  z-index: -1;
  background: linear-gradient(90deg, #0000, #fff6, #0000);
  transition: transform 0.6s;
  position: absolute;
  inset: 0;
  transform: translate(-100%);
}
.page-template-page-book-a-session .bs-btn-book:hover {
  color: #fff;
  transform: translateY(-5px);
}
.page-template-page-book-a-session .bs-btn-book:hover:before {
  transform: translate(100%);
}
.page-template-page-book-a-session .bs-card:first-child .bs-btn-book,
.page-template-page-book-a-session .bs-card:nth-child(2) .bs-btn-book,
.page-template-page-book-a-session .bs-card:nth-child(3) .bs-btn-book {
  background: linear-gradient(135deg, var(--color-orange), var(--color-orange-deep));
  color: #fff;
  box-shadow: 0 10px 20px #f4a8214d;
}
.page-template-page-book-a-session .bs-quote-banner {
  z-index: 1;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 0 120px;
  position: relative;
}
.page-template-page-book-a-session .bs-img-banner {
  border-radius: 40px;
  transition:
    transform 0.5s,
    box-shadow 0.5s;
  position: relative;
  overflow: hidden;
  transform: perspective(1000px) rotateX(0);
  box-shadow: 0 30px 60px #00000026;
}
.page-template-page-book-a-session .bs-img-banner:hover {
  transform: perspective(1000px) rotateX(2deg) scale(1.02);
  box-shadow: 0 40px 70px #00000040;
}
.page-template-page-book-a-session .bs-img-banner img {
  object-fit: cover;
  width: 100%;
  height: 500px;
  transition: transform 10s;
  display: block;
}
.page-template-page-book-a-session .bs-img-banner:hover img {
  transform: scale(1.1);
}
.page-template-page-book-a-session .bs-quote-overlay {
  text-align: center;
  background: linear-gradient(to top, #000000d9, #0003);
  flex-direction: column;
  justify-content: flex-end;
  padding: 60px;
  display: flex;
  position: absolute;
  inset: 0;
}
.page-template-page-book-a-session .bs-quote-overlay h4 {
  color: #fff;
  font-family: var(--font-heading);
  margin: 0 0 20px;
  font-size: 42px;
  font-style: italic;
  font-weight: 700;
  line-height: 1.3;
  transition: transform 0.5s;
  transform: translateY(20px);
}
.page-template-page-book-a-session .bs-img-banner:hover .bs-quote-overlay h4 {
  transform: translateY(0);
}
.page-template-page-book-a-session .bs-quote-author {
  color: var(--color-orange);
  letter-spacing: 1px;
  text-transform: uppercase;
  opacity: 0;
  font-size: 20px;
  font-weight: 700;
  transition: all 0.5s 0.1s;
  display: block;
  transform: translateY(20px);
}
.page-template-page-book-a-session .bs-img-banner:hover .bs-quote-author {
  opacity: 1;
  transform: translateY(0);
}
@media (max-width: 991px) {
  .page-template-page-book-a-session .pi-hero {
    padding: 80px 15px 100px;
  }
  .page-template-page-book-a-session .process-steps {
    flex-direction: column;
    align-items: center;
  }
  .page-template-page-book-a-session .process-steps:before {
    display: none;
  }
  .page-template-page-book-a-session .process-step {
    margin-bottom: 50px;
  }
  .page-template-page-book-a-session .bs-quote-overlay h4 {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .page-template-page-book-a-session .pi-hero > div:last-child,
  .page-template-page-book-a-session .pi-hero h1,
  .page-template-page-book-a-session .pi-hero p.lead-text {
    display: none !important;
  }
  .page-template-page-book-a-session .hero-img-wrap {
    margin-bottom: 15px !important;
  }
  .page-template-page-book-a-session .bs-process {
    padding: 40px 0 20px;
  }
  .page-template-page-book-a-session .bs-sessions {
    padding: 40px 0 60px;
  }
  .page-template-page-book-a-session .bs-quote-banner {
    padding: 0 0 60px;
  }
}
@media (max-width: 576px) {
  .page-template-page-book-a-session .floating-element {
    display: none;
  }
  .page-template-page-book-a-session .bs-quote-overlay {
    padding: 40px 20px;
  }
  .page-template-page-book-a-session .bs-quote-overlay h4 {
    font-size: 28px;
  }
  .page-template-page-book-a-session .hero-img-wrap {
    border: 6px solid #fff !important;
  }
}
.page-id-4703 .hp-page-wrapper {
  color: #333;
  background: #fff;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  font-family: Inter, sans-serif;
  position: relative;
  overflow-x: hidden;
}
.page-id-4703 .space-page {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.page-id-4703 .hp-page-wrapper .product-card {
  text-align: center;
  background: #fff;
  border: 2px solid #fff8e1;
  border-radius: 25px;
  height: 100%;
  padding: 20px;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: relative;
  box-shadow: 0 10px 20px #0000000d;
}
.page-id-4703 .hp-page-wrapper .product-card:hover {
  border-color: #f4a821;
  transform: translateY(-15px) rotate(1deg);
  box-shadow: 0 20px 40px #f4a82133;
}
.page-id-4703 .hp-page-wrapper .product-img-wrapper {
  border-radius: 20px;
  height: 220px;
  margin-bottom: 20px;
  overflow: hidden;
}
.page-id-4703 .hp-page-wrapper .product-img-wrapper img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform 0.4s;
  display: block;
}
.page-id-4703 .hp-page-wrapper .product-card:hover .product-img-wrapper img {
  transform: scale(1.08);
}
.page-id-4703 .hp-page-wrapper .price-tag {
  color: #fff;
  background: #f4a821;
  border-radius: 99px;
  margin-bottom: 12px;
  padding: 5px 18px;
  font-size: 18px;
  font-weight: 800;
  display: inline-block;
  box-shadow: 0 4px 10px #f4a8214d;
}
.page-id-4703 .hp-orange {
  color: #f4a821;
}
.page-id-4703 .hp-full {
  background: #fff;
  width: 100%;
}
.page-id-4703 .hp-inner-pad {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.page-id-4703 .hp-gallery-grid {
  background: #1a1a2e;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 250px;
  gap: 15px;
  padding: 40px;
  display: grid;
}
.page-id-4703 .hp-gitem {
  border-radius: 15px;
  position: relative;
  overflow: hidden;
}
.page-id-4703 .hp-gitem img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform 0.5s;
}
.page-id-4703 .hp-gitem:hover img {
  transform: scale(1.1);
}
@media (max-width: 991px) {
  .page-id-4703 .hp-gallery-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .page-id-4703 .hp-full {
    margin-bottom: 0;
  }
}
.page-id-4703 .hp-scrolling-container {
  scrollbar-width: none;
  -ms-overflow-style: none;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  gap: 20px;
  padding: 20px 10px;
  display: flex;
  overflow-x: auto;
}
.page-id-4703 .hp-scrolling-container::-webkit-scrollbar {
  display: none;
}
.page-id-4703 .hp-scrolling-item {
  scroll-snap-align: start;
  flex: 0 0 320px;
  transition: transform 0.3s;
}
@media (max-width: 767px) {
  .page-id-4703 .hp-scrolling-item {
    flex: 0 0 280px;
  }
}
.page-id-4807 {
  --bmt-orange: #f4a821;
  --bmt-orange-deep: #e69600;
  --bmt-blue: #00bbf2;
  --bmt-green: #80c141;
  --bmt-purple: #9c27b0;
  --bmt-text: #2d3436;
  --bmt-bg-light: #fffaf0;
}
.page-id-4807 .breadcumb-wrapper,
.page-id-4807 #breadcumbwrap {
  display: none !important;
}
.page-id-4807 .bmt-page {
  color: var(--bmt-text);
  scroll-behavior: smooth;
  background: #fff;
  margin-top: -50px;
  font-family: Poppins, sans-serif;
  overflow-x: hidden;
}
.page-id-4807 .bmt-hero {
  color: #fff;
  text-align: center;
  margin-top: 50px;
  padding: 0;
  line-height: 0;
  display: block;
  position: relative;
}
.page-id-4807 .bmt-hero img.hero-bg {
  width: 100%;
  height: auto;
}
.page-id-4807 .bmt-hero:before {
  z-index: 1;
  position: absolute;
  inset: 0;
  content: "" !important;
  background: #f5f5a84d !important;
}
.page-id-4807 .bmt-hero .container {
  z-index: 2;
  position: relative;
}
.page-id-4807 .bmt-hero h1,
.page-id-4807 .bmt-hero p {
  display: none !important;
}
.page-id-4807 .bmt-section {
  padding: 100px 0;
  position: relative;
}
.page-id-4807 .bmt-title {
  text-align: center;
  color: var(--bmt-text);
  margin-bottom: 60px;
  font-size: clamp(32px, 4vw, 48px);
  font-weight: 800;
}
.page-id-4807 .bmt-title span {
  color: var(--bmt-orange);
}
.page-id-4807 .insight-grid {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 40px;
  display: grid;
}
.page-id-4807 .insight-card {
  text-align: center;
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 30px;
  padding: 50px 40px;
  transition: all 0.4s;
  box-shadow: 0 20px 50px #0000000d;
}
.page-id-4807 .insight-card:hover {
  border-color: var(--bmt-orange);
  transform: translateY(-10px);
  box-shadow: 0 30px 60px #f4a8211a;
}
.page-id-4807 .insight-card i {
  color: var(--bmt-orange);
  margin-bottom: 25px;
  font-size: 50px;
  display: block;
}
.page-id-4807 .insight-card h3 {
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: 700;
}
.page-id-4807 .guidance-row {
  align-items: center;
  gap: 60px;
  margin-bottom: 80px;
  display: flex;
}
.page-id-4807 .guidance-row:nth-child(2n) {
  flex-direction: row-reverse;
}
.page-id-4807 .guidance-img {
  border-radius: 40px;
  flex: 1;
  overflow: hidden;
  box-shadow: 0 25px 60px #00000026;
}
.page-id-4807 .guidance-img img {
  object-fit: cover;
  width: 100%;
  height: 450px;
  transition: transform 0.5s;
}
.page-id-4807 .guidance-row:hover .guidance-img img {
  transform: scale(1.05);
}
.page-id-4807 .guidance-content {
  flex: 1;
}
.page-id-4807 .guidance-content h3 {
  color: var(--bmt-orange);
  margin-bottom: 25px;
  font-size: 32px;
}
.page-id-4807 .guidance-content ul {
  padding: 0;
  list-style: none;
}
.page-id-4807 .guidance-content ul li {
  margin-bottom: 15px;
  padding-left: 35px;
  font-size: 18px;
  line-height: 1.6;
  position: relative;
}
.page-id-4807 .guidance-content ul li:before {
  content: "\f058";
  color: var(--bmt-orange);
  font-family: "Font Awesome 5 Free";
  font-size: 20px;
  font-weight: 900;
  position: absolute;
  left: 0;
}
.page-id-4807 .transformation-section {
  background: linear-gradient(135deg, #fdfbfb, #ebedee);
  overflow: hidden;
}
.page-id-4807 .transformation-card {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #fffc;
  border: 1px solid #fff6;
  border-radius: 40px;
  padding: 80px 60px;
  box-shadow: 0 40px 100px #00000014;
}
.page-id-4807 .transformation-list {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 30px;
  margin-top: 50px;
  display: grid;
}
.page-id-4807 .transformation-item {
  text-align: center;
  background: #fff;
  border-radius: 20px;
  padding: 30px;
  box-shadow: 0 10px 30px #00000008;
}
.page-id-4807 .transformation-item h4 {
  color: var(--bmt-orange);
  margin-top: 15px;
}
.page-id-4807 .benefits-grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 25px;
  display: grid;
}
.page-id-4807 .benefit-tag {
  background: var(--bmt-bg-light);
  border: 2px solid var(--bmt-orange);
  border-radius: 20px;
  align-items: center;
  gap: 15px;
  padding: 25px;
  font-weight: 700;
  transition: all 0.3s;
  display: flex;
}
.page-id-4807 .benefit-tag:hover {
  background: var(--bmt-orange);
  color: #fff;
  transform: scale(1.03);
}
.page-id-4807 .benefit-tag i {
  font-size: 24px;
}
.page-id-4807 .outcome-banner {
  background: var(--bmt-orange);
  color: #fff;
  text-align: center;
  border-radius: 30px;
  margin-top: 40px;
  padding: 60px 40px;
}
.page-id-4807 .outcome-banner h3 {
  color: #fff;
  margin-bottom: 20px;
}
.page-id-4807 .bmt-form-section {
  background: var(--bmt-bg-light);
}
.page-id-4807 .bmt-form-container {
  background: #fff;
  border-radius: 40px;
  max-width: 900px;
  margin: 0 auto;
  padding: 60px;
  box-shadow: 0 30px 80px #0000001a;
}
.page-id-4807 .bmt-form-grid {
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  display: grid;
}
.page-id-4807 .form-group {
  margin-bottom: 25px;
}
.page-id-4807 .form-group label {
  margin-bottom: 8px;
  font-weight: 700;
  display: block;
}
.page-id-4807 .form-control {
  border: 2px solid #f0f0f0;
  border-radius: 15px;
  width: 100%;
  padding: 15px 25px;
  font-size: 16px;
  transition: all 0.3s;
}
.page-id-4807 .form-control:focus {
  border-color: var(--bmt-orange);
  outline: none;
  box-shadow: 0 5px 15px #f4a8211a;
}
.page-id-4807 .bmt-submit-btn {
  background: var(--bmt-orange);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 50px;
  width: 100%;
  padding: 20px;
  font-size: 20px;
  font-weight: 700;
  transition: all 0.3s;
}
.page-id-4807 .bmt-submit-btn:hover {
  background: var(--bmt-orange-deep);
  transform: translateY(-3px);
}
@media (max-width: 991px) {
  .page-id-4807 .guidance-row,
  .page-id-4807 .guidance-row:nth-child(2n) {
    text-align: center;
    flex-direction: column;
  }
  .page-id-4807 .guidance-img img {
    height: 300px;
  }
  .page-id-4807 .bmt-form-grid {
    grid-template-columns: 1fr;
  }
  .page-id-4807 .transformation-card {
    padding: 40px 30px;
  }
}
@media (max-width: 767px) {
  .page-id-4807 .bmt-title {
    margin-bottom: 40px;
  }
  .page-id-4807 .bmt-form-container {
    padding: 30px 20px;
  }
}
.page-id-4807 .bmt-intro-section {
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 50px;
}
.page-id-4807 .bmt-intro-card {
  text-align: center;
  max-width: 1000px;
  margin: 0 auto;
}
.page-id-4807 .bmt-intro-card p {
  color: #444;
  margin-bottom: 25px;
  font-size: 20px;
  line-height: 1.7;
}
@media (max-width: 767px) {
  .page-id-4807 .bmt-intro-card p {
    font-size: 17px;
  }
}
@keyframes child-assessment-wiggle {
  0%,
  to {
    transform: rotate(-3deg);
  }
  50% {
    transform: rotate(3deg);
  }
}
@keyframes child-assessment-pop {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  to {
    transform: scale(1);
  }
}
.page-template-page-child-assessment {
  --color-orange: #f4a821;
  --color-blue: #00bbf2;
  --color-green: #80c141;
  --color-pink: #ff69b4;
  --color-yellow: #ffeb3b;
  --font-heading: "Fredoka", sans-serif;
  --font-body: "Calibri", "Inter", "Segoe UI", sans-serif;
}
.page-template-page-child-assessment .ca-page-wrapper {
  font-family: var(--font-body);
  color: #333;
  background: #fff;
  overflow-x: hidden;
}
.page-template-page-child-assessment .scribble {
  opacity: 0.2;
  pointer-events: none;
  z-index: 0;
  position: absolute;
}
.page-template-page-child-assessment h1,
.page-template-page-child-assessment h2,
.page-template-page-child-assessment h3,
.page-template-page-child-assessment h4,
.page-template-page-child-assessment h5 {
  font-family: var(--font-heading);
}
.page-template-page-child-assessment .ca-hero {
  text-align: center;
  background: #fff radial-gradient(#00bbf2 0.5px, #0000 0.5px) 0 0 / 20px 20px fixed;
  padding: 100px 0 140px;
  position: relative;
}
.page-template-page-child-assessment .ca-hero h1 {
  color: var(--color-blue);
  margin-bottom: 25px;
  font-size: clamp(40px, 6vw, 72px);
}
.page-template-page-child-assessment .ca-hero p {
  color: #555;
  max-width: 800px;
  margin: 0 auto;
  font-size: clamp(18px, 1.5vw, 24px);
}
.page-template-page-child-assessment .svg-decoration {
  z-index: 0;
  pointer-events: none;
  position: absolute;
}
.page-template-page-child-assessment .discovery-blocks {
  padding: 80px 0;
  position: relative;
}
.page-template-page-child-assessment .block-item {
  perspective: 1000px;
  margin-bottom: 40px;
}
.page-template-page-child-assessment .block-inner {
  text-align: center;
  z-index: 1;
  background: #fff;
  border-bottom: 8px solid #0000;
  border-radius: 40px;
  height: 100%;
  padding: 40px 30px;
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: relative;
  box-shadow: 0 20px 50px #0000000d;
}
.page-template-page-child-assessment .block-inner:hover {
  transform: rotateX(5deg) scale(1.05);
  box-shadow: 0 30px 70px #00000014;
}
.page-template-page-child-assessment .block-img-wrap {
  border-radius: 20px;
  width: 100%;
  height: 200px;
  margin-bottom: 25px;
  overflow: hidden;
  box-shadow: 0 10px 20px #0000000d;
}
.page-template-page-child-assessment .block-img-wrap img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.page-template-page-child-assessment .bi-blue {
  border-color: var(--color-blue);
}
.page-template-page-child-assessment .bi-orange {
  border-color: #f4a821;
}
.page-template-page-child-assessment .bi-green {
  border-color: var(--color-green);
}
.page-template-page-child-assessment .block-icon {
  margin-bottom: 10px;
  font-size: 50px;
  animation: 3s ease-in-out infinite child-assessment-wiggle;
  display: block;
}
.page-template-page-child-assessment .block-inner h3 {
  color: #333;
  margin-bottom: 15px;
  font-size: 26px;
}
.page-template-page-child-assessment .block-inner p {
  color: #666;
  font-size: 16px;
  line-height: 1.6;
}
.page-template-page-child-assessment .playground-info {
  text-align: center;
  background: #fdf5e6;
  border-radius: 100px 100px 0 0;
  padding: 100px 0;
  position: relative;
}
.page-template-page-child-assessment .info-bubble {
  z-index: 1;
  background: #fff;
  border-radius: 50px;
  max-width: 700px;
  margin-top: 40px;
  padding: 40px;
  display: inline-block;
  position: relative;
  box-shadow: 0 10px 30px #0000000d;
}
.page-template-page-child-assessment .info-bubble:after {
  content: "";
  border-bottom: 20px solid #fff;
  border-left: 20px solid #0000;
  border-right: 20px solid #0000;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translate(-50%);
}
.page-template-page-child-assessment .ca-cta {
  text-align: center;
  background: #fff;
  padding: 100px 0;
}
.page-template-page-child-assessment .btn-play {
  color: #fff;
  background: #f4a821;
  border-radius: 100px;
  padding: 25px 60px;
  font-size: 28px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.3s;
  animation: 2s infinite child-assessment-pop;
  display: inline-block;
  box-shadow: 0 15px 40px #f4a8214d;
}
.page-template-page-child-assessment .btn-play:hover {
  background: #000;
  transform: scale(1.1);
  box-shadow: 0 20px 50px #0003;
}
.page-template-page-child-assessment .breadcumb-wrapper[data-overlay="yellow"] {
  position: relative;
}
.page-template-page-child-assessment .breadcumb-wrapper[data-overlay="yellow"]:before {
  content: "";
  z-index: 1;
  background-color: #00000073;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.page-template-page-child-assessment .breadcumb-wrapper[data-overlay="yellow"] .container {
  z-index: 2;
  position: relative;
}
.page-template-page-child-assessment .breadcumb-wrapper[data-overlay="yellow"] .breadcumb-title,
.page-template-page-child-assessment .breadcumb-wrapper[data-overlay="yellow"] .breadcumb-menu li,
.page-template-page-child-assessment
  .breadcumb-wrapper[data-overlay="yellow"]
  .breadcumb-menu
  li
  a {
  color: #fff !important;
}
.page-template-page-child-assessment .floating-element {
  opacity: 0.6;
  pointer-events: none;
  z-index: 1;
  animation: 4s ease-in-out infinite child-assessment-wiggle;
  position: absolute;
}
@media (max-width: 576px) {
  .page-template-page-child-assessment .ca-hero {
    padding: 40px 10px 80px;
  }
  .page-template-page-child-assessment .ca-hero h1 {
    margin-bottom: 15px;
    line-height: 1.2;
    font-size: 28px !important;
  }
  .page-template-page-child-assessment .ca-hero p {
    margin-bottom: 25px;
    font-size: 15px;
    line-height: 1.5;
  }
  .page-template-page-child-assessment .block-inner {
    border-radius: 25px;
    padding: 25px 20px;
  }
  .page-template-page-child-assessment .block-img-wrap {
    height: 160px;
    margin-bottom: 15px;
  }
  .page-template-page-child-assessment .block-icon {
    font-size: 36px;
  }
  .page-template-page-child-assessment .block-inner h3 {
    font-size: 22px;
  }
  .page-template-page-child-assessment .block-inner p {
    font-size: 14px;
  }
  .page-template-page-child-assessment .playground-info {
    border-radius: 40px 40px 0 0;
    padding: 60px 0;
  }
  .page-template-page-child-assessment .playground-info h2 {
    font-size: 32px !important;
  }
  .page-template-page-child-assessment .info-bubble {
    border-radius: 30px;
    margin-top: 25px;
    padding: 25px 20px;
  }
  .page-template-page-child-assessment .info-bubble p {
    font-size: 16px !important;
  }
  .page-template-page-child-assessment .ca-cta {
    padding: 60px 0;
  }
  .page-template-page-child-assessment .ca-cta h2 {
    margin-bottom: 25px;
    font-size: 28px !important;
  }
  .page-template-page-child-assessment .btn-play {
    padding: 15px 35px;
    font-size: 18px;
  }
  .page-template-page-child-assessment .floating-element {
    opacity: 0.4;
    display: block;
    transform: scale(0.6);
  }
  .page-template-page-child-assessment .fe-1 {
    color: var(--color-blue);
    top: 5%;
    left: 5%;
  }
  .page-template-page-child-assessment .fe-2 {
    color: var(--color-green);
    top: 15%;
    right: 5%;
  }
  .page-template-page-child-assessment .fe-3 {
    color: var(--color-pink);
    bottom: 25%;
    left: 5%;
  }
  .page-template-page-child-assessment .fe-4 {
    color: #f4a821;
    bottom: 15%;
    right: 5%;
  }
}
@keyframes child-development-behavior-blobBounce {
  0% {
    transform: scale(1) translate(0);
  }
  to {
    transform: scale(1.1) translate(20px, -20px);
  }
}
@keyframes child-development-behavior-bounce {
  0%,
  to {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}
.page-id-4708 .cdb-page {
  background-color: #fff;
  font-family: Inter, sans-serif;
  position: relative;
  overflow-x: hidden;
}
.page-id-4708 .cdb-page .bg-shape {
  z-index: 0;
  opacity: 0.6;
  position: absolute;
}
.page-id-4708 .bg-shape-1 {
  background: #fff4de;
  border-radius: 40% 60% 70% 30%/40% 50% 60%;
  width: 300px;
  height: 300px;
  animation: 10s infinite alternate child-development-behavior-blobBounce;
  top: -5%;
  left: -5%;
}
.page-id-4708 .bg-shape-2 {
  background: #fff3e0;
  border-radius: 60% 40% 30% 70%/60% 30% 70% 40%;
  width: 400px;
  height: 400px;
  animation: 12s infinite alternate-reverse child-development-behavior-blobBounce;
  top: 20%;
  right: -10%;
}
.page-id-4708 .bg-shape-3 {
  background: #ffecb3;
  border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
  width: 250px;
  height: 250px;
  animation: 8s infinite alternate child-development-behavior-blobBounce;
  bottom: 10%;
  left: 5%;
}
.page-id-4708 .cdb-sessions {
  z-index: 1;
  padding: 80px 0 120px;
  position: relative;
}
.page-id-4708 .cdb-section-title {
  text-align: center;
  color: #1a1a2e;
  margin-bottom: 60px;
  font-family: Fredoka, sans-serif;
  font-size: 42px;
  font-weight: 800;
}
.page-id-4708 .cdb-grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
  display: grid;
}
.page-id-4708 .cdb-card {
  text-align: center;
  background: #fff;
  border: 3px solid #0000;
  border-radius: 30px;
  padding: 40px 30px;
  transition: all 0.4s;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 30px #0000000d;
}
.page-id-4708 .cdb-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 40px #0000001a;
}
.page-id-4708 .cdb-card:first-child:hover {
  border-color: #ffecb3;
}
.page-id-4708 .cdb-card:nth-child(2):hover {
  border-color: #ffe082;
}
.page-id-4708 .cdb-card:nth-child(3):hover {
  border-color: #ffd54f;
}
.page-id-4708 .cdb-card:nth-child(4):hover {
  border-color: #ffca28;
}
.page-id-4708 .cdb-icon-box {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  margin: 0 auto 25px;
  font-size: 40px;
  display: flex;
}
.page-id-4708 .cdb-card:first-child .cdb-icon-box {
  color: #fbc02d;
  background: #fff9c4;
}
.page-id-4708 .cdb-card:nth-child(2) .cdb-icon-box {
  color: #ffa000;
  background: #fff8e1;
}
.page-id-4708 .cdb-card:nth-child(3) .cdb-icon-box {
  color: #e65100;
  background: #fff3e0;
}
.page-id-4708 .cdb-card:nth-child(4) .cdb-icon-box {
  color: #fdd835;
  background: #fffde7;
}
.page-id-4708 .cdb-card h3 {
  color: #1a1a2e;
  margin-bottom: 0;
  font-family: Fredoka, sans-serif;
  font-size: 24px;
  font-weight: 700;
}
.page-id-4708 .cdb-gallery {
  z-index: 1;
  max-width: 800px;
  margin: 0 auto;
  padding: 0 0 100px;
  position: relative;
}
.page-id-4708 .cdb-img-banner {
  border-radius: 30px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 15px 40px #0000001a;
}
.page-id-4708 .cdb-img-banner:after {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  border: 3px dashed #fffc;
  margin: 15px;
  position: absolute;
  inset: 0;
}
.page-id-4708 .cdb-img-banner img {
  width: 100%;
  height: auto;
  display: block;
}
.page-id-4708 .cdb-img-overlay {
  text-align: center;
  background: linear-gradient(to top, #000000d9, #0000);
  padding: 60px 40px 40px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.page-id-4708 .cdb-img-overlay h4 {
  color: #fff;
  text-shadow: 2px 2px 4px #00000080;
  margin: 0;
  font-family: Fredoka, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .page-id-4708 .cdb-img-overlay h4 {
    font-size: 24px;
  }
  .page-id-4708 .pi-hero > div:last-child,
  .page-id-4708 .pi-hero h1,
  .page-id-4708 .pi-hero p.lead-text {
    display: none !important;
  }
  .page-id-4708 .hero-img-wrap {
    margin-bottom: 15px !important;
  }
  .page-id-4708 .cdb-sessions {
    padding: 40px 0 60px;
  }
}
.page-id-4708 .breadcumb-wrapper[data-overlay="yellow"] {
  position: relative;
  background-position: 50% 35% !important;
}
.page-id-4708 .breadcumb-wrapper[data-overlay="yellow"]:before {
  content: "";
  z-index: 1;
  background-color: #ffd54f80;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.page-id-4708 .breadcumb-wrapper[data-overlay="yellow"] .container {
  z-index: 2;
  position: relative;
}
.page-id-4708 .breadcumb-wrapper[data-overlay="yellow"] .breadcumb-title,
.page-id-4708 .breadcumb-wrapper[data-overlay="yellow"] .breadcumb-menu li,
.page-id-4708 .breadcumb-wrapper[data-overlay="yellow"] .breadcumb-menu li a {
  color: #fff !important;
}
.page-id-4708 {
  --color-orange: #f4a821;
  --color-orange-deep: #e69600;
  --color-orange-light: #fff8e1;
  --color-green: #80c141;
  --color-green-light: #f0fff0;
  --color-blue: #00bbf2;
  --color-blue-light: #e8f5ff;
  --color-purple: #9c27b0;
  --color-purple-light: #f3e5f5;
  --color-yellow: #ffeb3b;
  --color-text: #2c2c2c;
  --font-heading: "Fredoka", sans-serif;
  --font-body: "Calibri", "Inter", "Segoe UI", sans-serif;
}
.page-id-4708 .scribble {
  opacity: 0.15;
  pointer-events: none;
  z-index: 1;
  width: 150px;
  position: absolute;
}
.page-id-4708 .pi-hero {
  text-align: center;
  background: #fff radial-gradient(#f4a821 0.5px, #0000 0.5px) 0 0 / 20px 20px fixed;
  padding: 100px 0 140px;
  position: relative;
}
.page-id-4708 .pi-hero h1 {
  font-family: var(--font-heading);
  color: #f4a821;
  margin-bottom: 20px;
  font-size: clamp(36px, 5vw, 64px);
  font-weight: 700;
  line-height: 1.1;
}
.page-id-4708 .pi-hero p.lead-text {
  font-family: var(--font-body);
  color: #555;
  max-width: 850px;
  margin: 0 auto 50px;
  font-size: clamp(18px, 1.5vw, 24px);
  line-height: 1.6;
}
.page-id-4708 .floating-elements {
  pointer-events: none;
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.page-id-4708 .floating-element {
  opacity: 0.6;
  animation: 4s ease-in-out infinite child-development-behavior-bounce;
  position: absolute;
}
.page-id-4708 .fe-1 {
  color: var(--color-blue);
  font-size: 40px;
  animation-delay: 0s;
  top: 10%;
  left: 10%;
}
.page-id-4708 .fe-2 {
  color: var(--color-green);
  font-size: 50px;
  animation-delay: 0.5s;
  top: 20%;
  right: 15%;
}
.page-id-4708 .fe-3 {
  color: var(--color-purple);
  font-size: 35px;
  animation-delay: 1s;
  bottom: 15%;
  left: 15%;
}
.page-id-4708 .fe-4 {
  color: var(--color-yellow);
  font-size: 45px;
  animation-delay: 1.5s;
  bottom: 10%;
  right: 10%;
}
.page-id-4708 .btn-bounce {
  color: #f4a821;
  font-size: 24px;
  font-weight: 700;
  font-family: var(--font-heading);
  background: #fff;
  border-radius: 100px;
  padding: 20px 50px;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  display: inline-block;
  box-shadow: 0 10px 20px #0000001a;
}
.page-id-4708 .btn-bounce:hover {
  color: #fff;
  background: #000;
  transform: scale(1.1);
  box-shadow: 0 15px 30px #0003;
}
@media (max-width: 991px) {
  .page-id-4708 .pi-hero {
    padding: 60px 15px 100px;
  }
  .page-id-4708 .pi-hero h1 {
    font-size: 36px;
  }
  .page-id-4708 .pi-hero p.lead-text {
    margin-bottom: 30px;
    padding: 0 10px;
    font-size: 16px;
  }
  .page-id-4708 .hero-img-wrap {
    border-width: 6px !important;
    border-radius: 20px !important;
    max-width: 100% !important;
  }
  .page-id-4708 .btn-bounce {
    padding: 15px 35px;
    font-size: 18px;
  }
}
@media (max-width: 576px) {
  .page-id-4708 .pi-hero {
    padding: 40px 10px 80px;
  }
  .page-id-4708 .pi-hero h1 {
    margin-bottom: 15px;
    font-size: 28px;
    line-height: 1.2;
  }
  .page-id-4708 .pi-hero p.lead-text {
    margin-bottom: 25px;
    font-size: 15px;
    line-height: 1.5;
  }
  .page-id-4708 .hero-img-wrap {
    border-width: 8px !important;
    border-radius: 20px !important;
    margin-bottom: 20px !important;
  }
  .page-id-4708 .btn-bounce {
    padding: 12px 28px;
    font-size: 16px;
    box-shadow: 0 8px 20px #0000001a;
  }
  .page-id-4708 .floating-element {
    opacity: 0.4;
    display: block;
    transform: scale(0.6);
  }
  .page-id-4708 .fe-1 {
    top: 5%;
    left: 5%;
  }
  .page-id-4708 .fe-2 {
    top: 15%;
    right: 5%;
  }
  .page-id-4708 .fe-3 {
    bottom: 25%;
    left: 5%;
  }
  .page-id-4708 .fe-4 {
    bottom: 15%;
    right: 5%;
  }
}
@keyframes classes-zoomIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.single-kundax_classes .rounded-20 {
  border-radius: 30px;
}
.single-kundax_classes .class-main-content {
  z-index: 1;
  background: #fff;
  border-radius: 30px;
  margin-bottom: 30px;
  padding: 50px;
  position: relative;
  box-shadow: 0 10px 40px #0000000d;
}
@media (max-width: 767px) {
  .single-kundax_classes .class-main-content {
    border-radius: 20px;
    padding: 15px;
  }
  .single-kundax_classes .class-featured-image {
    margin-bottom: 15px !important;
  }
}
.single-kundax_classes .class-description p {
  color: #444;
  margin-bottom: 25px;
  font-size: 18px;
  line-height: 1.8;
}
.single-kundax_classes .section-title {
  color: #1a1000;
  margin-bottom: 20px;
  font-family: Fredoka, sans-serif;
  font-size: 24px;
  font-weight: 700;
}
.single-kundax_classes .objective-card {
  background: #f9f9f9;
  border: 1px solid #eee;
  border-radius: 15px;
  align-items: center;
  gap: 15px;
  padding: 20px;
  transition: all 0.3s;
  display: flex;
}
.single-kundax_classes .objective-card:hover {
  border-color: #f4a821;
  transform: translateY(-5px);
}
.single-kundax_classes .objective-card i {
  color: #f4a821;
  font-size: 24px;
}
.single-kundax_classes .objective-card p {
  color: #333;
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
}
.single-kundax_classes .highlight-list {
  padding: 0;
  list-style: none;
}
.single-kundax_classes .highlight-list li {
  margin-bottom: 12px;
  font-size: 17px;
  font-weight: 500;
}
.single-kundax_classes .schedule-table {
  border-radius: 15px;
  width: 100%;
  overflow: hidden;
}
.single-kundax_classes .schedule-table td {
  border-top: 1px solid #f0f0f0;
  padding: 15px;
  font-size: 16px;
}
.single-kundax_classes .schedule-table tr:first-child td {
  border-top: none;
}
.single-kundax_classes .schedule-table td:first-child {
  color: #f4a821;
  width: 140px;
  font-family: Fredoka, sans-serif;
}
.single-kundax_classes .class-info-box {
  background-color: #fff;
  border: 2px solid #f4a821;
  border-radius: 30px;
  padding: 40px 30px;
  position: sticky;
  top: 100px;
  box-shadow: 0 15px 45px #00000014;
}
.single-kundax_classes .class-meta-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.single-kundax_classes .class-meta-item {
  align-items: center;
  gap: 15px;
  margin-bottom: 25px;
  display: flex;
}
.single-kundax_classes .class-meta-icon {
  color: #f4a821;
  background: #fff8e6;
  border-radius: 15px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  font-size: 20px;
  display: flex;
}
.single-kundax_classes .class-meta-label {
  color: #777;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
  font-weight: 600;
  display: block;
}
.single-kundax_classes .class-meta-value {
  color: #1a1000;
  font-family: Fredoka, sans-serif;
  font-size: 18px;
  font-weight: 700;
  display: block;
}
.single-kundax_classes .gallery-item {
  cursor: pointer;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 5px 15px #0000000d;
}
.single-kundax_classes .gallery-item img {
  object-fit: cover;
  border: 2px solid #0000;
  width: 100%;
  height: 180px;
  transition: transform 0.5s;
}
.single-kundax_classes .gallery-item:hover img {
  transform: scale(1.1);
}
.single-kundax_classes .zoom-icon {
  color: #fff;
  opacity: 0;
  background: #f4a821cc;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  font-size: 20px;
  transition: all 0.3s;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
}
.single-kundax_classes .gallery-item:hover .zoom-icon {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.single-kundax_classes .class-image-modal {
  z-index: 9999;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #000000f2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
}
.single-kundax_classes .class-image-modal-content {
  border-radius: 15px;
  width: auto;
  max-width: 90%;
  height: auto;
  max-height: 90%;
  margin: auto;
  animation: 0.3s classes-zoomIn;
  display: block;
  box-shadow: 0 0 50px #00000080;
}
.single-kundax_classes .class-image-modal-close {
  color: #fff;
  cursor: pointer;
  z-index: 10000;
  background: #ffffff1a;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  font-size: 50px;
  font-weight: 300;
  line-height: 1;
  transition: all 0.3s;
  display: flex;
  position: absolute;
  top: 20px;
  right: 35px;
}
.single-kundax_classes .class-image-modal-close:hover {
  color: #f4a821;
  background: #fff3;
  transform: rotate(90deg);
}
.single-kundax_classes .class-actions .vs-btn.wave-btn {
  z-index: 1;
  position: relative;
  overflow: hidden;
  color: #1a1000 !important;
  background-color: #f5f5a8 !important;
  border: none !important;
}
.single-kundax_classes .class-actions .vs-btn.wave-btn:hover {
  color: #fff !important;
}
.single-kundax_classes .class-actions .vs-btn.wave-btn .btn-hover .part {
  opacity: 0.9 !important;
  background-color: #f4a821 !important;
}
.elementor-1735 .elementor-element.elementor-element-c0c0ea3 > .elementor-container {
  max-width: 1220px;
}
.elementor-1735 .elementor-element.elementor-element-c0c0ea3 {
  padding: 120px 0 160px;
}
.elementor-1735 .elementor-element.elementor-element-c9d7be6 > .elementor-element-populated {
  padding: 0 20px 0 0;
}
.elementor-1735 .elementor-element.elementor-element-b00209a .sub-title {
  color: #f4a821 !important;
}
.elementor-1735 .elementor-element.elementor-element-50199d4 > .elementor-element-populated {
  padding: 0 0 0 12px;
}
@media (max-width: 1024px) {
  .elementor-1735 .elementor-element.elementor-element-c0c0ea3 {
    padding: 80px 40px 105px;
  }
  .elementor-1735
    .elementor-element.elementor-element-c9d7be6
    > .elementor-widget-wrap
    > .elementor-widget:not(.elementor-widget__width-auto):not(
      .elementor-widget__width-initial
    ):not(:last-child):not(.elementor-absolute) {
    --kit-widget-spacing: 0px;
  }
  .elementor-1735 .elementor-element.elementor-element-c9d7be6 > .elementor-element-populated {
    padding: 0;
  }
  .elementor-1735
    .elementor-element.elementor-element-50199d4
    > .elementor-widget-wrap
    > .elementor-widget:not(.elementor-widget__width-auto):not(
      .elementor-widget__width-initial
    ):not(:last-child):not(.elementor-absolute) {
    --kit-widget-spacing: 0px;
  }
  .elementor-1735 .elementor-element.elementor-element-50199d4 > .elementor-element-populated {
    padding: 40px 0 0;
  }
}
@media (max-width: 767px) {
  .elementor-1735 .elementor-element.elementor-element-c0c0ea3 {
    padding: 80px 12px 105px;
  }
}
@media (min-width: 768px) {
  .elementor-1735 .elementor-element.elementor-element-c9d7be6 {
    width: 41.666667%;
  }
  .elementor-1735 .elementor-element.elementor-element-50199d4 {
    width: 58.333%;
  }
}
@media (max-width: 1024px) and (min-width: 768px) {
  .elementor-1735 .elementor-element.elementor-element-c9d7be6,
  .elementor-1735 .elementor-element.elementor-element-50199d4 {
    width: 100%;
  }
}
@keyframes counseling-support-programs-blobBounce {
  0% {
    transform: scale(1) translate(0);
  }
  to {
    transform: scale(1.1) translate(20px, -20px);
  }
}
@keyframes counseling-support-programs-bounce {
  0%,
  to {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}
.page-id-4710 .cs-page {
  background-color: #fff;
  font-family: Inter, sans-serif;
  position: relative;
  overflow-x: hidden;
}
.page-id-4710 .cs-page .bg-shape {
  z-index: 0;
  opacity: 0.6;
  position: absolute;
}
.page-id-4710 .bg-shape-1 {
  background: #fff4de;
  border-radius: 40% 60% 70% 30%/40% 50% 60%;
  width: 300px;
  height: 300px;
  animation: 10s infinite alternate counseling-support-programs-blobBounce;
  top: -5%;
  left: -5%;
}
.page-id-4710 .bg-shape-2 {
  background: #f3e5f5;
  border-radius: 60% 40% 30% 70%/60% 30% 70% 40%;
  width: 400px;
  height: 400px;
  animation: 12s infinite alternate-reverse counseling-support-programs-blobBounce;
  top: 20%;
  right: -10%;
}
.page-id-4710 .bg-shape-3 {
  background: #e8f5ff;
  border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
  width: 250px;
  height: 250px;
  animation: 8s infinite alternate counseling-support-programs-blobBounce;
  bottom: 10%;
  left: 5%;
}
.page-id-4710 .cs-sessions {
  z-index: 1;
  padding: 80px 0 120px;
  position: relative;
}
.page-id-4710 .cs-section-title {
  text-align: center;
  color: #1a1a2e;
  margin-bottom: 60px;
  font-family: Fredoka, sans-serif;
  font-size: 42px;
  font-weight: 800;
}
.page-id-4710 .cs-grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
  display: grid;
}
.page-id-4710 .cs-card {
  text-align: center;
  background: #fff;
  border: 3px solid #0000;
  border-radius: 30px;
  padding: 40px 30px;
  transition: all 0.4s;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 30px #0000000d;
}
.page-id-4710 .cs-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 40px #0000001a;
}
.page-id-4710 .cs-card:first-child:hover {
  border-color: #f4a821;
}
.page-id-4710 .cs-card:nth-child(2):hover {
  border-color: #80c141;
}
.page-id-4710 .cs-card:nth-child(3):hover {
  border-color: #4cb8c4;
}
.page-id-4710 .cs-card:nth-child(4):hover {
  border-color: #f06292;
}
.page-id-4710 .cs-icon-box {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  margin: 0 auto 25px;
  font-size: 40px;
  display: flex;
}
.page-id-4710 .cs-card:first-child .cs-icon-box {
  color: #f4a821;
  background: #fff8e1;
}
.page-id-4710 .cs-card:nth-child(2) .cs-icon-box {
  color: #80c141;
  background: #e8f5e9;
}
.page-id-4710 .cs-card:nth-child(3) .cs-icon-box {
  color: #4cb8c4;
  background: #e0f2f1;
}
.page-id-4710 .cs-card:nth-child(4) .cs-icon-box {
  color: #f06292;
  background: #fce4ec;
}
.page-id-4710 .cs-card h3 {
  color: #1a1a2e;
  margin-bottom: 0;
  font-family: Fredoka, sans-serif;
  font-size: 24px;
  font-weight: 700;
}
.page-id-4710 .breadcumb-wrapper[data-overlay="yellow"] {
  position: relative;
  background-position: 50% 35% !important;
}
.page-id-4710 .breadcumb-wrapper[data-overlay="yellow"]:before {
  content: "";
  z-index: 1;
  background-color: #ffd54f80;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.page-id-4710 .breadcumb-wrapper[data-overlay="yellow"] .container {
  z-index: 2;
  position: relative;
}
.page-id-4710 .breadcumb-wrapper[data-overlay="yellow"] .breadcumb-title,
.page-id-4710 .breadcumb-wrapper[data-overlay="yellow"] .breadcumb-menu li,
.page-id-4710 .breadcumb-wrapper[data-overlay="yellow"] .breadcumb-menu li a {
  color: #fff !important;
}
.page-id-4710 {
  --color-orange: #f4a821;
  --color-orange-deep: #e69600;
  --color-orange-light: #fff8e1;
  --color-green: #80c141;
  --color-green-light: #f0fff0;
  --color-blue: #00bbf2;
  --color-blue-light: #e8f5ff;
  --color-purple: #9c27b0;
  --color-purple-light: #f3e5f5;
  --color-yellow: #ffeb3b;
  --color-text: #2c2c2c;
  --font-heading: "Fredoka", sans-serif;
  --font-body: "Calibri", "Inter", "Segoe UI", sans-serif;
}
.page-id-4710 .scribble {
  opacity: 0.15;
  pointer-events: none;
  z-index: 1;
  width: 150px;
  position: absolute;
}
.page-id-4710 .pi-hero {
  text-align: center;
  background: #fff radial-gradient(#f4a821 0.5px, #0000 0.5px) 0 0 / 20px 20px fixed;
  padding: 100px 0 140px;
  position: relative;
}
.page-id-4710 .pi-hero h1 {
  font-family: var(--font-heading);
  color: #f4a821;
  margin-bottom: 20px;
  font-size: clamp(36px, 5vw, 64px);
  font-weight: 700;
  line-height: 1.1;
}
.page-id-4710 .pi-hero p.lead-text {
  font-family: var(--font-body);
  color: #555;
  max-width: 850px;
  margin: 0 auto 50px;
  font-size: clamp(18px, 1.5vw, 24px);
  line-height: 1.6;
}
.page-id-4710 .floating-elements {
  pointer-events: none;
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.page-id-4710 .floating-element {
  opacity: 0.6;
  animation: 4s ease-in-out infinite counseling-support-programs-bounce;
  position: absolute;
}
.page-id-4710 .fe-1 {
  color: var(--color-blue);
  font-size: 40px;
  animation-delay: 0s;
  top: 10%;
  left: 10%;
}
.page-id-4710 .fe-2 {
  color: var(--color-green);
  font-size: 50px;
  animation-delay: 0.5s;
  top: 20%;
  right: 15%;
}
.page-id-4710 .fe-3 {
  color: var(--color-purple);
  font-size: 35px;
  animation-delay: 1s;
  bottom: 15%;
  left: 15%;
}
.page-id-4710 .fe-4 {
  color: var(--color-yellow);
  font-size: 45px;
  animation-delay: 1.5s;
  bottom: 10%;
  right: 10%;
}
.page-id-4710 .btn-bounce {
  color: #f4a821;
  font-size: 24px;
  font-weight: 700;
  font-family: var(--font-heading);
  background: #fff;
  border-radius: 100px;
  padding: 20px 50px;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  display: inline-block;
  box-shadow: 0 10px 20px #0000001a;
}
.page-id-4710 .btn-bounce:hover {
  color: #fff;
  background: #000;
  transform: scale(1.1);
  box-shadow: 0 15px 30px #0003;
}
@media (max-width: 991px) {
  .page-id-4710 .pi-hero {
    padding: 60px 15px 100px;
  }
  .page-id-4710 .pi-hero h1 {
    font-size: 36px;
  }
  .page-id-4710 .pi-hero p.lead-text {
    margin-bottom: 30px;
    padding: 0 10px;
    font-size: 16px;
  }
  .page-id-4710 .hero-img-wrap {
    border-width: 6px !important;
    border-radius: 20px !important;
    max-width: 100% !important;
  }
  .page-id-4710 .btn-bounce {
    padding: 15px 35px;
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .page-id-4710 .pi-hero > div:last-child,
  .page-id-4710 .pi-hero h1,
  .page-id-4710 .pi-hero p.lead-text {
    display: none !important;
  }
  .page-id-4710 .hero-img-wrap {
    margin-bottom: 15px !important;
  }
  .page-id-4710 .cs-sessions {
    padding: 40px 0 60px;
  }
}
@media (max-width: 576px) {
  .page-id-4710 .pi-hero {
    padding: 40px 10px 80px;
  }
  .page-id-4710 .pi-hero h1 {
    margin-bottom: 15px;
    font-size: 28px;
    line-height: 1.2;
  }
  .page-id-4710 .pi-hero p.lead-text {
    margin-bottom: 25px;
    font-size: 15px;
    line-height: 1.5;
  }
  .page-id-4710 .hero-img-wrap {
    border-width: 8px !important;
    border-radius: 20px !important;
    margin-bottom: 20px !important;
  }
  .page-id-4710 .btn-bounce {
    padding: 12px 28px;
    font-size: 16px;
    box-shadow: 0 8px 20px #0000001a;
  }
  .page-id-4710 .floating-element {
    opacity: 0.4;
    display: block;
    transform: scale(0.6);
  }
  .page-id-4710 .fe-1 {
    top: 5%;
    left: 5%;
  }
  .page-id-4710 .fe-2 {
    top: 15%;
    right: 5%;
  }
  .page-id-4710 .fe-3 {
    bottom: 25%;
    left: 5%;
  }
  .page-id-4710 .fe-4 {
    bottom: 15%;
    right: 5%;
  }
}
.page-id-4459 .holistic-wrapper {
  background-color: #fff;
  padding: 80px 0;
  overflow: hidden;
}
.page-id-4459 .explore-btn {
  border-radius: 50px;
  padding: 15px 40px;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
  box-shadow: 0 10px 20px #f4a8214d;
  color: #fff !important;
  background-color: #f4a821 !important;
  border: none !important;
}
.page-id-4459 .explore-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 15px 25px #e0981d66;
  color: #fff !important;
  background-color: #e0981d !important;
}
.page-id-4459 .explore-btn:after,
.page-id-4459 .explore-btn:before {
  display: none !important;
}
.page-id-4459 .holistic-wrapper h2.sec-title {
  color: #f4a821;
  text-align: center;
  letter-spacing: 1px;
  margin-bottom: 20px;
  font-family: Fredoka, sans-serif;
  font-size: clamp(28px, 4vw, 42px);
  font-weight: 700;
}
.page-id-4459 .holistic-wrapper .lead-text {
  color: #1a1000;
  text-align: center;
  max-width: 850px;
  margin: 0 auto 40px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6;
}
.page-id-4459 .formula-box {
  color: #f4a821;
  background: #fff4de;
  border: 2px dashed #f4a821;
  border-radius: 50px;
  margin-bottom: 30px;
  padding: 15px 40px;
  font-family: Fredoka, sans-serif;
  font-size: 26px;
  font-weight: 700;
  display: inline-block;
  box-shadow: 0 10px 20px #f4a82126;
}
.page-id-4459 .core-exp-grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 25px;
  margin-top: 40px;
  display: grid;
}
.page-id-4459 .core-exp-card {
  text-align: center;
  background: #fff;
  border-top: 5px solid #f4a821;
  border-radius: 20px;
  padding: 30px;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  box-shadow: 0 10px 30px #0000000f;
}
.page-id-4459 .core-exp-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 35px #0000001a;
}
.page-id-4459 .core-title {
  color: #1a1000;
  margin-bottom: 12px;
  font-family: Fredoka, sans-serif;
  font-size: 20px;
  font-weight: 700;
}
.page-id-4459 .core-text {
  color: #666;
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
}
.page-id-4459 .split-section {
  background: #f9f9f9;
  border: 1px solid #eee;
  border-radius: 30px;
  margin-bottom: 50px;
  padding: 50px;
}
.page-id-4459 .split-section ul {
  padding: 0;
  list-style: none;
}
.page-id-4459 .split-section ul li {
  color: #444;
  margin-bottom: 15px;
  padding-left: 30px;
  font-size: 16px;
  font-weight: 500;
  position: relative;
}
.page-id-4459 .split-section ul li:before {
  content: "\2713";
  color: #f4a821;
  background: #fff4de;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  position: absolute;
  top: -2px;
  left: 0;
}
.page-id-4581 .program-detail-page .feature-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 35px #f4a82133 !important;
}
.page-id-4581 .program-detail-page .enroll-btn:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 20px #0000001a;
  color: #fff !important;
  background-color: #2c2c2c !important;
}
.page-id-4581 .program-detail-page .enroll-btn {
  transition: all 0.3s !important;
}
.page-id-4581 .program-detail-page {
  color: #333;
  background-color: #fff;
  padding: 100px 0;
  font-family: Inter, sans-serif;
}
@media (max-width: 767px) {
  .page-id-4581 .program-detail-page {
    padding: 20px 0 !important;
  }
  .page-id-4581 .program-detail-page h1 {
    margin-bottom: 5px !important;
    font-size: 32px !important;
  }
  .page-id-4581 .program-detail-page .row.mb-5.align-items-center {
    margin-bottom: 20px !important;
  }
}
.page-id-4567 .program-detail-page .feature-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 35px #f4a82133 !important;
}
.page-id-4567 .program-detail-page .enroll-btn:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 20px #0000001a;
  color: #fff !important;
  background-color: #2c2c2c !important;
}
.page-id-4567 .program-detail-page .enroll-btn {
  transition: all 0.3s !important;
}
.page-id-4567 .program-detail-page {
  color: #333;
  background-color: #fff;
  padding: 100px 0;
  font-family: Inter, sans-serif;
}
@media (max-width: 767px) {
  .page-id-4567 .program-detail-page {
    padding: 20px 0 !important;
  }
  .page-id-4567 .program-detail-page h1 {
    margin-bottom: 5px !important;
    font-size: 32px !important;
  }
  .page-id-4567 .program-detail-page .row.mb-5.align-items-center {
    margin-bottom: 20px !important;
  }
}
@keyframes how-brain-lab-school-aligns-with-brain-science-bounce {
  0%,
  to {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}
.page-template-page-how-brain-lab-school-aligns-with-brain-science {
  --color-orange: #f4a821;
  --color-orange-deep: #e69600;
  --color-orange-light: #fff8e1;
  --color-green: #80c141;
  --color-green-light: #f0fff0;
  --color-blue: #00bbf2;
  --color-blue-light: #e8f5ff;
  --color-purple: #9c27b0;
  --color-purple-light: #f3e5f5;
  --color-yellow: #ffeb3b;
  --color-text: #2c2c2c;
  --font-heading: "Fredoka", sans-serif;
  --font-body: "Calibri", "Inter", "Segoe UI", sans-serif;
}
.page-template-page-how-brain-lab-school-aligns-with-brain-science .pi-page-wrapper {
  font-family: var(--font-body);
  color: var(--color-text);
  background-color: #fff;
  overflow-x: hidden;
}
.page-template-page-how-brain-lab-school-aligns-with-brain-science h1,
.page-template-page-how-brain-lab-school-aligns-with-brain-science h2,
.page-template-page-how-brain-lab-school-aligns-with-brain-science h3,
.page-template-page-how-brain-lab-school-aligns-with-brain-science h4,
.page-template-page-how-brain-lab-school-aligns-with-brain-science h5 {
  font-family: var(--font-heading);
}
.page-template-page-how-brain-lab-school-aligns-with-brain-science .pi-hero {
  text-align: center;
  background: #fff radial-gradient(#f4a821 0.5px, #0000 0.5px) 0 0 / 20px 20px fixed;
  padding: 100px 0 140px;
  position: relative;
}
.page-template-page-how-brain-lab-school-aligns-with-brain-science .pi-hero h1 {
  color: #f4a821;
  margin-bottom: 20px;
  font-size: clamp(36px, 5vw, 64px);
  font-weight: 700;
  line-height: 1.1;
}
.page-template-page-how-brain-lab-school-aligns-with-brain-science .pi-hero p.lead-text {
  color: #555;
  max-width: 850px;
  margin: 0 auto 50px;
  font-size: clamp(18px, 1.5vw, 24px);
  line-height: 1.6;
}
.page-template-page-how-brain-lab-school-aligns-with-brain-science .floating-elements {
  pointer-events: none;
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.page-template-page-how-brain-lab-school-aligns-with-brain-science .floating-element {
  opacity: 0.6;
  animation: 4s ease-in-out infinite how-brain-lab-school-aligns-with-brain-science-bounce;
  position: absolute;
}
.page-template-page-how-brain-lab-school-aligns-with-brain-science .fe-1 {
  color: var(--color-blue);
  font-size: 40px;
  top: 10%;
  left: 10%;
}
.page-template-page-how-brain-lab-school-aligns-with-brain-science .fe-2 {
  color: var(--color-green);
  font-size: 50px;
  top: 20%;
  right: 15%;
}
.page-template-page-how-brain-lab-school-aligns-with-brain-science .fe-3 {
  color: var(--color-purple);
  font-size: 35px;
  bottom: 15%;
  left: 15%;
}
.page-template-page-how-brain-lab-school-aligns-with-brain-science .fe-4 {
  color: var(--color-yellow);
  font-size: 45px;
  bottom: 10%;
  right: 10%;
}
@media (max-width: 991px) {
  .page-template-page-how-brain-lab-school-aligns-with-brain-science .pi-hero {
    padding: 60px 15px 100px;
  }
  .page-template-page-how-brain-lab-school-aligns-with-brain-science .pi-hero h1 {
    font-size: 36px;
  }
  .page-template-page-how-brain-lab-school-aligns-with-brain-science .pi-hero p.lead-text {
    margin-bottom: 30px;
    padding: 0 10px;
    font-size: 16px;
  }
}
@media (max-width: 576px) {
  .page-template-page-how-brain-lab-school-aligns-with-brain-science .pi-hero {
    padding: 40px 10px 80px;
  }
  .page-template-page-how-brain-lab-school-aligns-with-brain-science .pi-hero h1 {
    font-size: 28px;
  }
  .page-template-page-how-brain-lab-school-aligns-with-brain-science .pi-hero p.lead-text {
    font-size: 15px;
  }
}
.page-template-page-how-brain-lab-school-aligns-with-brain-science
  .breadcumb-wrapper
  .section-before {
  background-color: #f5f5a8 !important;
}
.page-template-page-how-brain-lab-school-aligns-with-brain-science
  .breadcumb-wrapper[data-overlay="yellow"] {
  position: relative;
}
.page-template-page-how-brain-lab-school-aligns-with-brain-science
  .breadcumb-wrapper[data-overlay="yellow"]:before {
  content: "";
  z-index: 1;
  background-color: #00000073;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.page-template-page-how-brain-lab-school-aligns-with-brain-science
  .breadcumb-wrapper[data-overlay="yellow"]
  .container {
  z-index: 2;
  position: relative;
}
.page-template-page-how-brain-lab-school-aligns-with-brain-science
  .breadcumb-wrapper[data-overlay="yellow"]
  .breadcumb-title,
.page-template-page-how-brain-lab-school-aligns-with-brain-science
  .breadcumb-wrapper[data-overlay="yellow"]
  .breadcumb-menu
  li,
.page-template-page-how-brain-lab-school-aligns-with-brain-science
  .breadcumb-wrapper[data-overlay="yellow"]
  .breadcumb-menu
  li
  a {
  color: #fff !important;
}
.page-id-4579 .program-detail-page .feature-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 35px #f4a82133 !important;
}
.page-id-4579 .program-detail-page .enroll-btn:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 20px #0000001a;
  color: #fff !important;
  background-color: #2c2c2c !important;
}
.page-id-4579 .program-detail-page .enroll-btn {
  transition: all 0.3s !important;
}
.page-id-4579 .program-detail-page {
  color: #333;
  background-color: #fff;
  padding: 100px 0;
  font-family: Inter, sans-serif;
}
@media (max-width: 767px) {
  .page-id-4579 .program-detail-page {
    padding: 20px 0 !important;
  }
  .page-id-4579 .program-detail-page h1 {
    margin-bottom: 5px !important;
    font-size: 32px !important;
  }
  .page-id-4579 .program-detail-page .row.mb-5.align-items-center {
    margin-bottom: 20px !important;
  }
}
.page-id-4463 .mothers-club-main {
  background-color: #fff;
  width: 100%;
  padding: 100px 0;
}
.page-id-4463 .mothers-club-content {
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 60px;
  max-width: 100%;
  margin: 0;
  display: grid;
}
.page-id-4463 .topics-panel {
  background-color: #fff4de;
  border-radius: 30px;
  padding: 40px;
  position: relative;
  box-shadow: 0 5px 30px #00000014;
}
.page-id-4463 .club-content {
  padding: 20px 0;
}
.page-id-4463 .club-title {
  color: var(--theme-color);
  margin-bottom: 20px;
  font-family: Fredoka, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.2;
}
.page-id-4463 .club-description {
  color: #666;
  font-size: 18px;
  line-height: 1.6;
  font-family: var(--para-font);
  margin-bottom: 25px;
  font-weight: 500;
}
.page-id-4463 .club-cta-btn {
  color: #fff;
  text-transform: capitalize;
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  font-family: var(--body-font);
  z-index: 2;
  background-color: #f29900;
  border: none;
  border-radius: 9999px;
  align-items: center;
  gap: 10px;
  min-width: 150px;
  padding: 11px 33px;
  text-decoration: none;
  transition: all 0.3s;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}
.page-id-4463 .club-cta-btn:hover {
  color: #fff;
  background-color: var(--theme-color);
}
.page-id-4463 .club-cta-btn.wave-btn .btn-hover .part {
  background: var(--theme-color) !important;
  border-color: var(--theme-color) !important;
}
.page-id-4463 .club-cta-btn i {
  font-size: 18px;
}
.page-id-4463 .what-you-learn {
  background-color: var(--smoke-theme);
  padding: 100px 20px;
}
.page-id-4463 .what-you-learn h2 {
  text-align: center;
  color: var(--title-color);
  font-size: 42px;
  font-weight: 700;
  font-family: var(--title-font);
  margin-bottom: 60px;
}
.page-id-4463 .learn-cards {
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  max-width: 1220px;
  margin: 0 auto;
  display: grid;
}
.page-id-4463 .learn-card {
  text-align: center;
  background: #fff;
  border-radius: 20px;
  padding: 40px 30px;
  transition: all 0.3s;
  box-shadow: 0 2px 15px #0000000f;
}
.page-id-4463 .learn-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 25px #0000001f;
}
.page-id-4463 .learn-icon-wrapper {
  background-color: #f4a8211a;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  margin: 0 auto 25px;
  display: flex;
}
.page-id-4463 .learn-icon {
  width: 40px;
  height: 40px;
  color: var(--theme-color);
  font-size: 32px;
}
.page-id-4463 .learn-card-title {
  color: var(--title-color);
  font-size: 22px;
  font-weight: 700;
  font-family: var(--title-font);
  margin-bottom: 15px;
}
.page-id-4463 .learn-card-desc {
  color: var(--body-color);
  font-size: 15px;
  line-height: 1.6;
  font-family: var(--para-font);
  margin: 0;
}
.page-id-4463 .session-topics {
  background: linear-gradient(#f4a8210d, #f4a8211a);
  padding: 100px 20px;
  position: relative;
}
.page-id-4463 .session-topics h2 {
  text-align: center;
  color: var(--title-color);
  font-size: 42px;
  font-weight: 700;
  font-family: var(--title-font);
  margin-bottom: 60px;
}
.page-id-4463 .topics-list {
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  max-width: 1000px;
  margin: 0 auto;
  display: grid;
}
.page-id-4463 .topic-item {
  background: #fff;
  border: 2px solid #f4a82133;
  border-radius: 15px;
  align-items: center;
  gap: 15px;
  padding: 20px 25px;
  transition: all 0.3s;
  display: flex;
}
.page-id-4463 .topic-item:hover {
  border-color: var(--theme-color);
  transform: translate(5px);
  box-shadow: 0 4px 15px #f4a82133;
}
.page-id-4463 .topic-item-icon {
  width: 20px;
  height: 20px;
  color: var(--theme-color);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  display: flex;
  position: relative;
}
.page-id-4463 .topic-item-icon i {
  z-index: 1;
  position: relative;
}
.page-id-4463 .topic-item-icon:before {
  content: "";
  z-index: 0;
  background-color: #f4a8211a;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
}
.page-id-4463 .topic-item-text {
  color: var(--title-color);
  font-size: 16px;
  font-weight: 500;
  font-family: var(--para-font);
  margin: 0;
}
@media (max-width: 1199px) {
  .page-id-4463 .mothers-club-content {
    gap: 40px;
  }
  .page-id-4463 .learn-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 991px) {
  .page-id-4463 .mothers-club-content {
    grid-template-columns: 1fr;
    gap: 50px;
    padding: 0 20px;
  }
  .page-id-4463 .mothers-club-main {
    padding: 60px 0;
  }
  .page-id-4463 .topics-panel {
    order: 2;
  }
  .page-id-4463 .club-content {
    text-align: center;
    order: 1;
  }
  .page-id-4463 .learn-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .page-id-4463 .club-title {
    font-size: 28px;
  }
  .page-id-4463 .learn-cards,
  .page-id-4463 .topics-list {
    grid-template-columns: 1fr;
  }
  .page-id-4463 .what-you-learn h2,
  .page-id-4463 .session-topics h2 {
    font-size: 32px;
  }
  .page-id-4463 .topics-panel {
    padding: 30px 20px;
  }
}
@keyframes mothers-mental-health-support-blobBounce {
  0% {
    transform: scale(1) translate(0);
  }
  to {
    transform: scale(1.1) translate(20px, -20px);
  }
}
@keyframes mothers-mental-health-support-bounce {
  0%,
  to {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}
.page-template-page-mothers-mental-health-support .mmh-page {
  background-color: #fff;
  font-family: Inter, sans-serif;
  position: relative;
  overflow-x: hidden;
}
.page-template-page-mothers-mental-health-support .mmh-page .bg-shape {
  z-index: 0;
  opacity: 0.6;
  position: absolute;
}
.page-template-page-mothers-mental-health-support .bg-shape-1 {
  background: #fff4de;
  border-radius: 40% 60% 70% 30%/40% 50% 60%;
  width: 300px;
  height: 300px;
  animation: 10s infinite alternate mothers-mental-health-support-blobBounce;
  top: -5%;
  left: -5%;
}
.page-template-page-mothers-mental-health-support .bg-shape-2 {
  background: #e6f7ff;
  border-radius: 60% 40% 30% 70%/60% 30% 70% 40%;
  width: 400px;
  height: 400px;
  animation: 12s infinite alternate-reverse mothers-mental-health-support-blobBounce;
  top: 20%;
  right: -10%;
}
.page-template-page-mothers-mental-health-support .bg-shape-3 {
  background: #e8f5e9;
  border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
  width: 250px;
  height: 250px;
  animation: 8s infinite alternate mothers-mental-health-support-blobBounce;
  bottom: 10%;
  left: 5%;
}
.page-template-page-mothers-mental-health-support .mmh-sessions {
  z-index: 1;
  padding: 80px 0 120px;
  position: relative;
}
.page-template-page-mothers-mental-health-support .mmh-section-title {
  text-align: center;
  color: #1a1a2e;
  margin-bottom: 60px;
  font-family: Fredoka, sans-serif;
  font-size: 42px;
  font-weight: 800;
}
.page-template-page-mothers-mental-health-support .mmh-grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
  display: grid;
}
.page-template-page-mothers-mental-health-support .mmh-card {
  text-align: center;
  background: #fff;
  border: 3px solid #0000;
  border-radius: 30px;
  padding: 40px 30px;
  transition: all 0.4s;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 30px #0000000d;
}
.page-template-page-mothers-mental-health-support .mmh-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 40px #0000001a;
}
.page-template-page-mothers-mental-health-support .mmh-card:first-child:hover {
  border-color: #ffcdd2;
}
.page-template-page-mothers-mental-health-support .mmh-card:nth-child(2):hover {
  border-color: #c8e6c9;
}
.page-template-page-mothers-mental-health-support .mmh-card:nth-child(3):hover {
  border-color: #bbdefb;
}
.page-template-page-mothers-mental-health-support .mmh-card:nth-child(4):hover {
  border-color: #ffe082;
}
.page-template-page-mothers-mental-health-support .mmh-card:nth-child(5):hover {
  border-color: #e1bee7;
}
.page-template-page-mothers-mental-health-support .mmh-icon-box {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  margin: 0 auto 25px;
  font-size: 40px;
  display: flex;
}
.page-template-page-mothers-mental-health-support .mmh-card:first-child .mmh-icon-box {
  color: #d32f2f;
  background: #ffcdd2;
}
.page-template-page-mothers-mental-health-support .mmh-card:nth-child(2) .mmh-icon-box {
  color: #388e3c;
  background: #c8e6c9;
}
.page-template-page-mothers-mental-health-support .mmh-card:nth-child(3) .mmh-icon-box {
  color: #1976d2;
  background: #bbdefb;
}
.page-template-page-mothers-mental-health-support .mmh-card:nth-child(4) .mmh-icon-box {
  color: #f57f17;
  background: #ffe082;
}
.page-template-page-mothers-mental-health-support .mmh-card:nth-child(5) .mmh-icon-box {
  color: #7b1fa2;
  background: #e1bee7;
}
.page-template-page-mothers-mental-health-support .mmh-card h3 {
  color: #1a1a2e;
  margin-bottom: 0;
  font-family: Fredoka, sans-serif;
  font-size: 24px;
  font-weight: 700;
}
.page-template-page-mothers-mental-health-support .mmh-gallery {
  z-index: 1;
  max-width: 800px;
  margin: 0 auto;
  padding: 0 0 100px;
  position: relative;
}
.page-template-page-mothers-mental-health-support .mmh-img-banner {
  border-radius: 30px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 15px 40px #0000001a;
}
.page-template-page-mothers-mental-health-support .mmh-img-banner:after {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  border: 3px dashed #fffc;
  margin: 15px;
  position: absolute;
  inset: 0;
}
.page-template-page-mothers-mental-health-support .mmh-img-banner img {
  width: 100%;
  height: auto;
  display: block;
}
.page-template-page-mothers-mental-health-support .mmh-img-overlay {
  text-align: center;
  background: linear-gradient(to top, #000000e6, #0006, #0000);
  padding: 80px 40px 40px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.page-template-page-mothers-mental-health-support .mmh-img-overlay h4 {
  text-shadow: 2px 2px 10px #00000080;
  margin: 0;
  font-family: Fredoka, sans-serif;
  font-size: clamp(24px, 4vw, 36px);
  font-weight: 700;
  line-height: 1.4;
  color: #fff !important;
}
.page-template-page-mothers-mental-health-support .mmh-section-title {
  color: var(--color-orange);
  margin-bottom: 25px;
  font-family: Fredoka, sans-serif;
  font-size: clamp(32px, 4vw, 42px);
  font-weight: 800;
  line-height: 1.2;
}
.page-template-page-mothers-mental-health-support .lead-text-playful {
  color: #555;
  margin-bottom: 40px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 1.7;
}
.page-template-page-mothers-mental-health-support .split-wrap {
  align-items: center;
  gap: 80px;
  margin-bottom: 100px;
  display: flex;
}
.page-template-page-mothers-mental-health-support .split-reverse {
  flex-direction: row-reverse;
}
.page-template-page-mothers-mental-health-support .split-img-side {
  flex: 1;
  position: relative;
}
.page-template-page-mothers-mental-health-support .split-content-side {
  flex: 1;
}
.page-template-page-mothers-mental-health-support .side-img-box {
  border: 12px solid #fff;
  border-radius: 40px;
  position: relative;
  overflow: hidden;
  transform: rotate(2deg);
  box-shadow: 0 30px 60px #f4a82133;
}
.page-template-page-mothers-mental-health-support .split-reverse .side-img-box {
  transform: rotate(-2deg);
}
.page-template-page-mothers-mental-health-support .side-img-box img {
  width: 100%;
  height: auto;
  transition: transform 0.5s;
  display: block;
}
.page-template-page-mothers-mental-health-support .side-img-box:hover img {
  transform: scale(1.05);
}
.page-template-page-mothers-mental-health-support .mini-grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  display: grid;
}
.page-template-page-mothers-mental-health-support .mini-card {
  text-align: center;
  background: #fff8e1;
  border: 2px solid #0000;
  border-radius: 25px;
  padding: 25px 20px;
  transition: all 0.3s;
}
.page-template-page-mothers-mental-health-support .mini-card:hover {
  border-color: var(--color-orange);
  background: #fff;
  transform: translateY(-5px);
  box-shadow: 0 10px 25px #f4a8211a;
}
.page-template-page-mothers-mental-health-support .mini-icon {
  margin-bottom: 15px;
  font-size: 28px;
  display: block;
}
.page-template-page-mothers-mental-health-support .mini-card h4 {
  color: var(--color-text);
  margin: 0;
  font-family: Fredoka, sans-serif;
  font-size: 18px;
  line-height: 1.3;
}
.page-template-page-mothers-mental-health-support .bg-shape-4 {
  opacity: 0.4;
  pointer-events: none;
  background: #fff9c4;
  border-radius: 50% 50% 30% 70%/50% 30% 70% 50%;
  width: 350px;
  height: 350px;
  top: 40%;
  left: -10%;
}
.page-template-page-mothers-mental-health-support .bg-shape-5 {
  opacity: 0.3;
  pointer-events: none;
  background: #fff3e0;
  border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
  width: 450px;
  height: 450px;
  top: 65%;
  right: -15%;
}
.page-template-page-mothers-mental-health-support .bg-shape-6 {
  opacity: 0.4;
  pointer-events: none;
  background: #fffde7;
  border-radius: 70% 30% 30% 70%/30% 70% 70% 30%;
  width: 250px;
  height: 250px;
  bottom: 10%;
  left: 0%;
}
.page-template-page-mothers-mental-health-support .pg-sessions,
.page-template-page-mothers-mental-health-support .cdb-sessions,
.page-template-page-mothers-mental-health-support .cs-sessions {
  z-index: 1;
  padding: 120px 0;
  position: relative;
}
.page-template-page-mothers-mental-health-support .cs-sessions {
  background: #fff;
}
@media (max-width: 991px) {
  .page-template-page-mothers-mental-health-support .split-wrap {
    text-align: center;
    flex-direction: column;
    gap: 50px;
  }
  .page-template-page-mothers-mental-health-support .split-reverse {
    flex-direction: column;
  }
  .page-template-page-mothers-mental-health-support .side-img-box {
    max-width: 600px;
    margin: 0 auto;
    transform: none !important;
  }
  .page-template-page-mothers-mental-health-support .mini-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 576px) {
  .page-template-page-mothers-mental-health-support .mini-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .page-template-page-mothers-mental-health-support .mmh-img-overlay h4 {
    font-size: 24px;
  }
  .page-template-page-mothers-mental-health-support .pi-hero > div:last-child,
  .page-template-page-mothers-mental-health-support .pi-hero h1,
  .page-template-page-mothers-mental-health-support .pi-hero p.lead-text {
    display: none !important;
  }
  .page-template-page-mothers-mental-health-support .hero-img-wrap {
    margin-bottom: 15px !important;
  }
  .page-template-page-mothers-mental-health-support .mmh-sessions {
    padding: 40px 0 60px;
  }
  .page-template-page-mothers-mental-health-support .mmh-gallery {
    padding: 0 0 40px;
  }
}
.page-template-page-mothers-mental-health-support .breadcumb-wrapper[data-overlay="yellow"] {
  position: relative;
  background-position: 50% 35% !important;
}
.page-template-page-mothers-mental-health-support .breadcumb-wrapper[data-overlay="yellow"]:before {
  content: "";
  z-index: 1;
  background-color: #ffd54f80;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.page-template-page-mothers-mental-health-support
  .breadcumb-wrapper[data-overlay="yellow"]
  .container {
  z-index: 2;
  position: relative;
}
.page-template-page-mothers-mental-health-support
  .breadcumb-wrapper[data-overlay="yellow"]
  .breadcumb-title,
.page-template-page-mothers-mental-health-support
  .breadcumb-wrapper[data-overlay="yellow"]
  .breadcumb-menu
  li,
.page-template-page-mothers-mental-health-support
  .breadcumb-wrapper[data-overlay="yellow"]
  .breadcumb-menu
  li
  a {
  color: #fff !important;
}
.page-template-page-mothers-mental-health-support {
  --color-orange: #f4a821;
  --color-orange-deep: #e69600;
  --color-orange-light: #fff8e1;
  --color-green: #80c141;
  --color-green-light: #f0fff0;
  --color-blue: #00bbf2;
  --color-blue-light: #e8f5ff;
  --color-purple: #9c27b0;
  --color-purple-light: #f3e5f5;
  --color-yellow: #ffeb3b;
  --color-text: #2c2c2c;
  --font-heading: "Fredoka", sans-serif;
  --font-body: "Calibri", "Inter", "Segoe UI", sans-serif;
}
.page-template-page-mothers-mental-health-support .scribble {
  opacity: 0.15;
  pointer-events: none;
  z-index: 1;
  width: 150px;
  position: absolute;
}
.page-template-page-mothers-mental-health-support .pi-hero {
  text-align: center;
  background: #fff radial-gradient(#f4a821 0.5px, #0000 0.5px) 0 0 / 20px 20px fixed;
  padding: 100px 0 140px;
  position: relative;
}
.page-template-page-mothers-mental-health-support .pi-hero h1 {
  font-family: var(--font-heading);
  color: #f4a821;
  margin-bottom: 20px;
  font-size: clamp(36px, 5vw, 64px);
  font-weight: 700;
  line-height: 1.1;
}
.page-template-page-mothers-mental-health-support .pi-hero p.lead-text {
  font-family: var(--font-body);
  color: #555;
  max-width: 850px;
  margin: 0 auto 50px;
  font-size: clamp(18px, 1.5vw, 24px);
  line-height: 1.6;
}
.page-template-page-mothers-mental-health-support .floating-elements {
  pointer-events: none;
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.page-template-page-mothers-mental-health-support .floating-element {
  opacity: 0.6;
  animation: 4s ease-in-out infinite mothers-mental-health-support-bounce;
  position: absolute;
}
.page-template-page-mothers-mental-health-support .fe-1 {
  color: var(--color-blue);
  font-size: 40px;
  animation-delay: 0s;
  top: 10%;
  left: 10%;
}
.page-template-page-mothers-mental-health-support .fe-2 {
  color: var(--color-green);
  font-size: 50px;
  animation-delay: 0.5s;
  top: 20%;
  right: 15%;
}
.page-template-page-mothers-mental-health-support .fe-3 {
  color: var(--color-purple);
  font-size: 35px;
  animation-delay: 1s;
  bottom: 15%;
  left: 15%;
}
.page-template-page-mothers-mental-health-support .fe-4 {
  color: var(--color-yellow);
  font-size: 45px;
  animation-delay: 1.5s;
  bottom: 10%;
  right: 10%;
}
.page-template-page-mothers-mental-health-support .btn-bounce {
  color: #f4a821;
  font-size: 24px;
  font-weight: 700;
  font-family: var(--font-heading);
  background: #fff;
  border-radius: 100px;
  padding: 20px 50px;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  display: inline-block;
  box-shadow: 0 10px 20px #0000001a;
}
.page-template-page-mothers-mental-health-support .btn-bounce:hover {
  color: #fff;
  background: #000;
  transform: scale(1.1);
  box-shadow: 0 15px 30px #0003;
}
@media (max-width: 991px) {
  .page-template-page-mothers-mental-health-support .pi-hero {
    padding: 60px 15px 100px;
  }
  .page-template-page-mothers-mental-health-support .pi-hero h1 {
    font-size: 36px;
  }
  .page-template-page-mothers-mental-health-support .pi-hero p.lead-text {
    margin-bottom: 30px;
    padding: 0 10px;
    font-size: 16px;
  }
  .page-template-page-mothers-mental-health-support .hero-img-wrap {
    border-width: 6px !important;
    border-radius: 20px !important;
    max-width: 100% !important;
  }
  .page-template-page-mothers-mental-health-support .btn-bounce {
    padding: 15px 35px;
    font-size: 18px;
  }
}
@media (max-width: 576px) {
  .page-template-page-mothers-mental-health-support .pi-hero {
    padding: 40px 10px 80px;
  }
  .page-template-page-mothers-mental-health-support .pi-hero h1 {
    margin-bottom: 15px;
    font-size: 28px;
    line-height: 1.2;
  }
  .page-template-page-mothers-mental-health-support .pi-hero p.lead-text {
    margin-bottom: 25px;
    font-size: 15px;
    line-height: 1.5;
  }
  .page-template-page-mothers-mental-health-support .hero-img-wrap {
    border-width: 8px !important;
    border-radius: 20px !important;
    margin-bottom: 20px !important;
  }
  .page-template-page-mothers-mental-health-support .btn-bounce {
    padding: 12px 28px;
    font-size: 16px;
    box-shadow: 0 8px 20px #0000001a;
  }
  .page-template-page-mothers-mental-health-support .floating-element {
    opacity: 0.4;
    display: block;
    transform: scale(0.6);
  }
  .page-template-page-mothers-mental-health-support .fe-1 {
    top: 5%;
    left: 5%;
  }
  .page-template-page-mothers-mental-health-support .fe-2 {
    top: 15%;
    right: 5%;
  }
  .page-template-page-mothers-mental-health-support .fe-3 {
    bottom: 25%;
    left: 5%;
  }
  .page-template-page-mothers-mental-health-support .fe-4 {
    bottom: 15%;
    right: 5%;
  }
}
@keyframes our-vision-and-mission-bounce {
  0%,
  to {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}
.page-template-page-our-vision-and-mission {
  --color-orange: #f4a821;
  --color-orange-deep: #e69600;
  --color-orange-light: #fff8e1;
  --color-green: #80c141;
  --color-green-light: #f0fff0;
  --color-blue: #00bbf2;
  --color-blue-light: #e8f5ff;
  --color-purple: #9c27b0;
  --color-purple-light: #f3e5f5;
  --color-yellow: #ffeb3b;
  --color-text: #2c2c2c;
  --font-heading: "Fredoka", sans-serif;
  --font-body: "Calibri", "Inter", "Segoe UI", sans-serif;
}
.page-template-page-our-vision-and-mission .pi-page-wrapper {
  font-family: var(--font-body);
  color: var(--color-text);
  background-color: #fff;
  overflow-x: hidden;
}
.page-template-page-our-vision-and-mission h1,
.page-template-page-our-vision-and-mission h2,
.page-template-page-our-vision-and-mission h3,
.page-template-page-our-vision-and-mission h4,
.page-template-page-our-vision-and-mission h5 {
  font-family: var(--font-heading);
}
.page-template-page-our-vision-and-mission .pi-hero {
  text-align: center;
  background: #fff radial-gradient(#f4a821 0.5px, #0000 0.5px) 0 0 / 20px 20px fixed;
  padding: 100px 0 140px;
  position: relative;
}
.page-template-page-our-vision-and-mission .pi-hero h1 {
  color: #f4a821;
  margin-bottom: 20px;
  font-size: clamp(36px, 5vw, 64px);
  font-weight: 700;
  line-height: 1.1;
}
.page-template-page-our-vision-and-mission .pi-hero p.lead-text {
  color: #555;
  max-width: 850px;
  margin: 0 auto 50px;
  font-size: clamp(18px, 1.5vw, 24px);
  line-height: 1.6;
}
.page-template-page-our-vision-and-mission .floating-elements {
  pointer-events: none;
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.page-template-page-our-vision-and-mission .floating-element {
  opacity: 0.6;
  animation: 4s ease-in-out infinite our-vision-and-mission-bounce;
  position: absolute;
}
.page-template-page-our-vision-and-mission .fe-1 {
  color: var(--color-blue);
  font-size: 40px;
  top: 10%;
  left: 10%;
}
.page-template-page-our-vision-and-mission .fe-2 {
  color: var(--color-green);
  font-size: 50px;
  top: 20%;
  right: 15%;
}
.page-template-page-our-vision-and-mission .fe-3 {
  color: var(--color-purple);
  font-size: 35px;
  bottom: 15%;
  left: 15%;
}
.page-template-page-our-vision-and-mission .fe-4 {
  color: var(--color-yellow);
  font-size: 45px;
  bottom: 10%;
  right: 10%;
}
@media (max-width: 991px) {
  .page-template-page-our-vision-and-mission .pi-hero {
    padding: 60px 15px 100px;
  }
  .page-template-page-our-vision-and-mission .pi-hero h1 {
    font-size: 36px;
  }
  .page-template-page-our-vision-and-mission .pi-hero p.lead-text {
    margin-bottom: 30px;
    padding: 0 10px;
    font-size: 16px;
  }
}
@media (max-width: 576px) {
  .page-template-page-our-vision-and-mission .pi-hero {
    padding: 40px 10px 80px;
  }
  .page-template-page-our-vision-and-mission .pi-hero h1 {
    font-size: 28px;
  }
  .page-template-page-our-vision-and-mission .pi-hero p.lead-text {
    font-size: 15px;
  }
}
.page-template-page-our-vision-and-mission .breadcumb-wrapper .section-before {
  background-color: #f5f5a8 !important;
}
.page-template-page-our-vision-and-mission .breadcumb-wrapper[data-overlay="yellow"] {
  position: relative;
}
.page-template-page-our-vision-and-mission .breadcumb-wrapper[data-overlay="yellow"]:before {
  content: "";
  z-index: 1;
  background-color: #00000073;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.page-template-page-our-vision-and-mission .breadcumb-wrapper[data-overlay="yellow"] .container {
  z-index: 2;
  position: relative;
}
.page-template-page-our-vision-and-mission
  .breadcumb-wrapper[data-overlay="yellow"]
  .breadcumb-title,
.page-template-page-our-vision-and-mission
  .breadcumb-wrapper[data-overlay="yellow"]
  .breadcumb-menu
  li,
.page-template-page-our-vision-and-mission
  .breadcumb-wrapper[data-overlay="yellow"]
  .breadcumb-menu
  li
  a {
  color: #fff !important;
}
.page-template-page-our-vision-and-mission .cta-container {
  text-align: center;
  padding-bottom: 100px;
}
.page-template-page-our-vision-and-mission .playful-cta {
  color: #fff;
  background: linear-gradient(135deg, #f4a821, #ff8c00);
  border-radius: 50px;
  max-width: 900px;
  margin: 0 auto;
  padding: 60px 40px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 20px 50px #f4a8214d;
}
.page-template-page-our-vision-and-mission .playful-cta h2 {
  color: #fff;
  margin-bottom: 25px;
  font-size: 42px;
}
.page-template-page-our-vision-and-mission .btn-bounce {
  color: #f4a821;
  background: #fff;
  border: none;
  border-radius: 100px;
  padding: 20px 50px;
  font-size: 24px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  display: inline-block;
  box-shadow: 0 10px 20px #0000001a;
}
.page-template-page-our-vision-and-mission .btn-bounce:hover {
  color: #fff;
  background: #000;
  transform: scale(1.1);
  box-shadow: 0 15px 30px #0003;
}
.page-template-page-our-vision-and-mission .bubble {
  pointer-events: none;
  background: #ffffff1a;
  border-radius: 50%;
  position: absolute;
}
@media (max-width: 991px) {
  .page-template-page-our-vision-and-mission .cta-container {
    padding-bottom: 60px;
  }
  .page-template-page-our-vision-and-mission .playful-cta {
    border-radius: 30px;
    padding: 40px 20px;
  }
  .page-template-page-our-vision-and-mission .playful-cta h2 {
    font-size: 32px;
  }
  .page-template-page-our-vision-and-mission .playful-cta p {
    font-size: 16px !important;
  }
  .page-template-page-our-vision-and-mission .btn-bounce {
    padding: 15px 35px;
    font-size: 20px;
  }
}
@media (max-width: 576px) {
  .page-template-page-our-vision-and-mission .playful-cta {
    border-radius: 25px;
    padding: 35px 20px;
  }
  .page-template-page-our-vision-and-mission .playful-cta h2 {
    font-size: 26px;
  }
  .page-template-page-our-vision-and-mission .playful-cta p {
    font-size: 14px !important;
  }
  .page-template-page-our-vision-and-mission .btn-bounce {
    padding: 12px 25px;
    font-size: 18px;
  }
}
@keyframes parenting-guidance-blobBounce {
  0% {
    transform: scale(1) translate(0);
  }
  to {
    transform: scale(1.1) translate(20px, -20px);
  }
}
@keyframes parenting-guidance-bounce {
  0%,
  to {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}
.page-id-4706 .pg-page {
  background-color: #fff;
  font-family: Inter, sans-serif;
  position: relative;
  overflow-x: hidden;
}
.page-id-4706 .pg-page .bg-shape {
  z-index: 0;
  opacity: 0.6;
  position: absolute;
}
.page-id-4706 .bg-shape-1 {
  background: #fff4de;
  border-radius: 40% 60% 70% 30%/40% 50% 60%;
  width: 300px;
  height: 300px;
  animation: 10s infinite alternate parenting-guidance-blobBounce;
  top: -5%;
  left: -5%;
}
.page-id-4706 .bg-shape-2 {
  background: #fff3e0;
  border-radius: 60% 40% 30% 70%/60% 30% 70% 40%;
  width: 400px;
  height: 400px;
  animation: 12s infinite alternate-reverse parenting-guidance-blobBounce;
  top: 20%;
  right: -10%;
}
.page-id-4706 .bg-shape-3 {
  background: #ffecb3;
  border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
  width: 250px;
  height: 250px;
  animation: 8s infinite alternate parenting-guidance-blobBounce;
  bottom: 10%;
  left: 5%;
}
.page-id-4706 .pg-sessions {
  z-index: 1;
  padding: 80px 0 120px;
  position: relative;
}
.page-id-4706 .pg-section-title {
  text-align: center;
  color: #1a1a2e;
  margin-bottom: 60px;
  font-family: Fredoka, sans-serif;
  font-size: 42px;
  font-weight: 800;
}
.page-id-4706 .pg-grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
  display: grid;
}
.page-id-4706 .pg-card {
  text-align: center;
  background: #fff;
  border: 3px solid #0000;
  border-radius: 30px;
  padding: 40px 30px;
  transition: all 0.4s;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 30px #0000000d;
}
.page-id-4706 .pg-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 40px #0000001a;
}
.page-id-4706 .pg-card:first-child:hover {
  border-color: #ffecb3;
}
.page-id-4706 .pg-card:nth-child(2):hover {
  border-color: #ffe082;
}
.page-id-4706 .pg-card:nth-child(3):hover {
  border-color: #ffd54f;
}
.page-id-4706 .pg-card:nth-child(4):hover {
  border-color: #ffca28;
}
.page-id-4706 .pg-icon-box {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  margin: 0 auto 25px;
  font-size: 40px;
  display: flex;
}
.page-id-4706 .pg-card:first-child .pg-icon-box {
  color: #fbc02d;
  background: #fff9c4;
}
.page-id-4706 .pg-card:nth-child(2) .pg-icon-box {
  color: #ffa000;
  background: #fff8e1;
}
.page-id-4706 .pg-card:nth-child(3) .pg-icon-box {
  color: #e65100;
  background: #fff3e0;
}
.page-id-4706 .pg-card:nth-child(4) .pg-icon-box {
  color: #fdd835;
  background: #fffde7;
}
.page-id-4706 .pg-card h3 {
  color: #1a1a2e;
  margin-bottom: 0;
  font-family: Fredoka, sans-serif;
  font-size: 24px;
  font-weight: 700;
}
.page-id-4706 .pg-gallery {
  z-index: 1;
  max-width: 800px;
  margin: 0 auto;
  padding: 0 0 100px;
  position: relative;
}
.page-id-4706 .pg-img-banner {
  border-radius: 30px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 15px 40px #0000001a;
}
.page-id-4706 .pg-img-banner:after {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  border: 3px dashed #fffc;
  margin: 15px;
  position: absolute;
  inset: 0;
}
.page-id-4706 .pg-img-banner img {
  width: 100%;
  height: auto;
  display: block;
}
.page-id-4706 .pg-img-overlay {
  text-align: center;
  background: linear-gradient(to top, #000000d9, #0000);
  padding: 60px 40px 40px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.page-id-4706 .pg-img-overlay h4 {
  color: #fff;
  text-shadow: 2px 2px 4px #00000080;
  margin: 0;
  font-family: Fredoka, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .page-id-4706 .pi-hero > div:last-child,
  .page-id-4706 .pi-hero h1,
  .page-id-4706 .pi-hero p.lead-text {
    display: none !important;
  }
  .page-id-4706 .hero-img-wrap {
    margin-bottom: 15px !important;
  }
  .page-id-4706 .pg-sessions {
    padding-top: 220px !important;
  }
}
.page-id-4706 .breadcumb-wrapper[data-overlay="yellow"] {
  position: relative;
  background-position: 50% 35% !important;
}
.page-id-4706 .breadcumb-wrapper[data-overlay="yellow"]:before {
  content: "";
  z-index: 1;
  background-color: #ffd54f80;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.page-id-4706 .breadcumb-wrapper[data-overlay="yellow"] .container {
  z-index: 2;
  position: relative;
}
.page-id-4706 .breadcumb-wrapper[data-overlay="yellow"] .breadcumb-title,
.page-id-4706 .breadcumb-wrapper[data-overlay="yellow"] .breadcumb-menu li,
.page-id-4706 .breadcumb-wrapper[data-overlay="yellow"] .breadcumb-menu li a {
  color: #fff !important;
}
.page-id-4706 {
  --color-orange: #f4a821;
  --color-orange-deep: #e69600;
  --color-orange-light: #fff8e1;
  --color-green: #80c141;
  --color-green-light: #f0fff0;
  --color-blue: #00bbf2;
  --color-blue-light: #e8f5ff;
  --color-purple: #9c27b0;
  --color-purple-light: #f3e5f5;
  --color-yellow: #ffeb3b;
  --color-text: #2c2c2c;
  --font-heading: "Fredoka", sans-serif;
  --font-body: "Calibri", "Inter", "Segoe UI", sans-serif;
}
.page-id-4706 .scribble {
  opacity: 0.15;
  pointer-events: none;
  z-index: 1;
  width: 150px;
  position: absolute;
}
.page-id-4706 .pi-hero {
  text-align: center;
  background: #fff radial-gradient(#f4a821 0.5px, #0000 0.5px) 0 0 / 20px 20px fixed;
  padding: 100px 0 140px;
  position: relative;
}
.page-id-4706 .pi-hero h1 {
  font-family: var(--font-heading);
  color: #f4a821;
  margin-bottom: 20px;
  font-size: clamp(36px, 5vw, 64px);
  font-weight: 700;
  line-height: 1.1;
}
.page-id-4706 .pi-hero p.lead-text {
  font-family: var(--font-body);
  color: #555;
  max-width: 850px;
  margin: 0 auto 50px;
  font-size: clamp(18px, 1.5vw, 24px);
  line-height: 1.6;
}
.page-id-4706 .floating-elements {
  pointer-events: none;
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.page-id-4706 .floating-element {
  opacity: 0.6;
  animation: 4s ease-in-out infinite parenting-guidance-bounce;
  position: absolute;
}
.page-id-4706 .fe-1 {
  color: var(--color-blue);
  font-size: 40px;
  animation-delay: 0s;
  top: 10%;
  left: 10%;
}
.page-id-4706 .fe-2 {
  color: var(--color-green);
  font-size: 50px;
  animation-delay: 0.5s;
  top: 20%;
  right: 15%;
}
.page-id-4706 .fe-3 {
  color: var(--color-purple);
  font-size: 35px;
  animation-delay: 1s;
  bottom: 15%;
  left: 15%;
}
.page-id-4706 .fe-4 {
  color: var(--color-yellow);
  font-size: 45px;
  animation-delay: 1.5s;
  bottom: 10%;
  right: 10%;
}
.page-id-4706 .btn-bounce {
  color: #f4a821;
  font-size: 24px;
  font-weight: 700;
  font-family: var(--font-heading);
  background: #fff;
  border-radius: 100px;
  padding: 20px 50px;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  display: inline-block;
  box-shadow: 0 10px 20px #0000001a;
}
.page-id-4706 .btn-bounce:hover {
  color: #fff;
  background: #000;
  transform: scale(1.1);
  box-shadow: 0 15px 30px #0003;
}
@media (max-width: 991px) {
  .page-id-4706 .pi-hero {
    padding: 60px 15px 100px;
  }
  .page-id-4706 .pi-hero h1 {
    font-size: 36px;
  }
  .page-id-4706 .pi-hero p.lead-text {
    margin-bottom: 30px;
    padding: 0 10px;
    font-size: 16px;
  }
  .page-id-4706 .hero-img-wrap {
    border-width: 6px !important;
    border-radius: 20px !important;
    max-width: 100% !important;
  }
  .page-id-4706 .btn-bounce {
    padding: 15px 35px;
    font-size: 18px;
  }
}
@media (max-width: 576px) {
  .page-id-4706 .pi-hero {
    padding: 40px 10px 80px;
  }
  .page-id-4706 .pi-hero h1 {
    margin-bottom: 15px;
    font-size: 28px;
    line-height: 1.2;
  }
  .page-id-4706 .pi-hero p.lead-text {
    margin-bottom: 25px;
    font-size: 15px;
    line-height: 1.5;
  }
  .page-id-4706 .hero-img-wrap {
    border-width: 8px !important;
    border-radius: 20px !important;
    margin-bottom: 20px !important;
  }
  .page-id-4706 .btn-bounce {
    padding: 12px 28px;
    font-size: 16px;
    box-shadow: 0 8px 20px #0000001a;
  }
  .page-id-4706 .floating-element {
    opacity: 0.4;
    display: block;
    transform: scale(0.6);
  }
  .page-id-4706 .fe-1 {
    top: 5%;
    left: 5%;
  }
  .page-id-4706 .fe-2 {
    top: 15%;
    right: 5%;
  }
  .page-id-4706 .fe-3 {
    bottom: 25%;
    left: 5%;
  }
  .page-id-4706 .fe-4 {
    bottom: 15%;
    right: 5%;
  }
}
@keyframes parenting-sessions-float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes parenting-sessions-pulse-soft {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.03);
  }
  to {
    transform: scale(1);
  }
}
.page-template-page-parenting-sessions {
  --color-orange: #f4a821;
  --color-orange-deep: #e69600;
  --color-orange-light: #fff4de;
  --color-blue: #00bbf2;
  --color-blue-light: #e8f5ff;
  --color-green: #80c141;
  --color-green-light: #f0fff0;
  --color-text: #1a1000;
  --font-main: "Fredoka", sans-serif;
}
.page-template-page-parenting-sessions .parenting-sessions-page {
  font-family: var(--font-main);
  color: var(--color-text);
  overflow-x: hidden;
}
.page-template-page-parenting-sessions .hero-sessions {
  background: linear-gradient(180deg, var(--color-orange-light) 0%, #fff 100%);
  text-align: center;
  padding: 120px 0 180px;
  position: relative;
}
.page-template-page-parenting-sessions .hero-image-wrap {
  max-width: 600px;
  margin: 0 auto 40px;
  animation: 5s ease-in-out infinite parenting-sessions-float;
  position: relative;
}
.page-template-page-parenting-sessions .hero-image-wrap img {
  border: 10px solid #fff;
  border-radius: 40px;
  box-shadow: 0 20px 50px #f4a82133;
}
.page-template-page-parenting-sessions .hero-sessions h1 {
  color: var(--color-orange);
  text-shadow: 2px 2px #fff;
  margin-bottom: 20px;
  font-size: 64px;
  font-weight: 700;
}
.page-template-page-parenting-sessions .hero-sessions p {
  color: #555;
  max-width: 800px;
  margin: 0 auto;
  font-size: 22px;
  line-height: 1.6;
}
.page-template-page-parenting-sessions .cloud-divider {
  width: 100%;
  line-height: 0;
  position: absolute;
  bottom: -2px;
  left: 0;
}
.page-template-page-parenting-sessions .cloud-divider svg {
  fill: #fff;
  width: 100%;
  height: 100px;
  display: block;
}
.page-template-page-parenting-sessions .info-section {
  background-color: #fff;
  padding: 100px 0;
}
.page-template-page-parenting-sessions .section-title {
  text-align: center;
  margin-bottom: 80px;
}
.page-template-page-parenting-sessions .section-title h2 {
  color: var(--color-text);
  font-size: 48px;
  font-weight: 700;
  display: inline-block;
  position: relative;
}
.page-template-page-parenting-sessions .section-title h2:after {
  content: "";
  background: var(--color-orange-light);
  z-index: -1;
  border-radius: 10px;
  width: 100%;
  height: 8px;
  position: absolute;
  bottom: -10px;
  left: 0;
}
.page-template-page-parenting-sessions .highlight-cards {
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 40px;
  display: grid;
}
.page-template-page-parenting-sessions .highlight-card {
  text-align: center;
  background: #fff;
  border-bottom: 8px solid #0000;
  border-radius: 40px;
  padding: 50px 40px;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  box-shadow: 0 15px 40px #0000000f;
}
.page-template-page-parenting-sessions .highlight-card:hover {
  transform: translateY(-15px) rotate(1deg);
  box-shadow: 0 25px 50px #f4a82126;
}
.page-template-page-parenting-sessions .card-orange {
  border-color: var(--color-orange);
}
.page-template-page-parenting-sessions .card-blue {
  border-color: var(--color-blue);
}
.page-template-page-parenting-sessions .card-green {
  border-color: var(--color-green);
}
.page-template-page-parenting-sessions .card-icon {
  color: #fff;
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  margin: 0 auto 30px;
  font-size: 40px;
  animation: 3s infinite parenting-sessions-pulse-soft;
  display: flex;
}
.page-template-page-parenting-sessions .bg-orange {
  background: linear-gradient(135deg, var(--color-orange) 0%, #ff8a00 100%);
}
.page-template-page-parenting-sessions .bg-blue {
  background: linear-gradient(135deg, var(--color-blue) 0%, #09c 100%);
}
.page-template-page-parenting-sessions .bg-green {
  background: linear-gradient(135deg, var(--color-green) 0%, #6ab02d 100%);
}
.page-template-page-parenting-sessions .highlight-card h3 {
  color: var(--color-text);
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: 700;
}
.page-template-page-parenting-sessions .highlight-card p {
  font-size: 17px;
  line-height: 1.7;
}
.page-template-page-parenting-sessions .community-section {
  background-color: var(--color-orange-light);
  text-align: center;
  border-radius: 150px 150px 0 0;
  margin-top: 80px;
  padding: 120px 0;
  position: relative;
  overflow: hidden;
}
.page-template-page-parenting-sessions .community-section:before {
  content: "\2601\fe0f";
  opacity: 0.3;
  font-size: 60px;
  animation: 6s infinite parenting-sessions-float;
  position: absolute;
  top: 40px;
  left: 10%;
}
.page-template-page-parenting-sessions .community-section:after {
  content: "\2600\fe0f";
  opacity: 0.3;
  font-size: 80px;
  animation: 8s infinite reverse parenting-sessions-float;
  position: absolute;
  top: 60px;
  right: 15%;
}
.page-template-page-parenting-sessions .community-content {
  z-index: 10;
  max-width: 850px;
  margin: 0 auto;
  position: relative;
}
.page-template-page-parenting-sessions .community-section h2 {
  color: var(--color-orange-deep);
  margin-bottom: 30px;
  font-size: 52px;
}
.page-template-page-parenting-sessions .vs-btn.wave-btn {
  background: linear-gradient(135deg, var(--color-orange) 0%, var(--color-orange-deep) 100%);
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 60px;
  padding: 20px 50px;
  font-size: 18px;
  font-weight: 700;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  display: inline-block;
  box-shadow: 0 12px 30px #f4a82166;
}
.page-template-page-parenting-sessions .vs-btn.wave-btn:hover {
  color: #fff;
  transform: scale(1.1);
  box-shadow: 0 15px 40px #f4a82180;
}
@media (max-width: 768px) {
  .page-template-page-parenting-sessions .hero-sessions h1 {
    font-size: 42px;
  }
  .page-template-page-parenting-sessions .hero-sessions {
    padding: 80px 20px;
  }
  .page-template-page-parenting-sessions .community-section {
    border-radius: 80px 80px 0 0;
  }
  .page-template-page-parenting-sessions .section-title h2 {
    font-size: 36px;
  }
}
@keyframes parents-interview-bounce {
  0%,
  to {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}
.page-template-page-parents-interview {
  --color-orange: #f4a821;
  --color-orange-deep: #e69600;
  --color-orange-light: #fff8e1;
  --color-green: #80c141;
  --color-green-light: #f0fff0;
  --color-blue: #00bbf2;
  --color-blue-light: #e8f5ff;
  --color-purple: #9c27b0;
  --color-purple-light: #f3e5f5;
  --color-yellow: #ffeb3b;
  --color-text: #2c2c2c;
  --font-heading: "Fredoka", sans-serif;
  --font-body: "Calibri", "Inter", "Segoe UI", sans-serif;
}
.page-template-page-parents-interview .pi-page-wrapper {
  font-family: var(--font-body);
  color: var(--color-text);
  background-color: #fff;
  overflow-x: hidden;
}
.page-template-page-parents-interview .scribble {
  opacity: 0.15;
  pointer-events: none;
  z-index: 1;
  width: 150px;
  position: absolute;
}
.page-template-page-parents-interview h1,
.page-template-page-parents-interview h2,
.page-template-page-parents-interview h3,
.page-template-page-parents-interview h4,
.page-template-page-parents-interview h5 {
  font-family: var(--font-heading);
}
.page-template-page-parents-interview .pi-hero {
  text-align: center;
  background: #fff radial-gradient(#f4a821 0.5px, #0000 0.5px) 0 0 / 20px 20px fixed;
  padding: 100px 0 140px;
  position: relative;
}
.page-template-page-parents-interview .pi-hero h1 {
  color: #f4a821;
  margin-bottom: 20px;
  font-size: clamp(36px, 5vw, 64px);
  font-weight: 700;
  line-height: 1.1;
}
.page-template-page-parents-interview .pi-hero p.lead-text {
  color: #555;
  max-width: 850px;
  margin: 0 auto 50px;
  font-size: clamp(18px, 1.5vw, 24px);
  line-height: 1.6;
}
.page-template-page-parents-interview .floating-elements {
  pointer-events: none;
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.page-template-page-parents-interview .floating-element {
  opacity: 0.6;
  animation: 4s ease-in-out infinite parents-interview-bounce;
  position: absolute;
}
.page-template-page-parents-interview .fe-1 {
  color: var(--color-blue);
  font-size: 40px;
  animation-delay: 0s;
  top: 10%;
  left: 10%;
}
.page-template-page-parents-interview .fe-2 {
  color: var(--color-green);
  font-size: 50px;
  animation-delay: 0.5s;
  top: 20%;
  right: 15%;
}
.page-template-page-parents-interview .fe-3 {
  color: var(--color-purple);
  font-size: 35px;
  animation-delay: 1s;
  bottom: 15%;
  left: 15%;
}
.page-template-page-parents-interview .fe-4 {
  color: var(--color-yellow);
  font-size: 45px;
  animation-delay: 1.5s;
  bottom: 10%;
  right: 10%;
}
.page-template-page-parents-interview .svg-decoration {
  z-index: -1;
  pointer-events: none;
  position: absolute;
}
.page-template-page-parents-interview .pi-steps {
  background-color: #f9f9f9;
  padding: 100px 0;
  position: relative;
}
.page-template-page-parents-interview .step-card {
  text-align: center;
  background: #fff;
  border: 4px solid #0000;
  border-radius: 40px;
  height: 100%;
  margin-bottom: 30px;
  padding: 40px 30px;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: relative;
  box-shadow: 0 15px 40px #0000000d;
}
.page-template-page-parents-interview .card-img-wrap {
  border: 5px solid #f4a821;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  margin: 0 auto 25px;
  overflow: hidden;
  box-shadow: 0 10px 20px #f4a82133;
}
.page-template-page-parents-interview .card-img-wrap img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.page-template-page-parents-interview .step-card:hover {
  border-color: #f4a821;
  transform: translateY(-15px) rotate(1deg);
  box-shadow: 0 25px 60px #f4a8211a;
}
.page-template-page-parents-interview .step-number {
  color: #fff;
  z-index: 2;
  width: 40px;
  height: 40px;
  font-size: 20px;
  font-weight: 700;
  font-family: var(--font-heading);
  background: #f4a821;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin: -60px auto 30px;
  display: flex;
  position: relative;
}
.page-template-page-parents-interview .step-card h3 {
  color: #333;
  margin-bottom: 15px;
  font-size: 24px;
}
.page-template-page-parents-interview .step-card p {
  color: #666;
  font-size: 16px;
  line-height: 1.6;
}
.page-template-page-parents-interview .focus-areas {
  background: #fff;
  padding: 100px 0;
  position: relative;
}
.page-template-page-parents-interview .focus-grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
  margin-top: 60px;
  display: grid;
}
.page-template-page-parents-interview .focus-item {
  text-align: center;
  border-radius: 30px;
  padding: 40px;
  transition: all 0.3s;
}
.page-template-page-parents-interview .focus-item-inner {
  background: #fff;
  border-radius: 20px;
  padding: 30px;
  box-shadow: 0 10px 30px #00000008;
}
.page-template-page-parents-interview .fi-orange {
  background: #fff4de;
}
.page-template-page-parents-interview .fi-blue {
  background: #e1f5fe;
}
.page-template-page-parents-interview .fi-green {
  background: #e8f5e9;
}
.page-template-page-parents-interview .focus-icon {
  margin-bottom: 20px;
  font-size: 50px;
  display: block;
}
.page-template-page-parents-interview .focus-item h4 {
  color: #333;
  margin-bottom: 15px;
}
.page-template-page-parents-interview .cta-container {
  text-align: center;
  padding-bottom: 100px;
}
.page-template-page-parents-interview .playful-cta {
  color: #fff;
  background: #f4a821;
  border-radius: 50px;
  max-width: 900px;
  margin: 0 auto;
  padding: 60px 40px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 20px 50px #f4a8214d;
}
.page-template-page-parents-interview .playful-cta h2 {
  color: #fff;
  margin-bottom: 25px;
  font-size: 42px;
}
.page-template-page-parents-interview .btn-bounce {
  color: #f4a821;
  background: #fff;
  border-radius: 100px;
  padding: 20px 50px;
  font-size: 24px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  display: inline-block;
  box-shadow: 0 10px 20px #0000001a;
}
.page-template-page-parents-interview .btn-bounce:hover {
  color: #fff;
  background: #000;
  transform: scale(1.1);
  box-shadow: 0 15px 30px #0003;
}
.page-template-page-parents-interview .bubble {
  pointer-events: none;
  background: #ffffff1a;
  border-radius: 50%;
  position: absolute;
}
@media (max-width: 991px) {
  .page-template-page-parents-interview .pi-hero {
    padding: 60px 15px 100px;
  }
  .page-template-page-parents-interview .pi-hero h1 {
    font-size: 36px;
  }
  .page-template-page-parents-interview .pi-hero p.lead-text {
    margin-bottom: 30px;
    padding: 0 10px;
    font-size: 16px;
  }
  .page-template-page-parents-interview .hero-img-wrap {
    border-width: 6px !important;
    border-radius: 20px !important;
    max-width: 100% !important;
  }
  .page-template-page-parents-interview .btn-bounce {
    padding: 15px 35px;
    font-size: 18px;
  }
  .page-template-page-parents-interview .pi-steps {
    padding: 60px 0;
  }
  .page-template-page-parents-interview .pi-steps h2 {
    font-size: 32px !important;
  }
  .page-template-page-parents-interview .step-card {
    border-radius: 25px;
    margin-bottom: 20px;
    padding: 30px 20px;
  }
  .page-template-page-parents-interview .card-img-wrap {
    width: 90px;
    height: 90px;
  }
  .page-template-page-parents-interview .step-number {
    width: 35px;
    height: 35px;
    margin: -50px auto 20px;
    font-size: 16px;
  }
  .page-template-page-parents-interview .focus-areas {
    padding: 60px 0;
  }
  .page-template-page-parents-interview .focus-areas h2 {
    font-size: 32px !important;
  }
  .page-template-page-parents-interview .focus-grid {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 30px;
  }
  .page-template-page-parents-interview .focus-item {
    border-radius: 20px;
    padding: 20px;
  }
  .page-template-page-parents-interview .cta-container {
    padding-bottom: 60px;
  }
  .page-template-page-parents-interview .playful-cta {
    border-radius: 30px;
    padding: 40px 20px;
  }
  .page-template-page-parents-interview .playful-cta h2 {
    font-size: 28px;
  }
  .page-template-page-parents-interview .playful-cta p {
    font-size: 15px;
  }
}
@media (max-width: 576px) {
  .page-template-page-parents-interview .pi-hero {
    padding: 40px 10px 80px;
  }
  .page-template-page-parents-interview .pi-hero h1 {
    margin-bottom: 15px;
    font-size: 28px;
    line-height: 1.2;
  }
  .page-template-page-parents-interview .pi-hero p.lead-text {
    margin-bottom: 25px;
    font-size: 15px;
    line-height: 1.5;
  }
  .page-template-page-parents-interview .hero-img-wrap {
    border-width: 8px !important;
    border-radius: 20px !important;
    margin-bottom: 20px !important;
  }
  .page-template-page-parents-interview .btn-bounce {
    padding: 12px 28px;
    font-size: 16px;
    box-shadow: 0 8px 20px #0000001a;
  }
  .page-template-page-parents-interview .floating-element {
    opacity: 0.4;
    display: block;
    transform: scale(0.6);
  }
  .page-template-page-parents-interview .fe-1 {
    top: 5%;
    left: 5%;
  }
  .page-template-page-parents-interview .fe-2 {
    top: 15%;
    right: 5%;
  }
  .page-template-page-parents-interview .fe-3 {
    bottom: 25%;
    left: 5%;
  }
  .page-template-page-parents-interview .fe-4 {
    bottom: 15%;
    right: 5%;
  }
  .page-template-page-parents-interview .pi-steps h2 {
    font-size: 26px !important;
  }
  .page-template-page-parents-interview .pi-steps p {
    font-size: 14px;
  }
  .page-template-page-parents-interview .step-card {
    border-radius: 20px;
    padding: 25px 15px;
  }
  .page-template-page-parents-interview .step-card h3 {
    font-size: 20px;
  }
  .page-template-page-parents-interview .step-card p {
    font-size: 14px;
  }
  .page-template-page-parents-interview .card-img-wrap {
    border-width: 3px;
    width: 80px;
    height: 80px;
  }
  .page-template-page-parents-interview .focus-areas h2 {
    font-size: 26px !important;
  }
  .page-template-page-parents-interview .focus-icon {
    font-size: 36px;
  }
  .page-template-page-parents-interview .playful-cta {
    border-radius: 25px;
    padding: 35px 20px;
  }
  .page-template-page-parents-interview .playful-cta h2 {
    margin-bottom: 15px;
    font-size: 24px;
  }
  .page-template-page-parents-interview .playful-cta p {
    margin-bottom: 20px;
    font-size: 14px !important;
  }
  .page-template-page-parents-interview .playful-cta .btn-bounce {
    padding: 12px 25px;
    font-size: 16px;
  }
}
.page-template-page-parents-interview .breadcumb-wrapper .section-before {
  background-color: #f5f5a8 !important;
}
.page-template-page-parents-interview .breadcumb-wrapper[data-overlay="yellow"] {
  position: relative;
}
.page-template-page-parents-interview .breadcumb-wrapper[data-overlay="yellow"]:before {
  content: "";
  z-index: 1;
  background-color: #00000073;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.page-template-page-parents-interview .breadcumb-wrapper[data-overlay="yellow"] .container {
  z-index: 2;
  position: relative;
}
.page-template-page-parents-interview .breadcumb-wrapper[data-overlay="yellow"] .breadcumb-title,
.page-template-page-parents-interview .breadcumb-wrapper[data-overlay="yellow"] .breadcumb-menu li,
.page-template-page-parents-interview
  .breadcumb-wrapper[data-overlay="yellow"]
  .breadcumb-menu
  li
  a {
  color: #fff !important;
}
.page-template-page-parents-psychology #breadcumbwrap {
  position: relative;
  background-image: url(/assets/img/p30.webp) !important;
  background-position: 50% 30% !important;
  background-size: cover !important;
}
.page-template-page-parents-psychology #breadcumbwrap:before {
  content: "";
  z-index: 1;
  position: absolute;
  inset: 0;
  opacity: 0.5 !important;
  background-color: #f4a821 !important;
}
.page-template-page-parents-psychology .breadcumb-content {
  z-index: 2;
  padding-top: 120px;
  position: relative;
}
.page-template-page-parents-psychology .breadcumb-menu {
  display: none !important;
}
.page-template-page-parents-psychology .pp-content {
  background: #fff;
  padding: 80px 0 100px;
  font-family: Inter, sans-serif;
}
.page-template-page-parents-psychology .pp-card {
  z-index: 1;
  background: #fff;
  border-bottom: 5px solid #f4a821;
  border-radius: 20px;
  height: 100%;
  padding: 40px;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 40px #0000000f;
}
.page-template-page-parents-psychology .pp-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 50px #0000001a;
}
.page-template-page-parents-psychology .pp-card:before {
  content: "";
  z-index: -1;
  opacity: 0.15;
  background: #f4a821;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  transition: all 0.5s;
  position: absolute;
  top: -50px;
  right: -50px;
}
.page-template-page-parents-psychology .pp-card:hover:before {
  transform: scale(1.2);
}
.page-template-page-parents-psychology .pp-card h3 {
  color: #f4a821;
  margin-bottom: 20px;
  font-family: Fredoka, sans-serif;
  font-size: 28px;
}
.page-template-page-parents-psychology .pp-card p {
  color: #555;
  font-size: 16px;
  line-height: 1.6;
}
.page-id-4583 .program-detail-page .feature-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 35px #f4a82133 !important;
}
.page-id-4583 .program-detail-page .enroll-btn:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 20px #0000001a;
  color: #fff !important;
  background-color: #2c2c2c !important;
}
.page-id-4583 .program-detail-page .enroll-btn {
  transition: all 0.3s !important;
}
.page-id-4583 .program-detail-page {
  color: #333;
  background-color: #fff;
  padding: 100px 0;
  font-family: Inter, sans-serif;
}
@media (max-width: 767px) {
  .page-id-4583 .program-detail-page {
    padding: 20px 0 !important;
  }
  .page-id-4583 .program-detail-page h1 {
    margin-bottom: 5px !important;
    font-size: 32px !important;
  }
  .page-id-4583 .program-detail-page .row.mb-5.align-items-center {
    margin-bottom: 20px !important;
  }
}
.page-id-4585 .program-detail-page .feature-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 35px #f4a82133 !important;
}
.page-id-4585 .program-detail-page .enroll-btn:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 20px #0000001a;
  color: #fff !important;
  background-color: #2c2c2c !important;
}
.page-id-4585 .program-detail-page .enroll-btn {
  transition: all 0.3s !important;
}
.page-id-4585 .program-detail-page {
  color: #333;
  background-color: #fff;
  padding: 100px 0;
  font-family: Inter, sans-serif;
}
@media (max-width: 767px) {
  .page-id-4585 .program-detail-page {
    padding: 20px 0 !important;
  }
  .page-id-4585 .program-detail-page h1 {
    margin-bottom: 5px !important;
    font-size: 32px !important;
  }
  .page-id-4585 .program-detail-page .row.mb-5.align-items-center {
    margin-bottom: 20px !important;
  }
}
.page-template-page-schedule-visit-apply-now {
  --color-orange: #f4a821;
  --color-orange-deep: #e69600;
  --color-orange-light: #fff8e1;
  --color-green: #80c141;
  --color-blue: #00bbf2;
  --color-text: #2c2c2c;
  --font-heading: "Fredoka", sans-serif;
  --font-body: "Calibri", "Inter", "Segoe UI", sans-serif;
}
.page-template-page-schedule-visit-apply-now .sv-page-wrapper {
  font-family: var(--font-body);
  color: var(--color-text);
  background-color: #fff;
  overflow-x: hidden;
}
.page-template-page-schedule-visit-apply-now h1,
.page-template-page-schedule-visit-apply-now h2,
.page-template-page-schedule-visit-apply-now h3,
.page-template-page-schedule-visit-apply-now h4,
.page-template-page-schedule-visit-apply-now i {
  font-family: var(--font-heading);
}
.page-template-page-schedule-visit-apply-now .mmh-admission-hero {
  text-align: center;
  padding: 100px 0 140px;
  position: relative;
  background: #fff radial-gradient(#f4a821 0.5px, #0000 0.5px) 0 0 / 20px 20px fixed !important;
}
.page-template-page-schedule-visit-apply-now .mmh-badge {
  font-family: var(--font-heading);
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #f4a821;
  background: #fff3e0;
  border-radius: 50px;
  margin-bottom: 25px;
  padding: 8px 20px;
  font-size: 16px;
  font-weight: 800;
  display: inline-block;
  box-shadow: 0 5px 15px #f4a8211a;
}
.page-template-page-schedule-visit-apply-now .mmh-admission-hero h1 {
  font-family: var(--font-heading);
  color: #1a1a2e;
  margin-bottom: 20px;
  font-size: clamp(36px, 5vw, 64px);
  font-weight: 800;
  line-height: 1.1;
}
.page-template-page-schedule-visit-apply-now .mmh-admission-hero h1 span {
  color: #f4a821;
}
.page-template-page-schedule-visit-apply-now .mmh-lead-text {
  font-family: var(--font-body);
  color: #555;
  max-width: 800px;
  margin: 0 auto 50px;
  font-size: clamp(18px, 1.5vw, 22px);
  line-height: 1.6;
}
.page-template-page-schedule-visit-apply-now .visit-info {
  background: #fff;
  padding: 80px 0;
}
.page-template-page-schedule-visit-apply-now .info-box {
  text-align: center;
  border: 2px dashed var(--color-orange);
  background: #f9f9f9;
  border-radius: 30px;
  height: 100%;
  padding: 40px;
}
.page-template-page-schedule-visit-apply-now .visit-form-section {
  background: #fdfdfd;
  padding: 100px 0;
  position: relative;
}
.page-template-page-schedule-visit-apply-now .form-container {
  background: #fff;
  border: 2px solid #f4a821;
  border-radius: 40px;
  max-width: 800px;
  margin: 0 auto;
  padding: 50px;
  position: relative;
  box-shadow: 0 30px 60px #00000014;
}
.page-template-page-schedule-visit-apply-now .form-container h2 {
  text-align: center;
  font-family: var(--font-heading);
  color: #1a1a2e;
  margin-bottom: 30px;
}
.page-template-page-schedule-visit-apply-now .mmh-input-group {
  margin-bottom: 20px;
}
.page-template-page-schedule-visit-apply-now .mmh-input-group label {
  font-family: var(--font-heading);
  color: #555;
  margin-bottom: 8px;
  font-weight: 700;
  display: block;
}
.page-template-page-schedule-visit-apply-now .mmh-input-group input,
.page-template-page-schedule-visit-apply-now .mmh-input-group select,
.page-template-page-schedule-visit-apply-now .mmh-input-group textarea {
  width: 100%;
  font-family: var(--font-body);
  border: 2px solid #f0f0f0;
  border-radius: 15px;
  padding: 12px 20px;
  font-size: 16px;
  transition: all 0.3s;
}
.page-template-page-schedule-visit-apply-now .mmh-input-group input:focus {
  border-color: #f4a821;
  outline: none;
}
.page-template-page-schedule-visit-apply-now .mmh-btn-submit {
  color: #fff;
  font-family: var(--font-heading);
  cursor: pointer;
  background: #f4a821;
  border: none;
  border-radius: 100px;
  width: 100%;
  padding: 15px 40px;
  font-size: 20px;
  font-weight: 700;
  box-shadow: 0 10px 20px #f4a82133;
}
.page-template-page-schedule-visit-apply-now .mmh-btn-submit:hover {
  background: #1a1a2e;
  transform: translateY(-3px);
}
@keyframes the-science-behind-brain-lab-school-bounce {
  0%,
  to {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}
.page-template-page-the-science-behind-brain-lab-school {
  --color-orange: #f4a821;
  --color-orange-deep: #e69600;
  --color-orange-light: #fff8e1;
  --color-green: #80c141;
  --color-green-light: #f0fff0;
  --color-blue: #00bbf2;
  --color-blue-light: #e8f5ff;
  --color-purple: #9c27b0;
  --color-purple-light: #f3e5f5;
  --color-yellow: #ffeb3b;
  --color-text: #2c2c2c;
  --font-heading: "Fredoka", sans-serif;
  --font-body: "Calibri", "Inter", "Segoe UI", sans-serif;
}
.page-template-page-the-science-behind-brain-lab-school .pi-page-wrapper {
  font-family: var(--font-body);
  color: var(--color-text);
  background-color: #fff;
  overflow-x: hidden;
}
.page-template-page-the-science-behind-brain-lab-school h1,
.page-template-page-the-science-behind-brain-lab-school h2,
.page-template-page-the-science-behind-brain-lab-school h3,
.page-template-page-the-science-behind-brain-lab-school h4,
.page-template-page-the-science-behind-brain-lab-school h5 {
  font-family: var(--font-heading);
}
.page-template-page-the-science-behind-brain-lab-school .pi-hero {
  text-align: center;
  background: #fff radial-gradient(#f4a821 0.5px, #0000 0.5px) 0 0 / 20px 20px fixed;
  padding: 100px 0 140px;
  position: relative;
}
.page-template-page-the-science-behind-brain-lab-school .pi-hero h1 {
  color: #f4a821;
  margin-bottom: 20px;
  font-size: clamp(36px, 5vw, 64px);
  font-weight: 700;
  line-height: 1.1;
}
.page-template-page-the-science-behind-brain-lab-school .pi-hero p.lead-text {
  color: #555;
  max-width: 850px;
  margin: 0 auto 50px;
  font-size: clamp(18px, 1.5vw, 24px);
  line-height: 1.6;
}
.page-template-page-the-science-behind-brain-lab-school .floating-elements {
  pointer-events: none;
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.page-template-page-the-science-behind-brain-lab-school .floating-element {
  opacity: 0.6;
  animation: 4s ease-in-out infinite the-science-behind-brain-lab-school-bounce;
  position: absolute;
}
.page-template-page-the-science-behind-brain-lab-school .fe-1 {
  color: var(--color-blue);
  font-size: 40px;
  top: 10%;
  left: 10%;
}
.page-template-page-the-science-behind-brain-lab-school .fe-2 {
  color: var(--color-green);
  font-size: 50px;
  top: 20%;
  right: 15%;
}
.page-template-page-the-science-behind-brain-lab-school .fe-3 {
  color: var(--color-purple);
  font-size: 35px;
  bottom: 15%;
  left: 15%;
}
.page-template-page-the-science-behind-brain-lab-school .fe-4 {
  color: var(--color-yellow);
  font-size: 45px;
  bottom: 10%;
  right: 10%;
}
@media (max-width: 991px) {
  .page-template-page-the-science-behind-brain-lab-school .pi-hero {
    padding: 60px 15px 100px;
  }
  .page-template-page-the-science-behind-brain-lab-school .pi-hero h1 {
    font-size: 36px;
  }
  .page-template-page-the-science-behind-brain-lab-school .pi-hero p.lead-text {
    margin-bottom: 30px;
    padding: 0 10px;
    font-size: 16px;
  }
}
@media (max-width: 576px) {
  .page-template-page-the-science-behind-brain-lab-school .pi-hero {
    padding: 40px 10px 80px;
  }
  .page-template-page-the-science-behind-brain-lab-school .pi-hero h1 {
    font-size: 28px;
  }
  .page-template-page-the-science-behind-brain-lab-school .pi-hero p.lead-text {
    font-size: 15px;
  }
}
.page-template-page-the-science-behind-brain-lab-school .breadcumb-wrapper .section-before {
  background-color: #f5f5a8 !important;
}
.page-template-page-the-science-behind-brain-lab-school .breadcumb-wrapper[data-overlay="yellow"] {
  position: relative;
}
.page-template-page-the-science-behind-brain-lab-school
  .breadcumb-wrapper[data-overlay="yellow"]:before {
  content: "";
  z-index: 1;
  background-color: #00000073;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.page-template-page-the-science-behind-brain-lab-school
  .breadcumb-wrapper[data-overlay="yellow"]
  .container {
  z-index: 2;
  position: relative;
}
.page-template-page-the-science-behind-brain-lab-school
  .breadcumb-wrapper[data-overlay="yellow"]
  .breadcumb-title,
.page-template-page-the-science-behind-brain-lab-school
  .breadcumb-wrapper[data-overlay="yellow"]
  .breadcumb-menu
  li,
.page-template-page-the-science-behind-brain-lab-school
  .breadcumb-wrapper[data-overlay="yellow"]
  .breadcumb-menu
  li
  a {
  color: #fff !important;
}
.page-template-page-the-science-behind-brain-lab-school .breadcumb-wrapper,
.page-template-page-the-science-behind-brain-lab-school #breadcumbwrap {
  display: none !important;
}
.page-template-page-the-science-behind-brain-lab-school .science-hero {
  background-color: #fff4de;
  width: 100%;
  height: auto;
  padding: 0;
  line-height: 0;
  display: block;
  position: relative;
  overflow: hidden;
  margin-top: -50px !important;
}
.page-template-page-the-science-behind-brain-lab-school .pi-page-wrapper {
  padding-top: 0 !important;
}
.page-template-page-the-science-behind-brain-lab-school .science-overlay {
  z-index: 2;
  pointer-events: none;
  background-color: #f4a82133;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.page-template-page-the-science-behind-brain-lab-school .science-hero img.hero-bg {
  object-fit: contain;
  z-index: 1;
  width: 100%;
  height: auto;
  display: block;
  position: relative;
}
.page-template-page-the-science-behind-brain-lab-school .pi-hero {
  display: none !important;
}
.page-template-page-the-science-behind-brain-lab-school .science-circle-card {
  background: #fff9f0;
  border: 3px solid #f4a821;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 280px;
  height: 280px;
  margin: 20px auto;
  padding: 30px;
  transition: all 0.3s;
  display: flex;
  box-shadow: 0 10px 20px #f4a8211a;
}
.page-template-page-the-science-behind-brain-lab-school .science-circle-card:hover {
  background: #fff4de;
  transform: scale(1.05) rotate(2deg);
  box-shadow: 0 15px 30px #f4a82133;
}
.page-template-page-the-science-behind-brain-lab-school .science-circle-card .icon {
  margin-bottom: 10px;
  font-size: 50px;
}
.page-template-page-the-science-behind-brain-lab-school .science-circle-card h4 {
  color: #ff8c00;
  margin-bottom: 10px;
  font-size: 20px;
}
.page-template-page-the-science-behind-brain-lab-school .science-circle-card p {
  color: #666;
  font-size: 14px;
  line-height: 1.4;
}
.page-id-4565 .program-detail-page .feature-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 35px #f4a82133 !important;
}
.page-id-4565 .program-detail-page .enroll-btn:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 20px #0000001a;
  color: #fff !important;
  background-color: #2c2c2c !important;
}
.page-id-4565 .program-detail-page .enroll-btn {
  transition: all 0.3s !important;
}
.page-id-4565 .program-detail-page {
  color: #333;
  background-color: #fff;
  padding: 100px 0;
  font-family: Inter, sans-serif;
}
@media (max-width: 767px) {
  .page-id-4565 .program-detail-page {
    padding: 20px 0 !important;
  }
  .page-id-4565 .program-detail-page h1 {
    margin-bottom: 5px !important;
    font-size: 32px !important;
  }
  .page-id-4565 .program-detail-page .row.mb-5.align-items-center {
    margin-bottom: 20px !important;
  }
}
@keyframes who-we-are-introduction-bounce {
  0%,
  to {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}
.page-template-page-who-we-are-introduction {
  --color-orange: #f4a821;
  --color-orange-deep: #e69600;
  --color-orange-light: #fff8e1;
  --color-green: #80c141;
  --color-green-light: #f0fff0;
  --color-blue: #00bbf2;
  --color-blue-light: #e8f5ff;
  --color-purple: #9c27b0;
  --color-purple-light: #f3e5f5;
  --color-yellow: #ffeb3b;
  --color-text: #2c2c2c;
  --font-heading: "Fredoka", sans-serif;
  --font-body: "Calibri", "Inter", "Segoe UI", sans-serif;
}
.page-template-page-who-we-are-introduction .pi-page-wrapper {
  font-family: var(--font-body);
  color: var(--color-text);
  background-color: #fff;
  overflow-x: hidden;
}
.page-template-page-who-we-are-introduction h1,
.page-template-page-who-we-are-introduction h2,
.page-template-page-who-we-are-introduction h3,
.page-template-page-who-we-are-introduction h4,
.page-template-page-who-we-are-introduction h5 {
  font-family: var(--font-heading);
}
.page-template-page-who-we-are-introduction .pi-hero {
  text-align: center;
  background: #fff radial-gradient(#f4a821 0.5px, #0000 0.5px) 0 0 / 20px 20px fixed;
  padding: 100px 0 140px;
  position: relative;
}
.page-template-page-who-we-are-introduction .pi-hero h1 {
  color: #f4a821;
  margin-bottom: 20px;
  font-size: clamp(36px, 5vw, 64px);
  font-weight: 700;
  line-height: 1.1;
}
.page-template-page-who-we-are-introduction .pi-hero p.lead-text {
  color: #555;
  max-width: 850px;
  margin: 0 auto 50px;
  font-size: clamp(18px, 1.5vw, 24px);
  line-height: 1.6;
}
.page-template-page-who-we-are-introduction .floating-elements {
  pointer-events: none;
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.page-template-page-who-we-are-introduction .floating-element {
  opacity: 0.6;
  animation: 4s ease-in-out infinite who-we-are-introduction-bounce;
  position: absolute;
}
.page-template-page-who-we-are-introduction .fe-1 {
  color: var(--color-blue);
  font-size: 40px;
  top: 10%;
  left: 10%;
}
.page-template-page-who-we-are-introduction .fe-2 {
  color: var(--color-green);
  font-size: 50px;
  top: 20%;
  right: 15%;
}
.page-template-page-who-we-are-introduction .fe-3 {
  color: var(--color-purple);
  font-size: 35px;
  bottom: 15%;
  left: 15%;
}
.page-template-page-who-we-are-introduction .fe-4 {
  color: var(--color-yellow);
  font-size: 45px;
  bottom: 10%;
  right: 10%;
}
@media (max-width: 991px) {
  .page-template-page-who-we-are-introduction .pi-hero {
    padding: 60px 15px 100px;
  }
  .page-template-page-who-we-are-introduction .pi-hero h1 {
    font-size: 36px;
  }
  .page-template-page-who-we-are-introduction .pi-hero p.lead-text {
    margin-bottom: 30px;
    padding: 0 10px;
    font-size: 16px;
  }
}
@media (max-width: 576px) {
  .page-template-page-who-we-are-introduction .pi-hero {
    padding: 40px 10px 80px;
  }
  .page-template-page-who-we-are-introduction .pi-hero h1 {
    font-size: 28px;
  }
  .page-template-page-who-we-are-introduction .pi-hero p.lead-text {
    font-size: 15px;
  }
}
.page-template-page-who-we-are-introduction .pi-hero {
  background: #fff;
  padding: 100px 0;
}
.page-template-page-who-we-are-introduction .pi-section-title {
  color: #f4a821;
  text-align: center;
  margin-bottom: 30px;
  font-size: 48px;
  font-weight: 800;
}
.page-template-page-who-we-are-introduction .pi-centered-text {
  text-align: center;
  color: #333;
  max-width: 900px;
  margin: 0 auto;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.8;
}
.page-template-page-who-we-are-introduction .pi-sub-section {
  border-top: 1px solid #eee;
  padding: 80px 0;
}
.page-template-page-why-the-first-six-years-matter-most .animate-on-scroll {
  opacity: 0;
  transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.page-template-page-why-the-first-six-years-matter-most .animate-visible {
  opacity: 1;
  transform: translateY(0) !important;
}
.page-template-page-why-the-first-six-years-matter-most .fade-up {
  transform: translateY(50px);
}
.page-template-page-why-the-first-six-years-matter-most .fade-left {
  transform: translate(50px);
}
.page-template-page-why-the-first-six-years-matter-most .fade-right {
  transform: translate(-50px);
}
.page-template-page-why-the-first-six-years-matter-most .pi-hero-new {
  background: #fff9f0;
  padding: 120px 0;
  position: relative;
  overflow: hidden;
}
.page-template-page-why-the-first-six-years-matter-most .hero-childish-bg {
  z-index: 0;
  background-image: radial-gradient(circle at 2px 2px, #f4a8211a 1px, #0000 0);
  background-size: 30px 30px;
  position: absolute;
  inset: 0;
}
.page-template-page-why-the-first-six-years-matter-most .pi-hero-new h1 {
  margin-bottom: 30px;
  font-size: clamp(40px, 6vw, 72px);
  line-height: 1;
}
.page-template-page-why-the-first-six-years-matter-most .stat-block {
  text-align: center;
  background: #fff;
  border: 4px solid;
  border-radius: 40px;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 50px 30px;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  display: flex;
  position: relative;
  box-shadow: 0 15px #0000000d;
}
.page-template-page-why-the-first-six-years-matter-most .stat-block:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px #00000014;
}
.page-template-page-why-the-first-six-years-matter-most .stat-block .stat-num {
  margin-bottom: 20px;
  font-size: clamp(40px, 4vw, 60px);
  font-weight: 900;
  line-height: 1;
  display: block;
}
.page-template-page-why-the-first-six-years-matter-most .stat-block .stat-desc {
  color: #555;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
}
.page-template-page-why-the-first-six-years-matter-most .alignment-note {
  background: #fff;
  border: 3px solid #eee;
  border-radius: 20px;
  height: 100%;
  padding: 50px 40px;
  transition: all 0.4s;
  position: relative;
  box-shadow: 10px 10px #f4a8211a;
}
.page-template-page-why-the-first-six-years-matter-most .alignment-note:hover {
  border-color: #f4a821;
  transform: rotate(-1deg) scale(1.02);
}
.page-template-page-why-the-first-six-years-matter-most .alignment-note:before {
  content: "";
  background: #f4a82133;
  width: 100px;
  height: 30px;
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translate(-50%);
  box-shadow: 0 2px 5px #0000000d;
}
.page-template-page-why-the-first-six-years-matter-most .alignment-note h3 {
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: 800;
}
.page-template-page-why-the-first-six-years-matter-most .alignment-note p {
  color: #666;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6;
}
@media (max-width: 767px) {
  .page-template-page-why-the-first-six-years-matter-most .pi-hero-new h1 {
    font-size: 48px !important;
    font-weight: 900 !important;
  }
}
:root {
  --header-logo-h: 84px;
}
@media (min-width: 992px) {
  .vs-header .header-logo {
    padding: 8px 24px 8px 0;
  }
  .vs-header .header-logo img {
    height: var(--header-logo-h) !important;
    max-height: var(--header-logo-h) !important;
    width: auto !important;
    margin-top: 0 !important;
  }
  .header-menu-area .col-auto:first-child {
    min-width: 0 !important;
  }
  .main-menu > ul > li {
    padding: 14px 0;
  }
}
.js .wow {
  visibility: hidden;
}
.js .wow.animated {
  visibility: visible;
}
.hero-slider1.vs-carousel:not(.slick-initialized) > .hero-slide-custom:not(:first-child) {
  display: none !important;
}
.shape-slider.vs-carousel:not(.slick-initialized) > .slide-item:not(:first-child) {
  display: none;
}
.row.vs-carousel:not(.slick-initialized) {
  flex-wrap: nowrap;
  overflow: hidden;
}
.row.vs-carousel:not(.slick-initialized) > * {
  flex: 0 0 auto;
}
.footer-links {
  list-style: none;
  padding: 0;
  margin-top: 15px;
}
.footer-links a {
  color: #fff;
  text-decoration: none;
  margin-bottom: 10px;
  display: block;
  font-size: 16px;
}
.footer-links a i {
  font-size: 12px;
  margin-right: 8px;
  color: #f4a821;
}
.modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00000080;
  z-index: 1000;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.modal-overlay.active {
  display: flex;
  opacity: 1;
}
.modal-container {
  background-color: #fff;
  border-radius: 20px;
  padding: 40px;
  width: 90%;
  max-width: 500px;
  position: relative;
  box-shadow: 0 10px 40px #0003;
  transform: translateY(20px);
  transition: transform 0.3s ease;
  max-height: 90vh;
  overflow-y: auto;
}
.modal-overlay.active .modal-container {
  transform: translateY(0);
}
.modal-close {
  position: absolute;
  top: 20px;
  right: 20px;
  background: none;
  border: none;
  font-size: 24px;
  color: #666;
  cursor: pointer;
  transition: color 0.3s ease;
}
.modal-close:hover {
  color: var(--theme-color, #f4a821);
}
.modal-title {
  font-size: 28px;
  font-weight: 700;
  color: var(--title-color, #333);
  margin-bottom: 25px;
  text-align: center;
  font-family: var(--title-font, sans-serif);
}
.form-group {
  margin-bottom: 20px;
}
.form-label {
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
  color: var(--title-color, #333);
  font-family: var(--para-font, sans-serif);
}
.form-input {
  width: 100%;
  padding: 12px 15px;
  border: 2px solid #eee;
  border-radius: 10px;
  font-family: var(--para-font, sans-serif);
  transition: border-color 0.3s ease;
}
.form-input:focus {
  outline: none;
  border-color: var(--theme-color, #f4a821);
}
.submit-btn {
  width: 100%;
  background-color: #f29900;
  color: #fff;
  padding: 15px;
  border: none;
  border-radius: 9999px;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.3s ease;
  font-family: var(--body-font, sans-serif);
  margin-top: 10px;
}
.submit-btn:hover {
  background-color: var(--theme-color, #f4a821);
}
.submit-btn:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.form-status {
  margin-top: 15px;
  text-align: center;
  font-family: var(--para-font, sans-serif);
  font-weight: 500;
}
#formspree-toast-container {
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translate(-50%);
  z-index: 10000;
  pointer-events: none;
}
.formspree-toast {
  background: #fff;
  color: #103741;
  padding: 16px 24px;
  border-radius: 12px;
  box-shadow: 0 10px 40px #00000026;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: Fredoka, sans-serif;
  font-weight: 600;
  font-size: 16px;
  opacity: 0;
  transform: translateY(-20px);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  border-left: 5px solid #f4a821;
  pointer-events: auto;
}
.formspree-toast.active {
  opacity: 1;
  transform: translateY(0);
}
.formspree-toast.success {
  border-left-color: #28a745;
}
.formspree-toast.error {
  border-left-color: #dc3545;
}
.formspree-toast i {
  font-size: 20px;
}
html.js body .lazy-bg:not(.bg-loaded) {
  background-image: none !important;
}
@media (max-width: 991px) {
  .vs-header .header-logo img {
    width: 110px !important;
    height: 110px !important;
  }
}
.preloader-logo {
  width: 220px !important;
  height: 220px !important;
}
body.home .slide-slide-1 .vs-hero-bg {
  background-image: url(/assets/img/banners-brain-lab-02.webp);
}
body.home .slide-slide-2 .vs-hero-bg {
  background-image: url(/assets/img/banners-brain-lab-01.webp);
}
body.home .slide-slide-3 .vs-hero-bg {
  background-image: url(/assets/img/banners-brain-lab-03.webp);
}
body.home .service-section,
body.home .our-programs-section,
body.home .special-programs-section,
body.home .separation-anxiety-section,
body.home .mother-counselling-section,
body.home .process-section,
body.home .classes-section,
body.home .appointment-section,
body.home .childish-reviews-section,
body.home .blog-section,
body.home .careers-section {
  content-visibility: auto;
  contain-intrinsic-size: auto 700px;
}
.footer-wrapper {
  content-visibility: auto;
  contain-intrinsic-size: auto 640px;
}

.class-card-custom {
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease;
}
.class-card-custom:hover {
  transform: translateY(-5px);
}
.class-card-custom .class-img-wrap {
  position: relative;
  height: 250px;
  overflow: hidden;
}
.class-card-custom .class-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.class-card-custom .class-fee {
  position: absolute;
  top: 20px;
  right: 20px;
  background: #f4a821;
  color: #fff;
  padding: 5px 15px;
  border-radius: 10px;
  font-weight: 700;
  font-family: "Fredoka", sans-serif;
}
.class-card-custom .class-content {
  padding: 30px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.class-card-custom .class-title {
  font-size: 24px;
  font-weight: 700;
  color: #1a1000;
  margin-bottom: 15px;
  font-family: "Fredoka", sans-serif;
}
.class-card-custom .class-title a {
  color: inherit;
  text-decoration: none;
}
.class-card-custom .class-excerpt {
  font-size: 15px;
  color: #666;
  line-height: 1.6;
  margin-bottom: 20px;
}
.class-card-custom .class-meta-mini {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #f0f0f0;
  padding-top: 15px;
}
.class-card-custom .class-meta-mini span {
  font-size: 13px;
  color: #f4a821;
  font-weight: 600;
}
.class-card-custom .class-more-btn {
  background-color: #f4a821;
  color: #1a1000;
  text-align: center;
  border-radius: 50px;
  padding: 10px 20px;
}

/* Accessibility: skip link and slider dots with a 24px touch target (same 12px visible dot) */
.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 100000;
  background: #1a1000;
  color: #fff;
  padding: 12px 20px;
  border-radius: 0 0 8px 0;
  font-weight: 600;
}
.skip-link:focus {
  left: 0;
  color: #fff;
}
.slick-dots button {
  position: relative;
  width: 24px;
  height: 24px;
  border: 0;
}
.slick-dots button::before {
  content: "";
  position: absolute;
  inset: 6px;
  box-sizing: border-box;
  border: 3px solid #7a7a7a;
  border-radius: 9999px;
  transition: all ease 0.4s;
}
.slick-dots button:hover::before,
.slick-dots .slick-active button::before {
  border-color: var(--theme-color);
}
.slick-dots .slick-active button {
  transform: none;
}
.slick-dots .slick-active button::before {
  transform: scale(1.5);
}

.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}