@charset "UTF-8";
/*-----------------------------------------------------------------------------------

    Template Name: EdCare - Online Education LMS HTML5 Template
    Author: RRDevs
    Description: EdCare - Online Education LMS HTML5 Template
    Version: 1.0

-----------------------------------------------------------------------------------


/************ TABLE OF CONTENTS ***************

	01.  Default CSS
	02. background CSS
	03. buttons css

**********************************************/
/**----------------------------------------
START: Default CSS
----------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap");
:root {
  --ed-ff-body: 'Outfit', sans-serif;
  --ed-ff-heading: 'Outfit', serif;
  --ed-ff-p: 'Outfit', sans-serif;

  --ed-fw-normal: normal;
  --ed-fw-thin: 100;
  --ed-fw-elight: 200;
  --ed-fw-light: 300;
  --ed-fw-regular: 400;
  --ed-fw-medium: 500;
  --ed-fw-sbold: 600;
  --ed-fw-bold: 700;
  --ed-fw-ebold: 800;
  --ed-fw-black: 900;

  --ed-fs-body: 16px;
  --ed-fs-p: 16px;
  --ed-fs-h1: 64px;
  --ed-fs-h2: 40px;
  --ed-fs-h3: 24px;
  --ed-fs-h4: 20px;
  --ed-fs-h5: 16px;
  --ed-fs-h6: 14px;

  /* Common */
  --ed-color-common-white: #FFFFFF;
  --ed-color-common-black: #000000;

  /* Theme */
  --ed-color-heading-primary: #16243A;
  --ed-color-text-body: #5F6670;
  --ed-color-theme-new-brand: #0e4659;
  --line:       #e5e7eb;

  /* Grey */
  --ed-color-grey-1: #F7F9FC;
  --ed-color-grey-2: #EEF2F6;

  /* Background */
  --ed-color-bg-1: #0B2D5C;
  --ed-color-bg-2: #16243A;

  /* Border */
  --ed-color-border-1: #E2E6EC;

  --sambhavam-blue: #034861;
    --sambhavam-teal: #016d77;
    --sambhavam-gold: #deb65e;

    /* Old vars kept defined (in case other CSS still references them)
       but repointed to the new palette so nothing breaks and nothing
       renders orange/green/yellow anymore. */
    --sambhavam-green: #016d77;
    --sambhavam-yellow: #deb65e;
    --sambhavam-orange: #deb65e;
    --sambhavam-red-orange: #034861;

    --ed-color-theme-primary: #034861;
    --ed-color-theme-secondary: #016d77;
    --ed-color-brand-navy: #034861;
    --ed-color-brand-orange: #deb65e;
    --ed-color-brand-yellow: #deb65e;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/**
	Typography CSS
*/
body {
  font-family: var(--ed-ff-body);
  font-size: 16px;
  line-height: 1.625;
  font-weight: normal;
  color: var(--ed-color-text-body);
}

img {
  max-width: 100%;
}

a {
  text-decoration: none;
}

a,
a:hover {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--ed-ff-heading);
  color: var(--ed-color-heading-primary);
  margin-top: 0px;
  font-weight: var(--ed-fw-sbold);
  line-height: 1.2;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

h1 {
  font-size: var(--ed-fs-h1);
}

h2 {
  font-size: var(--ed-fs-h2);
}

h3 {
  font-size: var(--ed-fs-h3);
}

h4 {
  font-size: var(--ed-fs-h4);
}

h5 {
  font-size: var(--ed-fs-h5);
}

h6 {
  font-size: var(--ed-fs-h6);
}

ul {
  margin: 0px;
  padding: 0px;
}

p {
  font-family: var(--ed-ff-p);
  font-size: 16px;
  font-weight: var(--ed-fw-normal);
  color: var(--ed-color-text-body);
  margin-bottom: 15px;
  line-height: 28px;
}

a:focus,
.button:focus {
  text-decoration: none;
  outline: none;
}

a:focus,
a:hover {
  color: inherit;
  text-decoration: none;
}

a:hover {
  color: var(--ed-color-theme-primary);
}

.slick-list.draggable {
  cursor: grab;
}

a,
button {
  color: inherit;
  outline: none;
  border: none;
  background: transparent;
}

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
  border: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

input {
  outline: none;
}

input[type=color] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: 0;
  cursor: pointer;
  height: 100%;
  width: 100%;
  padding: 0;
  border-radius: 50%;
}

ul {
  display: block;
  padding: 0;
  margin: 0;
}

*::-moz-selection {
  background: var(--ed-color-common-black);
  color: var(--ed-color-common-white);
  text-shadow: none;
}

::-moz-selection {
  background: var(--ed-color-common-black);
  color: var(--ed-color-common-white);
  text-shadow: none;
}

::selection {
  background: var(--ed-color-common-black);
  color: var(--ed-color-common-white);
  text-shadow: none;
}

*::-moz-placeholder {
  color: var(--ed-color-common-black);
  font-size: var(--ed-fs-body);
  opacity: 1;
}

*::placeholder {
  color: var(--ed-color-common-black);
  font-size: var(--ed-fs-body);
  opacity: 1;
}

/**
 	Common Classes CSS
*/
.w-img img {
  width: 100%;
}

.m-img img {
  max-width: 100%;
}

.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

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

.z-index-11 {
  z-index: 11;
}

.overflow-y-visible {
  overflow-x: hidden;
  overflow-y: visible;
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

.include-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.b-radius {
  border-radius: 6px;
}

.bg-grey {
  background-color: var(--ed-color-grey-1);
}

.bg-dark-1 {
  background-color: var(--ed-color-heading-primary);
}

.container {
  max-width: 1348px;
}

.bd-bottom {
  border-bottom: 1px solid #edebf9;
}

.overflow-h {
  overflow: hidden;
}

.section-heading {
  margin-bottom: 60px;
}
@media only screen and (max-width: 992px) {
  .section-heading {
    margin-bottom: 40px;
  }
}
.section-heading .sub-heading {
  background-color: var(--ed-color-common-white);
  font-family: var(--ed-ff-heading);
  color: var(--ed-color-heading-primary);
  font-size: 16px;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  column-gap: 10px;
  margin-bottom: 20px;
  position: relative;
  border: 1px solid #E0E5EB;
  padding: 5px 15px 5px 5px;
  border-radius: 100px;
}
.section-heading .sub-heading .heading-icon {
  background-color: rgba(7, 166, 152, 0.15);
  color: var(--ed-color-theme-primary);
  font-size: 14px;
  height: 28px;
  width: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-heading .section-title {
  font-size: 40px;
  line-height: 1.2;
  font-weight: 600;
  display: block;
  margin-bottom: 0;
  text-transform: inherit;
  position: relative;
}
@media (max-width: 1200px) {
  .section-heading .section-title {
    font-size: 40px;
  }
  .section-heading .section-title br {
    display: none;
  }
}
@media only screen and (max-width: 992px) {
  .section-heading .section-title {
    font-size: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .section-heading .section-title {
    font-size: 32px;
  }
}
.section-heading .section-title span {
  color: var(--ed-color-theme-primary);
}
.section-heading.white-content p,
.section-heading.white-content .section-title {
  color: var(--ed-color-common-white);
}

.white-content h1,
.white-content h2,
.white-content h3,
.white-content h4,
.white-content h5,
.white-content h6,
.white-content p,
.white-content li,
.white-content span {
  color: var(--ed-color-common-white);
}

.heading-space {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 25px;
  margin-bottom: 60px;
}
@media only screen and (max-width: 992px) {
  .heading-space {
    margin-bottom: 20px;
  }
}

.white-content h1,
.white-content h2,
.white-content h3,
.white-content h4,
.white-content h5,
.white-content h6,
.white-content p,
.white-content li,
.white-content span {
  color: var(--ed-color-common-white);
}


/*  Custom Cursor */
@media (min-width: 992px) {
  .mt-cursor {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: fixed;
    left: 10px;
    top: 10px;
    user-select: none;
    pointer-events: none;
    visibility: hidden;
    z-index: 10000;
    -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .mt-cursor:before {
    background: var(--ed-color-theme-primary);
    opacity: 1;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.3s ease;
  }
  .mt-cursor.cursor-grow:before {
    opacity: 0.7;
    transform: scale(1.5);
    transition: all 0.3s ease;
  }
  .mt-cursor.hide {
    opacity: 0;
    transition: opacity 0.3s ease;
    transition-delay: 0.4s;
  }
  .mt-cursor.hide .inner {
    transform: scale(0.1);
    transition: transform 0.3s ease;
  }
}
.sticky-widget {
  position: -webkit-sticky;
  position: sticky;
  top: 150px;
}

@media only screen and (max-width: 767px) {
  br {
    display: none;
  }
}
.ripple,
.ripple:before,
.ripple:after {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50px;
  height: 50px;
  transform: translateX(-50%) translateY(-50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
  -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
  -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
  -webkit-animation: rippleOne 3s infinite;
  -moz-animation: rippleOne 3s infinite;
  -ms-animation: rippleOne 3s infinite;
  -o-animation: rippleOne 3s infinite;
  animation: rippleOne 3s infinite;
}

.ripple {
  z-index: -1;
}

.ripple:before {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  animation-delay: 0.9s;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
}

.ripple:after {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
}

@-webkit-keyframes rippleOne {
  70% {
    box-shadow: 0 0 0 20px rgba(244, 68, 56, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
  }
}
@keyframes rippleOne {
  70% {
    box-shadow: 0 0 0 20px rgba(244, 68, 56, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
  }
}
/*-- Margin Top --*/
.mt-5 {
  margin-top: 5px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-55 {
  margin-top: 55px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-65 {
  margin-top: 65px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-75 {
  margin-top: 75px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-85 {
  margin-top: 85px;
}

.mt-90 {
  margin-top: 90px;
}

.mt-95 {
  margin-top: 95px;
}

.mt-100 {
  margin-top: 100px;
}

.mt-105 {
  margin-top: 105px;
}

.mt-110 {
  margin-top: 110px;
}

.mt-115 {
  margin-top: 115px;
}

.mt-120 {
  margin-top: 120px;
}

.mt-125 {
  margin-top: 125px;
}

.mt-130 {
  margin-top: 130px;
}

.mt-135 {
  margin-top: 135px;
}

.mt-140 {
  margin-top: 140px;
}

.mt-145 {
  margin-top: 145px;
}

.mt-150 {
  margin-top: 150px;
}

.mt-155 {
  margin-top: 155px;
}

.mt-160 {
  margin-top: 160px;
}

.mt-165 {
  margin-top: 165px;
}

.mt-170 {
  margin-top: 170px;
}

.mt-175 {
  margin-top: 175px;
}

.mt-180 {
  margin-top: 180px;
}

.mt-185 {
  margin-top: 185px;
}

.mt-190 {
  margin-top: 190px;
}

.mt-195 {
  margin-top: 195px;
}

.mt-200 {
  margin-top: 200px;
}

/*-- Margin Bottom --*/
.mb-5 {
  margin-bottom: 5px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-45 {
  margin-bottom: 45px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-55 {
  margin-bottom: 55px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-65 {
  margin-bottom: 65px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-75 {
  margin-bottom: 75px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-85 {
  margin-bottom: 85px;
}

.mb-90 {
  margin-bottom: 90px;
}

.mb-95 {
  margin-bottom: 95px;
}

.mb-100 {
  margin-bottom: 100px;
}

.mb-105 {
  margin-bottom: 105px;
}

.mb-110 {
  margin-bottom: 110px;
}

.mb-115 {
  margin-bottom: 115px;
}

.mb-120 {
  margin-bottom: 120px;
}

.mb-125 {
  margin-bottom: 125px;
}

.mb-130 {
  margin-bottom: 130px;
}

.mb-135 {
  margin-bottom: 135px;
}

.mb-140 {
  margin-bottom: 140px;
}

.mb-145 {
  margin-bottom: 145px;
}

.mb-150 {
  margin-bottom: 150px;
}

.mb-155 {
  margin-bottom: 155px;
}

.mb-160 {
  margin-bottom: 160px;
}

.mb-165 {
  margin-bottom: 165px;
}

.mb-170 {
  margin-bottom: 170px;
}

.mb-175 {
  margin-bottom: 175px;
}

.mb-180 {
  margin-bottom: 180px;
}

.mb-185 {
  margin-bottom: 185px;
}

.mb-190 {
  margin-bottom: 190px;
}

.mb-195 {
  margin-bottom: 195px;
}

.mb-200 {
  margin-bottom: 200px;
}

/*-- Margin Left --*/
.ml-5 {
  margin-left: 5px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-15 {
  margin-left: 15px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-25 {
  margin-left: 25px;
}

.ml-30 {
  margin-left: 30px;
}

.ml-35 {
  margin-left: 35px;
}

.ml-40 {
  margin-left: 40px;
}

.ml-45 {
  margin-left: 45px;
}

.ml-50 {
  margin-left: 50px;
}

.ml-55 {
  margin-left: 55px;
}

.ml-60 {
  margin-left: 60px;
}

.ml-65 {
  margin-left: 65px;
}

.ml-70 {
  margin-left: 70px;
}

.ml-75 {
  margin-left: 75px;
}

.ml-80 {
  margin-left: 80px;
}

.ml-85 {
  margin-left: 85px;
}

.ml-90 {
  margin-left: 90px;
}

.ml-95 {
  margin-left: 95px;
}

.ml-100 {
  margin-left: 100px;
}

.ml-105 {
  margin-left: 105px;
}

.ml-110 {
  margin-left: 110px;
}

.ml-115 {
  margin-left: 115px;
}

.ml-120 {
  margin-left: 120px;
}

.ml-125 {
  margin-left: 125px;
}

.ml-130 {
  margin-left: 130px;
}

.ml-135 {
  margin-left: 135px;
}

.ml-140 {
  margin-left: 140px;
}

.ml-145 {
  margin-left: 145px;
}

.ml-150 {
  margin-left: 150px;
}

.ml-155 {
  margin-left: 155px;
}

.ml-160 {
  margin-left: 160px;
}

.ml-165 {
  margin-left: 165px;
}

.ml-170 {
  margin-left: 170px;
}

.ml-175 {
  margin-left: 175px;
}

.ml-180 {
  margin-left: 180px;
}

.ml-185 {
  margin-left: 185px;
}

.ml-190 {
  margin-left: 190px;
}

.ml-195 {
  margin-left: 195px;
}

.ml-200 {
  margin-left: 200px;
}

/*-- Margin Right --*/
.mr-5 {
  margin-right: 5px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-15 {
  margin-right: 15px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-25 {
  margin-right: 25px;
}

.mr-30 {
  margin-right: 30px;
}

.mr-35 {
  margin-right: 35px;
}

.mr-40 {
  margin-right: 40px;
}

.mr-45 {
  margin-right: 45px;
}

.mr-50 {
  margin-right: 50px;
}

.mr-55 {
  margin-right: 55px;
}

.mr-60 {
  margin-right: 60px;
}

.mr-65 {
  margin-right: 65px;
}

.mr-70 {
  margin-right: 70px;
}

.mr-75 {
  margin-right: 75px;
}

.mr-80 {
  margin-right: 80px;
}

.mr-85 {
  margin-right: 85px;
}

.mr-90 {
  margin-right: 90px;
}

.mr-95 {
  margin-right: 95px;
}

.mr-100 {
  margin-right: 100px;
}

.mr-105 {
  margin-right: 105px;
}

.mr-110 {
  margin-right: 110px;
}

.mr-115 {
  margin-right: 115px;
}

.mr-120 {
  margin-right: 120px;
}

.mr-125 {
  margin-right: 125px;
}

.mr-130 {
  margin-right: 130px;
}

.mr-135 {
  margin-right: 135px;
}

.mr-140 {
  margin-right: 140px;
}

.mr-145 {
  margin-right: 145px;
}

.mr-150 {
  margin-right: 150px;
}

.mr-155 {
  margin-right: 155px;
}

.mr-160 {
  margin-right: 160px;
}

.mr-165 {
  margin-right: 165px;
}

.mr-170 {
  margin-right: 170px;
}

.mr-175 {
  margin-right: 175px;
}

.mr-180 {
  margin-right: 180px;
}

.mr-185 {
  margin-right: 185px;
}

.mr-190 {
  margin-right: 190px;
}

.mr-195 {
  margin-right: 195px;
}

.mr-200 {
  margin-right: 200px;
}

/*-- Padding Top --*/
.pt-5 {
  padding-top: 5px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-25 {
  padding-top: 25px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-35 {
  padding-top: 35px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-45 {
  padding-top: 45px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-55 {
  padding-top: 55px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-65 {
  padding-top: 65px;
}

.pt-70 {
  padding-top: 70px;
}

.pt-75 {
  padding-top: 75px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-85 {
  padding-top: 85px;
}

.pt-90 {
  padding-top: 90px;
}

.pt-95 {
  padding-top: 95px;
}

.pt-100 {
  padding-top: 100px;
}

.pt-105 {
  padding-top: 105px;
}

.pt-110 {
  padding-top: 110px;
}

.pt-115 {
  padding-top: 115px;
}

.pt-120 {
  padding-top: 120px;
}

.pt-125 {
  padding-top: 125px;
}

.pt-130 {
  padding-top: 130px;
}

.pt-135 {
  padding-top: 135px;
}

.pt-140 {
  padding-top: 140px;
}

.pt-145 {
  padding-top: 145px;
}

.pt-150 {
  padding-top: 150px;
}

.pt-155 {
  padding-top: 155px;
}

.pt-160 {
  padding-top: 160px;
}

.pt-165 {
  padding-top: 165px;
}

.pt-170 {
  padding-top: 170px;
}

.pt-175 {
  padding-top: 175px;
}

.pt-180 {
  padding-top: 180px;
}

.pt-185 {
  padding-top: 185px;
}

.pt-190 {
  padding-top: 190px;
}

.pt-195 {
  padding-top: 195px;
}

.pt-200 {
  padding-top: 200px;
}

/*-- Padding Bottom --*/
.pb-5 {
  padding-bottom: 5px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-35 {
  padding-bottom: 35px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-45 {
  padding-bottom: 45px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-55 {
  padding-bottom: 55px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-65 {
  padding-bottom: 65px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-75 {
  padding-bottom: 75px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-85 {
  padding-bottom: 85px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pb-95 {
  padding-bottom: 95px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-105 {
  padding-bottom: 105px;
}

.pb-110 {
  padding-bottom: 110px;
}

.pb-115 {
  padding-bottom: 115px;
}

.pb-120 {
  padding-bottom: 120px;
}

.pb-125 {
  padding-bottom: 125px;
}

.pb-130 {
  padding-bottom: 130px;
}

.pb-135 {
  padding-bottom: 135px;
}

.pb-140 {
  padding-bottom: 140px;
}

.pb-145 {
  padding-bottom: 145px;
}

.pb-150 {
  padding-bottom: 150px;
}

.pb-155 {
  padding-bottom: 155px;
}

.pb-160 {
  padding-bottom: 160px;
}

.pb-165 {
  padding-bottom: 165px;
}

.pb-170 {
  padding-bottom: 170px;
}

.pb-175 {
  padding-bottom: 175px;
}

.pb-180 {
  padding-bottom: 180px;
}

.pb-185 {
  padding-bottom: 185px;
}

.pb-190 {
  padding-bottom: 190px;
}

.pb-195 {
  padding-bottom: 195px;
}

.pb-200 {
  padding-bottom: 200px;
}

/*-- Padding Left --*/
.pl-5 {
  padding-left: 5px;
}

.pl-10 {
  padding-left: 10px;
}

.pl-15 {
  padding-left: 15px;
}

.pl-20 {
  padding-left: 20px;
}

.pl-25 {
  padding-left: 25px;
}

.pl-30 {
  padding-left: 30px;
}

.pl-35 {
  padding-left: 35px;
}

.pl-40 {
  padding-left: 40px;
}

.pl-45 {
  padding-left: 45px;
}

.pl-50 {
  padding-left: 50px;
}

.pl-55 {
  padding-left: 55px;
}

.pl-60 {
  padding-left: 60px;
}

.pl-65 {
  padding-left: 65px;
}

.pl-70 {
  padding-left: 70px;
}

.pl-75 {
  padding-left: 75px;
}

.pl-80 {
  padding-left: 80px;
}

.pl-85 {
  padding-left: 85px;
}

.pl-90 {
  padding-left: 90px;
}

.pl-95 {
  padding-left: 95px;
}

.pl-100 {
  padding-left: 100px;
}

.pl-105 {
  padding-left: 105px;
}

.pl-110 {
  padding-left: 110px;
}

.pl-115 {
  padding-left: 115px;
}

.pl-120 {
  padding-left: 120px;
}

.pl-125 {
  padding-left: 125px;
}

.pl-130 {
  padding-left: 130px;
}

.pl-135 {
  padding-left: 135px;
}

.pl-140 {
  padding-left: 140px;
}

.pl-145 {
  padding-left: 145px;
}

.pl-150 {
  padding-left: 150px;
}

.pl-155 {
  padding-left: 155px;
}

.pl-160 {
  padding-left: 160px;
}

.pl-165 {
  padding-left: 165px;
}

.pl-170 {
  padding-left: 170px;
}

.pl-175 {
  padding-left: 175px;
}

.pl-180 {
  padding-left: 180px;
}

.pl-185 {
  padding-left: 185px;
}

.pl-190 {
  padding-left: 190px;
}

.pl-195 {
  padding-left: 195px;
}

.pl-200 {
  padding-left: 200px;
}

/*-- Padding Right --*/
.pr-5 {
  padding-right: 5px;
}

.pr-10 {
  padding-right: 10px;
}

.pr-15 {
  padding-right: 15px;
}

.pr-20 {
  padding-right: 20px;
}

.pr-25 {
  padding-right: 25px;
}

.pr-30 {
  padding-right: 30px;
}

.pr-35 {
  padding-right: 35px;
}

.pr-40 {
  padding-right: 40px;
}

.pr-45 {
  padding-right: 45px;
}

.pr-50 {
  padding-right: 50px;
}

.pr-55 {
  padding-right: 55px;
}

.pr-60 {
  padding-right: 60px;
}

.pr-65 {
  padding-right: 65px;
}

.pr-70 {
  padding-right: 70px;
}

.pr-75 {
  padding-right: 75px;
}

.pr-80 {
  padding-right: 80px;
}

.pr-85 {
  padding-right: 85px;
}

.pr-90 {
  padding-right: 90px;
}

.pr-95 {
  padding-right: 95px;
}

.pr-100 {
  padding-right: 100px;
}

.pr-105 {
  padding-right: 105px;
}

.pr-110 {
  padding-right: 110px;
}

.pr-115 {
  padding-right: 115px;
}

.pr-120 {
  padding-right: 120px;
}

.pr-125 {
  padding-right: 125px;
}

.pr-130 {
  padding-right: 130px;
}

.pr-135 {
  padding-right: 135px;
}

.pr-140 {
  padding-right: 140px;
}

.pr-145 {
  padding-right: 145px;
}

.pr-150 {
  padding-right: 150px;
}

.pr-155 {
  padding-right: 155px;
}

.pr-160 {
  padding-right: 160px;
}

.pr-165 {
  padding-right: 165px;
}

.pr-170 {
  padding-right: 170px;
}

.pr-175 {
  padding-right: 175px;
}

.pr-180 {
  padding-right: 180px;
}

.pr-185 {
  padding-right: 185px;
}

.pr-190 {
  padding-right: 190px;
}

.pr-195 {
  padding-right: 195px;
}

.pr-200 {
  padding-right: 200px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-50 {
  margin-top: 50px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-45 {
  margin-bottom: 45px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-60 {
  margin-bottom: 60px;
}

.pt-180 {
  padding-top: 180px;
}
@media only screen and (max-width: 992px) {
  .pt-180 {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .pt-180 {
    padding-top: 50px;
  }
}

.pt-120 {
  padding-top: 120px;
}
@media only screen and (max-width: 992px) {
  .pt-120 {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .pt-120 {
    padding-top: 60px;
  }
}

.pt-90 {
  padding-top: 90px;
}
@media only screen and (max-width: 992px) {
  .pt-90 {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .pt-90 {
    padding-top: 60px;
  }
}

.pt-80 {
  padding-top: 80px;
}
@media only screen and (max-width: 992px) {
  .pt-80 {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .pt-80 {
    padding-top: 60px;
  }
}

.pt-70 {
  padding-top: 70px;
}
@media only screen and (max-width: 992px) {
  .pt-70 {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .pt-70 {
    padding-top: 60px;
  }
}

.pb-180 {
  padding-bottom: 180px;
}
@media only screen and (max-width: 992px) {
  .pb-180 {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .pb-180 {
    padding-bottom: 60px;
  }
}

.pb-120 {
  padding-bottom: 120px;
}
@media only screen and (max-width: 992px) {
  .pb-120 {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .pb-120 {
    padding-bottom: 60px;
  }
}

.pb-90 {
  padding-bottom: 90px;
}
@media only screen and (max-width: 992px) {
  .pb-90 {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .pb-90 {
    padding-bottom: 60px;
  }
}

.pb-80 {
  padding-bottom: 80px;
}
@media only screen and (max-width: 992px) {
  .pb-80 {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .pb-80 {
    padding-bottom: 60px;
  }
}

.pb-70 {
  padding-bottom: 70px;
}
@media only screen and (max-width: 992px) {
  .pb-70 {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .pb-70 {
    padding-bottom: 60px;
  }
}

@media only screen and (max-width: 992px) {
  .md-pb-30 {
    padding-bottom: 30px;
  }
}

@media only screen and (max-width: 992px) {
  .md-pb-40 {
    padding-bottom: 40px;
  }
}

@media only screen and (max-width: 992px) {
  .md-pb-50 {
    padding-bottom: 50px;
  }
}

.running-text {
  background-color: var(--ed-color-theme-primary);
  padding: 23px 0;
}
.running-text ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 80px;
}
.running-text ul li {
  display: inline-block;
  white-space: nowrap;
  font-size: 24px;
  color: var(--ed-color-common-white);
  text-transform: capitalize;
  font-weight: 600;
  position: relative;
}
.running-text ul li:before {
  background-color: var(--ed-color-common-white);
  font-family: "Font Awesome 6 Pro";
  color: var(--ed-color-theme-primary);
  font-weight: 700;
  font-size: 16px;
  height: 35px;
  width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  content: "\f0e7";
  position: absolute;
  right: -57px;
  top: 50%;
  transform: translateY(-50%);
}

/**
    Buttons CSS
*/

.ed-white-btn {
  font-family: var(--ed-ff-heading);
  color: var(--ed-color-common-white);
  border: 1px solid var(--ed-color-common-white);
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  padding: 10px 24px;
  border-radius: 100px;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  text-transform: capitalize;
  position: relative;
  z-index: 1;
}


.ed-white-btn:hover {
  color: #fdbe33;
  border: 1px solid #fdbe33;
}

.ed-primary-btn {
  font-family: var(--ed-ff-heading);
  color: var(--ed-color-theme-primary);
  border: 1px solid var(--ed-color-theme-primary);
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  padding: 10px 24px;
  border-radius: 100px;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  text-transform: capitalize;
  position: relative;
  z-index: 1;
}
.ed-primary-btn:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.2);
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: -moz-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: -ms-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: -o-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: -1;
}
.ed-primary-btn:hover {
  color: var(--sambhavam-blue);
}
.ed-primary-btn:hover:before {
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
.ed-primary-btn i {
  margin-left: 10px;
  font-size: 13px;
  margin-top: 2px;
}


.ed-primary-btn:focus {
    color: #c87116;
}

.ed-primary-btn.transparent {
  background-color: transparent;
  border: 1px solid var(--ed-color-theme-primary);
  color: var(--ed-color-heading-primary);
}
.ed-primary-btn.transparent:hover {
  color: var(--ed-color-common-white);
}
.ed-primary-btn.transparent:before {
  background-color: var(--ed-color-theme-primary);
}

/**----------------------------------------
START: Header CSS
----------------------------------------*/
.header {
  background-color: var(--ed-color-common-white);
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  overflow-x: clip;
  box-shadow: 0px 1px 3px 0px rgba(17, 17, 17, 0);
}
.header .top-bar {
  background-color:  #0B2D5C;
}
@media (max-width: 1200px) {
  .header .top-bar {
    display: none;
  }
}
.header .top-bar .top-bar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 30px;
  flex-wrap: wrap;
  row-gap: 15px;
}
.header .top-bar .top-bar-inner .top-bar-left .top-bar-list li {
  color: var(--ed-color-common-white);
  display: inline-flex;
  align-items: center;
  column-gap: 10px;
  padding: 6px 0;
}
.header .top-bar .top-bar-inner .top-bar-left .top-bar-list li:not(:last-of-type) {
  margin-right: 20px;
  padding-right: 20px;
  border-right: 2px solid rgba(255, 255, 255, 0.05);
}
.header .top-bar .top-bar-inner .top-bar-right {
  display: flex;
  align-items: center;
}
.header .top-bar .top-bar-inner .top-bar-right .register-box {
  display: flex;
  align-items: center;
  column-gap: 10px;
  padding: 5px 0;
  margin-right: 20px;
  padding-right: 20px;
  border-right: 2px solid rgba(255, 255, 255, 0.05);
}
@media (max-width: 1200px) {
  .header .top-bar .top-bar-inner .top-bar-right .register-box {
    margin-right: 0;
    padding-right: 0;
    border: none;
  }
}
.header .top-bar .top-bar-inner .top-bar-right .register-box .icon {
  font-size: 14px;
  color: var(--ed-color-common-white);
}
.header .top-bar .top-bar-inner .top-bar-right .register-box a {
  color: var(--ed-color-common-white);
}
.header .top-bar .top-bar-inner .top-bar-right .register-box a:hover {
  color: var(--ed-color-theme-primary);
}
.header .top-bar .top-bar-inner .top-bar-right .top-social-wrap {
  display: flex;
  align-items: center;
}
@media (max-width: 1200px) {
  .header .top-bar .top-bar-inner .top-bar-right .top-social-wrap {
    display: none;
  }
}
.header .top-bar .top-bar-inner .top-bar-right .top-social-wrap span {
  color: var(--ed-color-common-white);
}
.header .top-bar .top-bar-inner .top-bar-right .top-social-wrap .social-list {
  margin-left: 20px;
}
.header .top-bar .top-bar-inner .top-bar-right .top-social-wrap .social-list li {
  display: inline-flex;
  align-items: center;
}
.header .top-bar .top-bar-inner .top-bar-right .top-social-wrap .social-list li:not(:last-of-type) {
  margin-right: 10px;
}
.header .top-bar .top-bar-inner .top-bar-right .top-social-wrap .social-list li a {
  color: var(--ed-color-common-white);
}
.header .top-bar .top-bar-inner .top-bar-right .top-social-wrap .social-list li a:hover {
  color: var(--ed-color-theme-primary);
}
.header .mid-header .mid-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 15px;
  padding: 5px 0;
}
.header .mid-header .mid-header-inner .category-form-wrap {
  background-color: #f28c281c;
  display: flex;
  align-items: center;
  width: 520px;
  padding: 12px 10px;
  border-radius: 100px;
}
@media (max-width: 1399px) {
  .header .mid-header .mid-header-inner .category-form-wrap {
    width: 450px;
  }
}
@media only screen and (max-width: 767px) {
  .header .mid-header .mid-header-inner .category-form-wrap {
    display: none;
  }
}
.header .mid-header .mid-header-inner .category-form-wrap .select-control {
  background-color: #fef2e7;
  height: inherit;
  line-height: inherit;
  border: none;
  font-size: 16px;
  font-weight: 400;
  color: var(--ed-color-heading-primary);
  margin-right: 20px;
  padding-right: 30px;
  padding-left: 40px;
  border-right: 1px solid var(--ed-color-border-1);
  border-radius: 100px;
  border-radius: 0;
}

.header .mid-header .mid-header-inner .category-form-wrap .select-control:after {
  height: 7px;
  width: 7px;
  border-color: var(--ed-color-heading-primary);
  right: 20px;
}
.header .mid-header .mid-header-inner .category-form-wrap .select-control .list {
  margin-left: 19px;
  margin-top: 14px;
}
.header .mid-header .mid-header-inner .category-form-wrap .header-form {
  position: relative;
  width: 100%;
}
.header .mid-header .mid-header-inner .category-form-wrap .header-form .form-control {
  padding-top: 0;
  background-color: #fef2e7;
  padding-bottom: 0;
  border: none;
  box-shadow: none;
  padding-left: 0;
  padding-right: 150px;
  border-radius: 100px;
}
.header .mid-header .mid-header-inner .category-form-wrap .header-form .submit {
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
  padding: 10px 20px 10px 20px;
  font-size: 14px;
  font-weight: 500;
}
.header .mid-header .mid-header-inner .category-form-wrap .header-form .submit i {
  margin-right: 5px;
  margin-left: 0;
  font-size: 12px;
}
.header .mid-header .mid-header-inner .mid-header-right {
  display: flex;
  align-items: center;
  column-gap: 20px;
}
.header .mid-header .mid-header-inner .mid-header-right .header-right-icon {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .header .mid-header .mid-header-inner .mid-header-right .header-right-icon {
    display: none;
  }
}
.header .mid-header .mid-header-inner .mid-header-right .header-right-icon a {
  color: var(--ed-color-text-body);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 47px;
  width: 47px;
  border-radius: 50%;
  border: 1px solid #E0E5EB;
}
.header .mid-header .mid-header-inner .mid-header-right .header-right-icon .number {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
  font-size: 12px;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 0;
  right: -12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  line-height: 1;
  z-index: 1;
}
.header .primary-header {
  position: relative;
}
@media only screen and (max-width: 992px) {
  .header {
    position: inherit;
    height: auto !important;
  }
}
.header .primary-header-inner {
  background-color: var(--ed-color-common-white);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media only screen and (max-width: 992px) {
  .header .primary-header-inner {
    padding: 5px 0;
  }
}
.header .primary-header-inner .header-left-inner {
  display: flex;
  align-items: center;
}
.header .primary-header-inner .header-logo {
  position: relative;
  z-index: 2;
}
.header .primary-header-inner .header-logo img {
  max-width: 224px;
}
@media (max-width: 1399px) {
  .header .primary-header-inner .header-logo img {
    max-width: 180px;
  }
}
@media (max-width: 1200px) {
  .header .primary-header-inner .header-logo img {
    max-width: 160px;
  }
}
.header .primary-header-inner .header-menu-wrap {
  display: flex !important;
  align-items: center;
}
.header .primary-header-inner .header-menu-wrap .sub-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media only screen and (max-width: 992px) {
  .header .primary-header-inner .header-menu-wrap .sub-menu {
    display: none;
  }
}
.header .primary-header-inner .header-menu-wrap .sub-menu li {
  display: inline-block;
  position: relative;
  margin: 0 4px;
}
@media (max-width: 1399px) {
  .header .primary-header-inner .header-menu-wrap .sub-menu li {
    margin: 0 5px;
  }
      .header .primary-header-inner .header-menu-wrap .sub-menu li {
        padding : 0px 0px
      }
}
.header .primary-header-inner .header-menu-wrap .sub-menu li a {
  font-family: var(--ed-ff-body);
  color: var(--ed-color-heading-primary);
  display: block;
  font-size: 14px;
  padding: 48.5px 0;
  letter-spacing: 0;
  font-weight: 600;
  position: relative;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 1200px) {
  .header .primary-header-inner .header-menu-wrap .sub-menu li a {
    font-size: 14px;
  }
}
.header .primary-header-inner .header-menu-wrap .sub-menu li a:hover {
  color: var(--ed-color-theme-primary);
}
.header .primary-header-inner .header-menu-wrap .sub-menu li a i {
  font-size: 13px;
}
.header .primary-header-inner .header-menu-wrap .sub-menu li.active a {
  color: var(--ed-color-theme-primary);
}
.header .primary-header-inner .header-menu-wrap .sub-menu li.active ul li a {
  color: var(--ed-color-heading-primary);
}
.header .primary-header-inner .header-menu-wrap .sub-menu li.active ul li a:hover {
  color: var(--ed-color-common-white);
}
.header .primary-header-inner .header-menu-wrap .sub-menu li.active.menu-item-has-children:after {
  color: var(--ed-color-theme-primary);
}
.header .primary-header-inner .header-menu-wrap .sub-menu li ul {
  background-color: var(--ed-color-common-white);
  display: block;
  width: 280px;
  padding: 0;
  -webkit-box-shadow: 0px 50px 100px 0px rgba(64, 1, 4, 0.1), 0px -6px 0px 0px rgba(248, 99, 107, 0.004);
  box-shadow: 0px 50px 100px 0px rgba(64, 1, 4, 0.1), 0px -6px 0px 0px rgba(248, 99, 107, 0.004);
  position: absolute;
  left: 0;
  top: 115px;
  opacity: 0;
  visibility: hidden;
  z-index: 101;
  -webkit-transform: rotate3d(1, 0, 0, -90deg);
  transform: rotate3d(1, 0, 0, -90deg);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  transition: all 0.6s ease;
}
.header .primary-header-inner .header-menu-wrap .sub-menu li:hover > ul {
  visibility: visible;
  transition: all 0.6s ease;
  opacity: 1;
  transform: none;
}
.header .primary-header-inner .header-menu-wrap .sub-menu li li {
  display: flex;
  justify-content: space-between;
  text-align: left;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.header .primary-header-inner .header-menu-wrap .sub-menu li li:not(:last-of-type) {
  border-bottom: 1px dashed var(--ed-color-border-1);
}
.header .primary-header-inner .header-menu-wrap .sub-menu li li:last-child {
  margin: 0;
  border-bottom: none;
}
.header .primary-header-inner .header-menu-wrap .sub-menu li li:hover {
  background-color: var(--ed-color-theme-primary);
}
.header .primary-header-inner .header-menu-wrap .sub-menu li li:hover a {
  color: var(--ed-color-common-black);
}
.header .primary-header-inner .header-menu-wrap .sub-menu li li a {
  display: block;
  height: auto;
  line-height: inherit;
  color: var(--ed-color-common-black);
  font-weight: 600;
  font-size: 15px;
  padding: 15px 0;
  letter-spacing: 0;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  margin: 0;
}
.header .primary-header-inner .header-menu-wrap .sub-menu li li a:hover {
  padding-left: 10px;
}
.header .primary-header-inner .header-menu-wrap .sub-menu li li a:before {
  display: none;
}
.header .primary-header-inner .header-menu-wrap .sub-menu li li.active {
  background-color: var(--ed-color-theme-primary);
}
.header .primary-header-inner .header-menu-wrap .sub-menu li li.active a {
  color: var(--ed-color-common-white) !important;
}
.header .primary-header-inner .header-menu-wrap .sub-menu li:hover a:before {
  width: 100%;
}
.header .primary-header-inner .header-menu-wrap .sub-menu li li ul {
  top: 0% !important;
  left: 100%;
}
.header .primary-header-inner .header-menu-wrap .sub-menu li li:hover a {
  color: var(--ed-color-common-white);
}
.header .primary-header-inner .header-menu-wrap .sub-menu li li:hover li a {
  color: var(--ed-color-heading-primary);
}

.header .primary-header-inner .header-menu-wrap .sub-menu li li:hover li:hover a {
  color: #f2f2f2;
}

.header .primary-header-inner .header-menu-wrap .sub-menu li li:hover li a {
  color: var(--ed-color-heading-primary);
}
@media (min-width: 993px) {
  .header .primary-header-inner .header-menu-wrap .sub-menu li.mega-menu {
    position: static;
    display: inline-flex;
  }
  .header .primary-header-inner .header-menu-wrap .sub-menu li.mega-menu:after {
    display: inline-flex;
    position: inherit;
    transform: translateY(36px) translateX(-10px);
  }
}
@media (min-width: 993px) and (max-width: 1200px) {
  .header .primary-header-inner .header-menu-wrap .sub-menu li.mega-menu:after {
    transform: translateY(38px) translateX(-10px);
  }
}
@media (min-width: 993px) {
  .header .primary-header-inner .header-menu-wrap .sub-menu li.mega-menu ul {
    background-color: var(--ed-color-common-white);
    width: 30%;
    left: 30% !important;
    grid-template-columns: 1fr 1fr;
    display: grid;
    padding: 20px 10px;
  }
}
@media (min-width: 993px) and (max-width: 1600px) {
  .header .primary-header-inner .header-menu-wrap .sub-menu li.mega-menu ul {
    left: 24% !important;
  }
}
@media (min-width: 993px) and (max-width: 1399px) {
  .header .primary-header-inner .header-menu-wrap .sub-menu li.mega-menu ul {
    width: 40%;
  }
}
@media (min-width: 993px) and (max-width: 1200px) {
  .header .primary-header-inner .header-menu-wrap .sub-menu li.mega-menu ul {
    width: 50%;
    left: 14% !important;
  }
}
@media (min-width: 993px) {
  .header .primary-header-inner .header-menu-wrap .sub-menu li.mega-menu ul li {
    border: none;
  }
  .header .primary-header-inner .header-menu-wrap .sub-menu li.mega-menu ul li:hover {
    background-color: transparent;
  }
  .header .primary-header-inner .header-menu-wrap .sub-menu li.mega-menu ul li a {
    border: none;
    padding: 10px 0;
  }
  .header .primary-header-inner .header-menu-wrap .sub-menu li.mega-menu ul li a:hover {
    color: var(--ed-color-theme-primary);
    background-color: transparent;
  }
  .header .primary-header-inner .header-menu-wrap .sub-menu li.mega-menu ul li a:before {
    display: none;
  }
}
.header .primary-header-inner .header-menu-wrap .sub-menu .menu-item-has-children {
  position: relative;
  padding-right: 0px;
}
.header .primary-header-inner .header-menu-wrap .sub-menu .menu-item-has-children a {
  padding-right: 12px;
}
@media (max-width: 1200px) {
  .header .primary-header-inner .header-menu-wrap .sub-menu .menu-item-has-children a {
    padding-right: 13px;
  }
}
.header .primary-header-inner .header-menu-wrap .sub-menu .menu-item-has-children ul li {
  margin: 0;
  padding-left: 25px;
}
.header .primary-header-inner .header-menu-wrap .sub-menu .menu-item-has-children ul li a {
  padding-right: 0;
}

.header .primary-header-inner .header-menu-wrap .sub-menu .menu-item-has-children:hover:after {
  color: var(--ed-color-theme-primary);
}
.header .primary-header-inner .header-menu-wrap .sub-menu .menu-item-has-children:first-child:after {
  transform: translateY(48px) translateX(-7px);
}
.header .primary-header-inner .header-right {
  display: flex;
  align-items: center;
  column-gap: 12px;
}
@media only screen and (max-width: 767px) {
  .header .primary-header-inner .header-right .header-logo img {
    width: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .header .primary-header-inner .header-right .header-btn {
    display: none;
  }
}
.header .primary-header-inner .header-right .search-icon {
  color: var(--ed-color-heading-primary);
  font-size: 20px;
  cursor: pointer;
}
@media (max-width: 1200px) {
  .header .primary-header-inner .header-right .search-icon {
    display: none;
  }
}
@media only screen and (max-width: 992px) {
  .header .primary-header-inner .header-right .search-icon {
    margin-right: 20px;
  }
}
.header .primary-header-inner .header-right .header-right-icon {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .header .primary-header-inner .header-right .header-right-icon {
    display: none;
  }
}
.header .primary-header-inner .header-right .header-right-icon a {
  color: var(--ed-color-text-body);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 47px;
  width: 47px;
  border-radius: 50%;
  border: 1px solid #E0E5EB;
}
.header .primary-header-inner .header-right .header-right-icon .number {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
  font-size: 12px;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 0;
  right: -12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  line-height: 1;
  z-index: 1;
}
.header .primary-header-inner .header-right .header-right-item {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 992px) {
  .header .primary-header-inner .header-right .header-right-item {
    line-height: 1;
  }
}
.header .primary-header-inner .header-right .header-right-item .mobile-side-menu-toggle {
  color: var(--ed-color-heading-primary);
  font-size: 30px;
}
@media (min-width: 993px) {
  .header .primary-header-inner .header-right .header-right-item .mobile-side-menu-toggle {
    display: none;
  }
}
.header .primary-header-inner .header-right .header-right-item .search-icon {
  font-size: 16px;
  margin-left: 55px;
  cursor: pointer;
}
@media only screen and (max-width: 992px) {
  .header .primary-header-inner .header-right .header-right-item .search-icon {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 992px) {
  .header .primary-header-inner .mean-push {
    display: none;
  }
}

@media only screen and (max-width: 992px) {
  .header-1 .mid-header {
    display: none;
  }
}
.header-1 .primary-header {
  border-top: 1px solid var(--ed-color-border-1);
}
.header-1 .primary-header.fixed .primary-header-inner .header-menu-wrap .sub-menu li.menu-item-has-children:first-child:after {
  transform: translateY(28px) translateX(-9px);
}
@media (max-width: 1200px) {
  .header-1 .primary-header.fixed .primary-header-inner .header-menu-wrap .sub-menu li.menu-item-has-children:first-child:after {
    transform: translateY(20px) translateX(-9px);
  }
}
.header-1 .primary-header .primary-header-inner .header-menu-wrap {
  padding-left: 18px;
  margin-left: 18px;
  border-left: 1px solid var(--ed-color-border-1);
}
.header-1 .primary-header .primary-header-inner .header-menu-wrap .sub-menu li.menu-item-has-children:first-child:after {
  transform: translateY(22px) translateX(-9px);
}
@media (max-width: 1200px) {
  .header-1 .primary-header .primary-header-inner .header-menu-wrap .sub-menu li.menu-item-has-children:first-child:after {
    transform: translateY(20px) translateX(-9px);
  }
}
.header-1 .primary-header .primary-header-inner .header-menu-wrap .sub-menu li a {
  padding: 28px 0;
  padding-right: 8px;
}
.header-1 .primary-header .primary-header-inner .header-menu-wrap .sub-menu li ul {
  top: 63px;
}
.header-1 .primary-header .primary-header-inner .header-menu-wrap .sub-menu li.mega-menu ul {
  left: 25% !important;
}
@media (max-width: 1200px) {
  .header-1 .primary-header .primary-header-inner .header-menu-wrap .sub-menu li.mega-menu ul {
    left: 20% !important;
  }
}
.header-1 .primary-header .primary-header-inner .header-right-btn {
  display: none;
}
.header-1 .primary-header.fixed .primary-header-inner .header-menu-wrap ul li a {
  padding: 25px 0;
  padding-right: 6px;
}
.header-1 .primary-header.fixed .primary-header-inner .header-menu-wrap ul li ul {
  top: 76px;
}
.header-1 .primary-header.fixed .primary-header-inner .header-menu-wrap ul li ul li a {
  padding: 10px 0;
}
.header-1 .primary-header.fixed .primary-header-inner .header-menu-wrap ul li ul li:hover a {
  padding-left: 10px;
}
.header-1 .primary-header.fixed .primary-header-inner .header-right-btn {
  display: block;
}
@media only screen and (max-width: 767px) {
  .header-1 .primary-header.fixed .primary-header-inner .header-right-btn {
    display: none;
  }
}

.category-area {
  cursor: pointer;
}
@media only screen and (max-width: 992px) {
  .category-area {
    display: none;
  }
}

.category-area .category-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
}

.category-area .category-btn span {
  color: var(--ed-color-heading-primary);
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}

.category-area .category-btn i {
  color: var(--ed-color-theme-primary);
}

.category-area:hover .category-sub-menu {
  visibility: visible;
  opacity: 1;
  transform: translateZ(0) translateY(20px);
}

.category-area .category-sub-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 100%;
  left: 0;
  visibility: hidden;
  opacity: 0;
  background: var(--ed-color-common-white);
  transform: translateZ(0) translateY(30px);
  border-radius: 4px;
  -webkit-transform: rotate3d(1, 0, 0, -90deg);
  transform: rotate3d(1, 0, 0, -90deg);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  transition: all 0.6s ease;
  box-shadow: 0px 7px 18px rgba(24, 16, 16, 0.0509803922);
  display: flex;
  flex-direction: column;
  min-width: 210px;
  padding: 17px 10px;
}

.category-area .category-sub-menu li {
  list-style: none;
  width: 100%;
  margin: 0;
  display: flex;
}
.category-area .category-sub-menu li:not(:last-of-type) {
  margin-bottom: 10px;
}

.category-area .category-sub-menu li ul {
  padding: 0;
  margin: 0;
}

.category-area .category-sub-menu li a {
  color: var(--ed-color-heading-primary);
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 2px 10px;
  transition: all 0.3s;
  border-radius: 4px;
  background: transparent;
}
.category-area .category-sub-menu li a:hover {
  color: var(--ed-color-theme-primary);
}

.category-area .category-sub-menu li a span {
  color: var(--ed-color-heading-primary);
}

.category-area .category-sub-menu li a:hover span {
  color: var(--ed-color-heading-primary);
}

.category-area .category-sub-menu li a img {
  width: 45px;
}

.category-area .category-sub-menu li a h4 {
  color: var(--ed-color-heading-primary);
  font-weight: 500;
  margin-bottom: 4px;
  font-size: 16px;
  line-height: 1.1;
}

.category-area .category-sub-menu li a p {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.1;
}


@media only screen and (max-width: 992px) {
  .mobile-side-menu .header-right {
    display: none !important;
  }
}
.side-menu-icon {
  position: absolute;
  right: 20px;
  top: 25px;
  z-index: 100;
  display: block;
  cursor: pointer;
}
@media only screen and (max-width: 992px) {
  .side-menu-icon {
    display: none;
  }
}

.side-menu-wrapper {
  position: fixed;
  overflow-y: auto;
  top: 0;
  right: 0;
  width: 850px;
  -webkit-transform: translateX(850px);
  -ms-transform: translateX(850px);
  transform: translateX(850px);
  height: 100%;
  display: block;
  background-color: var(--ed-color--bg-dark-deep);
  z-index: 100;
  padding: 40px;
  -webkit-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
  backface-visibility: hidden;
}
.side-menu-wrapper .side-menu-close {
  background-color: var(--ed-color-theme-primary);
  position: absolute;
  top: 40px;
  right: 40px;
  font-size: 18px;
  color: #fff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  text-align: center;
}
.side-menu-wrapper.is-open {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
@media only screen and (max-width: 992px) {
  .side-menu-wrapper {
    display: none;
  }
}

.side-menu-content .side-menu-header {
  font-family: var(--ed-ff-body);
  font-size: 30px;
  max-width: 600px;
  line-height: 1.5;
  font-weight: 400;
  width: 100%;
  margin-bottom: 40px;
}
.side-menu-content .side-menu-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 25px;
  border: 1px solid transparent;
  transition: all 0.3s ease-in-out;
  margin-bottom: 30px;
}
.side-menu-content .side-menu-item .side-menu-thumb-box {
  display: flex;
  align-items: center;
  column-gap: 30px;
}
.side-menu-content .side-menu-item .side-menu-thumb-box img {
  max-width: 150px;
}
.side-menu-content .side-menu-item .side-menu-thumb-box .side-menu-info .side-menu-title {
  font-family: var(--ed-ff-body);
  font-size: 32px;
  font-weight: 500;
  color: var(--ed-color-theme-primary);
  line-height: 1;
  margin-bottom: 10px;
}
.side-menu-content .side-menu-item .side-menu-thumb-box .side-menu-info p {
  max-width: 400px;
  width: 100%;
}
.side-menu-content .side-menu-item .side-menu-thumb-box .side-menu-info p:last-child {
  margin-bottom: 0;
}
.side-menu-content .side-menu-item .side-menu-arrow {
  font-size: 45px;
  color: var(--ed-color-theme-primary);
  transform: rotate(-45deg);
  transition: all 0.3s ease-in-out;
}
.side-menu-content .side-menu-item:hover {
  border: 1px solid var(--ed-color-border-6);
}
.side-menu-content .side-menu-item:hover .side-menu-arrow {
  transform: rotate(0deg);
}
.side-menu-content .side-menu-item:last-child {
  margin-bottom: 0;
}

.side-menu-overlay {
  background-color: rgba(0, 0, 0, 0.7);
  height: 100%;
  width: 0%;
  position: fixed;
  top: 0;
  z-index: 9;
  right: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
  z-index: 10;
}
.side-menu-overlay.is-open {
  width: 100%;
  opacity: 0.5;
  visibility: visible;
  cursor: url(../img/cancel.html), auto;
}
@media only screen and (max-width: 992px) {
  .side-menu-overlay {
    display: none;
  }
}

.primary-header {
  width: 100%;
}
.primary-header.fixed {
  background-color: var(--ed-color-common-white);
  position: fixed;
  left: 0;
  top: 0;

  box-shadow: 0px 1px 3px 0px rgba(17, 17, 17, 0.1);
  z-index: 99;
}

@-webkit-keyframes menuSticky {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes menuSticky {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0%);
  }
}
.mobile-side-menu-overlay,
.mobile-side-menu {
  display: none;
}

@media only screen and (max-width: 992px) {
  .mobile-side-menu {
    background-color: var(--ed-color-common-white);
    position: fixed;
    overflow-y: auto;
    top: 0;
    right: 0;
    width: 80%;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    height: 100%;
    display: block;
    z-index: 100;
    padding: 40px 40px 40px 40px;
    -webkit-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    backface-visibility: hidden;
  }
}
@media only screen and (max-width: 992px) and (max-width: 767px) {
  .mobile-side-menu {
    padding: 40px 20px;
    width: 100%;
    max-width: -webkit-fill-available;
  }
}
@media only screen and (max-width: 992px) {
  .mobile-side-menu.is-open {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    z-index: 9999999 !important;
  }
  .mobile-side-menu .side-menu-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
  }
  .mobile-side-menu .side-menu-head a img {
    max-width: 150px;
  }
  .mobile-side-menu .side-menu-head .mobile-side-menu-close {
    position: fixed;
    top: 45px;
    right: 40px;
    color: var(--ed-color-heading-primary);
    font-size: 17px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--ed-color-border-1);
  }
}
@media only screen and (max-width: 992px) and (max-width: 767px) {
  .mobile-side-menu .side-menu-head .mobile-side-menu-close {
    right: 16px;
  }
}
@media only screen and (max-width: 992px) {
  .mobile-side-menu .side-menu-head .mobile-side-menu-close:hover {
    background-color: var(--ed-color-theme-primary);
    color: var(--ed-color-common-white);
  }
  .mobile-side-menu .side-menu-wrap {
    overflow: hidden;
    margin-bottom: 50px;
  }
  .mobile-side-menu p {
    color: var(--ed-color-common-white);
    margin-bottom: 50px;
  }
  .mobile-side-menu .list-header {
    color: var(--ed-color-common-white);
    font-family: var(--ed-ff-body);
    font-weight: 400;
    margin-bottom: 30px;
  }
  .mobile-side-menu .side-menu-list li {
    font-family: var(--ed-ff-heading);
    font-size: 15px;
    font-weight: 500;
    color: var(--ed-color-heading-primary);
  }
  .mobile-side-menu .side-menu-list li span,
  .mobile-side-menu .side-menu-list li a {
    color: var(--ed-color-heading-primary);
    margin-left: 10px;
    font-size: 13px;
  }
  .mobile-side-menu .side-menu-list li i {
    margin-right: 10px;
  }
  .mobile-side-menu .mean-bar {
    background-color: transparent;
    min-height: auto;
    padding: 0;
  }
  .mobile-side-menu .mean-bar .meanmenu-reveal {
    display: none !important;
  }
  .mobile-side-menu .mean-bar .mean-nav {
    background-color: transparent;
    margin-top: 0;
    padding-top: 20px;
  }
  .mobile-side-menu .mean-bar .mean-nav.mean-nav > ul {
    display: block !important;
  }
  .mobile-side-menu .mean-bar .mean-nav.mean-nav > ul li {
    position: relative;
    float: none;
    display: block;
    width: auto;
  }
  .mobile-side-menu .mean-bar .mean-nav.mean-nav > ul li:not(:last-of-type) {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--ed-color-border-1);
  }
  .mobile-side-menu .mean-bar .mean-nav.mean-nav > ul li a {
    color: var(--ed-color-heading-primary);
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    border-top: none;
    padding: 0;
    float: none;
  }
}
@media only screen and (max-width: 992px) and (max-width: 767px) {
  .mobile-side-menu .mean-bar .mean-nav.mean-nav > ul li a {
    font-size: 16px;
  }
}
@media only screen and (max-width: 992px) {
  .mobile-side-menu .mean-bar .mean-nav.mean-nav > ul li a.mean-expand {
    background-color: var(--ed-color-theme-primary);
    color: var(--ed-color-common-white);
    position: absolute;
    padding: 0;
    top: -3px;
    right: 0;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mobile-side-menu .mean-bar .mean-nav.mean-nav > ul li a.mean-expand:before, .mobile-side-menu .mean-bar .mean-nav.mean-nav > ul li a.mean-expand:after {
    font-size: 14px;
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
  }
  .mobile-side-menu .mean-bar .mean-nav.mean-nav > ul li a.mean-expand:before {
    content: "+";
  }
  .mobile-side-menu .mean-bar .mean-nav.mean-nav > ul li a.mean-expand.mean-clicked {
    background-color: var(--ed-color-heading-primary);
    color: var(--ed-color-common-white);
  }
  .mobile-side-menu .mean-bar .mean-nav.mean-nav > ul li a.mean-expand.mean-clicked:after {
    content: "\f068";
  }
  .mobile-side-menu .mean-bar .mean-nav.mean-nav > ul li a.mean-expand.mean-clicked:before {
    display: none;
  }
  .mobile-side-menu .mean-bar .mean-nav.mean-nav > ul li a.mean-expand i {
    display: none;
  }
  .mobile-side-menu .mean-bar .mean-nav.mean-nav > ul li ul {
    padding: 0 0 0 30px;
    margin-top: 20px;
  }
  .mobile-side-menu .mean-bar .mean-nav.mean-nav > ul li ul li:not(:last-of-type) {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .mobile-side-menu .mean-bar .mean-nav.mean-nav > ul li ul li a {
    padding: 0;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
  }
}
@media only screen and (max-width: 992px) and (max-width: 767px) {
  .mobile-side-menu .mean-bar .mean-nav.mean-nav > ul li ul li a {
    font-size: 14px;
  }
}
@media only screen and (max-width: 992px) {
  .mobile-side-menu-overlay {
    background-color: rgba(0, 0, 0, 0.7);
    height: 100%;
    width: 0%;
    position: fixed;
    top: 0;
    z-index: 9;
    right: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    z-index: 10;
    display: block;
  }
  .mobile-side-menu-overlay.is-open {
    width: 100%;
    opacity: 0.5;
    visibility: visible;
    cursor: url(../img/cancel.html), auto;
  }
}
#popup-search-box {
  background-color: var(--ed-color-common-white);
  position: fixed;
  width: 100%;
  height: 20%;
  top: -100%;
  left: 0;
  right: 0;
  white-space: nowrap;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 500ms ease all;
  -moz-transition: 500ms ease all;
  transition: 500ms ease all;
}
#popup-search-box .box-inner-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05);
}
#popup-search-box .box-inner-wrap form {
  position: relative;
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  padding: 0 15px;
}
#popup-search-box .box-inner-wrap form input {
  width: 100%;
  padding: 20px 15px;
  padding-right: 80px;
  background: transparent;
  border: none;
  color: #ddd;
  border: 1px solid var(--ed-color-border-1);
  color: #666;
  font-size: 16px;
}
#popup-search-box .box-inner-wrap form input::-webkit-input-placeholder {
  color: #666;
  font-size: 16px;
}
#popup-search-box .box-inner-wrap form input:-moz-placeholder {
  color: #666;
  font-size: 16px;
}
#popup-search-box .box-inner-wrap form input::-moz-placeholder {
  color: #666;
  font-size: 16px;
}
#popup-search-box .box-inner-wrap form input:-ms-input-placeholder {
  color: #666;
  font-size: 16px;
}
#popup-search-box .box-inner-wrap form input:focus {
  outline: none;
}
#popup-search-box .box-inner-wrap:hover {
  cursor: url(../img/cross.html), auto;
}
#popup-search-box .box-inner-wrap .search-close {
  position: absolute;
  top: 30px;
  right: 50px;
  color: var(--ed-color-heading-primary);
  border: 1px solid var(--ed-color-border-1);
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  #popup-search-box .box-inner-wrap .search-close {
    height: 35px;
    width: 35px;
    top: 10px;
    right: 10px;
  }
}
#popup-search-box .box-inner-wrap .search-close:hover {
  background-color: var(--ed-color-theme-primary);
  border: 1px solid var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
}
#popup-search-box.toggled {
  top: 0;
  opacity: 1;
  visibility: visible;
}

.popup-tags {
  position: relative;
  margin: 0 auto;
}

/* !END:  Header CSS */
/**----------------------------------------
START: Header CSS
----------------------------------------*/
#sidebar-overlay,
.sidebar-trigger,
.sidebar-area {
  display: none;
}

.sidebar-trigger {
  display: block;
}

.sidebar-area {
  background-color: var(--ed-color-common-white);
  border-left: 1px solid #eee;
  padding: 60px 50px;
  position: fixed;
  right: 0;
  top: 0;
  transform: translateX(100%);
  width: 450px;
  height: 100%;
  z-index: 9999;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  overflow: scroll;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
}

.open-sidebar .sidebar-area {
  right: 0;
  visibility: visible;
  transform: translate(0);
}

.sidebar-trigger.close {
  position: absolute;
  right: 30px;
  top: 70px;
  color: var(--grey-color);
}

.sidebar-trigger.close svg {
  fill: currentColor;
  stroke: none;
  width: 20px;
  height: 20px;
}

.sidebar-content .site-logo {
  margin-bottom: 40px;
}

.sidebar-content .site-logo img {
  max-width: 200px;
}

.sidebar-content .sidebar-info li {
  font-size: 18px;
}

.sidebar-content .sidebar-social li {
  display: inline-block;
  margin: 0 3px;
  padding-top: 30px;
}

.sidebar-content .sidebar-social li a {
  display: inline-block;
  border: 1px solid var(--border-1);
  font-size: 16px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.sidebar-content .sidebar-social li a:after {
  background-color: var(--primary-color);
  width: 40px;
  height: 40px;
  border-radius: 59%;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 1;
  transform: translate(-50%, -50%) scale(0);
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  transition: 0.4s;
}

.sidebar-content .sidebar-social li a:hover {
  border: 1px solid var(--primary-color);
  color: #fff;
}

.sidebar-content .sidebar-social li:hover a:after {
  visibility: visible;
  opacity: 1;
  transition: 0.4s;
  transform: translate(-50%, -50%) scale(1);
}

.sidebar-content .list-post-area {
  margin: 50px 0 20px 0;
}

/*Scrollbar Style*/
.sidebar-area::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.sidebar-area::-webkit-scrollbar-thumb {
  cursor: pointer;
  background: #ccc;
}

.sidebar-area::selection {
  background-color: #999;
  color: #fff;
}

.sidebar-area-webkit-::selection {
  background-color: #999;
  color: #fff;
}

.sidebar-area::-moz-selection {
  background-color: #999;
  color: #fff;
}

#sidebar-overlay {
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  transition: all 0s ease-in-out;
  width: calc(100% - 400px);
  z-index: -1;
}

.open-sidebar #sidebar-overlay {
  opacity: 1;
  z-index: 1002;
  transition: all 0.6s ease-in-out;
  transition-delay: 0.3s;
}

@media (max-width: 992px) {
  .sidebar-content .list-post-area.list-2 {
    grid-template-columns: 1fr;
    grid-gap: 0;
  }
  .sidebar-area {
    width: 350px;
  }
}
@media (max-width: 767px) {
  .sidebar-area {
    width: 350px;
    padding: 60px 30px;
  }
  .sidebar-content .list-post-area.list-2 .list-post-card .post-img {
    height: 90px;
    width: 90px;
  }
  .sidebar-content .list-post-area.list-2 .list-post-card {
    grid-template-columns: 90px 1fr;
  }
}
.side-menu-about {
  margin: 50px 0 50px 0;
}

.side-menu-about p {
  margin: 25px 0;
}

.side-menu-header h3 {
  font-size: 30px;
  font-weight: 600px;
  line-height: 1;
  font-weight: 600;
}

.side-menu-content .side-menu-header,
.side-menu-about .side-menu-header {
  margin-bottom: 20px;
}

.side-menu-list {
  margin: 25px 0 35px 0;
}

.side-menu-list li {
  display: flex;
  align-items: center;
}

.side-menu-list li:not(:last-of-type) {
  margin-bottom: 20px;
}

.side-menu-list li i {
  background-color: var(--ed-color-theme-primary);
  font-size: 12px;
  color: var(--ed-color-common-white);
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 5px;
  transition: all 0.2s ease-in-out;
}

.side-menu-list li:hover i {
  background-color: var(--ed-color-theme-primary);
  color: #fff;
}

.side-menu-list li p {
  padding-left: 10px;
  margin-bottom: 0;
}

.side-menu-list li a {
  font-size: 16px;
  color: var(--ed-color-text-body);
  padding-left: 10px;
}
.side-menu-list li a:hover {
  color: var(--ed-color-theme-primary);
}

.side-menu-social {
  margin-top: 40px;
  list-style: none;
}
.side-menu-social li {
  display: inline-flex;
}
.side-menu-social li:not(:last-of-type) {
  margin-right: 10px;
}
.side-menu-social li a {
  background-color: transparent;
  font-size: 17px;
  color: var(--ed-color-heading-primary);
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--ed-color-border-1);
}
.side-menu-social li a:hover {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
}

/* !END:  Header CSS */
/**----------------------------------------
START: Blog CSS
----------------------------------------*/
.post-card {
  position: relative;
  z-index: 1;
  border-radius: 10px;
  overflow: hidden;
}
.post-card .post-thumb {
  position: relative;
  z-index: 1;
  height: 454px;
}
.post-card .post-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.post-card .post-thumb:before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.06) 0%, #020F21 100%);
  border-radius: 10px;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 1;
}
.post-card .post-content-wrap {
  position: absolute;
  bottom: 50px;
  left: 50px;
  z-index: 2;
  padding-right: 50px;
}
@media only screen and (max-width: 992px) {
  .post-card .post-content-wrap {
    left: 30px;
    bottom: 30px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .post-card .post-content-wrap {
    left: 20px;
    bottom: 20px;
    padding-right: 20px;
  }
}
.post-card:hover .post-thumb img {
  transform: scale(1.02);
}
.post-card.post-card-1 .post-meta li {
  color: var(--ed-color-common-white);
}

.post-content .category {
  background-color: var(--ed-color-common-white);
  display: inline-block;
  color: var(--ed-color-theme-primary);
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  padding: 8px 20px;
  border-radius: 100px;
  margin-bottom: 20px;
}
.post-content .title {
  color: var(--ed-color-common-white);
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 20px;
}
.post-content .title a {
  background: linear-gradient(var(--ed-color-common-white) 0%, var(--ed-color-common-white) 98%);
  background-size: 0 2px;
  background-repeat: no-repeat;
  background-position: left 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.post-content .title a:hover {
  color: var(--ed-color-common-white);
  background-size: 100% 2px;
}
.post-content .rr-primary-btn {
  padding: 14.5px 30px;
}

.post-meta {
  display: flex;
  align-items: center;
  list-style: none;
  flex-wrap: wrap;
  row-gap: 10px;
}
.post-meta li {
  font-family: var(--ed-ff-body);
  color: var(--ed-color-heading-primary);
  font-size: 16px;
  font-weight: 400;
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.post-meta li i {
  font-size: 14px;
  margin-top: 1px;
}
.post-meta li:not(:last-of-type) {
  margin-right: 20px;
}
.post-meta li a:hover {
  color: var(--ed-color-theme-primary);
}
@media only screen and (max-width: 767px) {
  .post-meta li {
    font-size: 12px;
  }
}

.post-card-2-wrap {
  margin-bottom: -24px;
}

.post-card-2 {
  display: grid;
  align-items: center;
  grid-template-columns: 370px 1fr;
  grid-gap: 36px;
  padding: 40px 45px;
  border: 1px solid #E0E5EB;
  border-radius: 15px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 992px) {
  .post-card-2 {
    grid-template-columns: 1fr;
    padding: 30px 20px;
  }
}
.post-card-2 .post-thumb {
  width: 100%;
  height: 260px;
  border-radius: 15px;
  overflow: hidden;
}
.post-card-2 .post-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.post-card-2 .post-content .post-meta {
  margin-bottom: 10px;
}
.post-card-2 .post-content .post-meta li {
  color: var(--ed-color-heading-primary);
}
@media only screen and (max-width: 767px) {
  .post-card-2 .post-content .post-meta li {
    font-size: 14px;
  }
}
.post-card-2 .post-content .title {
  color: var(--ed-color-heading-primary);
  margin-bottom: 15px;
}
.post-card-2 .post-content .title a {
  background: linear-gradient(var(--ed-color-theme-primary) 0%, var(--ed-color-theme-primary) 98%);
  background-size: 0 2px;
  background-repeat: no-repeat;
  background-position: left 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.post-card-2 .post-content .title a:hover {
  color: var(--ed-color-theme-primary);
  background-size: 100% 2px;
}
.post-card-2 .post-content p {
  font-size: 17px;
  margin-bottom: 30px;
}
@media (max-width: 1200px) {
  .post-card-2 .post-content p br {
    display: none;
  }
}
.post-card-2 .post-content .ed-primary-btn {
  background-color: var(--ed-color-common-white);
  color: var(--ed-color-heading-primary);
  border: 1px solid #E0E5EB;
  font-weight: 500;
}
.post-card-2 .post-content .ed-primary-btn:before {
  background-color: var(--ed-color-theme-primary);
}
.post-card-2 .post-content .ed-primary-btn:hover {
  color: var(--ed-color-common-white);
}

.post-inner-2 {
  border-radius: 15px;
  overflow: hidden;
  border: 1px solid #E0E5EB;
}
.post-inner-2:not(:last-of-type) {
  margin-bottom: 24px;
}
.post-inner-2 .post-thumb {
  height: 450px;
  position: relative;
}
.post-inner-2 .post-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 992px) {
  .post-inner-2 .post-thumb {
    height: 350px;
  }
}
.post-inner-2 .post-thumb .video-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.post-inner-2 .post-thumb .video-btn a {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
  font-size: 30px;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.post-inner-2 .post-thumb .video-btn img {
  margin-bottom: 5px;
}
.post-inner-2 .post-thumb .video-btn .ripple {
  height: 100px;
  width: 100px;
}
.post-inner-2 .post-thumb .video-btn .ripple:before, .post-inner-2 .post-thumb .video-btn .ripple:after {
  height: 100px;
  width: 100px;
}
.post-inner-2 .post-content {
  background-color: var(--ed-color-grey-1);
  padding: 30px;
}
.post-inner-2 .post-content .title {
  color: var(--ed-color-heading-primary);
  font-size: 30px;
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .post-inner-2 .post-content .title {
    font-size: 22px;
  }
}
.post-inner-2 .post-content .title a {
  background: linear-gradient(var(--ed-color-theme-primary) 0%, var(--ed-color-theme-primary) 98%);
  background-size: 0 2px;
  background-repeat: no-repeat;
  background-position: left 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.post-inner-2 .post-content .title a:hover {
  color: var(--ed-color-theme-primary);
  background-size: 100% 2px;
}
.post-inner-2 .post-content p {
  margin-top: 0;
  margin-bottom: 30px;
}
.post-inner-2:hover .post-thumb .swiper-arrow {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  visibility: visible;
  opacity: 1;
}

.post-thumb-carousel .swiper-arrow {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.post-thumb-carousel .swiper-arrow .swiper-nav {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 5px 5px 0;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 2;
}
.post-thumb-carousel .swiper-arrow .swiper-nav.swiper-next {
  left: auto;
  right: 0;
  border-radius: 5px 0 0 5px;
}

.post-card-3 {
  background-color: var(--ed-color-common-white);
  grid-template-columns: 1fr;
  padding: 20px 20px 30px 20px;
  grid-gap: 30px;
}
.post-card-3 .post-thumb {
  height: 214px;
}
.post-card-3 .post-content {
  padding: 0 10px;
}
.post-card-3 .post-content .post-meta li i {
  color: var(--ed-color-theme-primary);
}
.post-card-3 .post-content .title {
  font-size: 22px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dashed #E0E5EB;
}
.post-card-3 .post-content .read-more {
  color: var(--ed-color-theme-primary);
  border: none;
  padding: 0;
}
.post-card-3 .post-content .read-more:hover {
  background-color: inherit;
  border: none;
}

.post-card.post-card-5 {
  height: 100%;
}
.post-card.post-card-5 .post-thumb {
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .post-card.post-card-5 .post-thumb {
    height: 450px;
  }
}

.grid-post {
  background-color: var(--ed-color-common-white);
  display: grid;
  align-items: center;
  grid-template-columns: 217px 1fr;
  grid-gap: 0;
  padding: 0;
  border-radius: 10px;
  overflow: hidden;
}
@media only screen and (max-width: 992px) {
  .grid-post {
    grid-template-columns: 1fr;
  }
}
.grid-post .post-thumb {
  border-radius: 0;
  height: 100%;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .grid-post .post-thumb {
    height: 300px;
  }
}
.grid-post .post-thumb .category {
  background-color: var(--ed-color-common-white);
  color: var(--ed-color-theme-primary);
  position: absolute;
  top: 20px;
  left: 20px;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  padding: 10px 20px;
  border-radius: 100px;
}
.grid-post .post-content {
  padding: 40px 30px;
}
.grid-post .post-content .title {
  font-size: 22px;
  padding-bottom: 0;
  border: none;
  margin-bottom: 15px;
}
.grid-post .post-content .post-meta {
  margin-bottom: 25px;
}
.grid-post .post-content .ed-primary-btn {
  background-color: var(--ed-color-common-white);
  color: var(--ed-color-text-body);
  border: 1px solid #E0E5EB;
}
.grid-post .post-content .ed-primary-btn:before {
  background-color: var(--ed-color-theme-primary);
}
.grid-post .post-content .ed-primary-btn:hover {
  color: var(--ed-color-common-white);
}

@media only screen and (max-width: 992px) {
  .post-wrap-card {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 24px;
    margin-bottom: 30px;
  }
  .post-wrap-card .post-card-2 {
    margin-bottom: 0;
    height: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .post-wrap-card {
    flex-direction: column;
    row-gap: 24px;
  }
}

.pagination-wrap {
  display: flex;
  align-items: center;
  list-style: none;
  column-gap: 10px;
  justify-content: center;
  margin-top: 50px;
}
.pagination-wrap li:not(:last-of-type) {
  margin-right: 10px;
}
.pagination-wrap li a {
  background-color: var(--ed-color-grey-1);
  color: var(--ed-color-heading-primary);
  font-weight: 600;
  height: 55px;
  width: 55px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  border-radius: 50%;
}
.pagination-wrap li a:hover {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
}
.pagination-wrap li .active {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
}

.post-inner .post-content p br {
  display: none;
}

.inner-post-2 {
  padding: 0;
  overflow: hidden;
  grid-gap: 0;
  margin-bottom: 0;
}
.inner-post-2 .post-thumb {
  height: 250px;
  padding: 0;
  border-radius: 0;
  margin-bottom: 0;
}
.inner-post-2 .post-thumb img {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.inner-post-2 .post-content {
  padding: 30px;
}
.inner-post-2 .post-content .title {
  padding-bottom: 0;
  border: none;
}
.inner-post-2:hover .post-thumb img {
  transform: scale(1.02);
}

/* !END:  Blog CSS */
/**----------------------------------------
START: Page Header CSS
----------------------------------------*/
.page-header {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 100px 0;
    background-position-x: 60%;
    background-repeat: no-repeat;
}

@media(min-width: 1600px){
    .page-header {
        position: relative;
        z-index: 1;
        overflow: hidden;
        padding: 100px 0;
        background-position-x: 100% !important;
        background-repeat: no-repeat;
    }
}

@media(max-width: 767px){
    .page-header {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 55px 0 !important;
    background-position-x: 69%;
    background-repeat: no-repeat;
}

.page-header-content .title {
    font-size: 40px !important;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 1;
    width: 75%;
}
}

.page-header::after {
    content: "";
    position: absolute;
    inset: 0;
    box-shadow: inset 0 0 100px rgba(0,0,0,0.45);
    pointer-events: none;
    z-index: 0;
}

.page-header .overlay {
  background: linear-gradient(90deg, #F3F7FB 43.21%, rgb(243 247 251 / 8%) 63.66%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.page-header .bg-img {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top right;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
@media (max-width: 1399px) {
  .page-header .bg-img {
    background-size: cover;
  }
}
@media only screen and (max-width: 767px) {
  .page-header .shapes {
    display: none;
  }
}
.page-header .shapes .shape {
  position: absolute;
  z-index: -1;
}
.page-header .shapes .shape.shape-1 {
  bottom: 20px;
  left: 50px;
}
@media (max-width: 1700px) {
  .page-header .shapes .shape.shape-1 {
    left: 0;
  }
}
.page-header .shapes .shape.shape-2 {
  bottom: 0;
  left: 40%;
}
.page-header .shapes .shape.shape-3 {
  top: 0;
  right: 0;
}

@media (max-width: 1700px) {
  .page-header-content {
    padding-left: 100px;
  }
}
@media (max-width: 1600px) {
  .page-header-content {
    padding-left: 35px;
  }
}
@media (max-width: 1399px) {
  .page-header-content {
    padding-left: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .page-header-content {
    padding-left: 0;
  }
}
.page-header-content .title {
  font-size: 48px;
  font-weight: 600;
  margin-bottom: 15px;
  line-height: 1;
  width: 75%
}
.page-header-content .sub-title {
  font-size: 16px;
  font-weight: 500;
}
.page-header-content .sub-title .icon {
  font-size: 16px;
  padding: 0 5px;
}
.page-header-content .sub-title .inner-page {
  color: var(--ed-color-theme-primary);
}

#form-messages {
  display: none;
  margin-top: 15px;
  margin-bottom: 0;
}

#form-messages.alert-success {
  display: block;
}

/* !END:  Contact CSS */
/**----------------------------------------
START: Blog Details CSS
----------------------------------------*/
.blog-details-top-wrap {
  padding: 40px;
  border: 1px solid #E0E5EB;
  border-radius: 15px;
}
@media only screen and (max-width: 767px) {
  .blog-details-top-wrap {
    padding: 40px 20px;
  }
}

.blog-details-top .blog-details-thumb {
  position: relative;
  height: 450px;
}
@media only screen and (max-width: 767px) {
  .blog-details-top .blog-details-thumb {
    height: 350px;
  }
}
.blog-details-top .blog-details-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}
.blog-details-top .post-meta {
  margin: 20px 0;
}

.blog-details-content .details-title {
  font-size: 30px;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .blog-details-content .details-title {
    font-size: 24px;
  }
}
.blog-details-content blockquote {
  background-color: var(--ed-color-grey-1);
  padding: 40px;
  border-left: 3px solid var(--ed-color-theme-primary);
  margin: 40px 0;
}
@media only screen and (max-width: 767px) {
  .blog-details-content blockquote {
    padding: 30px 20px;
  }
}
.blog-details-content blockquote p {
  font-family: var(--ed-ff-heading);
  color: var(--ed-color-heading-primary);
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 20px;
  font-style: italic;
}
.blog-details-content blockquote .author {
  font-size: 20px;
  font-weight: 600;
  color: var(--ed-color-heading-primary);
  margin-bottom: 0;
  position: relative;
  padding-left: 50px;
}
.blog-details-content blockquote .author:before {
  background-color: var(--ed-color-theme-primary);
  content: "";
  width: 40px;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.blog-details-content .details-list-wrap {
  margin-bottom: 40px;
}
.blog-details-content .details-list-wrap .list-title {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 15px;
}
.blog-details-content .details-list-wrap .details-img {
  height: 450px;
}
@media only screen and (max-width: 767px) {
  .blog-details-content .details-list-wrap .details-img {
    height: 350px;
  }
}
.blog-details-content .details-list-wrap .details-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.blog-details-content .tag-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 20px;
  margin: 50px 0;
  padding: 50px 0;
  border-top: 1px dashed #E0E5EB;
  padding-bottom: 0;
  margin-bottom: 0;
}
.blog-details-content .tag-wrap .tags {
  display: flex;
  align-items: center;
}
.blog-details-content .tag-wrap .tags .tag {
  color: var(--ed-color-heading-primary);
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0;
}
.blog-details-content .tag-wrap .tags ul {
  list-style: none;
  margin-left: 20px;
  display: flex;
  align-items: center;
  column-gap: 10px;
  flex-wrap: wrap;
  row-gap: 15px;
}
.blog-details-content .tag-wrap .tags ul li a {
  background-color: var(--ed-color-grey-1);
  font-size: 16px;
  font-weight: 400;
  color: var(--ed-color-text-body);
  padding: 8px 20px;
  border-radius: 100px;
}
.blog-details-content .tag-wrap .tags ul li a:hover {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
}
.blog-details-content .tag-wrap .social-list-wrap {
  display: flex;
  align-items: center;
  column-gap: 20px;
}
.blog-details-content .tag-wrap .social-list-wrap .share {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0;
}
.blog-details-content .tag-wrap .social-list-wrap .social-list {
  background-color: var(--ed-color-grey-1);
  padding: 5px 20px;
  list-style: none;
  border-radius: 100px;
}
.blog-details-content .tag-wrap .social-list-wrap .social-list li {
  display: inline-flex;
}
.blog-details-content .tag-wrap .social-list-wrap .social-list li:not(:last-of-type) {
  margin-right: 15px;
}
.blog-details-content .tag-wrap .social-list-wrap .social-list li a {
  font-size: 16px;
  color: var(--ed-color-heading-primary);
  border-radius: 50%;
}
.blog-details-content .tag-wrap .social-list-wrap .social-list li a:hover {
  color: var(--ed-color-theme-primary);
}
.blog-details-content .blog-details-post .head-title {
  color: var(--ed-color-heading-primary);
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 0;
}
.blog-details-content .blog-details-post .view-post {
  font-size: 16px;
  font-weight: 700;
  color: var(--ed-color-theme-primary);
  display: flex;
  align-items: center;
  column-gap: 10px;
  text-transform: uppercase;
  line-height: 1;
}
.blog-details-content .blog-details-post .view-post i {
  transform: rotate(-45deg);
  margin-top: -1px;
}

.sidebar-widget {
  background-color: var(--ed-color-grey-1);
  padding: 40px 30px;
  border: 1px solid var(--ed-color-border-1);
  border-radius: 15px;
}
@media only screen and (max-width: 767px) {
  .sidebar-widget {
    padding: 30px 20px;
  }
}
.sidebar-widget:not(:last-of-type) {
  margin-bottom: 50px;
}
.sidebar-widget .search-form {
  position: relative;
}
.sidebar-widget .search-form .form-control {
  padding: 14px 20px;
  padding-left: 30px;
  border: none;
  border-radius: 0;
  box-shadow: none;
  border-radius: 100px;
}
.sidebar-widget .search-form .search-btn {
  color: var(--ed-color-theme-primary);
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}
.sidebar-widget .widget-title {
  font-size: 30px;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 30px;
}
.sidebar-widget .category-list li {
  display: flex;
  align-items: center;
  font-family: var(--ed-ff-body);
  font-size: 16px;
  font-weight: 400;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--ed-color-border-1);
}
.sidebar-widget .category-list li:not(:last-of-type) {
  margin-bottom: 20px;
}
.sidebar-widget .category-list li:hover {
  color: var(--ed-color-theme-primary);
}
.sidebar-widget .category-list li i {
  color: var(--ed-color-theme-primary);
  padding-right: 10px;
}
.sidebar-widget .tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 20px;
  list-style: none;
}
.sidebar-widget .tags li:not(:last-of-type) {
  margin-right: 10px;
}
.sidebar-widget .tags li a {
  background-color: var(--ed-color-common-white);
  padding: 8px 18px;
  font-family: var(--ed-ff-body);
  font-size: 15px;
  font-weight: 400;
  border-radius: 100px;
}
.sidebar-widget .tags li a:hover {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
}
.sidebar-widget .sidebar-post {
  background-color: var(--ed-color-grey-1);
  display: grid;
  align-items: center;
  grid-template-columns: 82px 1fr;
  grid-gap: 0px;
}
.sidebar-widget .sidebar-post:not(:last-of-type) {
  margin-bottom: 20px;
}
.sidebar-widget .sidebar-post img {
  height: 100%;
  object-fit: cover;
}
.sidebar-widget .sidebar-post .post-content {
  padding: 20px;
}
@media only screen and (max-width: 767px) {
  .sidebar-widget .sidebar-post .post-content {
    padding-left: 10px;
  }
}
.sidebar-widget .sidebar-post .post-content .post-meta {
  display: flex;
  align-items: center;
  column-gap: 10px;
  flex-wrap: wrap;
  row-gap: 5px;
  margin-top: 15px;
}
@media only screen and (max-width: 767px) {
  .sidebar-widget .sidebar-post .post-content .post-meta {
    column-gap: 5px;
  }
}
.sidebar-widget .sidebar-post .post-content .post-meta li {
  display: flex;
  align-items: center;
  column-gap: 10px;
  line-height: 1;
  font-size: 15px;
}
.sidebar-widget .sidebar-post .post-content .post-meta li:not(:last-of-type) {
  margin-right: 5px;
}
@media only screen and (max-width: 767px) {
  .sidebar-widget .sidebar-post .post-content .post-meta li {
    font-size: 13px;
  }
}
.sidebar-widget .sidebar-post .post-content .post-meta li i {
  font-size: 14px;
  color: var(--ed-color-theme-primary);
}
.sidebar-widget .sidebar-post .post-content .title {
  color: var(--ed-color-heading-primary);
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 1.4;
}
.sidebar-widget .sidebar-post .post-content .title a {
  background: linear-gradient(var(--ed-color-theme-primary) 0%, var(--ed-color-theme-primary) 98%);
  background-size: 0 2px;
  background-repeat: no-repeat;
  background-position: left 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.sidebar-widget .sidebar-post .post-content .title a:hover {
  color: var(--ed-color-theme-primary);
  background-size: 100% 2px;
}

.sticky-widget {
  position: -webkit-sticky;
  position: sticky;
  top: 150px;
}

/* !END:  Blog Details CSS */
/**----------------------------------------
START: About CSS
----------------------------------------*/
.about-img-wrap {
  max-width: 582px;
  width: 100%;
  height: 500px;
  position: relative;
}
@media (max-width: 1200px) {
  .about-img-wrap {
    margin: 0 auto;
    margin-bottom: 30px;
  }
}
.about-img-wrap .about-img-1 {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 294px;
  width: 100%;
  height: 371px;
  padding: 5px;
  border: 2px solid #DDE1E7;
  border-radius: 0 60px 0 60px;
}
.about-img-wrap .about-img-1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0 60px 0 60px;
}
.about-img-wrap .about-img-1 .video-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.about-img-wrap .about-img-1 .video-btn a {
  background-color: var(--ed-color-common-white);
  color: var(--ed-color-theme-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  height: 80px;
  width: 80px;
  border-radius: 50%;
}
.about-img-wrap .about-img-1 .video-btn a i {
  margin-top: 10px;
  line-height: 1;
}
.about-img-wrap .about-img-1 .video-btn a:hover {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
}
.about-img-wrap .about-img-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 260px;
  width: 100%;
  height: 352px;
}
.about-img-wrap .about-img-2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 60px 0 60px 0;
}
.about-img-wrap .about-contact {
  background-color: var(--ed-color-theme-primary);
  position: absolute;
  bottom: 0;
  left: 0;
  display: grid;
  grid-template-columns: 50px 1fr;
  align-items: center;
  grid-gap: 15px;
  max-width: 294px;
  width: 100%;
  padding: 30px;
  border-radius: 0 60px 0 60px;
}
.about-img-wrap .about-contact .icon {
  background-color: var(--ed-color-common-white);
  font-size: 20px;
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--ed-color-theme-primary);
}
.about-img-wrap .about-contact .icon i {
  transform: rotate(-45deg);
}
.about-img-wrap .about-contact .content span {
  color: var(--ed-color-common-white);
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  display: block;
}
.about-img-wrap .about-contact .content a {
  color: var(--ed-color-common-white);
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
}

@media (max-width: 1200px) {
  .about-content {
    max-width: 630px;
    width: 100%;
  }
}

.about-counter-items {
  max-width: 610px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 20px;
  flex-wrap: wrap;
  row-gap: 20px;
  margin-bottom: 40px;
}
.about-counter-items .about-counter-item {
  display: grid;
  align-items: center;
  grid-template-columns: 80px 1fr;
  grid-gap: 20px;
}
.about-counter-items .about-counter-item .icon {
  background-color: var(--ed-color-common-white);
  width: 80px;
  height: 80px;
  border: 1px solid #E0E5EB;
  box-shadow: 0px 14px 51px 2px rgba(24, 50, 48, 0.08);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.about-counter-items .about-counter-item .content .title {
  color: var(--ed-color-theme-primary);
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 15px;
  line-height: 1;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
}
.about-counter-items .about-counter-item .content .title .odometer-auto-theme {
  font-family: inherit;
  line-height: 1;
}
.about-counter-items .about-counter-item .content .title .number {
  margin-bottom: 2px;
}
.about-counter-items .about-counter-item .content p {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1.6;
  text-align: left;
}

.about-section-3 {
  background-color: #F3F7FB;
  position: relative;
  z-index: 1;
}
.about-section-3 .shapes .shape {
  position: absolute;
  z-index: -1;
}
.about-section-3 .shapes .shape.shape-1 {
  top: 0;
  left: 0;
}
.about-section-3 .shapes .shape.shape-2 {
  bottom: 0;
  left: 50px;
}
.about-section-3 .shapes .shape.shape-3 {
  bottom: 0;
  right: 0;
}

.about-img-wrap-3 {
  background-color: var(--ed-color-common-white);
  max-width: 545px;
  width: 100%;
  height: 508px;
  position: relative;
  border-radius: 15px;
}
@media only screen and (max-width: 992px) {
  .about-img-wrap-3 {
    margin: 0 auto;
    margin-bottom: 40px;
  }
}
.about-img-wrap-3 .about-img {
  width: 100%;
  height: 508px;
  position: absolute;
  top: 0;
  left: 0;
  border: 15px solid var(--ed-color-common-white);
  border-radius: 15px;
}
.about-img-wrap-3 .about-img .main-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.about-img-wrap-3 .icon-box {
  background-color: var(--ed-color-common-white);
  height: 163px;
  width: 163px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #E0E5EB;
  padding: 30px;
  position: absolute;
  top: 65px;
  right: 0;
}
.about-img-wrap-3 .icon-box .icon {
  height: 105px;
  width: 105px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #E0E5EB;
}

.faq-img-wrap.about-img-wrap-4 {
  max-width: 620px;
  height: 471px;
}
@media only screen and (max-width: 992px) {
  .faq-img-wrap.about-img-wrap-4 {
    margin: 0 auto;
    margin-bottom: 40px;
  }
}
.faq-img-wrap.about-img-wrap-4 .faq-img {
  height: 100%;
  max-width: 620px;
  width: 100%;
}
.faq-img-wrap.about-img-wrap-4 .faq-text-box {
  bottom: 50px;
  left: -100px;
}
@media (max-width: 1200px) {
  .faq-img-wrap.about-img-wrap-4 .faq-text-box {
    left: 0;
  }
}

.about-content-4 {
  margin-left: 20px;
}
@media (max-width: 1200px) {
  .about-content-4 {
    margin-left: 0;
  }
}
.about-content-4 .section-heading .section-title span {
  color: var(--ed-color-theme-primary);
}
.about-content-4 .about-items {
  max-width: 590px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 20px;
  flex-wrap: wrap;
  row-gap: 20px;
  margin-bottom: 40px;
}
.about-content-4 .about-items .about-item {
  display: flex;
  column-gap: 20px;
}
.about-content-4 .about-items .about-item .icon {
  color: var(--ed-color-theme-primary);
  font-size: 20px;
}
.about-content-4 .about-items .about-item .content .title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px;
}

.about-feature {
  background-color: var(--ed-color-grey-1);
}

.about-feature-card {
  position: relative;
  padding-top: 60px;
}
.about-feature-card .icon {
  background-color: var(--ed-color-common-white);
  height: 120px;
  width: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid #E1E9F0;
  box-shadow: 0px 18px 38px rgba(47, 74, 101, 0.11);
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.about-feature-card .icon img {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.about-feature-card .content {
  background-color: var(--ed-color-common-white);
  padding: 0 20px 30px 20px;
  padding-top: 80px;
  text-align: center;
  border: 1px solid #E1E9F0;
  border-radius: 15px;
}
.about-feature-card .content .title {
  font-size: 22px;
}
.about-feature-card .content p {
  margin-bottom: 0;
}
.about-feature-card:hover .icon {
    background-color: #034861;
    color: white;
}
.about-feature-card:hover .icon img {
  filter: brightness(0) invert(1);
}

.about-section-22 {
  margin-bottom: 40px;
}
@media only screen and (max-width: 992px) {
  .about-section-22 {
    margin-bottom: 0;
  }
}
.about-section-22 .about-img-wrap-8 .about-img-2 {
  max-width: 648px;
  width: 100%;
  height: 560px;
  bottom: -40px;
}
@media only screen and (max-width: 992px) {
  .about-section-22 .about-img-wrap-8 .about-img-2 {
    bottom: 0;
  }
}
.about-section-22 .about-img-wrap-8 .round-shape {
  height: 316px;
  width: 316px;
  border: 30px solid var(--ed-color-theme-primary);
}
.about-section-22 .about-content-8 .about-tab .nav-tabs .nav-item .nav-link {
  border-radius: 4px;
}

/* !END:  About CSS */
/**----------------------------------------
START: Promo CSS
----------------------------------------*/
.promo-section {
  background-color: #191A1F;
  position: relative;
  z-index: 1;
}
.promo-section .bg-shape-1 {
  background: radial-gradient(80.61% 80.61% at 50% 19.39%, rgba(7, 166, 152, 0.2) 0%, rgba(3, 20, 24, 0) 85.76%);
  filter: blur(125px);
  width: 1784px;
  height: 1541px;
  position: absolute;
  top: -60%;
  left: -60%;
  z-index: -1;
}
.promo-section .bg-shape-2 {
  background: radial-gradient(80.61% 80.61% at 50% 19.39%, rgba(7, 166, 152, 0.2) 0%, rgba(3, 20, 24, 0) 85.76%);
  filter: blur(125px);
  width: 1784px;
  height: 1541px;
  position: absolute;
  bottom: -140%;
  right: -60%;
  z-index: -1;
}
@media only screen and (max-width: 992px) {
  .promo-section .shapes {
    display: none;
  }
}
.promo-section .shapes .shape {
  position: absolute;
  z-index: -1;
}
.promo-section .shapes .shape.shape-1 {
  top: 100px;
  left: 70px;
}
.promo-section .shapes .shape.shape-2 {
  top: 50px;
  right: 0;
}

.promo-heading {
  margin-bottom: 100px;
}
@media only screen and (max-width: 992px) {
  .promo-heading {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .promo-heading {
    margin-bottom: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .promo-wrap {
    margin-bottom: -50px;
  }
}
.promo-wrap > div {
  padding: 0;
}

.promo-item {
  text-align: center;
  border-right: 1px dashed rgba(255, 255, 255, 0.17);
}
@media only screen and (max-width: 992px) {
  .promo-item {
    border: none;
  }
}
@media only screen and (max-width: 767px) {
  .promo-item {
    margin-bottom: 50px;
  }
}
.promo-item .promo-thumb {
  height: 200px;
  width: 200px;
  border-radius: 50%;
  margin: 0 auto;
  position: relative;
  margin-bottom: 30px;
}
.promo-item .promo-thumb .icon {
  background-color: var(--ed-color-theme-primary);
  height: 80px;
  width: 80px;
  border-radius: 50%;
  border: 4px solid var(--ed-color-heading-primary);
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.promo-item .promo-thumb .main-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.promo-item .title {
  font-size: 22px;
  margin-bottom: 20px;
}
.promo-item p {
  margin-bottom: 0;
  line-height: 1.6;
}
@media only screen and (max-width: 767px) {
  .promo-item p br {
    display: none;
  }
}
.promo-item.item-3 {
  border: none;
}

.promo-item-2 {
  text-align: center;
  border: 1px solid #E0E5EB;
  border-radius: 12px;
  padding: 40px 30px;
  position: relative;
}
@media (max-width: 1200px) {
  .promo-item-2 {
    padding: 30px 20px;
  }
}
.promo-item-2 .number {
  color: rgba(7, 166, 152, 0.15);
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
  position: absolute;
  top: 40px;
  left: 30px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 1200px) {
  .promo-item-2 .number {
    font-size: 30px;
    top: 30px;
    left: 20px;
  }
}
.promo-item-2 .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  width: 100px;
  border: 1px solid #E0E5EB;
  border-radius: 50%;
  margin: 0 auto;
  margin-bottom: 25px;
}
.promo-item-2 .title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 15px;
}
@media (max-width: 1200px) {
  .promo-item-2 .title {
    font-size: 18px;
  }
}
.promo-item-2:hover .number {
  color: var(--ed-color-theme-primary);
}

.promo-section-3 {
  background-color: #162726;
}

.promo-item-3 {
  display: grid;
  align-items: center;
  grid-template-columns: 75px 1fr;
  grid-gap: 15px;
  padding: 30px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
}
@media (max-width: 1200px) {
  .promo-item-3 {
    grid-template-columns: 1fr;
  }
}
.promo-item-3 .icon {
  background-color: rgba(7, 166, 152, 0.1);
  height: 75px;
  width: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.promo-item-3 .content .title {
  font-size: 22px;
  font-weight: 600;
}
.promo-item-3 .content p {
  margin-bottom: 0;
}
.promo-item-3:hover .icon {
  background-color: var(--ed-color-theme-primary);
}

/* !END:  Promo CSS */
/**----------------------------------------
START: Course CSS
----------------------------------------*/
.course-section {
  position: relative;
  z-index: 1;
}
.course-section .shapes .shape {
  position: absolute;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .course-section .shapes .shape {
    display: none;
  }
}
.course-section .shapes .shape.shape-1 {
  top: 133px;
  right: 0;
}
.course-section .shapes .shape.shape-2 {
  bottom: 200px;
  left: 0;
}

.feature-course {
  background-color: var(--ed-color-grey-1);
}

.course-item {
  background-color: var(--ed-color-common-white);
  padding-top: 30px;
  border: 1px solid #E0E5EB;
  border-radius: 10px;
}
.course-item .course-thumb-wrap {
  padding: 0 0px;
}
@media only screen and (max-width: 992px) {
  .course-item{
    padding: 0.5rem;
  }
  .course-item .course-thumb-wrap {
    padding: 0 0px;
  }
}
.course-item .course-thumb-wrap .course-thumb {
  width: 100%;
  height: auto;
  overflow: hidden;
  border-radius: 10px;
}
.course-item .course-thumb-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.course-item .course-content {
    padding: 10px 0px;
    padding-bottom: 0px;
    margin-bottom: 10px;
    border-bottom: 1px solid #E0E5EB;
}
@media only screen and (max-width: 992px) {
  .course-item .course-content {
    padding: 30px 20px;
  }
}
.course-item .course-content .offer {
  background-color: rgba(7, 166, 152, 0.1);
  color: var(--ed-color-theme-primary);
  font-size: 12px;
  font-weight: 700;
  padding: 5px 15px;
  border-radius: 100px;
  display: inline-block;
  margin-bottom: 20px;
}
.course-item .course-content .title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0%;
  line-height: 1.4;
}
.course-item .course-content .course-list {
  margin-bottom: 4px;
}
.course-item .course-content .course-list li {
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  column-gap: 7px;
}
.course-item .course-content .course-list li:not(:last-of-type) {
  margin-right: 20px;
}
.course-item .course-content .course-list li i {
  font-size: 14px;
}
.course-item .course-content .course-author-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 15px;
  flex-wrap: wrap;
  row-gap: 10px;
}
.course-item .course-content .course-author-box .course-author {
  display: grid;
  align-items: center;
  grid-template-columns: 45px 1fr;
  grid-gap: 10px;
}
.course-item .course-content .course-author-box .course-author .author-img {
  height: 45px;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.course-item .course-content .course-author-box .course-author .author-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.course-item .course-content .course-author-box .course-author .author-info .name {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
  line-height: 1;
}
.course-item .course-content .course-author-box .course-author .author-info span {
  color: var(--ed-color-theme-primary);
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
}
.course-item .course-content .course-author-box .course-review li {
  display: inline-flex;
}
.course-item .course-content .course-author-box .course-review li i {
  color: var(--ed-color-theme-primary);
}
.course-item .course-content .course-author-box .course-review li.point {
  margin-left: 5px;
}
.course-item .bottom-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0px 0px 0px;
}
.course-item .bottom-content .price {
  color: var(--ed-color-heading-primary);
  font-size: 20px;
  font-weight: 700;
}
.course-item .bottom-content .course-btn {
  color: var(--ed-color-heading-primary);
  font-size: 16px;
  font-weight: 600;
  padding: 5px 20px;
  border: 1px solid #E0E5EB;
  border-radius: 100px;
}
.course-item .bottom-content .course-btn:hover {
  border: 1px solid var(--ed-color-theme-primary);
}
.course-item:hover .course-thumb img {
  transform: scale(1.03);
}

.course-item-2 {
  padding: 0;
  display: grid;
  align-items: center;
  grid-template-columns: 236px 1fr;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .course-item-2 {
    grid-template-columns: 300px 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .course-item-2 {
    grid-template-columns: 1fr;
  }
}
.course-item-2 .course-thumb-wrap {
  padding: 0;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .course-item-2 .course-thumb-wrap {
    height: 350px;
  }
}
.course-item-2 .course-thumb-wrap .course-thumb {
  height: 100%;
  border-radius: 0;
}

.feature-course-2 {
  background-color: #1A2226;
  position: relative;
  z-index: 1;
}
.feature-course-2 .shapes .shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.feature-course-2 .shapes .shape-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}

.course-item.dark-item {
  background-color: #222A2D;
  border: 1px solid #2F373A;
}
.course-item.dark-item .course-content {
  border-bottom: 1px solid #2F373A;
}
.course-item.dark-item .course-content .title {
  color: var(--ed-color-common-white);
}
.course-item.dark-item .course-content .course-list li i {
  color: var(--ed-color-common-white);
}
.course-item.dark-item .course-content .course-author-box .course-author .author-info .name {
  color: var(--ed-color-common-white);
}
.course-item.dark-item .bottom-content .price {
  color: var(--ed-color-common-white);
}
.course-item.dark-item .bottom-content .course-btn {
  color: var(--ed-color-common-white);
  border: 1px solid #2F373A;
}
.course-item.dark-item .bottom-content .course-btn:hover {
  border: 1px solid var(--ed-color-theme-primary);
}
.course-item.dark-item.dark-item-2 {
  background: #162726;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0px 7px 48px rgba(0, 0, 0, 0.15);
}

.course-nav {
  border: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 20px;
  flex-wrap: wrap;
  row-gap: 20px;
}
@media (max-width: 1200px) {
  .course-nav {
    justify-content: center;
  }
}
.course-nav .nav-item .nav-link {
  background-color: var(--ed-color-common-white);
  padding: 10px 30px;
  border-radius: 100px;
  border: none;
  color: var(--ed-color-heading-primary);
}
.course-nav .nav-item .nav-link.active {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
  border: none;
}

.course-tab-content .tab-pane.active.show > div {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fade-in-bottom;
  animation-name: fade-in-bottom;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: both;
  transition: all 0.5s ease-in-out;
  transition-duration: 1000ms;
  animation-delay: 0.1s;
}

.course-top .swiper-arrow {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.course-top .swiper-arrow .swiper-nav {
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #E0E5EB;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.course-top .swiper-arrow .swiper-nav:hover {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
  border: 1px solid var(--ed-color-theme-primary);
}

.course-feature-item {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.course-feature-item .course-feature-img {
  height: 274px;
  width: 100%;
}
.course-feature-item .course-feature-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.course-feature-item .content {
  background-color: var(--ed-color-common-white);
  width: 90%;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  padding: 15px 20px;
  border-radius: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.course-feature-item .content .title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
}
.course-feature-item .content span {
  font-size: 14px;
  font-weight: 500;
  display: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.course-feature-item:hover .content span {
  display: block;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.course-details-content {
  border: 1px solid #E0E5EB;
  padding: 30px 0;
  border-radius: 10px;
}
.course-details-content .course-details-img {
  height: 500px;
  padding: 30px;
  padding-top: 0;
}
@media only screen and (max-width: 767px) {
  .course-details-content .course-details-img {
    padding: 0 20px;
    height: 350px;
    margin-bottom: 30px;
  }
}
.course-details-content .course-details-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.course-details-content .details-inner {
  padding: 0 30px;
}
@media only screen and (max-width: 767px) {
  .course-details-content .details-inner {
    padding: 0 20px;
  }
}
.course-details-content .details-meta {
  margin-bottom: 20px;
}
.course-details-content .details-meta li {
  background-color: var(--ed-color-theme-primary);
  display: inline-flex;
  color: var(--ed-color-common-white);
  font-size: 14px;
  font-weight: 500;
  padding: 7px 15px;
  border-radius: 100px;
  line-height: 1;
}
.course-details-content .details-meta li:not(:last-of-type) {
  margin-right: 10px;
}
.course-details-content .title {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 20px;
}
@media (max-width: 1200px) {
  .course-details-content .title br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .course-details-content .title {
    font-size: 24px;
  }
}
.course-details-content .course-details-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 15px;
}
.course-details-content .course-details-list li {
  font-size: 16px;
  font-weight: 500;
  color: var(--ed-color-heading-primary);
  list-style: none;
  position: relative;
  line-height: 1;
}
.course-details-content .course-details-list li:not(:last-of-type) {
  margin-right: 20px;
  padding-right: 20px;
}
@media only screen and (max-width: 767px) {
  .course-details-content .course-details-list li:not(:last-of-type) {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.course-details-content .course-details-list li:not(:last-of-type):before {
  background-color: #E0E5EB;
  content: "";
  width: 1px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .course-details-content .course-details-list li:not(:last-of-type):before {
    display: none;
  }
}
.course-details-content .course-details-list li i {
  color: var(--ed-color-theme-primary);
  margin-right: 10px;
}
.course-details-content .course-details-list li:not(:last-of-type) {
  margin-right: 20px;
}
.course-details-content .course-details-list li img {
  height: 35px;
  width: 35px;
  border-radius: 50%;
  margin-right: 10px;
}
.course-details-content .course-details-list li span {
  font-weight: 400;
  color: var(--ed-color-theme-primary);
}
.course-details-content .course-details-list li.review-wrap {
  display: flex;
  align-items: center;
  column-gap: 10px;
  color: var(--ed-color-text-body);
}
.course-details-content .course-details-list li.review-wrap ul li {
  display: inline-flex;
}
.course-details-content .course-details-list li.review-wrap ul li:not(:last-of-type) {
  margin: 0;
  padding: 0;
  border: 0;
}
.course-details-content .course-details-list li.review-wrap ul li:not(:last-of-type):before {
  display: none;
}
.course-details-content .course-details-list li.review-wrap ul li i {
  margin-right: 0px;
}

.course-details-tab {
  margin-top: 40px;
}
.course-details-tab .nav-tabs {
  background-color: var(--ed-color-grey-1);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .course-details-tab .nav-tabs {
    flex-direction: column;
    border: none;
  }
}
.course-details-tab .nav-tabs {
  flex-wrap: nowrap;
}
.course-details-tab .nav-tabs .nav-item {
  flex: 1 1 0;      /* every tab gets an equal share of the full width */
  width: auto;
  min-width: 0;
  border: none;
}
.course-details-tab .nav-tabs .nav-item .nav-link {
  width: 100%;
  height: 100%;
  white-space: nowrap;
}

/* Mobile: tabs stack one per row (keeps your existing mobile layout) */
@media (max-width: 767px) {
  .course-details-tab .nav-tabs {
    flex-wrap: wrap;
  }
  .course-details-tab .nav-tabs .nav-item {
    flex: none;
    width: 100%;
  }
  .course-details-tab .nav-tabs .nav-item .nav-link {
    white-space: normal;
  }
}
.course-details-tab .nav-tabs .nav-item:not(:last-of-type) {
  border-right: 1px solid #E0E5EB;
}
@media only screen and (max-width: 767px) {
  .course-details-tab .nav-tabs .nav-item:not(:last-of-type) {
    width: 100%;
    border: none;
    border-bottom: 1px solid #E0E5EB;
  }
}
@media only screen and (max-width: 767px) {
  .course-details-tab .nav-tabs .nav-item {
    border-bottom: 1px solid #E0E5EB;
  }
}
.course-details-tab .nav-tabs .nav-item .nav-link {
  color:#000000;
  font-weight: 600;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
  font-size: 16px;
  border: none;
  border-radius: 0;
  padding: 17px 20px;
  position: relative;
  border-top: 1px solid #E0E5EB;
  border-bottom: 1px solid #E0E5EB;
}
@media only screen and (max-width: 767px) {
  .course-details-tab .nav-tabs .nav-item .nav-link {
    border: none;
  }
}
.course-details-tab .nav-tabs .nav-item .nav-link:before {
  background-color: var(--ed-color-theme-primary);
  content: "";
  width: 0;
  height: 3px;
  position: absolute;
  top: -1.5px;
  left: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.course-details-tab .nav-tabs .nav-item .nav-link.active {
  background-color: #016d770d;
  color: #d59228;
}
.course-details-tab .nav-tabs .nav-item .nav-link.active:before {
  width: 100%;
}
.course-details-tab .tab-content .tab-overview {
  padding: 30px;
  padding-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .course-details-tab .tab-content .tab-overview {
    padding: 30px 20px 0 20px;
  }
}
.course-details-tab .tab-content .curriculam-area {
  padding: 30px;
  padding-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .course-details-tab .tab-content .curriculam-area {
    padding: 30px 20px 0 20px;
  }
}
.course-details-tab .tab-content .curriculam-area .accordion-item {
  border: 1px solid #E0E5EB;
  border-radius: 10px;
}
.course-details-tab .tab-content .curriculam-area .accordion-item:not(:last-of-type) {
  margin-bottom: 20px;
}
.course-details-tab .tab-content .curriculam-area .accordion-item .accordion-button {
  color: var(--ed-color-heading-primary);
  font-size: 20px;
  font-weight: 600;
  border-radius: 10px;
  border: none;
  box-shadow: none;
}
@media only screen and (max-width: 767px) {
  .course-details-tab .tab-content .curriculam-area .accordion-item .accordion-button {
    font-size: 18px;
  }
}
.course-details-tab .tab-content .curriculam-area .accordion-item .accordion-button:not(.collapsed) {
  background-color: var(--ed-color-grey-1);
  border-radius: 10px 10px 0 0;
}
.course-details-tab .tab-content .curriculam-area .accordion-item .accordion-body {
  padding: 30px;
}
.course-details-tab .tab-content .curriculam-area .accordion-item .accordion-body .curri-list {
  list-style: none;
}
.course-details-tab .tab-content .curriculam-area .accordion-item .accordion-body .curri-list li {
  font-size: 16px;
  color: var(--ed-color-heading-primary);
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 10px;
}
@media only screen and (max-width: 767px) {
  .course-details-tab .tab-content .curriculam-area .accordion-item .accordion-body .curri-list li {
    font-size: 14px;
  }
}
.course-details-tab .tab-content .curriculam-area .accordion-item .accordion-body .curri-list li:not(:last-of-type) {
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .course-details-tab .tab-content .curriculam-area .accordion-item .accordion-body .curri-list li:not(:last-of-type) {
    padding-bottom: 15px;
    border-bottom: 1px dashed #CED4E2;
  }
}
.course-details-tab .tab-content .curriculam-area .accordion-item .accordion-body .curri-list li span:nth-child(1) i {
  color: var(--ed-color-theme-primary);
  width: 30px;
}
@media only screen and (max-width: 767px) {
  .course-details-tab .tab-content .curriculam-area .accordion-item .accordion-body .curri-list li span:nth-child(1) i {
    width: 25px;
  }
}
.course-details-tab .tab-content .curriculam-area .accordion-item .accordion-body .curri-list li span:nth-child(2) i {
  margin-left: 10px;
}
.course-details-tab .tab-content .team-wrap-2 {
  padding: 30px;
  padding-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .course-details-tab .tab-content .team-wrap-2 {
    padding: 30px 20px 0 20px;
  }
}
.course-details-tab .tab-content .reviewr-wrap {
  padding: 30px;
  padding-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .course-details-tab .tab-content .reviewr-wrap {
    padding: 30px 20px 0 20px;
  }
}
.course-details-tab .tab-content .reviewr-wrap .review-list .review-item {
  display: grid;
  align-items: center;
  grid-template-columns: 90px 1fr;
  grid-gap: 15px;
  padding: 30px;
  border: 1px solid var(--ed-color-border-1);
}
@media only screen and (max-width: 767px) {
  .course-details-tab .tab-content .reviewr-wrap .review-list .review-item {
    grid-template-columns: 1fr;
  }
}
.course-details-tab .tab-content .reviewr-wrap .review-list .review-item:not(:last-of-type) {
  margin-bottom: 30px;
}
.course-details-tab .tab-content .reviewr-wrap .review-list .review-item img {
  height: 90px;
  width: 90px;
  border-radius: 50%;
}
.course-details-tab .tab-content .reviewr-wrap .review-list .review-item .content .content-top {
  display: flex;
  align-items: center;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 20px;
}
.course-details-tab .tab-content .reviewr-wrap .review-list .review-item .content .content-top .name {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
}
.course-details-tab .tab-content .reviewr-wrap .review-list .review-item .content .content-top .name span {
  color: var(--ed-color-text-body);
  font-size: 15px;
  display: block;
  margin-top: 7px;
}
.course-details-tab .tab-content .reviewr-wrap .review-list .review-item .content .content-top ul {
  list-style: none;
}
.course-details-tab .tab-content .reviewr-wrap .review-list .review-item .content .content-top ul li {
  display: inline-flex;
  color: #FFC92E;
}
.course-details-tab .tab-content .reviewr-wrap .review-list .review-item .content .content-top ul li:not(:last-of-type) {
  margin-right: 2px;
}
.course-details-tab .tab-content .reviewr-wrap .review-list .review-item .content p {
  margin-bottom: 0;
}

.course-sidebar {
  padding: 8px;
  border: 1px solid #E0E5EB;
  border-radius: 15px;
}
.course-sidebar:not(:last-of-type) {
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .course-sidebar {
    padding: 30px 20px;
  }
}
.course-sidebar.price-box .price {
  color: var(--ed-color-heading-primary);
  font-size: 28px;
  font-weight: 700;
  display: flex;
  align-items: center;
  column-gap: 10px;
  margin-bottom: 10px;
}
.course-sidebar.price-box .price span {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
  padding: 5px 10px;
  border-radius: 100px;
  font-size: 12px;
  font-weight: 600;
}
.course-sidebar.price-box .ed-primary-btn {
  width: 100%;
  justify-content: center;
  border-radius: 5px;
  text-transform: uppercase;
  font-weight: 600;
}
.course-sidebar.price-box .ed-primary-btn.buy-btn {
  background-color: transparent;
  color: var(--ed-color-heading-primary);
  border: 1px solid var(--ed-color-theme-primary);
  margin-top: 10px;
}
.course-sidebar.price-box .ed-primary-btn.buy-btn:before {
  background-color: var(--ed-color-theme-primary);
}
.course-sidebar.price-box .ed-primary-btn.buy-btn:hover {
  color: var(--ed-color-common-white);
}
.course-sidebar .sidebar-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: capitalize;
}
.course-sidebar .course-sidebar-list {
  list-style: none;
}
.course-sidebar .course-sidebar-list li {
  color: #162726;
  font-size: 16px;
  font-weight: 500;
}
.course-sidebar .course-sidebar-list li span {
  color: var(--ed-color-text-body);
  margin-left: 5px;
}
.course-sidebar .course-sidebar-list li i {
  color: var(--ed-color-theme-primary);
  width: 25px;
}
.course-sidebar .course-sidebar-list li:nth-child(1) {
  padding-top: 15px;
  border-top: 1px dashed #CED4E2;
}
.course-sidebar .course-sidebar-list li:not(:last-of-type) {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px dashed #CED4E2;
}
.course-sidebar .share-btn {
  margin-top: 30px;
}
.course-sidebar .share-btn .ed-primary-btn {
  background-color: var(--ed-color-grey-1);
  width: 100%;
  justify-content: center;
  color: var(--ed-color-theme-primary);
  border-radius: 5px;
  font-weight: 600;
}
.course-sidebar .share-btn .ed-primary-btn i {
  font-size: 18px;
  margin-left: 0;
  margin-right: 10px;
}

.feature-course-22 {
  background-color: var(--ed-color-common-white);
}
.feature-course-22 .course-item:hover .course-review li i {
  color: #F8BC24;
}
.feature-course-22 .course-item:hover .bottom-content .price {
  color: var(--ed-color-theme-primary);
}

/* !END:  Course CSS */
/**----------------------------------------
START: Counter CSS
----------------------------------------*/
.counter-section {
  background-color: var(--ed-color-theme-primary);
}
@media only screen and (max-width: 992px) {
  .counter-section {
    padding: 70px 0;
  }
}

.counter-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.counter-item {
  text-align: center;
  border-right: 1px solid #21BCAF;
  padding: 120px 0;
}
@media only screen and (max-width: 992px) {
  .counter-item {
    padding: 0;
    border: none;
  }
}
.counter-item .title {
  font-size: 40px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px;
}
.counter-item .title .odometer-auto-theme {
  font-family: inherit;
  line-height: 1;
}
.counter-item p {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0;
}
.counter-item.item-1 {
  margin-right: auto;
  margin-left: 0;
}
.counter-item.item-4 {
  border-right: none;
}

.counter-card {
  padding: 40px 20px 45px 20px;
  border-radius: 10px;
  border: 1px solid #E0E5EB;
}
.counter-card .title {
  color: var(--ed-color-heading-primary);
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 5px;
  font-family: var(--ed-ff-heading);
  display: flex;
  align-items: center;
  justify-content: center;
}
.counter-card .title .odometer-auto-theme {
  font-family: inherit;
  line-height: 1;
}
.counter-card .title .number {
  margin-top: -3px;
}
.counter-card p {
  color: var(--ed-color-theme-primary);
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0;
  text-transform: uppercase;
  line-height: 1;
}

/* !END:  Counter CSS */
/**----------------------------------------
START: Faq CSS
----------------------------------------*/
.faq-img-wrap {
  max-width: 515px;
  width: 100%;
  height: 542px;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .faq-img-wrap {
    margin: 0 auto;
  }
}
.faq-img-wrap .faq-img {
  max-width: 435px;
  height: 542px;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.faq-img-wrap .faq-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}
.faq-img-wrap .faq-text-box {
  background-color: var(--ed-color-common-white);
  box-shadow: 0px 4px 18px rgba(158, 165, 177, 0.23);
  border-radius: 10px;
  padding: 30px;
  position: absolute;
  bottom: 100px;
  left: 0;
}
.faq-img-wrap .faq-text-box .faq-thumb-list {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.faq-img-wrap .faq-text-box .faq-thumb-list li {
  height: 56px;
  width: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 4px solid var(--ed-color-common-white);
  border-radius: 50%;
}
.faq-img-wrap .faq-text-box .faq-thumb-list li:not(:last-of-type) {
  margin-right: -30px;
}
.faq-img-wrap .faq-text-box .faq-thumb-list li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.faq-img-wrap .faq-text-box .faq-thumb-list li.number {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
  font-weight: 600;
}

@media only screen and (max-width: 992px) {
  .faq-content {
    margin-top: 40px;
  }
}
.faq-content.content-1 {
  max-width: 613px;
  width: 100%;
  padding-left: 40px;
}
@media only screen and (max-width: 992px) {
  .faq-content.content-1 {
    padding-left: 0;
    max-width: 100%;
  }
}
.faq-content .faq-accordion .accordion-item {
  border: none;
}
.faq-content .faq-accordion .accordion-item .accordion-button {
  padding-left: 0;
  padding-right: 0;
  background-color: transparent;
  border: none;
  box-shadow: none;
  border-bottom: 1px solid transparent;
  font-size: 18px;
  font-weight: 600;
  color: var(--ed-color-heading-primary);
}
.faq-content .faq-accordion .accordion-item .accordion-button:not(.collapsed) {
  border-bottom: 1px solid #E0E5EB;
}
.faq-content .faq-accordion .accordion-item .accordion-button span {
  color: var(--ed-color-text-body);
  margin-right: 10px;
}
.faq-content .faq-accordion .accordion-item .accordion-body {
  padding-left: 0;
  padding-right: 0;
}
.faq-content .faq-accordion .accordion-item .accordion-body p {
  color: #6C706F;
}

.faq-img-wrap-2 {
  max-width: 577px;
  width: 100%;
  height: 511px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 992px) {
  .faq-img-wrap-2 {
    margin: 0 auto;
  }
}
.faq-img-wrap-2 .faq-img-1 {
  max-width: 281px;
  width: 100%;
  height: 402px;
  border-radius: 0 60px 0 60px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 1;
}
.faq-img-wrap-2 .faq-img-1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.faq-img-wrap-2 .faq-img-2 {
  max-width: 270px;
  width: 100%;
  height: 241px;
  border-radius: 60px 0 60px 0;
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
}
.faq-img-wrap-2 .faq-img-2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.faq-img-wrap-2 .faq-img-3 {
  max-width: 270px;
  width: 100%;
  height: 245px;
  border-radius: 60px 0 60px 0;
  position: absolute;
  bottom: 0;
  right: 0;
  overflow: hidden;
}
.faq-img-wrap-2 .faq-img-3 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.faq-img-wrap-2 .faq-text-box {
  background-color: var(--ed-color-common-white);
  box-shadow: 0px 4px 18px rgba(158, 165, 177, 0.23);
  border-radius: 10px;
  padding: 30px;
  position: absolute;
  bottom: 50px;
  left: 60px;
  z-index: 2;
}
.faq-img-wrap-2 .faq-text-box .faq-thumb-list-wrap {
  display: flex;
  align-items: center;
  column-gap: 10px;
  margin-top: 10px;
  flex-wrap: wrap;
  row-gap: 15px;
}
.faq-img-wrap-2 .faq-text-box .faq-thumb-list-wrap .faq-thumb-list {
  display: flex;
  align-items: center;
}
.faq-img-wrap-2 .faq-text-box .faq-thumb-list-wrap .faq-thumb-list li {
  height: 56px;
  width: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 4px solid var(--ed-color-common-white);
  border-radius: 50%;
}
.faq-img-wrap-2 .faq-text-box .faq-thumb-list-wrap .faq-thumb-list li:not(:last-of-type) {
  margin-right: -20px;
}
.faq-img-wrap-2 .faq-text-box .faq-thumb-list-wrap .faq-thumb-list li.number {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
  font-weight: 600;
}
.faq-img-wrap-2 .faq-text-box .faq-thumb-list-wrap p {
  color: var(--ed-color-heading-primary);
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1;
}
.faq-img-wrap-2 .faq-text-box .faq-thumb-list-wrap p span {
  color: var(--ed-color-theme-primary);
  font-weight: 700;
}

/* !END:  Faq CSS */
/**----------------------------------------
START: Page Header CSS
----------------------------------------*/
.team-wrap {
  background: #000;
  max-width: 1760px;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
  border-radius: 15px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .team-wrap {
    padding-right: 0;
    padding-left: 0;
  }
}

.team-item {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.team-item .team-thumb {
  height: 355px;
  position: relative;
}
.team-item .team-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.team-item .team-thumb:before {
  background: rgba(22, 39, 38, 0.82);
  mix-blend-mode: multiply;
  backdrop-filter: blur(0.5px);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  opacity: 0;
}
.team-item .team-thumb .team-social {
  position: absolute;
  top: 38%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.team-item .team-thumb .team-social li {
  display: inline-flex;
  transform: translateY(10px);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.team-item .team-thumb .team-social li:not(:last-of-type) {
  margin-right: 5px;
}
.team-item .team-thumb .team-social li a {
  background-color: var(--ed-color-common-white);
  height: 45px;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 14px;
  color: var(--ed-color-theme-primary);
}
.team-item .team-thumb .team-social li a:hover {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
}
.team-item .team-thumb .team-social li:nth-child(2) {
  transition-delay: 150ms;
}
.team-item .team-thumb .team-social li:nth-child(3) {
  transition-delay: 200ms;
}
.team-item .team-thumb .team-social li:nth-child(4) {
  transition-delay: 250ms;
}
.team-item .team-content {
  background-color: var(--ed-color-common-white);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 30px;
}
.team-item .team-content .title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 5px;
}
.team-item .team-content span {
  font-size: 16px;
  color: var(--ed-color-theme-primary);
}
.team-item:hover .team-thumb:before {
  visibility: visible;
  opacity: 1;
}
.team-item:hover .team-thumb .team-social li {
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}

.team-container {
  max-width: 1690px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}

.team-item-2 {
  border: 1px solid #E0E5EB;
  padding: 10px;
  border-radius: 15px;
}
.team-item-2 .team-thumb {
  height: 400px;
  position: relative;
  overflow: hidden;
  border-radius: 15px;
}
.team-item-2 .team-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.team-item-2 .team-thumb .team-content {
  background: rgba(255, 255, 255, 0.01);
  border: 1px solid rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(45px);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  bottom: 20px;
  left: 50%;
  width: 90%;
  transform: translateX(-50%);
  padding: 20px 30px;
}
@media only screen and (max-width: 767px) {
  .team-item-2 .team-thumb .team-content {
    padding: 20px;
  }
}
.team-item-2 .team-thumb .team-content .instructor-info .title {
  color: var(--ed-color-common-white);
  font-weight: 600;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .team-item-2 .team-thumb .team-content .instructor-info .title {
    font-size: 20px;
  }
}
.team-item-2 .team-thumb .team-content .instructor-info span {
  color: var(--ed-color-common-white);
  font-size: 16px;
  font-weight: 400;
}
.team-item-2 .team-thumb .team-content .team-social {
  position: relative;
}
.team-item-2 .team-thumb .team-content .team-social .expand {
  background-color: var(--ed-color-common-white);
  color: var(--ed-color-heading-primary);
  font-size: 15px;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 50%;
  cursor: pointer;
}
.team-item-2 .team-thumb .team-content .team-social .expand:hover {
  background-color: var(--ed-color-common-white);
  color: var(--ed-color-theme-primary);
}
.team-item-2 .team-thumb .team-content .team-social .social-list {
  position: absolute;
  bottom: 55px;
  right: 50%;
  transform: translateX(50%);
  list-style: none;
}
.team-item-2 .team-thumb .team-content .team-social .social-list li {
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.1, 0.75, 0.25, 1);
}
.team-item-2 .team-thumb .team-content .team-social .social-list li a {
  background-color: var(--ed-color-common-white);
  color: var(--ed-color-heading-primary);
  font-size: 15px;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 50%;
}
.team-item-2 .team-thumb .team-content .team-social .social-list li a:hover {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
}
.team-item-2 .team-thumb .team-content .team-social .social-list li:not(:last-of-type) {
  margin-bottom: 10px;
}
.team-item-2 .team-thumb .team-content .team-social .social-list li:nth-child(4) {
  transition-delay: 100ms;
}
.team-item-2 .team-thumb .team-content .team-social .social-list li:nth-child(3) {
  transition-delay: 150ms;
}
.team-item-2 .team-thumb .team-content .team-social .social-list li:nth-child(2) {
  transition-delay: 200ms;
}
.team-item-2 .team-thumb .team-content .team-social .social-list li:nth-child(1) {
  transition-delay: 250ms;
}
.team-item-2 .team-thumb .team-content .team-social:hover .social-list li {
  visibility: visible;
  opacity: 1;
}
.team-item-2:hover .team-thumb img {
  transform: scale(1.02);
}

.team-item-3 {
  text-align: center;
  padding: 50px 30px;
  border: 1px solid #E0E5EB;
  border-radius: 15px;
}
@media (max-width: 1200px) {
  .team-item-3 {
    padding: 40px 20px;
  }
}
.team-item-3 .team-thumb-wrap {
  height: 192px;
  width: 192px;
  border: 1px solid #E0E5EB;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-bottom: 20px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.team-item-3 .team-thumb-wrap img {
  height: 152px;
  width: 152px;
  object-fit: cover;
}
.team-item-3 .team-content .title {
  font-size: 22px;
  margin-bottom: 0;
}
.team-item-3 .team-content span {
  color: var(--ed-color-theme-primary);
  font-weight: 400;
  display: block;
  margin-top: 5px;
}
.team-item-3 .social-list {
  margin-top: 20px;
}
.team-item-3 .social-list li {
  display: inline-flex;
}
.team-item-3 .social-list li:not(:last-of-type) {
  margin-right: 5px;
}
.team-item-3 .social-list li a {
  color: var(--ed-color-theme-primary);
  height: 40px;
  width: 40px;
  border: 1px solid #E0E5EB;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.team-item-3 .social-list li a:hover {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
  border: 1px solid var(--ed-color-theme-primary);
}
.team-item-3:hover .team-thumb-wrap {
  border: 1px solid var(--ed-color-theme-primary);
}

.team-item-4 {
  position: relative;
  z-index: 1;
  border-radius: 10px;
  overflow: hidden;
}
.team-item-4 .team-thumb {
  height: 350px;
}
.team-item-4 .team-thumb .overlay {
  background: linear-gradient(180deg, rgba(11, 27, 26, 0) 0%, #0B1B1A 89.43%);
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.team-item-4 .team-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.team-item-4 .team-content {
  position: absolute;
  left: 30px;
  bottom: 20px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 5;
}
.team-item-4 .team-content .title {
  color: var(--ed-color-common-white);
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 5px;
}
.team-item-4 .team-content span {
  font-family: var(--ed-ff-heading);
  color: var(--ed-color-common-white);
  font-size: 14px;
  font-weight: 400;
}
.team-item-4 .team-content .team-social {
  border-top: 1px solid rgba(255, 255, 255, 0.13);
  margin-top: 10px;
  padding-top: 20px;
}
.team-item-4 .team-content .team-social li {
  display: inline-flex;
}
.team-item-4 .team-content .team-social li:not(:last-of-type) {
  margin-right: 10px;
}
.team-item-4 .team-content .team-social li a {
  color: var(--ed-color-common-white);
}
.team-item-4:hover .team-thumb .overlay {
  visibility: visible;
  opacity: 1;
}
.team-item-4:hover .team-content {
  bottom: 30px;
  visibility: visible;
  opacity: 1;
}

.team-item-5 {
  padding: 0;
}
.team-item-5 .team-thumb {
  position: relative;
  z-index: 1;
  height: 300px;
  overflow: hidden;
}
.team-item-5 .team-thumb .shape {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.team-item-5 .team-thumb .shape img {
  width: 100%;
  height: 100%;
}
.team-item-5 .team-thumb .team-men {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.team-item-5 .team-thumb .team-men img {
  filter: saturate(0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.team-item-5 .team-content {
  padding: 30px 0;
}
.team-item-5:hover .team-thumb .team-men img {
  filter: saturate(1);
}

.team-section-22 .team-item-5 .team-thumb .team-men img {
  filter: inherit;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.team-section-22 .team-item-5 .team-content span {
  color: #6C706F;
}


/* !END:  Page Header CSS */
/**----------------------------------------
START: Page Header CSS
----------------------------------------*/
.content-img-wrap {
  max-width: 634px;
  width: 100%;
  height: 608px;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .content-img-wrap {
    margin: 0 auto;
  }
}
.content-img-wrap .content-img-1 {
  max-width: 302px;
  width: 100%;
  height: 480px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border-radius: 60px 0 60px 0;
  overflow: hidden;
  z-index: 1;
}
.content-img-wrap .content-img-1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content-img-wrap .content-img-2 {
  max-width: 302px;
  width: 100%;
  height: 294px;
  overflow: hidden;
  border-radius: 0 60px 0 60px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.content-img-wrap .content-img-2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content-img-wrap .content-img-3 {
  max-width: 302px;
  width: 100%;
  height: 294px;
  overflow: hidden;
  border-radius: 60px 0 60px 0;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.content-img-wrap .content-img-3 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content-img-wrap .border-shape {
  max-width: 347px;
  width: 100%;
  height: 552px;
  border: 1px solid var(--ed-color-theme-primary);
  border-radius: 60px 0 60px;
  position: absolute;
  top: 50%;
  left: 15%;
  transform: translateY(-50%);
}

.content-info {
  margin-left: 45px;
}
@media only screen and (max-width: 992px) {
  .content-info {
    margin-left: 0;
    margin-top: 40px;
  }
}

.content-item {
  display: grid;
  align-items: center;
  grid-template-columns: 85px 1fr;
  padding: 30px;
  border: 1px solid #E0E5EB;
  border-radius: 10px;
  grid-gap: 20px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .content-item {
    grid-template-columns: 1fr;
  }
}
.content-item .icon {
  background-color: #ECF3F8;
  height: 85px;
  width: 85px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.content-item .icon img {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.content-item .content p {
  margin-bottom: 0;
}
.content-item:hover {
  border: 1px solid transparent;
  box-shadow: 0px 10px 28px rgba(19, 36, 39, 0.13);
}
.content-item:hover .icon {
  background-color: var(--ed-color-theme-primary);
}
.content-item:hover .icon img {
  filter: brightness(0) invert(1);
}

.content-img-wrap-2 {
  background: #FFFFFF;
  box-shadow: 0px 4px 16px #EBEEF3;
  border-radius: 10px;
  padding: 20px;
  max-width: 628px;
  width: 100%;
  height: 485px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 992px) {
  .content-img-wrap-2 {
    margin: 0 auto;
  }
}
.content-img-wrap-2 .content-img {
  height: 100%;
  width: 100%;
}
.content-img-wrap-2 .content-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.content-img-wrap-2 .video-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.content-img-wrap-2 .video-btn a {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
  height: 100px;
  width: 100px;
  font-size: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.content-img-wrap-2 .video-btn a .ripple {
  height: 100px;
  width: 100px;
}
.content-img-wrap-2 .video-btn a .ripple:before, .content-img-wrap-2 .video-btn a .ripple:after {
  height: 100px;
  width: 100px;
}

.content-info-2 {
  padding-left: 20px;
}
@media only screen and (max-width: 992px) {
  .content-info-2 {
    padding-left: 0;
    margin-top: 40px;
  }
}
.content-info-2 .content-list {
  margin-top: 30px;
  margin-bottom: 40px;
}
.content-info-2 .content-list li {
  display: flex;
  align-items: center;
  column-gap: 10px;
  font-size: 16px;
  font-weight: 500;
  color: var(--ed-color-heading-primary);
}
.content-info-2 .content-list li:not(:last-of-type) {
  margin-bottom: 10px;
}
.content-info-2 .content-list li i {
  color: var(--ed-color-theme-primary);
}

/* !END:  Page Header CSS */
/**----------------------------------------
START: Request CSS
----------------------------------------*/
.request-section {
  background-color: #191A1F;
  position: relative;
  z-index: 1;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.request-section .bg-img {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-size: contain;
  height: 513px;
  max-width: 845px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50px;
  transform: translateY(-50%);
  z-index: -1;
}
@media (max-width: 1700px) {
  .request-section .bg-img {
    max-width: 700px;
  }
}
@media (max-width: 1600px) {
  .request-section .bg-img {
    max-width: 600px;
  }
}
@media (max-width: 1200px) {
  .request-section .bg-img {
    display: none;
  }
}
.request-section .bg-img:before {
  background-color: var(--ed-color-theme-primary);
  content: "";
  height: 220px;
  width: 100px;
  position: absolute;
  bottom: 100px;
  right: -20px;
  opacity: 0.06;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  border-radius: 15px;
}
.request-section .shape {
  position: absolute;
  top: 50px;
  right: 30px;
  z-index: -1;
}

.request-content p {
  color: #9FA0A0;
  max-width: 650px;
  width: 100%;
}
.request-content .request-form-wrapper {
  max-width: 650px;
  width: 100%;
  margin-bottom: 30px;
}
.request-content .request-form-wrapper .form-items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 10px;
  flex-wrap: wrap;
  row-gap: 15px;
}
@media (max-width: 1200px) {
  .request-content .request-form-wrapper .form-items {
    justify-content: start;
  }
}
.request-content .request-form-wrapper .form-items .form-item {
  max-width: 300px;
  width: 100%;
}
.request-content .request-form-wrapper .form-items .form-item .form-control {
  background-color: transparent;
  box-shadow: none;
  outline: none;
  border: 1px solid #3D3E44;
  border-radius: 100px;
  color: var(--ed-color-common-white);
  padding: 14px 30px;
}
.request-content .request-form-wrapper .form-items .form-item .form-control::-webkit-input-placeholder {
  color: var(--ed-color-common-white);
}
.request-content .request-form-wrapper .form-items .form-item .form-control:-moz-placeholder {
  color: var(--ed-color-common-white);
}
.request-content .request-form-wrapper .form-items .form-item .form-control::-moz-placeholder {
  color: var(--ed-color-common-white);
}
.request-content .request-form-wrapper .form-items .form-item .form-control:-ms-input-placeholder {
  color: var(--ed-color-common-white);
}

/* !END: Request CSS */
/**----------------------------------------
START: Feature CSS
----------------------------------------*/
.feature-wrap {
  background-color: var(--ed-color-bg-2);
  max-width: 1680px;
  margin: 0 auto;
  width: 100%;
  border-radius: 20px;
}

.feature-item {
  background-color: #1F2026;
  padding: 30px 20px;
  border: 1px solid #24252B;
  border-radius: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.feature-item .icon {
  background-color: var(--ed-color-bg-2);
  height: 91px;
  width: 91px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #2E2F36;
}
.feature-item .title {
  font-size: 20px;
  color: var(--ed-color-common-white);
  margin: 25px 0 25px 0;
}
.feature-item .feature-btn {
  color: var(--ed-color-common-white);
  height: 45px;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--ed-color-common-white);
  border-radius: 50%;
  margin: 0 auto;
}
.feature-item .feature-btn:hover {
  background-color: var(--ed-color-theme-primary);
  border: 1px solid var(--ed-color-theme-primary);
}
.feature-item:hover {
  transform: translateY(-10px);
}

.feature-card {
  background-color: var(--ed-color-common-white);
  border: 1px solid #E0E5EB;
  box-shadow: 0px 13px 58px 4px rgba(25, 30, 29, 0.07);
  border-radius: 10px;
  padding: 60px 40px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .feature-card {
    padding: 40px 20px;
  }
}
.feature-card .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 130px;
  width: 130px;
  margin: 0 auto;
  margin-bottom: 35px;
  border: 1px solid #E0E5EB;
  border-radius: 50%;
}
.feature-card .content p {
  margin: 20px 0 30px 0;
}
.feature-card .content .ed-primary-btn {
  background-color: transparent;
  color: var(--ed-color-text-body);
  border: 1px solid #E0E5EB;
}
.feature-card .content .ed-primary-btn:before {
  background-color: var(--ed-color-theme-primary);
}
.feature-card .content .ed-primary-btn:hover {
  color: var(--ed-color-common-white);
}
.feature-card:hover {
  transform: translateY(-10px);
}

.event-item {
  border-radius: 15px;
  overflow: hidden;
}
.event-item .event-thumb {
  height: 276px;
  position: relative;
  overflow: hidden;
}
.event-item .event-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px 15px 0 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.event-item .event-thumb .date-wrap {
  position: absolute;
  top: 0;
  left: 0;
}
.event-item .event-thumb .date-wrap .date {
  background-color: var(--ed-color-theme-primary);
  font-size: 35px;
  color: var(--ed-color-common-white);
  font-weight: 700;
  margin-bottom: 0;
  text-align: center;
  padding: 10px 25px;
  border-radius: 15px 0 15px 0;
}
.event-item .event-thumb .date-wrap .date span {
  display: block;
  font-size: 16px;
}
.event-item .event-content {
  background-color: #F2F4F7;
  padding: 30px;
}
.event-item .event-content .time {
  background-color: rgba(7, 166, 152, 0.1);
  color: var(--ed-color-theme-primary);
  font-size: 14px;
  font-weight: 600;
  padding: 5px 15px;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  column-gap: 10px;
  margin-bottom: 20px;
}
.event-item .event-content .title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px;
  line-height: 1.5;
}
.event-item .event-content .location {
  margin-bottom: 30px;
}
.event-item .event-content .location span {
  display: inline-flex;
  align-items: center;
  column-gap: 10px;
  font-weight: 400;
}
.event-item .event-content .location span i {
  color: var(--ed-color-theme-primary);
}
.event-item .event-content .ed-primary-btn {
  background-color: var(--ed-color-common-white);
  color: var(--ed-color-text-body);
  border: 1px solid #E0E5EB;
}
.event-item .event-content .ed-primary-btn:before {
  background-color: var(--ed-color-theme-primary);
}
.event-item .event-content .ed-primary-btn:hover {
  color: var(--ed-color-common-white);
}
.event-item:hover .event-thumb img {
  transform: scale(1.03);
}

.feature-section-5 {
  background-color: #F0F4F5;
}

.feature-card-2 .icon {
  background-color: #F2F4F7;
}

/* !END: Feature CSS */
/**----------------------------------------
START: Page Header CSS
----------------------------------------*/
.cta-section {
  background-color: #161E27;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 992px) {
  .cta-section {
    padding: 100px 0;
  }
}
@media only screen and (max-width: 767px) {
  .cta-section {
    padding: 70px 0;
  }
}
.cta-section .cta-bg-img {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  height: 100%;
  z-index: -1;
}
@media (max-width: 1200px) {
  .cta-section .cta-bg-img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .cta-section .cta-bg-img {
    display: none;
  }
}
.cta-section .cta-bg-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: saturate(0);
}
@media (max-width: 1200px) {
  .cta-section .cta-bg-img img {
    object-fit: cover;
  }
}
.cta-section .cta-bg-img:before {
  background: linear-gradient(90deg, #161E27 14.89%, rgba(22, 30, 39, 0.2) 100%);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.cta-section .shapes .shape-1 {
  position: absolute;
  top: 0;
  left: 70px;
  z-index: -1;
}
.cta-section .shapes .shape-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  mix-blend-mode: multiply;
}
@media only screen and (max-width: 767px) {
  .cta-section .shapes .shape-2 {
    display: none;
  }
}

.cta-content {
  max-width: 871px;
  width: 100%;
}
.cta-content .title {
  color: var(--ed-color-common-white);
  font-size: 40px;
  font-weight: 600;
}
@media only screen and (max-width: 992px) {
  .cta-content .title {
    font-size: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .cta-content .title {
    font-size: 30px;
  }
}
.cta-content p {
  color: var(--ed-color-common-white);
  margin: 25px 0 35px 0;
}
.cta-content .cta-btn-wrap {
  display: flex;
  align-items: center;
  column-gap: 20px;
  flex-wrap: wrap;
  row-gap: 20px;
}
.cta-content .cta-btn-wrap .cta-btn-2 {
  background-color: transparent;
  border: 1px solid var(--ed-color-common-white);
}
.cta-content .cta-btn-wrap .cta-btn-2:before {
  background-color: var(--ed-color-theme-primary);
}
.cta-content .cta-btn-wrap .cta-btn-2:hover {
  border: 1px solid var(--ed-color-theme-primary);
}

.cta-section-3 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.cta-section-3 .overlay {
  background: rgba(6, 11, 15, 0.75);
  mix-blend-mode: multiply;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.cta-content-3 {
  width: 100%;
  max-width: 100%;
}
.cta-content-3 .section-heading .section-title {
  font-size: 48px;
}
@media only screen and (max-width: 992px) {
  .cta-content-3 .section-heading .section-title {
    font-size: 32px;
  }
}
.cta-content-3 .cta-btn-wrap {
  justify-content: center;
}

/* !END:  Page Header CSS */
/**----------------------------------------
START: Page Header CSS
----------------------------------------*/
.testimonial-section {
  background-color: #07A698;
  position: relative;
  z-index: 1;
}
.testimonial-section .shapes .shape-1 {
  position: absolute;
  bottom: 0;
  left: 120px;
  z-index: -1;
}
.testimonial-section .shapes .shape-2 {
  position: absolute;
  top: 20%;
  right: 6%;
  z-index: -1;
}

.testi-item {
  background-color: var(--ed-color-common-white);
  padding: 40px;
  border-radius: 15px;
}
.testi-item .title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;
}
.testi-item p {
  margin-bottom: 20px;
}
.testi-item .testi-author {
  display: grid;
  align-items: center;
  grid-template-columns: 50px 1fr;
  grid-gap: 15px;
}
.testi-item .testi-author .author-img {
  border-radius: 50%;
  overflow: hidden;
}
.testi-item .testi-author .name {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
}
.testi-item .testi-author .name span {
  font-size: 14px;
  color: var(--ed-color-theme-primary);
  line-height: 1;
  display: block;
  margin-top: 5px;
  font-weight: 400;
}

.testimonial-section-2 {
  margin-bottom: -165px;
  position: relative;
  z-index: 2;
}

.testi-carousel {
  padding-bottom: 90px;
}
.testi-carousel .swiper-pagination {
  bottom: 0;
}
.testi-carousel .swiper-pagination .swiper-pagination-bullet {
  background-color: transparent;
  height: 20px;
  width: 20px;
  border: 2px solid #E0E5EB;
  opacity: 1;
  border-radius: 50%;
  position: relative;
}
.testi-carousel .swiper-pagination .swiper-pagination-bullet:before {
  background-color: var(--ed-color-theme-primary);
  content: "";
  height: 7px;
  width: 7px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  visibility: hidden;
  opacity: 0;
}
.testi-carousel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border: 2px solid var(--ed-color-theme-primary);
}
.testi-carousel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  visibility: visible;
  opacity: 1;
}

.testi-carousel-22 {
  padding-bottom: 90px;
}
.testi-carousel-22 .swiper-pagination {
  bottom: 0;
}
.testi-carousel-22 .swiper-pagination .swiper-pagination-bullet {
  background-color: transparent;
  height: 20px;
  width: 20px;
  border: 2px solid #E0E5EB;
  opacity: 1;
  border-radius: 50%;
  position: relative;
}
.testi-carousel-22 .swiper-pagination .swiper-pagination-bullet:before {
  background-color: var(--ed-color-theme-primary);
  content: "";
  height: 7px;
  width: 7px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  visibility: hidden;
  opacity: 0;
}
.testi-carousel-22 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border: 2px solid var(--ed-color-theme-primary);
}
.testi-carousel-22 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  visibility: visible;
  opacity: 1;
}

.testi-item-2 {
  background-color: var(--ed-color-common-white);
  padding: 40px 40px 30px 40px;
  border: 1px solid #E0E5EB;
  border-radius: 10px;
}
@media only screen and (max-width: 767px) {
  .testi-item-2 {
    padding: 30px 20px;
  }
}
.testi-item-2 .testi-top-content {
  display: grid;
  align-items: center;
  grid-template-columns: 120px 1fr;
  grid-gap: 20px;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #E0E5EB;
}
@media only screen and (max-width: 992px) {
  .testi-item-2 .testi-top-content {
    grid-template-columns: 1fr;
  }
}
.testi-item-2 .testi-top-content .testi-thumb {
  height: 120px;
  width: 120px;
  border-radius: 10px;
  overflow: hidden;
}
.testi-item-2 .testi-top-content .testi-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.testi-item-2 .testi-top-content p {
  font-size: 18px;
  margin-bottom: 0;
}
.testi-item-2 .testi-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 20px;
  flex-wrap: wrap;
  row-gap: 20px;
}
.testi-item-2 .testi-bottom .author-info .name {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 0;
}
.testi-item-2 .testi-bottom .author-info span {
  font-size: 16px;
  color: var(--ed-color-theme-primary);
  font-weight: 400;
}
.testi-item-2 .testi-bottom .testi-review li {
  display: inline-flex;
  color: var(--ed-color-theme-primary);
}
.testi-item-2 .testi-bottom .testi-review li.point {
  margin-left: 5px;
  color: var(--ed-color-text-body);
}

.testimonial-section-3 {
  background-color: #1A2226;
  position: relative;
  z-index: 1;
}
.testimonial-section-3 .shapes .shape {
  position: absolute;
  z-index: -1;
}
.testimonial-section-3 .shapes .shape.shape-1 {
  top: 0;
  left: 0;
}
.testimonial-section-3 .shapes .shape.shape-2 {
  top: 0;
  right: 0;
}

.testi-carousel-wrap-2 {
  max-width: 720px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .testi-carousel-wrap-2 .swiper-arrow {
    display: none;
  }
}
.testi-carousel-wrap-2 .swiper-arrow .swiper-nav {
  color: var(--ed-color-common-white);
  height: 60px;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--ed-color-common-white);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border-radius: 50%;
}
.testi-carousel-wrap-2 .swiper-arrow .swiper-nav.swiper-prev {
  left: auto;
  right: -20px;
}

.testi-carousel-2 {
  max-width: 560px;
  width: 100%;
  overflow: hidden;
}

.testi-item-3 {
  background-color: var(--ed-color-common-white);
  max-width: 520px;
  width: 100%;
  margin: 0 auto;
  padding: 50px;
  border-radius: 20px;
  position: relative;
  z-index: 1;
}
.testi-item-3:before {
  background-color: rgba(255, 255, 255, 0.1);
  content: "";
  height: 80%;
  width: 50px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -20px;
  z-index: -1;
  border-radius: 20px;
}
@media only screen and (max-width: 767px) {
  .testi-item-3 {
    padding: 30px 20px;
  }
}
.testi-item-3 .title {
  margin-bottom: 15px;
}
.testi-item-3 p {
  margin-bottom: 20px;
}
.testi-item-3 .testi-author {
  display: grid;
  align-items: center;
  grid-template-columns: 50px 1fr;
}
.testi-item-3 .testi-author .testi-author-img {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  overflow: hidden;
}
.testi-item-3 .testi-author .name {
  font-size: 18px;
  font-weight: 600;
  padding-left: 10px;
  margin-bottom: 0;
}
.testi-item-3 .testi-author .name span {
  color: var(--ed-color-text-body);
  font-size: 14px;
  font-weight: 400;
  display: block;
  margin-top: 5px;
}

.testimonial-section-22 .testi-carousel-22 {
  overflow: visible;
}
.testimonial-section-22 .testi-item-2 .testi-top-content {
  border-bottom: 1px dotted #D0D7E3;
}
.testimonial-section-22 .testi-item-9 .testi-bottom .author-info-wrap .author-info h6 {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #6C706F;
  margin-top: 6px;
  margin-bottom: 0;
}

/* !END:  Page Header CSS */
/**----------------------------------------
START: Sponsor CSS
----------------------------------------*/
.sponsor-section {
  background-color: #F3F7FB;
  padding-top: 260px;
  position: relative;
  z-index: 1;
  overflow-x: clip;
}
.sponsor-section .bg-shape {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -29%;
  z-index: -1;
}
.sponsor-section .bg-shape img {
  width: 100%;
  height: 100%;
}
.sponsor-section .shape-1 {
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .sponsor-section .shape-1 {
    display: none;
  }
}
.sponsor-section .shape-2 {
  position: absolute;
  top: 30%;
  right: 0px;
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .sponsor-section .shape-2 {
    display: none;
  }
}

.sponsor-item {
  background-color: var(--ed-color-common-white);
  padding: 0 50px;
  height: 115px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #E0E5EB;
  border-radius: 10px;
}
@media only screen and (max-width: 767px) {
  .sponsor-item {
    padding: 0 20px;
  }
}
.sponsor-item img {
  width: 100%;
  object-fit: contain;
  height: 49px;
}

/* !END: Sponsor CSS */
/**----------------------------------------
START: Video CSS
----------------------------------------*/
.video-feature {
  background: var(--ed-color-common-white);
  border: 1px solid #E0E5EB;
  border-radius: 10px;
  padding: 20px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.video-feature .video-thumb {
  position: relative;
  height: 330px;
  margin-bottom: 30px;
}
.video-feature .video-thumb img {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video-feature .video-thumb .video-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.video-feature .video-thumb .video-btn a {
  background-color: var(--ed-color-common-white);
  color: var(--ed-color-theme-primary);
  height: 100px;
  width: 100px;
  font-size: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.video-feature .video-thumb .video-btn a:hover {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
}
.video-feature .video-thumb .video-btn a .ripple {
  height: 100px;
  width: 100px;
}
.video-feature .video-thumb .video-btn a .ripple:before, .video-feature .video-thumb .video-btn a .ripple:after {
  height: 100px;
  width: 100px;
}
.video-feature .video-content .title {
  font-size: 30px;
}
@media only screen and (max-width: 992px) {
  .video-feature .video-content .title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 992px) and (max-width: 992px) {
  .video-feature .video-content .title {
    font-size: 22px;
  }
  .video-feature .video-content .title br {
    display: none;
  }
}
@media only screen and (max-width: 992px) {
  .video-feature .video-content p br {
    display: none;
  }
}
.video-feature:hover {
  box-shadow: 0px 11px 44px 4px rgba(18, 31, 49, 0.1);
}

/* !END: Video CSS */
/**----------------------------------------
START: Event CSS
----------------------------------------*/
.event-section {
  background-color: var(--ed-color-theme-primary);
  position: relative;
  z-index: 1;
}
.event-section .shapes .shape {
  position: absolute;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .event-section .shapes .shape {
    display: none;
  }
}
.event-section .shapes .shape.shape-1 {
  top: 60px;
  left: 40px;
}
.event-section .shapes .shape.shape-2 {
  top: 0;
  right: 15%;
}
.event-section .shapes .shape.shape-3 {
  bottom: 0;
  left: 17%;
}
.event-section .shapes .shape.shape-4 {
  top: 35%;
  right: 40px;
}

.event-card {
  background-color: var(--ed-color-common-white);
  display: grid;
  align-items: center;
  grid-template-columns: 192px 1fr;
  grid-gap: 30px;
  padding: 30px;
  border-radius: 10px;
}
@media only screen and (max-width: 992px) {
  .event-card {
    grid-template-columns: 1fr;
  }
}
.event-card .event-thumb {
  max-width: 192px;
  width: 100%;
  height: 211px;
}
.event-card .event-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.event-card .event-content .title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px;
  line-height: 1.5;
}
.event-card .event-content .event-list {
  margin-bottom: 20px;
}
.event-card .event-content .event-list li {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.event-card .event-content .ed-primary-btn {
  background-color: rgba(206, 214, 229, 0.15);
  border: 1px solid #C9CFDA;
  color: var(--ed-color-heading-primary);
}
.event-card .event-content .ed-primary-btn:before {
  background-color: var(--ed-color-theme-primary);
  border: 1px solid var(--ed-color-theme-primary);
}
.event-card .event-content .ed-primary-btn:hover {
  color: var(--ed-color-common-white);
}

.event-carousel {
  padding-bottom: 90px;
}
.event-carousel .swiper-pagination {
  bottom: 0;
}
.event-carousel .swiper-pagination .swiper-pagination-bullet {
  background-color: transparent;
  height: 20px;
  width: 20px;
  border: 2px solid var(--ed-color-common-white);
  opacity: 1;
  border-radius: 50%;
  position: relative;
}
.event-carousel .swiper-pagination .swiper-pagination-bullet:before {
  background-color: var(--ed-color-common-white);
  content: "";
  height: 7px;
  width: 7px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  visibility: hidden;
  opacity: 0;
}
.event-carousel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border: 2px solid var(--ed-color-common-white);
}
.event-carousel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  visibility: visible;
  opacity: 1;
}

.event-details-content {
  background-color: var(--ed-color-grey-1);
  padding: 30px;
  border: 1px solid #E0E5EB;
  border-radius: 15px;
}
@media only screen and (max-width: 767px) {
  .event-details-content {
    padding: 30px 20px;
  }
}
.event-details-content .event-details-img {
  height: 450px;
  margin-bottom: 30px;
}
.event-details-content .event-details-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}
.event-details-content .title {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 20px;
}
.event-details-content .event-details-list {
  margin-bottom: 40px;
}
.event-details-content .event-details-list li {
  list-style: none;
  display: flex;
  align-items: center;
  align-items: baseline;
  column-gap: 10px;
}
.event-details-content .event-details-list li:not(:last-of-type) {
  margin-bottom: 15px;
}
.event-details-content .event-details-list li i {
  color: var(--ed-color-theme-primary);
}
.event-details-content .event-details-list li p {
  margin-bottom: 0;
}
.event-details-content .event-details-list li p span {
  color: var(--ed-color-heading-primary);
  font-weight: 500;
}
.event-details-content .event-map-wrapper {
  height: 350px;
  overflow: hidden;
  border-radius: 15px;
  margin-bottom: 40px;
}
.event-details-content .event-map-wrapper iframe {
  border-radius: 15px;
}
.event-details-content .inner-team-wrap {
  margin-top: 30px;
}
@media (max-width: 1200px) {
  .event-details-content .inner-team-wrap {
    margin-top: -20px;
  }
}
.event-details-content .inner-team-wrap .team-item-3 {
  background-color: var(--ed-color-common-white);
}
.event-details-content .inner-team-wrap .team-item-3 .team-content .social-list li:not(:last-of-type) {
  margin-right: 15px;
}
.event-details-content .inner-team-wrap .team-item-3 .team-content .social-list a {
  color: var(--ed-color-text-body);
  background-color: transparent;
  height: auto;
  width: auto;
  border: none;
}
.event-details-content .inner-team-wrap .team-item-3 .team-content .social-list a:hover {
  background-color: transparent;
}

.event-sidebar {
  background-color: var(--ed-color-grey-1);
}

/* !END: Event CSS */
/**----------------------------------------
START: Popular CSS
----------------------------------------*/
.popular-course {
  margin-bottom: -161px;
}

.popular-item {
  background-color: #F2F4F7;
  position: relative;
  z-index: 1;
  padding: 60px;
  border: 1px solid #E0E5EB;
  border-radius: 15px;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .popular-item {
    padding-left: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .popular-item {
    padding: 30px 20px;
  }
}
.popular-item .men {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .popular-item .men {
    display: none;
  }
}
.popular-item .shapes .shape {
  position: absolute;
  z-index: -2;
}
.popular-item .shapes .shape.shape-1 {
  top: 0;
  right: 0;
}
@media only screen and (max-width: 767px) {
  .popular-item .shapes .shape.shape-1 {
    display: none;
  }
}
.popular-item .shapes .shape.shape-2 {
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
}
.popular-item .shapes .shape.shape-2 img {
  width: 100%;
  height: 100%;
}
.popular-item span {
  color: var(--ed-color-theme-primary);
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  display: block;
  margin-bottom: 20px;
}
.popular-item .title {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .popular-item .title {
    font-size: 22px;
  }
}

/* !END: Popular CSS */
/**----------------------------------------
START: Page Header CSS
----------------------------------------*/
.insta-wrap {
  padding: 0 15px;
}

.insta-item {
  position: relative;
  z-index: 1;
  border-radius: 10px;
  overflow: hidden;
}
.insta-item .overlay {
  background-color: var(--ed-color-theme-primary);
  height: 0;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.insta-item .intra-thumb {
  height: 307px;
}
.insta-item .intra-thumb img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.insta-item .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.insta-item .icon a {
  background-color: var(--ed-color-common-white);
  color: var(--ed-color-theme-primary);
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.insta-item:hover .overlay {
  height: 100%;
}
.insta-item:hover .icon {
  transform: translate(-50%, -50%) scale(1);
}

/* !END:  Page Header CSS */
/**----------------------------------------
START: Page Header CSS
----------------------------------------*/
.pricing__tab .nav-tabs {
  border: none;
}

.pricing__tab .nav .nav-item .nav-link {
  padding: 0;
  padding-right: 90px;
  background: transparent;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  font-weight: 500;
  text-transform: capitalize;
  color: var(--ed-color-heading-primary);
  text-transform: capitalize;
  position: relative;
  outline: none;
  font-size: 16px;
  border: none;
}

.pricing__tab .nav .nav-item .nav-link:focus {
  outline: none;
}

.pricing__tab .nav .nav-item .nav-link::after {
  background-color: var(--ed-color-grey-1);
  position: absolute;
  content: "";
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 54px;
  height: 22px;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
}

.pricing__tab .nav .nav-item .nav-link::before {
  background-color: var(--ed-color-theme-primary);
  position: absolute;
  content: "";
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.pricing__tab .nav .nav-item .nav-link.active {
  color: var(--ed-color-theme-primary);
  border: none;
}

.pricing__tab .nav .nav-item .nav-link.active::before {
  right: 49px;
}

.pricing__tab .nav .nav-item:last-child .nav-link {
  padding-right: 0;
}

.pricing__tab .nav .nav-item:last-child .nav-link::after {
  display: none;
}

.pricing__tab .nav .nav-item:last-child .nav-link::before {
  display: none;
}

.pricing-item {
  background-color: var(--ed-color-grey-1);
  padding: 35px 30px;
  border-radius: 15px;
}
.pricing-item .pricing-top {
  background-color: var(--ed-color-common-white);
  border: 1px solid #E0E5EB;
  border-radius: 15px;
  padding: 30px;
  margin-bottom: 30px;
}
.pricing-item .pricing-top .title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
}
.pricing-item .pricing-top .price {
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 15px;
}
.pricing-item .pricing-top .price span {
  color: var(--ed-color-heading-primary);
  font-size: 14px;
  font-weight: 400;
}
.pricing-item .pricing-top p {
  margin-bottom: 0;
}
.pricing-item .pricing-list {
  list-style: none;
}
.pricing-item .pricing-list li {
  font-size: 16px;
  line-height: 1;
}
.pricing-item .pricing-list li i {
  color: var(--ed-color-theme-primary);
  margin-right: 10px;
}
.pricing-item .pricing-list li:not(:last-of-type) {
  margin-bottom: 15px;
}
.pricing-item .pricing-list li.cross i {
  color: var(--ed-color-text-body);
}
.pricing-item .pricing-btn {
  margin-top: 30px;
}
.pricing-item .pricing-btn .ed-primary-btn {
  background-color: var(--ed-color-common-white);
  color: var(--ed-color-theme-primary);
  width: 100%;
  justify-content: center;
  border: 1px solid var(--ed-color-theme-primary);
  font-weight: 600;
}
.pricing-item .pricing-btn .ed-primary-btn:before {
  background-color: var(--ed-color-theme-primary);
}
.pricing-item .pricing-btn .ed-primary-btn:hover {
  color: var(--ed-color-common-white);
}
.pricing-item.active .pricing-top {
  background-color: var(--ed-color-theme-primary);
}
.pricing-item.active .pricing-top .title {
  color: var(--ed-color-common-white);
}
.pricing-item.active .pricing-top .price {
  color: var(--ed-color-common-white);
}
.pricing-item.active .pricing-top .price span {
  color: var(--ed-color-common-white);
}
.pricing-item.active .pricing-top p {
  color: var(--ed-color-common-white);
}
.pricing-item.active .pricing-btn .ed-primary-btn {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
}

/* !END:  Page Header CSS */
/**----------------------------------------
START: Shop CSS
----------------------------------------*/
.shop-top .left-content {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
}
.shop-top .select-control {
  background-color: transparent;
  border: 1px solid var(--ed-color-border-1);
  padding: 14px 30px;
  padding-right: 60px;
  height: auto;
  border-radius: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}
.shop-top .select-control:after {
  border: none;
  height: auto;
  width: auto;
  background-image: none;
  font-family: "Font Awesome 6 Pro";
  font-size: 14px;
  font-weight: 700;
  content: "\f0d7";
  color: var(--ed-color-text-body);
  position: absolute;
  top: 63%;
  right: 20px;
  transform: translateY(-50%);
}
.shop-top .select-control .list {
  background-color: var(--ed-color-bg-1);
}
.shop-top .select-control.open:after {
  transform: translateY(-50%);
}

.shop-item {
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #E0E5EB;
}
.shop-item .shop-thumb {
  background-color: var(--ed-color-grey-1);
  position: relative;
  z-index: 1;
  overflow: hidden;
  height: 300px;
  border-bottom: 1px solid #E0E5EB;
}
.shop-item .shop-thumb .shop-thumb-inner {
  max-width: 124px;
  height: 188px;
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.shop-item .shop-thumb .shop-thumb-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.shop-item .shop-thumb img {
  transform: scale(1);
  width: 100%;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.shop-item .shop-thumb .sale {
  background-color: var(--ed-color-common-white);
  color: var(--ed-color-theme-primary);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 5px 20px;
  position: absolute;
  top: 20px;
  left: 20px;
  display: inline-block;
  z-index: 2;
  border-radius: 100px;
  border: 1px solid #E0E5EB;
}
.shop-item .shop-thumb .shop-list {
  list-style: none;
  position: absolute;
  top: 30px;
  right: 10px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  visibility: hidden;
  opacity: 0;
  z-index: 2;
}
.shop-item .shop-thumb .shop-list li:not(:last-of-type) {
  margin-bottom: 10px;
}
.shop-item .shop-thumb .shop-list li a {
  background-color: var(--ed-color-common-white);
  color: var(--ed-color-heading-primary);
  height: 45px;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.shop-item .shop-thumb .shop-list li a i {
  line-height: 1;
  display: block;
}
.shop-item .shop-thumb .shop-list li a:hover {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
}
.shop-item:hover .shop-thumb img {
  transform: scale(1.03);
}
.shop-item:hover .shop-thumb .overlay {
  visibility: visible;
  opacity: 1;
}
.shop-item:hover .shop-thumb .shop-list {
  right: 20px;
  visibility: visible;
  opacity: 1;
}

.shop-content {
  padding: 30px;
  border-top: none;
  border-radius: 0 0 6px 6px;
}
@media only screen and (max-width: 767px) {
  .shop-content {
    padding: 30px 20px;
  }
}
.shop-content .category {
  font-size: 12px;
  font-weight: 400;
  color: var(--ed-color-text-body);
  text-transform: uppercase;
  margin-bottom: 10px;
  display: block;
  line-height: 1;
}
.shop-content .title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0;
  text-transform: capitalize;
}
.shop-content .review-wrap {
  display: flex;
  align-items: center;
  column-gap: 10px;
  margin-top: 10px;
  flex-wrap: wrap;
  row-gap: 5px;
}
.shop-content .review-wrap .review {
  list-style: none;
}
.shop-content .review-wrap .review li {
  font-size: 14px;
  display: inline-flex;
  color: #FFC92E;
}
.shop-content .price {
  color: var(--ed-color-theme-primary);
  display: block;
  font-size: 16px;
  font-weight: 600;
  margin-top: 10px;
  display: flex;
  align-items: center;
}
.shop-content .price .offer {
  margin-top: 0;
  margin-right: 10px;
  text-decoration: line-through;
  color: var(--ed-color-text-body);
}

@media only screen and (max-width: 992px) {
  .product-details-wrap {
    margin-bottom: 40px;
  }
}
.product-details-wrap .product-slider-wrap {
  display: grid;
  grid-template-columns: 112px 1fr;
  grid-gap: 24px;
}
@media only screen and (max-width: 767px) {
  .product-details-wrap .product-slider-wrap {
    grid-template-columns: 1fr;
  }
}
.product-details-wrap .product-gallary {
  position: relative;
  margin: 0;
  height: 100%;
}
.product-details-wrap .product-gallary .sale {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
  padding: 10px 20px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  border-radius: 100px;
  position: absolute;
  top: 20px;
  left: 30px;
  z-index: 2;
}
.product-details-wrap .product-gallary .gallary-item {
  background-color: var(--ed-color-grey-1);
  height: 600px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .product-details-wrap .product-gallary .gallary-item {
    height: 500px;
  }
}
.product-details-wrap .product-gallary .gallary-item .gallary-item-thumb {
  max-width: 307px;
  height: 466px;
}
@media only screen and (max-width: 767px) {
  .product-details-wrap .product-gallary .gallary-item .gallary-item-thumb {
    max-width: 250px;
    height: 400px;
    margin-top: 50px;
  }
}
.product-details-wrap .product-gallary .gallary-item .gallary-item-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.product-details-wrap .product-gallary .gallary-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-details-wrap .product-gallary-thumb {
  height: 375px;
}
@media only screen and (max-width: 767px) {
  .product-details-wrap .product-gallary-thumb {
    max-width: 100%;
    padding: 0 15px;
    left: 0;
  }
}
.product-details-wrap .product-gallary-thumb .thumb-item {
  height: 112px;
  width: 112px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #DEE0E3;
  cursor: pointer;
}
.product-details-wrap .product-gallary-thumb .thumb-item .thumb-item-inner {
  height: 80px;
  width: 70px;
}
.product-details-wrap .product-gallary-thumb .thumb-item .thumb-item-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-details-wrap .product-gallary-thumb .thumb-item img {
  width: auto;
  height: auto;
  object-fit: inherit;
}
.product-details-wrap .product-gallary-thumb .swiper-slide-thumb-active .thumb-item {
  border: 1px solid var(--ed-color-theme-primary);
}

.product-info {
  padding-left: 20px;
}
@media only screen and (max-width: 992px) {
  .product-info {
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .product-info {
    padding-top: 40px;
  }
}
.product-info .category {
  color: var(--ed-color-theme-primary);
  font-size: 12px;
  line-height: 1;
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: uppercase;
  display: block;
}
.product-info .title {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 15px;
}
@media only screen and (max-width: 992px) {
  .product-info .title {
    font-size: 24px;
  }
}
.product-info .rating-wrap {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.product-info .rating-wrap .rating {
  display: flex;
  align-items: center;
  list-style: none;
}
.product-info .rating-wrap .rating li {
  color: #FFC92E;
}
.product-info .rating-wrap .rating li:not(:last-of-type) {
  margin-right: 2px;
}
.product-info .rating-wrap span {
  color: var(--ed-color-heading-primary);
  font-size: 16px;
  font-weight: 500;
  margin-left: 10px;
}
.product-info .price {
  font-size: 22px;
  nav-down: 600;
  margin-bottom: 30px;
}
.product-info .price span {
  font-weight: 400;
  color: var(--ed-color-text-body);
  text-decoration: line-through;
  margin-left: 10px;
}
.product-info .product-desc-wrap {
  border-top: 1px solid var(--ed-color-border-1);
  border-bottom: 1px solid var(--ed-color-border-1);
  padding: 20px 0;
  margin-bottom: 20px;
}
.product-info .product-desc-wrap .desc {
  margin-bottom: 0;
  margin-bottom: 10px;
}
.product-info .product-desc-wrap .view-text {
  font-size: 16px;
  color: var(--ed-color-heading-primary);
}
.product-info .product-desc-wrap .view-text i {
  margin-right: 10px;
}
.product-info .item-left-line {
  margin-bottom: 30px;
}
.product-info .item-left-line .line {
  background: #EBEBEB;
  height: 4px;
  width: 100%;
  position: relative;
  margin-top: 10px;
}
.product-info .item-left-line .line:before {
  background-color: var(--ed-color-theme-primary);
  content: "";
  width: 40%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.product-info .details-list {
  list-style: none;
}
.product-info .details-list li {
  display: flex;
  align-items: center;
  column-gap: 10px;
  color: var(--ed-color-heading-primary);
}
.product-info .details-list li i {
  width: 20px;
}
.product-info .details-list li:not(:last-of-type) {
  margin-bottom: 10px;
}
.product-info .product-btn {
  display: flex;
  align-items: center;
  column-gap: 30px;
  margin: 30px 0;
}
.product-info .product-btn input {
  background-color: var(--ed-color-theme-primary);
  color: #fff;
  width: 100%;
  height: 45px;
  line-height: 45px;
  border: none;
  border-radius: 0;
  outline: none;
  box-shadow: none;
  text-align: center;
}
.product-info .product-btn .cart-btn-wrap-2 {
  width: 100%;
}
.product-info .product-btn .cart-btn-wrap-2 .cart-btn {
  background-color: var(--ed-color-common-white);
  color: var(--ed-color-heading-primary);
  border: 2px solid var(--ed-color-heading-primary);
  width: 100%;
  border-radius: 100px;
  padding: 15px 30px;
  text-align: center;
  justify-content: center;
}
.product-info .product-btn .cart-btn-wrap-2 .cart-btn:before {
  display: none;
}
.product-info .product-btn .cart-btn-wrap-2 .cart-btn:hover {
  background-color: var(--ed-color-heading-primary);
  color: var(--ed-color-common-white);
}
.product-info .shop-details-btn {
  width: 100%;
  justify-content: center;
  margin-bottom: 30px;
}
.product-info .product-meta {
  list-style: none;
  display: flex;
  align-items: center;
  column-gap: 20px;
  flex-wrap: wrap;
  row-gap: 15px;
}
.product-info .product-meta li a {
  color: var(--ed-color-heading-primary);
  font-size: 16px;
  font-weight: 500;
}
.product-info .product-meta li a:hover {
  color: var(--ed-color-theme-primary);
}

.reviewr-wrap {
  padding-right: 20px;
}
@media only screen and (max-width: 992px) {
  .reviewr-wrap {
    padding-right: 0;
    margin-bottom: 50px;
  }
}
.reviewr-wrap .review-list .review-item {
  display: grid;
  align-items: center;
  grid-template-columns: 90px 1fr;
  grid-gap: 15px;
  padding: 30px;
  border: 1px solid var(--ed-color-border-1);
}
@media only screen and (max-width: 767px) {
  .reviewr-wrap .review-list .review-item {
    grid-template-columns: 1fr;
  }
}
.reviewr-wrap .review-list .review-item:not(:last-of-type) {
  margin-bottom: 30px;
}
.reviewr-wrap .review-list .review-item img {
  height: 90px;
  width: 90px;
  border-radius: 50%;
}
.reviewr-wrap .review-list .review-item .content .content-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 20px;
}
.reviewr-wrap .review-list .review-item .content .content-top .name {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
}
.reviewr-wrap .review-list .review-item .content .content-top .name span {
  color: var(--ed-color-text-body);
  font-size: 15px;
  display: block;
  margin-top: 7px;
}
.reviewr-wrap .review-list .review-item .content .content-top ul {
  list-style: none;
}
.reviewr-wrap .review-list .review-item .content .content-top ul li {
  display: inline-flex;
  color: #FFC92E;
}
.reviewr-wrap .review-list .review-item .content .content-top ul li:not(:last-of-type) {
  margin-right: 2px;
}
.reviewr-wrap .review-list .review-item .content p {
  margin-bottom: 0;
}

.review-form-wrap .title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 10px;
}
.review-form-wrap .publish {
  font-size: 16px;
  margin-bottom: 20px;
  display: block;
}
.review-form-wrap .review-box {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.review-form-wrap .review-box span {
  color: var(--ed-color-heading-primary);
}
.review-form-wrap .review-box .review {
  list-style: none;
}
.review-form-wrap .review-box .review li {
  display: inline-flex;
  color: #FFC92E;
}
.review-form-wrap .review-box .review li:not(:last-of-type) {
  margin-right: 2px;
}
.review-form-wrap .review-form {
  background-color: transparent;
  padding: 0;
  border: none;
  margin-top: 40px;
}
.review-form-wrap .checkbox-wrap {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
}
.review-form-wrap .checkbox-wrap input {
  width: 15px;
  height: 15px;
  accent-color: var(--ed-color-theme-primary);
}
.review-form-wrap .checkbox-wrap label {
  color: var(--ed-color-text-body);
  cursor: pointer;
  margin-left: 10px;
}
.review-form-wrap .submit-btn .rr-primary-btn {
  padding: 15px 35px;
}

.tab-navigation {
  border-bottom: 1px solid var(--ed-color-border-1);
  padding-bottom: 30px;
}

.tab-navigation button {
  color: var(--ed-color-text-body);
  font-weight: 500;
  font-size: 18px;
  text-transform: capitalize;
  letter-spacing: 0;
  padding: 0;
  margin-right: 30px;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.tab-navigation button.active,
.tab-navigation button:hover {
  color: var(--ed-color-heading-primary);
}

/*** 7.2 - Tab Description ***/
.shop-tab-content .tab-pane {
  margin-top: 40px;
}
.shop-tab-content .tab-pane .desc-wrap {
  display: grid;
  grid-gap: 50px;
  grid-template-columns: 1fr 535px;
}
@media only screen and (max-width: 992px) {
  .shop-tab-content .tab-pane .desc-wrap {
    grid-template-columns: 1fr;
  }
}
.shop-tab-content .tab-pane .desc-wrap .right-content img {
  height: 220px;
  max-width: 535px;
  width: 100%;
  object-fit: cover;
}

.description-meta {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-gap: 10px;
}

.description-meta li span {
  color: var(--ed-color-theme-primary);
  font-weight: 600;
  margin-right: 5px;
}

/*** 7.3 - Tab Additional Information ***/
.product-table {
  background-color: var(--ed-color-grey-1);
  margin: 0;
  margin-top: 40px;
  --bs-table-bg: transparent;
}
.product-table:not(caption) > * > * {
  border-bottom: 1px solid var(--ed-color-border-1);
}

.product-table > :not(:last-child) > :last-child > * {
  border-color: var(--ed-color-border-1);
}

.product-table tbody tr td,
.product-table thead tr th {
  text-align: center;
}

.product-table tbody tr td:not(:last-of-type),
.product-table thead tr th:not(:last-of-type) {
  border-right: 1px solid var(--ed-color-border-1);
}

.product-table tbody tr td:not(:last-of-type) {
  border-bottom: 1px solid var(--ed-color-border-1);
}

.product-table thead tr th {
  color: var(--ed-color-theme-primary);
}

.product-table tbody tr td {
  color: var(--ed-color-heading-primary);
  padding: 15px 0;
}

/*** 7.4 - Tab Review ***/
.review .comment-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
}

.review .comment-list > li {
  background: linear-gradient(90deg, rgba(105, 85, 180, 0.1) 0%, rgba(105, 85, 180, 0.3) 50%, rgba(105, 85, 180, 0.1) 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: grid;
  grid-template-columns: 80px 1fr;
  grid-gap: 30px;
  align-items: center;
  padding: 40px;
}

.review .comment-list .comment-thumb img {
  border-radius: 50%;
}

.review .comment-list .comment-author {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.review .comment-list .comment-text h3 span {
  font-size: 14px;
  font-weight: 600;
  color: #ddd;
  display: block;
}

.review .comment-list .comment-text p {
  margin: 0;
}

/* !END: Shop CSS */
/**----------------------------------------
START: Theme Slider CSS
----------------------------------------*/
.slider-section {
  position: relative;
  z-index: 1;
}
.slider-section .edcare-slider-thumb {
  max-width: 80px;
  height: 260px;
  position: absolute;
  top: 50%;
  right: 120px;
  transform: translateY(-50%);
  z-index: 5;
  left: auto;
  bottom: auto;
  width: auto;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
@media (max-width: 1200px) {
  .slider-section .edcare-slider-thumb {
    right: 60px;
  }
}
@media only screen and (max-width: 992px) {
  .slider-section .edcare-slider-thumb {
    right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-section .edcare-slider-thumb {
    display: none;
  }
}
.slider-section .edcare-slider-thumb .swiper-slide .slider-thumb-item {
  height: 80px;
  width: 80px;
  border-radius: 50%;
  border: 3px solid var(--ed-color-common-white);
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.slider-section .edcare-slider-thumb .swiper-slide .slider-thumb-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slider-section .edcare-slider-thumb .swiper-slide.swiper-slide-thumb-active .slider-thumb-item {
  border: 3px solid var(--ed-color-theme-primary);
}

.edcare-slider {
  position: relative;
  z-index: 2;
}

.slider-item {
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.slider-item .bg-img {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.slider-item .overlay {
  background: linear-gradient(180deg, rgba(0, 231, 211, 0.25) -38.18%, rgba(0, 7, 7, 0.25) 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.slider-item .overlay-2 {
  background: rgba(22, 39, 38, 0.47);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.slider-item .slider-content-wrap {
  max-width: 100%;
  width: 100%;
  z-index: 10;
  padding: 150px 0 150px 0;
  row-gap: 30px;
}
@media (max-width: 1200px) {
  .slider-item .slider-content-wrap {
    padding-left: 0px;
  }
}
@media only screen and (max-width: 992px) {
  .slider-item .slider-content-wrap {
    padding: 100px 0;
  }
}
.slider-item .slider-content-wrap .slider-content .sub-heading-wrap {
  display: inline-block;
  position: relative;
  margin-bottom: 30px;
}
.slider-item .slider-content-wrap .slider-content .sub-heading-wrap .sub-heading {
  background: rgba(255, 255, 255, 0.01);
  border: 1px solid #07A698;
  backdrop-filter: blur(40px);
  border-radius: 100px;
  color: var(--ed-color-common-white);
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  border-radius: 100px;
  padding: 5px 20px;
  margin-bottom: 0;
  line-height: 1;
  padding: 10px 20px 10px 20px;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .slider-item .slider-content-wrap .slider-content .sub-heading-wrap .sub-heading {
    font-size: 12px;
  }
}
.slider-item .slider-content-wrap .slider-content .edcare-caption.heading .edcare-cap {
  font-size: 60px;
  font-weight: 600;
  color: var(--ed-color-common-white);
  line-height: 1;
  margin-bottom: 10px;
}
@media (max-width: 1200px) {
  .slider-item .slider-content-wrap .slider-content .edcare-caption.heading .edcare-cap {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-item .slider-content-wrap .slider-content .edcare-caption.heading .edcare-cap {
    font-size: 30px;
    line-height: 1.3;
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-item .slider-content-wrap .slider-content .edcare-caption.heading .edcare-cap.edcare-cap-2 {
    margin-top: 0;
  }
}
.slider-item .slider-content-wrap .slider-content .edcare-slider-desc p {
  color: var(--ed-color-common-white);
  font-size: 18px;
  margin-bottom: 50px;
  margin-top: 30px;
}
.slider-item .slider-content-wrap .slider-content .slider-btn-wrap {
  display: flex;
  align-items: center;
  column-gap: 20px;
  flex-wrap: wrap;
  row-gap: 15px;
}

/* Text Animation */
.edcare-animation,
.edcare-animation span {
  animation-duration: 0.3s;
  animation-fill-mode: both;
}

.edcare-animation span {
  display: inline-block;
}

/* Fade Effect */
.edcare-fadeIn {
  animation-name: asFadeIn;
}

@keyframes asFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.edcare-fadeInLeft {
  animation-name: asFadeInLeft;
}

@keyframes asFadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-50px);
  }
  to {
    opacity: 1;
  }
}
.edcare-fadeInRight {
  animation-name: asFadeInRight;
}

@keyframes asFadeInRight {
  from {
    opacity: 0;
    transform: translateX(50px);
  }
  to {
    opacity: 1;
  }
}
.edcare-fadeInDown {
  animation-name: asFadeInTop;
}

@keyframes asFadeInTop {
  from {
    opacity: 0;
    transform: translateY(-50px);
  }
  to {
    opacity: 1;
  }
}
.edcare-fadeInUp {
  animation-name: asFadeInBottom;
}

@keyframes asFadeInBottom {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
  }
}
/* Move From Effect */
.edcare-moveFromLeft {
  animation-name: asMoveFromLeft;
}

@keyframes asMoveFromLeft {
  from {
    visibility: hidden;
    transform: translateX(-50px);
  }
  to {
    visibility: visible;
  }
}
.edcare-moveFromRight {
  animation-name: asMoveFromRight;
}

@keyframes asMoveFromRight {
  from {
    visibility: hidden;
    transform: translateX(50px);
  }
  to {
    visibility: visible;
  }
}
.edcare-moveFromTop {
  animation-name: asMoveFromTop;
}

@keyframes asMoveFromTop {
  from {
    visibility: hidden;
    transform: translateY(-50px);
  }
  to {
    visibility: visible;
  }
}
.edcare-moveFromBottom {
  animation-name: asMoveFromBottom;
}

@keyframes asMoveFromBottom {
  from {
    visibility: hidden;
    transform: translateY(50px);
  }
  to {
    visibility: visible;
  }
}
/* Blur Effect */
.edcare-blurIn {
  animation-name: asBlurIn;
}

@keyframes asBlurIn {
  from {
    filter: blur(20px);
    opacity: 0;
  }
}
.edcare-blurInLeft {
  animation-name: asBlurInLeft;
}

@keyframes asBlurInLeft {
  from {
    transform: translateX(50px);
    filter: blur(20px);
    opacity: 0;
  }
}
.edcare-blurInRight {
  animation-name: asBlurInRight;
}

@keyframes asBlurInRight {
  from {
    transform: translateX(-50px);
    filter: blur(20px);
    opacity: 0;
  }
}
.edcare-blurInTop {
  animation-name: asBlurInTop;
}

@keyframes asBlurInTop {
  from {
    transform: translateY(50px);
    filter: blur(20px);
    opacity: 0;
  }
}
.edcare-blurInBottom {
  animation-name: asBlurInBottom;
}

@keyframes asBlurInBottom {
  from {
    transform: translateY(-50px);
    filter: blur(20px);
    opacity: 0;
  }
}
/* Zoom Effect */
.edcare-zoomIn {
  animation-name: asZoomIn;
}

@keyframes asZoomIn {
  from {
    transform: scale(5);
    opacity: 0;
  }
}
.edcare-zoomInLeft {
  animation-name: asZoomInLeft;
}

@keyframes asZoomInLeft {
  from {
    transform: scale(5) translateX(-50%);
    opacity: 0;
  }
}
.edcare-zoomInRight {
  animation-name: asZoomInRight;
}

@keyframes asZoomInRight {
  from {
    transform: scale(5) translateX(50%);
    opacity: 0;
  }
}
.edcare-zoomInTop {
  animation-name: asZoomInTop;
}

@keyframes asZoomInTop {
  from {
    transform: scale(10) translateY(-50%);
    opacity: 0;
  }
}
.edcare-zoomInBottom {
  animation-name: asZoomInBottom;
}

@keyframes asZoomInBottom {
  from {
    transform: scale(10) translateY(50%);
    opacity: 0;
  }
}
/* Flip Effect */
.edcare-flipInTop {
  animation-name: asFlipInTop;
}

@keyframes asFlipInTop {
  from {
    transform: perspective(600px);
    opacity: 0;
  }
  30% {
    transform: perspective(600px) rotateX(180deg);
    transform-origin: 0 0;
    animation-timing-function: ease-out;
  }
  to {
    transform: perspective(600px);
  }
}
.edcare-flipInBottom {
  animation-name: asFlipInBottom;
}

@keyframes asFlipInBottom {
  from {
    transform: perspective(600px);
    opacity: 0;
  }
  30% {
    transform: perspective(600px) rotateX(180deg);
    transform-origin: bottom;
    animation-timing-function: ease-out;
  }
  to {
    transform: perspective(600px);
  }
}
/* Roll Effect */
.edcare-rollFromLeft {
  animation-name: asRollFromLeft;
}

@keyframes asRollFromLeft {
  from {
    transform: translateX(-60px) perspective(600px) rotateY(180deg);
    opacity: 0;
  }
}
.edcare-rollFromRight {
  animation-name: asRollFromRight;
}

@keyframes asRollFromRight {
  from {
    transform: translateX(60px) perspective(600px) rotateY(-180deg);
    opacity: 0;
  }
}
.edcare-rollFromTop {
  animation-name: asRollFromTop;
}

@keyframes asRollFromTop {
  from {
    transform: translateY(-60px) perspective(600px) rotateX(180deg);
    opacity: 0;
  }
}
.edcare-rollFromBottom {
  animation-name: asRollFromBottom;
}

@keyframes asRollFromBottom {
  from {
    transform: translateY(60px) perspective(600px) rotateX(-180deg);
    opacity: 0;
  }
}
/* Rotate Skate Effect */
.edcare-rotateSkateInRight {
  animation-name: asRotateSkateInRight;
}

@keyframes asRotateSkateInRight {
  from {
    transform: scaleX(0.2) translateX(100px);
    opacity: 0;
  }
}
.edcare-rotateSkateInLeft {
  animation-name: asRotateSkateInLeft;
}

@keyframes asRotateSkateInLeft {
  from {
    transform: scaleX(0.2) translateX(-100px);
    opacity: 0;
  }
}
.edcare-rotateSkateInTop {
  animation-name: asRotateSkateInTop;
}

@keyframes asRotateSkateInTop {
  from {
    transform: scaleY(0.2) translateY(-100px);
    opacity: 0;
  }
}
.edcare-rotateSkateInBottom {
  animation-name: asRotateSkateInBottom;
}

@keyframes asRotateSkateInBottom {
  from {
    transform: scaleY(0.2) translateY(100px);
    opacity: 0;
  }
}
/* PopUp Effect */
.edcare-popUp {
  animation-name: asPopUp;
}

@keyframes asPopUp {
  0% {
    visibility: hidden;
  }
  50% {
    transform: scale(1.1);
    visibility: visible;
  }
}
.edcare-popUpLeft {
  animation-name: asPopUpLeft;
}

@keyframes asPopUpLeft {
  0% {
    visibility: hidden;
  }
  50% {
    visibility: visible;
    transform: translateX(-20px) scale(1.1);
    animation-timing-function: ease-in;
  }
}
.edcare-popUpRight {
  animation-name: asPopUpRight;
}

@keyframes asPopUpRight {
  0% {
    visibility: hidden;
  }
  50% {
    visibility: visible;
    transform: translateX(20px) scale(1.1);
    animation-timing-function: ease-in;
  }
}
/* Kenburns Top */
.swiper-slide-active .kenburns-top {
  -webkit-animation-name: kenburns-top;
  animation-name: kenburns-top;
}

@-webkit-keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
    transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.08) translateY(-15px);
    transform: scale(1.08) translateY(-15px);
    -webkit-transform-origin: top;
    transform-origin: top;
  }
}
@keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
    transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.08) translateY(-15px);
    transform: scale(1.08) translateY(-15px);
    -webkit-transform-origin: top;
    transform-origin: top;
  }
}
/* !END: Theme Slider CSS */
/**----------------------------------------
    START: Page Header CSS
----------------------------------------*/
.checkout-top {
  margin-bottom: 80px;
}
@media only screen and (max-width: 992px) {
  .checkout-top {
    margin-bottom: 40px;
  }
}
.checkout-top .coupon-list .verify-item .title {
  background-color: var(--ed-color-common-white);
  width: 100%;
  padding: 15px 30px;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid var(--ed-color-border-1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.checkout-top .coupon-list .verify-item .title:hover {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
}
.checkout-top .coupon-list .verify-item .title button {
  font-weight: 600;
  margin: 0 5px;
  text-decoration: underline;
}
.checkout-top .coupon-list .verify-item .login-form {
  padding-top: 30px;
  display: none;
}
.checkout-top .coupon-list .verify-item .login-form .form-control {
  background-color: var(--ed-color-grey-1);
  padding: 15px 30px;
  border: none;
  box-shadow: none;
  font-size: 14px;
  color: var(--ed-color-text-body);
  border-radius: 0;
  margin-bottom: 20px;
  max-width: 700px;
  width: 100%;
}
.checkout-top .coupon-list .verify-item .login-form .form-control::-webkit-input-placeholder {
  color: var(--ed-color-text-body);
}
.checkout-top .coupon-list .verify-item .login-form .form-control:-moz-placeholder {
  color: var(--ed-color-text-body);
}
.checkout-top .coupon-list .verify-item .login-form .form-control::-moz-placeholder {
  color: var(--ed-color-text-body);
}
.checkout-top .coupon-list .verify-item .login-form .form-control:-ms-input-placeholder {
  color: var(--ed-color-text-body);
}
.checkout-top .coupon-list .verify-item .checkbox-wrap {
  max-width: 700px;
  width: 100%;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.checkout-top .coupon-list .verify-item .checkbox-wrap .checkbox-item {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.checkout-top .coupon-list .verify-item .checkbox-wrap .checkbox-item label {
  color: var(--ed-color-text-body);
  cursor: pointer;
}
.checkout-top .coupon-list .verify-item .checkbox-wrap .forgot {
  color: var(--ed-color-common-white);
  font-weight: 600;
}
.checkout-top .coupon-list .verify-item .checkbox-wrap .forgot:hover {
  color: var(--ed-color-theme-primary);
}

.checkout-left {
  padding-right: 10px;
}
@media only screen and (max-width: 992px) {
  .checkout-left {
    padding-right: 0;
  }
}
.checkout-left .form-header {
  font-size: 30px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 40px;
}

.checkout-form-wrap .form-group:not(:last-of-type) {
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .checkout-form-wrap .form-item.name {
    margin-bottom: 30px;
  }
}
.checkout-form-wrap .form-item .form-title {
  color: var(--ed-color-heading-primary);
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 20px;
}
.checkout-form-wrap .form-item .form-control {
  padding: 18px 20px;
  background-color: var(--ed-color-common-white);
  border: none;
  box-shadow: none;
  font-size: 16px;
  border: 1px solid var(--ed-color-border-1);
  border-radius: 6px;
}
.checkout-form-wrap .form-item .form-control::-webkit-input-placeholder {
  color: var(--ed-color-text-body);
}
.checkout-form-wrap .form-item .form-control:-moz-placeholder {
  color: var(--ed-color-text-body);
}
.checkout-form-wrap .form-item .form-control::-moz-placeholder {
  color: var(--ed-color-text-body);
}
.checkout-form-wrap .form-item .form-control:-ms-input-placeholder {
  color: var(--ed-color-text-body);
}
.checkout-form-wrap .form-item .form-control.street-control {
  margin-bottom: 20px;
}
.checkout-form-wrap .form-item .form-control.nice-select {
  width: 100%;
  height: auto;
  line-height: inherit;
  padding: 18px 20px;
}
.checkout-form-wrap .form-item .form-control.nice-select:after {
  top: 46%;
  width: 10px;
  height: 10px;
  border-color: var(--ed-color-text-body);
  border-bottom: 1px solid var(--ed-color-text-body);
  border-right: 1px solid var(--ed-color-text-body);
  right: 25px;
}
.checkout-form-wrap .form-item .form-control.nice-select .list {
  background-color: var(--ed-color-common-white);
  width: 100%;
  border-radius: 0;
  border: 1px solid var(--ed-color-border-1);
}
.checkout-form-wrap .form-item .form-control.nice-select .list li {
  padding-left: 20px;
}

.checkout-right {
  padding-left: 10px;
}
@media only screen and (max-width: 992px) {
  .checkout-right {
    margin-top: 50px;
    padding-left: 0;
  }
}
.checkout-right .form-header {
  font-size: 30px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 40px;
}

.order-box {
  background-color: var(--ed-color-grey-1);
  padding: 30px 40px;
  border: 1px solid var(--ed-color-border-1);
}
@media only screen and (max-width: 767px) {
  .order-box {
    padding: 30px 20px;
  }
}
.order-box .order-item {
  display: grid;
  grid-template-columns: 80px 1fr;
  grid-gap: 20px;
}
.order-box .order-item:not(:last-of-type) {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--ed-color-border-1);
}
@media only screen and (max-width: 767px) {
  .order-box .order-item {
    grid-template-columns: 1fr;
  }
}
.order-box .order-item .order-left .order-img {
  height: 80px;
  width: 80px;
}
.order-box .order-item .order-left .order-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.order-box .order-item .order-left .product {
  color: var(--ed-color-text-body);
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
  line-height: 1;
  text-transform: uppercase;
}
.order-box .order-item .order-left .left-title {
  font-size: 16px;
  font-weight: 400;
  color: var(--ed-color-text-body);
  line-height: 1;
}
.order-box .order-item .order-right {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 15px;
  flex-wrap: wrap;
  row-gap: 15px;
}
.order-box .order-item .order-right .content .category {
  color: var(--ed-color-theme-primary);
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
  display: block;
  line-height: 1;
  margin-bottom: 15px;
}
.order-box .order-item .order-right .content .title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 1;
}
.order-box .order-item .order-right .price {
  color: var(--ed-color-text-body);
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
  line-height: 1;
  text-transform: uppercase;
}
.order-box .order-item .order-right .right-title {
  font-size: 16px;
  font-weight: 500;
  color: var(--ed-color-heading-primary);
  line-height: 1;
}
.order-box .order-item .order-right .right-title span {
  color: var(--ed-color-text-body);
  font-weight: 400;
  margin-right: 10px;
}
.order-box .order-item .order-right .right-title.title-2 {
  color: var(--ed-color-theme-primary);
}
.order-box .order-item.item-1 {
  grid-template-columns: 200px 1fr;
}
@media only screen and (max-width: 767px) {
  .order-box .order-item.item-1 {
    grid-template-columns: 100px 1fr;
  }
}
.order-box .order-item.item-1 .order-right {
  justify-content: end;
}

.payment-option-wrap {
  margin-top: 40px;
}
.payment-option-wrap .payment-option .shipping-option:not(:last-of-type) {
  margin-bottom: 20px;
}
.payment-option-wrap .payment-option .shipping-option input {
  accent-color: var(--ed-color-theme-primary);
}
.payment-option-wrap .payment-option .shipping-option label {
  font-size: 16px;
  font-weight: 500;
  color: var(--ed-color-heading-primary);
  margin-left: 5px;
}
.payment-option-wrap .payment-option .shipping-option .options input {
  accent-color: var(--ed-color-theme-primary);
  margin-bottom: 15px;
}
.payment-option-wrap .desc {
  margin: 20px 0;
}
.payment-option-wrap .form-check {
  margin-bottom: 40px;
}
.payment-option-wrap .form-check .form-check-input {
  border: 1px solid var(--ed-color-border-1);
  box-shadow: none;
  accent-color: var(--ed-color-theme-primary);
}
.payment-option-wrap .form-check .form-check-label {
  cursor: pointer;
}
.payment-option-wrap .order-btn {
  width: 100%;
  justify-content: center;
}

/* !END: Page Header CSS */
/**----------------------------------------
    START: Cart CSS
----------------------------------------*/
.cart-top-content {
  background-color: var(--ed-color-grey-1);
  padding: 30px 40px;
  margin-bottom: 40px;
}
.cart-top-content p {
  color: var(--ed-color-heading-primary);
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 5px;
}
.cart-top-content p span {
  color: var(--ed-color-theme-primary);
  font-weight: 500;
}
.cart-top-content p line {
  background-color: var(--ed-color-grey-1);
}
.cart-top-content .line {
  background-color: var(--ed-color-common-white);
  position: relative;
  display: inline-block;
  width: 100%;
  height: 6px;
  overflow: hidden;
  border-radius: 30px;
}
.cart-top-content .line:before {
  background-color: var(--ed-color-theme-primary);
  content: "";
  width: 80%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.cart-table {
  background-color: var(--ed-color-grey-1);
}
@media only screen and (max-width: 992px) {
  .cart-table {
    overflow: scroll;
  }
}
@media only screen and (max-width: 992px) {
  .cart-table table {
    width: 900px;
  }
}
@media only screen and (max-width: 767px) {
  .cart-table table {
    width: 800px;
  }
}
.cart-table thead {
  border: none;
  border-bottom: 1px solid var(--ed-color-border-1);
}
.cart-table thead tr th {
  background-color: var(--ed-color-grey-1);
  color: var(--ed-color-text-body);
  border-bottom: none;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 25px 0;
}
.cart-table thead tr th.product-subtotal {
  text-align: right;
  padding-right: 30px;
}
.cart-table tbody {
  border: none;
  border-bottom: 1px solid var(--ed-color-border-1);
  padding: 30px 0;
}
.cart-table tbody tr {
  vertical-align: baseline;
}
.cart-table tbody tr td {
  background-color: var(--ed-color-grey-1);
  color: var(--ed-color-heading-primary);
  font-weight: 500;
  padding: 0;
  padding-top: 30px;
  padding-bottom: 30px;
}
.cart-table tbody tr td.product-remove {
  text-align: center;
  padding: 0 25px;
  color: var(--ed-color-heading-primary);
}
.cart-table tbody tr td.product-thumbnail {
  display: grid;
  align-items: center;
  grid-template-columns: 80px 1fr;
  grid-gap: 15px;
  column-gap: 15px;
}
@media only screen and (max-width: 992px) {
  .cart-table tbody tr td.product-thumbnail {
    padding-right: 30px;
  }
}
.cart-table tbody tr td.product-thumbnail .category {
  color: var(--ed-color-theme-primary);
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 5px;
  display: block;
}
.cart-table tbody tr td.product-thumbnail .title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
}
.cart-table tbody tr td.product-price {
  font-size: 16px;
  font-weight: 600;
  padding-right: 70px;
}
.cart-table tbody tr td.product-price span {
  color: var(--ed-color-heading-primary);
}
@media only screen and (max-width: 992px) {
  .cart-table tbody tr td.product-price {
    padding-right: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .cart-table tbody tr td.product-price {
    padding-right: 40px;
  }
}
@media only screen and (max-width: 992px) {
  .cart-table tbody tr td.product-quantity {
    padding-right: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .cart-table tbody tr td.product-quantity {
    padding-right: 0;
  }
}
.cart-table tbody tr td.product-quantity input {
  background-color: transparent;
  color: var(--ed-color-heading-primary);
  border-radius: 0;
  border: 1px solid var(--ed-color-border-1);
  height: 50px;
  text-align: center;
  outline: none;
  box-shadow: none;
  padding: 0 8px;
}
.cart-table tbody tr td.product-subtotal {
  color: var(--ed-color-heading-primary);
  font-size: 16px;
  font-weight: 600;
  text-align: right;
  padding-right: 30px;
}
@media only screen and (max-width: 767px) {
  .cart-table tbody tr td.product-subtotal {
    padding-right: 20px;
  }
}
.cart-table.table-2 thead {
  background-color: #fff;
}

.cart-btn-wrap {
  background-color: var(--ed-color-grey-1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 10px;
  padding: 30px;
}
.cart-btn-wrap .left-item {
  display: grid;
  grid-template-columns: 295px 1fr;
  align-items: center;
  grid-gap: 10px;
}
@media only screen and (max-width: 767px) {
  .cart-btn-wrap .left-item {
    grid-template-columns: 1fr;
  }
}
.cart-btn-wrap .left-item .form-control {
  background-color: var(--ed-color-common-white);
  box-shadow: none;
  font-size: 14px;
  border: 1px solid transparent;
  color: var(--ed-color-text-body);
  padding: 14px 20px;
  border-radius: 0;
}
.cart-btn-wrap .left-item .form-control::-webkit-input-placeholder {
  font-size: 14px;
  color: var(--ed-color-text-body);
}
.cart-btn-wrap .left-item .form-control:-moz-placeholder {
  font-size: 14px;
  color: var(--ed-color-text-body);
}
.cart-btn-wrap .left-item .form-control::-moz-placeholder {
  font-size: 14px;
  color: var(--ed-color-text-body);
}
.cart-btn-wrap .left-item .form-control:-ms-input-placeholder {
  font-size: 14px;
  color: var(--ed-color-text-body);
}
.cart-btn-wrap .left-item .rr-primary-btn {
  font-size: 14px;
  padding: 17px 30px;
  border: none;
}
.cart-btn-wrap .update-btn {
  background-color: transparent;
  color: var(--ed-color-heading-primary);
  font-size: 14px;
  padding: 17px 30px;
  border: 1px solid var(--ed-color-border-1);
  text-transform: uppercase;
}
.cart-btn-wrap .update-btn:before {
  background-color: var(--ed-color-theme-primary);
}
.cart-btn-wrap .update-btn:hover {
  color: var(--ed-color-common-white);
  border: 1px solid var(--ed-color-theme-primary);
}

.cart-box-title {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .cart-box-title {
    font-size: 28px;
  }
}

.checkout-wrapper {
  background-color: var(--ed-color-grey-1);
  max-width: 600px;
  width: 100%;
  border: 1px solid var(--ed-color-border-1);
  padding: 35px 0;
}
@media only screen and (max-width: 992px) {
  .checkout-wrapper {
    margin-top: 30px;
  }
}
.checkout-wrapper .checkout-item {
  display: flex;
  align-items: center;
  align-items: start;
  column-gap: 20px;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 15px;
  padding-left: 35px;
  padding-right: 35px;
}
@media only screen and (max-width: 767px) {
  .checkout-wrapper .checkout-item {
    align-items: center;
  }
}
.checkout-wrapper .checkout-item:not(:last-of-type) {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--ed-color-border-1);
}
.checkout-wrapper .checkout-item .title {
  color: var(--ed-color-text-body);
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
  text-transform: uppercase;
}
.checkout-wrapper .checkout-item span {
  color: var(--ed-color-heading-primary);
  font-size: 14px;
  font-weight: 500;
}
.checkout-wrapper .checkout-item p {
  color: var(--ed-color-text-body);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
  margin: 20px 0;
}
.checkout-wrapper .checkout-item .checkout-option-wrapper .shipping-option input {
  accent-color: var(--ed-color-theme-primary);
}
.checkout-wrapper .checkout-item .checkout-option-wrapper .shipping-option label {
  font-size: 16px;
  color: var(--ed-color-heading-primary);
  font-weight: 400;
  margin-left: 10px;
  cursor: pointer;
}
.checkout-wrapper .checkout-item .checkout-option-wrapper .shipping-option:not(:last-of-type) {
  margin-bottom: 10px;
}
.checkout-wrapper .checkout-item.item-1 .title {
  color: var(--ed-color-heading-primary);
  font-weight: 600;
}

.checkout-proceed {
  margin-top: 30px;
}

/* !END: Cart CSS */
/**----------------------------------------
START: Course Category CSS
----------------------------------------*/
.course-category {
  background-color: var(--ed-color-grey-1);
}

.category-items {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  row-gap: 17px;
}
.category-items:not(:last-of-type) {
  margin-bottom: 17px;
}
.category-items .category-item:not(:last-of-type) {
  margin-right: 17px;
}
.category-items .category-item a {
  background-color: var(--ed-color-common-white);
  color: var(--ed-color-heading-primary);
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  padding: 7.5px 30px 7.5px 5px;
  display: inline-flex;
  align-items: center;
  column-gap: 15px;
  border-radius: 100px;
  border: 1px solid #E0E5EB;
}
@media only screen and (max-width: 767px) {
  .category-items .category-item a {
    font-size: 14px;
    padding: 7.5px 20px 7.5px 5px;
  }
}
.category-items .category-item a:hover {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
}
.category-items .category-item a span {
  background-color: var(--ed-color-grey-1);
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.category-items .category-item a span img {
  height: 30px;
  width: 30px;
}



.kid-content-section {
  padding-top: 75px;
}

.service-section-6 {
  position: relative;
  z-index: 1;
}
.service-section-6 .bg-shape {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.service-item-6 {
  background-color: var(--ed-color-common-white);
  padding: 20px;
  border-radius: 15px;
}
.service-item-6 .service-thumb {
  height: 230px;
  border-radius: 15px;
  margin-bottom: 30px;
}
.service-item-6 .service-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}
.service-item-6 .service-content .title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 15px;
}
.service-item-6 .service-content p {
  margin-bottom: 15px;
}
.service-item-6 .service-content .read-more {
  color: var(--ed-color-theme-primary);
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.service-item-6 .service-content .read-more i {
  font-size: 14px;
  margin-top: 2px;
}

.course-item-6 .course-thumb {
  position: relative;
}
.course-item-6 .course-thumb img {
  transform: scale(1);
}
.course-item-6 .course-thumb .join-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  z-index: 2;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.course-item-6 .course-thumb .join-btn a {
  background-color: var(--ed-color-common-white);
  font-size: 16px;
  font-weight: 600;
  padding: 10px 25px;
  border-radius: 100px;
  line-height: 1;
}
.course-item-6 .course-thumb .overlay {
  background-color: var(--ed-color-theme-primary);
  width: 0;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.course-item-6 .course-content {
  border-bottom: 0;
  margin-bottom: 10px;
}
.course-item-6:hover .course-thumb .overlay {
  width: 100%;
}
.course-item-6:hover .course-thumb img {
  transform: scale(1);
}
.course-item-6:hover .course-thumb .join-btn {
  transform: translate(-50%, -50%) scale(1);
}

.team-section-7 {
  position: relative;
  z-index: 1;
}
.team-section-7 .bg-shape {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.team-item-6 {
  height: 500px;
  position: relative;
}
.team-item-6 .team-thumb {
  height: 400px;
  border-radius: 15px;
  overflow: hidden;
}
.team-item-6 .team-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  border-radius: 15px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.team-item-6 .team-content {
  background-color: var(--ed-color-common-white);
  width: 90%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  padding: 35px 0;
  border-radius: 15px;
}
.team-item-6 .team-content .title {
  font-size: 22px;
  margin-bottom: 0;
}
.team-item-6 .team-content span {
  color: var(--ed-color-text-body);
  font-weight: 400;
  display: block;
  margin-top: 5px;
}
.team-item-6 .team-content .social-list {
  margin-top: 20px;
}
.team-item-6 .team-content .social-list li {
  display: inline-flex;
}
.team-item-6 .team-content .social-list li:not(:last-of-type) {
  margin-right: 5px;
}
.team-item-6 .team-content .social-list li a {
  color: var(--ed-color-theme-primary);
  height: 40px;
  width: 40px;
  border: 1px solid #E0E5EB;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.team-item-6 .team-content .social-list li a:hover {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
  border: 1px solid var(--ed-color-theme-primary);
}
.team-item-6:hover .team-thumb img {
  transform: scale(1.03);
}

.testimonial-section-6 {
  position: relative;
  z-index: 1;
}
.testimonial-section-6 .bg-img {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.testi-carousel-4 {
  padding-bottom: 100px;
}
.testi-carousel-4 .swiper-pagination {
  bottom: 0;
}
.testi-carousel-4 .swiper-pagination .swiper-pagination-bullet {
  background-color: transparent;
  height: 20px;
  width: 20px;
  border: 2px solid #E0E5EB;
  opacity: 1;
  border-radius: 50%;
  position: relative;
}
.testi-carousel-4 .swiper-pagination .swiper-pagination-bullet:before {
  background-color: var(--ed-color-theme-primary);
  content: "";
  height: 7px;
  width: 7px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  visibility: hidden;
  opacity: 0;
}
.testi-carousel-4 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border: 2px solid var(--ed-color-theme-primary);
}
.testi-carousel-4 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  visibility: visible;
  opacity: 1;
}

.testi-item-4 p {
  margin-bottom: 0;
}
.testi-item-4 .testi-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 20px;
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px dashed #E0E5EB;
}
@media only screen and (max-width: 767px) {
  .testi-item-4 .testi-bottom {
    flex-wrap: wrap;
    row-gap: 15px;
  }
}
.testi-item-4 .testi-bottom .testi-review {
  list-style: none;
  display: flex;
  align-items: center;
}
.testi-item-4 .testi-bottom .testi-review li {
  color: #FFB539;
}

.event-card-2 {
  border: 1px solid #E3EAF3;
  grid-template-columns: 200px 1fr;
}
@media only screen and (max-width: 767px) {
  .event-card-2 {
    padding: 30px 20px;
    grid-template-columns: 1fr;
  }
}
.event-card-2 .event-thumb {
  height: 170px;
  max-width: 200px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .event-card-2 .event-thumb {
    max-width: 100%;
  }
}
.event-card-2 .event-content .event-list {
  display: flex;
  align-items: center;
  column-gap: 20px;
  margin: 0;
  margin-bottom: 0;
  margin-bottom: 10px;
}
@media (max-width: 1200px) {
  .event-card-2 .event-content .event-list {
    flex-wrap: wrap;
    row-gap: 5px;
  }
}
.event-card-2 .event-content .event-list li {
  font-size: 14px;
}
.event-card-2 .event-content .event-bottom {
  display: flex;
  align-items: center;
  column-gap: 30px;
}
@media (max-width: 1200px) {
  .event-card-2 .event-content .event-bottom {
    flex-wrap: wrap;
    row-gap: 10px;
  }
}
.event-card-2 .event-content .event-bottom .ed-primary-btn {
  padding: 15px 30px;
}
.event-card-2 .event-content .event-bottom .event-author {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.event-card-2 .event-content .event-bottom .event-author .author-thumb {
  height: 40px;
  width: 40px;
}
.event-card-2 .event-content .event-bottom .event-author .author-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.register-wrap {
  background: var(--ed-color-common-white);
  box-shadow: 0px 8px 40px rgba(15, 27, 49, 0.12);
  border-radius: 10px;
  padding: 80px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .register-wrap {
    padding: 80px 40px;
  }
}
@media only screen and (max-width: 767px) {
  .register-wrap {
    padding: 50px 20px;
  }
}
.register-wrap .shape {
  position: absolute;
  bottom: -20px;
  left: 56%;
  transform: translateX(-50%);
  z-index: -1;
}
.register-wrap .section-heading {
  position: relative;
  z-index: 5;
}
@media (max-width: 1200px) {
  .register-wrap .section-heading .section-title {
    font-size: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .register-wrap .section-heading .section-title {
    font-size: 28px;
  }
}
.register-wrap .section-heading .section-title br {
  display: block;
}
.register-wrap .section-heading .section-title span {
  color: var(--ed-color-theme-primary);
}
.register-wrap .register-img {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  max-width: 576px;
  width: 100%;
}
@media only screen and (max-width: 992px) {
  .register-wrap .register-img {
    display: none;
  }
}
.register-wrap .register-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.blog-section-6 {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .blog-section-6 {
    background-color: #EBF2F2;
  }
}
.blog-section-6 .bg-img {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.footer-6 {
  position: relative;
  z-index: 1;
  margin-top: -28px;
}
@media only screen and (max-width: 992px) {
  .footer-6 {
    padding-top: 100px;
    margin-top: -60px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-6 {
    padding-top: 70px;
    margin-top: 0px;
    background-color: #162726;
  }
}
.footer-6 .bg-img {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .footer-6 .bg-img {
    display: none;
  }
}


.category-wrap > div {
  padding: 0;
}
@media only screen and (max-width: 992px) {
  .category-wrap > div {
    padding: 0 15px;
  }
}
.category-wrap > div:nth-child(1) .category-item-2 {
  padding-right: 40px;
  padding-bottom: 40px;
  border-right: 1px solid rgba(255, 255, 255, 0.06);
}
@media (max-width: 1200px) {
  .category-wrap > div:nth-child(1) .category-item-2 {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 992px) {
  .category-wrap > div:nth-child(1) .category-item-2 {
    padding: 0;
    border: none;
  }
}
.category-wrap > div:nth-child(2) .category-item-2 {
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 40px;
  border-right: 1px solid rgba(255, 255, 255, 0.06);
}
@media only screen and (max-width: 992px) {
  .category-wrap > div:nth-child(2) .category-item-2 {
    padding: 0;
    border: none;
  }
}
.category-wrap > div:nth-child(3) .category-item-2 {
  padding-left: 40px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 992px) {
  .category-wrap > div:nth-child(3) .category-item-2 {
    padding: 0;
    border: none;
  }
}
.category-wrap > div:nth-child(4) .category-item-2 {
  padding-right: 40px;
  padding-top: 40px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-right: 1px solid rgba(255, 255, 255, 0.06);
}
@media (max-width: 1200px) {
  .category-wrap > div:nth-child(4) .category-item-2 {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 992px) {
  .category-wrap > div:nth-child(4) .category-item-2 {
    padding: 0;
    border: none;
  }
}
.category-wrap > div:nth-child(5) .category-item-2 {
  padding-right: 40px;
  padding-left: 40px;
  padding-top: 40px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-right: 1px solid rgba(255, 255, 255, 0.06);
}
@media only screen and (max-width: 992px) {
  .category-wrap > div:nth-child(5) .category-item-2 {
    padding: 0;
    border: none;
  }
}
.category-wrap > div:nth-child(6) .category-item-2 {
  padding-top: 40px;
  padding-left: 40px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
@media only screen and (max-width: 992px) {
  .category-wrap > div:nth-child(6) .category-item-2 {
    padding: 0;
    border: none;
  }
}

.category-item-2 {
  display: grid;
  grid-template-columns: 70px 1fr;
  grid-gap: 30px;
}
@media (max-width: 1200px) {
  .category-item-2 {
    grid-template-columns: 1fr;
  }
}
.category-item-2 .icon {
  background-color: var(--ed-color-common-white);
  height: 70px;
  width: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.category-item-2 .icon img {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.category-item-2 .content .title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 15px;
}
.category-item-2 .content p {
  color: #6C706F;
}
.category-item-2 .content .learn-more {
  color: var(--ed-color-theme-primary);
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.category-item-2 .content .learn-more i {
  font-size: 14px;
  margin-top: 2px;
}
.category-item-2:hover .icon {
  background-color: var(--ed-color-theme-primary);
}
.category-item-2:hover .icon img {
  filter: invert(1) brightness(5);
}

.footer-insta-area {
  display: grid;
  align-items: center;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 10px;
  max-width: 1760px;
  width: 100%;
  padding: 0 15px;
  margin: 0 auto;
  padding-top: 80px;
  margin-bottom: 80px;
}
@media (max-width: 1200px) {
  .footer-insta-area {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 24px;
  }
}
@media only screen and (max-width: 992px) {
  .footer-insta-area {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .footer-insta-area {
    grid-template-columns: 1fr;
  }
}
.footer-insta-area .footer-insta-item {
  position: relative;
  z-index: 1;
  height: 285px;
  max-width: 285px;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.footer-insta-area .footer-insta-item .insta-img {
  width: 100%;
  height: 100%;
}
.footer-insta-area .footer-insta-item .insta-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.footer-insta-area .footer-insta-item .overlay {
  background-color: #07A698;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.footer-insta-area .footer-insta-item .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.footer-insta-area .footer-insta-item .icon a {
  background-color: var(--ed-color-common-white);
  color: var(--ed-color-theme-primary);
  height: 55px;
  width: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.footer-insta-area .footer-insta-item .icon a:hover {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
}
.footer-insta-area .footer-insta-item:hover .overlay {
  visibility: visible;
  opacity: 0.64;
}
.footer-insta-area .footer-insta-item:hover .icon {
  transform: translate(-50%, -50%) scale(1);
}


.cat-item {
  background-color: var(--ed-color-grey-2);
  padding: 40px 20px;
  border-radius: 15px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.cat-item .shape {
  background: #07A698;
  filter: blur(50px);
  height: 157px;
  width: 157px;
  border-radius: 50%;
  position: absolute;
  top: -55px;
  right: -45px;
  z-index: -1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  opacity: 0;
}
.cat-item .icon {
  background-color: var(--ed-color-common-white);
  height: 80px;
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 auto;
  margin-bottom: 20px;
}
.cat-item .title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0px;
  line-height: 1;
}
.cat-item span {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
}
.cat-item:hover .shape {
  top: -65px;
  right: -55px;
  visibility: visible;
  opacity: 1;
}

.service-promo {
  background-color: #143532;
}
.service-promo .service-promo-container {
  max-width: 1755px;
}

.service-promo-wrap {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 24px;
}
@media (max-width: 1200px) {
  .service-promo-wrap {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 992px) {
  .service-promo-wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .service-promo-wrap {
    grid-template-columns: repeat(1, 1fr);
  }
}

.service-promo-item {
  background-color: rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: center;
  padding: 20px 20px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 10px;
  overflow: hidden;
}
.service-promo-item .icon {
  margin-right: 15px;
  padding-right: 15px;
  border-right: 1px solid rgba(255, 255, 255, 0.12);
}
.service-promo-item .content .title {
  font-size: 20px;
  font-weight: 600;
  color: var(--ed-color-common-white);
}
.service-promo-item .content span {
  color: var(--ed-color-common-white);
}

.about-section-8 {
  position: relative;
  z-index: 1;
}
.about-section-8 .bg-round-shape {
  border: 60px solid rgba(7, 166, 152, 0.07);
  height: 563px;
  width: 563px;
  border-radius: 50%;
  position: absolute;
  top: -200px;
  right: 95px;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .about-section-8 .bg-round-shape {
    display: none;
  }
}

.about-img-wrap-8 {
  max-width: 736px;
  width: 100%;
  height: 694px;
  position: relative;
}
.about-img-wrap-8 .about-img-1 {
  max-width: 308px;
  width: 100%;
  height: 266px;
  border: 8px solid var(--ed-color-common-white);
  border-radius: 15px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.about-img-wrap-8 .about-img-1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-img-wrap-8 .about-img-2 {
  max-width: 677px;
  width: 100%;
  height: 513px;
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 15px;
  overflow: hidden;
}
.about-img-wrap-8 .about-img-2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-img-wrap-8 .round-shape {
  height: 277px;
  width: 277px;
  border: 45px solid var(--ed-color-theme-primary);
  border-radius: 50%;
  position: absolute;
  top: 130px;
  left: -100px;
}

.about-wrap-8 {
  position: relative;
}

.about-content-8 {
  background-color: var(--ed-color-common-white);
  max-width: 720px;
  width: 100%;
  box-shadow: 0px 4px 80px 2px rgba(15, 21, 33, 0.1);
  border-radius: 15px;
  padding: 80px;
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 1200px) {
  .about-content-8 {
    max-width: 600px;
    padding: 50px 40px;
  }
}
@media only screen and (max-width: 992px) {
  .about-content-8 {
    position: relative;
    margin-top: 40px;
    box-shadow: inherit;
    padding: 0 15px;
  }
}
.about-content-8 .about-tab .nav-tabs {
  border: none;
}
@media only screen and (max-width: 767px) {
  .about-content-8 .about-tab .nav-tabs {
    row-gap: 10px;
  }
}
.about-content-8 .about-tab .nav-tabs .nav-item {
  border: none;
}
.about-content-8 .about-tab .nav-tabs .nav-item:not(:last-of-type) {
  margin-right: 10px;
}
.about-content-8 .about-tab .nav-tabs .nav-item .nav-link {
  background-color: rgba(7, 166, 152, 0.04);
  color: var(--ed-color-theme-primary);
  font-size: 16px;
  font-weight: 600;
  border: 1px solid rgba(7, 166, 152, 0.16);
  padding: 14px 30px;
  border-radius: 100px;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .about-content-8 .about-tab .nav-tabs .nav-item .nav-link {
    font-size: 14px;
  }
}
.about-content-8 .about-tab .nav-tabs .nav-item .nav-link.active {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
}
.about-content-8 .about-tab .tab-content {
  margin-top: 30px;
}
.about-content-8 .about-tab .tab-content .tab-pane p {
  margin-bottom: 25px;
}
.about-content-8 .about-tab .tab-content .tab-pane .about-list li {
  display: flex;
  align-items: center;
  column-gap: 15px;
  font-size: 16px;
  font-weight: 500;
  color: var(--ed-color-heading-primary);
}
.about-content-8 .about-tab .tab-content .tab-pane .about-list li:not(:last-of-type) {
  margin-bottom: 10px;
}
.about-content-8 .about-tab .tab-content .tab-pane .about-list li span {
  font-size: 16px;
  font-weight: 600;
  color: var(--ed-color-theme-primary);
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(7, 166, 152, 0.19);
  border-radius: 50%;
}

.feature-course-top.heading-space {
  align-items: end;
}
.feature-course-top .nav-tabs {
  margin-bottom: 10px;
  column-gap: 0;
}
@media only screen and (max-width: 767px) {
  .feature-course-top .nav-tabs {
    margin-top: 30px;
  }
}
.feature-course-top .nav-tabs .nav-item:not(:last-of-type) {
  margin-right: 40px;
}
@media only screen and (max-width: 992px) {
  .feature-course-top .nav-tabs .nav-item:not(:last-of-type) {
    margin-right: 20px;
  }
}
.feature-course-top .nav-tabs .nav-item .nav-link {
  background-color: transparent;
  padding: 0;
  border: none;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
.feature-course-top .nav-tabs .nav-item .nav-link.active {
  color: var(--ed-color-theme-primary);
}

.video-section {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.video-section .round-shape {
  height: 750px;
  width: 750px;
  border: 120px solid var(--ed-color-theme-primary);
  border-radius: 50%;
  position: absolute;
  bottom: -200px;
  left: -120px;
  z-index: -1;
  opacity: 0.07;
}
@media only screen and (max-width: 767px) {
  .video-section .round-shape {
    display: none;
  }
}

.video-wrap {
  background: var(--ed-color-common-white);
  box-shadow: 0px 9px 25px rgba(17, 23, 46, 0.1);
  border-radius: 20px;
  padding: 10px 10px 30px 10px;
  position: relative;
  z-index: 1;
}
.video-wrap .shape-1 {
  height: 415px;
  width: 415px;
  border: 60px solid var(--ed-color-theme-primary);
  border-radius: 50%;
  position: absolute;
  top: -190px;
  right: -190px;
  opacity: 0.07;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .video-wrap .shape-1 {
    display: none;
  }
}
.video-wrap .video-img {
  height: 530px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .video-wrap .video-img {
    height: 350px;
  }
}
.video-wrap .video-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}
.video-wrap .video-img .video-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.video-wrap .video-img .video-btn a {
  background-color: var(--ed-color-common-white);
  color: var(--ed-color-theme-primary);
  height: 100px;
  width: 100px;
  font-size: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.video-wrap .video-img .video-btn a:hover {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
}
.video-wrap .video-img .video-btn a .ripple {
  height: 100px;
  width: 100px;
}
.video-wrap .video-img .video-btn a .ripple:before, .video-wrap .video-img .video-btn a .ripple:after {
  height: 100px;
  width: 100px;
}
.video-wrap .video-items {
  display: flex;
  align-items: center;
  padding-left: 30px;
  margin-top: 40px;
}
@media (max-width: 1200px) {
  .video-wrap .video-items {
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .video-wrap .video-items {
    flex-direction: column;
    flex-wrap: wrap;
    row-gap: 20px;
    align-items: baseline;
  }
}
.video-wrap .video-items .video-item {
  display: inline-flex;
  align-items: center;
  column-gap: 20px;
}
@media only screen and (max-width: 992px) {
  .video-wrap .video-items .video-item {
    column-gap: 10px;
  }
}
.video-wrap .video-items .video-item:not(:last-of-type) {
  margin-right: 70px;
  padding-right: 70px;
  border-right: 1px solid #DEE8E7;
}
@media (max-width: 1200px) {
  .video-wrap .video-items .video-item:not(:last-of-type) {
    margin-right: 30px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 992px) {
  .video-wrap .video-items .video-item:not(:last-of-type) {
    margin-right: 10px;
    padding-right: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .video-wrap .video-items .video-item:not(:last-of-type) {
    margin-right: 0;
    padding-right: 0;
    border: none;
  }
}
.video-wrap .video-items .video-item .icon {
  background-color: #DFF2F1;
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.video-wrap .video-items .video-item .title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
}
@media only screen and (max-width: 992px) {
  .video-wrap .video-items .video-item .title {
    font-size: 15px;
  }
}

.course-carousel-area {
  position: relative;
  z-index: 1;
}
.course-carousel-area .bg-img {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.course-carousel-2 {
  overflow: visible;
}

.course-carousel-top .swiper-arrow {
  display: flex;
  align-items: center;
  column-gap: 15px;
}
.course-carousel-top .swiper-arrow .swiper-nav {
  background-color: var(--ed-color-common-white);
  color: var(--ed-color-theme-primary);
  height: 55px;
  width: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.course-carousel-top .swiper-arrow .swiper-nav:hover {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
}

.course-carousel-3 {
  overflow: visible;
}

.testi-8 {
  background-color: #F3F7FB;
}

.content-wrap-8 {
  position: relative;
  z-index: 1;
}
.content-wrap-8 .shape {
  position: absolute;
  bottom: -60px;
  left: -60px;
  z-index: -1;
}

.content-img-8 {
  height: 374px;
  max-width: 555px;
  width: 100%;
  border-radius: 15px;
  border: 7px solid var(--ed-color-common-white);
  box-shadow: 0px 11px 38px rgba(32, 49, 47, 0.12);
}
.content-img-8 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}
@media only screen and (max-width: 992px) {
  .content-img-8 {
    margin-bottom: 30px;
  }
}

.content-info-8 {
  padding-left: 40px;
}
.content-info-8 p {
  max-width: 565px;
  width: 100%;
}

.choose-us {
  position: relative;
  z-index: 1;
}
.choose-us .bg-shape {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.choose-us-wrap {
  position: relative;
  z-index: 1;
}
.choose-us-wrap .line {
  background: linear-gradient(90deg, rgba(7, 166, 152, 0) 0%, #07A698 50.39%, rgba(7, 166, 152, 0) 99.69%);
  width: 100%;
  height: 4px;
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 992px) {
  .choose-us-wrap .line {
    display: none;
  }
}

.choose-use-item {
  background-color: var(--ed-color-common-white);
  display: flex;
  column-gap: 20px;
  padding: 30px;
  border-radius: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin-top: 100px;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .choose-use-item {
    margin-top: 0;
  }
}
.choose-use-item .line-shape {
  background: linear-gradient(360deg, rgba(7, 166, 152, 0) 0%, #07A698 100%);
  height: 94px;
  width: 4px;
  position: absolute;
  top: -94px;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 992px) {
  .choose-use-item .line-shape {
    display: none;
  }
}
.choose-use-item .line-shape .top-round {
  background-color: var(--ed-color-common-white);
  height: 20px;
  width: 20px;
  border: 5px solid var(--ed-color-theme-primary);
  border-radius: 50%;
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
}
.choose-use-item .line-shape .bottom-round {
  background-color: transparent;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.choose-use-item .line-shape .bottom-round:before {
  background-color: var(--ed-color-theme-primary);
  content: "";
  height: 5px;
  width: 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.choose-use-item .icon {
  color: var(--ed-color-theme-primary);
  font-size: 20px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.choose-use-item .content .title,
.choose-use-item .content p {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 1200px) {
  .choose-use-item .content p br {
    display: none;
  }
}
.choose-use-item:hover {
  background-color: var(--ed-color-theme-primary);
}
.choose-use-item:hover .icon {
  color: var(--ed-color-common-white);
}
.choose-use-item:hover .content .title {
  color: var(--ed-color-common-white);
}
.choose-use-item:hover .content p {
  color: var(--ed-color-common-white);
}
.choose-use-item:hover .line-shape .bottom-round {
  background-color: var(--ed-color-theme-primary);
}
.choose-use-item:hover .line-shape .bottom-round:before {
  background-color: var(--ed-color-common-white);
}
.choose-use-item.item-2 {
  margin-top: 170px;
}
@media only screen and (max-width: 992px) {
  .choose-use-item.item-2 {
    margin-top: 0;
  }
}
.choose-use-item.item-2 .line-shape {
  height: 165px;
  top: -165px;
}

.language-course {
  background-color: #143532;
  position: relative;
  z-index: 1;
  padding-top: 170px;
  margin-top: -160px;
  clip-path: polygon(0 15%, 100% 1%, 100% 100%, 0% 100%);
}
@media (max-width: 1200px) {
  .language-course {
    margin-top: 0;
    clip-path: inherit;
    padding-top: 120px;
  }
}
@media only screen and (max-width: 992px) {
  .language-course {
    padding-top: 80px;
  }
}
.language-course .shapes .shape {
  position: absolute;
  z-index: -1;
}
.language-course .shapes .shape.shape-1 {
  bottom: 0;
  right: 0;
}
.language-course .shapes .shape.shape-2 {
  top: 60px;
  left: 0;
}
@media only screen and (max-width: 992px) {
  .language-course .shapes .shape.shape-2 {
    display: none;
  }
}
.language-course .shapes .shape.shape-3 {
  top: -30px;
  right: 0;
}
@media only screen and (max-width: 992px) {
  .language-course .shapes .shape.shape-3 {
    display: none;
  }
}

.lang-course-item {
  background-color: var(--ed-color-common-white);
  padding: 25px;
  border-radius: 15px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .lang-course-item {
    padding: 20px 15px;
  }
}
.lang-course-item .course-thumb {
  height: 120px;
  width: 100%;
  margin-bottom: 20px;
}
.lang-course-item .course-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}
.lang-course-item .course-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 15px;
  flex-wrap: wrap;
  row-gap: 15px;
}
.lang-course-item .course-content .title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0;
}
.lang-course-item .course-content .title span {
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: #6C706F;
  margin-top: 7px;
}
.lang-course-item .course-content .arrow-btn a {
  background-color: #DFEFEE;
  color: var(--ed-color-theme-primary);
  height: 45px;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.lang-course-item .course-content .arrow-btn a:hover {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
}
.lang-course-item:hover {
  transform: translateY(-5px);
}

.lang-exam-area {
  position: relative;
  z-index: 1;
}
.lang-exam-area .bg-shape {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.lang-exam-carousel-wrap {
  position: relative;
}
@media only screen and (max-width: 992px) {
  .lang-exam-carousel-wrap .swiper-arrow {
    display: none;
  }
}
.lang-exam-carousel-wrap .swiper-arrow .swiper-nav {
  background-color: var(--ed-color-common-white);
  color: var(--ed-color-theme-primary);
  height: 60px;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: -120px;
  transform: translateY(-50%);
  z-index: 1;
}
@media (max-width: 1600px) {
  .lang-exam-carousel-wrap .swiper-arrow .swiper-nav {
    left: -80px;
  }
}
@media (max-width: 1399px) {
  .lang-exam-carousel-wrap .swiper-arrow .swiper-nav {
    left: 0;
  }
}
.lang-exam-carousel-wrap .swiper-arrow .swiper-nav.swiper-prev {
  left: auto;
  right: -120px;
}
@media (max-width: 1600px) {
  .lang-exam-carousel-wrap .swiper-arrow .swiper-nav.swiper-prev {
    right: -80px;
  }
}
@media (max-width: 1399px) {
  .lang-exam-carousel-wrap .swiper-arrow .swiper-nav.swiper-prev {
    right: 0px;
  }
}

.lang-exam-item {
  display: grid;
  align-items: center;
  grid-template-columns: 617px 1fr;
  grid-gap: 50px;
  background: var(--ed-color-common-white);
  box-shadow: 0px 23px 62px rgba(40, 47, 55, 0.09);
  border-radius: 20px;
  padding: 20px;
}
@media (max-width: 1200px) {
  .lang-exam-item {
    grid-template-columns: 500px 1fr;
  }
}
@media only screen and (max-width: 992px) {
  .lang-exam-item {
    grid-template-columns: 1fr;
    grid-gap: 30px;
  }
}
.lang-exam-item .lang-exam-img {
  height: 354px;
  max-width: 617px;
  width: 100%;
  border-radius: 20px;
}
@media only screen and (max-width: 992px) {
  .lang-exam-item .lang-exam-img {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .lang-exam-item .lang-exam-img {
    height: 300px;
  }
}
.lang-exam-item .lang-exam-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}
.lang-exam-item .content .title {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 15px;
}
.lang-exam-item .content span {
  color: var(--ed-color-heading-primary);
  font-size: 18px;
  font-weight: 500;
}
.lang-exam-item .content .lang-exam-list {
  margin: 20px 0;
}
.lang-exam-item .content .lang-exam-list li {
  display: flex;
  align-items: center;
  column-gap: 10px;
  font-size: 16px;
}
.lang-exam-item .content .lang-exam-list li:not(:last-of-type) {
  margin-bottom: 10px;
}
.lang-exam-item .content .lang-exam-list li i {
  color: var(--ed-color-theme-primary);
}

.lang-prog-item {
  background: var(--ed-color-common-white);
  box-shadow: 0px 5px 40px rgba(15, 39, 37, 0.1);
  border-radius: 10px;
  padding: 20px;
}
.lang-prog-item .lang-prog-img {
  height: 200px;
  border-radius: 10px;
  margin-bottom: 30px;
}
.lang-prog-item .lang-prog-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.lang-prog-item .lang-prog-content span {
  color: var(--ed-color-theme-primary);
  display: block;
  margin-bottom: 10px;
  line-height: 1;
}
.lang-prog-item .lang-prog-content .title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
}
.lang-prog-item .lang-prog-content .lang-prog-list {
  list-style: none;
  margin-bottom: 20px;
}
.lang-prog-item .lang-prog-content .lang-prog-list li {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.lang-prog-item .lang-prog-content .lang-prog-list li:not(:last-of-type) {
  margin-bottom: 10px;
}
.lang-prog-item .lang-prog-content .lang-prog-list li i {
  color: var(--ed-color-theme-primary);
}

.about-section-9 {
  background-color: #F2F4F7;
  position: relative;
  z-index: 1;
}
.about-section-9 .bottom-shape {
  background: rgba(7, 166, 152, 0.1);
  filter: blur(105px);
  width: 100%;
  height: 151px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-top-left-radius: 20%;
  border-top-right-radius: 20%;
}
@media only screen and (max-width: 767px) {
  .about-section-9 .shapes {
    display: none;
  }
}
.about-section-9 .shapes .shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.about-section-9 .shapes .shape-2 {
  position: absolute;
  top: 0;
  right: 30px;
  z-index: -1;
}
.about-section-9 .shapes .shape-3 {
  position: absolute;
  bottom: 33%;
  right: 60px;
  z-index: -1;
}

.about-img-9 {
  height: 485px;
  max-width: 483px;
  width: 100%;
}
@media only screen and (max-width: 992px) {
  .about-img-9 {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .about-img-9 {
    height: 350px;
  }
}
.about-img-9 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.about-content-9 .about-items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 20px;
  flex-wrap: wrap;
  row-gap: 20px;
  margin-top: 30px;
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid var(--ed-color-border-1);
}
.about-content-9 .about-items .about-item {
  display: grid;
  align-items: center;
  grid-template-columns: 60px 1fr;
  grid-gap: 15px;
}
.about-content-9 .about-items .about-item .icon {
  background-color: var(--ed-color-common-white);
  height: 60px;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.about-content-9 .about-items .about-item .title {
  color: var(--ed-color-heading-primary);
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
}

.cat-item-2 {
  background-color: var(--ed-color-common-white);
  padding: 60px 40px;
}
@media only screen and (max-width: 767px) {
  .cat-item-2 {
    padding: 40px 20px;
  }
}
.cat-item-2 .shape {
  top: -210px;
  right: -150px;
  height: 288px;
  width: 288px;
  background: #07A698;
  filter: blur(125px);
}
.cat-item-2 .icon {
  margin-bottom: 20px;
}
.cat-item-2 .title {
  font-size: 22px;
  margin-bottom: 15px;
}
.cat-item-2:hover .shape {
  top: -185px;
  right: -150px;
}

.testi-9 {
  background-color: var(--ed-color-theme-primary);
  position: relative;
  z-index: 1;
}
.testi-9 .shape {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

.testi-item-9 {
  background-color: var(--ed-color-common-white);
}
.testi-item-9 .testi-top-content {
  grid-template-columns: 1fr;
}
.testi-item-9 .testi-top-content p {
  color: var(--ed-color-heading-primary);
  font-size: 20px;
  font-weight: 500;
}
.testi-item-9 .testi-bottom .author-info-wrap {
  display: grid;
  align-items: center;
  grid-template-columns: 50px 1fr;
  grid-gap: 15px;
}
.testi-item-9 .testi-bottom .author-info-wrap .author-img {
  height: 50px;
  width: 50px;
  border-radius: 50%;
}
.testi-item-9 .testi-bottom .author-info-wrap .author-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.testi-item-9 .testi-bottom .author-info-wrap .author-info .name {
  font-size: 16px;
  font-weight: 500;
}
.testi-item-9 .testi-bottom .author-info-wrap .author-info span {
  font-size: 14px;
}

.post-card-9 {
  box-shadow: 0px 5px 40px rgba(15, 39, 37, 0.1);
  border: none;
}
.post-card-9 .post-content-wrap .post-content {
  padding: 30px 30px;
}
.post-card-9 .post-content-wrap .post-meta {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px dashed var(--ed-color-border-1);
}
.post-card-9 .post-content-wrap .read-more {
  color: var(--ed-color-heading-primary);
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.post-card-9 .post-content-wrap .read-more i {
  background-color: var(--ed-color-theme-primary);
  height: 30px;
  width: 30px;
  color: var(--ed-color-common-white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.post-card-9-2 {
  padding: 0;
  grid-gap: 0;
  box-shadow: 0px 5px 40px rgba(15, 39, 37, 0.1);
  border: none;
}
.post-card-9-2 .post-thumb {
  height: 215px;
}
.post-card-9-2 .post-content-wrap .post-content {
  padding: 30px;
}
@media only screen and (max-width: 767px) {
  .post-card-9-2 .post-content-wrap .post-content {
    padding: 30px 20px;
  }
}
.post-card-9-2 .post-content-wrap .post-content .title {
  padding-bottom: 0;
  border: none;
  margin-bottom: 15px;
}
.post-card-9-2 .post-content-wrap .post-content p {
  margin-bottom: 20px;
}
.post-card-9-2 .post-content-wrap .ed-primary-btn {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
}
.post-card-9-2 .post-content-wrap .ed-primary-btn:before {
  background-color: rgba(255, 255, 255, 0.2);
}

.subscribe-section {
  background-color: #E2F2F1;
  position: relative;
  z-index: 1;
}
.subscribe-section .shapes .shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.subscribe-section .shapes .shape-2 {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  z-index: -1;
}
.subscribe-section .shapes .shape-2 img {
  height: 100%;
}

.subscrie-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 20px;
  column-gap: 20px;
}
@media (max-width: 1200px) {
  .subscrie-wrap {
    justify-content: center;
  }
}
.subscrie-wrap .section-heading .section-title {
  font-size: 36px;
}
.subscrie-wrap .section-heading .section-title br {
  display: block;
}
@media (max-width: 1200px) {
  .subscrie-wrap .section-heading .section-title {
    text-align: center;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .subscrie-wrap .section-heading .section-title {
    font-size: 28px;
  }
}
.subscrie-wrap .subscribe-form-wrap {
  max-width: 628px;
  width: 100%;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .subscrie-wrap .subscribe-form-wrap {
    text-align: center;
  }
}
.subscrie-wrap .subscribe-form-wrap .form-control {
  background-color: var(--ed-color-common-white);
  box-shadow: none;
  border: 1px solid var(--ed-color-border-1);
  border-radius: 100px;
  padding: 22px 250px 22px 30px;
}
@media only screen and (max-width: 767px) {
  .subscrie-wrap .subscribe-form-wrap .form-control {
    padding-right: 30px;
  }
}
.subscrie-wrap .subscribe-form-wrap button {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .subscrie-wrap .subscribe-form-wrap button {
    position: relative;
    top: 0;
    transform: inherit;
    right: 0;
    margin-top: 15px;
  }
}

.cat-item-3 {
  background-color: var(--ed-color-common-white);
}
.cat-item-3 .icon {
  background-color: #F2F4F7;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.cat-item-3:hover .icon {
  background-color: var(--ed-color-common-white);
}

.cat-card {
  background-color: var(--ed-color-grey-1);
  display: grid;
  align-items: center;
  grid-template-columns: 70px 1fr;
  grid-gap: 20px;
  padding: 20px;
  border: 1px solid var(--ed-color-border-1);
  border-radius: 6px;
}
.cat-card .icon {
  background-color: var(--ed-color-common-white);
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 4px 32px rgba(9, 51, 47, 0.08);
  border-radius: 6px;
}
.cat-card .content .title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
}
.cat-card .content span {
  color: #6C706F;
  font-size: 14px;
  line-height: 1;
}

.about-section-10 {
  background-image: url(../images/banners/ab-bg1.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  position: relative;
  z-index: 1;
}

.about-section-10.entrance-exam-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(2, 58, 145, 0.72) 0%, rgba(1, 118, 109, 0.68) 100%);
  z-index: 0;
}

/* keep all real content above the overlay */
.about-section-10.entrance-exam-bg > .container {
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .about-section-10.entrance-exam-bg {
    background-attachment: scroll; /* fixed backgrounds are unreliable on mobile Safari */
  }
}
.about-section-10 .shape-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.about-img-wrap-10 {
    position: relative;
    max-width: 592px;
    width: 100%;
    height: 590px;
    display: flex;
    justify-content: center;
}
.about-img-wrap-10 .about-img-1 {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 490px;
  width: 100%;
  height: 467px;
}
.about-img-wrap-10 .about-img-1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}
.about-img-wrap-10 .about-img-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 363px;
  width: 100%;
  height: 375px;
  border-radius: 200px 200px 20px 20px;
  border: 5px solid var(--ed-color-common-white);
  overflow: hidden;
  box-shadow: 0px 4px 35px rgba(10, 27, 25, 0.28);
}
.about-img-wrap-10 .about-img-2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 200px 200px 20px 20px;
}

.about-content-10 {
  position: relative;
  padding: 0;
  background-color: transparent;
  box-shadow: none;
}
.about-content-10 .about-tab .nav-tabs {
  background-color: var(--ed-color-common-white);
  display: inline-flex;
  padding: 10px;
  border-radius: 100px;
  border: 1px solid #E0E5EB;
}
@media only screen and (max-width: 767px) {
  .about-content-10 .about-tab .nav-tabs {
    border-radius: 0;
    justify-content: center;
  }
}
.about-content-10 .about-tab .nav-tabs .nav-item .nav-link {
  background-color: var(--ed-color-grey-1);
  color: var(--ed-color-heading-primary);
  font-size: 16px;
  font-weight: 600;
  padding: 10px 20px;
  border-color: #E0E5EB;
}
.about-content-10 .about-tab .tab-content .tab-pane .about-list li span {
  background-color: var(--ed-color-common-white);
  border: 1px solid #E0E5EB;
  box-shadow: 0px 8px 19px rgba(13, 40, 38, 0.15);
}

.feature-course-4 {
  background-color: #016d774a;
  position: relative;
  z-index: 1;
}
.feature-course-4 .shape {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

.course-carousel-area-2 {
  background-color: var(--ed-color-grey-1);
}

.appointment-wrap {
  background-color: var(--ed-color-grey-1);
  padding: 100px;
  position: relative;
  z-index: 1;
  border-radius: 20px;
}
@media (max-width: 1200px) {
  .appointment-wrap {
    padding: 100px 50px;
  }
}
@media only screen and (max-width: 992px) {
  .appointment-wrap {
    padding: 60px 40px;
  }
}
@media only screen and (max-width: 992px) {
  .appointment-wrap {
    padding: 40px 20px;
  }
}
.appointment-wrap .shape {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.appointment-wrap .appointment-top {
  padding-bottom: 70px;
  margin-bottom: 70px;
  border-bottom: 2px solid var(--ed-color-common-white);
}
@media only screen and (max-width: 767px) {
  .appointment-wrap .appointment-top {
    margin-bottom: 40px;
    padding-bottom: 40px;
  }
}
.appointment-wrap .appointment-top .section-heading p {
  max-width: 560px;
  width: 100%;
}
.appointment-wrap .appointment-top .appointment-list {
  padding-left: 15px;
}
.appointment-wrap .appointment-top .appointment-list li {
  color: var(--ed-color-heading-primary);
  font-size: 16px;
  font-weight: 400;
}
.appointment-wrap .appointment-top .appointment-list li:not(:last-of-type) {
  margin-bottom: 10px;
}
.appointment-wrap .appointment-sponsor-area {
  margin-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  .appointment-wrap .appointment-sponsor-area {
    margin-bottom: 40px;
  }
}
.appointment-wrap .appointment-sponsor-area .sponsor-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
}
.appointment-wrap .appointment-sponsor-area .sponsor-item {
  height: 80px;
}
@media only screen and (max-width: 767px) {
  .appointment-wrap .appointment-sponsor-area .sponsor-item {
    height: 60px;
  }
}
.appointment-wrap .appointment-form {
  background-color: var(--ed-color-common-white);
  padding: 40px;
  border-radius: 15px;
}
@media only screen and (max-width: 767px) {
  .appointment-wrap .appointment-form {
    padding: 20px 20px;
  }
}
.appointment-wrap .appointment-form .form-item .form-control {
  padding: 12px 20px;
  border: 1px solid var(--ed-color-border-1);
  border-radius: 5px;
  box-shadow: none;
  margin-bottom: 20px;
  color: var(--ed-color-text-body);
}
.appointment-wrap .appointment-form .form-item .form-control::-webkit-input-placeholder {
  color: var(--ed-color-text-body);
}
.appointment-wrap .appointment-form .form-item .form-control:-moz-placeholder {
  color: var(--ed-color-text-body);
}
.appointment-wrap .appointment-form .form-item .form-control::-moz-placeholder {
  color: var(--ed-color-text-body);
}
.appointment-wrap .appointment-form .form-item .form-control:-ms-input-placeholder {
  color: var(--ed-color-text-body);
}
.appointment-wrap .appointment-form .form-item .form-control.nice-select {
  font-size: 16px;
  color: var(--ed-color-text-body);
  width: 100%;
  height: auto;
  line-height: inherit;
  padding: 12px 20px;
}

.appointment-btn .ed-primary-btn {
  width: 100%;
  border-radius: 5px;
}

.faq-content-10 {
  max-width: 545px;
  width: 100%;
}
@media only screen and (max-width: 992px) {
  .faq-content-10 {
    max-width: 100%;
    margin-bottom: 40px;
  }
}

.faq-thumb {
  max-width: 728px;
  width: 100%;
  height: 505px;
  border-radius: 15px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .faq-thumb {
    height: 350px;
  }
}
.faq-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}
.faq-thumb .video-btn {
  width: 132px;
  height: 132px;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(4.5px);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.faq-thumb .video-btn a {
  background: rgba(255, 255, 255, 0.05);
  color: var(--ed-color-common-white);
  font-size: 30px;
  backdrop-filter: blur(30px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  height: 100px;
  width: 100px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* !END: Home 10 CSS */
/**----------------------------------------
START: Home 11 CSS
----------------------------------------*/
.about-section-11 {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.about-section-11 .shape-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(7, 166, 152, 0.075) 86.03%, rgba(7, 166, 152, 0) 100%);
  filter: blur(275px);
  width: 1537px;
  height: 777px;
  position: absolute;
  bottom: -285px;
  left: 50%;
  transform: translateX(-50%);
}
.about-section-11 .shape-2 {
  position: absolute;
  bottom: 25%;
  left: 0;
  z-index: -1;
}

.about-img-wrap-11 {
  max-width: 603px;
  width: 100%;
  height: 483px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 992px) {
  .about-img-wrap-11 {
    margin-bottom: 40px;
  }
}
.about-img-wrap-11 .about-img-1 {
  max-width: 326px;
  width: 100%;
  height: 309px;
  position: absolute;
  bottom: 45px;
  left: 0;
  z-index: 1;
}
.about-img-wrap-11 .about-img-1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
  border: 4px solid var(--ed-color-common-white);
}
.about-img-wrap-11 .about-img-2 {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 353px;
  width: 100%;
  height: 100%;
}
.about-img-wrap-11 .about-img-2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}
.about-img-wrap-11 .about-exp {
  background-color: var(--ed-color-theme-primary);
  padding: 15px 30px;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  border-radius: 15px;
}
.about-img-wrap-11 .about-exp .title {
  color: var(--ed-color-common-white);
  font-size: 60px;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 1;
}
.about-img-wrap-11 .about-exp .title .odometer-auto-theme {
  font-family: inherit;
  line-height: 1;
}
.about-img-wrap-11 .about-exp p {
  color: var(--ed-color-common-white);
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 1.3;
  margin-left: 15px;
}

.about-content-11 p {
  margin-bottom: 30px;
}
.about-content-11 .about-list {
  margin-bottom: 40px;
}
.about-content-11 .about-list li {
  color: var(--ed-color-heading-primary);
  display: flex;
  align-items: center;
  column-gap: 10px;
  font-size: 16px;
  font-weight: 500;
}
.about-content-11 .about-list li:not(:last-of-type) {
  margin-bottom: 10px;
}
.about-content-11 .about-items {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 10px;
  margin-bottom: 40px;
}
.about-content-11 .about-items .about-item {
  display: grid;
  align-items: center;
  grid-template-columns: 40px 1fr;
  grid-gap: 10px;
}
.about-content-11 .about-items .about-item:not(:last-of-type) {
  margin-right: 50px;
}
@media (max-width: 1200px) {
  .about-content-11 .about-items .about-item:not(:last-of-type) {
    margin-right: 30px;
  }
}
.about-content-11 .about-items .about-item .icon {
  color: var(--ed-color-theme-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  border: 1px solid #E0E5EB;
  box-shadow: 0px 4px 24px rgba(12, 28, 26, 0.19);
}
.about-content-11 .about-items .about-item .title {
  margin-bottom: 0;
}

.about-counter-item-2 {
  background: rgba(255, 255, 255, 0.15);
  box-shadow: 0px 7px 48px rgba(18, 38, 37, 0.13);
  backdrop-filter: blur(45px);
  border-radius: 20px;
  padding: 40px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 1200px) {
  .about-counter-item-2 {
    background-color: var(--ed-color-common-white);
    padding: 30px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .about-counter-item-2 {
    padding: 30px 20px;
  }
}
.about-counter-item-2 .shape {
  background: rgba(7, 166, 152, 0.6);
  filter: blur(75px);
  width: 151px;
  height: 151px;
  position: absolute;
  top: -80px;
  left: -100px;
  z-index: -1;
}
.about-counter-item-2 .icon {
  background-color: var(--ed-color-common-white);
  width: 80px;
  height: 80px;
  box-shadow: 0px 13px 36px rgba(55, 152, 147, 0.27);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}
.about-counter-item-2 .title {
  color: var(--ed-color-theme-primary);
  font-size: 44px;
  font-weight: 700;
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.about-counter-item-2 .title .odometer-auto-theme {
  font-family: inherit;
  line-height: 1;
}
.about-counter-item-2 p {
  font-weight: 500;
  color: var(--ed-color-heading-primary);
  margin-bottom: 0;
}
.about-counter-item-2:hover {
  transform: translateY(-5px);
}

.course-carousel-4 {
  overflow: visible;
}

.course-item-11 {
  background: var(--ed-color-common-white);
  box-shadow: 0px 5px 40px rgba(15, 39, 37, 0.15);
  border-radius: 10px;
}
.course-item-11 .course-thumb {
  height: 200px;
  padding: 10px;
  margin-bottom: 20px;
}
.course-item-11 .course-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  border-radius: 15px;
}
.course-item-11 .course-content {
  padding: 0 30px;
  padding-bottom: 30px;
}
.course-item-11 .course-content .title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 15px;
}
.course-item-11 .course-content ul {
  padding-left: 15px;
}
.course-item-11 .course-content ul li:not(:last-of-type) {
  margin-bottom: 5px;
}

.sponsor-2 {
  background-color: var(--ed-color-theme-primary);
  padding-top: 120px;
}
@media only screen and (max-width: 992px) {
  .sponsor-2 {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .sponsor-2 {
    padding-top: 60px;
  }
}

.cta-section-11 {
  background-color: #1F2A2A;
  position: relative;
  z-index: 1;
}
.cta-section-11 .cta-bg-shape-1 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.cta-section-11 .cta-bg-shape-2 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.cta-section-11 .cta-bg-shape-3 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media only screen and (max-width: 992px) {
  .cta-section-11 .cta-bg-shape-3 {
    height: 100%;
  }
  .cta-section-11 .cta-bg-shape-3 img {
    height: 100%;
  }
}

.cta-wrap-11 {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 992px) {
  .cta-wrap-11 {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .cta-wrap-11 {
    padding-bottom: 60px;
  }
}
.cta-wrap-11 .cta-content {
  position: relative;
  z-index: 5;
}
.cta-wrap-11 .cta-content .section-heading .section-title br {
  display: block;
}
.cta-wrap-11 .cta-content .cta-contact-box {
  display: flex;
  align-items: center;
  column-gap: 20px;
}
@media only screen and (max-width: 767px) {
  .cta-wrap-11 .cta-content .cta-contact-box {
    flex-wrap: wrap;
    row-gap: 20px;
  }
}
.cta-wrap-11 .cta-content .cta-contact-box .cta-video {
  height: 141px;
  width: 169px;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.cta-wrap-11 .cta-content .cta-contact-box .cta-video .video-img {
  position: relative;
}
.cta-wrap-11 .cta-content .cta-contact-box .cta-video .video-img:before {
  background-color: rgba(8, 35, 33, 0.59);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.cta-wrap-11 .cta-content .cta-contact-box .cta-video .video-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cta-wrap-11 .cta-content .cta-contact-box .cta-video .video-popup {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  width: 48px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  z-index: 2;
}
.cta-wrap-11 .cta-content .cta-contact-box .cta-video .video-popup:hover {
  background-color: var(--ed-color-common-white);
  color: var(--ed-color-theme-primary);
}
.cta-wrap-11 .cta-content .cta-contact-box .contact-list {
  list-style: none;
}
.cta-wrap-11 .cta-content .cta-contact-box .contact-list li:not(:last-of-type) {
  margin-bottom: 20px;
}
.cta-wrap-11 .cta-content .cta-contact-box .contact-list li a {
  background: rgba(255, 255, 255, 0.06);
  display: inline-block;
  height: 62px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  backdrop-filter: blur(50px);
  border-radius: 5px;
  font-size: 18px;
  color: var(--ed-color-common-white);
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cta-wrap-11 .cta-content .cta-contact-box .contact-list li a:hover {
  color: var(--ed-color-theme-primary);
}
.cta-wrap-11 .cta-content .cta-contact-box .contact-list li a i {
  background-color: var(--ed-color-common-white);
  color: var(--ed-color-theme-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  width: 36px;
  border-radius: 50%;
  margin-right: 10px;
}
.cta-wrap-11 .cta-img-wrap-11 {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (max-width: 1200px) {
  .cta-wrap-11 .cta-img-wrap-11 {
    right: -40px;
  }
}
@media only screen and (max-width: 992px) {
  .cta-wrap-11 .cta-img-wrap-11 {
    position: relative;
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .cta-wrap-11 .cta-img-wrap-11 {
    display: none;
  }
}
.cta-wrap-11 .cta-shape-1 {
  position: absolute;
  bottom: 0;
  right: 6%;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .cta-wrap-11 .cta-shape-1 {
    display: none;
  }
}

.offer-section {
  background-color: #F2F4F7;
}

.offer-nav {
  border: none;
  display: inline-flex;
  flex-direction: column;
  row-gap: 10px;
}
.offer-nav .nav-item {
  border: none;
}
.offer-nav .nav-item .nav-link {
  border: none;
  margin: 0;
  padding: 0;
}
.offer-nav .nav-item .nav-link .offer-tab-btn {
  background-color: var(--ed-color-theme-primary);
  text-align: left;
  display: grid;
  grid-template-columns: 60px 1fr;
  grid-gap: 20px;
  padding: 21.5px 45px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .offer-nav .nav-item .nav-link .offer-tab-btn {
    display: grid;
    grid-template-columns: 1fr;
    padding: 40px 20px;
  }
}
.offer-nav .nav-item .nav-link .offer-tab-btn:before {
  background: linear-gradient(90deg, #07A698 0%, #162726 100%);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 10px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.offer-nav .nav-item .nav-link .offer-tab-btn .icon {
  background-color: var(--ed-color-common-white);
  height: 60px;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.offer-nav .nav-item .nav-link .offer-tab-btn .content .title {
  color: var(--ed-color-common-white);
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 5px;
}
.offer-nav .nav-item .nav-link .offer-tab-btn .content p {
  color: var(--ed-color-common-white);
}
.offer-nav .nav-item .nav-link.active .offer-tab-btn:before {
  visibility: visible;
  opacity: 1;
}

.offer-img {
  height: 562px;
  width: 100%;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .offer-img {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .offer-img {
    height: 400px;
  }
}
.offer-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
  border: 4px solid var(--ed-color-common-white);
}
.offer-img .offer-video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.offer-img .offer-video a {
  background-color: var(--ed-color-common-white);
  color: var(--ed-color-theme-primary);
  font-size: 30px;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.offer-img .offer-video a:hover {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
}

.testi-11 {
  background-color: #162726;
}
.testi-11 .shape {
  top: auto;
  bottom: 0;
}

.testi-item-9 {
  background-color: #F7F7F7;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.testi-item-9 .item-shape {
  background: rgba(7, 166, 152, 0.46);
  filter: blur(175px);
  height: 284px;
  width: 284px;
  border-radius: 50%;
  position: absolute;
  top: -120px;
  right: -50px;
  z-index: -1;
}

.exam-carousel-wrap {
  position: relative;
}
.exam-carousel-wrap .swiper-arrow .swiper-nav {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -90px;
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  border-radius: 50%;
}
@media (max-width: 1600px) {
  .exam-carousel-wrap .swiper-arrow .swiper-nav {
    left: -25px;
  }
}
@media (max-width: 1200px) {
  .exam-carousel-wrap .swiper-arrow .swiper-nav {
    left: 0;
  }
}
.exam-carousel-wrap .swiper-arrow .swiper-nav.swiper-prev {
  left: auto;
  right: -90px;
}
@media (max-width: 1600px) {
  .exam-carousel-wrap .swiper-arrow .swiper-nav.swiper-prev {
    right: -25px;
  }
}
@media (max-width: 1200px) {
  .exam-carousel-wrap .swiper-arrow .swiper-nav.swiper-prev {
    right: 0;
  }
}

.exam-item {
  background-color: #F2F4F7;
  padding: 10px;
  border-radius: 15px;
  text-align: center;
  padding-bottom: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.exam-item .exam-thumb {
  height: 200px;
  margin-bottom: 30px;
}
.exam-item .exam-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}
.exam-item .title {
  font-size: 20px;
  font-weight: 600;
}
.exam-item p {
  padding-bottom: 25px;
  margin-bottom: 0;
}

.fd-wrap {
  background-color: #F2F4F7;
  border: 1px solid #E0E5EB;
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 40px;
  padding: 50px;
  padding-left: 80px;
  border-radius: 20px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .fd-wrap {
    padding-left: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .fd-wrap {
    padding: 40px 20px;
    flex-wrap: wrap;
    row-gap: 30px;
  }
}
.fd-wrap .round-shape {
  background: #07A698;
  filter: blur(125px);
  height: 799px;
  width: 799px;
  border-radius: 50%;
  position: absolute;
  top: -97%;
  right: -20%;
  z-index: -1;
}
.fd-wrap .fd-content {
  max-width: 620px;
  width: 100%;
}
.fd-wrap .fd-content .icon {
  background-color: var(--ed-color-common-white);
  height: 90px;
  width: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  box-shadow: 0px 11px 59px rgba(14, 117, 108, 0.19);
  margin-bottom: 35px;
}
.fd-wrap .fd-content .title {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .fd-wrap .fd-content .title {
    font-size: 24px;
  }
}
.fd-wrap .fd-content p {
  margin-bottom: 25px;
}
.fd-wrap .fd-thumb {
  max-width: 460px;
  width: 100%;
  height: 393px;
}
.fd-wrap .fd-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}

.explore-section {
  background-color: #ECF0F3;
  position: relative;
  z-index: 1;
}
.explore-section .shapes .shape-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.explore-section .shapes .shape-2 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

.explore-top .swiper-arrow {
  display: flex;
  align-items: center;
  column-gap: 15px;
}
.explore-top .swiper-arrow .swiper-nav {
  background-color: var(--ed-color-common-white);
  color: var(--ed-color-theme-primary);
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.explore-top .swiper-arrow .swiper-nav:hover {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
}

.explore-item {
  background-color: var(--ed-color-common-white);
  border-radius: 15px;
  padding: 10px;
  padding-bottom: 30px;
}
.explore-item .explore-thumb {
  height: 250px;
  margin-bottom: 20px;
}
.explore-item .explore-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}
.explore-item .explore-content {
  padding: 0 20px;
}
.explore-item .explore-content .title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px;
  line-height: 1.5;
}

.testimonial-section-12 {
  position: relative;
  z-index: 1;
}
.testimonial-section-12 .bg-shape {
  background: rgba(7, 166, 152, 0.38);
  filter: blur(225px);
  width: 603px;
  height: 603px;
  position: absolute;
  bottom: -174px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

.testi-item-12 {
  background-color: var(--ed-color-common-white);
  border: 2px solid #E0E5EB;
  border-radius: 25px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.testi-item-12 .icon {
  background-color: var(--ed-color-theme-primary);
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--ed-color-common-white);
  margin-bottom: 30px;
}
.testi-item-12 p {
  color: var(--ed-color-heading-primary);
  font-size: 20px;
  line-height: 1.6;
  margin-bottom: 30px;
}
.testi-item-12:hover {
  border: 2px solid var(--ed-color-theme-primary);
}

.counter-wrap-12 {
  background: var(--ed-color-common-white);
  border: 1px solid #E0E5EB;
  box-shadow: 0px 10px 60px rgba(13, 120, 111, 0.15);
  border-radius: 20px;
  padding: 60px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .counter-wrap-12 {
    padding: 40px 20px;
  }
}

.counter-item-wrap-12 {
  max-width: 610px;
  width: 100%;
  margin-left: auto;
  margin-right: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 15px;
}
@media only screen and (max-width: 992px) {
  .counter-item-wrap-12 {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .counter-item-wrap-12 {
    grid-template-columns: 1fr;
  }
}
.counter-item-wrap-12 .counter-item-12 {
  background-color: var(--ed-color-grey-1);
  display: grid;
  align-items: center;
  grid-template-columns: 60px 1fr;
  grid-gap: 10px;
  border: 1px solid #E0E5EB;
  border-radius: 10px;
  padding: 25px 30px;
}
.counter-item-wrap-12 .counter-item-12 .content .title {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 0px;
  line-height: 1;
  display: flex;
  align-items: center;
}
.counter-item-wrap-12 .counter-item-12 .content .title .odometer-formatting-mark {
  display: none;
}
.counter-item-wrap-12 .counter-item-12 .content .title .odometer-auto-theme {
  font-family: inherit;
  line-height: 1;
}
.counter-item-wrap-12 .counter-item-12 .content p {
  color: var(--ed-color-heading-primary);
  margin-bottom: 0;
}

.team-section-12 {
  background-color: #1F2A2A;
  position: relative;
  z-index: 1;
}
.team-section-12 .shapes .shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.team-section-12 .shapes .shape-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.team-section-12 .shapes .shape-3 {
  position: absolute;
  top: 180px;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 246px;
}
@media only screen and (max-width: 992px) {
  .team-section-12 .shapes .shape-3 {
    display: none;
  }
}
.team-section-12 .shapes .shape-3 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.team-item-12 .team-thumb {
  height: 170px;
  width: 170px;
  border-radius: 50%;
  margin: 0 auto;
}
.team-item-12 .team-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.team-item-12 .team-content {
  background-color: var(--ed-color-common-white);
  padding: 30px;
  text-align: center;
  border-radius: 10px;
  position: relative;
  max-width: 250px;
  margin: 0 auto;
  margin-top: 40px;
}
.team-item-12 .team-content:before {
  background-color: var(--ed-color-common-white);
  content: "";
  height: 21px;
  width: 21px;
  border-radius: 4px 0 0 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  top: -10.5px;
}
.team-item-12 .team-content .title {
  font-size: 21px;
  font-weight: 600;
  margin-bottom: 0;
}
.team-item-12 .team-content span {
  color: var(--ed-color-theme-primary);
}
.team-item-12 .team-content .team-social {
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  margin-top: 20px;
}
.team-item-12 .team-content .team-social li:not(:last-of-type) {
  margin-right: 10px;
}
.team-item-12 .team-content .team-social li a {
  color: var(--ed-color-theme-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  border: 1px solid #E0E5EB;
  border-radius: 50%;
}
.team-item-12 .team-content .team-social li a:hover {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
}
.team-item-12.item-2 {
  margin-top: 60px;
}
@media only screen and (max-width: 992px) {
  .team-item-12.item-2 {
    margin-top: 0;
  }
}

.blog-section-12 {
  background-color: var(--ed-color-theme-primary);
  position: relative;
  z-index: 1;
}
.blog-section-12 .shapes .shape-1 {
  position: absolute;
  bottom: 170px;
  left: 50px;
  z-index: -1;
}
.blog-section-12 .shapes .shape-2 {
  position: absolute;
  top: 80px;
  right: 0;
  z-index: -1;
}

.blog-top .blog-top-btn .ed-primary-btn {
  background-color: var(--ed-color-common-white);
  color: var(--ed-color-theme-primary);
}
.blog-top .blog-top-btn .ed-primary-btn:before {
  background-color: var(--ed-color-heading-primary);
}
.blog-top .blog-top-btn .ed-primary-btn:hover {
  color: var(--ed-color-common-white);
}

.post-card-wrap-12 {
  background-color: var(--ed-color-common-white);
  padding: 20px 10px;
  border-radius: 15px;
}
.post-card-wrap-12 .post-card-2 {
  border-radius: 15px;
  margin-bottom: 0;
  box-shadow: none;
}
.post-card-wrap-12 .post-card-2 .post-content {
  border: 1px solid var(--ed-color-border-1);
  border-left: none;
  border-radius: 0 15px 15px 0;
}
@media only screen and (max-width: 992px) {
  .post-card-wrap-12 .post-card-2 .post-content {
    border: 1px solid var(--ed-color-border-1);
    border-radius: 0 0 15px 15px;
  }
}

.feature-item-13 {
  background-color: #F2F4F7;
  border: 1px solid #E0E5EB;
  border-radius: 15px;
  padding: 20px;
}
@media only screen and (max-width: 767px) {
  .feature-item-13 {
    padding: 10px;
  }
}
.feature-item-13 .feature-item-inner {
  background-color: var(--ed-color-common-white);
  border-radius: 15px;
  text-align: center;
}
.feature-item-13 .feature-item-inner .feature-img {
  padding: 30px 20px;
  border-bottom: 1px solid #E0E5EB;
  margin-bottom: 30px;
  height: 280px;
}
@media only screen and (max-width: 767px) {
  .feature-item-13 .feature-item-inner .feature-img {
    height: 240px;
  }
}
.feature-item-13 .feature-item-inner .feature-img img {
  height: 100%;
}
.feature-item-13 .feature-item-inner .feature-content {
  padding: 0 20px;
  padding-bottom: 40px;
}
.feature-item-13 .feature-item-inner .feature-content .title {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 20px;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .feature-item-13 .feature-item-inner .feature-content .title {
    font-size: 20px;
  }
}
.feature-item-13 .feature-item-inner .feature-content p {
  margin-bottom: 25px;
}
@media (max-width: 1200px) {
  .feature-item-13 .feature-item-inner .feature-content p br {
    display: none;
  }
}

.about-section-13 {
  background-color: #1F2A2A;
  position: relative;
  z-index: 1;
}
.about-section-13 .shapes .shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.about-section-13 .shapes .shape-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}

.about-img-13 {
  max-width: 473px;
  width: 100%;
  height: 473px;
  border-radius: 50%;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .about-img-13 {
    max-width: 300px;
    height: 300px;
  }
}

.about-content-13 p {
  color: #BCC2C2;
}
.about-content-13 .about-items {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.about-content-13 .about-items .about-item .title {
  color: var(--ed-color-common-white);
}

.service-carousel-wrap {
  position: relative;
}
.service-carousel-wrap .swiper-arrow .swiper-nav {
  color: var(--ed-color-theme-primary);
  position: absolute;
  top: 50%;
  left: -90px;
  transform: translateY(-50%);
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid var(--ed-color-theme-primary);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 2;
}
@media (max-width: 1600px) {
  .service-carousel-wrap .swiper-arrow .swiper-nav {
    left: -60px;
  }
}
@media (max-width: 1399px) {
  .service-carousel-wrap .swiper-arrow .swiper-nav {
    background-color: var(--ed-color-theme-primary);
    color: var(--ed-color-common-white);
    left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .service-carousel-wrap .swiper-arrow .swiper-nav {
    top: 40%;
  }
}
.service-carousel-wrap .swiper-arrow .swiper-nav:hover {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
}
.service-carousel-wrap .swiper-arrow .swiper-nav.swiper-prev {
  left: auto;
  right: -90px;
}
@media (max-width: 1600px) {
  .service-carousel-wrap .swiper-arrow .swiper-nav.swiper-prev {
    right: -60px;
  }
}
@media (max-width: 1399px) {
  .service-carousel-wrap .swiper-arrow .swiper-nav.swiper-prev {
    right: 0;
  }
}

.service-item {
  border-radius: 15px;
  overflow: hidden;
}
.service-item .service-thumb {
  height: 496px;
  position: relative;
  z-index: 1;
}
.service-item .service-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale3d(1, 1, 1);
  transition: transform 1s ease-in-out;
}
.service-item .service-thumb .overlay {
  background: linear-gradient(180deg, rgba(22, 39, 38, 0) 15.93%, #162726 100%);
  border-radius: 15px;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.service-item .service-thumb .price {
  background-color: var(--ed-color-common-white);
  color: var(--ed-color-theme-primary);
  height: 80px;
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 30px;
  left: 30px;
  font-size: 20px;
  font-weight: 700;
  border-radius: 50%;
  z-index: 1;
}
.service-item .service-content {
  position: absolute;
  bottom: 30px;
  left: 30px;
  right: 30px;
  z-index: 5;
}
.service-item .service-content .title {
  font-size: 24px;
  margin-bottom: 15px;
}
.service-item .service-content p {
  margin-bottom: 20px;
}
.service-item .service-content .ed-primary-btn {
  background-color: var(--ed-color-common-white);
  color: var(--ed-color-theme-primary);
}
.service-item .service-content .ed-primary-btn:before {
  background-color: var(--ed-color-theme-primary);
}
.service-item .service-content .ed-primary-btn:hover {
  color: var(--ed-color-common-white);
}
.service-item:hover .service-thumb img {
  transform: scale(1.04) rotate(0deg);
}

.team-section-13 {
  background-color: #ECF0F3;
  position: relative;
  z-index: 1;
}
.team-section-13 .bg-shape {
  background: rgba(7, 166, 152, 0.27);
  filter: blur(200px);
  width: 606px;
  height: 606px;
  position: absolute;
  left: 59px;
  top: 20%;
  transform: translateY(-50%);
  z-index: -1;
}

.team-item-13 {
  overflow: hidden;
  border-radius: 15px;
  box-shadow: 0px 280px 402px rgba(25, 50, 48, 0.17);
}
.team-item-13 .team-img-wrap {
  height: 276px;
  position: relative;
}
.team-item-13 .team-img-wrap .team-men {
  max-width: 265px;
  height: 100%;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.team-item-13 .team-img-wrap .team-men img {
  height: 100%;
  width: auto;
}
.team-item-13 .team-img-wrap .team-img-shape-1 {
  position: absolute;
  top: 50px;
  right: 0;
  z-index: 1;
}
.team-item-13 .team-img-wrap .team-img-shape-2 {
  background-color: var(--ed-color-common-white);
  width: 100%;
  height: 185px;
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 15px 15px 0 0;
}
.team-item-13 .team-img-wrap .round-shape {
  background: #07A698;
  filter: blur(50px);
  height: 127px;
  max-width: 355px;
  width: 100%;
  position: absolute;
  bottom: -50%;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
}
.team-item-13 .team-content {
  background-color: var(--ed-color-common-white);
  position: relative;
  z-index: 1;
  backdrop-filter: blur(60px);
  border-radius: 0 0 15px 15px;
  padding: 30px;
}
@media (max-width: 1200px) {
  .team-item-13 .team-content {
    padding: 30px 20px;
  }
}
.team-item-13 .team-content .title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 5px;
}
.team-item-13 .team-content span {
  color: var(--ed-color-theme-primary);
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
}

.team-counter-wrapper {
  padding-bottom: 40px;
  position: relative;
  z-index: 1;
}
.team-counter-wrapper:before {
  background: rgba(255, 255, 255, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.64);
  box-shadow: 0px 4px 30px rgba(25, 38, 48, 0.03);
  backdrop-filter: blur(16px);
  border-radius: 15px;
  content: "";
  width: 95%;
  height: 194px;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.team-counter-wrapper:after {
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.64);
  backdrop-filter: blur(60px);
  border-radius: 15px;
  content: "";
  width: 90%;
  height: 194px;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -2;
}

.team-counter-wrap {
  background-color: var(--ed-color-common-white);
  box-shadow: 0px 15px 37px rgba(11, 32, 30, 0.13);
  border-radius: 15px;
  padding: 0 80px;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 5;
}
@media (max-width: 1200px) {
  .team-counter-wrap {
    padding: 0 50px;
  }
}
@media only screen and (max-width: 767px) {
  .team-counter-wrap {
    flex-direction: column;
    align-items: baseline;
    row-gap: 40px;
    padding: 50px 50px;
  }
}
.team-counter-wrap .team-counter {
  display: grid;
  align-items: center;
  grid-template-columns: 50px 1fr;
  grid-gap: 20px;
  padding: 75px 0;
}
@media only screen and (max-width: 992px) {
  .team-counter-wrap .team-counter {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .team-counter-wrap .team-counter {
    padding: 0;
  }
}
.team-counter-wrap .team-counter:not(:last-of-type) {
  padding-right: 60px;
  margin-right: 60px;
  border-right: 1px solid #E0E5EB;
}
@media (max-width: 1200px) {
  .team-counter-wrap .team-counter:not(:last-of-type) {
    padding-right: 30px;
    margin-right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .team-counter-wrap .team-counter:not(:last-of-type) {
    border: none;
    padding: 0;
    margin: 0;
  }
}
.team-counter-wrap .team-counter .content .title {
  font-size: 36px;
  line-height: 1;
  color: var(--ed-color-theme-primary);
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.team-counter-wrap .team-counter .content .title .odometer-auto-theme {
  line-height: 1;
  font-family: inherit;
}
.team-counter-wrap .team-counter .content p {
  font-size: 14px;
  text-transform: uppercase;
  color: var(--ed-color-heading-primary);
  font-weight: 500;
  margin-bottom: 0;
  line-height: 1;
}

.faq-content-13 {
  margin-left: auto;
  margin-right: 0;
}
@media only screen and (max-width: 992px) {
  .faq-content-13 {
    margin-left: 0;
    margin-right: auto;
  }
}

.testi-carousel-wrap-2.wrap-13 {
  max-width: 100%;
}
.testi-carousel-wrap-2.wrap-13 .swiper-arrow .swiper-nav {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
  z-index: 5;
  left: -100px;
}
@media (max-width: 1600px) {
  .testi-carousel-wrap-2.wrap-13 .swiper-arrow .swiper-nav {
    left: -50px;
  }
}
@media (max-width: 1200px) {
  .testi-carousel-wrap-2.wrap-13 .swiper-arrow .swiper-nav {
    left: 0;
  }
}
.testi-carousel-wrap-2.wrap-13 .swiper-arrow .swiper-nav.swiper-prev {
  left: auto;
  right: -100px;
}
@media (max-width: 1600px) {
  .testi-carousel-wrap-2.wrap-13 .swiper-arrow .swiper-nav.swiper-prev {
    right: -50px;
  }
}
@media (max-width: 1200px) {
  .testi-carousel-wrap-2.wrap-13 .swiper-arrow .swiper-nav.swiper-prev {
    right: 0;
  }
}

.testi-item-13 {
  position: relative;
  z-index: 1;
  border-radius: 15px;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .testi-item-13 {
    background-color: var(--ed-color-common-white);
  }
}
.testi-item-13 .testi-bg-shape {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.testi-item-13 .testi-bg-shape img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.testi-item-13 .testi-top-content {
  padding: 40px;
}
@media (max-width: 1200px) {
  .testi-item-13 .testi-top-content {
    padding: 40px 20px;
    padding-bottom: 80px;
  }
}
.testi-item-13 .quote {
  margin-bottom: 20px;
}
.testi-item-13 p {
  font-size: 20px;
  color: var(--ed-color-heading-primary);
  margin-bottom: 0;
}
.testi-item-13 .testi-bottom {
  display: flex;
  align-items: center;
  justify-self: end;
  padding: 0 10px;
  padding-bottom: 10px;
  padding-top: 15px;
}
@media (max-width: 1200px) {
  .testi-item-13 .testi-bottom {
    padding: 0 10px;
    padding-bottom: 20px;
  }
}
.testi-item-13 .testi-bottom .rating-box {
  text-align: center;
}
.testi-item-13 .testi-bottom .rating-box span {
  background-color: var(--ed-color-common-white);
  color: var(--ed-color-heading-primary);
  font-size: 14px;
  font-weight: 400;
  padding: 12px 30px;
  line-height: 1;
  display: block;
  border-bottom: 1px solid #E0E5EB;
  border-radius: 10px 10px 0 0;
  border: 1px solid #E0E5EB;
}
@media (max-width: 1399px) {
  .testi-item-13 .testi-bottom .rating-box span {
    padding: 12px 20px;
  }
}
.testi-item-13 .testi-bottom .rating-box .review {
  background-color: #ECF0F3;
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  padding: 5px 15px;
  column-gap: 2px;
  border: 1px solid #E0E5EB;
  border-top: none;
  border-radius: 0 0 10px 10px;
}
@media (max-width: 1399px) {
  .testi-item-13 .testi-bottom .rating-box .review {
    padding: 5px 7px;
  }
}
.testi-item-13 .testi-bottom .rating-box .review li {
  color: var(--ed-color-theme-primary);
  font-size: 12px;
}
.testi-item-13 .testi-author-area {
  background-color: var(--ed-color-common-white);
  display: grid;
  align-items: center;
  grid-template-columns: 60px 1fr;
  grid-gap: 15px;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 49px 10px 20px;
  border-radius: 15px;
}
@media (max-width: 1399px) {
  .testi-item-13 .testi-author-area {
    padding-right: 23px;
  }
}
@media (max-width: 1200px) {
  .testi-item-13 .testi-author-area {
    background-color: transparent;
    padding: 0;
    left: 20px;
    display: grid;
    grid-template-columns: 1fr;
    bottom: 20px;
  }
}
.testi-item-13 .testi-author-area .author-img {
  height: 60px;
  width: 60px;
}
.testi-item-13 .testi-author-area .author-img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.testi-item-13 .testi-author-area .content .name {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0;
}
.testi-item-13 .testi-author-area .content span {
  font-size: 14px;
  font-weight: 400;
}

.blog-section-13 {
  background-color: #F2F4F7;
}

.post-card-13 {
  background-color: var(--ed-color-common-white);
  box-shadow: 0px 16px 62px rgba(17, 51, 48, 0.08);
  border-radius: 15px;
  padding: 0;
  overflow: hidden;
}
.post-card-13 .post-thumb {
  height: 220px;
}
.post-card-13 .post-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.post-card-13 .post-content {
  padding: 30px;
}
@media only screen and (max-width: 767px) {
  .post-card-13 .post-content {
    padding: 30px 20px;
  }
}
.post-card-13 .post-content .category {
  padding: 0;
  margin-bottom: 15px;
}
.post-card-13 .post-content .title {
  color: var(--ed-color-heading-primary);
  padding-bottom: 0;
  border: none;
  margin-bottom: 15px;
}
.post-card-13 .post-content .title a {
  background: linear-gradient(var(--ed-color-theme-primary) 0%, var(--ed-color-theme-primary) 98%);
  background-size: 0 2px;
  background-repeat: no-repeat;
  background-position: left 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.post-card-13 .post-content .title a:hover {
  color: var(--ed-color-theme-primary);
  background-size: 100% 2px;
}
.post-card-13 .post-content p {
  margin-bottom: 0;
}
.post-card-13 .post-content .post-bottom {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px dashed #D1DBDA;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 10px;
}
.post-card-13 .post-content .post-bottom .post-author {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.post-card-13 .post-content .post-bottom .post-author span {
  line-height: 1;
  color: var(--ed-color-heading-primary);
  font-weight: 500;
}


.slider-14 .edcare-slider-thumb {
  background-color: var(--ed-color-common-white);
  max-width: 1326px;
  width: 100%;
  height: 150px;
  padding: 20px;
  padding-bottom: 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  top: auto;
  right: auto;
  border-radius: 20px 20px 0 0;
}
.slider-14 .edcare-slider-thumb:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 20px;
  height: 20px;
  box-shadow: -6px -6px var(--ed-color-common-white);
}
.slider-14 .edcare-slider-thumb .swiper-slide .slider-thumb-item {
  max-width: 413px;
  width: 100%;
  height: 130px;
  border-radius: 15px;
}
.slider-14 .edcare-slider-thumb .swiper-slide .slider-thumb-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}
.slider-14 .edcare-slider-thumb .swiper-slide .slider-thumb-item span {
  color: rgba(255, 255, 255, 0.36);
  font-size: 36px;
  font-weight: 600;
  position: absolute;
  top: 50%;
  left: 40px;
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 1200px) {
  .slider-14 .edcare-slider-thumb .swiper-slide .slider-thumb-item span {
    left: 20px;
  }
}
@media only screen and (max-width: 992px) {
  .slider-14 .edcare-slider-thumb .swiper-slide .slider-thumb-item span {
    font-size: 24px;
  }
}
.slider-14 .edcare-slider-thumb .swiper-slide.swiper-slide-thumb-active .slider-thumb-item {
  box-shadow: 0px 13px 24px rgba(12, 107, 99, 0.35);
}
.slider-14 .edcare-slider-thumb .swiper-slide.swiper-slide-thumb-active .slider-thumb-item span {
  color: var(--ed-color-common-white);
}

.slider-item-2 .slider-content-wrap {
  padding: 300px 0 300px 0;
}
@media only screen and (max-width: 992px) {
  .slider-item-2 .slider-content-wrap {
    padding: 100px 0 250px 0;
  }
}
@media only screen and (max-width: 767px) {
  .slider-item-2 .slider-content-wrap {
    padding: 100px 0;
  }
}
.slider-item-2 .slider-content-wrap .slider-content-2 .sub-heading-wrap .sub-heading {
  background-color: var(--ed-color-common-white);
  color: var(--ed-color-heading-primary);
  border: none;
}
.slider-item-2 .slider-content-wrap .slider-content-2 .slider-btn-wrap .slider-btn-2 {
  background-color: var(--ed-color-common-white);
  color: var(--ed-color-theme-primary);
}
.slider-item-2 .slider-content-wrap .slider-content-2 .slider-btn-wrap .slider-btn-2:before {
  background-color: var(--ed-color-theme-primary);
}
.slider-item-2 .slider-content-wrap .slider-content-2 .slider-btn-wrap .slider-btn-2:hover {
  color: var(--ed-color-common-white);
}

@media only screen and (max-width: 767px) {
  .slider-item-2 .slider-content-wrap .slider-content-2 .edcare-caption.heading .edcare-cap {
    font-size: 40px;
  }
}

.feature-section-14 {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.feature-section-14 .shape {
  width: 100%;
  height: 100%;
  position: absolute;
  top: -15%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

.feature-item-14 {
  position: relative;
  z-index: 1;
  padding: 0 40px;
  border-radius: 15px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 85px 63px rgba(27, 122, 114, 0.14);
}
@media (max-width: 1399px) {
  .feature-item-14 {
    padding: 40px 20px;
    padding-top: 0;
  }
}
.feature-item-14 .bg-shape {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media (max-width: 1200px) {
  .feature-item-14 .bg-shape {
    top: 15px;
  }
}
@media (max-width: 1200px) {
  .feature-item-14 .bg-shape {
    top: 25px;
  }
}
.feature-item-14 .icon {
  background-color: var(--ed-color-theme-primary);
  height: 100px;
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 auto;
  margin-bottom: 50px;
}
.feature-item-14 .feature-content .title {
  margin-bottom: 10px;
}
.feature-item-14 .feature-content p {
  margin-bottom: 20px;
}

.category-section-14 {
  background-color: #F2F4F7;
  position: relative;
  z-index: 1;
}
.category-section-14 .shapes .shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.category-section-14 .shapes .shape-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}

.category-item-14 {
  background-color: var(--ed-color-common-white);
  padding: 10px;
  border-radius: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.category-item-14 .category-thumb {
  height: 200px;
}
.category-item-14 .category-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.category-item-14 .title {
  font-size: 20px;
  margin-bottom: 0;
}
.category-item-14 .title a {
  background-color: #F2F4F7;
  padding: 10px;
  border-radius: 10px;
  display: block;
  margin-top: 10px;
}
.category-item-14:hover {
  transform: translateY(-5px);
}
.category-item-14:hover .title a {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
}

.content-img-wrap-14 {
  height: 100%;
}
.content-img-wrap-14 .content-img {
  max-width: 628px;
  width: 100%;
  height: 100%;
}
.content-img-wrap-14 .content-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}

.growth-img-wrap {
  max-width: 676px;
  width: 100%;
  height: 480px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .growth-img-wrap {
    height: 350px;
  }
}
.growth-img-wrap .growth-img-1 {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  max-width: 520px;
  width: 100%;
}
.growth-img-wrap .growth-img-1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50% 50% 10px 10px;
}
.growth-img-wrap .growth-img-2 {
  background-color: var(--ed-color-common-white);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  max-width: 250px;
  height: 210px;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0px 11px 36px rgba(11, 32, 43, 0.15);
}
.growth-img-wrap .growth-img-2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.growth-img-wrap .growth-counter {
  background-color: var(--ed-color-common-white);
  display: flex;
  align-items: center;
  column-gap: 10px;
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 1;
  padding: 20px 30px;
  border-radius: 10px;
}
.growth-img-wrap .growth-counter .content .title {
  line-height: 1;
  font-size: 24px;
  font-weight: 600;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.growth-img-wrap .growth-counter .content .title .odometer-auto-theme {
  line-height: 1;
  font-family: inherit;
}
.growth-img-wrap .growth-counter .content p {
  margin-bottom: 0;
}

@media only screen and (max-width: 992px) {
  .growth-content-14 {
    margin-top: 40px;
  }
}
.growth-content-14 .growth-items .growth-item {
  overflow: hidden;
}
.growth-content-14 .growth-items .growth-item:not(:last-of-type) {
  margin-bottom: 25px;
}
.growth-content-14 .growth-items .growth-item .title {
  font-size: 16px;
}
.growth-content-14 .growth-items .growth-item .progress {
  height: 7px;
  overflow: visible;
  border-radius: 100px;
}
.growth-content-14 .growth-items .growth-item .progress .progress-bar {
  position: relative;
  background-color: var(--ed-color-theme-primary);
  overflow: visible;
  border-radius: 100px;
}
.growth-content-14 .growth-items .growth-item .progress .progress-bar span {
  font-size: 16px;
  font-weight: 600;
  background-repeat: no-repeat;
  color: var(--ed-color-heading-primary);
  padding: 10px 10px 20px 10px;
  position: absolute;
  top: -41px;
  right: -11px;
}

.testimonial-section-14 {
  background-color: #F2F4F7;
  position: relative;
  z-index: 1;
}
.testimonial-section-14 .shapes .shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.testimonial-section-14 .shapes .shape-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}

.testi-top-14 .swiper-arrow {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.testi-top-14 .swiper-arrow .swiper-nav {
  background-color: var(--ed-color-common-white);
  color: var(--ed-color-heading-primary);
  width: 50px;
  height: 50px;
  border: 1px solid #E0E5EB;
  box-shadow: 0px 11px 50px rgba(10, 32, 30, 0.16);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.testi-top-14 .swiper-arrow .swiper-nav:hover {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
  border: 1px solid var(--ed-color-theme-primary);
}

.testi-item-14 .testi-top-content {
  background-color: var(--ed-color-common-white);
  padding: 40px;
  position: relative;
  z-index: 1;
  border-radius: 15px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .testi-item-14 .testi-top-content {
    padding: 30px 20px;
  }
}
.testi-item-14 .testi-top-content .arrow {
  background-color: var(--ed-color-common-white);
  width: 25px;
  height: 32px;
  position: absolute;
  bottom: -32px;
  left: 40px;
  clip-path: polygon(100% 0, 0 0, 0 100%);
}
.testi-item-14 .testi-top-content .quote {
  position: absolute;
  top: 40px;
  right: 40px;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .testi-item-14 .testi-top-content .quote {
    top: 30px;
    right: 20px;
  }
}
.testi-item-14 .testi-top-content .title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
}
.testi-item-14 .testi-top-content p {
  margin-bottom: 0;
}
.testi-item-14 .author-info-wrap {
  display: grid;
  align-items: center;
  grid-template-columns: 60px 1fr;
  grid-gap: 15px;
}
.testi-item-14 .author-info-wrap .author-img {
  height: 60px;
  width: 60px;
  border-radius: 50%;
}
.testi-item-14 .author-info-wrap .author-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.testi-item-14 .author-info-wrap .author-info .name {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
}
.testi-item-14 .author-info-wrap .author-info span {
  font-size: 16px;
  font-weight: 400;
}

.team-item-14 {
  position: relative;
}
.team-item-14 .team-thumb {
  height: 400px;
}
.team-item-14 .team-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}
.team-item-14 .team-content {
  background-color: var(--ed-color-common-white);
  position: relative;
  z-index: 5;
  box-shadow: 0px 7px 44px rgba(18, 50, 47, 0.14);
  border-radius: 15px;
  margin: 0 30px;
  margin-top: -60px;
  padding: 25px 10px 25px 10px;
  overflow-x: clip;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.team-item-14 .team-content:before {
  background-color: var(--ed-color-common-white);
  content: "";
  height: 55px;
  width: 177px;
  position: absolute;
  top: -5px;
  left: 10px;
  z-index: -1;
  transform: rotate(-4deg);
  border-radius: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 1399px) {
  .team-item-14 .team-content:before {
    width: 165px;
  }
}
@media (max-width: 1200px) {
  .team-item-14 .team-content:before {
    width: 140px;
  }
}
@media only screen and (max-width: 767px) {
  .team-item-14 .team-content:before {
    width: 120px;
    transform: rotate(-6deg);
  }
}
.team-item-14 .team-content:after {
  background-color: var(--ed-color-common-white);
  content: "";
  height: 55px;
  width: 177px;
  position: absolute;
  top: -5px;
  right: 10px;
  z-index: -1;
  transform: rotate(4deg);
  border-radius: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 1399px) {
  .team-item-14 .team-content:after {
    width: 165px;
  }
}
@media (max-width: 1200px) {
  .team-item-14 .team-content:after {
    width: 140px;
  }
}
@media only screen and (max-width: 767px) {
  .team-item-14 .team-content:after {
    width: 120px;
    transform: rotate(6deg);
  }
}
.team-item-14 .team-content .title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.team-item-14 .team-content .title a {
  color: var(--ed-color-heading-primary);
}
.team-item-14 .team-content span {
  font-size: 16px;
  color: var(--ed-color-theme-primary);
  font-weight: 400;
  line-height: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.team-item-14 .team-content .team-social {
  position: absolute;
  top: -33.5px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.team-item-14 .team-content .team-social .expand {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  cursor: pointer;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.team-item-14 .team-content .team-social .expand:hover .social-list li {
  visibility: visible;
  opacity: 1;
}
.team-item-14 .team-content .team-social .expand .social-list {
  position: absolute;
  bottom: 55px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  column-gap: 5px;
  list-style: none;
}
.team-item-14 .team-content .team-social .expand .social-list li {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.team-item-14 .team-content .team-social .expand .social-list li a {
  background-color: var(--ed-color-common-white);
  color: var(--ed-color-heading-primary);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 14px;
}
.team-item-14 .team-content .team-social .expand .social-list li a:hover {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
}
.team-item-14 .team-content .team-social .expand .social-list li:nth-child(2) {
  transition-delay: 150ms;
}
.team-item-14 .team-content .team-social .expand .social-list li:nth-child(3) {
  transition-delay: 200ms;
}
.team-item-14 .team-content .team-social .expand .social-list li:nth-child(4) {
  transition-delay: 250ms;
}
.team-item-14 .team-content .team-social .expand .social-list li:nth-child(5) {
  transition-delay: 300ms;
}
.team-item-14 .team-content .team-social .expand .social-list li:nth-child(6) {
  transition-delay: 350ms;
}
.team-item-14 .team-content .team-social .expand .social-list li:nth-child(7) {
  transition-delay: 400ms;
}
.team-item-14:hover .team-content {
  background-color: var(--ed-color-theme-primary);
}
.team-item-14:hover .team-content:before, .team-item-14:hover .team-content:after {
  background-color: var(--ed-color-theme-primary);
}
.team-item-14:hover .team-content .team-social .expand {
  background-color: var(--ed-color-common-white);
  color: var(--ed-color-theme-primary);
}
.team-item-14:hover .team-content .title {
  color: var(--ed-color-common-white);
}
.team-item-14:hover .team-content .title a {
  color: var(--ed-color-common-white);
}
.team-item-14:hover .team-content span {
  color: var(--ed-color-common-white);
}

.exam-item-2 {
  background-color: var(--ed-color-common-white);
  padding: 25px;
  border: 1px solid #E0E5EB;
  border-radius: 15px;
}
.exam-item-2 .exam-thumb {
  height: 120px;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
  border-radius: 15px;
}
.exam-item-2 .exam-thumb img {
  border-radius: 15px;
}
.exam-item-2 .exam-thumb .overlay {
  background-color: var(--ed-color-theme-primary);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.exam-item-2 .exam-thumb .arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.exam-item-2 .exam-thumb .arrow a {
  background-color: #DFEFEE;
  color: var(--ed-color-theme-primary);
  height: 45px;
  width: 45px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.exam-item-2 .exam-thumb .arrow a:hover {
  background-color: var(--ed-color-common-white);
}
.exam-item-2 .title {
  font-size: 24px;
}
.exam-item-2 p {
  margin-bottom: 0;
  padding-bottom: 0;
}
.exam-item-2:hover .exam-thumb .overlay {
  visibility: visible;
  opacity: 1;
}
.exam-item-2:hover .exam-thumb .arrow {
  transform: translate(-50%, -50%) scale(1);
}

.team-item-15 {
  box-shadow: 0px 4px 44px rgba(11, 38, 36, 0.18);
  border-radius: 15px;
  border: none;
}
.team-item-15 .team-thumb-wrap {
  box-shadow: 0px 4px 44px rgba(11, 38, 36, 0.18);
  border: 1px solid transparent;
}

.testi-carousel-wrap-15 {
  position: relative;
}
.testi-carousel-wrap-15 .swiper-arrow .swiper-nav {
  color: var(--ed-color-common-white);
  height: 60px;
  width: 60px;
  border: 1px solid var(--ed-color-common-white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: -100px;
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 1600px) {
  .testi-carousel-wrap-15 .swiper-arrow .swiper-nav {
    left: -70px;
  }
}
@media (max-width: 1200px) {
  .testi-carousel-wrap-15 .swiper-arrow .swiper-nav {
    display: none;
  }
}
.testi-carousel-wrap-15 .swiper-arrow .swiper-nav:hover {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
  border-color: var(--ed-color-theme-primary);
}
.testi-carousel-wrap-15 .swiper-arrow .swiper-nav.swiper-prev {
  right: -100px;
  left: auto;
}
@media (max-width: 1600px) {
  .testi-carousel-wrap-15 .swiper-arrow .swiper-nav.swiper-prev {
    right: -70px;
  }
}

@media (max-width: 1200px) {
  .testi-item-15 {
    padding: 30px 20px;
  }
}
.testi-item-15 .title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
}
.testi-item-15 p {
  margin-bottom: 25px;
}
.testi-item-15 .testi-bottom .quote {
  opacity: 0.5;
}

.about-section-15 {
  background-color: #F2F4F7;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 992px) {
  .about-section-15 .shapes {
    display: none;
  }
}
.about-section-15 .shapes .shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.about-section-15 .shapes .shape-2 {
  position: absolute;
  top: 0;
  right: 220px;
  z-index: -1;
}
.about-section-15 .shapes .shape-3 {
  position: absolute;
  top: 0;
  right: 40px;
  z-index: -1;
}
.about-section-15 .shapes .shape-4 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
}
.about-section-15 .shapes .shape-4 img {
  width: 100%;
}
.about-section-15 .shapes .shape-5 {
  position: absolute;
  bottom: 0;
  right: 80px;
  z-index: -1;
}

.about-content-15 p {
  margin-bottom: 30px;
}
.about-content-15 .about-list {
  list-style: none;
  margin-bottom: 40px;
}
.about-content-15 .about-list li {
  display: flex;
  align-items: center;
  column-gap: 10px;
  font-size: 16px;
  color: var(--ed-color-heading-primary);
  font-weight: 500;
}
.about-content-15 .about-list li:not(:last-of-type) {
  margin-bottom: 10px;
}
.about-content-15 .about-list li i {
  color: var(--ed-color-theme-primary);
}

.about-img-wrap-15 {
  display: flex;
  align-items: center;
  max-width: 742px;
  width: 100%;
  column-gap: 15px;
}
@media only screen and (max-width: 992px) {
  .about-img-wrap-15 {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .about-img-wrap-15 {
    flex-direction: column;
    row-gap: 24px;
  }
}
.about-img-wrap-15 .about-img-1 {
  height: 470px;
  max-width: 416px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .about-img-wrap-15 .about-img-1 {
    height: 350px;
  }
}
.about-img-wrap-15 .about-img-1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}
.about-img-wrap-15 .about-img-2 {
  height: 395px;
  max-width: 302px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .about-img-wrap-15 .about-img-2 {
    height: 350px;
  }
}
.about-img-wrap-15 .about-img-2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}

.course-item-15 {
  background-color: #F2F4F7;
  display: grid;
  align-items: center;
  grid-template-columns: 608px 1fr;
  padding: 20px;
  grid-gap: 40px;
  border: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 1200px) {
  .course-item-15 {
    grid-template-columns: 450px 1fr;
  }
}
@media only screen and (max-width: 992px) {
  .course-item-15 {
    grid-template-columns: 1fr;
  }
}
.course-item-15:not(:last-of-type) {
  margin-bottom: 30px;
}
.course-item-15:hover {
  background: var(--ed-color-common-white);
  box-shadow: 0px 4px 44px rgba(11, 38, 36, 0.18);
  border-radius: 20px;
}
.course-item-15 .course-thumb-wrap {
  padding: 0;
}
.course-item-15 .course-thumb-wrap .course-thumb {
  width: 100%;
  height: 378px;
}
.course-item-15 .course-thumb-wrap .course-thumb img {
  object-position: top;
}
.course-item-15 .course-content-wrap .course-content {
  padding: 0;
  padding-bottom: 30px;
}
.course-item-15 .course-content-wrap .course-content .title {
  font-size: 30px;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .course-item-15 .course-content-wrap .course-content .title {
    font-size: 24px;
  }
}
.course-item-15 .course-content-wrap .course-content .course-list {
  margin-bottom: 25px;
}
.course-item-15 .course-content-wrap .bottom-content {
  padding: 0;
}

.cta-section-15 {
  position: relative;
  z-index: 1;
}
.cta-section-15 .cta-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  filter: saturate(0);
}
.cta-section-15 .overlay {
  background: rgba(19, 66, 62, 0.82);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.counter-item-wrap-15 {
  display: block;
  max-width: 100%;
  margin-left: 0;
  margin-top: 0;
}
.counter-item-wrap-15 .counter-item-12 {
  background-color: var(--ed-color-common-white);
  border: none;
}


.category-wrap-16 {
  background-color: #F2F4F7;
  padding: 20px;
  border-radius: 15px;
  display: grid;
  align-items: center;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 24px;
  margin-top: 20px;
}
@media only screen and (max-width: 992px) {
  .category-wrap-16 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .category-wrap-16 {
    grid-template-columns: 1fr;
  }
}
.category-wrap-16 .cat-item {
  background-color: var(--ed-color-common-white);
}
.category-wrap-16 .cat-item .icon {
  background-color: var(--ed-color-grey-1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.category-wrap-16 .cat-item:hover .icon {
  background-color: var(--ed-color-common-white);
}

.promo-item-16 {
  background-color: var(--ed-color-grey-1);
  border-radius: 15px;
  border: 1px solid #E0E5EB;
  padding: 45px 20px 20px 20px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .promo-item-16 {
    padding: 30px 15px 20px 15px;
  }
}
.promo-item-16 .icon {
  background-color: var(--ed-color-common-white);
  height: 113px;
  width: 113px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 auto;
  margin-bottom: 30px;
}
.promo-item-16 .promo-content {
  background-color: var(--ed-color-common-white);
  padding: 25px 20px 20px 20px;
  border: 1px solid #E0E5EB;
  border-radius: 15px;
}
@media only screen and (max-width: 767px) {
  .promo-item-16 .promo-content .title {
    font-size: 18px;
  }
}
.promo-item-16 .promo-content p {
  margin-bottom: 0;
  margin-top: 10px;
}
@media only screen and (max-width: 767px) {
  .promo-item-16 .promo-content p {
    font-size: 14px;
  }
}
.promo-item-16:hover {
  transform: translateY(-5px);
}

.ct-16 {
  border-radius: 15px;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.ct-16 .ct-thumb {
  height: 220px;
}
.ct-16 .ct-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}
.ct-16 .ct-content {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
}
.ct-16 .ct-content a {
  background-color: var(--ed-color-common-white);
  font-family: var(--ed-ff-heading);
  color: var(--ed-color-heading-primary);
  display: flex;
  align-items: center;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  padding: 17px 20px;
  border-radius: 8px;
}
.ct-16 .ct-content a:hover {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
}
.ct-16:hover {
  transform: translateY(-5px);
}

.faq-content-16 {
  max-width: 100%;
  margin-top: 0;
}
.faq-content-16 .faq-accordion {
  max-width: 586px;
  width: 100%;
}
@media only screen and (max-width: 992px) {
  .faq-content-16 .faq-accordion {
    max-width: 100%;
  }
}
.faq-content-16 .faq-accordion .accordion-item {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: 1px solid #E0E5EB;
  border-radius: 5px;
  overflow: hidden;
}
.faq-content-16 .faq-accordion .accordion-item:not(:last-of-type) {
  margin-bottom: 15px;
}
.faq-content-16 .faq-accordion .accordion-item .accordion-button {
  padding: 20px 30px;
  border: none;
  box-shadow: none;
  outline: none;
}
.faq-content-16 .faq-accordion .accordion-item .accordion-button:not(.collapsed) {
  border: none;
}
.faq-content-16 .faq-accordion .accordion-item.active {
  background-color: var(--ed-color-common-white);
  box-shadow: 0px 9px 36px rgba(15, 34, 32, 0.23);
}
.faq-content-16 .faq-accordion .accordion-item .accordion-body {
  padding: 0 30px 20px 30px;
  color: #6C706F;
}

.faq-img-wrap-16 {
  max-width: 652px;
  width: 100%;
  height: 560px;
  position: relative;
}
.faq-img-wrap-16 .faq-img-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  max-width: 460px;
  width: 100%;
  height: 100%;
}
.faq-img-wrap-16 .faq-img-1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
  object-position: top;
}
.faq-img-wrap-16 .faq-img-2 {
  position: absolute;
  right: 0;
  bottom: 18%;
  max-width: 300px;
  width: 100%;
  height: 267px;
  box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.12);
  border-radius: 15px;
}
@media only screen and (max-width: 767px) {
  .faq-img-wrap-16 .faq-img-2 {
    bottom: 0;
  }
}
.faq-img-wrap-16 .faq-img-2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
  border: 6px solid var(--ed-color-common-white);
}

.post-card-16 {
  padding: 0;
  border: none;
  grid-gap: 0;
}
.post-card-16 .post-thumb {
  height: 243px;
  margin-bottom: 15px;
}
.post-card-16 .post-thumb img {
  border-radius: 15px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.post-card-16 .post-content-wrap .post-content .post-meta {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px dashed #D1DBDA;
}
.post-card-16 .post-content-wrap .post-content .post-meta li {
  color: var(--ed-color-text-body);
  line-height: 1;
}
.post-card-16 .post-content-wrap .post-content .post-meta li i {
  color: var(--ed-color-text-body);
}
.post-card-16 .post-content-wrap .post-content .title {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}
.post-card-16:hover .post-thumb img {
  transform: scale(1.02);
}

.sponsor-16 {
  padding-top: 120px;
}
@media only screen and (max-width: 992px) {
  .sponsor-16 {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .sponsor-16 {
    padding-top: 60px;
  }
}

.counter-section-17 {
  margin-top: -55px;
  position: relative;
  z-index: 5;
}

.counter-wrap-17 {
  background-color: var(--ed-color-common-white);
  padding: 50px;
  box-shadow: 0px 11px 52px rgba(19, 45, 42, 0.12);
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 20px;
}
@media only screen and (max-width: 992px) {
  .counter-wrap-17 {
    padding: 40px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .counter-wrap-17 {
    flex-direction: column;
    row-gap: 30px;
    align-items: baseline;
  }
}
.counter-wrap-17 .counter-item-17 {
  display: grid;
  align-items: center;
  grid-template-columns: 65px 1fr;
  grid-gap: 20px;
}
@media (max-width: 1200px) {
  .counter-wrap-17 .counter-item-17 {
    grid-template-columns: 1fr;
  }
}
.counter-wrap-17 .counter-item-17 .icon {
  background: #FFFFFF;
  box-shadow: 0px 13px 36px rgba(55, 152, 147, 0.27);
  width: 65px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.counter-wrap-17 .counter-item-17 .content .title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 0;
  color: var(--ed-color-theme-primary);
  line-height: 1;
  display: flex;
  align-items: center;
}
.counter-wrap-17 .counter-item-17 .content .title .odometer-auto-theme {
  font-family: inherit;
  line-height: 1;
}
.counter-wrap-17 .counter-item-17 .content p {
  font-family: var(--ed-ff-heading);
  color: var(--ed-color-heading-primary);
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
}
@media only screen and (max-width: 992px) {
  .counter-wrap-17 .counter-item-17 .content p {
    font-size: 14px;
  }
}

.about-img-17 {
  position: relative;
}
.about-img-17 .about-counter {
  height: 130px;
  width: 130px;
  border-radius: 50%;
  position: absolute;
  top: 30px;
  left: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.about-img-17 .about-counter .about-counter-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  animation-name: spin;
  animation-duration: 15s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.about-img-17 .about-counter .about-counter-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-img-17 .about-counter span {
  color: var(--ed-color-common-white);
  font-size: 36px;
  font-weight: 700;
  display: block;
  position: relative;
  z-index: 5;
  line-height: 1;
}

.about-content-17 {
  padding-left: 40px;
}
@media only screen and (max-width: 992px) {
  .about-content-17 {
    padding-left: 0;
  }
}
.about-content-17 .section-heading .section-title span {
  color: var(--ed-color-heading-primary);
  font-weight: 400;
}
.about-content-17 .about-items .about-item .icon {
  box-shadow: 0px 5px 40px rgba(15, 39, 37, 0.1);
}
.about-content-17 .about-items .about-item .title {
  color: var(--ed-color-text-body);
  font-size: 16px;
  font-weight: 500;
}
.about-content-17 .about-items .about-item .title a {
  font-size: 18px;
  color: var(--ed-color-heading-primary);
  display: block;
  font-weight: 600;
  margin-top: 5px;
}
.about-content-17 .about-items .about-item .title a:hover {
  color: var(--ed-color-theme-primary);
}

.feature-section-17 {
  background-color: #F2F4F7;
  position: relative;
  z-index: 1;
}
.feature-section-17 .shapes .shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.feature-section-17 .shapes .shape-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.feature-section-17 .shapes .shape-3 {
  position: absolute;
  top: 100px;
  left: 10px;
  z-index: -1;
}
@media only screen and (max-width: 992px) {
  .feature-section-17 .shapes .shape-3 {
    display: none;
  }
}
.feature-section-17 .shapes .shape-4 {
  position: absolute;
  top: 70px;
  right: 0;
  z-index: -1;
}
@media only screen and (max-width: 992px) {
  .feature-section-17 .shapes .shape-4 {
    display: none;
  }
}

.feature-item-17 {
  background-color: var(--ed-color-common-white);
  padding: 30px;
  border-radius: 15px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: 2px solid transparent;
}
.feature-item-17 .feature-inner {
  display: grid;
  align-items: center;
  grid-template-columns: 55px 1fr;
  grid-gap: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1200px) {
  .feature-item-17 .feature-inner {
    grid-template-columns: 1fr;
  }
}
.feature-item-17 .feature-inner .icon {
  background-color: #F2F4F7;
  height: 55px;
  width: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.feature-item-17 .feature-inner .icon img {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.feature-item-17 .feature-inner .content span {
  font-family: var(--ed-ff-heading);
  color: var(--ed-color-theme-primary);
  font-weight: 500;
  display: block;
  margin-bottom: 10px;
  line-height: 1;
}
.feature-item-17 .feature-inner .content .title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 1;
}
.feature-item-17 p {
  margin-bottom: 0;
}
@media (max-width: 1200px) {
  .feature-item-17 p br {
    display: none;
  }
}
.feature-item-17:hover {
  border-color: var(--ed-color-theme-primary);
}
.feature-item-17:hover .icon {
  background-color: var(--ed-color-theme-primary);
}
.feature-item-17:hover .icon img {
  filter: brightness(0) invert(1);
}

.course-section-17 {
  position: relative;
  z-index: 1;
}
.course-section-17 .bg-color {
  background-color: #F2F4F7;
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.course-section-17 .shape {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.course-item-17 {
  background-color: var(--ed-color-common-white);
  display: grid;
  align-items: center;
  grid-template-columns: 628px 1fr;
  max-width: 1280px;
  width: 100%;
  box-shadow: 0px 4px 36px rgba(32, 42, 62, 0.15);
  border-radius: 10px;
}
.course-item-17:not(:last-of-type) {
  margin-bottom: 30px;
}
@media (max-width: 1200px) {
  .course-item-17 {
    grid-template-columns: 500px 1fr;
  }
}
@media only screen and (max-width: 992px) {
  .course-item-17 {
    grid-template-columns: 1fr;
  }
}
.course-item-17 .course-thumb {
  max-width: 628px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
@media only screen and (max-width: 992px) {
  .course-item-17 .course-thumb {
    max-width: 100%;
    height: 500px;
  }
}
@media only screen and (max-width: 992px) {
  .course-item-17 .course-thumb {
    height: 400px;
  }
}
.course-item-17 .course-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  border-radius: 10px;
}
.course-item-17 .course-thumb .category {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
  font-size: 14px;
  font-weight: 700;
  padding: 5px 15px;
  border-radius: 100px;
  display: inline-block;
  margin-bottom: 20px;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 5;
}
.course-item-17 .course-thumb .overlay {
  background: rgba(13, 33, 57, 0.15);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.course-item-17 .course-content {
  padding: 40px;
}
@media (max-width: 1200px) {
  .course-item-17 .course-content {
    padding: 30px 20px;
  }
}
.course-item-17 .course-content .course-review {
  margin-bottom: 10px;
}
.course-item-17 .course-content .course-review li {
  display: inline-flex;
}
.course-item-17 .course-content .course-review li i {
  color: var(--ed-color-theme-primary);
}
.course-item-17 .course-content .course-review li.point {
  margin-left: 10px;
}
.course-item-17 .course-content .title {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .course-item-17 .course-content .title {
    font-size: 24px;
  }
}
.course-item-17 .course-content .author {
  color: var(--ed-color-theme-primary);
  font-size: 16px;
  font-weight: 400;
  display: block;
  margin-bottom: 20px;
}
.course-item-17 .course-content p {
  padding-bottom: 25px;
  margin-bottom: 30px;
  border-bottom: 1px dashed #D0D7E3;
}
.course-item-17 .course-content .course-inner-items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px dashed #D0D7E3;
}
@media only screen and (max-width: 767px) {
  .course-item-17 .course-content .course-inner-items {
    flex-wrap: wrap;
    row-gap: 20px;
  }
}
.course-item-17 .course-content .course-inner-items .course-inner-item {
  display: grid;
  grid-template-columns: 40px 1fr;
  grid-gap: 10px;
}
.course-item-17 .course-content .course-inner-items .course-inner-item .icon {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.course-item-17 .course-content .course-inner-items .course-inner-item .content .item-title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 5px;
}
.course-item-17 .course-content .course-inner-items .course-inner-item .content span {
  font-size: 16px;
  font-weight: 400;
  display: block;
  line-height: 1;
}
.course-item-17 .course-content .bottom-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.course-item-17 .course-content .bottom-content .price {
  color: var(--ed-color-heading-primary);
  font-size: 20px;
  font-weight: 700;
}
.course-item-17 .course-content .bottom-content .course-btn {
  color: var(--ed-color-heading-primary);
  font-size: 16px;
  font-weight: 600;
  padding: 5px 20px;
  border: 1px solid #E0E5EB;
  border-radius: 100px;
}
.course-item-17 .course-content .bottom-content .course-btn:hover {
  border: 1px solid var(--ed-color-theme-primary);
}
.course-item-17.item-2 {
  display: grid;
  grid-template-columns: 1fr 628px;
}
@media (max-width: 1200px) {
  .course-item-17.item-2 {
    grid-template-columns: 1fr 500px;
  }
}
@media only screen and (max-width: 992px) {
  .course-item-17.item-2 {
    grid-template-columns: 1fr;
  }
}
.course-item-17.item-2 .course-thumb .category {
  right: auto;
  left: 20px;
}

.post-card-wrap-17 .post-card-16 {
  display: grid;
  align-items: center;
  grid-template-columns: 130px 1fr;
  grid-gap: 18px;
}
@media only screen and (max-width: 767px) {
  .post-card-wrap-17 .post-card-16 {
    grid-template-columns: 100px 1fr;
  }
}
.post-card-wrap-17 .post-card-16:not(:last-of-type) {
  margin-bottom: 30px;
}
.post-card-wrap-17 .post-card-16 .post-thumb {
  height: 100px;
  margin-bottom: 0;
}
.post-card-wrap-17 .post-card-16 .post-content {
  padding: 0;
}
.post-card-wrap-17 .post-card-16 .post-content .post-meta {
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.post-card-wrap-17 .post-card-16 .post-content .post-meta li {
  font-size: 14px;
}
.post-card-wrap-17 .post-card-16 .post-content .title {
  font-size: 16px;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .post-card-wrap-17 .post-card-16 .post-content .title {
    font-size: 15px;
  }
}

.footer-17 {
  background-color: #1F2A2A;
  position: relative;
  z-index: 1;
}
.footer-17 .shapes .shape-1 {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
@media only screen and (max-width: 992px) {
  .footer-17 .shapes .shape-1 {
    height: 100%;
    width: 100%;
  }
  .footer-17 .shapes .shape-1 img {
    width: 100%;
    height: 50%;
    object-fit: cover;
  }
}
.footer-17 .shapes .shape-2 {
  position: absolute;
  top: 20%;
  right: 0;
  z-index: -1;
}
.footer-17 .shapes .shape-3 {
  position: absolute;
  bottom: 40%;
  left: 0;
  z-index: -1;
}
@media only screen and (max-width: 992px) {
  .footer-17 .shapes .shape-3 {
    display: none;
  }
}
.about-img-wrap-18 {
  position: relative;
  max-width: 628px;
  width: 100%;
  height: 492px;
}
.about-img-wrap-18 .about-img-1 {
  max-width: 193px;
  width: 100%;
  height: 195px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.about-img-wrap-18 .about-img-1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}
.about-img-wrap-18 .about-img-2 {
  height: 100%;
  max-width: 411px;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.about-img-wrap-18 .about-img-2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}
.about-img-wrap-18 .about-img-3 {
  max-width: 242px;
  width: 100%;
  height: 242px;
  position: absolute;
  bottom: 25px;
  left: 40px;
  box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.25);
  border-radius: 15px;
}
.about-img-wrap-18 .about-img-3 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  border-radius: 15px;
  border: 6px solid var(--ed-color-common-white);
}
.about-img-wrap-18 .about-counter {
  height: 130px;
  width: 130px;
  border-radius: 50%;
  position: absolute;
  top: 120px;
  left: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.about-img-wrap-18 .about-counter .about-counter-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  animation-name: spin;
  animation-duration: 15s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.about-img-wrap-18 .about-counter .about-counter-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-img-wrap-18 .about-counter span {
  color: var(--ed-color-common-white);
  font-size: 36px;
  font-weight: 700;
  display: block;
  position: relative;
  z-index: 5;
  line-height: 1;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.about-content-18 {
  padding-left: 30px;
}
@media only screen and (max-width: 992px) {
  .about-content-18 {
    padding-left: 0;
    margin-top: 40px;
  }
}
.about-content-18 .about-list {
  margin-top: 20px;
}
.about-content-18 .about-list li {
  display: flex;
  align-items: center;
  column-gap: 15px;
  font-size: 16px;
  font-weight: 500;
  color: var(--ed-color-heading-primary);
}
.about-content-18 .about-list li:not(:last-of-type) {
  margin-bottom: 10px;
}
.about-content-18 .about-list li span {
  font-size: 16px;
  font-weight: 600;
  color: var(--ed-color-theme-primary);
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #E0E5EB;
  border-radius: 50%;
  box-shadow: 0px 8px 19px rgba(13, 40, 38, 0.15);
}
.about-content-18 .about-btn-wrap {
  display: flex;
  align-items: center;
  column-gap: 30px;
  flex-wrap: wrap;
  row-gap: 20px;
  margin-top: 20px;
}
.about-content-18 .about-btn-wrap .about-contact {
  display: flex;
  align-items: center;
  column-gap: 15px;
}
.about-content-18 .about-btn-wrap .about-contact .icon {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.about-content-18 .about-btn-wrap .about-contact a {
  font-size: 20px;
  font-weight: 600;
  color: var(--ed-color-heading-primary);
}
.about-content-18 .about-btn-wrap .about-contact a:hover {
  color: var(--ed-color-theme-primary);
}

.category-section {
  position: relative;
  z-index: 1;
}
.category-section .shapes .shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.category-section .shapes .shape-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}

.category-btn-box {
  background-color: var(--ed-color-theme-primary);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}
@media only screen and (max-width: 767px) {
  .category-btn-box {
    padding: 20px;
  }
}
.category-btn-box .ed-primary-btn {
  background-color: var(--ed-color-common-white);
  color: var(--ed-color-theme-primary);
}
.category-btn-box .ed-primary-btn:before {
  background-color: var(--ed-color-heading-primary);
}
.category-btn-box .ed-primary-btn:hover {
  color: var(--ed-color-common-white);
}

.category-item-18 {
  background-color: var(--ed-color-common-white);
  display: grid;
  align-items: center;
  grid-template-columns: 65px 1fr;
  grid-gap: 20px;
  border-radius: 10px;
  padding: 20px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .category-item-18 {
    grid-template-columns: 1fr;
  }
}
.category-item-18 .icon {
  background-color: #F2F4F7;
  height: 65px;
  width: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}
.category-item-18 .content .title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 5px;
  line-height: 1;
}
@media (max-width: 1200px) {
  .category-item-18 .content .title {
    font-size: 20px;
  }
}
.category-item-18 .content span {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
}
.category-item-18:hover {
  transform: translateY(-5px);
}

.cta-section-18 {
  position: relative;
  z-index: 1;
}
.cta-section-18 .cta-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  filter: saturate(0);
}
.cta-section-18 .overlay {
  background: rgba(16, 54, 51, 0.79);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.cta-section-18 .shape {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}

.cta-wrap-18 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 30px;
}
.cta-wrap-18 .cta-content .title {
  font-size: 36px;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .cta-wrap-18 .cta-content .title {
    font-size: 28px;
  }
}
.cta-wrap-18 .cta-content p {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 0;
  margin-top: 15px;
}
@media only screen and (max-width: 767px) {
  .cta-wrap-18 .cta-content p {
    font-size: 16px;
  }
}

.promo-item-18 {
  margin-bottom: 0;
}
.promo-item-18 .promo-thumb {
  margin-bottom: 60px;
}
.promo-item-18 .promo-thumb .main-img {
  padding: 20px;
  border: 3px solid #E0E5EB;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.promo-item-18 .promo-thumb .icon {
  height: 96px;
  width: 96px;
  top: auto;
  bottom: -40px;
  border: 10px solid var(--ed-color-common-white);
  box-shadow: 0px 8px 16px rgba(14, 48, 45, 0.15);
}
.promo-item-18 .title {
  font-size: 24px;
  font-weight: 600;
}
.promo-item-18 p {
  font-size: 16px;
}
.promo-item-18:hover .promo-thumb .main-img {
  padding: 0;
  border: 3px solid transparent;
}

.team-item-18 {
  background-color: #122927;
  text-align: center;
  padding: 30px;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .team-item-18 {
    padding: 10px;
  }
}
.team-item-18 .round-shape {
  background: #07A698;
  filter: blur(125px);
  position: absolute;
  width: 444px;
  height: 444px;
  top: -62%;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
}
.team-item-18 .team-item-inner {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
  border: 1px solid rgba(255, 255, 255, 0.09);
  backdrop-filter: blur(75px);
  border-radius: 15px;
  padding-top: 30px;
  overflow: hidden;
}
.team-item-18 .team-item-inner .team-content {
  margin-bottom: 20px;
  position: relative;
  z-index: 5;
}
.team-item-18 .team-item-inner .team-content .title {
  margin-bottom: 5px;
}
.team-item-18 .team-item-inner .team-thumb {
  height: 300px;
}
@media (max-width: 1200px) {
  .team-item-18 .team-item-inner .team-thumb {
    width: 100%;
  }
}
.team-item-18 .team-item-inner .team-thumb img {
  height: 100%;
  filter: saturate(0);
}
@media (max-width: 1200px) {
  .team-item-18 .team-item-inner .team-thumb img {
    width: 100%;
    object-fit: cover;
  }
}
.team-item-18 .team-item-inner .bg-overlay {
  background: linear-gradient(180deg, rgba(3, 64, 59, 0.11) 70.94%, rgba(3, 64, 59, 0.85) 100%);
  height: 120%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.team-item-18 .team-item-inner .team-social {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  z-index: 5;
}
.team-item-18 .team-item-inner .team-social .expand i {
  background-color: var(--ed-color-common-white);
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ed-color-theme-primary);
  font-size: 15px;
  cursor: pointer;
  border-radius: 100px 100px 0 0;
}
.team-item-18 .team-item-inner .team-social .social-list {
  position: absolute;
  bottom: 55px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
}
.team-item-18 .team-item-inner .team-social .social-list li {
  display: inline-flex;
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.1, 0.75, 0.25, 1);
}
.team-item-18 .team-item-inner .team-social .social-list li:not(:last-of-type) {
  margin-right: 5px;
}
.team-item-18 .team-item-inner .team-social .social-list li:nth-child(4) {
  transition-delay: 250ms;
}
.team-item-18 .team-item-inner .team-social .social-list li:nth-child(3) {
  transition-delay: 200ms;
}
.team-item-18 .team-item-inner .team-social .social-list li:nth-child(2) {
  transition-delay: 150ms;
}
.team-item-18 .team-item-inner .team-social .social-list li:nth-child(1) {
  transition-delay: 100ms;
}
.team-item-18 .team-item-inner .team-social .social-list li a {
  background-color: var(--ed-color-common-white);
  color: var(--ed-color-theme-primary);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  cursor: pointer;
  transition: 0.3s all ease-in-out;
  border-radius: 50%;
}
.team-item-18 .team-item-inner .team-social .social-list li a:hover {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
}
.team-item-18 .team-item-inner .team-social:hover .social-list li {
  visibility: visible;
  opacity: 1;
}

.request-section-18 {
  background-color: var(--ed-color-theme-primary);
}

.request-content-18 p {
  color: var(--ed-color-common-white);
}
.request-content-18 .request-form-wrapper .form-items .form-item .form-control {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.6);
}
.request-content-18 .request-btn .ed-primary-btn {
  background-color: var(--ed-color-common-white);
  color: var(--ed-color-theme-primary);
}
.request-content-18 .request-btn .ed-primary-btn:before {
  background-color: var(--ed-color-heading-primary);
}
.request-content-18 .request-btn .ed-primary-btn:hover {
  color: var(--ed-color-common-white);
}

.event-wrap-18 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 20px;
  padding: 30px 30px 30px 50px;
  border: 1px solid #E0E5EB;
  position: relative;
  z-index: 1;
  border-radius: 15px;
}
@media only screen and (max-width: 767px) {
  .event-wrap-18 {
    padding: 30px 20px;
    flex-direction: column;
    row-gap: 30px;
  }
}
.event-wrap-18 .bg-shape {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.event-wrap-18 .event-content .title {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}
@media (max-width: 1200px) {
  .event-wrap-18 .event-content .title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .event-wrap-18 .event-content .title {
    font-size: 18px;
  }
}
.event-wrap-18 .event-content .title .live {
  color: #F20F10;
  display: flex;
  align-items: center;
  margin-left: 5px;
}
.event-wrap-18 .event-content .title .live .dot {
  height: 21px;
  width: 21px;
  border: 2px solid #F20F10;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-top: 3px;
  margin-left: 5px;
}
.event-wrap-18 .event-content .title .live .dot:before {
  background-color: #F20F10;
  content: "";
  height: 13px;
  width: 13px;
  position: absolute;
  top: 2px;
  left: 2px;
  border-radius: 50%;
}
.event-wrap-18 .event-content p {
  margin-bottom: 20px;
}
@media (max-width: 1200px) {
  .event-wrap-18 .event-content p br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .event-wrap-18 .event-content p {
    font-size: 14px;
  }
}
.event-wrap-18 .event-content .event-list {
  list-style: none;
  margin-bottom: 30px;
}
.event-wrap-18 .event-content .event-list li {
  color: var(--ed-color-heading-primary);
  font-size: 16px;
  font-weight: 500;
}
.event-wrap-18 .event-content .event-list li:not(:last-of-type) {
  margin-bottom: 10px;
}
.event-wrap-18 .event-content .event-list li i {
  color: var(--ed-color-theme-primary);
  margin-right: 10px;
}
.event-wrap-18 .event-content .event-author {
  display: flex;
  align-items: center;
  column-gap: 20px;
  flex-wrap: wrap;
  row-gap: 20px;
}
.event-wrap-18 .event-content .event-author .author-list {
  list-style: none;
  display: inline-flex;
}
.event-wrap-18 .event-content .event-author .author-list li {
  height: 45px;
  width: 45px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.event-wrap-18 .event-content .event-author .author-list li:not(:first-of-type) {
  margin-left: -20px;
}
.event-wrap-18 .event-content .event-author .author-list li img {
  width: 100%;
  height: 100%;
  border: 2px solid var(--ed-color-common-white);
  border-radius: 50%;
  object-fit: cover;
}
.event-wrap-18 .event-content .event-author .author-list li.plus {
  background-color: #214340;
  color: var(--ed-color-common-white);
}
.event-wrap-18 .event-img {
  max-width: 598px;
  width: 100%;
  height: 310px;
}
@media (max-width: 1200px) {
  .event-wrap-18 .event-img {
    max-width: 500px;
  }
}
.event-wrap-18 .event-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}


@media only screen and (max-width: 992px) {
  .about-content-19 {
    margin-bottom: 40px;
  }
}
.about-content-19 .title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
  line-height: 1.5;
}
.about-content-19 .about-list {
  margin-bottom: 30px;
}
.about-content-19 .about-list li {
  display: flex;
  align-items: center;
  column-gap: 10px;
  align-items: start;
  font-size: 16px;
  font-weight: 400;
  color: var(--ed-color-text-body);
}
.about-content-19 .about-list li:not(:last-of-type) {
  margin-bottom: 20px;
}
.about-content-19 .about-list li i {
  color: var(--ed-color-theme-primary);
}

.about-img-19 {
  max-width: 568px;
  width: 100%;
  height: 335px;
}
.about-img-19 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.feature-card-19 {
  border: 2px solid transparent;
}
.feature-card-19 .icon {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.feature-card-19 .icon img {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.feature-card-19 .content p {
  margin-bottom: 20px;
}
.feature-card-19 .feature-btn {
  color: var(--ed-color-theme-primary);
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
}
.feature-card-19:hover {
  border-color: var(--ed-color-theme-primary);
}
.feature-card-19:hover .icon {
  background-color: var(--ed-color-theme-primary);
}
.feature-card-19:hover .icon img {
  filter: brightness(0) invert(1);
}

.course-section-19 {
  background-color: #1A2226;
  position: relative;
  z-index: 1;
}
.course-section-19 .shapes .shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.course-section-19 .shapes .shape-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.course-section-19 .shapes .shape-3 {
  position: absolute;
  top: 60px;
  left: 45px;
  z-index: -1;
}
.course-section-19 .shapes .shape-4 {
  position: absolute;
  top: 0;
  right: 200px;
  z-index: -1;
}
.course-section-19 .shapes .shape-5 {
  position: absolute;
  bottom: 200px;
  right: 50px;
  z-index: -1;
}

.video-area-19 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  padding: 205px 0;
}
@media only screen and (max-width: 992px) {
  .video-area-19 {
    padding: 150px 0;
  }
}

.video-btn-wrapper {
  height: 140px;
  width: 140px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.video-btn-wrapper .video-btn {
  height: 110px;
  width: 110px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-btn-wrapper .video-btn a {
  background-color: var(--ed-color-common-white);
  color: var(--ed-color-theme-primary);
  height: 80px;
  width: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-btn-wrapper .video-btn a:hover {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
}

.counter-section-19 {
  background-color: var(--ed-color-theme-primary);
  position: relative;
  z-index: 1;
}
.counter-section-19 .shape {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

.counter-wrap-19 {
  background-color: var(--ed-color-common-white);
  display: flex;
  align-items: center;
  padding: 0 50px;
  border-radius: 15px;
}
@media only screen and (max-width: 992px) {
  .counter-wrap-19 {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .counter-wrap-19 {
    flex-direction: column;
    row-gap: 30px;
    align-items: baseline;
    padding: 30px;
  }
}
.counter-wrap-19 .counter-item-19 {
  display: grid;
  align-items: center;
  grid-template-columns: 45px 1fr;
  grid-gap: 15px;
  padding: 45px 0px;
}
@media only screen and (max-width: 992px) {
  .counter-wrap-19 .counter-item-19 {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .counter-wrap-19 .counter-item-19 {
    align-items: baseline;
    padding: 0;
  }
}
.counter-wrap-19 .counter-item-19:not(:last-of-type) {
  margin-right: 60px;
  padding-right: 60px;
  border-right: 1px solid #DEE7E4;
}
@media (max-width: 1399px) {
  .counter-wrap-19 .counter-item-19:not(:last-of-type) {
    margin-right: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 1200px) {
  .counter-wrap-19 .counter-item-19:not(:last-of-type) {
    margin-right: 30px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .counter-wrap-19 .counter-item-19:not(:last-of-type) {
    padding: 0;
    margin: 0;
    border: none;
  }
}
.counter-wrap-19 .counter-item-19 .content p {
  font-size: 18px;
  font-weight: 500;
  color: var(--ed-color-heading-primary);
  margin-bottom: 0;
}
@media (max-width: 1200px) {
  .counter-wrap-19 .counter-item-19 .content p {
    font-size: 15px;
  }
}
.counter-wrap-19 .counter-item-19 .content .title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 1;
}
.counter-wrap-19 .counter-item-19 .content .title .odometer-auto-theme {
  font-family: inherit;
  line-height: 1;
}

.blog-19 {
  position: relative;
  z-index: 1;
}
.blog-19 .shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.blog-19 .shape-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}


.feature-item-20 {
  background: var(--ed-color-common-white);
  box-shadow: 0px 12px 54px rgba(11, 26, 24, 0.09);
  border-radius: 15px;
  padding: 40px;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .feature-item-20 {
    padding: 30px 20px;
  }
}
.feature-item-20 .feature-inner {
  display: grid;
  align-items: center;
  grid-template-columns: 70px 1fr;
  grid-gap: 20px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .feature-item-20 .feature-inner {
    grid-template-columns: 1fr;
  }
}
.feature-item-20 .feature-inner .icon {
  background-color: #F2F4F7;
  height: 70px;
  width: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}
.feature-item-20 .feature-inner .content .title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0;
}
@media only screen and (max-width: 992px) {
  .feature-item-20 .feature-inner .content .title {
    font-size: 20px;
  }
}
.feature-item-20 p {
  margin-bottom: 25px;
}
.feature-item-20 .feature-btn .ed-primary-btn {
  background-color: var(--ed-color-common-white);
  padding: 12px 30px;
  border: 1px solid #E0E5EB;
  color: var(--ed-color-theme-primary);
}
.feature-item-20 .feature-btn .ed-primary-btn:before {
  background-color: var(--ed-color-theme-primary);
}
.feature-item-20 .feature-btn .ed-primary-btn:hover {
  color: var(--ed-color-common-white);
}
.feature-item-20:hover {
  border-color: var(--ed-color-theme-primary);
}

.about-left-content {
  display: flex;
  align-items: center;
  align-items: start;
}
@media only screen and (max-width: 767px) {
  .about-left-content {
    flex-direction: column;
    row-gap: 40px;
  }
}
.about-left-content .about-counter-list {
  background-color: #F2F4F7;
  max-width: 220px;
  width: 100%;
  padding: 10px;
  border-radius: 10px;
}
@media only screen and (max-width: 767px) {
  .about-left-content .about-counter-list {
    margin: 0 auto;
  }
}
.about-left-content .about-counter-list .about-counter {
  background-color: var(--ed-color-common-white);
  border: 1px solid #E0E5EB;
  border-radius: 10px;
  overflow: hidden;
}
.about-left-content .about-counter-list .about-counter:not(:last-of-type) {
  margin-bottom: 10px;
}
.about-left-content .about-counter-list .about-counter .counter-inner {
  padding: 22.5px 20px;
}
.about-left-content .about-counter-list .about-counter .counter-inner .title {
  color: var(--ed-color-theme-primary);
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.about-left-content .about-counter-list .about-counter .counter-inner .title .odometer-auto-theme {
  font-family: inherit;
  line-height: 1;
}
.about-left-content .about-counter-list .about-counter p {
  background-color: var(--ed-color-theme-primary);
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--ed-color-common-white);
  padding: 3.5px 20px;
  width: 100%;
}
.about-left-content .about-img-20 {
  background: var(--ed-color-common-white);
  box-shadow: 0px 10px 46px 3px rgba(14, 33, 31, 0.23);
  border-radius: 10px;
  padding: 10px;
  height: 520px;
  max-width: 393px;
  width: 100%;
  margin-left: 24px;
}
@media only screen and (max-width: 767px) {
  .about-left-content .about-img-20 {
    margin-left: 0;
    height: 400px;
  }
}
.about-left-content .about-img-20 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.about-content-20 {
  padding-left: 40px;
}
@media only screen and (max-width: 992px) {
  .about-content-20 {
    padding-left: 0;
    margin-top: 40px;
  }
}
.about-content-20 p {
  max-width: 478px;
  width: 100%;
}

.course-section-20 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

.course-carousel-wrap-20 {
  position: relative;
}
.course-carousel-wrap-20 .swiper-arrow .swiper-nav {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: -110px;
  transform: translateY(-50%);
  z-index: 5;
}
@media (max-width: 1600px) {
  .course-carousel-wrap-20 .swiper-arrow .swiper-nav {
    left: -30px;
  }
}
@media (max-width: 1399px) {
  .course-carousel-wrap-20 .swiper-arrow .swiper-nav {
    left: 0;
  }
}
@media (max-width: 1200px) {
  .course-carousel-wrap-20 .swiper-arrow .swiper-nav {
    display: none;
  }
}
.course-carousel-wrap-20 .swiper-arrow .swiper-nav:hover {
  background-color: var(--ed-color-common-white);
  color: var(--ed-color-theme-primary);
}
.course-carousel-wrap-20 .swiper-arrow .swiper-nav.swiper-prev {
  left: auto;
  right: -110px;
}
@media (max-width: 1600px) {
  .course-carousel-wrap-20 .swiper-arrow .swiper-nav.swiper-prev {
    right: -30px;
  }
}
@media (max-width: 1399px) {
  .course-carousel-wrap-20 .swiper-arrow .swiper-nav.swiper-prev {
    right: 0;
  }
}
@media (max-width: 1200px) {
  .course-carousel-wrap-20 .swiper-arrow .swiper-nav.swiper-prev {
    display: none;
  }
}

.course-item.course-item-20 {
  background-color: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.07);
}
.course-item.course-item-20 .course-content {
  border-color: rgba(255, 255, 255, 0.1);
}

.newsletter-section-20 {
  background-color: #F2F4F7;
  position: relative;
  z-index: 1;
}
.newsletter-section-20 .shapes .shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.newsletter-section-20 .shapes .shape-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}

.newsletter-top .footer-form-wrap {
  max-width: 980px;
  width: 100%;
  margin: 0 auto;
}
.newsletter-top .footer-form-wrap .footer-form {
  position: relative;
  width: 100%;
}
.newsletter-top .footer-form-wrap .footer-form .ed-primary-btn {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .newsletter-top .footer-form-wrap .footer-form .ed-primary-btn {
    position: relative;
    top: 0;
    right: 0;
    transform: inherit;
    margin-top: 20px;
  }
}
.newsletter-top .footer-form-wrap .footer-form .form-item {
  width: 100%;
  position: relative;
}
.newsletter-top .footer-form-wrap .footer-form .form-item .form-control {
  background-color: var(--ed-color-common-white);
  color: #6C706F;
  padding: 20px 30px;
  padding-left: 60px;
  width: 100%;
  border-radius: 100px;
  border: none;
  box-shadow: none;
}
.newsletter-top .footer-form-wrap .footer-form .form-item .form-control::-webkit-input-placeholder {
  color: #6C706F;
}
.newsletter-top .footer-form-wrap .footer-form .form-item .form-control:-moz-placeholder {
  color: #6C706F;
}
.newsletter-top .footer-form-wrap .footer-form .form-item .form-control::-moz-placeholder {
  color: #6C706F;
}
.newsletter-top .footer-form-wrap .footer-form .form-item .form-control:-ms-input-placeholder {
  color: #6C706F;
}
.newsletter-top .footer-form-wrap .footer-form .form-item .icon {
  color: var(--ed-color-theme-primary);
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
}

.event-20 {
  background-color: var(--ed-color-theme-primary);
  margin: 0 60px;
  border-radius: 15px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .event-20 {
    margin: 0;
  }
}
.event-20 .shapes .shape-1 {
  position: absolute;
  top: 50px;
  left: 30px;
  z-index: -1;
}
.event-20 .shapes .shape-2 {
  position: absolute;
  top: 0;
  right: 100px;
  z-index: -1;
}
.event-20 .shapes .shape-3 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.event-20 .shapes .shape-4 {
  position: absolute;
  bottom: 150px;
  right: 0;
  z-index: -1;
}

.event-card-20 {
  grid-template-columns: 1fr;
}
.event-card-20 .event-thumb {
  height: 264px;
  max-width: 100%;
}

.event-card-wrap-20 .event-card:not(:last-of-type) {
  margin-bottom: 24px;
}

.team-item-20 {
  padding: 20px;
}
.team-item-20 .team-thumb {
  width: 100%;
  height: 310px;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
  margin-bottom: 25px;
}
.team-item-20 .team-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 15px;
}
.team-item-20 .team-thumb:before {
  background: linear-gradient(180deg, rgba(22, 39, 38, 0) 20.97%, #162726 100%);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.team-item-20 .team-thumb .social-list {
  display: inline-flex;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 20px;
  z-index: 5;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.team-item-20 .team-thumb .social-list li:not(:last-of-type) {
  margin-right: 10px;
}
.team-item-20 .team-thumb .social-list li a {
  background-color: var(--ed-color-common-white);
  color: var(--ed-color-theme-primary);
  font-size: 15px;
  height: 40px;
  width: 40px;
  border: 1px solid #E0E5EB;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.team-item-20 .team-thumb .social-list li a:hover {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
  border: 1px solid var(--ed-color-theme-primary);
}
.team-item-20:hover .team-thumb:before {
  visibility: visible;
  opacity: 1;
}
.team-item-20:hover .team-thumb .social-list {
  visibility: visible;
  opacity: 1;
  bottom: 30px;
}

.pricing-section-20 {
  background-color: #162726;
  position: relative;
  z-index: 1;
}
.pricing-section-20 .shapes .shape-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.pricing-section-20 .shapes .shape-2 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

.pricing-item-20 {
  background-color: var(--ed-color-common-white);
  padding: 0;
}
.pricing-item-20 .pricing-item-top {
  padding: 40px;
  border-bottom: 1px solid #E0E5EB;
}
@media (max-width: 1200px) {
  .pricing-item-20 .pricing-item-top {
    padding: 30px 20px;
  }
}
@media (max-width: 1200px) {
  .pricing-item-20 .pricing-item-top .pricing-offer br {
    display: none;
  }
}
.pricing-item-20 .pricing-item-top .price {
  margin-top: 15px;
  font-size: 40px;
  color: var(--ed-color-theme-primary);
  margin-bottom: 0;
  line-height: 1;
}
.pricing-item-20 .pricing-item-top .price span {
  font-size: 16px;
  font-weight: 400;
  color: var(--ed-color-heading-primary);
}
.pricing-item-20 .pricing-item-bottom {
  padding: 40px;
}
@media (max-width: 1200px) {
  .pricing-item-20 .pricing-item-bottom {
    padding: 30px 20px;
  }
}
.pricing-item-20 .pricing-item-bottom .pricing-list-wrap {
  margin-bottom: 30px;
}
.pricing-item-20 .pricing-item-bottom .pricing-list-wrap .list-title {
  margin-bottom: 20px;
}
.pricing-item-20 .pricing-item-bottom .pricing-btn .ed-primary-btn {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
}
.pricing-item-20 .pricing-item-bottom .pricing-btn .ed-primary-btn:before {
  background-color: #162726;
}
.pricing-item-20 .pricing-item-bottom .pricing-btn .ed-primary-btn:hover {
  border-color: #162726;
  color: var(--ed-color-theme-primary);
}
.pricing-item-20.active {
  background-color: var(--ed-color-theme-primary);
}
.pricing-item-20.active .pricing-item-top {
  border-color: rgba(255, 255, 255, 0.15);
}
.pricing-item-20.active .pricing-item-top .price {
  color: var(--ed-color-common-white);
}
.pricing-item-20.active .pricing-item-top .price span {
  color: var(--ed-color-common-white);
}
.pricing-item-20.active .pricing-item-bottom .pricing-list li i {
  color: var(--ed-color-common-white);
}
.pricing-item-20.active .pricing-item-bottom .pricing-btn .ed-primary-btn {
  background-color: var(--ed-color-common-white);
  color: var(--ed-color-theme-primary);
}

.footer-cta-area {
  background-color: var(--ed-color-theme-primary);
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.footer-cta-area .shape-1 {
  position: absolute;
  bottom: 0;
  right: 80px;
  z-index: -2;
}
.footer-cta-area .shape-2 {
  position: absolute;
  top: 50px;
  left: 20px;
  z-index: -1;
}
@media only screen and (max-width: 992px) {
  .footer-cta-area .shape-2 {
    display: none;
  }
}

.footer-cta-content {
  padding: 105px 0 95px 0;
  position: relative;
  z-index: 1;
  width: 100%;
}
@media only screen and (max-width: 992px) {
  .footer-cta-content {
    padding: 70px 0;
  }
}
.footer-cta-content .section-heading .section-title br {
  display: block;
}
.footer-cta-content .laptop-img {
  position: absolute;
  bottom: 0;
  right: -50px;
  z-index: -1;
}
@media (max-width: 1200px) {
  .footer-cta-content .laptop-img {
    right: -200px;
  }
}
@media only screen and (max-width: 992px) {
  .footer-cta-content .laptop-img {
    display: none;
  }
}

.cta-content-wrapper-20 {
  background-color: #F2F4F7;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 478px;
  grid-gap: 40px;
  border: 1px solid #E0E5EB;
  border-radius: 20px;
  padding: 60px;
}
@media (max-width: 1200px) {
  .cta-content-wrapper-20 {
    grid-template-columns: 1fr 350px;
    padding: 40px 30px;
    grid-gap: 20px;
  }
}
@media only screen and (max-width: 992px) {
  .cta-content-wrapper-20 {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .cta-content-wrapper-20 {
    padding: 30px 10px;
  }
}
.cta-content-wrapper-20 .cta-left-content .cta-logo {
  margin-bottom: 25px;
}
.cta-content-wrapper-20 .cta-left-content .cta-content-20 {
  background-color: var(--ed-color-common-white);
  padding: 30px;
  border-radius: 10px;
}
@media only screen and (max-width: 767px) {
  .cta-content-wrapper-20 .cta-left-content .cta-content-20 {
    padding: 20px 10px;
  }
}
.cta-content-wrapper-20 .cta-left-content .cta-content-20 .cta-info-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 15px;
  border-bottom: 1px solid #E0E5EB;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .cta-content-wrapper-20 .cta-left-content .cta-content-20 .cta-info-list {
    flex-direction: column;
    row-gap: 15px;
    align-items: baseline;
  }
}
.cta-content-wrapper-20 .cta-left-content .cta-content-20 .cta-info-list ul {
  list-style: none;
}
.cta-content-wrapper-20 .cta-left-content .cta-content-20 .cta-info-list ul li {
  color: var(--ed-color-heading-primary);
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}
.cta-content-wrapper-20 .cta-left-content .cta-content-20 .cta-info-list ul li:not(:last-of-type) {
  margin-bottom: 15px;
}
@media (max-width: 1399px) {
  .cta-content-wrapper-20 .cta-left-content .cta-content-20 .cta-info-list ul li {
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .cta-content-wrapper-20 .cta-left-content .cta-content-20 .cta-info-list ul li {
    font-size: 14px;
  }
}
.cta-content-wrapper-20 .cta-left-content .cta-content-20 .cta-info-list ul li i {
  color: var(--ed-color-theme-primary);
  margin-right: 10px;
}
.cta-content-wrapper-20 .cta-left-content .cta-content-20 .cta-items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 5px;
}
@media only screen and (max-width: 767px) {
  .cta-content-wrapper-20 .cta-left-content .cta-content-20 .cta-items {
    flex-wrap: wrap;
    row-gap: 15px;
    align-items: baseline;
  }
}
.cta-content-wrapper-20 .cta-left-content .cta-content-20 .cta-items .cta-item {
  background-color: #F2F4F7;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70px;
  width: 70px;
  border: 1px solid #E0E5EB;
  border-radius: 10px;
}
.cta-content-wrapper-20 .cta-img {
  background-color: var(--ed-color-common-white);
  height: 350px;
  max-width: 478px;
  width: 100%;
  padding: 5px;
  border-radius: 15px;
}
.cta-content-wrapper-20 .cta-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.popular-item-2 {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 220px;
  grid-gap: 40px;
  padding: 40px;
  position: relative;
  z-index: 1;
}
@media (max-width: 1200px) {
  .popular-item-2 {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 992px) {
  .popular-item-2 {
    padding: 40px 20px;
  }
}
.popular-item-2 .shape-1 {
  background: #07A698;
  opacity: 0.42;
  filter: blur(125px);
  position: absolute;
  top: 0;
  right: 0;
  width: 331px;
  height: 331px;
  border-radius: 50%;
  z-index: -1;
}
.popular-item-2 .popular-content .title {
  font-size: 24px;
}
.popular-item-2 .popular-img {
  max-width: 220px;
  width: 100%;
  height: 162px;
}
.popular-item-2 .popular-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.about-21 {
  background-color: #F2F4F7;
  position: relative;
  z-index: 1;
}
.about-21 .shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.about-21 .shape-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}

.about-img-wrap-21 {
  position: relative;
  max-width: 628px;
  width: 100%;
  height: 555px;
}
@media only screen and (max-width: 992px) {
  .about-img-wrap-21 {
    margin-bottom: 40px;
  }
}
.about-img-wrap-21 .about-img-1 {
  position: absolute;
  top: 50px;
  left: 20px;
  height: 240px;
  width: 240px;
}
.about-img-wrap-21 .about-img-1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 5px solid var(--ed-color-common-white);
  border-radius: 50%;
}
.about-img-wrap-21 .faq-img {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 495px;
  width: 100%;
  height: 100%;
  border-radius: 15px;
}
.about-img-wrap-21 .faq-img img {
  border-radius: 15px;
}
.about-img-wrap-21 .faq-text-box {
  bottom: 50px;
}

.about-content-21 .about-items {
  display: flex;
  align-items: center;
  column-gap: 24px;
  justify-content: start;
}
.about-content-21 .about-items .about-item {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0px 11px 44px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(50px);
  border-radius: 15px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 30px 20px;
  max-width: 268px;
  width: 100%;
}
@media (max-width: 1200px) {
  .about-content-21 .about-items .about-item {
    max-width: 220px;
  }
}
.about-content-21 .about-items .about-item .icon {
  background: rgba(7, 166, 152, 0.14);
  height: 60px;
  width: 60px;
  margin: 0 auto;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.about-content-21 .about-items .about-item .content .title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0;
}
@media (max-width: 1200px) {
  .about-content-21 .about-items .about-item .content .title {
    font-size: 16px;
  }
}
.about-content-21 .about-btn {
  display: flex;
  align-items: center;
  column-gap: 30px;
  flex-wrap: wrap;
  row-gap: 15px;
}
.about-content-21 .about-btn .about-contact {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 15px;
}
.about-content-21 .about-btn .about-contact .icon {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.about-content-21 .about-btn .about-contact a {
  color: var(--ed-color-heading-primary);
  font-size: 16px;
  font-weight: 600;
}
.about-content-21 .about-btn .about-contact a:hover {
  color: var(--ed-color-theme-primary);
}

.booking-section {
  background-color: var(--ed-color-theme-primary);
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .booking-section .shapes {
    display: none;
  }
}
.booking-section .shapes .shape-1 {
  position: absolute;
  top: 50px;
  left: 30px;
  z-index: -1;
}
.booking-section .shapes .shape-2 {
  position: absolute;
  top: 0;
  right: 200px;
  z-index: -1;
}
.booking-section .shapes .shape-3 {
  position: absolute;
  top: 40%;
  right: 20px;
  z-index: -1;
}

.booking-content .faq-thumb-list {
  display: flex;
  align-items: center;
  margin-top: 30px;
}
.booking-content .faq-thumb-list li {
  height: 56px;
  width: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid var(--ed-color-common-white);
  border-radius: 50%;
}
.booking-content .faq-thumb-list li:not(:last-of-type) {
  margin-right: -20px;
}
.booking-content .faq-thumb-list li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.booking-content .faq-thumb-list li.number {
  background-color: var(--ed-color-heading-primary);
  color: var(--ed-color-common-white);
  font-size: 25px;
  font-weight: 600;
}

.booking-form-wrap {
  background-color: var(--ed-color-common-white);
  padding: 40px;
  border-radius: 20px;
}
@media only screen and (max-width: 992px) {
  .booking-form-wrap {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .booking-form-wrap {
    padding: 30px 20px;
  }
}
.booking-form-wrap .form-title {
  font-size: 24px;
  margin-bottom: 20px;
}
.booking-form-wrap .booking-form .form-item .form-control {
  background-color: #F2F4F7;
  font-size: 16px;
  font-weight: 400;
  padding: 14px 20px;
  box-shadow: none;
  border: none;
  border-radius: 5px;
  margin-bottom: 12px;
}
.booking-form-wrap .booking-form .submit-btn .ed-primary-btn {
  width: 100%;
  border-radius: 5px;
  justify-content: center;
}

.step-section-21 {
  overflow-x: clip;
}

.step-item-21 {
  align-items: center;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .step-item-21 {
    row-gap: 40px;
  }
}
.step-item-21:not(:last-of-type) {
  margin-bottom: 200px;
}
@media (max-width: 1200px) {
  .step-item-21:not(:last-of-type) {
    margin-bottom: 170px;
  }
}
@media only screen and (max-width: 992px) {
  .step-item-21:not(:last-of-type) {
    margin-bottom: 50px;
  }
}
.step-item-21 .step-shape-1 {
  position: absolute;
  bottom: -200px;
  left: 60%;
  transform: translateX(-50%);
  z-index: -1;
}
@media (max-width: 1399px) {
  .step-item-21 .step-shape-1 {
    left: 55%;
  }
}
@media (max-width: 1200px) {
  .step-item-21 .step-shape-1 {
    left: 50%;
    width: 95%;
    bottom: -170px;
  }
}
@media only screen and (max-width: 992px) {
  .step-item-21 .step-shape-1 {
    display: none;
  }
}
.step-item-21 .step-content .step-inner {
  display: grid;
  align-items: center;
  grid-template-columns: 120px 1fr;
  grid-gap: 20px;
  margin-bottom: 35px;
}
.step-item-21 .step-content .step-inner .icon {
  background-color: var(--ed-color-common-white);
  border: 1px solid #E0E5EB;
  box-shadow: 0px 14px 60px rgba(20, 71, 67, 0.22);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 120px;
  width: 120px;
  border-radius: 50%;
}
.step-item-21 .step-content .step-inner .number {
  color: #234542;
  opacity: 0.1;
  font-size: 60px;
  font-weight: 700;
  line-height: 1;
}
@media only screen and (max-width: 992px) {
  .step-item-21 .step-content .step-inner .number {
    font-size: 40px;
  }
}
.step-item-21 .step-content .title {
  margin-bottom: 20px;
}
.step-item-21 .step-content p {
  margin-bottom: 0;
  max-width: 502px;
  width: 100%;
}
.step-item-21 .step-img {
  max-width: 628px;
  width: 100%;
  height: 400px;
  border-radius: 25px;
  box-shadow: 0px 11px 51px rgba(19, 83, 77, 0.22);
}
.step-item-21 .step-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 25px;
  border: 6px solid var(--ed-color-common-white);
}
@media only screen and (max-width: 992px) {
  .step-item-21.item-2 {
    flex-direction: column-reverse;
  }
}
.step-item-21.item-2 .step-content {
  padding-left: 35px;
}
@media only screen and (max-width: 992px) {
  .step-item-21.item-2 .step-content {
    padding-left: 0;
  }
}

.testi-21 {
  position: relative;
  z-index: 1;
  overflow-x: clip;
}
.testi-21 .shape {
  background: linear-gradient(180deg, rgba(7, 166, 152, 0) 0%, rgba(7, 166, 152, 0.39) 100%);
  filter: blur(300px);
  position: absolute;
  width: 2620px;
  height: 990px;
  top: -60%;
  left: 0;
  z-index: -1;
}

.event-carousel-20 {
  padding-bottom: 90px;
}
.event-carousel-20 .swiper-pagination {
  bottom: 0;
}
.event-carousel-20 .swiper-pagination .swiper-pagination-bullet {
  background-color: transparent;
  height: 20px;
  width: 20px;
  border: 2px solid var(--ed-color-common-white);
  opacity: 1;
  border-radius: 50%;
  position: relative;
}
.event-carousel-20 .swiper-pagination .swiper-pagination-bullet:before {
  background-color: var(--ed-color-common-white);
  content: "";
  height: 7px;
  width: 7px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  visibility: hidden;
  opacity: 0;
}
.event-carousel-20 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border: 2px solid var(--ed-color-common-white);
}
.event-carousel-20 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  visibility: visible;
  opacity: 1;
}

.event-item-21 {
  background-color: var(--ed-color-common-white);
  padding: 30px;
}
.event-item-21 .event-thumb {
  margin-bottom: 20px;
  border-radius: 10px;
  overflow: hidden;
  height: 220px;
}
.event-item-21 .event-thumb img {
  border-radius: 10px;
}
.event-item-21 .event-content {
  background-color: var(--ed-color-common-white);
  padding: 0;
}
.event-item-21 .event-content .title {
  font-size: 24px;
  font-weight: 600;
}
.event-item-21 .event-content .location {
  margin-bottom: 10px;
}
.event-item-21 .event-content .ed-primary-btn {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
  margin-top: 20px;
}
.event-item-21 .event-content .ed-primary-btn:before {
  background-color: var(--ed-color-heading-primary);
}


.h-22-blog-card {
  background: #F2F4F7;
  border-radius: 15px;
}
.h-22-blog-thumb img {
  border-radius: 15px 15px 0px 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.h-22-blog-wrap {
  padding: 22px 25px 30px 30px;
}
.h-22-blog-content .title {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 32px;
  color: #162726;
  margin-bottom: 14px;
}
@media (max-width: 1399px) {
  .h-22-blog-content .title {
    font-size: 20px;
  }
}
@media (max-width: 1200px) {
  .h-22-blog-content .title {
    font-size: 22px;
  }
}
@media only screen and (max-width: 992px) {
  .h-22-blog-content .title {
    font-size: 20px;
  }
}
.h-22-blog-content p {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #6C706F;
  margin-bottom: 22px;
}
.h-22-blog-meta {
  display: flex;
  align-items: center;
  list-style: none;
  flex-wrap: wrap;
  row-gap: 10px;
  position: relative;
}
.h-22-blog-meta::before {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  background: #162726;
  border-radius: 50%;
  top: 44%;
  left: 50.5%;
  transform: translate(-50%, 50%);
}
@media only screen and (max-width: 767px) {
  .h-22-blog-meta::before {
    display: none;
  }
}
.h-22-blog-meta li {
  font-family: var(--ed-ff-heading);
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #6C706F;
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.h-22-blog-meta li img {
  border-radius: 50%;
}
.h-22-blog-meta li i {
  font-size: 14px;
  margin-top: 1px;
}
.h-22-blog-meta li:not(:last-of-type) {
  margin-right: 30px;
}

.h-22-events-card {
  background: #F2F4F7;
  border-radius: 15px;
}
.h-22-events-thumb {
  padding: 10px 10px 0px 10px;
}
@media only screen and (max-width: 767px) {
  .h-22-events-thumb {
    height: 250px;
  }
}
.h-22-events-thumb img {
  border-radius: 15px;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.h-22-events-content {
  padding: 30px 30px 35px 30px;
}
@media only screen and (max-width: 767px) {
  .h-22-events-content {
    padding: 30px 30px 35px 20px;
  }
}
.h-22-events-content-2 {
  padding: 32px 30px 48px 20px;
}
@media (max-width: 1200px) {
  .h-22-events-content-2 {
    padding: 32px 20px 40px 20px;
  }
}
.h-22-events-content .title {
  font-family: var(--ed-ff-heading);
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 32px;
  color: #162726;
  margin-top: 9px;
  margin-bottom: 23px;
}
@media (max-width: 1200px) {
  .h-22-events-content .title br {
    display: none;
  }
}
.h-22-events-content .title a {
  background: linear-gradient(var(--ed-color-theme-primary) 0%, var(--ed-color-theme-primary) 98%);
  background-size: 0 2px;
  background-repeat: no-repeat;
  background-position: left 100%;
  transition: all 0.3s ease-in-out;
}
.h-22-events-content .title a:hover {
  color: var(--ed-color-theme-primary);
  background-size: 100% 2px;
}
.h-22-events-content .bottom-contant {
  display: flex;
  gap: 20px;
  align-items: center;
  flex-wrap: wrap;
}
.h-22-events-content .bottom-contant .author-info img {
  border-radius: 100%;
}
.h-22-events-content .bottom-contant .author-info .name {
  font-family: var(--ed-ff-heading);
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #6C706F;
  margin-left: 10px;
}
.h-22-events-card-2 {
  display: grid;
  align-items: center;
  grid-template-columns: 240px 1fr;
  grid-gap: 0;
  padding: 0;
  border-radius: 10px;
  overflow: hidden;
  background: #F2F4F7;
  border-radius: 15px;
}
@media (max-width: 1399px) {
  .h-22-events-card-2 {
    grid-template-columns: 225px 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .h-22-events-card-2 {
    grid-template-columns: 1fr;
  }
}
.h-22-events-card-2-3 {
  margin-bottom: 24px;
}
.h-22-events-card-2 .events-thumb {
  height: 100%;
  padding: 10px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .h-22-events-card-2 .events-thumb {
    height: 300px;
  }
}
.h-22-events-card-2 .events-thumb img {
  border-radius: 15px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.promo-section-22 {
  background: #F2F4F7;
  position: relative;
}
.promo-section-22-border {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: space-around;
  top: 0;
  right: 0;
  left: 0;
}
@media (max-width: 1200px) {
  .promo-section-22-border {
    display: none;
  }
}
.promo-section-22-border span {
  width: 1px;
  height: 674px;
  background: rgba(7, 166, 152, 0.14);
  display: inline-block;
}
.promo-section-22 .promo-wrapper-22 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}
@media (max-width: 1200px) {
  .promo-section-22 .promo-wrapper-22 {
    flex-wrap: inherit;
  }
}
@media only screen and (max-width: 992px) {
  .promo-section-22 .promo-wrapper-22 {
    flex-wrap: wrap;
  }
}
.promo-section-22 .promo-item-22 {
  text-align: center;
}
@media (max-width: 1200px) {
  .promo-section-22 .promo-item-22 {
    margin-bottom: 30px;
  }
}
.promo-section-22 .promo-item-22 .icon {
  background-color: var(--ed-color-common-white);
  height: 120px;
  width: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 auto;
  margin-bottom: 30px;
}
.promo-section-22 .promo-item-22 .promo-content .title {
  font-family: var(--ed-ff-heading);
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  color: #162726;
  margin-bottom: 13px;
}
.promo-section-22 .promo-item-22 .promo-content .dec {
  font-family: var(--ed-ff-heading);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #6C706F;
}
@media (max-width: 1200px) {
  .promo-section-22 .promo-item-22 .promo-content .dec br {
    display: none;
  }
}

.h-22-cta-section {
  background: #162726;
  position: relative;
  z-index: 2;
}
.h-22-cta-section .shapes .shape-1 {
  position: absolute;
  top: 0px;
  left: 0;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .h-22-cta-section .shapes .shape-1 {
    display: none;
  }
}
.h-22-cta-section .shapes .shape-2 {
  position: absolute;
  bottom: 92px;
  left: 59px;
  z-index: -1;
}
@media (max-width: 1399px) {
  .h-22-cta-section .shapes .shape-2 {
    bottom: 45px;
  }
}
.h-22-cta-section .shapes .shape-3 {
  position: absolute;
  bottom: 0;
  right: 0px;
  z-index: -3;
  top: 0;
}
.h-22-cta-section .shapes .shape-3 img {
  height: 100%;
  width: 100%;
}
.h-22-cta-section .shapes .shape-4 {
  position: absolute;
  bottom: 0;
  right: 0px;
  z-index: -3;
  top: 0;
}
.h-22-cta-section .shapes .shape-5 {
  position: absolute;
  top: 23px;
  right: 0px;
  z-index: -3;
}
@media (max-width: 1600px) {
  .h-22-cta-section .shapes .shape-5 {
    right: -150px;
  }
}
@media (max-width: 1399px) {
  .h-22-cta-section .shapes .shape-5 {
    right: -200px;
  }
}
@media (max-width: 1200px) {
  .h-22-cta-section .shapes .shape-5 {
    right: -250px;
  }
}
@media only screen and (max-width: 1120px) {
  .h-22-cta-section .shapes .shape-5 {
    display: none;
  }
}
.h-22-cta-contant .title {
  font-family: var(--ed-ff-heading);
  font-style: normal;
  font-weight: 600;
  font-size: 44px;
  line-height: 55px;
  color: #FFFFFF;
}
@media only screen and (max-width: 1120px) {
  .h-22-cta-contant .title br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .h-22-cta-contant .title {
    font-size: 30px;
    line-height: 37px;
  }
}
.h-22-cta-contant .section-heading {
  margin-bottom: 38px;
}
.h-22-cta-contant .hero-btn-wrap {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.h-22-cta-contant .hero-btn-wrap .ed-primary-btn {
  padding: 17.5px 27.3px;
}
.h-22-cta-contant .hero-btn-wrap .ed-primary-btn i {
  margin-right: 10px;
}

.faq-section-22 {
  background-color: var(--ed-color-theme-primary);
  position: relative;
}
.faq-section-22 .shapes .shape-1 {
  position: absolute;
  top: -278px;
  right: -127px;
}
.faq-section-22 .faq-content-16 .section-heading .sub-title {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  color: var(--ed-color-common-white);
  margin-bottom: 16px;
}
.faq-section-22 .faq-content-16 .section-heading .section-title {
  color: var(--ed-color-common-white);
}
.faq-section-22 .faq-content-16 .faq-accordion {
  max-width: 561px;
  width: 100%;
}
.faq-section-22 .faq-content-16 .faq-accordion .accordion-item .accordion-header .accordion-button {
  padding: 17px 15px 17px 23px;
}
.faq-section-22 .faq-content-16 .faq-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  background-color: #EBEBEB;
}
.faq-section-22 .faq-content-16 .faq-accordion .accordion-item .accordion-header .accordion-button::after {
  content: "+";
  font-size: 20px;
  font-weight: 500;
  color: var(--ed-color-common-black);
  transform: none;
  background-image: none !important;
}
.faq-section-22 .faq-content-16 .faq-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  content: "−";
  font-size: 20px;
  color: var(--ed-color-theme-primary, #2B4EFF);
  transform: none;
  font-weight: 500;
}
.faq-section-22 .faq-content-16 .faq-accordion .accordion-item .accordion-collapse .accordion-body {
  padding: 17px 30px 20px 30px;
}
.faq-section-22 .faq-img-wrap-22 {
  height: 572px;
}
.faq-section-22 .faq-img-wrap-22 .faq-img-1 {
  max-width: 517px;
  z-index: 1;
  right: 0;
  left: inherit;
}
@media (max-width: 1600px) {
  .faq-section-22 .faq-img-wrap-22 .faq-img-1 {
    left: 0;
  }
}
.faq-section-22 .faq-img-wrap-22 .faq-text-box {
  background-color: var(--ed-color-common-white);
  box-shadow: 0px 4px 18px rgba(158, 165, 177, 0.23);
  border-radius: 10px;
  padding: 30px;
  position: absolute;
  bottom: 7%;
  left: 0px;
  z-index: 2;
  animation: about-anim 2s infinite linear alternate-reverse;
}
@media (max-width: 1600px) {
  .faq-section-22 .faq-img-wrap-22 .faq-text-box {
    left: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .faq-section-22 .faq-img-wrap-22 .faq-text-box {
    left: 0;
  }
}
.faq-section-22 .faq-img-wrap-22 .faq-text-box .faq-thumb-list-wrap {
  display: flex;
  align-items: center;
  column-gap: 10px;
  margin-top: 10px;
  flex-wrap: wrap;
  row-gap: 15px;
}
.faq-section-22 .faq-img-wrap-22 .faq-text-box .faq-thumb-list-wrap .faq-thumb-list {
  display: flex;
  align-items: center;
}
.faq-section-22 .faq-img-wrap-22 .faq-text-box .faq-thumb-list-wrap .faq-thumb-list li {
  height: 44px;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--ed-color-common-white);
  border-radius: 50%;
}
.faq-section-22 .faq-img-wrap-22 .faq-text-box .faq-thumb-list-wrap .faq-thumb-list li:not(:last-of-type) {
  margin-right: -20px;
}
.faq-section-22 .faq-img-wrap-22 .faq-text-box .faq-thumb-list-wrap .faq-thumb-list li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.faq-section-22 .faq-img-wrap-22 .faq-text-box .faq-thumb-list-wrap .faq-thumb-list li.number {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
  font-weight: 600;
}
.faq-section-22 .faq-img-wrap-22 .faq-text-box .faq-thumb-list-wrap p {
  color: var(--ed-color-heading-primary);
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1;
}
.faq-section-22 .faq-img-wrap-22 .faq-text-box .faq-thumb-list-wrap p span {
  color: var(--ed-color-theme-primary);
  font-weight: 700;
}

.feature-course-22 .course-item .course-thumb-wrap .course-thumb {
  position: relative;
}
.feature-course-22 .course-item .course-thumb-wrap .course-thumb .course-list {
  background: #07A698;
  border-radius: 0px 0px 10px 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 7px 15px;
  width: 100%;
}
.feature-course-22 .course-item .course-thumb-wrap .course-thumb .course-list li {
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  column-gap: 7px;
  color: #FFFFFF;
}
.feature-course-22 .course-item .course-thumb-wrap .course-thumb .course-list li:not(:last-of-type) {
  margin-right: 20px;
}
.feature-course-22 .course-item .course-thumb-wrap .course-thumb .course-list li i {
  font-size: 14px;
}
.feature-course-22 .course-item .course-content {
  margin-bottom: 0;
  border-bottom: 0;
  padding-bottom: 15px;
}
.feature-course-22 .course-item .course-content .offer {
  margin-bottom: 10px;
}
.feature-course-22 .course-item .course-content .course-author-box .course-author {
  display: block;
}
.feature-course-22 .course-item .course-content .course-author-box .course-author .author-info .name {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #6C706F;
}
.feature-course-22 .course-item .course-content .course-author-box .course-author .author-info .name i {
  color: #6C706F;
  margin-right: 6px;
}
.feature-course-22 .course-item .bottom-content {
  gap: 12px;
  justify-content: inherit;
}
.feature-course-22 .course-item .bottom-content a {
  border: 0;
  border-radius: 0;
  padding: 0;
  text-decoration-line: line-through;
  color: #6C706F;
}
.feature-course-22 .course-item .bottom-content a:hover {
  border: 0;
}

.footer-22 {
  padding-top: 92px !important;
  position: relative;
  overflow: hidden;
}
.footer-22 .shapes .shape-1 {
  position: absolute;
  width: 1256px;
  height: 580px;
  left: 332px;
  top: -410px;
  transform: inherit;
  background: #07A698;
  opacity: 0.49;
  filter: blur(175px);
}
.footer-22 .shapes .shape-2 {
  position: absolute;
  top: 321px;
  left: -39px;
}
@media (max-width: 1399px) {
  .footer-22 .shapes .shape-2 {
    display: none;
  }
}
.footer-22 .shapes .shape-3 {
  position: absolute;
  top: 163px;
  right: -225px;
  left: inherit;
}
@media (max-width: 1399px) {
  .footer-22 .shapes .shape-3 {
    display: none;
  }
}
/**----------------------------------------
START: Home 23 CSS
----------------------------------------*/
.blog-section-23 .post-card .post-thumb {
  height: 520px;
}
@media only screen and (max-width: 767px) {
  .blog-section-23 .post-card .post-thumb {
    height: 450px;
  }
}
.blog-section-23 .post-card .post-thumb::before {
  background: linear-gradient(180deg, rgba(4, 19, 19, 0.2) 0%, #041313 94.62%);
}
.blog-section-23 .post-card .post-content-wrap .post-content .title {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 40px;
  color: #FFFFFF;
}
@media only screen and (max-width: 767px) {
  .blog-section-23 .post-card .post-content-wrap .post-content .title {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-section-23 .post-card .post-content-wrap .post-content .post-meta li {
    font-size: 15px;
  }
}



.featur-course-23 {
  background-color: var(--ed-color-common-white);
}
.featur-course-23 .course-item {
  padding-top: 10px;
  transition: all 0.3s ease-in-out;
  border-radius: 15px;
}
.featur-course-23 .course-item:hover .course-thumb-wrap .course-thumb::before {
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease-in-out;
}
.featur-course-23 .course-item:hover .course-thumb-wrap .course-thumb img {
  transform: inherit;
  transition: all 0.3s ease-in-out;
}
.featur-course-23 .course-item:hover .course-thumb-wrap .course-thumb .icon-wrap {
  visibility: visible;
  opacity: 1;
}
.featur-course-23 .course-item .course-thumb-wrap {
  padding: 0 10px;
}
.featur-course-23 .course-item .course-thumb-wrap .course-thumb {
  position: relative;
  overflow: visible;
}
.featur-course-23 .course-item .course-thumb-wrap .course-thumb img {
  border-radius: 15px;
}
.featur-course-23 .course-item .course-thumb-wrap .course-thumb::before {
  background: linear-gradient(0deg, rgba(10, 55, 51, 0.42), rgba(10, 55, 51, 0.42));
  border-radius: 15px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0;
}
.featur-course-23 .course-item .course-thumb-wrap .course-thumb .icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  gap: 10px;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  opacity: 0;
}
.featur-course-23 .course-item .course-thumb-wrap .course-thumb .icon-wrap a {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFFFFF;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  transition: all 0.3s ease-in-out;
}
.featur-course-23 .course-item .course-thumb-wrap .course-thumb .icon-wrap a:hover {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
}
.featur-course-23 .course-item .course-thumb-wrap .course-thumb .icon-wrap a:hover i {
  color: var(--ed-color-common-white);
}
.featur-course-23 .course-item .course-thumb-wrap .course-thumb .icon-wrap a i {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #162726;
}
.featur-course-23 .course-item .course-thumb-wrap .course-thumb .free {
  position: absolute;
  bottom: -11px;
  left: 20px;
  background-color: var(--ed-color-theme-primary);
  padding: 4px 15px;
  border-radius: 5px;
  z-index: 1;
}
.featur-course-23 .course-item .course-thumb-wrap .course-thumb .free h5 {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #FFFFFF;
  margin-bottom: 0;
}
.featur-course-23 .course-item .course-thumb-wrap .course-thumb .dolar {
  padding: 12.5px 20px;
  background-color: var(--ed-color-theme-primary);
  border-radius: 0px 15px;
  position: absolute;
  top: 0;
  right: 0;
}
.featur-course-23 .course-item .course-thumb-wrap .course-thumb .dolar h4 {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
  color: #FFFFFF;
  margin-bottom: 0;
}
.featur-course-23 .course-item .course-content {
  margin-bottom: 12px;
}
.featur-course-23 .course-item .course-content .title {
  margin-bottom: 18px;
}
.featur-course-23 .course-item .course-list {
  margin-bottom: 20px;
  padding-left: 30px;
}
.featur-course-23 .course-item .course-list li {
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  column-gap: 7px;
}
.featur-course-23 .course-item .course-list li:not(:last-of-type) {
  margin-right: 20px;
}
.featur-course-23 .course-item .course-list li i {
  font-size: 14px;
}
.featur-course-23 .course-item .course-author-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 15px;
  flex-wrap: wrap;
  row-gap: 10px;
}
.featur-course-23 .course-item .course-author-box .course-author {
  display: grid;
  align-items: center;
  grid-template-columns: 45px 1fr;
  grid-gap: 10px;
}
.featur-course-23 .course-item .course-author-box .course-author .author-img {
  height: 45px;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.featur-course-23 .course-item .course-author-box .course-author .author-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.featur-course-23 .course-item .course-author-box .course-author .author-info .name {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
  line-height: 1;
}
.featur-course-23 .course-item .course-author-box .course-author .author-info span {
  color: var(--ed-color-theme-primary);
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
}
.featur-course-23 .course-item .course-author-box .course-review li {
  display: inline-flex;
}
.featur-course-23 .course-item .course-author-box .course-review li i {
  color: #F8BC24;
}
.featur-course-23 .course-item .course-author-box .course-review li.point {
  margin-left: 5px;
}

.why-choose-us-section-23 .promo__wrapper {
  padding: 30px;
  border: 1px solid #E0E5EB;
  border-radius: 15px;
  background: #F2F4F7;
}
@media (max-width: 1399px) {
  .why-choose-us-section-23 .promo__wrapper {
    padding: 30px 15px 30px 15px;
  }
}
@media only screen and (max-width: 992px) {
  .why-choose-us-section-23 .promo__wrapper {
    margin-bottom: 30px;
  }
}
.why-choose-us-section-23 .promo__item {
  display: flex;
  gap: 15px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .why-choose-us-section-23 .promo__item {
    margin-bottom: 25px;
    align-items: center;
  }
}
.why-choose-us-section-23 .promo__item .icon {
  height: 90px;
  width: 90px;
  background: white;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #E0E5EB;
  border-radius: 15px;
}
.why-choose-us-section-23 .promo__content .title {
  font-family: var(--ed-ff-heading);
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  color: #162726;
}
.why-choose-us-section-23 .promo__content .dec {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #6C706F;
}
.why-choose-us-section-23 .promo__thumb img {
  border-radius: 15px;
}

.about-us-23 {
  background: #f1faff;
  position: relative;
  overflow: hidden;
}
.about-us-23 .shapes .shape-1 {
  position: absolute;
  right: 335px;
  z-index: 1;
}
@media (max-width: 1700px) {
  .about-us-23 .shapes .shape-1 {
    right: 200px;
  }
}
@media (max-width: 1600px) {
  .about-us-23 .shapes .shape-1 {
    right: 100px;
  }
}
@media (max-width: 1399px) {
  .about-us-23 .shapes .shape-1 {
    right: 30px;
  }
}
@media (max-width: 1200px) {
  .about-us-23 .shapes .shape-1 {
    display: none;
  }
}
.about-us-23 .shapes .shape-2 {
  position: absolute;
  right: 0px;
  bottom: 0;
}
@media (max-width: 1200px) {
  .about-us-23 .shapes .shape-2 {
    display: none;
  }
}
.about-us-23 .shapes .shape-2 img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.about-us-23 .shapes .shape-3 {
  position: absolute;
  right: 125px;
  top: 0;
  bottom: 0;
}
@media (max-width: 1700px) {
  .about-us-23 .shapes .shape-3 {
    right: 100px;
  }
}
@media (max-width: 1600px) {
  .about-us-23 .shapes .shape-3 {
    right: 50px;
  }
}
@media (max-width: 1399px) {
  .about-us-23 .shapes .shape-3 {
    display: none;
  }
}
.about-us-23 .shapes .shape-3 img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.about-us-23 .about-content-23 {
  position: relative;
  z-index: 2;
}
.about-us-23 .about-content-23 .section-heading {
  margin-bottom: 34px;
}
.about-us-23 .about-content-23 .section-heading .title {
  font-family: var(--ed-ff-heading);
  font-weight: 700;
  font-size: 44px;
  line-height: 54px;
  color: #162726;
}
@media only screen and (max-width: 767px) {
  .about-us-23 .about-content-23 .section-heading .title {
    font-size: 30px;
    line-height: 40px;
  }
}
.about-us-23 .about-content-23 .dec {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #6C706F;
  margin-bottom: 33px;
  width: 780px;
}
.about-us-23 .about-content-23 .about-item-23 {
  display: flex;
  margin-bottom: 40px;
  flex-wrap: wrap;
  gap: 15px;
}
.about-us-23 .about-content-23 .about-item-23 .about-box {
  background: #FFFFFF;
  border: 1px solid #E0E5EB;
  border-radius: 5px;
  display: inline-block;
  padding: 12.3px 22px;
}
.about-us-23 .about-content-23 .about-item-23 .about-box h4 {
  font-family: var(--ed-ff-heading);
  font-weight: 500;
  font-size: 18px;
  line-height: 23px;
  color: #162726;
  display: flex;
  align-items: center;
  margin: 0px;
}
.about-us-23 .about-content-23 .about-item-23 .about-box h4 i {
  margin-right: 7px;
  color: #07A698;
}
.about-us-23 .about-content-23 .about-item-23 .about-box-2 {
  margin-left: 0px;
}
@media only screen and (max-width: 767px) {
  .about-us-23 .about-content-23 .about-item-23 .about-box-2 {
    margin-left: 0px;
  }
}

.our-Specialty-23 {
  background: #F2F4F7;
  position: relative;
  overflow: hidden;
}
.our-Specialty-23 .shapes .shape-1 {
  position: absolute;
  width: 483px;
  height: 483px;
  background: #07A698;
  filter: blur(125px);
  bottom: -286px;
  left: 623px;
}
.our-Specialty-23 .shapes .shape-2 {
  position: absolute;
  left: 0;
  top: 0;
}
.our-Specialty-23 .our-thumb {
  background: white;
  border-radius: 15px;
  padding: 10px;
  position: relative;
  z-index: 2;
  height: 100%;
  width: 100%;
}
.our-Specialty-23 .our-thumb img {
  border-radius: 15px;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.our-Specialty-23 .our-wrapper {
  position: relative;
  z-index: 2;
  margin-left: 7px;
}
@media (max-width: 1399px) {
  .our-Specialty-23 .our-wrapper {
    margin-left: 0;
  }
}
@media only screen and (max-width: 992px) {
  .our-Specialty-23 .our-wrapper {
    margin-top: 40px;
  }
}
.our-Specialty-23 .our-wrapper .our-content .section-heading {
  margin-bottom: 31px;
}
.our-Specialty-23 .our-wrapper .our-content .section-heading .title {
  font-family: var(--ed-ff-heading);
  font-weight: 700;
  font-size: 44px;
  line-height: 54px;
  color: #162726;
}
@media (max-width: 1399px) {
  .our-Specialty-23 .our-wrapper .our-content .section-heading .title {
    font-size: 39px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .our-Specialty-23 .our-wrapper .our-content .section-heading .title {
    font-size: 32px;
    line-height: 40px;
  }
}
.our-Specialty-23 .our-wrapper .our-content .dec {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #6C706F;
  margin-bottom: 32px;
}
@media (max-width: 1399px) {
  .our-Specialty-23 .our-wrapper .our-content .dec br {
    display: none;
  }
}
.our-Specialty-23 .our-wrapper .our-item {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}
.our-Specialty-23 .our-wrapper .our-item .icon {
  position: relative;
  color: #000;
  background: #fff;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #07A698;
  border-radius: 6px;
}
.our-Specialty-23 .our-wrapper .our-item .icon i {
  color: #07A698;
  font-size: 20px;
}
.our-Specialty-23 .our-wrapper .our-item .content .title {
  font-family: var(--ed-ff-heading);
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  color: #162726;
}
.our-Specialty-23 .our-wrapper .our-item .content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #6C706F;
}
@media (max-width: 1200px) {
  .our-Specialty-23 .our-wrapper .our-item .content p {
    font-size: 15px;
  }
}

/**----------------------------------------
START: Home 24 CSS
----------------------------------------*/
.about-section-24 .about-img-wrap-11 {
  max-width: 562px;
  height: 475px;
}
.about-section-24 .about-img-wrap-11 .about-img-2 {
  max-width: 470px;
  left: 0;
}
.about-section-24 .about-img-wrap-11 .about-img-2 img {
  border-radius: 20px;
}
.about-section-24 .about-img-wrap-11 .about-exp {
  padding: 37px 33px 30px 39px;
  flex-direction: column;
  border: 5px solid #FFFFFF;
  box-shadow: 0px 4px 35px rgba(10, 27, 25, 0.28);
  border-radius: 200px 200px 20px 20px;
  top: 213px;
  right: 0;
  left: inherit;
}
@media (max-width: 1399px) {
  .about-section-24 .about-img-wrap-11 .about-exp {
    top: 305px;
  }
}
.about-section-24 .about-img-wrap-11 .about-exp p {
  margin-left: 0;
}
.about-section-24 .about-img-wrap-11 .about-exp p br {
  display: none;
}
.about-section-24 .about-content-11 {
  margin-left: -24px;
}
@media (max-width: 1399px) {
  .about-section-24 .about-content-11 {
    margin-left: 0;
  }
}
.about-section-24 .about-content-11 .about-list li i {
  color: var(--ed-color-theme-primary);
}

.feature-section-24 {
  background-color: #F0F4F5;
}
.feature-section-24 .feature-card {
  border-radius: 15px;
  padding: 60px 60px;
}
@media only screen and (max-width: 767px) {
  .feature-section-24 .feature-card {
    padding: 30px 30px;
  }
}
.feature-section-24 .feature-card .icon {
  width: 110px;
  height: 110px;
  background-color: #F0F4F5;
  margin-bottom: 25px;
}
.feature-section-24 .feature-card .content .title {
  margin-bottom: 0;
}
.feature-section-24 .feature-card .content p {
  margin: 2px 0 20px 0;
}
.feature-section-24 .feature-card .content .ed-primary-btn {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
  border: 1px solid transparent;
}
.feature-section-24 .feature-card .content .ed-primary-btn::before {
  background: rgba(255, 255, 255, 0.2);
}

.blog-section-24 .post-card-3 .post-content-wrap .post-content .ed-primary-btn {
  color: #162726;
}
.blog-section-24 .post-card-3 .post-content-wrap .post-content .ed-primary-btn:hover {
  color: #FFFFFF;
}

.insta-section-24 .swiper {
  overflow: inherit;
}
.insta-section-24 .insta-wrap {
  visibility: visible;
}
.insta-section-24 .insta-wrap .insta-item .insta-thumb img {
  width: 100%;
}

.cta-section-24 .cta-wrap-11 {
  display: flex;
  flex-direction: row-reverse;
}
.cta-section-24 .cta-wrap-11 .cta-content {
  max-width: 602px;
}
.cta-section-24 .cta-wrap-11 .cta-content .cta-contact-box .cta-video .video-img::before {
  display: none;
}
.cta-section-24 .cta-wrap-11 .bg-item .cta-shape-1 {
  left: -8%;
  bottom: -152px;
}
.cta-section-24 .cta-wrap-11 .cta-img-wrap-11 {
  top: 16px;
  left: 0;
}

.course-section-22 .course-content-wrap .course-content {
  margin-bottom: 30px;
}
.course-section-22 .course-content-wrap .course-content .offer {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
  border-radius: 4px;
  padding: 1px 16px;
}
.course-section-22 .course-content-wrap .course-content .course-list {
  padding-bottom: 22px;
  border-bottom: 1px solid #E0E5EB;
}
.course-section-22 .course-content-wrap .course-content .course-author-box .course-review li i {
  color: #F8BC24;
}
.course-section-22 .course-item-15 {
  padding: 10px 40px 10px 10px;
  background-color: #fff;
  border: 1px solid rgba(224, 229, 235, 0.62);
  box-shadow: 0px 15px 60px rgba(3, 38, 35, 0.1);
}

.team-section-24 {
  background: #F2F4F7;
}
.team-section-24 .team__item {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  background-color: var(--ed-color-common-white);
}
.team-section-24 .team__item .team__thumb {
  position: relative;
}
.team-section-24 .team__item .team__thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 15px;
}
.team-section-24 .team__item .team__thumb:before {
  background: rgba(21, 34, 50, 0.39);
  mix-blend-mode: multiply;
  backdrop-filter: blur(0.5px);
  border-radius: 15px;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  opacity: 0;
}
.team-section-24 .team__item .team__thumb .team__social {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.team-section-24 .team__item .team__thumb .team__social li {
  display: inline-flex;
  transform: translateY(10px);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.team-section-24 .team__item .team__thumb .team__social li:not(:last-of-type) {
  margin-right: 5px;
}
.team-section-24 .team__item .team__thumb .team__social li a {
  background-color: var(--ed-color-common-white);
  height: 45px;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 14px;
  color: var(--ed-color-theme-primary);
}
.team-section-24 .team__item .team__thumb .team__social li a:hover {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
}
.team-section-24 .team__item .team__thumb .team__social li:nth-child(2) {
  transition-delay: 150ms;
}
.team-section-24 .team__item .team__thumb .team__social li:nth-child(3) {
  transition-delay: 200ms;
}
.team-section-24 .team__item .team__thumb .team__social li:nth-child(4) {
  transition-delay: 250ms;
}
.team-section-24 .team__item .team__content {
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 25px 30px 20px 30px;
  border-bottom: 1px solid #E0E5EB;
}
.team-section-24 .team__item .team__content .title {
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  color: #000000;
  margin-bottom: 5px;
}
.team-section-24 .team__item .team__content span {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #6C706F;
}
.team-section-24 .team__item:hover .team__thumb:before {
  visibility: visible;
  opacity: 1;
}
.team-section-24 .team__item:hover .team__thumb .team__social li {
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}
.team-section-24 .team__item .team__meta {
  display: flex;
}
.team-section-24 .team__item .team__meta .rating {
  padding: 13px 20px;
  padding-right: 25px;
  border-right: 1px solid #E0E5EB;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #162726;
}
.team-section-24 .team__item .team__meta .rating i {
  color: #FF9B20;
  margin-left: 4px;
}
.team-section-24 .team__item .team__meta .learners {
  margin-left: 25px;
  padding: 13px 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #162726;
}
.team-section-24 .team__item .team__meta .learners i {
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #07A698;
  margin-right: 5px;
}

.Price-Plans-section-24 {
  overflow: hidden;
  background: #F2F4F7;
  position: relative;
}
.Price-Plans-section-24 .shapes .shape-1 {
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 1399px) {
  .Price-Plans-section-24 .shapes .shape-1 {
    display: none;
  }
}
.Price-Plans-section-24 .shapes .shape-2 {
  position: absolute;
  width: 483px;
  height: 483px;
  background: #07A698;
  filter: blur(125px);
  bottom: -36%;
  left: 33%;
}
.Price-Plans-section-24 .price-item {
  display: flex;
  background: #FFFFFF;
  box-shadow: 0px 9px 75px rgba(30, 44, 72, 0.09);
  border-radius: 10px;
  position: relative;
  z-index: 2;
  flex-wrap: wrap;
}
@media only screen and (max-width: 992px) {
  .Price-Plans-section-24 .price-item {
    margin-bottom: 40px;
  }
}
.Price-Plans-section-24 .price-item-2 {
  border: 1px solid #07A698;
  border-radius: 10px;
}
.Price-Plans-section-24 .price-item .price-content {
  padding: 65px 90px 60px 60px;
  border-right: 1px solid #D9D9D9;
}
@media (max-width: 1200px) {
  .Price-Plans-section-24 .price-item .price-content {
    padding: 65px 15px 60px 60px;
  }
}
@media only screen and (max-width: 992px) {
  .Price-Plans-section-24 .price-item .price-content {
    border: none;
  }
}
@media only screen and (max-width: 767px) {
  .Price-Plans-section-24 .price-item .price-content {
    padding: 50px 17px 36px 30px;
  }
}
.Price-Plans-section-24 .price-item .price-content .price-thumb {
  margin-bottom: 16px;
}
.Price-Plans-section-24 .price-item .price-content .price {
  font-weight: 700;
  font-size: 48px;
  line-height: 60px;
  color: #162726;
}
.Price-Plans-section-24 .price-item .price-content span {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: #6C706F;
}
.Price-Plans-section-24 .price-item .price-list {
  padding: 57px 20px 60px 68px;
}
@media (max-width: 1200px) {
  .Price-Plans-section-24 .price-item .price-list {
    padding: 60px 40px 14px 18px;
  }
}
@media only screen and (max-width: 992px) {
  .Price-Plans-section-24 .price-item .price-list {
    padding: 57px 20px 60px 68px;
  }
}
@media only screen and (max-width: 767px) {
  .Price-Plans-section-24 .price-item .price-list {
    padding: 0px 20px 60px 30px;
  }
}
.Price-Plans-section-24 .price-item .price-list ul {
  margin-bottom: 20px;
}
.Price-Plans-section-24 .price-item .price-list ul li {
  list-style: none;
  font-weight: 400;
  font-size: 18px;
  line-height: 38px;
  color: #6C706F;
}
.Price-Plans-section-24 .price-item .price-list ul li i {
  font-weight: 400;
  font-size: 18px;
  line-height: 38px;
  color: #07A698;
  margin-right: 15px;
}

.testimonial-section-24 .testi-left-content .faq-text-box {
  animation: about-anim 2s infinite linear alternate-reverse;
}
@media (max-width: 1600px) {
  .testimonial-section-24 .testi-left-content .faq-text-box {
    left: 90px;
  }
}
.testimonial-section-24 .testi-left-content .faq-text-box .faq-thumb-list-wrap {
  display: flex;
  align-items: center;
  column-gap: 10px;
  margin-top: 42px;
  flex-wrap: wrap;
  row-gap: 15px;
}
.testimonial-section-24 .testi-left-content .faq-text-box .faq-thumb-list-wrap .faq-thumb-list {
  display: flex;
  align-items: center;
}
.testimonial-section-24 .testi-left-content .faq-text-box .faq-thumb-list-wrap .faq-thumb-list li {
  height: 44px;
  width: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--ed-color-common-white);
  border-radius: 50%;
}
.testimonial-section-24 .testi-left-content .faq-text-box .faq-thumb-list-wrap .faq-thumb-list li:not(:last-of-type) {
  margin-right: -20px;
}
.testimonial-section-24 .testi-left-content .faq-text-box .faq-thumb-list-wrap .faq-thumb-list li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.testimonial-section-24 .testi-left-content .faq-text-box .faq-thumb-list-wrap .faq-thumb-list li.number {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
  font-weight: 600;
}
.testimonial-section-24 .testi-left-content .faq-text-box .faq-thumb-list-wrap p {
  color: var(--ed-color-common-white);
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1;
}
.testimonial-section-24 .testi-left-content .faq-text-box .faq-thumb-list-wrap p span {
  color: var(--ed-color-theme-primary);
  font-weight: 700;
}
.testimonial-section-24 .testi-item-3 {
  padding: 30px;
  max-width: 628px;
  margin: 0 0 0 auto;
}
.testimonial-section-24 .testi-item-3::before {
  display: none;
}
.testimonial-section-24 .testi-item-3 .title {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  color: #162726;
  margin-bottom: 9px;
}
.testimonial-section-24 .testi-item-3 p {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  color: #6C706F;
  margin-bottom: 0;
}
.testimonial-section-24 .testi-item-3 .testi-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 30px;
  margin-bottom: 22px;
  border-bottom: 1px solid #E0E5EB;
}
.testimonial-section-24 .testi-item-3 .testi-top .author {
  display: flex;
  align-items: center;
  gap: 25px;
}
.testimonial-section-24 .testi-item-3 .testi-top .author .author-details img {
  border-radius: 20px;
}
.testimonial-section-24 .testi-item-3 .testi-top .author .author-title h4 {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 38px;
  color: #162726;
  margin-bottom: 0;
}
.testimonial-section-24 .testi-item-3 .testi-top .author .author-title p {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #6C706F;
  margin-bottom: 22px;
}
.testimonial-section-24 .testi-item-3 .testi-top .author .author-title ul {
  display: flex;
  align-items: center;
  gap: 5px;
}
.testimonial-section-24 .testi-item-3 .testi-top .author .author-title ul li {
  list-style: none;
}
.testimonial-section-24 .testi-item-3 .testi-top .author .author-title ul li i {
  color: #07A698;
}
.testimonial-section-24 .testi-carousel-24 .swiper-pagination-bullet {
  width: 200px;
  height: 10px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  opacity: 1;
}
@media only screen and (max-width: 992px) {
  .testimonial-section-24 .testi-carousel-24 .swiper-pagination-bullet {
    display: none;
  }
}
.testimonial-section-24 .testi-swiper-pagination-24 {
  position: static;
  margin-top: 30px;
  margin-left: 90px;
}
.testimonial-section-24 .testi-swiper-pagination-24 .swiper-pagination-bullet-active {
  background-color: #07A698;
}

.faq-section-24 {
  overflow: hidden;
}
.faq-section-24 .section-heading .section-title {
  font-size: 38px;
}
.faq-section-24 .faq-img-wrap {
  max-width: 560.43px;
  width: 100%;
  height: 538.95px;
}
.faq-section-24 .faq-img-wrap .faq-img {
  max-width: 560.43px;
  width: 100%;
  height: 538.95px;
  left: 70px;
}


.about-section-25 .content-img-wrap-14 .content-img {
  max-width: 596px;
  width: 100%;
}
.about-section-25 .content-img-wrap-14 .content-img img {
  border-radius: 30px;
}
.about-section-25 .content-img-wrap-14 .faq-text-box {
  background-color: var(--ed-color-common-white);
  border: 1px solid #07A698;
  border-radius: 15px;
  padding: 20px 25px 20px 25px;
  position: absolute;
  top: 80px;
  left: -80px;
}
@media (max-width: 1399px) {
  .about-section-25 .content-img-wrap-14 .faq-text-box {
    left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .about-section-25 .content-img-wrap-14 .faq-text-box {
    top: 20px;
  }
}
.about-section-25 .content-img-wrap-14 .faq-text-box .faq-thumb-list {
  display: flex;
  align-items: center;
}
.about-section-25 .content-img-wrap-14 .faq-text-box .faq-thumb-list li {
  height: 56px;
  width: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 4px solid var(--ed-color-common-white);
  border-radius: 50%;
}
.about-section-25 .content-img-wrap-14 .faq-text-box .faq-thumb-list li:not(:last-of-type) {
  margin-right: -23px;
}
.about-section-25 .content-img-wrap-14 .faq-text-box .faq-thumb-list li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-section-25 .content-img-wrap-14 .faq-text-box .faq-thumb-list li.number {
  background-color: var(--ed-color-theme-primary);
  color: var(--ed-color-common-white);
  font-weight: 600;
}
.about-section-25 .content-img-wrap-14 .faq-text-box .student {
  margin-top: 5px;
  margin-bottom: 0;
  font-family: "Outfit";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #162726;
}
.about-section-25 .content-img-wrap-14 .star-text-box {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  border: 1px solid #07A698;
  border-radius: 15px;
  background-color: #FFFFFF;
  padding: 20px 50px 20px 20px;
  position: absolute;
  bottom: 148px;
  left: -50px;
}
@media (max-width: 1399px) {
  .about-section-25 .content-img-wrap-14 .star-text-box {
    left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .about-section-25 .content-img-wrap-14 .star-text-box {
    bottom: 20px;
  }
}
.about-section-25 .content-img-wrap-14 .star-text-box .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 19px 18px;
  background: #07A698;
  border-radius: 7px;
  width: 63px;
  height: 63px;
}
.about-section-25 .content-img-wrap-14 .star-text-box .icon i {
  color: #fff;
  font-size: 24px;
}
.about-section-25 .content-img-wrap-14 .star-text-box .text h5 {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  color: #162726;
  margin-bottom: 0;
}
.about-section-25 .content-img-wrap-14 .star-text-box .text span {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #6C706F;
  margin-bottom: 0;
}
.about-section-25 .content-info {
  margin-left: 0;
}

.feature-25 {
  position: relative;
}
.feature-25 .bg-shape-1 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 1280px;
  height: 726px;
  position: absolute;
  top: 61.5%;
  left: 50%;
  z-index: -1;
  transform: translate(-50%, -50%);
}
@media (max-width: 1399px) {
  .feature-25 .bg-shape-1 {
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .feature-25 .bg-shape-1 {
    display: none;
  }
}
.feature-25 .feature-25-wrapper {
  margin-top: 70px;
  margin-bottom: 254px;
  margin-left: 279px;
}
@media (max-width: 1200px) {
  .feature-25 .feature-25-wrapper {
    margin-left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
}
.feature-25 .feature-25-wrapper .feature-25-item {
  background-color: #fff;
  padding: 101px 56px;
  max-width: 500px;
  width: 100%;
  height: 500px;
  border-radius: 50%;
  text-align: center;
  box-shadow: 0px 13px 69px rgba(11, 17, 36, 0.12);
}
@media only screen and (max-width: 523px) {
  .feature-25 .feature-25-wrapper .feature-25-item {
    max-width: 100%;
    width: 100%;
    height: 100%;
    border-radius: 0;
    border-radius: 15px;
    padding: 40px 20px;
  }
}
.feature-25 .feature-25-wrapper .feature-25-item .icon {
  margin-bottom: 32px;
}
.feature-25 .feature-25-wrapper .feature-25-item .title {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  color: #162726;
  margin-bottom: 7px;
}
.feature-25 .feature-25-wrapper .feature-25-item .dec {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #6C706F;
  margin-bottom: 22px;
}
@media only screen and (max-width: 523px) {
  .feature-25 .feature-25-wrapper .feature-25-item .dec br {
    display: none;
  }
}

@media (max-width: 1399px) {
  .choose-section-25 .shapes .shape-1 {
    display: none;
  }
}
.choose-section-25 .choose-section-25-wrapper {
  padding-top: 40px;
}
@media only screen and (max-width: 992px) {
  .choose-section-25 .choose-section-25-wrapper {
    padding-top: 0;
  }
}
.choose-section-25 .choose-item-25 {
  background: #FFFFFF;
  box-shadow: 0px 21px 44px rgba(12, 35, 54, 0.07);
  border-radius: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 60px 76px 52px 76px;
}
@media (max-width: 1399px) {
  .choose-section-25 .choose-item-25 {
    padding: 40px 30px 40px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .choose-section-25 .choose-item-25 {
    padding: 40px 19px 40px 19px;
  }
}
.choose-section-25 .choose-item-25 .icon {
  margin-bottom: 36px;
}
.choose-section-25 .choose-item-25 .title {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 500;
  font-size: 60px;
  line-height: 76px;
  color: #162726;
  margin-bottom: 0;
}
.choose-section-25 .choose-item-25 p {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 23px;
  color: #162726;
  text-transform: uppercase;
  margin-bottom: 0;
}
.choose-section-25 .choose-item-25-top {
  margin-top: -40px;
}
@media only screen and (max-width: 992px) {
  .choose-section-25 .choose-item-25-top {
    margin-top: 0;
  }
}

.content-section-25 .content-wrap-8 .content-img-8 {
  height: 435px;
  max-width: 519px;
  box-shadow: none;
  border-radius: 20px;
  border: none;
}
.content-section-25 .content-info-8 {
  padding-left: 26px;
}

.sponsor-25 {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.sponsor-25 .sponsor-wrapper-25 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 40px 60px 40px 40px;
  background-color: #F2F4F7;
  border-radius: 15px;
  justify-content: space-between;
}
@media (max-width: 1200px) {
  .sponsor-25 .sponsor-wrapper-25 {
    display: block;
  }
}
.sponsor-25 .sponsor-wrapper-25 .shapes .shape-1 {
  position: absolute;
  width: 461px;
  height: 461px;
  left: -149px;
  top: -459px;
  background: #07A698;
  filter: blur(175px);
}
.sponsor-25 .sponsor-wrapper-25 .shapes .shape-2 {
  position: absolute;
  width: 461px;
  height: 461px;
  right: -149px;
  bottom: -459px;
  background: #07A698;
  filter: blur(175px);
  z-index: 1;
}
.sponsor-25 .sponsor-wrapper-25 .sponsor-content-25 {
  z-index: 3;
}
@media (max-width: 1600px) {
  .sponsor-25 .sponsor-wrapper-25 .sponsor-content-25 {
    margin-bottom: 30px;
  }
}
.sponsor-25 .sponsor-wrapper-25 .sponsor-content-25 .section-heading {
  margin-bottom: 24px;
}
.sponsor-25 .sponsor-wrapper-25 .sponsor-content-25 p {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #6C706F;
  margin-bottom: 0;
}
.sponsor-25 .sponsor-wrapper-25 .sponsor-item-wrapper {
  background: #FFFFFF;
  border: 1px solid #E0E5EB;
  border-radius: 15px;
  z-index: 1;
}
@media (max-width: 1200px) {
  .sponsor-25 .sponsor-wrapper-25 .sponsor-item-wrapper {
    display: inline-block;
  }
}
.sponsor-25 .sponsor-wrapper-25 .sponsor-item-wrapper .sponsor-item-wrap {
  display: flex;
}
@media screen and (max-width: 545px) {
  .sponsor-25 .sponsor-wrapper-25 .sponsor-item-wrapper .sponsor-item-wrap {
    display: block;
  }
}
.sponsor-25 .sponsor-wrapper-25 .sponsor-item-wrapper .sponsor-item-wrap:last-child {
  border-radius: 0;
  border-bottom: 0;
}
.sponsor-25 .sponsor-wrapper-25 .sponsor-item-wrapper .sponsor-item-wrap .sponsor-item-25 {
  padding: 38px;
  border-right: 1px solid #E0E5EB;
  border-bottom: 1px solid #E0E5EB;
}
.sponsor-25 .sponsor-wrapper-25 .sponsor-item-wrapper .sponsor-item-wrap .sponsor-item-25-p {
  padding: 38px 35px 38px 23px;
  border-bottom: 0;
}
.sponsor-25 .sponsor-wrapper-25 .sponsor-item-wrapper .sponsor-item-wrap .sponsor-item-25-l {
  padding: 38px 35px 38px 47px;
  border-bottom: 0;
}
.sponsor-25 .sponsor-wrapper-25 .sponsor-item-wrapper .sponsor-item-wrap .sponsor-item-25-r {
  padding: 38px 35px 38px 47px;
  border-right: 0;
}
.sponsor-25 .sponsor-wrapper-25 .sponsor-item-wrapper .sponsor-item-wrap .sponsor-item-25-l-l {
  border-bottom: 0;
  border-right: 0;
}

.h-25-blog-section .h-22-blog-card {
  background-color: #FFFFFF;
}
.h-25-blog-section .h-22-blog-card .h-22-blog-thumb {
  padding: 0;
}
.h-25-blog-section .h-22-blog-card .h-22-blog-thumb img {
  border-radius: 15px 15px 0px 0px;
}
.h-25-blog-section .h-22-blog-card .h-22-blog-wrap {
  border: 1px solid #E0E5EB;
  border-radius: 0px 0px 15px 15px;
}
.h-25-blog-section .h-22-blog-card .h-22-blog-wrap .h-22-blog-content .h-22-blog-meta {
  border-bottom: 0;
  padding-bottom: 0;
}
.h-25-blog-section .h-22-blog-card .h-22-blog-wrap .h-22-blog-content .title {
  margin-top: 9px;
  margin-bottom: 9px;
}
.h-25-blog-section .h-22-blog-card .h-22-blog-wrap .h-22-blog-content p {
  margin-bottom: 21px;
}

.featur-course-25 {
  background-color: var(--ed-color-common-white);
}
.featur-course-25 .course-item {
  padding-top: 10px;
  transition: all 0.3s ease-in-out;
  border-radius: 15px;
}
.featur-course-25 .course-item:hover .course-thumb {
  height: 150px !important;
}
.featur-course-25 .course-item:hover .course-thumb img {
  transform: scale(1);
}
.featur-course-25 .course-item:hover .feature-hover-content {
  visibility: visible;
  opacity: 1;
  height: auto;
  padding-top: 22px;
  margin-top: 8px;
}
.featur-course-25 .course-item .course-thumb-wrap {
  padding: 0 10px;
}
.featur-course-25 .course-item .course-thumb-wrap .course-thumb {
  position: relative;
  overflow: visible;
  height: 240px;
  transition: all 0.3s ease;
}
.featur-course-25 .course-item .course-thumb-wrap .course-thumb img {
  border-radius: 15px;
}
.featur-course-25 .course-item .course-content {
  border-bottom: 0;
}
.featur-course-25 .course-item .course-content .feature-dolar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.featur-course-25 .course-item .course-content .feature-dolar .features a {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: #07A698;
  background: rgba(7, 166, 152, 0.1);
  border-radius: 100px;
  padding: 4px 16px;
  margin-bottom: 0;
}
.featur-course-25 .course-item .course-content .feature-dolar .dolars h4 {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
  color: #07A698;
  margin-bottom: 0;
}
.featur-course-25 .course-item .course-content .title {
  margin-bottom: 18px;
}
.featur-course-25 .course-item .course-list {
  margin-bottom: 0;
}
.featur-course-25 .course-item .course-list li {
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  column-gap: 7px;
}
.featur-course-25 .course-item .course-list li:not(:last-of-type) {
  margin-right: 20px;
}
.featur-course-25 .course-item .course-list li i {
  font-size: 14px;
}
.featur-course-25 .course-item .feature-hover-content {
  border-top: 1px solid #E0E5EB;
  visibility: hidden;
  opacity: 0;
  height: 0;
  margin-top: 0;
  padding-top: 0;
  transition: height 9s ease-in-out;
}
.featur-course-25 .course-item .feature-hover-content p {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #6C706F;
  margin-bottom: 0;
}
.featur-course-25 .course-item .feature-hover-content a {
  margin-top: 22px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.featur-course-25 .course-item .course-author-box {
  border-bottom: 1px solid #E0E5EB;
  padding-bottom: 25px;
  margin-bottom: 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 15px;
  flex-wrap: wrap;
  row-gap: 10px;
}
.featur-course-25 .course-item .course-author-box .course-author {
  display: grid;
  align-items: center;
  grid-template-columns: 45px 1fr;
  grid-gap: 10px;
}
.featur-course-25 .course-item .course-author-box .course-author .author-img {
  height: 45px;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.featur-course-25 .course-item .course-author-box .course-author .author-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.featur-course-25 .course-item .course-author-box .course-author .author-info .name {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
  line-height: 1;
}
.featur-course-25 .course-item .course-author-box .course-author .author-info span {
  color: var(--ed-color-theme-primary);
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
}
.featur-course-25 .course-item .course-author-box .course-review li {
  display: inline-flex;
}
.featur-course-25 .course-item .course-author-box .course-review li i {
  color: #F8BC24;
}
.featur-course-25 .course-item .course-author-box .course-review li.point {
  margin-left: 5px;
}

/*latest-testimonial area start*/
.testimonial__area {
  position: relative;
  overflow: hidden;
  padding-top: 286px;
  padding-bottom: 220px;
}
.testimonial__area .section-heading {
  margin-bottom: 50px;
}
@media only screen and (max-width: 992px) {
  .testimonial__area .section-heading {
    margin-bottom: 20px;
  }
}
.testimonial__area .shapes img {
  transition: all 0.3s ease;
  border: 15px solid transparent;
  border-radius: 50%;
}
@media only screen and (max-width: 992px) {
  .testimonial__area .shapes img {
    border: 5px solid transparent;
  }
}
.testimonial__area .shapes > div.active img {
  border-color: #07A698;
  transform: scale(1.1);
  box-shadow: 0 0 0 6px rgba(7, 166, 152, 0.15), 0 8px 20px rgba(7, 166, 152, 0.25);
}
.testimonial__area .shapes .shape-1 {
  position: absolute;
  top: 422px;
  left: 48px;
  z-index: 2;
}
@media (max-width: 1600px) {
  .testimonial__area .shapes .shape-1 {
    top: 700px;
    left: 130px;
  }
}
@media only screen and (max-width: 992px) {
  .testimonial__area .shapes .shape-1 {
    width: 95px;
    top: 840px;
    left: 7px;
  }
}
.testimonial__area .shapes .shape-2 {
  position: absolute;
  top: 368px;
  left: 429px;
  z-index: 2;
}
@media (max-width: 1600px) {
  .testimonial__area .shapes .shape-2 {
    top: 800px;
    left: 500px;
  }
}
@media only screen and (max-width: 992px) {
  .testimonial__area .shapes .shape-2 {
    top: 843px;
    left: 110px;
    width: 95px;
  }
}
.testimonial__area .shapes .shape-3 {
  position: absolute;
  top: 154px;
  left: 524px;
  z-index: 2;
}
@media (max-width: 1600px) {
  .testimonial__area .shapes .shape-3 {
    top: 154px;
    left: 124px;
  }
}
@media only screen and (max-width: 992px) {
  .testimonial__area .shapes .shape-3 {
    width: 95px;
    left: 7px;
  }
}
.testimonial__area .shapes .shape-4 {
  position: absolute;
  top: 327px;
  right: 352px;
  z-index: 2;
}
@media (max-width: 1600px) {
  .testimonial__area .shapes .shape-4 {
    top: 50px;
    left: 452px;
  }
}
@media only screen and (max-width: 992px) {
  .testimonial__area .shapes .shape-4 {
    width: 95px;
    top: 154px;
    left: 110px;
  }
}
.testimonial__area .shapes .shape-5 {
  position: absolute;
  top: 286px;
  right: 84px;
  z-index: 2;
}
@media (max-width: 1600px) {
  .testimonial__area .shapes .shape-5 {
    top: 213px;
  }
}
@media only screen and (max-width: 992px) {
  .testimonial__area .shapes .shape-5 {
    width: 95px;
    top: 155px;
    right: 9px;
  }
}
.testimonial__area .shapes .shape-6 {
  position: absolute;
  top: 658px;
  right: 119px;
  z-index: 2;
}
@media only screen and (max-width: 992px) {
  .testimonial__area .shapes .shape-6 {
    top: 843px;
    right: 9px;
    width: 95px;
  }
}
.testimonial__content p {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  color: #162726;
  margin-bottom: 34px;
}
@media only screen and (max-width: 992px) {
  .testimonial__content p {
    font-size: 19px;
    margin-bottom: 14px;
  }
}
.testimonial__content .wrapper-content {
  display: flex;
  align-items: start;
  gap: 30px;
  justify-content: center;
}
.testimonial__content .wrapper-content .quite {
  margin-top: 8px;
}
.testimonial__content .wrapper-content .content-text h4 {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 38px;
  color: #162726;
  margin-bottom: 0;
}
.testimonial__content .wrapper-content .content-text span {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #6C706F;
  margin-left: -12px;
}
.testimonial__content .wrapper-content .content-text .course-review {
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: start;
  margin-top: 14px;
}
.testimonial__content .wrapper-content .content-text .course-review li {
  list-style: none;
}
.testimonial__content .wrapper-content .content-text .course-review li i {
  color: #07A698;
}
.testimonial-buttons .testimonial-prev {
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(50%, 0);
  z-index: 99;
  font-size: 25px;
  color: #b3bbb5;
  transition: 0.3s;
}
.testimonial-buttons .testimonial-next {
  position: absolute;
  right: 10px;
  top: 0;
  transform: translate(50%, 0);
  z-index: 99;
  font-size: 25px;
  color: #b3bbb5;
  transition: 0.3s;
}

.testi-carousel-wrap .thumb-carousel {
  width: 110px;
  margin: 0 auto;
  padding-top: 10px;
  overflow: visible;
}
.testi-carousel-wrap .thumb-carousel .swiper-slide {
  height: 110px;
  width: 110px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.testi-carousel-wrap .testi-thumb {
  border: 5px solid transparent;
  height: 70px;
  width: 70px;
  border-radius: 50%;
  cursor: pointer;
  margin: 0 auto;
}
.testi-carousel-wrap .testi-thumb img {
  border-radius: 50%;
}
.testi-carousel-wrap .swiper-slide.swiper-slide-active .testi-thumb {
  height: 100px;
  width: 100px;
  border: 5px solid red;
  border-radius: 50%;
  opacity: 1;
}

.marquee-container {
  width: 100%;
  overflow: visible;
  padding: 20px 10px;
  position: absolute;
  z-index: 0;
  top: 90px;
  left: 0;
}
@media only screen and (max-width: 767px) {
  .marquee-container {
    display: none;
  }
}

.marquee-container svg {
  display: block;
  overflow: visible;
}

.marquee-path {
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}


.team-section-26 .section-heading p {
  margin-top: 12px;
  margin-bottom: 0;
}
@media only screen and (max-width: 992px) {
  .team-section-26 .section-heading p br {
    display: none;
  }
}

.faq-section-26 .faq-img-wrap-22 .faq-text-box {
  padding: 0;
}
.faq-section-26 .faq-img-wrap-22 .faq-text-box img {
  border-radius: 10px;
}

.gellary-26 .gellary-item-26-wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.gellary-26 .gellary-item-26 {
  height: 100%;
  transition: all 0.3s ease-in-out;
}
.gellary-26 .gellary-item-26:hover .thumb::before {
  visibility: visible;
  opacity: 1;
}
.gellary-26 .gellary-item-26:hover .thumb .icon {
  visibility: visible;
  opacity: 1;
}
.gellary-26 .gellary-item-26 .thumb {
  width: 100%;
  height: 100%;
  position: relative;
}
.gellary-26 .gellary-item-26 .thumb .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  visibility: hidden;
  overflow: 0;
}
.gellary-26 .gellary-item-26 .thumb::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(7px);
  visibility: hidden;
  opacity: 0;
}
.gellary-26 .gellary-item-26 .thumb img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.gellary-26 .gellary-item-26-middle {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}
.gellary-26 .gellary-item-26-middle .thumb-middle {
  width: 100%;
  height: 100%;
}
.gellary-26 .gellary-item-26-middle .thumb-middle img {
  width: 100%;
  height: 100%;
}

.courses-26 .courses-26-item-wrapper:hover .courses-26-item-2 {
  visibility: visible;
  opacity: 1;
  height: 120px;
}
.courses-26 .courses-26-item {
  background: #FFFFFF;
  box-shadow: 0px 4px 80px 2px rgba(15, 21, 33, 0.1);
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 30px 0;
  position: relative;
}
.courses-26 .courses-26-item .courses-26-thumb {
  border: 6px dotted #07A698;
  border-radius: 50%;
  padding: 13px;
}
.courses-26 .courses-26-item .courses-26-thumb img {
  border-radius: 50%;
}
.courses-26 .courses-26-item .courses-26-content {
  margin-top: 13px;
}
.courses-26 .courses-26-item .courses-26-content .title a {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  color: #162726;
  margin-bottom: 0;
  transition: all 0.3s ease-in-out;
}
.courses-26 .courses-26-item .courses-26-content .title a:hover {
  color: #07A698;
}
.courses-26 .courses-26-item .courses-26-content p {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #6C706F;
  margin-bottom: 0;
}
.courses-26 .courses-26-item-2 {
  width: 100%;
  height: 0;
  background-color: #07A698;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0px 0px 15px 15px;
  margin-top: -10px;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  opacity: 0;
}
.courses-26 .courses-26-item-2 .ed-primary-btn {
  background-color: #FFFFFF;
  color: #162726;
}
.courses-26 .courses-26-item-2 .ed-primary-btn::before {
  background-color: #000;
}
.courses-26 .courses-26-item-2 .ed-primary-btn:hover {
  color: #FFFFFF;
}

.about-section-26 .about-26-img-wrap-26 .content-img {
  max-width: 680px;
}
.about-section-26 .content-info {
  margin-left: -8px !important;
}
@media only screen and (max-width: 992px) {
  .about-section-26 .content-info {
    margin-left: 0 !important;
  }
}
@media (max-width: 1399px) {
  .about-section-26 .content-info p br {
    display: none;
  }
}
.about-section-26 .content-info .content-item {
  padding: 0;
  border: none;
  border-radius: 0;
}
.about-section-26 .content-info .content-item:hover {
  border: none;
  box-shadow: none;
}

.our-experience__active {
  max-width: 410px;
  width: 100%;
  transform: rotate(-10deg);
}
.our-experience__item {
  background: #07A698;
  border-radius: 15px;
  padding: 50px 30px;
  position: relative;
  z-index: 1;
}
.our-experience__item .shape {
  position: absolute;
  top: -34px;
  right: 23px;
  z-index: -1;
}
.our-experience__item .icon {
  margin-bottom: 30px;
}
.our-experience__item .icon ul {
  display: flex;
  align-items: center;
  gap: 5px;
}
.our-experience__item .icon ul li {
  list-style: none;
}
.our-experience__item .icon ul li i {
  color: #FFFFFF;
  font-size: 14px;
}
.our-experience__item .icon ul .point {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 0;
}
.our-experience__item .dec {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  color: #FFFFFF;
  padding-bottom: 21px;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.our-experience__item .author {
  margin-top: 32px;
}
.our-experience__item .author h5 {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 38px;
  color: #FFFFFF;
  margin-bottom: 0;
}
.our-experience__item .author h6 {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 0;
}

@media only screen and (max-width: 992px) {
  .step-flex {
    display: flex;
    align-items: start;
    gap: 30px;
  }
}
@media only screen and (max-width: 992px) and (max-width: 575px) {
  .step-flex {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 992px) {
  .step-flex .courses-26-item-wrapper {
    width: 100%;
  }
}


.about-section-27 {
  position: relative;
}
.about-section-27 .shapes .shape-1 {
  position: absolute;
  top: 162px;
  left: 515px;
}
@media (max-width: 1600px) {
  .about-section-27 .shapes .shape-1 {
    display: none;
  }
}
.about-section-27 .about-img-wrap-18 .about-img-2 {
  left: 0;
}
.about-section-27 .about-img-wrap-18 .about-img-3 {
  max-width: 268px;
  top: 60px;
  bottom: inherit;
  left: inherit;
  right: 0;
}
.about-section-27 .about-img-wrap-18 .about-counter {
  top: inherit;
  bottom: 4px;
  left: inherit;
  right: 0;
}

.testimonial-section-27 .testi-item-13 {
  position: relative;
  background: #F2F4F7;
}
.testimonial-section-27 .testi-item-13 .testi-author-area {
  background-color: #F2F4F7;
  top: 0;
  right: 0;
  left: inherit;
  bottom: inherit;
  outline: 12px solid #fff;
}
.testimonial-section-27 .testi-item-13 .testi-author-area::after {
  content: "";
  position: absolute;
  left: -13px;
  rotate: 95deg;
  width: 15px;
  height: 15px;
  top: 0px;
  background: radial-gradient(circle at 0 0, #fff 70%, var(--ed-color-common-white) 70%);
}
.testimonial-section-27 .testi-item-13 .testi-item-13__bg-round::before {
  content: "";
  position: absolute;
  left: 112px;
  rotate: -95deg;
  width: 15px;
  height: 15px;
  top: 0px;
  background: radial-gradient(circle at 0 0, #f2f4f7 70%, var(--ed-color-common-white) 70%);
}
.testimonial-section-27 .testi-item-13 .testi-item-13__bg-round-2::before {
  content: "";
  position: absolute;
  right: 0;
  rotate: -95deg;
  width: 15px;
  height: 15px;
  top: 90px;
  background: radial-gradient(circle at 0 0, #f2f4f7 70%, var(--ed-color-common-white) 70%);
}

.testimonial-section-27 .testi-bottom .rating-box span {
  background-color: #F2F4F7;
}

.sponsor-27 {
  background-color: #FFFFFF;
  padding-top: 70px;
}

@media (max-width: 1600px) {
  .testimonial-section-27 .testi-carousel-wrap-2 .swiper-arrow {
    display: none;
  }
}

.course-section-27 .course-item-20 .course-content {
  margin-bottom: 15px;
}
.course-section-27 .course-item-20 .course-content .offer {
  margin-bottom: 12px;
}
.course-section-27 .course-item-20 .course-content .title {
  margin-bottom: 0;
}
.course-section-27 .course-item-20 .bottom-content {
  padding: 0 30px 30px 30px;
}
.course-section-27 .course-item-20 .bottom-content .price {
  color: #07A698;
}
.course-section-27 .course-item-20 .bottom-content .ed-primary-btn {
  padding: 12px 24px;
}

.team-section-27 .team-item-15 {
  background: #FFFFFF;
  border-radius: 15px;
  box-shadow: inherit;
  transition: all 0.3s ease-in-out;
}
.team-section-27 .team-item-15:hover {
  box-shadow: 0px 4px 44px rgba(11, 38, 36, 0.18);
}
.team-section-27 .team-item-15:hover .team-thumb-wrap {
  background: #07A698;
  box-shadow: 0px 4px 44px rgba(11, 38, 36, 0.18);
}
.team-section-27 .team-item-15 .team-thumb-wrap {
  box-shadow: inherit;
}

.video-area-27 {
  padding: 305px 0;
}
@media only screen and (max-width: 767px) {
  .video-area-27 {
    padding: 200px 0;
  }
}

.blog-section-27 {
  background-color: #FFFFFF;
}
.blog-section-27 .post-card-13 {
  background-color: #F2F4F7;
}
.blog-section-27 .post-card-13 .post-content {
  padding: 22px 30px 30px 30px;
}
.blog-section-27 .post-card-13 .post-content .title {
  margin-bottom: 7px;
}
.blog-section-27 .post-card-13 .post-content .post-bottom {
  padding-top: 0;
  border-top: none;
}
.blog-section-27 .post-card-13 .post-content .post-bottom .post-meta li i {
  color: #6C706F;
}

.sponsor-28 {
  padding-top: 0;
  background-color: transparent;
  margin-top: -65px;
}

.about-section-28 .about-img-wrap-18 {
  max-width: 100%;
  height: 100%;
}
.about-section-28 .about-img-wrap-18 .about-img-2 {
  max-width: 100%;
}
.about-section-28 .about-img-wrap-18 .about-counter {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 992px) {
  .about-section-28 .about-img-wrap-18 .about-counter {
    display: none;
  }
}
.about-section-28 .about-content-18 {
  padding-left: 0;
}

.faq-section-27 .faq-img-wrap {
  max-width: 627px;
  height: 456px;
}
.faq-section-27 .faq-img-wrap .faq-img {
  max-width: 627px;
  height: 456px;
  left: 0;
}

.course-section-28 .course-item .course-content .course-list li {
  color: #FFFFFF;
}
.course-section-28 .course-item .course-content .course-author-box .course-review .point {
  color: #FFFFFF;
}
.course-section-28 .course-item .bottom-content .price {
  color: #07A698;
}
.course-section-28 .course-item .bottom-content .course-btn {
  border: 1px solid #ffffff;
}
.course-section-28 .course-item .bottom-content .course-btn:hover {
  background-color: #07A698;
}
.course-section-28 .course-section-28-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 45px;
}

.testimonial-section-29 .testi-item-15 {
  box-shadow: inset 0px 4px 44px rgba(0, 0, 0, 0.25);
}
.testimonial-section-29 .testi-carousel-wrap-15 .swiper-arrow .swiper-nav {
  color: #0DAFA0;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.testimonial-section-29 .testi-carousel-wrap-15 .swiper-arrow .swiper-nav:hover {
  color: var(--ed-color-common-white);
}

/**----------------------------------------
START: Home 30 CSS
----------------------------------------*/
.video-section-30 {
  background-color: #F2F4F7;
  position: relative;
}
.video-section-30 .shapes .shape-1 {
  position: absolute;
  width: 1784px;
  height: 1541px;
  top: -406px;
  left: -709px;
  background: radial-gradient(80.61% 80.61% at 50% 19.39%, rgba(7, 166, 152, 0.2) 0%, rgba(7, 166, 152, 0) 85.76%);
  filter: blur(125px);
}
.video-section-30 .shapes .shape-2 {
  position: absolute;
  width: 1694px;
  height: 1463px;
  top: 490px;
  left: 1052px;
  background: radial-gradient(80.61% 80.61% at 50% 19.39%, rgba(7, 166, 152, 0.2) 0%, rgba(7, 166, 152, 0) 85.76%);
  filter: blur(125px);
}
.video-section-30 .shapes .shape-3 {
  position: absolute;
  top: 108px;
  left: 82px;
}
@media only screen and (max-width: 992px) {
  .video-section-30 .shapes .shape-3 {
    display: none;
  }
}
.video-section-30 .shapes .shape-4 {
  position: absolute;
  top: 65px;
  right: -18px;
}
@media only screen and (max-width: 992px) {
  .video-section-30 .shapes .shape-4 {
    display: none;
  }
}
.video-section-30 .video-wrap {
  padding: 10px 10px 10px 10px;
  margin-bottom: 20px;
}
.video-section-30 .video-wrap .video-img {
  height: 600px;
}
@media only screen and (max-width: 767px) {
  .video-section-30 .video-wrap .video-img {
    height: 350px;
  }
}
.video-section-30 .video-item {
  background: #FFFFFF;
  box-shadow: 0px 8px 40px 8px rgba(56, 76, 100, 0.04);
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 27px 0;
  position: relative;
}
.video-section-30 .video-item .icon {
  width: 45px;
  height: 45px;
  background: rgba(7, 166, 152, 0.13);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.video-section-30 .video-item .icon img {
  width: auto;
}
.video-section-30 .video-item .title {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 25px;
  color: #162726;
}

.feature-section-30 {
  position: relative;
  overflow: hidden;
}
.feature-section-30 .shapes .shape-1 {
  position: absolute;
  top: -255px;
  left: 0;
}
@media (max-width: 1600px) {
  .feature-section-30 .shapes .shape-1 {
    top: 0;
  }
}
@media (max-width: 1399px) {
  .feature-section-30 .shapes .shape-1 {
    display: none;
  }
}

.cta-section-30 {
  position: relative;
  overflow: hidden;
}
.cta-section-30 .overlay {
  background: rgba(9, 21, 36, 0.75);
}
.cta-section-30 .shapes .shape-1 {
  position: absolute;
  top: -170px;
  left: -313px;
}
@media only screen and (max-width: 767px) {
  .cta-section-30 .shapes .shape-1 {
    display: none;
  }
}
.cta-section-30 .shapes .shape-2 {
  position: absolute;
  width: 796px;
  height: 796px;
  background: #07A698;
  filter: blur(275px);
  top: 188px;
  right: -444px;
}
.cta-section-30 .shapes .shape-3 {
  position: absolute;
  top: 40px;
  right: 27px;
  width: 533px;
  height: 316px;
  background: #07A698;
  mix-blend-mode: color;
  filter: blur(50px);
}
@media only screen and (max-width: 767px) {
  .cta-section-30 .shapes .shape-3 {
    display: none;
  }
}

.about-section-30 {
  background-color: #162726;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.about-section-30 .shapes .shape-1 {
  position: absolute;
  width: 529px;
  height: 529px;
  top: -295px;
  left: -234px;
  background: #07A698;
  filter: blur(275px);
  z-index: -1;
}
.about-section-30 .shapes .shape-2 {
  position: absolute;
  width: 727px;
  height: 727px;
  top: 432px;
  right: -107px;
  background: #07A698;
  filter: blur(275px);
  z-index: -1;
}
.about-section-30 .about-30-thumb .title {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 500;
  font-size: 120px;
  line-height: 131px;
  color: #FFFFFF;
  margin-bottom: 64px;
}
@media (max-width: 1200px) {
  .about-section-30 .about-30-thumb .title {
    font-size: 80px;
    line-height: 90px;
  }
}
.about-section-30 .about-30-thumb .media {
  max-width: 378px;
  width: 100%;
}
.about-section-30 .about-30-thumb .media img {
  border-radius: 20px;
  object-fit: cover;
}
.about-section-30 .about-30-content .dec {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 34px;
  color: #FFFFFF;
  margin-bottom: 0;
}
@media only screen and (max-width: 992px) {
  .about-section-30 .about-30-content .dec {
    font-size: 18px;
    line-height: 28px;
  }
}
.about-section-30 .about-30-content .ed-primary-btn {
  margin-top: 40px;
}
.about-section-30 .about-30-content .about-30-counter-wrap {
  display: flex;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
  row-gap: 10px;
  margin-top: 60px;
}
.about-section-30 .about-30-content .about-30-counter-wrap .about-30-counter-item .title {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 500;
  font-size: 64px;
  line-height: 74px;
  color: #FFFFFF;
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: 11px;
  margin-bottom: 22px;
}
.about-section-30 .about-30-content .about-30-counter-wrap .about-30-counter-item .title span {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 500;
  font-size: 64px;
  line-height: 74px;
  color: #FFFFFF;
  margin-bottom: 0;
}
.about-section-30 .about-30-content .about-30-counter-wrap .about-30-counter-item .dec {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #FFFFFF;
  margin-bottom: 0;
}

.blog-30-section .blog-30-item {
  background: #F2F4F7;
  border-radius: 15px;
  padding: 20px;
}
.blog-30-section .blog-30-item .thumb img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
}
.blog-30-section .blog-30-item .content {
  padding: 30px 20px 20px 20px;
}
@media only screen and (max-width: 767px) {
  .blog-30-section .blog-30-item .content {
    padding: 30px 0 20px 0;
  }
}
.blog-30-section .blog-30-item .content .title {
  margin-bottom: 27px;
  padding-bottom: 30px;
  border-bottom: 1px dashed #C1C6CD;
}
.blog-30-section .blog-30-item .content .title a {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  color: #162726;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 992px) {
  .blog-30-section .blog-30-item .content .title a {
    font-size: 18px;
    line-height: 28px;
  }
}
.blog-30-section .blog-30-item .content .title a:hover {
  color: #07A698;
}
.blog-30-section .blog-30-item .content .author-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 10px;
}
.blog-30-section .blog-30-item .content .author-wrap .author-item {
  display: flex;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
}
.blog-30-section .blog-30-item .content .author-wrap .author-item img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
}
.blog-30-section .blog-30-item .content .author-wrap .author-item .text .title {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  color: #162726;
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.blog-30-section .blog-30-item .content .author-wrap .author-item .text p {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #6C706F;
  margin-bottom: 0;
}
.blog-30-section .blog-30-item .content .author-wrap p {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #6C706F;
}
.blog-30-section .blog-30-item .content .author-wrap p i {
  color: #07A698;
  padding-right: 8px;
}
.blog-30-section .ed-primary-btn {
  width: fit-content;
  margin: 50px auto 0 auto;
}

.pb-240 {
  padding-bottom: 240px;
}
@media (max-width: 1399px) {
  .pb-240 {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width: 992px) {
  .pb-240 {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .pb-240 {
    padding-bottom: 60px;
  }
}

/**----------------------------------------
START: Footer CSS
----------------------------------------*/
.footer-section {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  position: relative;
  z-index: 1;
}

/* optional: darken the image so white footer text stays readable */
.footer-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgb(3 72 97 / 77%); /* sambhavam-blue overlay */
  z-index: -1;
}


.footer-wrap {
  margin-bottom: 80px;
}
@media only screen and (max-width: 992px) {
  .footer-wrap {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 992px) {
  .footer-widget {
    margin-bottom: 50px;
  }
}
.footer-widget .widget-header {
  color: var(--ed-color-common-white);
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 35px;
  padding-bottom: 15px;
  position: relative;
}
.footer-widget .widget-header:before {
  background-color: var(--ed-color-common-white);
  content: "";
  width: 60px;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.footer-widget .widget-header.logo {
  margin-bottom: 0;
}
.footer-widget .widget-header.logo:before {
  display: none;
}
.footer-widget p {
  color: rgba(255, 255, 255, 0.8);
}
.footer-widget .footer-contact .number {
  font-size: 16px;
  font-weight: 600;
  display: block;
}
.footer-widget .footer-contact .number i {
  color: var(--ed-color-common-white);
  margin-right: 15px;
}
.footer-widget .footer-contact .number a {
  color: var(--ed-color-common-white);
}
.footer-widget .footer-contact .number a:hover {
  color: var(--ed-color-theme-primary);
}
.footer-widget .footer-contact .mail {
  color: var(--ed-color-common-white);
  font-size: 18px;
  margin-bottom: 15px;
  display: inline-block;
}
.footer-widget .footer-contact .mail:hover {
  color: var(--ed-color-theme-primary);
}
.footer-widget .footer-list {
  list-style: none;
}
.footer-widget .footer-list li a {
  font-family: var(--ed-ff-body);
  color: var(--ed-color-common-white);
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
}
.footer-widget .footer-list li a:hover {
  color: #fdbe33;
}
.footer-widget .footer-list li:not(:last-of-type) {
  margin-bottom: 15px;
}
.footer-widget .footer-form {
  position: relative;
  margin-top: 30px;
}
.footer-widget .footer-form .form-control {
  background-color: var(--ed-color-common-dark);
  padding: 15px 70px 15px 15px;
  color: rgba(255, 255, 255, 0.8);
  box-shadow: none;
  border: none;
  border-radius: 0;
}
.footer-widget .footer-form .form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.footer-widget .footer-form .form-control:-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.footer-widget .footer-form .form-control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.footer-widget .footer-form .form-control:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.footer-widget .footer-form .submit {
  background-color: var(--ed-color-theme-primary);
  color: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  height: 100%;
  width: 60px;
  font-size: 18px;
}
.footer-widget .footer-social {
  display: flex;
  align-items: center;
  list-style: none;
}
.footer-widget .footer-social li:not(:last-of-type) {
  margin-right: 20px;
}
.footer-widget .footer-social li a {
  color: var(--ed-color-common-white);
  font-size: 16px;
}
.footer-widget .footer-social li a:hover {
  color: var(--ed-color-theme-primary);
}
.footer-widget .sidebar-post {
  display: grid;
  align-items: center;
  grid-template-columns: 90px 1fr;
  grid-gap: 0px;
}
.footer-widget .sidebar-post:not(:last-of-type) {
  margin-bottom: 20px;
}
.footer-widget .sidebar-post img {
  height: 100%;
  object-fit: cover;
}
.footer-widget .sidebar-post .post-content {
  padding-left: 20px;
}
@media only screen and (max-width: 767px) {
  .footer-widget .sidebar-post .post-content {
    padding-left: 10px;
  }
}
.footer-widget .sidebar-post .post-content .post-meta {
  display: flex;
  align-items: center;
  column-gap: 20px;
  flex-wrap: wrap;
  row-gap: 5px;
}
@media only screen and (max-width: 767px) {
  .footer-widget .sidebar-post .post-content .post-meta {
    column-gap: 5px;
  }
}
.footer-widget .sidebar-post .post-content .post-meta li {
  font-size: 14px;
  font-weight: 400;
  color: var(--ed-color-common-white);
  display: flex;
  align-items: center;
  column-gap: 10px;
}
@media only screen and (max-width: 767px) {
  .footer-widget .sidebar-post .post-content .post-meta li {
    font-size: 13px;
  }
}
.footer-widget .sidebar-post .post-content .post-meta li i {
  color: var(--ed-color-theme-primary);
}
.footer-widget .sidebar-post .post-content .title {
  color: var(--ed-color-common-white);
  font-size: 17px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 1.4;
  margin-bottom: 7px;
}
.footer-widget .sidebar-post .post-content .title a {
  background: linear-gradient(var(--ed-color-common-white) 0%, var(--ed-color-common-white) 98%);
  background-size: 0 2px;
  background-repeat: no-repeat;
  background-position: left 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.footer-widget .sidebar-post .post-content .title a:hover {
  color: var(--ed-color-common-white);
  background-size: 100% 2px;
}
.footer-widget.widget-2 {
  padding-left: 50px;
}
@media only screen and (max-width: 992px) {
  .footer-widget.widget-2 {
    padding-left: 0;
  }
}
.footer-widget.widget-2 .footer-list li a {
  position: relative;
  padding-left: 20px;
}
@media (max-width: 1200px) {
  .footer-widget.widget-2 .footer-list li a {
    font-size: 14px;
    padding-left: 17px;
  }
}

@media (max-width: 1200px) {
  .footer-widget.widget-2 .footer-list li a:before {
    font-size: 10px;
  }
}
.footer-widget.widget-2 .footer-list li a:hover:before {
  color: var(--ed-color-theme-primary);
}

.copyright-area {
  border-top: 1px solid #223736;
}

.copyright-content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: 20px 0;
  border-top: 2px solid var(--ed-color-common-dark);
}

.developed-content{
  width: 100%;
    align-items: center;
    justify-content: flex-end;
    display: flex;
    
}

.developed-content p{
  color: white;
      padding: 20px 0;
      margin-bottom: 0px;
}

@media only screen and (max-width: 992px) {
  .copyright-content {
    margin-top: 0;
    flex-direction: column-reverse;
    row-gap: 10px;
    padding: 40px 0;
  }

  .developed-content {
    width: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
}

  .developed-content p {
    color: white;
    padding: 0px 0;
    margin-bottom: 0px;
}
}
.copyright-content p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  font-family: var(--ed-ff-body);
  margin: 0;
}
.copyright-content p span {
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .copyright-content p {
    text-align: center;
  }
}

/*Scrool Up*/
#scrollup {
  width: 45px;
  height: 45px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  overflow: hidden;
  z-index: 999;
}

.scroll-to-top {
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: var(--ed-color-theme-primary);
  font-size: 20px;
  padding: 0;
  line-height: 40px;
  color: var(--ed-color-common-white);
  border-radius: 5px;
  outline: none;
  text-decoration: none;
  transform: translateY(150%);
  transition: all 0.3s ease-in-out;
}

#scrollup.show {
  opacity: 1;
}

#scrollup.show .scroll-to-top {
  transform: translateY(0);
  transition: all 0.3s ease-in-out;
}

.scroll-to-top:hover {
  text-decoration: none;
  opacity: 0.8;
  transition: all 0.3s ease-in-out;
}

/* !END:  Footer CSS */

/*# sourceMappingURL=main.css.map */

.logo{
  height: 50px;
}

@media(min-width: 1200px) and (max-width: 1399px){
  .logo{
  height: 38px;
  }

  .header-1 .primary-header .primary-header-inner .header-menu-wrap .sub-menu li a {
    padding: 28px 0;
    padding-right: 2px !important;
  }

  .header-1 .primary-header .primary-header-inner .header-menu-wrap {
    padding-left: 13px !important;
    margin-left: 13px !important;
  }
}


.header-1{
  height: 150px;
}

/* ===== Brand Promise ===== */
.brand-promise-section p {
    color: #5f5e5a;
    font-size: 1.05rem;
    line-height: 1.7;
}

.brand-line {
    color: var(--sambhavam-teal);
    font-weight: 600;
    font-size: 1.1rem;
    margin-top: 1rem;
}


/* ===== Four Impact Cards ===== */
.impact-card {
    background: #ffffff;
    border: 1px solid #eee;
    border-top: 3px solid var(--sambhavam-orange);
    border-radius: 12px;
    padding: 1.75rem 1.25rem;
    text-align: center;
    height: 100%;
    transition: box-shadow 0.2s ease;
}

.impact-card:hover {
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

.impact-card h3 {
    color: var(--sambhavam-teal);
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.impact-card p {
    color: #5f5e5a;
    font-size: 0.95rem;
    margin: 0;
}


/* ===== Section headings ===== */
.section-title {
    color: var(--sambhavam-blue);
    font-weight: 600;
}

.sub-heading {
    color: var(--sambhavam-teal);
    font-weight: 600;
}

.heading-icon i {
    color: var(--sambhavam-orange);
}

23049 to 23075
/* ===== Programme Explorer background image ===== */
.programme-bg-section {
    position: relative;
    background-image: url("../images/banner.jpg") !important;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
 
.programme-bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: linear-gradient(180deg, rgb(0 8 20 / 52%) 0%, rgb(83 40 0 / 20%) 100%); */
    z-index: 0;
}
 
.programme-bg-section .position-relative {
    z-index: 1;
}
 
@media (max-width: 767px) {
    .programme-bg-section {
        background-attachment: scroll;
    }
}


/* ======================================================== */
    /* ENHANCED PROGRAMME EXPLORER CARDS                        */
    /* ======================================================== */
    .programme-bg-overlay {
        position: absolute;
        inset: 0;
        z-index: 0;
    }
    .scc-wrap {
        position: relative;
        z-index: 1;
    }
    .sambhavam-course-card {
        background: #ffffff;
        border-radius: 18px;
        border: 1px solid rgba(226, 232, 240, 0.9);
        overflow: hidden;
        height: 100%;
        display: flex;
        flex-direction: column;
        box-shadow: 0 10px 30px rgba(3, 72, 97, 0.08);
        transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
        max-width: 375px;
        margin: 0 auto;
        position: relative;
    }
    .sambhavam-course-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 20px 45px rgba(3, 72, 97, 0.18);
        border-color: rgba(222, 182, 94, 0.6);
    }
    .scc-header {
        padding: 24px 18px 18px;
        text-align: center;
        color: #ffffff;
        position: relative;
        overflow: hidden;
    }
    .scc-header::before {
        content: '';
        position: absolute;
        top: -50%;
        right: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(circle, rgba(255, 255, 255, 0.12) 0%, transparent 65%);
        pointer-events: none;
    }
    .scc-banner-blue {
        background: linear-gradient(135deg, #034861 0%, #0a5874 100%);
    }
    .scc-banner-teal {
        background: linear-gradient(135deg, #016d77 0%, #158b98 100%);
    }
    .scc-banner-navy {
        background: linear-gradient(135deg, #16243a 0%, #283e5e 100%);
    }
    .scc-icon-circle {
        width: 50px;
        height: 50px;
        background: rgba(255, 255, 255, 0.16);
        backdrop-filter: blur(6px);
        -webkit-backdrop-filter: blur(6px);
        border: 1.5px solid rgba(255, 255, 255, 0.35);
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        color: #deb65e;
        margin-bottom: 10px;
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
        transition: transform 0.3s ease;
    }
    .sambhavam-course-card:hover .scc-icon-circle {
        transform: scale(1.1) rotate(6deg);
        background: rgba(255, 255, 255, 0.25);
    }
    .scc-eyebrow {
        display: block;
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1.2px;
        color: #deb65e;
        margin-bottom: 4px;
    }
    .scc-header-title {
        font-size: 18px;
        font-weight: 700;
        color: #ffffff;
        margin: 0 0 10px;
        line-height: 1.25;
        letter-spacing: -0.2px;
    }
    .scc-header-line {
        width: 45px;
        height: 3px;
        background: linear-gradient(90deg, #deb65e, #f59e0b);
        border-radius: 3px;
        margin: 0 auto;
    }
    .scc-body {
        padding: 18px 16px 16px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        flex: 1;
        background: #f8fafc url('data:image/svg+xml;utf8,<svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><g fill="%23016d77" fill-opacity="0.02" fill-rule="evenodd"><path d="M0 40L40 0H20L0 20M40 40V20L20 40"/></g></svg>');
    }
    .scc-meta-bar {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        margin-bottom: 12px;
    }
    .scc-meta-pill {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        background: #ffffff;
        border: 1px solid #e2e8f0;
        border-radius: 20px;
        padding: 3px 10px;
        font-size: 11px;
        font-weight: 600;
        color: #475569;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.03);
    }
    .scc-meta-pill i.text-gold {
        color: #d97706;
    }
    .scc-scroll-container {
        max-height: 160px;
        overflow-y: auto;
        padding-right: 6px;
        margin-bottom: 16px;
        scrollbar-width: thin;
        scrollbar-color: #deb65e #e2e8f0;
    }
    .scc-scroll-container::-webkit-scrollbar {
        width: 5px;
    }
    .scc-scroll-container::-webkit-scrollbar-track {
        background: #e2e8f0;
        border-radius: 6px;
    }
    .scc-scroll-container::-webkit-scrollbar-thumb {
        background: #deb65e;
        border-radius: 6px;
    }
    .scc-scroll-container::-webkit-scrollbar-thumb:hover {
        background: #c99a3e;
    }
    .scc-checklist {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .scc-checklist li {
        display: flex;
        align-items: flex-start;
        gap: 9px;
        font-size: 13px;
        font-weight: 600;
        color: #1e293b;
        line-height: 1.45;
        margin-bottom: 9px;
        padding: 4px 6px;
        border-radius: 6px;
        transition: background-color 0.2s ease;
    }
    .scc-checklist li:hover {
        background-color: rgba(1, 109, 119, 0.05);
    }
    .scc-checklist li:last-child {
        margin-bottom: 0;
    }
    .scc-check-icon {
        color: #016d77;
        font-size: 14px;
        margin-top: 2px;
        flex-shrink: 0;
    }
    .scc-footer {
        padding-top: 6px;
        margin-top: auto;
    }
    .scc-pill-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 9px 24px;
        background: linear-gradient(135deg, #034861 0%, #016d77 100%);
        color: #ffffff !important;
        border-radius: 50px;
        font-size: 13.5px;
        font-weight: 600;
        text-decoration: none;
        box-shadow: 0 4px 14px rgba(1, 109, 119, 0.25);
        transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
        border: 1px solid rgba(255, 255, 255, 0.15);
    }
    .scc-pill-btn i {
        font-size: 12px;
        transition: transform 0.25s ease;
    }
    .scc-pill-btn:hover {
        background: linear-gradient(135deg, #deb65e 0%, #c99a3e 100%);
        color: #043148 !important;
        transform: translateY(-2px);
        box-shadow: 0 6px 18px rgba(222, 182, 94, 0.45);
        border-color: #deb65e;
    }
    .scc-pill-btn:hover i {
        transform: translateX(4px);
    }
    @media (max-width: 767px) {
        .scc-header { padding: 18px 14px 14px; }
        .scc-body { padding: 14px 12px 14px; }
        .scc-scroll-container { max-height: 145px; }
        .scc-header-title { font-size: 16.5px; }
    }

    .scc-carousel-wrap { padding: 0 60px; }
.scc-carousel .swiper-slide { height: auto; display: flex; }

.scc-swiper-prev,
.scc-swiper-next {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.35);
    background: rgba(255,255,255,0.08);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 5;
    transition: all 0.25s ease;
}
.scc-swiper-prev:hover,
.scc-swiper-next:hover { background: #deb65e; color: #043148; border-color: #deb65e; }
.scc-swiper-prev { left: 0; }
.scc-swiper-next { right: 0; }

.scc-swiper-pagination .swiper-pagination-bullet {
    background: rgba(255,255,255,0.4);
    opacity: 1;
    width: 10px; height: 10px;
}
.scc-swiper-pagination .swiper-pagination-bullet-active { background: #deb65e; }

@media (max-width: 767px) {
    .scc-carousel-wrap { padding: 0; }
    .scc-swiper-prev, .scc-swiper-next { display: none; }
}

/* ===== Course / Programme cards ===== */
.course-item {
    border: 1px solid #eee;
    border-top: 3px solid var(--sambhavam-orange);
    border-radius: 10px;
    padding: 1rem;
    height: 100%;
    transition: box-shadow 0.2s ease;
}

.course-item:hover {
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

.course-item .offer {
    background: var(--sambhavam-yellow);
    color: #4a3b00;
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
}

.course-item .title a {
    color: var(--sambhavam-blue);
    font-weight: 600;
}

/* ===== Category / subject cards ===== */
.cat-card {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 1.5rem 1rem;
    text-align: center;
    transition: box-shadow 0.2s ease;
}

.cat-card:hover {
    box-shadow: 0 6px 18px rgba(0,0,0,0.06);
}

.cat-card .title {
    color: var(--sambhavam-teal);
    font-size: 1rem;
    margin: 0;
}

/* ===== Mentor / team cards ===== */
.team-item-3 {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 1.5rem;
    text-align: center;
}

.team-item-3 .title a {
    color: var(--sambhavam-blue);
}


/* ===== Why Sambhavam Academy — scroll-pinned video + points =====
   Replaces the old .why-card styles.
   --why-top    : height of your sticky site header (adjust if needed)
   --why-step   : how much scrolling each point takes (bigger = slower)
================================================================== */
.why-academy-section {
    --why-top: 80px;
    --why-step: 45vh;
    position: relative;
    background: #f6f8fb;
}

/* Tall wrapper = the scroll distance while the section is pinned */
.why-scroll-wrap {
    position: relative;
    height: calc(100vh + (var(--why-count, 8) * var(--why-step)));
}

/* The part that stays on screen */
.why-sticky {
    position: sticky;
    top: var(--why-top);
    height: calc(100vh - var(--why-top));
    display: flex;
    align-items: center;
    overflow: hidden;
}

.why-sticky > .container { width: 100%; }

/* ---------- Video ---------- */
.why-video-frame {
    position: relative;
    width: 100%;
    max-width: 520px;
    aspect-ratio: 4 / 5;
    max-height: calc(100vh - var(--why-top) - 80px);
    margin: 0 auto;
    border-radius: 24px;
    overflow: hidden;
    background: #dfe6ef;
    box-shadow: 0 24px 50px rgba(15, 35, 70, 0.14);
}

.why-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.why-video-badge {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 18px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.why-video-badge-icon {
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: var(--sambhavam-blue);
    transition: background 0.4s ease;
}

.why-video-badge-title {
    font-weight: 600;
    color: #1b1b1b;
    font-size: 0.98rem;
}

.why-video-badge.is-swapping .why-video-badge-title,
.why-video-badge.is-swapping .why-video-badge-icon i {
    animation: whyBadgeIn 0.45s ease;
}

@keyframes whyBadgeIn {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ---------- Progress ---------- */
.why-progress-row {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
}

.why-counter {
    font-size: 0.9rem;
    color: #7a7a74;
    white-space: nowrap;
}

.why-counter b {
    color: #1b1b1b;
    font-size: 1.1rem;
}

.why-progress {
    flex: 1;
    height: 4px;
    border-radius: 4px;
    background: #e2e7ef;
    overflow: hidden;
}

.why-progress-fill {
    display: block;
    height: 100%;
    width: 100%;
    transform-origin: left center;
    transform: scaleX(0);
    background: linear-gradient(90deg, var(--sambhavam-blue), var(--sambhavam-teal), var(--sambhavam-green), var(--sambhavam-orange));
    transition: transform 0.15s linear;
}

/* ---------- Points track ---------- */
.why-track-viewport {
    position: relative;
    height: min(46vh, 400px);
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 16%, #000 84%, transparent 100%);
            mask-image: linear-gradient(to bottom, transparent 0, #000 16%, #000 84%, transparent 100%);
}

.why-track {
    list-style: none;
    margin: 0;
    padding: 0;
    transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
}

.why-point {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 18px 20px;
    margin-bottom: 10px;
    border-radius: 16px;
    border-left: 4px solid transparent;
    background: transparent;
    opacity: 0.35;
    transform: scale(0.96);
    transform-origin: left center;
    transition: opacity 0.4s ease, transform 0.4s ease, background 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
}

.why-point.is-done { opacity: 0.5; }

.why-point.is-active {
    opacity: 1;
    transform: scale(1);
    background: #ffffff;
    box-shadow: 0 14px 30px rgba(15, 35, 70, 0.08);
}

.why-point-icon {
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    color: #ffffff;
}

.why-point-title {
    color: #1b1b1b;
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 0 4px;
}

.why-point p {
    color: #5f5e5a;
    font-size: 0.93rem;
    line-height: 1.55;
    margin: 0;
}

/* Colours (reuse your existing brand variables) */
.why-point-blue   .why-point-icon { background: linear-gradient(135deg, var(--sambhavam-blue), #1b5fc9); }
.why-point-teal   .why-point-icon { background: linear-gradient(135deg, var(--sambhavam-teal), #04a396); }
.why-point-green  .why-point-icon { background: linear-gradient(135deg, var(--sambhavam-green), #4bc65a); }
.why-point-orange .why-point-icon { background: linear-gradient(135deg, var(--sambhavam-orange), var(--sambhavam-red-orange)); }

.why-point-blue.is-active   { border-left-color: var(--sambhavam-blue); }
.why-point-teal.is-active   { border-left-color: var(--sambhavam-teal); }
.why-point-green.is-active  { border-left-color: var(--sambhavam-green); }
.why-point-orange.is-active { border-left-color: var(--sambhavam-orange); }

/* ---------- Mouse scroll hint ---------- */
.why-scroll-hint {
    position: absolute;
    left: 50%;
    bottom: 18px;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    color: #7a7a74;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.why-scroll-hint.is-hidden { opacity: 0; }

.why-mouse {
    width: 24px;
    height: 38px;
    border: 2px solid #9aa3b0;
    border-radius: 14px;
    position: relative;
}

.why-wheel {
    position: absolute;
    top: 7px;
    left: 50%;
    width: 4px;
    height: 8px;
    margin-left: -2px;
    border-radius: 2px;
    background: var(--sambhavam-blue);
    animation: whyWheel 1.6s ease-in-out infinite;
}

@keyframes whyWheel {
    0%   { opacity: 0; transform: translateY(0); }
    30%  { opacity: 1; }
    100% { opacity: 0; transform: translateY(12px); }
}

/* ---------- Tablet / mobile + reduced motion: no pinning, simple stacked list ---------- */
@media (max-width: 991.98px), (prefers-reduced-motion: reduce) {
    .why-scroll-wrap { height: auto; }

    .why-sticky {
        position: static;
        height: auto;
        display: block;
        overflow: visible;
        padding: 60px 0 80px;
    }

    .why-video-frame {
        aspect-ratio: 16 / 10;
        max-height: none;
        max-width: 100%;
    }

    .why-video-badge,
    .why-progress-row,
    .why-scroll-hint { display: none; }

    .why-track-viewport {
        height: auto;
        overflow: visible;
        -webkit-mask-image: none;
                mask-image: none;
    }

    .why-track { transform: none !important; transition: none; }

    .why-point,
    .why-point.is-done,
    .why-point.is-active {
        opacity: 1;
        transform: none;
        background: #ffffff;
        box-shadow: 0 8px 20px rgba(15, 35, 70, 0.06);
    }
}
 
/* ===== Mentor / team cards ===== */
.team-item-3 {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 1.5rem;
    text-align: center;
}
 
.team-item-3 .title a {
    color: var(--sambhavam-blue);
}
 
/* ===== Appointment / counselling section ===== */
.appointment-wrap {
    background: #f7faf8;
    border-radius: 14px;
    padding: 3rem 2rem;
}
 
.appointment-list {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 1.5rem;
}
 
.appointment-list li {
    color: var(--sambhavam-teal);
    font-weight: 500;
}
 
.appointment-list li::before {
    content: "\2713";
    color: var(--sambhavam-green);
    margin-right: 8px;
    font-weight: 700;
}

/* ===== Testimonials ===== */
.testi-item-2 {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 1.5rem;
}

/* ===== Footer ===== */
.footer-section {
    background: var(--sambhavam-blue);
    color: #e5e5e5;
}

.widget-header {
    color: #ffffff;
}

.footer-list a,
.footer-contact a {
    color: #d5d5d5;
}

.footer-list a:hover {
    color: var(--sambhavam-yellow);
}

.copyright-area {
    background: rgba(0,0,0,0.15);
    padding: 0rem 0;
}

.copyright-content p {
    color: #d5d5d5;
    margin: 0;
    text-align: center;
}

/* ===== Responsive tweaks ===== */
@media (max-width: 767px) {
    .hero-content .title {
        font-size: 2rem;
    }
    .hero-form {
        flex-direction: column;
    }
    .appointment-list {
        grid-template-columns: 1fr;
    }
}


/* =============================================
   ANNOUNCEMENT TICKER
   ============================================= */

.sambhavam-ticker-bar {
    width: 100%;
    overflow: hidden;
    background: #034861;
    border-image: linear-gradient(90deg, #fdbe33, #016d77, #deb65e) 1;
    border-bottom: 5px solid transparent;
    white-space: nowrap;
    position: relative;
}

.ticker-wrap {
    width: 100%;
    overflow: hidden;
}

.ticker-move {
    display: inline-flex;
    align-items: center;
    width: max-content;
    animation: sambhavamTicker 35s linear infinite;
}

.ticker-item {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    padding: 5px 6px;
    font-family: 'Outfit', sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
    color: #FFFFFF;
    letter-spacing: 0.2px;
    overflow-x: hidden !important;
}

.ticker-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-right: 10px;
    font-size: 11px;
    color: #0B2D5C;
    flex-shrink: 0;
}

.ticker-icon-orange,
.ticker-icon-green,
.ticker-icon-teal {
    background-color: #016d77;
    color: #fff;
}

.ticker-divider {
    display: inline-block;
    color: rgba(255, 255, 255, 0.25);
    font-size: 14px;
    padding: 0 22px;
    flex-shrink: 0;
}

/* Smooth continuous scrolling */
@keyframes sambhavamTicker {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* Pause ticker on hover */
.sambhavam-ticker-bar:hover .ticker-move {
    animation-play-state: paused;
}


/* =============================================
   TABLET
   ============================================= */

@media (max-width: 991px) {
    .ticker-item { padding: 9px 4px; font-size: 13px; }
    .ticker-icon { width: 21px; height: 21px; font-size: 10px; margin-right: 8px; }
    .ticker-divider { padding: 0 16px; }
    .ticker-move { animation-duration: 30s; }
}

.vsize{
  height: 650px
}
/* =============================================
   MOBILE
   ============================================= */

@media (max-width: 575px) {
    .sambhavam-ticker-bar { min-height: 38px; }
    .ticker-item { padding: 8px 4px; font-size: 12px; }
    .ticker-icon { width: 18px; height: 18px; font-size: 9px; margin-right: 6px; }
    .ticker-divider { padding: 0 12px; }
    .ticker-move { animation-duration: 25s; }
    .vsize{
  height: 580px
}
}

/* ================= PROGRAMME EXPLORER — PW STYLE CARDS ================= */
.scc-wrap { position: relative; z-index: 1; }


/* Card Container */
.sambhavam-course-card {
    background: #ffffff;
    border-radius: 18px;
    border: 1px solid rgba(226, 232, 240, 0.9);
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: 0 10px 30px rgba(3, 72, 97, 0.08);
    transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
    max-width: 375px;
    margin: 0 auto;
    position: relative;
}
.sambhavam-course-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 45px rgba(3, 72, 97, 0.18);
    border-color: rgba(222, 182, 94, 0.6);
}

/* Card Headers & Color Themes */
.scc-header { padding: 24px 18px 18px; text-align: center; color: #ffffff; position: relative; overflow: hidden; }
.scc-banner-blue { background: linear-gradient(135deg, #034861 0%, #0a5874 100%); }
.scc-banner-teal { background: linear-gradient(135deg, #016d77 0%, #158b98 100%); }
.scc-banner-navy { background: linear-gradient(135deg, #16243a 0%, #283e5e 100%); }

/* Circular Top Icon */
.scc-icon-circle {
    width: 50px; height: 50px;
    background: rgba(255, 255, 255, 0.16);
    backdrop-filter: blur(6px);
    border: 1.5px solid rgba(255, 255, 255, 0.35);
    border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 20px; color: #deb65e; margin-bottom: 10px;
}

/* Scrollable Checklist */
.scc-scroll-container {
    max-height: 160px;
    overflow-y: auto;
    padding-right: 6px;
    margin-bottom: 16px;
    scrollbar-width: thin;
    scrollbar-color: #deb65e #e2e8f0;
}

/* "Know More" Action Button */
.scc-pill-btn {
    display: inline-flex; align-items: center; justify-content: center;
    gap: 8px; padding: 9px 24px;
    background: linear-gradient(135deg, #034861 0%, #016d77 100%);
    color: #ffffff !important; border-radius: 50px;
    font-size: 13.5px; font-weight: 600; text-decoration: none;
    box-shadow: 0 4px 14px rgba(1, 109, 119, 0.25);
    transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.scc-pill-btn:hover {
    background: linear-gradient(135deg, #deb65e 0%, #c99a3e 100%);
    color: #043148 !important; transform: translateY(-2px);
}

/* ---- Banner ---- */
.scc-banner {
    position: relative;
    padding: 20px 24px 40px 24px;
    color: #fff;
    overflow: hidden;
}
.scc-banner:before {
    content: "";
    position: absolute;
    top: -40%;
    right: -20%;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
}
.scc-banner-blue,
.scc-banner-navy {
    background: linear-gradient(135deg, #034861, #0B2D5C);
}
.scc-banner-teal {
    background: linear-gradient(135deg, #016d77, #024b45);
}
/* Retired variants now fall back to teal/navy instead of green/orange/red */
.scc-banner-green {
    background: linear-gradient(135deg, #016d77, #024b45);
}
.scc-banner-orange {
    background: linear-gradient(135deg, #deb65e, #b8934a);
}
.scc-banner-red {
    background: linear-gradient(135deg, #034861, #051730);
}

.scc-category {
    color: #deb65e;
}
.scc-title {
    color: #034861;
}
.scc-highlights li i {
    color: #016d77;
}
.scc-meta i {
    color: #deb65e;
}
.scc-details-btn {
    background: #034861;
}
.scc-details-btn:hover {
    background: #016d77;
}

/* ---------------------------------------------------------
   6. COURSE FILTER BAR + COURSE CARDS (PW style)
   --------------------------------------------------------- */
.course-filter-btn:hover {
    background: #eaf1ff;
    color: #034861;
}
.course-filter-btn.active {
    background: linear-gradient(135deg, #034861 0%, #016d77 100%);
    color: #ffffff;
    box-shadow: 0 6px 16px rgba(3, 72, 97, 0.32);
}

.course-list li i {
    color: #deb65e;
}
.star-filled {
    color: #deb65e;
}
.course-batch-badge {
    background: rgba(3, 72, 97, 0.9);
}

.course-buy-btn {
    background: linear-gradient(135deg, #034861 0%, #016d77 100%);
    color: #ffffff;
    box-shadow: 0 6px 16px rgba(3, 72, 97, 0.32);
}
.course-buy-btn:hover {
    box-shadow: 0 10px 22px rgba(3, 72, 97, 0.42);
    color: #ffffff;
}
.course-explore-btn {
    color: #034861;
    border: 1.5px solid #034861;
}
.course-explore-btn:hover {
    background: #034861;
    color: #fff;
}



.scc-icon {
    width: 60px;
    height: 60px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    margin-bottom: 16px;
    position: relative;
    z-index: 1;
}

.scc-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    position: relative;
    z-index: 1;
}
.scc-tag {
    background: rgba(255, 255, 255, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.35);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 5px 12px;
    border-radius: 100px;
    letter-spacing: 0.2px;
}

/* ---- Body ---- */
.scc-body {
    padding: 10px 24px 8px 24px;
    flex-grow: 1;
    margin-top: -20px;
    background: #fff;
    border-radius: 16px 16px 0 0;
    position: relative;
    z-index: 2;
}

.scc-category {
    display: inline-block;
    color: var(--sambhavam-orange, #FF7B04);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
}

.scc-title {
    font-size: 21px;
    font-weight: 700;
    color: var(--sambhavam-blue, #0B2D5C);
    margin-bottom: 10px;
    line-height: 1.3;
}

.scc-desc {
    font-size: 14.5px;
    color: #5f6670;
    line-height: 1.6;
    margin-bottom: 5px;
}

.scc-highlights {
    list-style: none;
    padding: 0;
    margin: 0 0 8px 0;
}
.scc-highlights li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 14px;
    color: #33383f;
    font-weight: 500;
    padding: 6px 0;
    border-bottom: 1px dashed #eef0f3;
}
.scc-highlights li:last-child { border-bottom: none; }
.scc-highlights li i {
    color: var(--sambhavam-teal, #016d77);
    font-size: 14px;
    margin-top: 3px;
    flex-shrink: 0;
}

/* ---- Footer ---- */
.scc-footer {
    padding: 8px 24px 12px 24px;
    border-top: 1px solid #eef0f3;
    margin-top: 2px;
}
.scc-meta {
    font-size: 12.5px;
    color: #8a8f96;
    margin-bottom: 14px;
    display: flex;
    align-items: flex-start;
    gap: 6px;
    line-height: 1.4;
}
.scc-meta i { color: var(--sambhavam-orange, #FF7B04); margin-top: 2px; }

.scc-details-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    background: var(--sambhavam-blue, #0B2D5C);
    color: #fff !important;
    font-weight: 700;
    font-size: 15px;
    padding: 13px 20px;
    border-radius: 100px;
    text-decoration: none;
    transition: all 0.3s ease;
}
.scc-details-btn i {
    font-size: 13px;
    transition: transform 0.3s ease;
}
.scc-details-btn:hover {
    background: var(--sambhavam-orange, #FF7B04);
    color: #fff !important;
}
.scc-details-btn:hover i { transform: translateX(4px); }

@media (max-width: 767px) {
    .scc-title { font-size: 19px; }
    .scc-body { padding: 20px 20px 4px 20px; }
    .scc-footer { padding: 14px 20px 20px 20px; }
}


.sb-wall-section{
    position:relative;
    padding:90px 0 60px;
    background:#ffffff;
}
.sb-wall-heading{
    text-align:center;
    padding:0 20px 44px;
}
.sb-wall-heading h2{
    color:#0f2537;
    font-size:42px;
    font-weight:700;
    line-height:1.3;
    margin:0;
}
.sb-wall-heading h2 em{
    font-style:italic;
    font-weight:600;
    color:#ff8a3d;
}

.sb-wall-columns{
    position:relative;
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:24px;
    max-width:1200px;
    margin:0 auto;
    padding:0 20px;
    height:620px;
    -webkit-mask-image:linear-gradient(180deg, transparent 0, #000 40px, #000 90%, transparent 100%);
    mask-image:linear-gradient(180deg, transparent 0, #000 40px, #000 90%, transparent 100%);
}
.sb-wall-col{
    overflow:hidden;
    height:100%;
    position:relative;
}
.sb-wall-col-mid{ margin-top:-60px; }

.sb-wall-track{
    display:flex;
    flex-direction:column;
    gap:20px;
    animation:sbWallScrollUp 20s linear infinite;
    will-change:transform;
    transform:translate3d(0,0,0);
    backface-visibility:hidden;
}
/* middle column scrolls the opposite direction + different speed, like the reference */
.sb-track-rev{
    animation:sbWallScrollDown 24s linear infinite;
}
.sb-wall-col:nth-child(3) .sb-wall-track{ animation-duration:22s; }

@keyframes sbWallScrollUp{
    from{ transform:translate3d(0,0,0); }
    to  { transform:translate3d(0,-50%,0); }
}
@keyframes sbWallScrollDown{
    from{ transform:translate3d(0,-50%,0); }
    to  { transform:translate3d(0,0,0); }
}

/* pause only the column being hovered, not the whole wall */
.sb-wall-col:hover .sb-wall-track{ animation-play-state:paused; }

.sb-wall-card{
    background:#ffffff;
    border-radius:14px;
    padding:22px 22px 18px;
    box-shadow:0 8px 10px rgba(15,37,55,.08);
    border:1px solid #eef1f4;
    position:relative;
}
.sb-wall-quote{
    position:absolute;
    top:8px; left:16px;
    font-size:36px;
    line-height:1;
    color:#f0d7bb;
    font-family:Georgia, serif;
}
.sb-wall-card p{
    margin:12px 0 18px;
    font-size:14.5px;
    line-height:1.65;
    color:#3a4753;
}
.sb-wall-author{ display:flex; align-items:center; gap:10px; }
.sb-wall-author > div:nth-child(2){ flex:1; }
.sb-wall-author h5{ margin:0; font-size:14px; color:#12222f; }
.sb-wall-author span{ font-size:12px; color:#8a949c; }
.sb-avatar{
    width:75px;height:75px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    color:#fff;font-weight:700;font-size:17px;flex-shrink:0;
    overflow:hidden;
    border:2px solid #ffffff;
    box-shadow:0 0 0 2px rgba(1,109,119,0.25);
}
.sb-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
/* Fallback colors only apply when there's no photo (initials mode) */
.sb-avatar-1{ background:#2f9e6e; }
.sb-avatar-2{ background:#b5651d; }
.sb-avatar-3{ background:#3b6ea5; }
.sb-avatar-4{ background:#a4344a; }
.sb-avatar-5{ background:#0e4d5c; }
.sb-avatar-6{ background:#6b4fa0; }
.sb-avatar-7{ background:#227a8f; }
.sb-avatar-8{ background:#7a4fa0; }
.sb-avatar-9{ background:#8a949c; }
.sb-stars{ font-size:11px; color:#ffb648; letter-spacing:1px; }

@media (max-width:991px){
    .sb-wall-columns{ grid-template-columns:repeat(2, 1fr); height:560px; }
    .sb-wall-col:last-child{ display:none; }
    .sb-wall-heading h2{ font-size:30px; }
}
@media (max-width:575px){
    .sb-wall-columns{ grid-template-columns:1fr; height:480px; }
    .sb-wall-col-mid{ display:none; margin-top:0; }
    .sb-wall-heading h2{ font-size:24px; }
    .sb-wall-section{ padding:60px 0 30px; }
}


.sb-stats-section{
    padding:60px 0;
    background:linear-gradient(135deg,#0b2e4a 0%,#0e4d5c 100%);
    position:relative;
    overflow:hidden;
}
.sb-stats-section::before{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 15% 20%, rgba(255,255,255,.06) 0%, transparent 40%),
               radial-gradient(circle at 85% 80%, rgba(255,255,255,.06) 0%, transparent 40%);
    pointer-events:none;
}
.sb-stat-card{
    text-align:center;
    padding:18px 10px;
    border-right:1px solid rgba(255,255,255,.12);
    transition:transform .3s ease;
}
.sb-stats-row .col-lg-3:last-child .sb-stat-card{ border-right:none; }
.sb-stat-card:hover{ transform:translateY(-6px); }
.sb-stat-icon{
    width:56px;height:56px;
    margin:0 auto 14px;
    border-radius:50%;
    background:rgba(255,255,255,.1);
    display:flex;align-items:center;justify-content:center;
    font-size:22px;
    color:#ffb648;
    border:1px solid rgba(255,255,255,.18);
}
.sb-stat-number{
    color:#ffffff;
    font-size:38px;
    font-weight:700;
    margin-bottom:6px;
    display:flex;
    justify-content:center;
    align-items:baseline;
    gap:2px;
}
.sb-plus{ color:#ffb648; font-size:26px; }
.sb-stat-label{
    color:rgba(255,255,255,.75);
    margin:0;
    font-size:15px;
    letter-spacing:.3px;
}
@media (max-width:991px){
    .sb-stat-card{ border-right:none; margin-bottom:10px; }
    .sb-stat-number{ font-size:30px; }
}

.fa-location-dot:before, .fa-map-marker-alt:before{
  content: unset !important;
}

.header-1 .primary-header .primary-header-inner .header-menu-wrap .sub-menu ul li a {
    padding: 8px 0;
    padding-right: 12px;
}

.bannerwidth{
  width: 100% !important;
  border-radius: 25px !important;
}

.hero-banner-swiper{
  border-radius: 25px;
}


    .course-stars i{ font-size:12px; margin-right:1px; }
    .star-filled{ color:#FFB800; }
    .star-empty{ color:#E3E6EC; }
    .course-rating-num{ font-size:12.5px; font-weight:700; color:#12172B; }
    .course-seats-left{
        margin-left:auto;
        font-size:11.5px;
        font-weight:700;
        color:#E11D48;
    }
    .course-seats-left i{ margin-right:4px; }
    .course-price-row{
        display:flex;
        align-items:baseline;
        gap:8px;
        padding-top:5px;
        border-top:1px dashed #E7E9EE;
        margin-bottom:2px;
    }

    .course-thumb-wrap .course-thumb img {
         height: 325px;}


         /* ============================================= */
    /* CATEGORY FILTER BAR */
    /* ============================================= */
    .course-filter-bar{
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
        gap:10px;
        margin-bottom:40px;
    }
    .course-filter-btn{
        background:#F4F6FA;
        color:#12172B;
        border:1.5px solid transparent;
        font-size:13.5px;
        font-weight:700;
        padding:9px 18px;
        border-radius:30px;
        cursor:pointer;
        transition:all .2s ease;
    }
    .course-filter-btn:hover{
        background:#EAF1FF;
        color:#0B2A5B;
    }
    .course-filter-btn.active{
        background:linear-gradient(135deg,#FF7A00 0%,#FFB800 100%);
        color:#1B1500;
        box-shadow:0 6px 16px rgba(255,138,0,.32);
    }


     /* ============================================= */
    /* COURSE CARD — PW STYLE */
    /* ============================================= */
    .course-item-pw{
        background:#fff;
        border-radius:14px;
        overflow:hidden;
        border:1px solid #EEF0F4;
        box-shadow:0 4px 18px rgba(15,23,42,.06);
        transition:transform .25s ease, box-shadow .25s ease;
        height:100%;
        display:flex;
        flex-direction:column;
    }
    .course-item-pw:hover{
        transform:translateY(-6px);
        box-shadow:0 16px 32px rgba(15,23,42,.14);
    }
   
    .course-discount-badge{
        position:absolute;
        top:12px;
        left:12px;
        background:#E11D48;
        color:#fff;
        font-size:11px;
        font-weight:800;
        padding:4px 9px;
        border-radius:20px;
        z-index:2;
        letter-spacing:.3px;
    }
    .course-batch-badge{
        position:absolute;
        top:12px;
        right:12px;
        background:rgba(11,42,91,.9);
        color:#fff;
        font-size:11px;
        font-weight:700;
        padding:4px 10px;
        border-radius:20px;
        z-index:2;
    }
    .course-content{ padding:16px 18px 6px; flex:1; }
    .course-content .offer{
        display:inline-block;
        font-size:11px;
        font-weight:700;
        text-transform:uppercase;
        color:#0B2A5B;
        background:#EAF1FF;
        padding:3px 10px;
        border-radius:20px;
        margin-bottom:8px;
        letter-spacing:.4px;
    }
   
    .course-list{
        display:flex;
        gap:14px;
        list-style:none;
        padding:0;
        margin:0 0 10px;
        font-size:12.5px;
        color:#5B6472;
    }
    .course-list li i{ margin-right:5px; color:#FF8A00; }
    .course-rating-row{
        display:flex;
        align-items:center;
        gap:8px;
        margin-bottom:10px;
        flex-wrap:wrap;
    }
    .course-stars i{ font-size:12px; margin-right:1px; }
    .star-filled{ color:#FFB800; }
    .star-empty{ color:#E3E6EC; }
    .course-rating-num{ font-size:12.5px; font-weight:700; color:#12172B; }
    .course-seats-left{
        margin-left:auto;
        font-size:11.5px;
        font-weight:700;
        color:#E11D48;
    }
    .course-seats-left i{ margin-right:4px; }
    .course-price-row{
        display:flex;
        align-items:baseline;
        gap:8px;
        padding-top:5px;
        border-top:1px dashed #E7E9EE;
        margin-bottom:2px;
    }
    .course-price{ font-size:19px; font-weight:800; color:#12172B; }
    .course-mrp{ font-size:13px; color:#98A0AC; text-decoration:line-through; }

    .course-cta-group{
        display:flex;
        gap:10px;
        padding:0 18px 18px;
    }
    .course-buy-btn,
    .course-explore-btn{
        flex:1;
        text-align:center;
        font-size:13.5px;
        font-weight:700;
        padding:10px 12px;
        border-radius:8px;
        transition:transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
    }
    .course-buy-btn{
        background:linear-gradient(135deg,#FF7A00 0%,#FFB800 100%);
        color:#1B1500;
        box-shadow:0 6px 16px rgba(255,138,0,.32);
    }
    .course-buy-btn:hover{
        transform:translateY(-2px);
        box-shadow:0 10px 22px rgba(255,138,0,.42);
        color:#1B1500;
    }
    .course-explore-btn{
        background:transparent;
        color:#0B2A5B;
        border:1.5px solid #0B2A5B;
    }
    .course-explore-btn:hover{
        background:#0B2A5B;
        color:#fff;
    }

    .course-empty-state{
        text-align:center;
        padding:60px 0;
        color:#5B6472;
        font-size:15px;
    }

    @media (max-width: 575px){
        .course-cta-group{ flex-direction:column; }
    }


    .curri-list{
          list-style: none;
    }


    /* Pull the whole course-details row up so the price sidebar overlaps the banner */
.course-details.hero-overlap {
    margin-top: -160px;   /* how far it climbs into the banner — tweak to taste */
    position: relative;
    z-index: 5;
    padding-top: 0;
}

/* Give the left content column breathing room so it doesn't collide with the banner */
.course-details.hero-overlap .course-details-content {
    margin-top: 160px;    /* pushes the left card back down to its normal spot */
}

@media (max-width: 991px) {
    .course-details.hero-overlap {
        margin-top: 30px;   /* disable overlap on tablet/mobile — banner is too short there */
    }
    .course-details.hero-overlap .course-details-content {
        margin-top: 0;
    }
}


/* =============================================================
   SAMBHAVAM SCHOLARSHIP PAGE — SCOPED THEME STYLES
   Inherits directly from Sambhavam Theme Variables (No :root defined)
   Uses: --ed-color-theme-primary, --sambhavam-blue, --sambhavam-teal,
         --sambhavam-gold, --ed-color-heading-primary, --ed-color-text-body
   ============================================================= */

.sch-page {
    background: #ffffff;
    color: var(--ed-color-heading-primary, #16243A);
    font-family: var(--ed-ff-body, 'Outfit', sans-serif);
    overflow: hidden;
}

/* =============================================================
   1. HERO STRIP (KEY HIGHLIGHTS)
   ============================================================= */
.sch-strip {
    background: #ffffff;
    border-bottom: 1px solid var(--ed-color-border-1, #E2E6EC);
    padding: 22px 0;
}

.sch-strip-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.sch-strip-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 10px 14px;
    border-radius: 12px;
    transition: background 0.3s ease;
}

.sch-strip-item:hover {
    background: var(--ed-color-grey-1, #F7F9FC);
}

.sch-strip-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: rgba(3, 72, 97, 0.08);
    color: var(--ed-color-theme-primary, #034861);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
}

.sch-strip-text h5 {
    font-family: var(--ed-ff-heading, 'Outfit', serif);
    margin: 0 0 2px;
    font-size: 14.5px;
    font-weight: 700;
    color: var(--ed-color-heading-primary, #16243A);
}

.sch-strip-text p {
    margin: 0;
    font-size: 12.5px;
    color: var(--ed-color-text-body, #5F6670);
}

/* =============================================================
   2. SECTION HEADINGS & BADGES
   ============================================================= */
.sch-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 18px;
    border-radius: 50px;
    background: rgba(3, 72, 97, 0.08);
    color: var(--ed-color-theme-primary, #034861);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.sch-eyebrow.gold {
    background: rgba(222, 182, 94, 0.15);
    color: var(--sambhavam-gold, #deb65e);
}

.sch-eyebrow.teal {
    background: rgba(1, 109, 119, 0.1);
    color: var(--sambhavam-teal, #016d77);
}

.sch-section-head {
    margin-bottom: 45px;
}

.sch-section-head h2 {
    font-family: var(--ed-ff-heading, 'Outfit', serif);
    font-size: 36px;
    font-weight: 800;
    color: var(--ed-color-heading-primary, #16243A);
    line-height: 1.25;
    margin-bottom: 12px;
}

.sch-section-head p {
    font-size: 16px;
    color: var(--ed-color-text-body, #5F6670);
    max-width: 680px;
    line-height: 1.6;
    margin: 0;
}

.sch-section-head.text-center p {
    margin: 0 auto;
}

/* =============================================================
   3. COMMITMENT SECTION
   ============================================================= */
.sch-commit {
    padding: 80px 0 70px;
    background: linear-gradient(180deg, #ffffff 0%, var(--ed-color-grey-1, #F7F9FC) 100%);
}

.sch-commit-grid {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 50px;
    align-items: center;
}

.sch-commit-lead {
    font-size: 18px;
    line-height: 1.65;
    color: var(--ed-color-heading-primary, #16243A);
    font-weight: 500;
    margin-bottom: 20px;
}

.sch-commit-desc {
    font-size: 15px;
    line-height: 1.7;
    color: var(--ed-color-text-body, #5F6670);
    margin-bottom: 28px;
}

.sch-commit-points {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.sch-commit-pill {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px 20px;
    background: #ffffff;
    border: 1px solid var(--ed-color-border-1, #E2E6EC);
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(3, 72, 97, 0.03);
    transition: transform 0.3s ease, border-color 0.3s ease;
}

.sch-commit-pill:hover {
    transform: translateX(6px);
    border-color: rgba(3, 72, 97, 0.25);
}

.sch-commit-pill-icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: rgba(3, 72, 97, 0.08);
    color: var(--ed-color-theme-primary, #034861);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
    margin-top: 2px;
}

.sch-commit-pill b {
    display: block;
    font-size: 15px;
    color: var(--ed-color-heading-primary, #16243A);
    margin-bottom: 3px;
}

.sch-commit-pill span {
    font-size: 13.5px;
    color: var(--ed-color-text-body, #5F6670);
    line-height: 1.5;
}

/* Quote Panel */
.sch-quote-panel {
    position: relative;
    background: #ffffff;
    border: 1px solid var(--ed-color-border-1, #E2E6EC);
    border-radius: 20px;
    padding: 40px 34px;
    box-shadow: 0 15px 40px rgba(3, 72, 97, 0.08);
    overflow: hidden;
}

.sch-quote-panel::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    background: linear-gradient(90deg, var(--sambhavam-gold, #deb65e), var(--ed-color-theme-primary, #034861), var(--sambhavam-teal, #016d77));
}

.sch-quote-mark {
    font-size: 32px;
    color: rgba(3, 72, 97, 0.2);
    margin-bottom: 16px;
}

.sch-quote-text {
    font-size: 18px;
    line-height: 1.6;
    font-style: italic;
    color: var(--ed-color-heading-primary, #16243A);
    font-weight: 500;
    margin-bottom: 24px;
}

.sch-quote-author {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-top: 20px;
    border-top: 1px dashed var(--ed-color-border-1, #E2E6EC);
}

.sch-quote-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(3, 72, 97, 0.08);
    color: var(--ed-color-theme-primary, #034861);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
}

.sch-quote-meta h5 {
    font-family: var(--ed-ff-heading, 'Outfit', serif);
    margin: 0 0 2px;
    font-size: 15px;
    font-weight: 700;
    color: var(--ed-color-heading-primary, #16243A);
}

.sch-quote-meta span {
    font-size: 13px;
    color: var(--ed-color-text-body, #5F6670);
}

/* =============================================================
   4. WHO WE SUPPORT (8 PATHWAYS)
   ============================================================= */
.sch-who {
    padding: 85px 0 80px;
    background: #ffffff;
}

.sch-who-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
}

.sch-who-card {
    position: relative;
    background: #ffffff;
    border: 1px solid var(--ed-color-border-1, #E2E6EC);
    border-radius: 16px;
    padding: 32px 24px 28px;
    box-shadow: 0 6px 20px rgba(3, 72, 97, 0.04);
    transition: all 0.35s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.sch-who-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    border-radius: 16px 16px 0 0;
    background: var(--ed-color-theme-primary, #034861);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.35s ease;
}

.sch-who-card.accent-gold::before {
    background: var(--sambhavam-gold, #deb65e);
}

.sch-who-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 16px 36px rgba(3, 72, 97, 0.12);
    border-color: rgba(3, 72, 97, 0.25);
}

.sch-who-card:hover::before {
    transform: scaleX(1);
}

.sch-who-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.sch-who-icon {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: rgba(3, 72, 97, 0.08);
    color: var(--ed-color-theme-primary, #034861);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    transition: all 0.3s ease;
}

.sch-who-card.accent-gold .sch-who-icon {
    background: rgba(222, 182, 94, 0.15);
    color: var(--sambhavam-gold, #deb65e);
}

.sch-who-card:hover .sch-who-icon {
    background: var(--ed-color-theme-primary, #034861);
    color: #ffffff;
    transform: scale(1.08);
}

.sch-who-card.accent-gold:hover .sch-who-icon {
    background: var(--sambhavam-gold, #deb65e);
    color: #ffffff;
}

.sch-who-num {
    font-size: 1.4rem;
    font-weight: 800;
    color: rgba(3, 72, 97, 0.12);
    letter-spacing: -0.5px;
}

.sch-who-card h3 {
    font-family: var(--ed-ff-heading, 'Outfit', serif);
    font-size: 17.5px;
    font-weight: 700;
    color: var(--ed-color-heading-primary, #16243A);
    margin: 0 0 10px;
    line-height: 1.35;
}

.sch-who-card p {
    font-size: 14px;
    color: var(--ed-color-text-body, #5F6670);
    line-height: 1.55;
    margin: 0;
    flex-grow: 1;
}

/* =============================================================
   5. ACTION HUB (APPLY / DONOR)
   ============================================================= */
.sch-action {
    padding: 85px 0 90px;
    background: var(--ed-color-grey-1, #F7F9FC);
}

.sch-action-grid {
    display: grid;
    grid-template-columns: 1.25fr 0.95fr;
    gap: 32px;
    align-items: stretch;
}

/* Student Application Card */
.sch-form-card {
    position: relative;
    background: #ffffff;
    border: 1px solid var(--ed-color-border-1, #E2E6EC);
    border-radius: 22px;
    padding: 45px 40px;
    box-shadow: 0 15px 40px rgba(3, 72, 97, 0.08);
}

.sch-form-badge {
    position: absolute;
    top: -15px;
    left: 40px;
    padding: 6px 18px;
    background: linear-gradient(135deg, var(--sambhavam-gold, #deb65e), #eed18c);
    color: var(--ed-color-heading-primary, #16243A);
    font-size: 13px;
    font-weight: 700;
    border-radius: 50px;
    box-shadow: 0 6px 18px rgba(222, 182, 94, 0.35);
}

.sch-form-card h2 {
    font-family: var(--ed-ff-heading, 'Outfit', serif);
    font-size: 28px;
    font-weight: 800;
    color: var(--ed-color-heading-primary, #16243A);
    margin: 6px 0 8px;
}

.sch-form-card > p {
    font-size: 14.5px;
    color: var(--ed-color-text-body, #5F6670);
    margin-bottom: 26px;
    line-height: 1.55;
}

.sch-trust-strip {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 1px dashed var(--ed-color-border-1, #E2E6EC);
}

.sch-trust-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: var(--sambhavam-teal, #016d77);
    background: rgba(1, 109, 119, 0.07);
    padding: 5px 12px;
    border-radius: 20px;
}

.sch-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.sch-field-group {
    margin-bottom: 18px;
}

.sch-field-label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--ed-color-heading-primary, #16243A);
    margin-bottom: 8px;
}

.sch-field-label i {
    color: var(--sambhavam-teal, #016d77);
    font-size: 13.5px;
}

.sch-field-label .sch-req {
    color: #e11d48;
    font-weight: 700;
}

.sch-input, .sch-textarea {
    width: 100%;
    padding: 12px 16px;
    border: 1.5px solid var(--ed-color-border-1, #E2E6EC);
    border-radius: 10px;
    font-size: 14.5px;
    color: var(--ed-color-heading-primary, #16243A);
    background: #ffffff;
    transition: all 0.25s ease;
    outline: none;
    font-family: inherit;
    box-sizing: border-box;
}

.sch-input::placeholder, .sch-textarea::placeholder {
    color: #94a3b8;
    font-size: 13.5px;
}

.sch-input:focus, .sch-textarea:focus {
    border-color: var(--ed-color-theme-primary, #034861);
    box-shadow: 0 0 0 4px rgba(3, 72, 97, 0.12);
    background: #ffffff;
}

.sch-textarea {
    resize: vertical;
    min-height: 95px;
    line-height: 1.55;
}

/* Override nice-select on scholarship application to ensure perfect appearance and no layout break */
.sch-action-form .nice-select {
    float: none !important;
    clear: none !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 48px !important;
    line-height: 46px !important;
    padding: 0 16px !important;
    border: 1.5px solid var(--ed-color-border-1, #E2E6EC) !important;
    border-radius: 10px !important;
    font-size: 14.5px !important;
    color: var(--ed-color-heading-primary, #16243A) !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
    transition: all 0.25s ease !important;
}

.sch-action-form .nice-select .current {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    max-width: 90%;
    font-size: 14px;
    color: var(--ed-color-heading-primary, #16243A);
}

.sch-action-form .nice-select:after {
    right: 16px !important;
    width: 8px !important;
    height: 8px !important;
    border-bottom: 2px solid var(--sambhavam-teal, #016d77) !important;
    border-right: 2px solid var(--sambhavam-teal, #016d77) !important;
}

.sch-action-form .nice-select.open,
.sch-action-form .nice-select:focus {
    border-color: var(--ed-color-theme-primary, #034861) !important;
    box-shadow: 0 0 0 4px rgba(3, 72, 97, 0.12) !important;
}

.sch-action-form .nice-select .list {
    width: 100% !important;
    border-radius: 10px !important;
    box-shadow: 0 12px 35px rgba(3, 72, 97, 0.15) !important;
    border: 1px solid var(--ed-color-border-1, #E2E6EC) !important;
    max-height: 260px !important;
    overflow-y: auto !important;
    z-index: 100 !important;
}

.sch-action-form .nice-select .option {
    padding: 10px 16px !important;
    line-height: 1.4 !important;
    font-size: 14px !important;
}

.sch-action-form .nice-select .option:hover,
.sch-action-form .nice-select .option.focus,
.sch-action-form .nice-select .option.selected.focus {
    background-color: var(--ed-color-grey-1, #F7F9FC) !important;
    color: var(--ed-color-theme-primary, #034861) !important;
    font-weight: 600 !important;
}

.sch-btn-apply {
    width: 100%;
    padding: 15px 24px;
    background: linear-gradient(135deg, var(--ed-color-theme-primary, #034861) 0%, var(--sambhavam-teal, #016d77) 100%);
    color: #ffffff;
    font-size: 15.5px;
    font-weight: 700;
    border: none;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 10px 25px rgba(3, 72, 97, 0.25);
    margin-top: 8px;
}

.sch-btn-apply:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 32px rgba(1, 109, 119, 0.35);
    background: linear-gradient(135deg, var(--sambhavam-teal, #016d77) 0%, var(--ed-color-theme-primary, #034861) 100%);
}

.sch-btn-apply i.fa-whatsapp {
    font-size: 20px;
    color: #25D366;
}

.sch-form-notice {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 13px;
    color: var(--ed-color-text-body, #5F6670);
    margin-top: 14px;
    text-align: center;
}

.sch-form-notice i {
    color: var(--sambhavam-teal, #016d77);
}

/* Donor & Partner Card */
.sch-donor-card {
    position: relative;
    background: linear-gradient(145deg, #0B2D5C 0%, #16243A 60%, #034861 100%);
    border-radius: 22px;
    padding: 45px 38px;
    color: #ffffff;
    box-shadow: 0 15px 40px rgba(3, 72, 97, 0.15);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
}

.sch-donor-card::after {
    content: "";
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(222, 182, 94, 0.25) 0%, transparent 70%);
    pointer-events: none;
}

.sch-donor-card h2 {
    font-family: var(--ed-ff-heading, 'Outfit', serif);
    font-size: 28px;
    font-weight: 800;
    color: #ffffff;
    margin: 6px 0 12px;
}

.sch-donor-card > div > p {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 26px;
}

.sch-donor-options {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 30px;
}

.sch-donor-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 10px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.95);
}

.sch-donor-item i {
    color: var(--sambhavam-gold, #deb65e);
    font-size: 15px;
}

.sch-btn-donor {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 28px;
    background: #ffffff;
    color: var(--ed-color-heading-primary, #16243A);
    font-size: 15px;
    font-weight: 700;
    border-radius: 12px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    margin-bottom: 24px;
}

.sch-btn-donor:hover {
    background: var(--sambhavam-gold, #deb65e);
    color: var(--ed-color-heading-primary, #16243A);
    transform: translateY(-2px);
    box-shadow: 0 12px 25px rgba(222, 182, 94, 0.35);
}

.sch-donor-contacts {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.sch-donor-contacts a {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.85);
    text-decoration: none;
    transition: color 0.2s ease;
}

.sch-donor-contacts a:hover {
    color: var(--sambhavam-gold, #deb65e);
}

.sch-donor-contacts a i {
    color: var(--sambhavam-gold, #deb65e);
    width: 16px;
}

/* =============================================================
   6. HOW IT WORKS (ROADMAP TIMELINE)
   ============================================================= */
.sch-how {
    padding: 85px 0 80px;
    background: #ffffff;
}

.sch-how-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
    position: relative;
    margin-top: 30px;
}

.sch-step-card {
    position: relative;
    background: #ffffff;
    border: 1px solid var(--ed-color-border-1, #E2E6EC);
    border-radius: 16px;
    padding: 32px 24px;
    box-shadow: 0 6px 20px rgba(3, 72, 97, 0.04);
    transition: all 0.35s ease;
}

.sch-step-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 40px rgba(3, 72, 97, 0.12);
    border-color: rgba(3, 72, 97, 0.25);
}

.sch-step-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}

.sch-step-badge {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    background: rgba(3, 72, 97, 0.08);
    color: var(--ed-color-theme-primary, #034861);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 800;
}

.sch-step-time {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--sambhavam-teal, #016d77);
    background: rgba(1, 109, 119, 0.1);
    padding: 4px 10px;
    border-radius: 50px;
}

.sch-step-card h3 {
    font-family: var(--ed-ff-heading, 'Outfit', serif);
    font-size: 17px;
    font-weight: 700;
    color: var(--ed-color-heading-primary, #16243A);
    margin: 0 0 8px;
}

.sch-step-card p {
    font-size: 14px;
    color: var(--ed-color-text-body, #5F6670);
    line-height: 1.55;
    margin: 0;
}

/* =============================================================
   7. ACADEMIC VERTICALS COVERED
   ============================================================= */
.sch-vert {
    padding: 85px 0 80px;
    background: var(--ed-color-grey-1, #F7F9FC);
}

.sch-vert-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 30px;
}

.sch-vert-card {
    background: #ffffff;
    border: 1px solid var(--ed-color-border-1, #E2E6EC);
    border-radius: 18px;
    padding: 34px 28px;
    box-shadow: 0 8px 24px rgba(3, 72, 97, 0.05);
    transition: all 0.35s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.sch-vert-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 36px rgba(3, 72, 97, 0.12);
    border-color: rgba(3, 72, 97, 0.25);
}

.sch-vert-icon {
    width: 56px;
    height: 56px;
    border-radius: 14px;
    background: rgba(3, 72, 97, 0.08);
    color: var(--ed-color-theme-primary, #034861);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    margin-bottom: 20px;
    transition: all 0.3s ease;
}

.sch-vert-card:hover .sch-vert-icon {
    background: var(--ed-color-theme-primary, #034861);
    color: #ffffff;
    transform: scale(1.08);
}

.sch-vert-card h3 {
    font-family: var(--ed-ff-heading, 'Outfit', serif);
    font-size: 19px;
    font-weight: 700;
    color: var(--ed-color-heading-primary, #16243A);
    margin: 0 0 10px;
}

.sch-vert-card p {
    font-size: 14.5px;
    color: var(--ed-color-text-body, #5F6670);
    line-height: 1.55;
    margin: 0 0 20px;
    flex-grow: 1;
}

.sch-vert-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.sch-vert-tag {
    font-size: 12.5px;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 6px;
    background: var(--ed-color-grey-2, #EEF2F6);
    color: var(--ed-color-heading-primary, #16243A);
}

/* =============================================================
   8. IMPACT OUTCOMES
   ============================================================= */
.sch-impact {
    padding: 85px 0 80px;
    background: #ffffff;
}

.sch-impact-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 18px;
    margin-top: 35px;
}

.sch-impact-card {
    background: #ffffff;
    border: 1px solid var(--ed-color-border-1, #E2E6EC);
    border-radius: 16px;
    padding: 30px 18px;
    text-align: center;
    box-shadow: 0 6px 18px rgba(3, 72, 97, 0.04);
    transition: all 0.3s ease;
}

.sch-impact-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 40px rgba(3, 72, 97, 0.12);
    border-color: rgba(1, 109, 119, 0.3);
}

.sch-impact-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(1, 109, 119, 0.1);
    color: var(--sambhavam-teal, #016d77);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin: 0 auto 16px;
    transition: all 0.3s ease;
}

.sch-impact-card:hover .sch-impact-icon {
    background: var(--sambhavam-teal, #016d77);
    color: #ffffff;
}

.sch-impact-card h4 {
    font-family: var(--ed-ff-heading, 'Outfit', serif);
    font-size: 15.5px;
    font-weight: 700;
    color: var(--ed-color-heading-primary, #16243A);
    margin: 0 0 6px;
}

.sch-impact-card p {
    font-size: 13px;
    color: var(--ed-color-text-body, #5F6670);
    margin: 0;
    line-height: 1.45;
}

/* =============================================================
   9. FINAL CTA SECTION
   ============================================================= */
.sch-cta-section {
    padding: 40px 0 70px;
}

.sch-cta-box {
    position: relative;
    padding: 80px 48px;
    border-radius: 26px;
    background: linear-gradient(135deg, #0B2D5C 0%, #16243A 50%, #034861 100%);
    box-shadow: 0 20px 50px rgba(3, 72, 97, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.12);
    overflow: hidden;
    color: #ffffff;
    text-align: center;
}

.sch-cta-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 10% 20%, rgba(3, 72, 97, 0.4) 0%, transparent 50%),
        radial-gradient(circle at 90% 80%, rgba(222, 182, 94, 0.25) 0%, transparent 45%);
    pointer-events: none;
}

.sch-cta-content {
    position: relative;
    z-index: 2;
    max-width: 800px;
    margin: 0 auto;
}

.sch-cta-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 22px;
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    margin-bottom: 22px;
}

.sch-cta-badge i {
    color: var(--sambhavam-gold, #deb65e);
}

.sch-cta-box h2 {
    font-family: var(--ed-ff-heading, 'Outfit', serif);
    font-size: 38px;
    font-weight: 800;
    color: #ffffff;
    line-height: 1.25;
    margin-bottom: 16px;
}

.sch-cta-box p {
    font-size: 16.5px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 34px;
}

.sch-cta-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 32px;
}

.sch-btn-gold {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 34px;
    border-radius: 100px;
    background: #ffffff;
    color: var(--ed-color-heading-primary, #16243A);
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.sch-btn-gold:hover {
    background: var(--sambhavam-gold, #deb65e);
    color: var(--ed-color-heading-primary, #16243A);
    transform: translateY(-3px);
    box-shadow: 0 14px 30px rgba(222, 182, 94, 0.4);
}

.sch-btn-outline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 32px;
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    border: 1.5px solid rgba(255, 255, 255, 0.6);
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.sch-btn-outline:hover {
    background: rgba(255, 255, 255, 0.2);
    border-color: #ffffff;
    color: #ffffff;
    transform: translateY(-3px);
}

.sch-cta-contact {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    flex-wrap: wrap;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.sch-cta-contact a {
    color: rgba(255, 255, 255, 0.85);
    font-size: 14.5px;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: color 0.25s ease;
}

.sch-cta-contact a:hover {
    color: var(--sambhavam-gold, #deb65e);
}

.sch-cta-contact a i {
    color: var(--sambhavam-gold, #deb65e);
}

/* =============================================================
   10. RESPONSIVE BREAKPOINTS
   ============================================================= */
@media (max-width: 1199px) {
    .sch-who-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .sch-strip-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 991px) {
    .sch-commit-grid,
    .sch-action-grid {
        grid-template-columns: 1fr;
    }
    .sch-who-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .sch-how-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .sch-vert-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .sch-impact-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767px) {
    .sch-section-head h2,
    .sch-cta-box h2 {
        font-size: 28px;
    }
    .sch-strip-grid {
        grid-template-columns: 1fr;
    }
    .sch-who-grid {
        grid-template-columns: 1fr;
    }
    .sch-how-grid {
        grid-template-columns: 1fr;
    }
    .sch-vert-grid {
        grid-template-columns: 1fr;
    }
    .sch-impact-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .sch-form-row {
        grid-template-columns: 1fr;
    }
    .sch-form-card,
    .sch-donor-card {
        padding: 35px 22px;
    }
    .sch-cta-box {
        padding: 50px 24px;
    }
    .sch-cta-btns {
        flex-direction: column;
        width: 100%;
    }
    .sch-btn-gold, .sch-btn-outline {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .sch-impact-grid {
        grid-template-columns: 1fr;
    }
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    .sch-who-card,
    .sch-step-card,
    .sch-vert-card,
    .sch-impact-card,
    .sch-btn-apply,
    .sch-btn-gold,
    .sch-btn-outline {
        transition: none !important;
        transform: none !important;
    }
}
/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .schp-hero {
        min-height: 600px;
    }

    .schp-commit-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .schp-who-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .schp-paths {
        grid-template-columns: 1fr;
    }

    .schp-path {
        min-height: auto;
    }

    .schp-path-inner {
        width: min(700px, calc(100% - 50px));
    }

    .schp-vert-row {
        grid-template-columns: repeat(2, 1fr);
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .schp-wrap {
        width: min(100% - 30px, 600px);
    }

    .schp-hero-inner {
        padding: 80px 0;
    }

    .schp-hero {
        min-height: auto;
    }

    .schp-hero-ctas,
    .schp-cta-btns {
        flex-direction: column;
        align-items: stretch;
    }

    .schp-btn {
        width: 100%;
    }

    .schp-commit,
    .schp-who,
    .schp-how,
    .schp-verticals,
    .schp-impact,
    .schp-cta {
        padding: 75px 0;
    }

    .schp-who-grid {
        grid-template-columns: 1fr;
    }

    .schp-vert-row {
        grid-template-columns: 1fr;
    }

    .schp-vert-card {
        min-height: auto;
    }

    .schp-path-inner {
        width: min(100% - 30px, 600px);
        padding: 65px 0;
    }

    .schp-ladder::before {
        left: 21px;
    }

    .schp-rung {
        grid-template-columns: 44px 1fr;
        gap: 18px;
    }

    .schp-rung-num {
        width: 44px;
        height: 44px;
    }

    .schp-cta-contact {
        flex-direction: column;
        gap: 10px;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .schp-value-pill {
        padding: 16px;
    }

    .schp-who-card {
        padding: 24px 20px;
    }

    .schp-path-inner {
        padding: 55px 0;
    }

    .schp-impact-tags {
        flex-direction: column;
        align-items: stretch;
    }

    .schp-impact-tags span {
        text-align: center;
    }
}


/* =========================================================
   COUNSELLING POPUP
   ========================================================= */

.schp-counselling-overlay {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(8, 28, 44, 0.72);
    backdrop-filter: blur(4px);
}

.schp-counselling-overlay.active {
    display: flex;
}

.schp-counselling-modal {
    position: relative;
    width: 100%;
    max-width: 480px;
    overflow: hidden;
    background: #ffffff;
    border-radius: 14px;
    box-shadow: 0 25px 80px rgba(0, 0, 0, 0.25);
    animation: schpCounsellingIn 0.4s ease;
}

@keyframes schpCounsellingIn {
    from {
        opacity: 0;
        transform: translateY(30px) scale(0.96);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.schp-counselling-modal::before {
    content: "";
    display: block;
    height: 6px;
    background: linear-gradient(
        90deg,
        #087f8c,
        #e5ad45
    );
}

.schp-counselling-content {
    padding: 10px;
    text-align: center;
}

.schp-counselling-close {
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 2;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #f1f4f5;
    color: #102a43;
    font-size: 24px;
    line-height: 34px;
    cursor: pointer;
    transition: all 0.25s ease;
}

.schp-counselling-close:hover {
    background: #102a43;
    color: #ffffff;
}

.schp-counselling-icon {
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
    border-radius: 50%;
    background: rgba(8, 127, 140, 0.10);
    color: #087f8c;
}

.schp-counselling-icon i {
    font-size: 25px;
}

.schp-counselling-label {
    display: block;
    margin-bottom: 10px;
    color: #087f8c;
    letter-spacing: 0.08em;
}

.schp-counselling-content h2 {
    margin: 0 0 12px;
    color: #102a43;
}

.schp-counselling-content > p {
    margin: 0 auto 12px;
    max-width: 390px;
    color: #687b8b;
}

.schp-counselling-form {
    text-align: left;
}

.schp-form-group {
    margin-bottom: 12px;
}

.schp-form-group input,
.schp-form-group select {
    width: 100%;
    height: 48px;
    padding: 0 15px;
    border: 1px solid rgba(16, 42, 67, 0.15);
    border-radius: 6px;
    background: #ffffff;
    color: #102a43;
    outline: none;
    transition: border-color 0.25s ease;
}

.schp-form-group input:focus,
.schp-form-group select:focus {
    border-color: #087f8c;
}

.schp-counselling-btn {
    width: 100%;
    min-height: 50px;
    margin-top: 5px;
    border: 0;
    border-radius: 6px;
    background: #087f8c;
    color: #ffffff;
    cursor: pointer;
    transition: all 0.3s ease;
}

.schp-counselling-btn:hover {
    background: #05616b;
    transform: translateY(-2px);
}

.schp-counselling-btn i {
    margin-left: 8px;
}

.schp-counselling-note {
    display: block;
    margin-top: 5px;
    color: #8a98a3;
}


/* Mobile */

@media (max-width: 575px) {

    .schp-counselling-overlay {
        padding: 15px;
    }

    .schp-counselling-content {
        padding: 30px 22px 25px;
    }

    .schp-counselling-close {
        top: 12px;
        right: 12px;
    }
}


.hero-banner-slider .swiper-slide {
    position: relative;
    overflow: hidden;
    border-radius: 25px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
}

.hero-banner-slider .swiper-slide::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;

    box-shadow:
        inset 0 0 45px rgba(0, 0, 0, 0.30),
        inset 0 0 12px rgba(0, 0, 0, 0.20);

    border-radius: 25px;
}

.icons{
  font-size: 22px !important;
  color: #fe7031;
}

.boxx{
  background: #fff;
    border-radius: 24px;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.08), 0px 30px 45px rgba(0, 0, 0, 0.137);
    padding: 40px;
}

.field-error {
    display: block;

    color: #e03131;
    font-size: 9px;
    line-height: 1.4;

    margin-top: -7px;
    margin-bottom: 8px;
}

#form-messages.alert-success,
#form-messages.alert-error {
    display: block;

    padding: 10px 12px;

    border-radius: 4px;

    margin-bottom: 15px;

    font-size: 10px;
}

#form-messages.alert-success {
    background: var(--ed-color-grey-1);
    border: 1px solid var(--ed-color-theme-primary);
    color: var(--ed-color-heading-primary);
}

#form-messages.alert-error {
    background: #fdecec;
    border: 1px solid #e03131;
    color: #8a1f1f;
}

#form-messages.alert-error ul {
    padding-left: 15px;
}

/* =========================================================
   MOBILE
   ========================================================= */

    /* =============================================
       NEW SECTION 3: VISION & MISSION
    ============================================= */
    .vm-card{
        position: relative;
        height: 100%;
        padding: 45px 40px;
        border-radius: 18px;
        background: #fff;
        border: 1px solid rgba(0,0,0,0.06);
        box-shadow: 0 10px 30px rgba(16, 38, 73, 0.06);
        transition: transform 0.35s ease, box-shadow 0.35s ease;
        overflow: hidden;
    }
    .vm-card:hover{
        transform: translateY(-8px);
        box-shadow: 0 20px 45px rgba(16, 38, 73, 0.14);
    }
    .vm-icon{
        width: 64px;
        height: 64px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        margin-bottom: 20px;
        color: #fff;
        animation: vmFloat 3.2s ease-in-out infinite;
    }
    .vm-card:hover .vm-icon{
        animation-play-state: paused;
        transform: rotate(-8deg) scale(1.08);
        transition: transform 0.4s ease;
    }
    .vm-card-blue .vm-icon{ background: linear-gradient(135deg, #1e63c9, #16305c); }
    .vm-card-teal .vm-icon{ background: linear-gradient(135deg, #17a99a, #0d6b62); }
    .vm-label{
        display: inline-block;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: var(--primary-color, #1e63c9);
        margin-bottom: 10px;
        font-weight: 600;
    }
    .vm-title{ margin-bottom: 14px; }

    @keyframes vmFloat{
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(-8px); }
    }

    /* =============================================
       NEW SECTION 4: OUR PURPOSE
    ============================================= */
    .purpose-bridge-list{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 16px;
        margin-top: 40px;
    }
    .purpose-bridge-item{
        display: inline-flex;
        align-items: center;
        gap: 12px;
        padding: 14px 26px;
        border-radius: 50px;
        background: #fff;
        border: 1px solid rgba(0,0,0,0.08);
        box-shadow: 0 6px 18px rgba(16, 38, 73, 0.05);
        transition: background 0.35s ease, transform 0.35s ease, box-shadow 0.35s ease;
    }
    .purpose-bridge-item:hover{
        background: var(--primary-color, #1e63c9);
        transform: translateY(-4px);
        box-shadow: 0 14px 28px rgba(16, 38, 73, 0.18);
    }
    .purpose-bridge-item:hover .purpose-side,
    .purpose-bridge-item:hover .purpose-arrow{ color: #fff; }
    .purpose-side{ font-weight: 600; color: #16305c; transition: color 0.35s ease; }
    .purpose-arrow{
        display: inline-flex;
        color: var(--primary-color, #1e63c9);
        transition: color 0.35s ease;
        animation: purposeNudge 1.6s ease-in-out infinite;
    }
    .purpose-bridge-item:hover .purpose-arrow{ animation-play-state: paused; transform: translateX(4px); }

    @keyframes purposeNudge{
        0%, 100% { transform: translateX(0); }
        50% { transform: translateX(5px); }
    }

    /* =============================================================
   IMPACT ECOSYSTEM PAGE — SCOPED STYLES
   Only loaded on this page. Class names match the existing
   theme (ecosystem-card, about-feature-card, why-card,
   closing-section) so nothing elsewhere is affected.
   ============================================================= */

/* ---------- Section rhythm ---------- */
.ecosystem-section{ background:#ffffff; }
.about-feature{ background:#f6f8fc; }
.why-academy-section{ background:#ffffff; }
.journey-section{ background:#f6f8fc; }

/* ---------- 1. Ecosystem cards ---------- */
.ecosystem-card{
    position: relative;
    height: 100%;
    padding: 40px 32px;
    border-radius: 16px;
    background: #fff;
    border: 1px solid rgba(0,0,0,0.06);
    box-shadow: 0 10px 26px rgba(16, 38, 73, 0.06);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.ecosystem-card::before{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(30,99,201,0.05), transparent 60%);
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.ecosystem-card:hover{
    transform: translateY(-6px);
    box-shadow: 0 18px 38px rgba(16, 38, 73, 0.13);
}

.ecosystem-card:hover::before{ opacity: 1; }

.ecosystem-num{
    display: block;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 0.5px;
    color: rgba(30, 99, 201, 0.2);
    margin-bottom: 6px;
    transition: color 0.3s ease;
}

.ecosystem-card:hover .ecosystem-num{
    color: rgba(30, 99, 201, 0.4);
}

.ecosystem-icon{
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: rgba(30, 99, 201, 0.08);
    color: var(--primary-color, #1e63c9);
    font-size: 22px;
    margin-bottom: 18px;
    transition: background 0.3s ease, color 0.3s ease;
}

.ecosystem-card:hover .ecosystem-icon{
    background: var(--primary-color, #1e63c9);
    color: #fff;
}

.ecosystem-card .title{
    margin-bottom: 10px;
    transition: color 0.3s ease;
}

.ecosystem-card:hover .title{
    color: var(--primary-color, #1e63c9);
}

.ecosystem-card p{
    opacity: 0.8;
    margin-bottom: 0;
}

/* ---------- 2. Journey section ---------- */
.journey-section{
    position: relative;
}

.journey-stepper{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-top: 20px;
    position: relative;
}

.journey-step{
    flex: 1 1 0;
    position: relative;
    text-align: center;
    padding: 0 12px;
}

.journey-stepper::before{
    content: "";
    position: absolute;
    top: 34px;
    left: 12.5%;
    right: 12.5%;
    height: 2px;
    background: repeating-linear-gradient(
        to right,
        rgba(30,99,201,0.25) 0 8px,
        transparent 8px 16px
    );
    z-index: 0;
}

.journey-step-num{
    position: relative;
    z-index: 1;
    width: 68px;
    height: 68px;
    margin: 0 auto 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    border: 2px solid rgba(30,99,201,0.18);
    color: var(--primary-color, #1e63c9);
    font-size: 24px;
    transition: border-color 0.3s ease, background 0.3s ease,
                color 0.3s ease, transform 0.3s ease;
}

.journey-step:hover .journey-step-num{
    background: var(--primary-color, #1e63c9);
    border-color: var(--primary-color, #1e63c9);
    color: #fff;
    transform: scale(1.06);
}

.journey-step-title{
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 8px;
    color: #10264a;
}

.journey-step p{
    font-size: 14.5px;
    opacity: 0.75;
    margin-bottom: 0;
    line-height: 1.55;
}

@media (max-width: 767px){
    .journey-stepper{
        flex-direction: column;
        gap: 36px;
    }

    .journey-stepper::before{
        display: none;
    }

    .journey-step{
        padding: 0 20px;
    }
}

/* ---------- 3. Platform feature cards ---------- */
.about-feature-card{
    position: relative;
    padding: 38px 30px;
    border-radius: 18px;
    background: #fff;
    border: 1px solid rgba(16, 38, 73, 0.08);
    box-shadow: 0 8px 24px rgba(16, 38, 73, 0.05);
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.about-feature-card:hover{
    transform: translateY(-6px);
    box-shadow: 0 18px 38px rgba(16, 38, 73, 0.12);
    border-color: rgba(30, 99, 201, 0.22);
}

.about-feature-card .icon{
    width: 75px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgb(1 109 119);
    color: #ffffff;
    font-size: 22px;
    margin: 0 auto 20px;
    transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
}

.about-feature-card:hover .icon{
    background: var(--primary-color, #1e63c9);
    color: #fff;
    transform: scale(1.08);
}

.about-feature-card .content{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.about-feature-card .title{
    font-size: 20px;
    font-weight: 700;
    line-height: 1.35;
    color: #10264a;
    text-align: center;
    margin-bottom: 22px;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-feature-card .curri-list{
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

.about-feature-card .curri-list li{
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 13px;
    color: #2b3d56;
    font-size: 14.5px;
    line-height: 1.55;
    text-align: left;
}

.about-feature-card .curri-list li:last-child{
    margin-bottom: 0;
}

.about-feature-card .curri-list li i{
    color: var(--primary-color, #1e63c9);
    font-size: 16px;
    margin-top: 3px;
    flex-shrink: 0;
}

.about-feature-card .curri-list li .item-text{
    flex: 1;
    text-align: left;
}

/* ---------- 4. Why ecosystem cards ---------- */
.why-card{
    position: relative;
    height: 100%;
    padding: 34px 26px;
    border-radius: 16px;
    background: #fff;
    border: 1px solid rgba(0,0,0,0.06);
    box-shadow: 0 8px 20px rgba(16, 38, 73, 0.05);
    text-align: center;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.why-card:hover{
    transform: translateY(-6px);
    box-shadow: 0 16px 32px rgba(16, 38, 73, 0.12);
}

.why-card-num{
    position: absolute;
    top: 14px;
    right: 18px;
    font-weight: 700;
    font-size: 24px;
    color: rgba(0,0,0,0.05);
}

.why-icon{
    width: 58px;
    height: 58px;
    margin: 0 auto 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    font-size: 22px;
    transition: background 0.3s ease, color 0.3s ease;
}

.why-card .title{
    margin-bottom: 10px;
}

.why-card p{
    opacity: 0.78;
    margin-bottom: 0;
    font-size: 14.5px;
}

.why-card-blue .why-icon{
    background: rgba(30, 99, 201, 0.08);
    color: #1e63c9;
}

.why-card-blue:hover .why-icon{
    background: #1e63c9;
    color: #fff;
}

.why-card-teal .why-icon{
    background: rgba(13, 148, 136, 0.08);
    color: #0d9488;
}

.why-card-teal:hover .why-icon{
    background: #0d9488;
    color: #fff;
}

.why-card-green .why-icon{
    background: rgba(34, 139, 84, 0.08);
    color: #228b54;
}

.why-card-green:hover .why-icon{
    background: #228b54;
    color: #fff;
}

.why-card-orange .why-icon{
    background: rgba(224, 122, 20, 0.08);
    color: #e07a14;
}

.why-card-orange:hover .why-icon{
    background: #e07a14;
    color: #fff;
}

/* ---------- 5. Closing CTA ---------- */
.closing-section{
    position: relative;
    padding: 80px 48px;
    border-radius: 24px;
    background: linear-gradient(135deg, #091930 0%, #0e2a52 40%, #1e63c9 100%);
    box-shadow: 0 20px 50px rgba(16, 38, 73, 0.22);
    border: 1px solid rgba(255, 255, 255, 0.12);
    overflow: hidden;
}

.closing-overlay{
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 10% 20%, rgba(30, 99, 201, 0.4) 0%, transparent 50%),
        radial-gradient(circle at 90% 80%, rgba(253, 190, 51, 0.15) 0%, transparent 45%),
        radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.04) 0%, transparent 60%);
    pointer-events: none;
}

.closing-badge{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 20px;
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.closing-badge i{
    color: #fdbe33;
    font-size: 14px;
}

.closing-tagline{
    font-size: 38px;
    font-weight: 800;
    color: #ffffff;
    line-height: 1.25;
    margin-bottom: 16px;
    letter-spacing: -0.5px;
}

.closing-desc{
    font-size: 16.5px;
    color: rgba(255, 255, 255, 0.88);
    max-width: 680px;
    margin: 0 auto 34px;
    line-height: 1.6;
}

.closing-btn-group{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
}

.cta-btn-white{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #ffffff !important;
    color: #10264a !important;
    font-weight: 700;
    font-size: 15px;
    padding: 14px 32px;
    border-radius: 100px;
    border: 2px solid #ffffff;
    transition: all 0.3s ease;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
    text-decoration: none;
}

.cta-btn-white:hover{
    background: #fdbe33 !important;
    border-color: #fdbe33 !important;
    color: #10264a !important;
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(253, 190, 51, 0.38);
}

.cta-btn-outline{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
    font-weight: 700;
    font-size: 15px;
    padding: 14px 32px;
    border-radius: 100px;
    border: 2px solid rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transition: all 0.3s ease;
    text-decoration: none;
}

.cta-btn-outline:hover{
    background: rgba(255, 255, 255, 0.22) !important;
    border-color: #ffffff !important;
    color: #ffffff !important;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.closing-content .buy-btn:hover{
    background: rgba(255,255,255,0.12);
    border-color: #fff;
}

/* ---------- 6. Responsive ---------- */
@media (max-width: 991px){
    .ecosystem-card,
    .about-feature-card{
        padding: 30px 24px;
    }

    .why-card{
        padding: 28px 20px;
    }

    .closing-section{
        padding: 50px 24px;
    }
}

/* ---------- 7. Reduced motion ---------- */
@media (prefers-reduced-motion: reduce){
    .ecosystem-card,
    .about-feature-card,
    .why-card,
    .ecosystem-icon,
    .why-icon,
    .about-feature-card .icon,
    .journey-step-num,
    .closing-content .ed-primary-btn{
        transition: none !important;
    }
}

    @keyframes flowArrow{
        0%, 100% { transform: translateX(0); opacity: 0.6; }
        50% { transform: translateX(4px); opacity: 1; }
    }

    /* =============================================
       NEW SECTION 8: CLOSING STATEMENT
    ============================================= */
    .closing-section{
        position: relative;
        padding: 100px 0;
        background: linear-gradient(135deg, #16305c 0%, #2b4871 50%, #16305c 100%);
        background-size: 200% 200%;
        animation: closingGradient 10s ease infinite;
        overflow: hidden;
    }
    .closing-overlay{
        position: absolute;
        inset: 0;
        background: radial-gradient(circle at 20% 30%, rgba(255,255,255,0.07), transparent 40%),
                    radial-gradient(circle at 80% 70%, rgba(255,255,255,0.06), transparent 45%);
        pointer-events: none;
    }
    .closing-content{ max-width: 720px; margin: 0 auto; }
    .closing-eyebrow{ color: rgba(255,255,255,0.7); letter-spacing: 1px; text-transform: uppercase; margin-bottom: 18px; }
    .closing-line{ color: rgba(255,255,255,0.88); margin-bottom: 6px; }
    .closing-tagline{ color: #fff; margin-top: 24px; margin-bottom: 30px; }

    @keyframes closingGradient{
        0% { background-position: 0% 50%; }
        50% { background-position: 100% 50%; }
        100% { background-position: 0% 50%; }
    }

    @media (prefers-reduced-motion: reduce){
        .vm-icon, .purpose-arrow, .ecosystem-icon, .ecosystem-flow i, .closing-section{
            animation: none !important;
        }
    }

    .nice-select {
      line-height: 42px !important;
        width: 100% !important;
        margin-bottom: 12px !important;
    }

.card{
    background:#fff;
    border:1px solid #E3E7EE;
    border-radius:14px;
    box-shadow:0 6px 20px rgba(16,42,67,0.05);
}

/* Bootstrap's .form-control/.form-select already handle borders,
   radius, padding, focus rings — just reskin the accent color */
#contactForm .form-control,
#contactForm .form-select{
    background:#F7F9FC;
    border-color:#E3E7EE;
}
#contactForm .form-control:focus,
#contactForm .form-select:focus{
    border-color:#FE6100;
    box-shadow:0 0 0 .2rem rgba(254,97,0,0.15);
}
.sc-input-group .input-group-text{
    border-color:#E3E7EE;
    color:#8a92a1;
}
#contactForm [data-field].has-error .form-control{
    border-color:#dc3545;
}

.sc-btn{
    background:#FE6100;
    color:#fff;
    font-weight:600;
    padding:.75rem 1.5rem;
}
.sc-btn:hover{ background:#e05500; color:#fff; }
.sc-btn[disabled]{ opacity:.7; }

.sc-icon-box{
    display:inline-flex;
    width:50px; height:50px;
    align-items:center; justify-content:center;
    border:1px solid #E3E7EE;
    border-radius:10px;
    color:#FE6100;
    font-size:1.1rem;
}


.sc-social-btn{
    width:38px; height:38px;
    display:flex; align-items:center; justify-content:center;
    border:1px solid #E3E7EE; border-radius:50%;
    color:#12233d;
    transition:all .2s ease;
}
.sc-social-btn:hover{ background:#FE6100; border-color:#FE6100; color:#fff; }

/* entrance animation for the info strip */
.sc-strip-item{
    background:#F7F9FC;
    border:1px solid #E3E7EE;
    border-radius:14px;
    padding:1.5rem 1.25rem;
    opacity:0;
    transform:translateY(24px);
    animation:scFadeUp .7s ease forwards;
    animation-delay:var(--sc-delay, 0s);
    transition:transform .3s ease, box-shadow .3s ease, background .3s ease;
}
.sc-strip-item:hover{
    transform:translateY(-6px);
    background:#fff;
    box-shadow:0 14px 30px rgba(16,42,67,0.10);
}
@keyframes scFadeUp{ to{ opacity:1; transform:translateY(0); } }

@media (prefers-reduced-motion: reduce){
    .sc-strip-item{ animation:none; opacity:1; transform:none; }
}


@media(min-width: 1650px){
  .container {
    max-width: 1550px;
}
}


.course-swiper-arrows {
    display: flex;
    align-items: center;
    gap: 12px;
}

.course-swiper-arrows button {
    width: 45px;
    height: 45px;
    border: 1px solid #034861;
    border-radius: 50%;
    background: #fff;
    color: #034861;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 0;
}

.course-swiper-arrows button:hover {
    background: #034861;
    color: #fff;
}

.course-swiper-arrows button i {
    font-size: 16px;
}
.hero-banner-slider {
    position: relative;
}

.hero-banner-swiper {
    position: relative;
    overflow: hidden;
}

.hero-swiper-prev,
.hero-swiper-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);

    width: 45px;
    height: 45px;

    border: 1px solid #0c4963;
    border-radius: 50%;

    background: #fff;
    color: #0c4963;

    display: flex;
    align-items: center;
    justify-content: center;

    cursor: pointer;
    z-index: 20;
    padding: 0;
}

.hero-swiper-prev {
    left: -55px;
}

.hero-swiper-next {
    right: -55px;
}

.hero-swiper-prev:hover,
.hero-swiper-next:hover {
    background: #0c4963 ;
    color: #fff;
}

.hero-swiper-prev i,
.hero-swiper-next i {
    font-size: 19px;
}


/* =========================================================
   ACADEMIC COURSES BAR
   ========================================================= */

.academic-courses-bar {
    width: 100%;
    background: #016d77;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    border-bottom: 2px solid #c89809;
    position: relative;
    z-index: 999;
}

.academic-courses-inner {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.academic-course-item {
    position: relative;
    border-right: 1px solid rgba(255, 255, 255, 0.45);
}

.academic-course-item:last-child {
    border-right: none;
}

.academic-course-item > a {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 10px 18px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    text-decoration: none;
}

.academic-course-item > a i {
    font-size: 11px;
    transition: transform 0.2s ease;
}

.academic-course-item:hover > a {
    background: rgba(255, 255, 255, 0.08);
}

.academic-course-item:hover > a i {
    transform: rotate(180deg);
}


/* =========================================================
   DROPDOWN
   ========================================================= */

.academic-dropdown {
    position: absolute;
    bottom: 100%;        /* ← Opens UPWARD instead of downward */
    left: 0;
    min-width: 285px;
    background: #fff;
    border-top: 3px solid #15606f;
    border-bottom: none; /* Remove bottom border since it's going up */
    box-shadow: 0 -8px 25px rgba(0,0,0,0.15); /* Shadow on top instead of bottom */
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px); /* Slide from above instead of below */
    transition: all 0.25s ease;
    z-index: 999999;
}

.academic-course-item:hover .academic-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.academic-dropdown a {
    display: block;
    padding: 11px 17px;

    color: #17365d;
    font-size: 14px;
    font-weight: 500;

    text-decoration: none;

    border-bottom: 1px solid #eeeeee;
}

.academic-dropdown a:last-child {
    border-bottom: none;
}

.academic-dropdown a:hover {
    color: #deb65e;
    background: #f5f8fc;
    padding-left: 21px;
}


/* =========================================================
   STICKY HEADER
   ========================================================= */

.header.sticky-active {
    position: sticky;
    top: 0;
    z-index: 99999;
    background: #fff;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 991px) {

    .academic-courses-bar {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .academic-courses-inner {
        justify-content: flex-start;
        width: max-content;
        min-width: 100%;
    }

    .academic-course-item > a {
        font-size: 13px;
    }

    .academic-dropdown {
        display: none;
    }

}


/* =========================================================
   SAMBHAVAM - COMPLETE STICKY HEADER
   Main Header + Academic Courses Bar stay together
   ========================================================= */

header.header.header-1.header-3.sticky-active {
    position: sticky !important;
    top: 0;
    z-index: 99999;
    width: 100%;
    background: #fff;
}


/* IMPORTANT:
   Existing theme JS adds .fixed to .primary-header.
   Prevent it from becoming independently fixed.
*/
.header-1 .primary-header,
.header-1 .primary-header.fixed {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    z-index: auto !important;
}


/* Keep the courses bar inside the sticky header */
.academic-courses-bar {
    position: relative;
    width: 100%;
    background: #016d77;
    border-top: 1px solid rgba(255,255,255,0.15);
    border-bottom: 2px solid #d8a027;
    z-index: 100;
}


/* Courses row */
.academic-courses-inner {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Course item */
.academic-course-item {
    position: relative;
    border-right: 1px solid rgba(255,255,255,0.45);
}

.academic-course-item:last-child {
    border-right: none;
}


/* Main course links */
.academic-course-item > a {
    display: flex;
    align-items: center;
    gap: 7px;

    padding: 10px 18px;

    color: #fff;
    font-size: 14px;
    font-weight: 600;

    white-space: nowrap;
    text-decoration: none;
}

.academic-course-item > a i {
    font-size: 10px;
    transition: transform 0.2s ease;
}

.academic-course-item:hover > a {
    background: rgba(255,255,255,0.08);
}

.academic-course-item:hover > a i {
    transform: rotate(180deg);
}


/* =========================================================
   COURSE DROPDOWN
   ========================================================= */

.academic-dropdown {
    position: absolute;
    top: 100%;
    left: 0;

    min-width: 285px;

    background: #fff;

    border-top: 3px solid #f26522;

    box-shadow: 0 8px 25px rgba(0,0,0,0.15);

    opacity: 0;
    visibility: hidden;

    transform: translateY(8px);

    transition:
        opacity 0.2s ease,
        visibility 0.2s ease,
        transform 0.2s ease;

    z-index: 999999;
}

.academic-course-item:hover .academic-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.academic-dropdown a {
    display: block;

    padding: 11px 17px;

    color: #17365d;
    background: #fff;

    font-size: 14px;
    font-weight: 500;

    text-decoration: none;

    border-bottom: 1px solid #eeeeee;
}

.academic-dropdown a:hover {
    color: #f26522;
    background: #f6f8fb;
    padding-left: 21px;
}


/* =========================================================
   MAKE SURE TICKER STAYS BELOW HEADER
   ========================================================= */

.sambhavam-ticker-bar {
    position: relative;
    z-index: 10;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 991px) {

    .academic-courses-bar {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .academic-courses-inner {
        justify-content: flex-start;
        width: max-content;
        min-width: 100%;
    }

    .academic-course-item > a {
        padding: 7px 10px;
        font-size: 11px;
    }

    .academic-dropdown {
        display: none;
    }
}

.header-contant-btn {
    display: inline-flex;
    vertical-align: middle;
}

.header-contant-btn ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.header-contant-btn ul li {
    display: block;
}

.header-contant-btn ul li a {
    color: #333;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px
}

.header-contant-btn ul li i {
    color: #333;
    text-decoration: none;
}

.fheight{
  height: 465px;
}


.schp-counselling-modal,
    .schp-counselling-content,
    .schp-counselling-form {
        overflow: visible !important;
    }

    .schp-counselling-form select {
        position: relative;
        z-index: 10;
    }

    .tab-overview ul {
        display: block;
        padding: 0;
        padding-left: 45px !important;
        margin-bottom: 20px;
    }

    /* Ensure the enquiry modal always renders above the sticky header (z-index: 99999) */
    #enquiryModal.modal {
        z-index: 100050;
    }
    .modal-backdrop.show {
        z-index: 100040;
    }

    /* ============================================= */
    /* ISO CERTIFIED BADGE — beside logo             */
    /* ============================================= */
    .header-left-inner {
        display: flex;
        align-items: center;
        gap: 16px;
    }

    .schp-iso-badge {
        display: flex;
        align-items: center;
        gap: 4px;
        padding: 6px 12px;
        border: 1px solid #e2e8f0;
        border-radius: 8px;
        background: #f8fafc;
        white-space: nowrap;
        line-height: 1.1;
    }

    .schp-iso-badge-icon {
        font-size: 20px;
        color: #0f766e; /* teal, matches ticker icon */
    }

    .schp-iso-badge-text {
        display: flex;
        flex-direction: column;
    }

    .schp-iso-badge-title {
        font-size: 13px;
        font-weight: 700;
        color: #0d3b4e; /* matches header dark teal */
        letter-spacing: 0.2px;
    }

    .schp-iso-badge-sub {
        font-size: 11px;
        font-weight: 500;
        color: #64748b;
    }

    /* Hide badge on smaller screens to avoid crowding the nav */
    @media (max-width: 1400px) {
        .schp-iso-badge {
            display: none;
        }
    }

    /* ============================================= */
    /* DONATE NOW / LOGIN-REGISTER — button fix      */
    /* ============================================= */
    .schp-header-actions {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-right: 12px;
    }

    .schp-header-actions .header-btn.d-none.d-md-inline-flex {
        display: inline-flex !important;
    }

    .schp-header-actions .ed-primary-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 40px;
        padding: 0 20px;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 600;
        white-space: nowrap;
        line-height: 1;
        transition: opacity 0.2s ease, transform 0.15s ease;
    }

    .schp-header-actions .ed-primary-btn:hover {
        opacity: 0.9;
        transform: translateY(-1px);
    }

    /* Donate Now — solid accent */
    .schp-btn-donate .ed-primary-btn,
    a.schp-btn-donate {
        background: #e8a027;
        border: 1px solid #e8a027;
        color: #ffffff !important;
    }

    /* Login/Register — outline style so the two don't visually compete */
    .schp-btn-login .ed-primary-btn,
    a.schp-btn-login {
        background: transparent;
        border: 1px solid #0d3b4e;
        color: #0d3b4e !important;
    }

    .schp-btn-login .ed-primary-btn:hover,
    a.schp-btn-login:hover {
        background: #0d3b4e;
        color: #ffffff !important;
    }

    .schp-btn-login.dropdown .dropdown-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 40px;
        padding: 0 20px;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 600;
        border: 1px solid #0d3b4e;
        color: #0d3b4e;
        background: transparent;
    }

@media(min-width: 1700px){
  .header-contant-btn ul li a {
    font-size: 14px;
  }

  .header .primary-header-inner .header-menu-wrap .sub-menu li a{
    font-size: 15px;
  }
}




.founder-section {
    position: relative;
    overflow: hidden;
    background: #eff6f7;
    padding-bottom: 160px; /* extra room so content clears the curve */
}

/* the U-shaped divider */
.founder-curve-bottom {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    line-height: 0;
    pointer-events: none;
}

.founder-curve-bottom svg {
    width: 100%;
    height: 90px;
    display: block;
}

.founder-curve-bottom path {
    fill: #ffffff; /* must match whatever section/color comes directly after this one */
}

/* Ambient floating background shapes */
.founder-bg-shape {
    position: absolute;
    border-radius: 50%;
    filter: blur(60px);
    opacity: 0.35;
    z-index: 0;
    animation: founderFloat 8s ease-in-out infinite;
}

/* ---- Image side ---- */
.founder-media {
    position: relative;
    max-width: 420px;
    margin: 0 auto;
    z-index: 1;
}

.founder-photo-frame {
    position: relative;
    border-radius: 20px;
  
    z-index: 2;
}

.founder-photo-frame img {
    width: 100%;
    display: block;
    transition: transform 0.6s ease;
}

.founder-media:hover .founder-photo-frame img {
    transform: scale(1.05);
}

/* Floating info cards over the image */
.founder-float-card {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 12px;
    background: #fff;
    padding: 14px 18px;
    border-radius: 14px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
    z-index: 3;
    animation: founderCardBob 4s ease-in-out infinite;
}

.founder-float-card i {
    font-size: 22px;
    color: var(--sambhavam-orange);
}

.founder-float-card h5 {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1.2;
}

.founder-float-card span {
    font-size: 0.78rem;
    color: #777;
}

.founder-float-card-top {
    top: 24px;
    right: -30px;
    animation-delay: 0s;
}

.founder-float-card-bottom {
    bottom: 24px;
    left: -30px;
    animation-delay: 1.5s;
}

@keyframes founderCardBob {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

.founder-dots {
    position: absolute;
    bottom: -30px;
    right: 10px;
    width: 90px;
    height: 90px;
    background-image: radial-gradient(var(--sambhavam-teal) 2px, transparent 2px);
    background-size: 14px 14px;
    opacity: 0.4;
    z-index: 0;
}

/* ---- Content side ---- */
.founder-title {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.3;
    margin: 16px 0 20px;
    color: #1a1a1a;
}

.text-gradient {
    background: linear-gradient(90deg, var(--sambhavam-orange), var(--sambhavam-teal));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.founder-dec {
    color: #5f5e5a;
    font-size: 1.05rem;
    line-height: 1.8;
    margin-bottom: 24px;
}

.founder-quote {
    position: relative;
    background: #fff;
    border-left: 4px solid var(--sambhavam-orange);
    border-radius: 10px;
    padding: 22px 24px 20px 50px;
    margin-bottom: 28px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.founder-quote:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.1);
}

.founder-quote-icon {
    position: absolute;
    top: 18px;
    left: 18px;
    font-size: 1.4rem;
    color: var(--sambhavam-orange);
    opacity: 0.4;
}

.founder-quote p {
    font-style: italic;
    color: #333;
    margin-bottom: 10px;
    line-height: 1.7;
}

.founder-quote-name {
    display: block;
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--sambhavam-teal);
}

.founder-item-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 30px;
}

.founder-item {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 50px;
    padding: 10px 20px;
    transition: all 0.3s ease;
}

.founder-item:hover {
    border-color: var(--sambhavam-orange);
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.founder-item-icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 122, 0, 0.1);
    color: var(--sambhavam-orange);
    border-radius: 50%;
    font-size: 0.85rem;
}

.founder-item h4 {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: #1a1a1a;
}

/* Responsive */
@media (max-width: 991px) {
    .founder-float-card-top { right: 10px; }
    .founder-float-card-bottom { left: 10px; }
    .founder-title { font-size: 1.7rem; }
}

@media (max-width: 576px) {
    .founder-float-card { padding: 10px 14px; }
    .founder-float-card h5 { font-size: 0.85rem; }
    .founder-float-card span { font-size: 0.7rem; }
}

/* Fluid organic aura behind the photo */
.founder-fluid-shape {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 112%;
    height: 112%;
    transform: translate(-50%, -50%);
    background: radial-gradient(circle at 35% 35%, rgba(255, 123, 4, 0.28), rgba(1, 118, 109, 0.32) 72%, transparent 100%);
    filter: blur(18px);
    opacity: 0.85;
    z-index: 0;
    animation: smoothBlobMorph 14s ease-in-out infinite alternate;
    pointer-events: none;
}

@keyframes smoothBlobMorph {
    0% {
        border-radius: 46% 54% 58% 42% / 50% 46% 54% 50%;
        transform: translate(-50%, -50%) rotate(0deg) scale(1);
    }
    33% {
        border-radius: 56% 44% 46% 54% / 46% 56% 44% 54%;
        transform: translate(-49%, -51%) rotate(40deg) scale(1.03);
    }
    66% {
        border-radius: 42% 58% 54% 46% / 56% 44% 56% 44%;
        transform: translate(-51%, -49%) rotate(80deg) scale(0.98);
    }
    100% {
        border-radius: 50% 50% 46% 54% / 48% 54% 46% 52%;
        transform: translate(-50%, -50%) rotate(120deg) scale(1.02);
    }
}

/* Smooth rotating dashed orbit ring */
.founder-orbit-ring {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 106%;
    height: 106%;
    transform: translate(-50%, -50%);
    border: 1.5px dashed rgba(1, 118, 109, 0.35);
    border-radius: 50%;
    z-index: 1;
    animation: ringOrbit 28s linear infinite;
    pointer-events: none;
}

@keyframes ringOrbit {
    from { transform: translate(-50%, -50%) rotate(0deg); }
    to   { transform: translate(-50%, -50%) rotate(360deg); }
}

/* Keep the photo circular, framed and crisp on top */
.founder-photo-frame {
    position: relative;
    width: 100%;
    max-width: 420px;
    border-radius: 43% 34%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border: 7px solid #ffffff;
    box-shadow: 0 20px 48px rgba(11, 45, 92, 0.13), 0 4px 14px rgba(0, 0, 0, 0.04);
    z-index: 2;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.founder-media:hover .founder-photo-frame {
    transform: scale(1.02);
    box-shadow: 0 26px 56px rgba(11, 45, 92, 0.18), 0 6px 16px rgba(0, 0, 0, 0.06);
}

.founder-photo-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s ease;
    object-position: top;
}

/* Floating Stat Badges */
.founder-float-pill {
    position: absolute;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #ffffff;
    padding: 9px 16px;
    border-radius: 50px;
    box-shadow: 0 10px 26px rgba(11, 45, 92, 0.12), 0 2px 8px rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(1, 118, 109, 0.14);
    z-index: 4;
    backdrop-filter: blur(8px);
}

.founder-float-pill-top {
    top: 0px;
    right: -35px;
    animation: floatGlideTop 5.5s ease-in-out infinite alternate;
}

.founder-float-pill-bottom {
    bottom: 20px;
    left: -10px;
    animation: floatGlideBottom 6.5s ease-in-out infinite alternate;
}

@keyframes floatGlideTop {
    0% {
        transform: translate(0, 0) rotate(0deg);
    }
    50% {
        transform: translate(6px, -10px) rotate(1.5deg);
    }
    100% {
        transform: translate(-4px, -14px) rotate(-1deg);
    }
}

@keyframes floatGlideBottom {
    0% {
        transform: translate(0, 0) rotate(0deg);
    }
    50% {
        transform: translate(-8px, 8px) rotate(-1.5deg);
    }
    100% {
        transform: translate(4px, 12px) rotate(1deg);
    }
}

.founder-float-pill .pill-icon-box {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(1, 118, 109, 0.1);
    color: var(--sambhavam-teal, #01766D);
    font-size: 15px;
    flex-shrink: 0;
}

.founder-float-pill-top .pill-icon-box {
    background: rgba(255, 123, 4, 0.12);
    color: var(--sambhavam-orange, #FF7B04);
}

.founder-float-pill .pill-info {
    display: flex;
    flex-direction: column;
    text-align: left;
    line-height: 1.2;
}

.founder-float-pill .pill-title {
    font-size: 0.9rem;
    font-weight: 700;
    color: #0b2545;
}

.founder-float-pill .pill-sub {
    font-size: 0.72rem;
    font-weight: 500;
    color: #64748b;
}

@media (max-width: 576px) {
    .founder-float-pill {
        padding: 7px 12px;
        gap: 6px;
    }
    .founder-float-pill-top {
        right: 0;
        top: 0;
    }
    .founder-float-pill-bottom {
        left: 0;
        bottom: 0;
    }
    .founder-float-pill .pill-title {
        font-size: 0.8rem;
    }
    .founder-float-pill .pill-sub {
        font-size: 0.65rem;
    }
}

.founder-quote-role {
    font-weight: 500;
    color: #64748b;
    font-size: 0.85rem;
    margin-left: 4px;
}

/* ===== Stream Selector ===== */
.stream-selector-section {
    position: relative;
    background: #c4ba4d1f;
}

.stream-selector-card {
    max-width: 685px;
    background: #ffffff;
    border: 1px solid #edf0f4;
    border-radius: 20px;
    padding: 36px 40px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
}

.stream-selector-label {
    font-size: 1.1rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 22px;
}

.stream-pill-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 28px;
}

.stream-pill {
    background: #ffffff;
    border: 1.5px solid #d7dbe3;
    color: #4a4f57;
    font-weight: 500;
    font-size: 0.85rem;
    padding: 8px 10px;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.25s ease;
}

.stream-pill:hover {
    border-color: var(--sambhavam-orange);
    color: var(--sambhavam-orange);
}

.stream-pill.active {
    background: var(--sambhavam-teal);
    border-color: var(--sambhavam-teal);
    color: #ffffff;
    box-shadow: 0 6px 16px rgba(13, 148, 136, 0.25);
}

.stream-selector-divider {
    height: 1px;
    background: #eef0f4;
    margin-bottom: 28px;
}

.stream-explore-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    background: #eef0f4;
    color: #9aa0aa;
    font-weight: 600;
    font-size: 1rem;
    padding: 16px;
    border-radius: 14px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.stream-explore-btn.is-ready {
    background: linear-gradient(90deg, var(--sambhavam-orange), var(--sambhavam-teal));
    color: #ffffff;
}

.stream-explore-btn:hover.is-ready {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.15);
    color: #ffffff;
}

@media (max-width: 576px) {
    .stream-selector-card { padding: 28px 22px; }
    .stream-pill { padding: 9px 16px; font-size: 0.88rem; }
}

.row{
  margin: 0% !important;
  padding: 0% !important;
}

.crs{
  border-radius: 55px 175px 175px 55px;
}


 /* ============================================= */
    /* SUCCESS STORIES SECTION */
    /* ============================================= */
    .success-stories-section {
        background: #fff;
    }

    .success-story-carousel-wrap {
        padding: 0 60px;
    }

    .success-story-card {
        background: #ffffff;
        border-radius: 20px;
        overflow: hidden;
        box-shadow: 0 10px 10px rgba(20, 20, 43, 0.06);
        height: 100%;
        display: flex;
        flex-direction: column;
        transition: transform .3s ease, box-shadow .3s ease;
        padding: 20px
    }

    .success-story-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 20px 40px rgba(20, 20, 43, 0.12);
    }

    .success-story-photo {
        position: relative;
        width: 100%;
        aspect-ratio: 4 / 3;
        overflow: hidden;
    }

    .success-story-photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .success-story-badge {
        position: absolute;
        top: 16px;
        left: 16px;
        background: rgba(0, 0, 0, 0.65);
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: .3px;
        padding: 6px 14px;
        border-radius: 30px;
        backdrop-filter: blur(4px);
    }

    .success-story-body {
        padding: 24px 24px 28px;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }

    .success-story-quote-icon {
        color: #d7dae3;
        font-size: 22px;
        margin-bottom: 10px;
    }

    .success-story-quote {
        font-size: 15px;
        line-height: 1.6;
        color: #4a4d5c;
        margin-bottom: 18px;
        flex-grow: 1;
    }

    .success-story-name {
        margin: 0 0 4px;
        font-size: 17px;
        font-weight: 700;
    }

    .success-story-achievement {
        display: inline-block;
        font-size: 13px;
        font-weight: 600;
        color: #0c4963;
    }

    .success-story-pagination {
        text-align: center;
        margin-top: 30px;
    }

    .success-story-prev,
    .success-story-next {
        position: absolute;
        top: 40%;
        transform: translateY(-50%);
        width: 46px;
        height: 46px;
        border-radius: 50%;
        border: 1px solid #e3e5ec;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: background .25s ease, color .25s ease;
        z-index: 5;
    }

    .success-story-prev:hover,
    .success-story-next:hover {
        background: var(--e-primary-color, #ff6a3d);
        color: #fff;
        border-color: transparent;
    }

    .success-story-prev { left: 0; }
    .success-story-next { right: 0; }

    .d-md-inline-flex{
      display: inline-flex !important;
    }

    @media (max-width: 767px) {
        .success-story-carousel-wrap { padding: 0; }
        .success-story-prev,
        .success-story-next { display: none; }
    }



@media(max-width: 767px){
  .logo {
      height: 35px;
  }

  .header-contant-btn ul li a {
      font-size: 11px;
  }

  .header .primary-header-inner .header-right {
      column-gap: 8px;
  }
}


@media(max-width: 1699px){
    .header-contant-btn ul li a {
        font-size: 12px !important;
    }

    .header .primary-header-inner .header-menu-wrap .sub-menu li {
        display: inline-block;
        position: relative;
        margin: 0 4px !important;
    }

    .schp-header-actions .ed-primary-btn{
      padding: 0px 12px !important;
      font-size: 12px;
    }

    .header-1 .primary-header .primary-header-inner .header-menu-wrap .sub-menu > li > a {
        padding: 22px 0 !important;
    }

    .header-1 .primary-header .primary-header-inner .header-menu-wrap .sub-menu > li > ul {
        top: 100% !important;
    }

     .header-1 .primary-header .primary-header-inner .header-menu-wrap .sub-menu li li a {
        padding: 11px 14px 11px 0 !important;
        font-size: 14px;
        line-height: 1.4;
    }
    .header-1 .primary-header .primary-header-inner .header-menu-wrap .sub-menu li li a:hover {
        padding-left: 8px !important;
    }

    .logo {
    height: 40px;
}

.header-1 .primary-header .primary-header-inner .header-menu-wrap {
    padding-left: 2px;
    margin-left:2px;
  }

  .schp-iso-badge{
        padding: 6px 5px;
  }

  .header-left-inner {
    gap:10px
  }

      .px-md-5 {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
    }

    .header .primary-header-inner .header-right{
      column-gap: 0px !important;
    }


    .schp-header-actions .ed-primary-btn {
        padding: 0px 6px !important;
        font-size: 11px;
    }

    .header-left-inner {
        gap: 5px;
    }

    .header .primary-header-inner .header-menu-wrap .sub-menu li a {
      font-size: 13px;
    }
    .schp-iso-badge-sub {
    font-size: 10px;}
     .schp-iso-badge-title {
    font-size: 12px;}
}



@media (max-width: 1349px) {
    .px-md-5 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
}

.d-btn-headeblock{
  display: none !important;
}

@media(max-width: 767px){
      .header-contant-btn ul li a {
        font-size: 10px !important;
    }

    body{
      line-height: 1 !important;
    }

    .schp-header-actions .ed-primary-btn{
      height: 30px !important;
    }

    .schp-header-actions .ed-primary-btn{
      line-height: 1 !important;
    } 

    .header .primary-header-inner .header-right .header-right-item .mobile-side-menu-toggle{
      font-size: 30px !important;
    }

    .d-md-inline-flex{
      display: none !important;
    }

    .ed-primary-btn i {
    margin-left: 0px;
    font-size: 11px;
    margin-top: 7px;
    align-items: center;
    text-align: center;
}

.d-btn-headeblock{
  display: block !important;
}

.schp-header-actions .header-btn.d-none.d-md-inline-flex {
    display: none !important;
}

    .schp-header-actions .ed-primary-btn {
        padding: 0px 8px !important;
        font-size: 11px;
    }

    .schp-header-actions {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-right: 10px;
}

    .logo {
        height: 70px;
        padding: 10px 0px;
    }

    .header .primary-header-inner .header-right .header-right-item .mobile-side-menu-toggle {
  color: var(--ed-color-heading-primary);
  font-size: 24px;
}

    .px-md-5 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }


    .hero-swiper-prev, .hero-swiper-next{
      display: none !important;
    }
}

/* ======================================================== */
/* ABOUT US CLOSING STATEMENT SECTION (ENHANCED)           */
/* ======================================================== */
.about-closing-section {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 24px;
    padding: 75px 30px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(3, 72, 97, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.about-closing-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(3, 72, 97, 0.95) 0%, rgba(1, 109, 119, 0.90) 50%, rgba(16, 36, 58, 0.96) 100%);
    z-index: 1;
}

.about-closing-pattern {
    position: absolute;
    inset: 0;
    background: 
        radial-gradient(circle at 12% 18%, rgba(222, 182, 94, 0.15) 0%, transparent 40%),
        radial-gradient(circle at 88% 82%, rgba(1, 109, 119, 0.25) 0%, transparent 45%),
        url('data:image/svg+xml;utf8,<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><g fill="%23ffffff" fill-opacity="0.03" fill-rule="evenodd"><path d="M0 60L60 0H30L0 30M60 60V30L30 60"/></g></svg>');
    z-index: 1;
    pointer-events: none;
}

.about-closing-content {
    max-width: 860px;
    margin: 0 auto;
    position: relative;
}

.about-closing-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(222, 182, 94, 0.4);
    color: #deb65e;
    padding: 6px 20px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 28px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.12);
}

.about-closing-lines-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin-bottom: 32px;
}

.about-closing-item {
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 14px;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    gap: 14px;
    text-align: left;
    color: rgba(255, 255, 255, 0.95);
    font-size: 14.5px;
    line-height: 1.5;
    transition: all 0.3s ease;
}

.about-closing-item:hover {
    background: rgba(255, 255, 255, 0.14);
    transform: translateY(-3px);
    border-color: rgba(222, 182, 94, 0.5);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.about-closing-item i {
    font-size: 18px;
    color: #deb65e;
    flex-shrink: 0;
    width: 24px;
    text-align: center;
}

.about-closing-item strong {
    color: #ffffff;
    font-weight: 700;
}

.about-closing-tagline {
    color: #ffffff;
    font-size: 34px;
    font-weight: 800;
    letter-spacing: -0.5px;
    line-height: 1.25;
    margin-bottom: 14px;
}

.about-closing-divider {
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, #deb65e, #f59e0b);
    border-radius: 3px;
    margin: 0 auto 30px;
}

.about-closing-actions {
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
}

.about-closing-actions .closing-gold-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 13px 30px;
    background: linear-gradient(135deg, #deb65e 0%, #c99a3e 100%);
    color: #043148 !important;
    border-radius: 50px;
    font-size: 14.5px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 6px 20px rgba(222, 182, 94, 0.35);
    border: 1px solid #deb65e;
    transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.about-closing-actions .closing-gold-btn:hover {
    background: #ffffff;
    border-color: #ffffff;
    color: #043148 !important;
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
}

.about-closing-actions .closing-glass-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 13px 30px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    color: #ffffff !important;
    border-radius: 50px;
    font-size: 14.5px;
    font-weight: 600;
    text-decoration: none;
    border: 1.5px solid rgba(255, 255, 255, 0.6);
    transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.about-closing-actions .closing-glass-btn:hover {
    background: rgba(255, 255, 255, 0.2);
    border-color: #ffffff;
    color: #ffffff !important;
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

@media (max-width: 767px) {
    .about-closing-section { padding: 50px 20px; }
    .about-closing-lines-grid { grid-template-columns: 1fr; gap: 12px; }
    .about-closing-tagline { font-size: 26px; }
    .about-closing-item { padding: 14px 16px; font-size: 13.5px; }
}


/* ==============================
   Climate Page Base
   ============================== */
.climate-page {
    color: var(--ed-color-text-body);
    overflow-x: hidden;
    overflow-y: clip;
}
.climate-page *,
.climate-page *::before,
.climate-page *::after {
    box-sizing: border-box;
}
.climate-page img {
    max-width: 100%;
}
.climate-page a:focus-visible {
    outline: 3px solid var(--sambhavam-gold);
    outline-offset: 4px;
}
.climate-page p {
    color: var(--ed-color-text-body);
}
.climate-section {
    padding: clamp(64px, 8vw, 104px) 0;
}
.climate-section-head {
    max-width: 740px;
    margin: 0 auto 44px;
    text-align: center;
}
.climate-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    padding: 7px 14px;
    border: 1px solid rgb(1 109 119 / 14%);
    border-radius: 99px;
    background: rgb(1 109 119 / 6%);
    color: var(--sambhavam-teal);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}
.climate-section-head h2 {
    margin: 0 auto 14px;
    color: var(--ed-color-heading-primary);
    font-size: clamp(28px, 3vw, 40px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.025em;
}
.climate-section-head > p {
    max-width: 650px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.75;
}

/* Hero */
.climate-hero {
    position: relative;
    display: flex;
    min-height: 420px;
    align-items: center;
    overflow: hidden;
    isolation: isolate;
    padding: 110px 0 80px;
}
.climate-hero__image {
    position: absolute;
    z-index: -2;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.climate-hero__overlay {
    position: absolute;
    z-index: -1;
    inset: 0;
    background: none;
}
.climate-hero__container {
    padding: 0 15px;
}
.climate-hero__content {
    max-width: 820px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
}
.climate-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.25);
    padding: 6px 18px;
    border-radius: 50px;
}
.climate-hero__eyebrow i {
    color: var(--sambhavam-gold);
}
.climate-hero h1 {
    margin: 0 0 16px;
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.22;
}
.climate-hero h1 span {
    color: #fff;
}
.climate-hero__content > p {
    max-width: 650px;
    margin: 0 auto 20px;
    color: rgba(255, 255, 255, 0.88);
    font-size: 16px;
    line-height: 1.6;
}
.climate-breadcrumb {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(0, 0, 0, 0.2);
    padding: 8px 22px;
    border-radius: 50px;
    font-size: 14px;
    margin-top: 6px;
}
.climate-breadcrumb a {
    color: rgba(255, 255, 255, 0.85);
    text-decoration: none;
    transition: all 0.3s ease;
}
.climate-breadcrumb a:hover {
    color: #fff;
}
.climate-breadcrumb span[aria-hidden] {
    color: rgba(255, 255, 255, 0.4);
}
.climate-breadcrumb [aria-current] {
    color: var(--sambhavam-gold);
    font-weight: 600;
}
.climate-hero__ornament {
    display: none;
}

/* Intro */
.climate-intro {
    background: #fff;
}
.climate-intro .climate-section-head {
    margin-bottom: 48px;
}
.climate-intro__layout {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    align-items: center;
    gap: clamp(36px, 6vw, 84px);
}
.climate-intro__media {
    position: relative;
    min-height: 410px;
    margin: 0;
    overflow: hidden;
    border-radius: 22px;
    background: #eaf1ee;
    box-shadow: 0 20px 55px rgb(3 72 97 / 13%);
}
.climate-intro__media::after {
    position: absolute;
    inset: 45% 0 0;
    background: linear-gradient(transparent, rgb(3 40 49 / 30%));
    content: "";
    pointer-events: none;
}
.climate-intro__media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.65s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.climate-intro__media:hover img {
    transform: scale(1.035);
}
.climate-intro__badge {
    position: absolute;
    z-index: 1;
    bottom: 20px;
    left: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: calc(100% - 40px);
    padding: 13px 17px;
    border: 1px solid rgb(255 255 255 / 28%);
    border-radius: 14px;
    background: rgb(3 72 97 / 91%);
    color: #fff;
}
.climate-intro__badge-icon {
    display: grid;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    place-items: center;
    border-radius: 50%;
    background: rgb(255 255 255 / 13%);
    color: var(--sambhavam-gold);
    font-size: 18px;
}
.climate-intro__badge strong,
.climate-intro__badge small {
    display: block;
}
.climate-intro__badge strong {
    font-size: 14px;
}
.climate-intro__badge small {
    margin-top: 2px;
    color: rgb(255 255 255 / 76%);
    font-size: 11px;
}
.climate-intro__copy {
    max-width: 560px;
}
.climate-intro__copy p {
    font-size: 16px;
    line-height: 1.85;
}
.climate-intro__copy .climate-intro__lead {
    margin: 0 0 19px;
    padding-left: 22px;
    border-left: 3px solid var(--sambhavam-teal);
    color: var(--ed-color-heading-primary);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.75;
}
.climate-intro__copy > p:not(.climate-intro__lead) {
    margin-bottom: 24px;
}
.climate-intro__note {
    display: flex;
    align-items: center;
    gap: 11px;
    padding-top: 18px;
    border-top: 1px solid var(--ed-color-border-1);
    color: var(--sambhavam-teal);
    font-size: 14px;
    font-weight: 600;
}
.climate-intro__note i {
    color: var(--sambhavam-gold);
    font-size: 19px;
}

/* Focus Areas - Awards Style Table with Preview */
.climate-focus-awards-section {
    background: #fbfaf7;
    color: var(--ed-color-heading-primary);
    padding: clamp(4rem, 8vw, 6.5rem) 0;
    border-top: 1px solid var(--ed-color-border-1);
}

.focus-awards-intro {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(220px, 0.75fr);
    gap: clamp(2rem, 6vw, 5rem);
    align-items: start;
    margin-bottom: clamp(3rem, 6vw, 4.5rem);
}

.focus-awards-kicker {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin: 0 0 1rem;
    color: var(--sambhavam-teal);
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.focus-awards-kicker-icon {
    display: inline-grid;
    width: 1.5rem;
    height: 1.5rem;
    place-items: center;
    font-size: 1rem;
    color: var(--sambhavam-teal);
}

.focus-awards-heading h2 {
    max-width: 680px;
    margin: 0;
    color: var(--ed-color-heading-primary);
    font-size: clamp(2.2rem, 3.8vw, 3rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.15;
}

.focus-awards-summary {
    max-width: 420px;
    margin: 0.3rem 0 0;
    color: var(--ed-color-text-body);
    font-size: clamp(1rem, 1.4vw, 1.12rem);
    line-height: 1.6;
}

.focus-awards-table-wrap {
    position: relative;
}

.focus-awards-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 1rem;
}

.focus-awards-table th,
.focus-awards-table td {
    padding: 1.4rem 1rem 1.4rem 0;
    border-bottom: 1px solid var(--ed-color-border-1);
    text-align: left;
    vertical-align: middle;
}

.focus-awards-table thead th {
    padding-top: 0;
    padding-bottom: 1.2rem;
    color: var(--ed-color-heading-primary);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 13px;
    font-weight: 700;
    border-bottom: 2px solid var(--ed-color-border-1);
}

.focus-awards-table tbody th {
    font-weight: 700;
}

.focus-awards-table th:first-child,
.focus-awards-table td:first-child {
    width: 44%;
    text-align: left;
    padding-left: 0;
}
.focus-awards-table th:nth-child(2),
.focus-awards-table td:nth-child(2) {
    width: 56%;
    padding-right: 200px;
}

.focus-award-row {
    cursor: pointer;
    outline: none;
    transition: all 0.25s ease;
}

.focus-row-title {
    display: inline-block;
    color: var(--ed-color-heading-primary);
    font-size: 1.15rem;
    font-weight: 700;
    transition: color 0.25s ease;
}

.focus-row-desc {
    display: inline-block;
    color: var(--ed-color-text-body);
    font-size: 0.95rem;
    line-height: 1.55;
    transition: color 0.25s ease;
}

.focus-award-row:hover .focus-row-title,
.focus-award-row:focus-visible .focus-row-title,
.focus-award-row.is-active .focus-row-title {
    color: var(--sambhavam-teal);
}

.focus-award-row:hover,
.focus-award-row:focus-visible,
.focus-award-row.is-active {
    background: rgba(1, 109, 119, 0.03);
}

.focus-award-row:focus-visible .focus-row-title {
    text-decoration: underline;
    text-underline-offset: 0.25rem;
}

.focus-award-preview {
    position: absolute;
    z-index: 5;
    top: 50%;
    right: 2%;
    width: clamp(200px, 19vw, 260px);
    aspect-ratio: 4 / 3;
    margin: 0;
    overflow: hidden;
    border-radius: 1.25rem;
    background: var(--sambhavam-blue);
    box-shadow:
        0 1.5rem 3rem rgba(3, 72, 97, 0.22),
        0 0 0 1px rgba(255, 255, 255, 0.2);
    pointer-events: none;
    transform: translateY(-50%) rotate(-4deg);
    transition:
        opacity 0.35s ease,
        transform 0.35s ease;
}

.focus-award-preview img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition:
        opacity 0.3s ease,
        transform 0.35s ease;
}

@media (max-width: 991px) {
    .focus-award-preview {
        display: none;
    }
    .focus-awards-table th:first-child,
    .focus-awards-table td:first-child {
        width: 45%;
    }
    .focus-awards-table th:nth-child(2),
    .focus-awards-table td:nth-child(2) {
        width: 55%;
        padding-right: 0.5rem;
    }
}

@media (max-width: 767px) {
    .climate-focus-awards-section {
        padding: 3.5rem 0;
    }
    .focus-awards-intro {
        grid-template-columns: 1fr;
        gap: 1.25rem;
        margin-bottom: 2.5rem;
    }
    .focus-awards-heading h2 {
        font-size: clamp(1.85rem, 8vw, 2.4rem);
    }
    .focus-awards-table {
        font-size: 0.88rem;
    }
    .focus-awards-table th,
    .focus-awards-table td {
        padding: 1rem 0.5rem 1rem 0;
    }
    .focus-row-title {
        font-size: 1rem;
    }
    .focus-row-desc {
        font-size: 0.85rem;
    }
    .focus-awards-table th:first-child,
    .focus-awards-table td:first-child {
        width: 44%;
    }
    .focus-awards-table th:nth-child(2),
    .focus-awards-table td:nth-child(2) {
        width: 56%;
        padding-right: 0;
    }
}

/* Statistics */
.climate-stats {
    padding: 48px 0;
    border-top: 1px solid var(--ed-color-border-1);
    border-bottom: 1px solid var(--ed-color-border-1);
    background: #fff;
}
.climate-stats__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.climate-stat-card {
    position: relative;
    padding: 28px 24px;
    text-align: center;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    border-radius: 12px;
}
.climate-stat-card:hover {
    transform: translateY(-5px);
    background: #fafcfb;
}
.climate-stat-card + .climate-stat-card {
    border-left: 1px solid var(--ed-color-border-1);
}
.climate-stat-card::after {
    position: absolute;
    right: 20%;
    bottom: 0;
    left: 20%;
    height: 3px;
    border-radius: 3px;
    background: linear-gradient(
        90deg,
        var(--sambhavam-teal),
        var(--sambhavam-gold)
    );
    content: "";
    transform: scaleX(0);
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
.climate-stat-card:hover::after {
    transform: scaleX(1);
}
.climate-stat-card__icon {
    display: grid;
    width: 48px;
    height: 48px;
    margin: 0 auto 14px;
    place-items: center;
    border-radius: 50%;
    background: var(--ed-color-grey-1);
    color: var(--sambhavam-teal);
    font-size: 18px;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    border: 1px solid rgba(1, 109, 119, 0.1);
}
.climate-stat-card:hover .climate-stat-card__icon {
    background: var(--sambhavam-teal);
    color: #fff;
    transform: translateY(-3px) scale(1.08);
    box-shadow: 0 8px 18px rgba(1, 109, 119, 0.22);
}
.climate-stat-card__number {
    display: block;
    color: var(--sambhavam-blue);
    font-size: clamp(32px, 3.2vw, 44px);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.03em;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    transition: color 0.3s ease;
}
.climate-stat-card:hover .climate-stat-card__number {
    color: var(--sambhavam-teal);
}
.climate-stat-card h3 {
    margin: 10px 0 6px;
    color: var(--ed-color-heading-primary);
    font-size: 16px;
    font-weight: 700;
}
.climate-stat-card p {
    max-width: 230px;
    margin: 0 auto;
    font-size: 13px;
    line-height: 1.6;
    color: var(--ed-color-text-body);
}

/* ==========================================================================
   Ecosystem: Expanding Panels Component (Desktop) & Accordion (Mobile)
   ========================================================================== */
.climate-audiences {
    background: #ffffff;
    position: relative;
}

.climate-audience-panels {
    display: flex;
    gap: 14px;
    height: 400px;
    width: 100%;
}

.climate-audience-panel {
    position: relative;
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px 24px;
    background: #ffffff;
    border: 1px solid var(--ed-color-border-1);
    border-radius: 20px;
    cursor: pointer;
    text-align: left;
    outline: none;
    overflow: hidden;
    transition:
        flex-grow 0.6s cubic-bezier(0.2, 0.8, 0.2, 1),
        border-color 0.4s ease,
        background 0.4s ease,
        box-shadow 0.4s ease;
    will-change: flex-grow;
}

.climate-audience-panel:hover,
.climate-audience-panel:focus-visible {
    border-color: rgba(1, 109, 119, 0.35);
}

.climate-audience-panel:focus-visible {
    box-shadow: 0 0 0 3px rgba(1, 109, 119, 0.25);
}

.climate-audience-panel.is-active {
    flex-grow: 3.2;
    background: linear-gradient(
        135deg,
        rgba(1, 109, 119, 0.05) 0%,
        rgba(3, 72, 97, 0.02) 100%
    );
    border-color: var(--sambhavam-teal);
    box-shadow: 0 16px 36px rgba(3, 72, 97, 0.08);
}

/* Panel Header */
.climate-audience-panel__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    z-index: 2;
}

.climate-audience-panel__num {
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.05em;
    color: #9cb0ba;
    transition: color 0.3s ease;
}

.climate-audience-panel.is-active .climate-audience-panel__num {
    color: var(--sambhavam-teal);
}

.climate-audience-panel__icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(1, 109, 119, 0.08);
    color: var(--sambhavam-teal);
    font-size: 20px;
    border: 1px solid rgba(1, 109, 119, 0.14);
    transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.climate-audience-panel.is-active .climate-audience-panel__icon {
    background: var(--sambhavam-teal);
    color: #ffffff;
    border-color: var(--sambhavam-teal);
    transform: scale(1.06);
    box-shadow: 0 6px 18px rgba(1, 109, 119, 0.22);
}

/* Panel Body */
.climate-audience-panel__body {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
}

/* Title handling: Vertical when collapsed, horizontal when active */
.climate-audience-panel__title {
    margin: 0;
    color: var(--ed-color-heading-primary);
    font-weight: 700;
    white-space: nowrap;
    transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* Collapsed title (desktop) */
.climate-audience-panel:not(.is-active) .climate-audience-panel__title {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-size: 17px;
    letter-spacing: 0.02em;
    margin-top: auto;
    padding-left: 6px;
    color: var(--ed-color-heading-primary);
}

/* Active title (desktop) */
.climate-audience-panel.is-active .climate-audience-panel__title {
    writing-mode: horizontal-tb;
    transform: none;
    font-size: 22px;
    line-height: 1.3;
    white-space: normal;
    color: var(--ed-color-heading-primary);
}

/* Gold Progress Line */
.climate-audience-panel__progress {
    width: 0;
    height: 3px;
    background: rgba(222, 182, 94, 0.25);
    border-radius: 3px;
    margin: 12px 0 14px;
    overflow: hidden;
    opacity: 0;
    transition:
        opacity 0.3s ease 0.25s,
        width 0.4s ease 0.25s;
}

.climate-audience-panel.is-active .climate-audience-panel__progress {
    width: 48px;
    opacity: 1;
}

.climate-audience-panel__progress-bar {
    display: block;
    height: 100%;
    width: 0%;
    background: var(--sambhavam-gold);
    border-radius: 3px;
}

.climate-audience-panel.is-active.is-animating-progress
    .climate-audience-panel__progress-bar {
    width: 100%;
    transition: width 5s linear;
}

/* Description Block: Fixed width to prevent re-wrapping during flex expansion */
.climate-audience-panel__desc-wrap {
    width: 340px;
    max-width: 340px;
    overflow: hidden;
}

.climate-audience-panel__desc {
    margin: 0;
    color: var(--ed-color-text-body);
    font-size: 14.5px;
    line-height: 1.65;
    opacity: 0;
    transform: translateY(14px);
    transition:
        opacity 0.45s ease,
        transform 0.45s ease;
    transition-delay: 0s;
}

.climate-audience-panel.is-active .climate-audience-panel__desc {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.25s;
}

/* Watermark */
.climate-audience-panel__watermark {
    position: absolute;
    bottom: -15px;
    right: -10px;
    font-size: 110px;
    color: var(--sambhavam-teal);
    opacity: 0;
    pointer-events: none;
    transform: scale(0.8) rotate(-10deg);
    transition:
        opacity 0.5s ease 0.2s,
        transform 0.5s ease 0.2s;
    z-index: 1;
}

.climate-audience-panel.is-active .climate-audience-panel__watermark {
    opacity: 0.08;
    transform: scale(1) rotate(0deg);
}

/* ==========================================================================
   Responsive: Accordion on tablets and mobile (< 992px)
   ========================================================================== */
@media (max-width: 991px) {
    .climate-audience-panels {
        flex-direction: column;
        height: auto;
        gap: 12px;
    }

    .climate-audience-panel {
        flex: none;
        width: 100%;
        min-height: 84px;
        padding: 20px 22px;
        border-radius: 16px;
    }

    .climate-audience-panel:not(.is-active) .climate-audience-panel__title {
        writing-mode: horizontal-tb;
        transform: none;
        font-size: 17px;
        margin-top: 0;
        padding-left: 0;
    }

    .climate-audience-panel.is-active .climate-audience-panel__title {
        font-size: 18px;
    }

    .climate-audience-panel__header {
        justify-content: flex-start;
        gap: 14px;
        margin-bottom: 0;
    }

    .climate-audience-panel.is-active .climate-audience-panel__header {
        margin-bottom: 12px;
    }

    .climate-audience-panel__body {
        display: grid;
        grid-template-rows: 0fr;
        transition: grid-template-rows 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
    }

    .climate-audience-panel.is-active .climate-audience-panel__body {
        grid-template-rows: 1fr;
    }

    .climate-audience-panel__desc-wrap {
        width: 100%;
        max-width: 100%;
        min-height: 0;
    }

    .climate-audience-panel:not(.is-active) .climate-audience-panel__progress {
        display: none;
    }

    .climate-audience-panel.is-active .climate-audience-panel__progress {
        margin: 10px 0 12px;
    }

    .climate-audience-panel__watermark {
        display: none;
    }
}

/* Timeline - Left to Right Progressive Load Animation */
.climate-journey {
    border-top: 1px solid var(--ed-color-border-1);
    background: #f7faf9;
}

.climate-timeline {
    position: relative;
    padding-top: 7px;
}

.climate-timeline__track {
    position: absolute;
    top: 33px;
    right: 11%;
    left: 11%;
    height: 2px;
    overflow: hidden;
    background: #dce8e5;
    border-radius: 2px;
}

.climate-timeline__track span {
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        var(--sambhavam-blue),
        var(--sambhavam-teal),
        var(--sambhavam-gold)
    );
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 1.5s cubic-bezier(0.16, 1, 0.3, 1) 0.1s;
}

.climate-journey.is-visible .climate-timeline__track span {
    transform: scaleX(1);
}

.climate-timeline__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.climate-timeline__item {
    min-width: 0;
    text-align: center;
    opacity: 0;
    transform: translateX(-24px) translateY(16px);
    transition:
        opacity 0.7s cubic-bezier(0.2, 0.8, 0.2, 1),
        transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);
    transition-delay: var(--climate-delay, 0ms);
    will-change: opacity, transform;
}

.climate-timeline__item.is-visible {
    opacity: 1;
    transform: translateX(0) translateY(0);
}

.climate-timeline__node {
    position: relative;
    z-index: 1;
    display: grid;
    width: 54px;
    height: 54px;
    margin: 0 auto 20px;
    place-items: center;
    border: 3px solid var(--sambhavam-teal);
    border-radius: 50%;
    background: #ffffff;
    box-shadow:
        0 0 0 7px #f7faf9,
        0 5px 16px rgba(1, 109, 119, 0.14);
    color: var(--sambhavam-teal);
    font-size: 14px;
    font-weight: 800;
    transform: scale(0.7);
    opacity: 0;
    transition:
        transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1),
        opacity 0.4s ease,
        color 0.25s ease,
        background 0.25s ease,
        box-shadow 0.3s ease;
}

.climate-timeline__item.is-visible .climate-timeline__node {
    transform: scale(1);
    opacity: 1;
}

.climate-timeline__item:hover .climate-timeline__node {
    transform: scale(1.12);
    background: var(--sambhavam-teal);
    color: #ffffff;
    box-shadow:
        0 0 0 7px rgba(1, 109, 119, 0.15),
        0 8px 22px rgba(1, 109, 119, 0.28);
}

.climate-timeline__card {
    height: calc(100% - 74px);
    min-height: 190px;
    padding: 24px 20px;
    border: 1px solid var(--ed-color-border-1);
    border-radius: 16px;
    background: #ffffff;
    text-align: left;
    box-shadow: 0 6px 22px rgba(3, 72, 97, 0.04);
    transition:
        transform 0.35s cubic-bezier(0.16, 1, 0.3, 1),
        border-color 0.35s ease,
        box-shadow 0.35s ease;
}

.climate-timeline__item:hover .climate-timeline__card {
    transform: translateY(-6px);
    border-color: rgba(1, 109, 119, 0.35);
    box-shadow: 0 16px 36px rgba(3, 72, 97, 0.1);
}

.climate-timeline__phase {
    display: inline-block;
    margin-bottom: 8px;
    color: var(--sambhavam-gold);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.climate-timeline__card h3 {
    margin: 0 0 8px;
    color: var(--ed-color-heading-primary);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.35;
}

.climate-timeline__card p {
    margin: 0;
    font-size: 13.5px;
    line-height: 1.65;
    color: var(--ed-color-text-body);
}

/* CTA */
.climate-cta-wrap {
    padding: 72px 0 90px;
    background: #fff;
}
.climate-cta {
    position: relative;
    min-height: 370px;
    display: grid;
    place-items: center;
    overflow: hidden;
    padding: 58px 30px;
    border-radius: 22px;
    background: var(--sambhavam-blue);
    box-shadow: 0 20px 48px rgb(3 72 97 / 17%);
    isolation: isolate;
}
.climate-cta > img {
    position: absolute;
    z-index: -2;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 52%;
    transition: transform 1s ease;
}
.climate-cta:hover > img {
    transform: scale(1.025);
}
.climate-cta__overlay {
    position: absolute;
    z-index: -1;
    inset: 0;
    background: linear-gradient(105deg, rgb(3 52 68 / 93%), rgb(1 89 94 / 84%));
}
.climate-cta__content {
    max-width: 760px;
    text-align: center;
}
.climate-cta__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    color: #f0d28d;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
.climate-cta__content h2 {
    margin: 0 auto 15px;
    color: #fff;
    font-size: clamp(28px, 3.5vw, 42px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
}
.climate-cta__content > p {
    max-width: 690px;
    margin: 0 auto 26px;
    color: rgb(255 255 255 / 87%);
    font-size: 15px;
    line-height: 1.75;
}
.climate-cta__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}
.climate-button {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 12px 23px;
    border: 1px solid transparent;
    border-radius: 99px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        background 0.22s ease,
        color 0.22s ease,
        border-color 0.22s ease;
}
.climate-button:hover {
    transform: translateY(-2px);
}
.climate-button--primary {
    border-color: var(--sambhavam-gold);
    background: var(--sambhavam-gold);
    color: #193b45;
    box-shadow: 0 7px 18px rgb(0 0 0 / 12%);
}
.climate-button--primary:hover {
    border-color: #f3d88f;
    background: #f3d88f;
    color: #193b45;
    box-shadow: 0 10px 22px rgb(0 0 0 / 18%);
}
.climate-button--outline {
    border-color: rgb(255 255 255 / 66%);
    background: rgb(255 255 255 / 7%);
    color: #fff;
}
.climate-button--outline:hover {
    border-color: #fff;
    background: #fff;
    color: var(--sambhavam-blue);
}

/* Animations */
.climate-page [data-climate-reveal] {
    opacity: 0;
    transform: translateY(22px);
    transition:
        opacity 0.65s cubic-bezier(0.2, 0.7, 0.2, 1),
        transform 0.65s cubic-bezier(0.2, 0.7, 0.2, 1);
    transition-delay: var(--climate-delay, 0ms);
}
.climate-page [data-climate-reveal].is-visible {
    opacity: 1;
    transform: translateY(0);
}
@keyframes climate-hero-drift {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.045);
    }
}

/* Responsive */
@media (max-width: 1199px) {
    .climate-audience-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .climate-timeline__grid {
        gap: 14px;
    }
    .climate-timeline__card {
        padding: 20px 15px;
    }
}
@media (max-width: 991px) {
    .climate-hero {
        min-height: 380px;
        padding: 100px 0 70px;
    }
    .climate-intro__layout {
        grid-template-columns: 1fr 1fr;
        gap: 28px;
    }
    .climate-intro__media {
        min-height: 320px;
    }
    .climate-intro__copy {
        max-width: none;
    }
    /* Focus table: hide pillar image, collapse padding */
    .focus-award-preview {
        display: none;
    }
    .focus-awards-table th:nth-child(2),
    .focus-awards-table td:nth-child(2) {
        padding-right: 12px;
    }
    .focus-awards-intro {
        grid-template-columns: 1fr;
        gap: 1rem;
        margin-bottom: 2rem;
    }
    /* Timeline */
    .climate-timeline__track {
        display: none;
    }
    .climate-timeline__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px 18px;
    }
    .climate-timeline__card {
        min-height: 0;
    }
    .climate-timeline__node {
        margin-bottom: 14px;
    }
}
@media (max-width: 767px) {
    .climate-hero {
        min-height: 340px;
        padding: 88px 0 60px;
    }
    .climate-hero h1 {
        font-size: 28px;
    }
    .climate-section {
        padding: clamp(48px, 8vw, 72px) 0;
    }
    .climate-section-head {
        margin-bottom: 28px;
    }
    .climate-section-head h2 {
        font-size: clamp(24px, 6vw, 32px);
    }
    /* Intro */
    .climate-intro__layout {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .climate-intro__media {
        min-height: min(62vw, 360px);
        border-radius: 16px;
    }
    .climate-intro__copy {
        max-width: none;
    }
    .climate-intro__copy .climate-intro__lead {
        font-size: 16px;
    }
    /* Focus table */
    .climate-focus-awards-section {
        padding: 3rem 0;
    }
    .focus-awards-heading h2 {
        font-size: clamp(1.75rem, 7vw, 2.2rem);
    }
    .focus-awards-summary {
        font-size: 0.95rem;
    }
    .focus-awards-table {
        font-size: 0.9rem;
    }
    .focus-awards-table th,
    .focus-awards-table td {
        padding: 1rem 0.5rem 1rem 0;
    }
    .focus-awards-table th:first-child,
    .focus-awards-table td:first-child {
        width: 42%;
    }
    .focus-awards-table th:nth-child(2),
    .focus-awards-table td:nth-child(2) {
        width: 58%;
        padding-right: 0;
    }
    .focus-row-title {
        font-size: 0.95rem;
    }
    .focus-row-desc {
        font-size: 0.83rem;
    }
    /* Stats */
    .climate-stats__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .climate-stat-card {
        padding: 20px 10px;
    }
    .climate-stat-card + .climate-stat-card {
        border-left: none;
    }
    .climate-stat-card:nth-child(even) {
        border-left: 1px solid var(--ed-color-border-1);
    }
    .climate-stat-card:nth-child(n + 3) {
        border-top: 1px solid var(--ed-color-border-1);
    }
    /* CTA */
    .climate-cta-wrap {
        padding: 48px 0 60px;
    }
    .climate-cta {
        min-height: 0;
        padding: 44px 20px;
        border-radius: 18px;
    }
    .climate-cta__content h2 {
        font-size: clamp(24px, 6vw, 36px);
    }
    .climate-cta__actions {
        flex-direction: column;
        align-items: center;
    }
    .climate-button {
        width: 100%;
        max-width: 320px;
    }
}
@media (max-width: 575px) {
    /* Hero */
    .climate-hero {
        min-height: 310px;
        padding: 80px 0 55px;
    }
    .climate-hero__container {
        padding-bottom: 16px;
    }
    .climate-hero h1 {
        font-size: 24px;
        line-height: 1.3;
    }
    .climate-breadcrumb {
        font-size: 12px;
        padding: 6px 14px;
        gap: 7px;
    }
    /* Intro */
    .climate-intro__media {
        min-height: 52vw;
        border-radius: 14px;
    }
    .climate-intro__badge {
        padding: 10px 13px;
        gap: 9px;
    }
    .climate-intro__badge-icon {
        width: 34px;
        height: 34px;
        flex: 0 0 34px;
        font-size: 15px;
    }
    /* Focus table → block card list on small screens */
    .focus-awards-table,
    .focus-awards-table tbody,
    .focus-awards-table tr {
        display: block;
        width: 100%;
    }
    .focus-awards-table thead {
        display: none;
    }
    .focus-award-row {
        display: flex;
        flex-direction: column;
        gap: 4px;
        padding: 14px 0;
        border-bottom: 1px solid var(--ed-color-border-1);
    }
    .focus-awards-table th,
    .focus-awards-table td {
        display: block;
        width: 100% !important;
        padding: 0 !important;
        border: none;
    }
    .focus-row-title {
        font-size: 1rem;
        font-weight: 700;
        display: flex;
        align-items: center;
        gap: 8px;
    }
    .focus-row-title::before {
        content: '';
        display: inline-block;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: var(--sambhavam-teal);
        flex-shrink: 0;
        opacity: 0.5;
        transition: opacity 0.25s ease, transform 0.25s ease;
    }
    .focus-award-row.is-active .focus-row-title::before {
        opacity: 1;
        transform: scale(1.5);
        background: var(--sambhavam-gold);
    }
    .focus-row-desc {
        font-size: 0.88rem;
        padding-left: 14px;
    }
    /* Stats: 2 col stays, shrink text */
    .climate-stat-card__number {
        font-size: clamp(26px, 8vw, 36px);
    }
    .climate-stat-card h3 {
        font-size: 13px;
    }
    .climate-stat-card p {
        font-size: 11px;
    }
    /* Timeline vertical */
    .climate-timeline__grid {
        grid-template-columns: 1fr;
        gap: 16px;
        padding-left: 0;
    }
    .climate-timeline__item {
        position: relative;
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 12px;
        text-align: left;
    }
    .climate-timeline__item:not(:last-child)::after {
        position: absolute;
        top: 46px;
        bottom: -18px;
        left: 20px;
        width: 2px;
        background: #dce8e5;
        content: '';
    }
    .climate-timeline__node {
        width: 42px;
        height: 42px;
        margin: 2px 0 0;
        font-size: 12px;
        box-shadow:
            0 0 0 5px #f7faf9,
            0 4px 12px rgb(1 109 119 / 14%);
    }
    .climate-timeline__card {
        height: auto;
        min-height: 0;
        padding: 18px;
    }
    /* CTA */
    .climate-cta {
        padding: 40px 16px;
        border-radius: 16px;
    }
    .climate-cta__content h2 {
        font-size: 26px;
    }
    .climate-cta__content > p {
        font-size: 13.5px;
    }
}

/* ── Extra-small phones (≤ 430px) ── */
@media (max-width: 430px) {
    .climate-hero h1 {
        font-size: 22px;
    }
    .climate-section {
        padding: 44px 0;
    }
    .climate-section-head h2 {
        font-size: 22px;
    }
    .climate-eyebrow {
        font-size: 10px;
        padding: 5px 11px;
    }
    /* Stats: go full 1-column on tiny screens */
    .climate-stats__grid {
        grid-template-columns: 1fr 1fr;
    }
    .climate-stat-card {
        padding: 18px 8px;
    }
    /* CTA banner */
    .climate-cta__content h2 {
        font-size: 22px;
    }
    .climate-button {
        font-size: 13px;
        padding: 11px 18px;
    }
    /* Audience panels accordion */
    .climate-audience-panel {
        min-height: 72px;
        padding: 16px 18px;
    }
    .climate-audience-panel__icon {
        width: 40px;
        height: 40px;
        font-size: 17px;
    }
    .climate-audience-panel.is-active .climate-audience-panel__title {
        font-size: 16px;
    }
    .climate-audience-panel__desc {
        font-size: 13.5px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .climate-page *,
    .climate-page *::before,
    .climate-page *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
    .climate-page [data-climate-reveal] {
        opacity: 1;
        transform: none;
    }
    .climate-timeline__track span {
        transform: scaleX(1);
    }
}


/* =========================================================
   MOBILE SIDE MENU — CLEANUP (paste at end of main.css)
   ========================================================= */
@media (max-width: 992px) {

    /* ---- Panel + head ---- */
    .mobile-side-menu { padding: 22px 20px 30px !important; }

    .mobile-side-menu .side-menu-head {
        margin-bottom: 6px;
        padding-bottom: 16px;
        border-bottom: 1px solid #E2E6EC;
    }
    .mobile-side-menu .side-menu-head a img { max-width: 130px; }

    /* Close button: fa-xmark doesn't exist in FA4, draw an × instead */
    .mobile-side-menu .side-menu-head .mobile-side-menu-close {
        position: static !important;
        width: 36px; height: 36px;
        border-radius: 50%;
        border: 1px solid #E2E6EC;
        background: #fff;
        font-size: 0;
    }
    .mobile-side-menu .side-menu-head .mobile-side-menu-close i { display: none; }
    .mobile-side-menu .side-menu-head .mobile-side-menu-close::before {
        content: "\00d7";
        font-size: 24px;
        line-height: 1;
        color: #16243A;
    }

    .mobile-side-menu .side-menu-wrap { margin-bottom: 10px !important; }
    .mobile-side-menu .mean-bar .mean-nav { padding-top: 4px !important; }

    /* ---- Reset meanmenu defaults (widths/paddings causing the indent) ---- */
    .mobile-side-menu .mean-bar .mean-nav.mean-nav > ul li {
        position: relative;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }
    .mobile-side-menu .mean-bar .mean-nav.mean-nav > ul li a {
        display: block;
        float: none !important;
        width: auto !important;
        opacity: 1 !important;
        border: 0 !important;
        text-transform: none !important;
        line-height: 1.35 !important;
    }
    /* hide the desktop chevrons copied into menu text */
    .mobile-side-menu .mean-nav ul li a:not(.mean-expand) i { display: none !important; }

    /* ---- Level 1 ---- */
    .mobile-side-menu .mean-bar .mean-nav.mean-nav > ul > li {
        border-bottom: 1px solid #E2E6EC !important;
    }
    .mobile-side-menu .mean-bar .mean-nav.mean-nav > ul > li > a:not(.mean-expand) {
        padding: 14px 44px 14px 0 !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        color: #16243A !important;
    }

    /* ---- Level 2 ---- */
    .mobile-side-menu .mean-bar .mean-nav.mean-nav > ul li ul {
        margin: 0 0 12px 2px !important;
        padding: 0 0 0 14px !important;
        border-left: 2px solid rgba(1, 109, 119, 0.25);
    }
    .mobile-side-menu .mean-bar .mean-nav.mean-nav > ul li ul li a:not(.mean-expand) {
        padding: 10px 40px 10px 0 !important;
        font-size: 14.5px !important;
        font-weight: 500 !important;
        color: #34404f !important;
    }

    /* ---- Level 3 (e.g. Civil Services courses) ---- */
    .mobile-side-menu .mean-bar .mean-nav.mean-nav > ul li ul li ul {
        margin: 2px 0 8px 0 !important;
        padding-left: 12px !important;
        border-left-color: rgba(222, 182, 94, 0.6);
    }
    .mobile-side-menu .mean-bar .mean-nav.mean-nav > ul li ul li ul li a:not(.mean-expand) {
        padding: 8px 8px 8px 0 !important;
        font-size: 13.5px !important;
        font-weight: 400 !important;
        color: #5F6670 !important;
    }

    /* active / tap state */
    .mobile-side-menu .mean-nav ul li.active > a:not(.mean-expand),
    .mobile-side-menu .mean-nav ul li a:not(.mean-expand):active {
        color: #016d77 !important;
    }

    /* ---- Expand / collapse buttons (no icon font needed) ---- */
    .mobile-side-menu .mean-bar .mean-nav.mean-nav > ul li a.mean-expand {
        position: absolute !important;
        top: 10px !important;
        right: 0 !important;
        width: 30px !important;
        height: 30px !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        border-radius: 8px !important;
        background: rgba(1, 109, 119, 0.1) !important;
        color: #016d77 !important;
        font-size: 0 !important;          /* hides meanmenu's own text/icon */
    }
    .mobile-side-menu .mean-bar .mean-nav.mean-nav > ul li ul li a.mean-expand {
        top: 7px !important;
        width: 26px !important;
        height: 26px !important;
    }
    .mobile-side-menu .mean-bar .mean-nav.mean-nav > ul li a.mean-expand::before {
        content: "+" !important;
        display: block !important;
        font-family: inherit !important;
        font-size: 18px !important;
        font-weight: 600 !important;
        line-height: 1 !important;
    }
    .mobile-side-menu .mean-bar .mean-nav.mean-nav > ul li a.mean-expand::after {
        content: none !important;
        display: none !important;
    }
    .mobile-side-menu .mean-bar .mean-nav.mean-nav > ul li a.mean-expand.mean-clicked {
        background: #016d77 !important;
        color: #fff !important;
    }
    .mobile-side-menu .mean-bar .mean-nav.mean-nav > ul li a.mean-expand.mean-clicked::before {
        content: "\2212" !important;      /* proper minus sign */
    }

    /* ---- Contact info at bottom ---- */
    .mobile-side-menu .side-menu-list {
        margin: 20px 0 0 !important;
        padding-top: 20px;
        border-top: 1px solid #E2E6EC;
    }
    .mobile-side-menu .side-menu-list li {
        align-items: flex-start !important;
        font-size: 14px !important;
        line-height: 1.5;
        margin-bottom: 14px !important;
    }
    .mobile-side-menu .side-menu-list li i {
        flex-shrink: 0;
        width: 32px !important;
        height: 32px !important;
        line-height: 32px !important;
        margin-right: 12px !important;
        border-radius: 8px !important;
    }
    .mobile-side-menu .side-menu-list li span,
    .mobile-side-menu .side-menu-list li a {
        margin-left: 4px !important;
        font-size: 14px !important;
        word-break: break-word;
    }
}



/* =========================================================
   HOME PAGE — REDESIGNED SECTIONS (hm-*)
   Append to the END of main.css
   Palette: #034861 blue · #016d77 teal · #deb65e gold · #16243A ink
   ========================================================= */

/* ---------- Shared bits ---------- */
.hm-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px;
    border-radius: 50px;
    font-size: 13.5px;
    font-weight: 600;
    background: rgba(1, 109, 119, 0.1);
    color: #016d77;
    margin-bottom: 16px;
}
.hm-chip i { color: #deb65e; }
.hm-chip-light {
    background: rgba(255, 255, 255, 0.1);
    color: #000000;
    border: 1px solid rgb(0 0 0 / 22%);
}

.hm-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 13px 26px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.2;
    text-decoration: none;
    transition: background .3s ease, color .3s ease, transform .3s ease, box-shadow .3s ease;
}
.hm-btn i { font-size: 13px; transition: transform .3s ease; }
.hm-btn:hover i { transform: translateX(4px); }
.hm-btn:focus-visible { outline: 3px solid #deb65e; outline-offset: 3px; }

.hm-btn-primary {
    background: linear-gradient(135deg, #034861, #016d77);
    color: #fff !important;
    box-shadow: 0 8px 22px rgba(3, 72, 97, 0.25);
}
.hm-btn-primary:hover {
    background: linear-gradient(135deg, #deb65e, #c99a3e);
    color: #043148 !important;
    transform: translateY(-2px);
}
.hm-btn-ghost {
    border: 1.5px solid #034861;
    color: #034861 !important;
    background: transparent;
}
.hm-btn-ghost:hover { background: #034861; color: #fff !important; }

/* Fade masks for scrollable lists */
.hm-scroll-shell { position: relative; --hm-fade: #ffffff; }
.hm-scroll-shell::before,
.hm-scroll-shell::after {
    content: "";
    position: absolute;
    left: 0;
    right: 8px;
    height: 28px;
    pointer-events: none;
    z-index: 2;
    transition: opacity .25s ease;
}
.hm-scroll-shell::before { top: 0;    background: linear-gradient(var(--hm-fade), transparent); }
.hm-scroll-shell::after  { bottom: 0; background: linear-gradient(transparent, var(--hm-fade)); }
.hm-scroll-shell.at-top::before,
.hm-scroll-shell.at-bottom::after,
.hm-scroll-shell.no-scroll::before,
.hm-scroll-shell.no-scroll::after { opacity: 0; }

.hm-autoscroll {
    scrollbar-width: thin;
    scrollbar-color: #deb65e #e2e8f0;
    scroll-behavior: auto;
}
.hm-autoscroll::-webkit-scrollbar { width: 5px; }
.hm-autoscroll::-webkit-scrollbar-track { background: #e2e8f0; border-radius: 6px; }
.hm-autoscroll::-webkit-scrollbar-thumb { background: #deb65e; border-radius: 6px; }

/* =========================================================
   1. BRAND PROMISE + LEARNING JOURNEY
   ========================================================= */
.hm-promise {
    position: relative;
    overflow: hidden;
    padding: 100px 0 90px;
    /* background: linear-gradient(135deg, #032c3d 0%, #034861 55%, #016d77 100%); */
    color: #fff;
}
.hm-promise-grid {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
    background-size: 48px 48px;
    -webkit-mask-image: radial-gradient(ellipse at center, #000 30%, transparent 75%);
            mask-image: radial-gradient(ellipse at center, #000 30%, transparent 75%);
    pointer-events: none;
}
.hm-promise-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
    animation: hmOrb 14s ease-in-out infinite alternate;
}
.hm-orb-1 { width: 380px; height: 380px; background: #deb65e; top: -140px; left: -100px; opacity: .22; }
.hm-orb-2 { width: 460px; height: 460px; background: #01a3b0; bottom: -200px; right: -120px; opacity: .3; animation-delay: -6s; }
@keyframes hmOrb { to { transform: translate(60px, 40px) scale(1.15); } }

.hm-promise-head { max-width: 780px; margin: 0 auto 64px; }
.hm-promise-title {
    color: #000;
    font-size: 46px;
    font-weight: 800;
    line-height: 1.18;
    letter-spacing: -0.5px;
    margin-bottom: 18px;
}
.hm-shine {
    background: linear-gradient(90deg, #deb65e 0%, #0b8793 50%, #deb65e 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
            background-clip: text;
    color: transparent;
    animation: hmShine 4s linear infinite;
}
@keyframes hmShine { to { background-position: 200% center; } }
.hm-promise-head p {
    color: rgb(0 0 0 / 82%);
    font-size: 16.5px;
    line-height: 1.75;
    margin: 0;
}

/* Journey: 4 stages, a dashed rail and a travelling dot */
.hm-journey {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}
.hm-journey-line {
    position: absolute;
    top: 44px;
    left: 12.5%;
    right: 12.5%;
    height: 2px;
    background: repeating-linear-gradient(90deg, rgb(0 0 0 / 35%) 0 8px, transparent 8px 16px);
}
.hm-journey-dot {
    position: absolute;
    top: 44px;
    left: 12.5%;
    width: 14px;
    height: 14px;
    margin: -6px 0 0 -7px;
    border-radius: 50%;
    background: #deb65e;
    box-shadow: 0 0 0 6px rgba(222, 182, 94, 0.25), 0 0 18px #deb65e;
    z-index: 2;
    animation: hmDot 8s ease-in-out infinite;
}
@keyframes hmDot {
    0%   { left: 12.5%; opacity: 1; }
    25%  { left: 37.5%; }
    50%  { left: 62.5%; }
    75%  { left: 87.5%; opacity: 1; }
    92%  { left: 87.5%; opacity: 0; }
    100% { left: 12.5%; opacity: 0; }
}

.hm-stage { position: relative; text-align: center; padding: 0 10px; }
.hm-stage-icon {
    position: relative;
    z-index: 3;
    width: 88px;
    height: 88px;
    margin: 0 auto 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0a4c62;
    border: 1.5px solid rgba(255, 255, 255, 0.25);
    font-size: 30px;
    color: #fff;
    animation: hmStage 8s ease-in-out infinite;
    animation-delay: calc(var(--d) * 2s);
}
@keyframes hmStage {
    0%, 22% {
        background: #deb65e;
        color: #043148;
        border-color: #deb65e;
        box-shadow: 0 0 0 10px rgba(222, 182, 94, 0.18), 0 12px 30px rgba(0, 0, 0, 0.25);
        transform: scale(1.08);
    }
    30%, 100% {
        background: #0a4c62;
        color: #fff;
        border-color: rgba(255, 255, 255, 0.25);
        box-shadow: none;
        transform: scale(1);
    }
}
.hm-stage-num {
    position: absolute;
    top: -4px;
    right: -4px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #000;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hm-stage h3 { color: #000; font-size: 22px; font-weight: 700; margin-bottom: 8px; }
.hm-stage p  { color: rgb(0 0 0 / 75%); font-size: 14.5px; line-height: 1.6; margin: 0; }

.hm-promise-tagline {
    margin-top: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    font-weight: 600;
    font-size: 17px;
}
.hm-promise-tagline span {
    padding: 10px 22px;
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgb(232 160 39);
    color: #e8a027;
}
.hm-promise-tagline i { color: #deb65e; font-size: 20px; animation: hmNudge 1.6s ease-in-out infinite; }
@keyframes hmNudge { 50% { transform: translateX(6px); } }


/* =========================================================
   2. STREAM SELECTOR
   ========================================================= */
.hm-stream { padding: 100px 0; background: #f4f8f9; }

.hm-stream-intro h2 {
    font-size: 36px;
    font-weight: 800;
    color: #16243A;
    line-height: 1.25;
    margin-bottom: 12px;
}
.hm-stream-intro p { color: #5F6670; margin-bottom: 26px; max-width: 460px; }

.hm-stream-tabs { display: flex; flex-direction: column; gap: 10px; }
.hm-stream-tab {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    text-align: left;
    padding: 12px 16px;
    border-radius: 14px;
    background: #fff;
    border: 1.5px solid #e3e9ee !important;
    cursor: pointer;
    transition: background .3s ease, border-color .3s ease, transform .3s ease, box-shadow .3s ease;
}
.hm-stream-tab:hover { border-color: rgba(1, 109, 119, 0.4) !important; transform: translateX(4px); }
.hm-stream-tab:focus-visible { outline: 3px solid #deb65e !important; outline-offset: 2px; }

.hm-stream-tab-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(1, 109, 119, 0.1);
    color: #016d77;
    font-size: 18px;
    flex-shrink: 0;
    transition: all .3s ease;
}
.hm-stream-tab-text { flex: 1; display: flex; flex-direction: column; line-height: 1.3; }
.hm-stream-tab-text b { font-size: 15px; color: #16243A; font-weight: 700; }
.hm-stream-tab-text small { font-size: 12.5px; color: #7a8591; }
.hm-stream-tab-arrow { color: #b3bdc6; font-size: 20px; transition: color .3s ease; }

.hm-stream-tab.active {
    background: linear-gradient(135deg, #034861, #016d77);
    border-color: transparent !important;
    box-shadow: 0 12px 26px rgba(3, 72, 97, 0.25);
    transform: translateX(8px);
}
.hm-stream-tab.active .hm-stream-tab-icon { background: rgba(255, 255, 255, 0.15); color: #deb65e; }
.hm-stream-tab.active b { color: #fff; }
.hm-stream-tab.active small { color: rgba(255, 255, 255, 0.75); }
.hm-stream-tab.active .hm-stream-tab-arrow { color: #deb65e; }

.hm-stream-panel-wrap {
    position: relative;
    height: 100%;
    min-height: 460px;
    border-radius: 24px;
    background: #fff;
    border: 1px solid #e3e9ee;
    box-shadow: 0 20px 50px rgba(3, 72, 97, 0.1);
    overflow: hidden;
}
.hm-stream-panel-wrap::before {
    content: "";
    position: absolute;
    top: -120px;
    right: -120px;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(222, 182, 94, 0.25), transparent 70%);
    pointer-events: none;
}
.hm-stream-panel { display: none; flex-direction: column; height: 100%; padding: 32px; position: relative; }
.hm-stream-panel.active { display: flex; animation: hmPanelIn .45s ease; }
@keyframes hmPanelIn { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }

.hm-stream-panel-head {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-bottom: 20px;
    margin-bottom: 16px;
    border-bottom: 1px dashed #dde4ea;
}
.hm-stream-panel-icon {
    width: 58px;
    height: 58px;
    border-radius: 16px;
    background: linear-gradient(135deg, #034861, #016d77);
    color: #deb65e;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    flex-shrink: 0;
}
.hm-stream-panel-head small { display: block; font-size: 13px; font-weight: 600; color: #016d77; }
.hm-stream-panel-head h3 { margin: 2px 0 0; font-size: 22px; font-weight: 800; color: #16243A; line-height: 1.25; }
.hm-stream-count {
    margin-left: auto;
    padding: 6px 14px;
    border-radius: 50px;
    background: rgba(222, 182, 94, 0.18);
    color: #7a5b16;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}

.hm-stream-courses {
    list-style: none;
    margin: 0;
    padding: 0 6px 0 0;
    max-height: 290px;
    overflow-y: auto;
}
.hm-stream-courses li + li { margin-top: 8px; }
.hm-stream-courses a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 12px;
    background: #f7f9fb;
    color: #16243A;
    font-weight: 600;
    font-size: 14.5px;
    line-height: 1.4;
    transition: background .25s ease, box-shadow .25s ease, color .25s ease;
}
.hm-stream-courses a .fa-check-circle { color: #016d77; }
.hm-stream-courses a span { flex: 1; }
.hm-stream-courses a .fa-arrow-right { font-size: 12px; color: #b3bdc6; transition: transform .25s ease, color .25s ease; }
.hm-stream-courses a:hover { background: #fff; box-shadow: 0 6px 16px rgba(3, 72, 97, 0.1); color: #034861; }
.hm-stream-courses a:hover .fa-arrow-right { color: #deb65e; transform: translateX(4px); }

.hm-stream-panel > .hm-btn { margin-top: auto; align-self: flex-start; }
.hm-stream-panel .hm-scroll-shell { margin-bottom: 22px; }


/* =========================================================
   3. SAMBHAVAM ACADEMY
   ========================================================= */
.hm-academy { position: relative; overflow: hidden; padding: 110px 0; background: #fff; }
.hm-academy::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 46%;
    height: 100%;
    background: linear-gradient(135deg, rgba(1, 109, 119, 0.07), rgba(222, 182, 94, 0.1));
    border-radius: 0 0 140px 0;
    pointer-events: none;
}

.hm-academy-media { position: relative; max-width: 480px; margin: 0 auto; }
.hm-academy-ring {
    position: absolute;
    inset: -18px;
    border-radius: 38px;
    border: 2px dashed rgba(1, 109, 119, 0.3);
    animation: hmFloat 7s ease-in-out infinite;
}
.hm-academy-video {
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    aspect-ratio: 4 / 5;
    max-height: 600px;
    border: 6px solid #fff;
    box-shadow: 0 30px 60px rgba(3, 72, 97, 0.2);
    background: #dfe6ef;
}
.hm-academy-video video { width: 100%; height: 100%; object-fit: cover; display: block; }

.hm-academy-float {
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 18px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 14px 34px rgba(3, 72, 97, 0.16);
    animation: hmFloat 5s ease-in-out infinite;
}
.hm-academy-float b { display: block; font-size: 15px; color: #16243A; line-height: 1.2; }
.hm-academy-float small { font-size: 12px; color: #7a8591; }
.hm-academy-float > i {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: rgba(1, 109, 119, 0.1);
    color: #016d77;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
}
.hm-float-a { top: 40px; left: -40px; }
.hm-float-b { bottom: 50px; right: -30px; animation-delay: -2.5s; }

.hm-live-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #22c55e;
    flex-shrink: 0;
    animation: hmPulse 1.8s infinite;
}
@keyframes hmPulse {
    0%   { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.6); }
    70%  { box-shadow: 0 0 0 12px rgba(34, 197, 94, 0); }
    100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }
}
@keyframes hmFloat { 50% { transform: translateY(-10px); } }

.hm-academy-content h2 {
    position: relative;
    z-index: 0;
    font-size: 40px;
    font-weight: 800;
    line-height: 1.2;
    color: #16243A;
    margin-bottom: 18px;
}
.hm-academy-content h2 span { position: relative; color: #016d77; white-space: nowrap; }
.hm-academy-content h2 span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 100%;
    height: 10px;
    border-radius: 4px;
    background: rgba(222, 182, 94, 0.35);
    z-index: -1;
}
.hm-academy-content > p { color: #5F6670; font-size: 16px; line-height: 1.75; }
.hm-academy-content > p.hm-academy-lead {
    font-weight: 600;
    color: #034861;
    border-left: 3px solid #deb65e;
    padding-left: 16px;
}

.hm-academy-features {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin: 26px 0 32px;
}
.hm-academy-feature {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 14px;
    background: #f7f9fb;
    border: 1px solid #e8eef2;
}
.hm-academy-feature i {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: #fff;
    color: #016d77;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 4px 10px rgba(3, 72, 97, 0.08);
}
.hm-academy-feature span { font-weight: 600; font-size: 14.5px; color: #16243A; line-height: 1.3; }
.hm-academy-btns { display: flex; gap: 14px; flex-wrap: wrap; }


/* =========================================================
   4. PROGRAMME EXPLORER — glitch fixes + polish
   ========================================================= */


/* Give the card hover-lift room so Swiper doesn't clip it */
.scc-carousel.swiper { padding: 14px 8px 26px; margin: -14px -8px 0; }
.scc-carousel .swiper-slide { height: auto; display: flex; }
.scc-carousel .sambhavam-course-card { width: 100%; }

.scc-body .hm-scroll-shell { --hm-fade: #f8fafc; margin-bottom: 16px; }
.scc-body .scc-scroll-container { margin-bottom: 0; }


/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width: 991px) {
    /* Promise */
    .hm-promise { padding: 80px 0 70px; }
    .hm-promise-title { font-size: 36px; }
    .hm-journey { grid-template-columns: repeat(2, 1fr); row-gap: 40px; }
    .hm-journey-line, .hm-journey-dot { display: none; }

    /* Stream: tabs become a swipeable row */
    .hm-stream { padding: 70px 0; }
    .hm-stream-intro h2 { font-size: 28px; }
    .hm-stream-tabs {
        flex-direction: row;
        overflow-x: auto;
        padding-bottom: 6px;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .hm-stream-tabs::-webkit-scrollbar { display: none; }
    .hm-stream-tab { flex: 0 0 auto; width: auto; max-width: 260px; scroll-snap-align: start; padding: 10px 14px; }
    .hm-stream-tab:hover, .hm-stream-tab.active { transform: none; }
    .hm-stream-tab-arrow { display: none; }
    .hm-stream-panel-wrap { min-height: 0; }
    .hm-stream-panel { padding: 24px 20px; }

    /* Academy */
    .hm-academy { padding: 70px 0; }
    .hm-academy::before { display: none; }
    .hm-academy-content h2 { font-size: 32px; }
    .hm-float-a { left: 0; }
    .hm-float-b { right: 0; }
}

@media (max-width: 575px) {
    .hm-promise-title { font-size: 28px; }
    .hm-promise-head { margin-bottom: 44px; }
    .hm-promise-head p { font-size: 15px; }
    .hm-journey { column-gap: 12px; }
    .hm-stage-icon { width: 70px; height: 70px; font-size: 24px; }
    .hm-stage h3 { font-size: 18px; }
    .hm-stage p { font-size: 13.5px; }
    .hm-promise-tagline { font-size: 15px; flex-direction: column; gap: 10px; }
    .hm-promise-tagline i { transform: rotate(90deg); animation: none; }

    .hm-stream-count { display: none; }
    .hm-stream-panel-head h3 { font-size: 19px; }
    .hm-stream-courses { max-height: 320px; }

    .hm-academy-video { aspect-ratio: 4 / 4.4; }
    .hm-academy-float { padding: 9px 12px; }
    .hm-academy-float > i { width: 34px; height: 34px; font-size: 15px; }
    .hm-academy-content h2 { font-size: 27px; }
    .hm-academy-content h2 span { white-space: normal; }
    .hm-academy-features { grid-template-columns: 1fr; }
    .hm-btn { width: 100%; }
    .hm-stream-panel > .hm-btn { align-self: stretch; }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
    .hm-promise-orb,
    .hm-shine,
    .hm-journey-dot,
    .hm-stage-icon,
    .hm-promise-tagline i,
    .hm-academy-ring,
    .hm-academy-float,
    .hm-live-dot,
    .hm-stream-panel.active { animation: none !important; }
    .hm-journey-dot { display: none; }
}


/* Founder no longer needs extra space for its own curve */
.founder-section { padding-bottom: 60px !important; }

/* U-shaped curves on the brand promise section */
.hm-promise { padding-top: 180px; padding-bottom: 180px; }

.hm-curve {
    position: absolute;
    left: 0;
    width: 100%;
    line-height: 0;
    z-index: 1;
    pointer-events: none;
}
.hm-curve svg { display: block; width: 100%; height: 90px; }

/* Top: founder colour flows down into the dark section */
.hm-curve-top { top: -1px; }
.hm-curve-top path { fill: #eff6f7; }

/* Bottom: same U shape, flowing into the stream section */
.hm-curve-bottom { bottom: -1px; }
.hm-curve-bottom path { fill: #f4f8f9; }

@media (max-width: 991px) {
    .hm-promise { padding-top: 120px; padding-bottom: 120px; }
    .hm-curve svg { height: 50px; }
}
@media (max-width: 575px) {
    .hm-promise { padding-top: 90px; padding-bottom: 90px; }
    .hm-curve svg { height: 34px; }
}


.hm-promise-media {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    animation: hmKenBurns 24s ease-in-out infinite alternate;
}
.hm-promise-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
/* Brand-tinted overlay keeps text readable */
.hm-promise-overlay {
    position: absolute;
    inset: 0;
}
.hm-promise-grid { opacity: 0.5; }

@keyframes hmKenBurns {
    from { transform: scale(1); }
    to   { transform: scale(1.08); }
}

/* Mobile: skip the video, show the photo (saves data) */
@media (max-width: 767px) {
    .hm-promise-video { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .hm-promise-video { display: none; }
    .hm-promise-media { animation: none; }
}


/* ==========================================================================
   Innovation, Livelihoods & Inclusive Empowerment - Stylesheet
   Fully responsive across Desktop (≥1200px), Laptop (992-1199px),
   Tablet (768-991px), Mobile (576-767px), and Extra Small (<576px/360px).
   ========================================================================== */

/* ── Base & Global Tokens ── */
.innovative-page {
    color: var(--ed-color-text-body);
    overflow-x: hidden;
}
.innovative-page *,
.innovative-page *::before,
.innovative-page *::after {
    box-sizing: border-box;
}
.innovative-page img {
    max-width: 100%;
    height: auto;
}
.innovative-page p {
    color: var(--ed-color-text-body);
}
.innovative-page a:focus-visible {
    outline: 3px solid var(--sambhavam-gold);
    outline-offset: 4px;
}
.innovative-section {
    padding: clamp(48px, 7vw, 96px) 0;
}
.innovative-section-head {
    max-width: 740px;
    margin: 0 auto 40px;
    text-align: center;
    padding: 0 15px;
}
.innovative-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    padding: 6px 14px;
    border: 1px solid rgb(1 109 119 / 14%);
    border-radius: 99px;
    background: rgb(1 109 119 / 6%);
    color: var(--sambhavam-teal);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
.innovative-section-head h2 {
    margin: 0 auto 14px;
    color: var(--ed-color-heading-primary);
    font-size: clamp(24px, 3.2vw, 38px);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.025em;
}
.innovative-section-head > p {
    max-width: 650px;
    margin: 0 auto;
    font-size: clamp(14.5px, 1.8vw, 16px);
    line-height: 1.7;
}

/* ── Hero Section ── */
.innovative-hero {
    position: relative;
    display: flex;
    min-height: 380px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    isolation: isolate;
    padding: clamp(90px, 9vw, 115px) 15px clamp(60px, 7vw, 75px);
    background: #03283a;
}
.innovative-page .innovative-hero__image,
.innovative-hero__image {
    position: absolute;
    z-index: -2;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center center;
    display: block;
}
.innovative-hero__overlay {
    position: absolute;
    z-index: -1;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(3, 40, 58, 0.12) 0%,
        rgba(3, 40, 58, 0.52) 100%
    );
    pointer-events: none;
}
.innovative-hero__container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}
.innovative-hero__content {
    max-width: 820px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
}
.innovative-hero h1 {
    margin: 0 0 16px;
    color: #fff;
    font-size: clamp(24px, 4.2vw, 42px);
    font-weight: 700;
    line-height: 1.22;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
}
.innovative-hero h1 span {
    color: #fff;
}
.innovative-breadcrumb {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px 10px;
    background: rgba(0, 0, 0, 0.36);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border: 1px solid rgba(255, 255, 255, 0.18);
    padding: 7px 20px;
    border-radius: 50px;
    font-size: clamp(12px, 2.5vw, 14px);
    margin-top: 6px;
    max-width: 100%;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}
.innovative-breadcrumb a {
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    transition: color 0.3s ease;
}
.innovative-breadcrumb a:hover {
    color: #fff;
}
.innovative-breadcrumb span[aria-hidden] {
    color: rgba(255, 255, 255, 0.45);
}
.innovative-breadcrumb [aria-current] {
    color: var(--sambhavam-gold);
    font-weight: 600;
}
.innovative-hero__ornament {
    display: none;
}

/* ── Intro Section ── */
.innovative-intro {
    background: #fff;
}
.innovative-intro__layout {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    align-items: center;
    gap: clamp(32px, 5vw, 70px);
}
.innovative-intro__media {
    position: relative;
    min-height: 410px;
    margin: 0;
    overflow: hidden;
    border-radius: 22px;
    background: #eaf1ee;
    box-shadow: 0 20px 55px rgb(3 72 97 / 13%);
}
.innovative-intro__media::after {
    position: absolute;
    inset: 40% 0 0;
    background: linear-gradient(transparent, rgb(3 40 49 / 35%));
    content: "";
    pointer-events: none;
}
.innovative-page .innovative-intro__media img,
.innovative-intro__media img {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    transition: transform 0.65s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.innovative-intro__media:hover img {
    transform: scale(1.035);
}
.innovative-intro__badge {
    position: absolute;
    z-index: 1;
    bottom: 20px;
    left: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: calc(100% - 40px);
    padding: 12px 16px;
    border: 1px solid rgb(255 255 255 / 28%);
    border-radius: 14px;
    background: rgb(3 72 97 / 92%);
    color: #fff;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
.innovative-intro__badge-icon {
    display: grid;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    place-items: center;
    border-radius: 50%;
    background: rgb(255 255 255 / 14%);
    color: var(--sambhavam-gold);
    font-size: 17px;
}
.innovative-intro__badge strong {
    display: block;
    font-size: 13.5px;
    line-height: 1.3;
}
.innovative-intro__badge small {
    display: block;
    margin-top: 2px;
    color: rgb(255 255 255 / 78%);
    font-size: 11px;
}
.innovative-intro__copy {
    max-width: 560px;
}
.innovative-intro__copy p {
    font-size: clamp(14.5px, 1.8vw, 16px);
    line-height: 1.8;
}
.innovative-intro__copy .innovative-intro__lead {
    margin: 0 0 18px;
    padding-left: 20px;
    border-left: 3px solid var(--sambhavam-teal);
    color: var(--ed-color-heading-primary);
    font-size: clamp(16px, 2vw, 18px);
    font-weight: 600;
    line-height: 1.7;
}
.innovative-intro__copy > p:not(.innovative-intro__lead) {
    margin-bottom: 22px;
}
.innovative-intro__note {
    display: flex;
    align-items: center;
    gap: 11px;
    padding-top: 18px;
    border-top: 1px solid var(--ed-color-border-1);
    color: var(--sambhavam-teal);
    font-size: 14px;
    font-weight: 600;
}
.innovative-intro__note i {
    color: var(--sambhavam-gold);
    font-size: 18px;
}

/* ── Focus Spotlight (Desktop ≥992px) ── */
.focus-spotlight {
    display: none;
    align-items: stretch;
    min-height: 540px;
    background: #ffffff;
    border-radius: 20px;
    border: 1px solid var(--ed-color-border-1);
    box-shadow: 0 16px 48px rgb(3 72 97 / 8%);
    overflow: hidden;
}
.focus-spotlight__list {
    width: 36%;
    flex: 0 0 36%;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border-right: 1px solid var(--ed-color-border-1);
}
.focus-spotlight__tab {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    padding: 18px 20px 18px 24px;
    border: none;
    border-bottom: 1px solid var(--ed-color-border-1);
    background: transparent;
    text-align: left;
    cursor: pointer;
    outline: none;
    transition: background 0.25s ease;
    overflow: hidden;
}
.focus-spotlight__tab::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: var(--sambhavam-teal);
    transform: scaleY(0);
    transform-origin: center;
    transition: transform 0.25s ease-out;
    border-radius: 0 3px 3px 0;
}
.focus-spotlight__tab:hover,
.focus-spotlight__tab.is-active {
    background: rgb(1 109 119 / 4%);
}
.focus-spotlight__tab:hover::before,
.focus-spotlight__tab.is-active::before {
    transform: scaleY(1);
}
.focus-spotlight__tab:focus-visible {
    outline: 3px solid var(--sambhavam-teal);
    outline-offset: -3px;
    z-index: 1;
}
.focus-spotlight__tab-num {
    font-size: 20px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.03em;
    color: var(--ed-color-border-1);
    flex: 0 0 30px;
    transition: color 0.25s ease;
}
.focus-spotlight__tab.is-active .focus-spotlight__tab-num,
.focus-spotlight__tab:hover .focus-spotlight__tab-num {
    color: var(--sambhavam-teal);
    opacity: 0.5;
}
.focus-spotlight__tab-icon {
    display: grid;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    place-items: center;
    border-radius: 10px;
    background: rgb(1 109 119 / 8%);
    color: var(--sambhavam-teal);
    font-size: 15px;
    border: 1px solid rgb(1 109 119 / 14%);
    transition: background 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
}
.focus-spotlight__tab.is-active .focus-spotlight__tab-icon {
    background: var(--sambhavam-teal);
    color: #fff;
    box-shadow: 0 4px 12px rgb(1 109 119 / 25%);
}
.focus-spotlight__tab-title {
    font-size: 14.5px;
    font-weight: 600;
    line-height: 1.35;
    color: var(--ed-color-text-body);
    transition: color 0.25s ease;
    flex: 1 1 auto;
}
.focus-spotlight__tab.is-active .focus-spotlight__tab-title {
    color: var(--ed-color-heading-primary);
    font-weight: 700;
}
.focus-spotlight__tab-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--sambhavam-teal), var(--sambhavam-gold));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.32s ease-out;
}
.focus-spotlight__tab.is-active .focus-spotlight__tab-bar {
    transform: scaleX(1);
}
.focus-spotlight__footer {
    margin-top: auto;
    padding: 18px 22px;
    background: linear-gradient(135deg, rgb(1 109 119 / 5%) 0%, rgb(222 182 94 / 8%) 100%);
    border-top: 1px solid var(--ed-color-border-1);
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.focus-spotlight__footer-inner {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
.focus-spotlight__footer-icon {
    display: grid;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    place-items: center;
    border-radius: 8px;
    background: var(--sambhavam-teal);
    color: #fff;
    font-size: 14px;
}
.focus-spotlight__footer-title {
    margin: 0 0 3px;
    font-size: 13.5px;
    font-weight: 700;
    color: var(--ed-color-heading-primary);
    line-height: 1.3;
}
.focus-spotlight__footer-desc {
    margin: 0;
    font-size: 12px;
    line-height: 1.5;
    color: var(--ed-color-text-body);
}
.focus-spotlight__footer-btn {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 13px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid rgb(1 109 119 / 20%);
    color: var(--sambhavam-teal);
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.25s ease;
}
.focus-spotlight__footer-btn:hover {
    background: var(--sambhavam-teal);
    color: #fff;
    border-color: var(--sambhavam-teal);
    box-shadow: 0 4px 12px rgb(1 109 119 / 20%);
}
.focus-spotlight__footer-btn i {
    font-size: 11px;
    transition: transform 0.2s ease;
}
.focus-spotlight__footer-btn:hover i {
    transform: translateX(3px);
}
.focus-spotlight__pane {
    flex: 1 1 64%;
    position: relative;
    overflow: hidden;
    min-height: 540px;
    background: #03283a;
}
.focus-spotlight__figure {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.innovative-page .focus-spotlight__img,
.focus-spotlight__img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center;
    display: block;
    transition: opacity 0.3s ease-out, transform 0.45s ease-out;
}
.focus-spotlight__img.is-switching {
    opacity: 0.2;
    transform: scale(1.02);
}
.focus-spotlight__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgb(3 40 58 / 92%) 0%,
        rgb(3 40 58 / 55%) 42%,
        transparent 75%
    );
    pointer-events: none;
}
.focus-spotlight__caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: clamp(24px, 3.5vw, 36px);
    color: #fff;
    transition: opacity 0.28s ease-out, transform 0.28s ease-out;
}
.focus-spotlight__caption.is-switching {
    opacity: 0;
    transform: translateY(10px);
}
.focus-spotlight__caption-num {
    display: block;
    font-size: clamp(52px, 6vw, 76px);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.05em;
    color: rgb(255 255 255 / 14%);
    margin-bottom: -14px;
    pointer-events: none;
    user-select: none;
}
.innovative-page .focus-spotlight__caption-title,
.focus-spotlight__caption-title {
    margin: 0 0 8px;
    font-size: clamp(20px, 2.2vw, 26px);
    font-weight: 700;
    line-height: 1.25;
    color: #ffffff !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
}
.innovative-page .focus-spotlight__caption p,
.innovative-page .focus-spotlight__caption-desc,
.focus-spotlight__caption-desc {
    margin: 0;
    font-size: clamp(13.5px, 1.6vw, 15px);
    line-height: 1.65;
    color: #ffffff !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
    max-width: 540px;
}

/* ── Focus Mobile Stack (<992px) ── */
.focus-mobile-stack {
    display: none;
    gap: 20px;
}
.focus-mobile-block {
    background: #ffffff;
    border: 1px solid var(--ed-color-border-1);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgb(3 72 97 / 6%);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
}
.focus-mobile-block:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 32px rgb(3 72 97 / 10%);
    border-color: rgb(1 109 119 / 24%);
}
.focus-mobile-block__figure {
    position: relative;
    margin: 0;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #f8fafc;
}
.innovative-page .focus-mobile-block__figure img,
.focus-mobile-block__figure img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    display: block;
}
.focus-mobile-block__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgb(3 40 58 / 70%) 0%, transparent 60%);
    pointer-events: none;
}
.focus-mobile-block__num {
    position: absolute;
    bottom: 12px;
    left: 16px;
    font-size: 36px;
    font-weight: 900;
    line-height: 1;
    color: rgb(255 255 255 / 90%);
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
}
.focus-mobile-block__body {
    padding: 20px 20px 22px;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}
.focus-mobile-block__icon {
    display: inline-grid;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    place-items: center;
    border-radius: 10px;
    background: rgb(1 109 119 / 9%);
    color: var(--sambhavam-teal);
    font-size: 15px;
    border: 1px solid rgb(1 109 119 / 14%);
    margin-bottom: 12px;
}
.focus-mobile-block__title {
    margin: 0 0 8px;
    font-size: 17.5px;
    font-weight: 700;
    color: var(--ed-color-heading-primary);
    line-height: 1.32;
}
.focus-mobile-block__desc {
    margin: 0;
    font-size: 14px;
    line-height: 1.65;
    color: var(--ed-color-text-body);
}

/* Mobile Callout Card */
.focus-mobile-footer {
    background: linear-gradient(135deg, rgb(1 109 119 / 6%) 0%, rgb(222 182 94 / 10%) 100%);
    border: 1px solid rgb(1 109 119 / 18%);
    border-radius: 18px;
    padding: 22px 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    box-shadow: 0 8px 24px rgb(3 72 97 / 4%);
}
.focus-mobile-footer__inner {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}
.focus-mobile-footer__icon {
    display: grid;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    place-items: center;
    border-radius: 10px;
    background: var(--sambhavam-teal);
    color: #fff;
    font-size: 17px;
    box-shadow: 0 4px 12px rgb(1 109 119 / 22%);
}
.focus-mobile-footer__title {
    margin: 0 0 4px;
    font-size: 16px;
    font-weight: 700;
    color: var(--ed-color-heading-primary);
    line-height: 1.3;
}
.focus-mobile-footer__desc {
    margin: 0;
    font-size: 13.5px;
    line-height: 1.55;
    color: var(--ed-color-text-body);
}
.focus-mobile-footer__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 11px 20px;
    border-radius: 10px;
    background: var(--sambhavam-teal);
    color: #fff;
    font-size: 13.5px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.25s ease;
    box-shadow: 0 4px 14px rgb(1 109 119 / 20%);
}
.focus-mobile-footer__btn:hover {
    background: var(--sambhavam-blue);
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgb(3 72 97 / 25%);
}
.focus-mobile-footer__btn i {
    font-size: 12px;
    transition: transform 0.2s ease;
}
.focus-mobile-footer__btn:hover i {
    transform: translateX(3px);
}

/* ── Statistics Section ── */
.innovative-stats {
    padding: clamp(32px, 5vw, 48px) 0;
    border-top: 1px solid var(--ed-color-border-1);
    border-bottom: 1px solid var(--ed-color-border-1);
    background: #fff;
    position: relative;
}
.innovative-stats__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.innovative-stat-card {
    position: relative;
    padding: 20px 16px 24px;
    text-align: center;
    border-radius: 16px;
    transition:
        transform 0.35s cubic-bezier(0.16, 1, 0.3, 1),
        background 0.3s ease,
        box-shadow 0.35s ease;
    cursor: default;
}
.innovative-stat-card + .innovative-stat-card {
    border-left: 1px solid var(--ed-color-border-1);
}
.innovative-stat-card:hover {
    transform: translateY(-5px);
    background: linear-gradient(180deg, #ffffff 0%, rgb(1 109 119 / 3%) 100%);
    box-shadow: 0 12px 32px rgb(3 72 97 / 6%);
}
.innovative-stat-card::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 44px;
    height: 3px;
    border-radius: 3px;
    background: linear-gradient(90deg, var(--sambhavam-teal), var(--sambhavam-gold));
    content: "";
    transform: translateX(-50%) scaleX(0);
    transform-origin: center;
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
.innovative-stat-card:hover::after {
    transform: translateX(-50%) scaleX(1);
}
.innovative-stat-card__icon {
    display: grid;
    width: 44px;
    height: 44px;
    margin: 0 auto 12px;
    place-items: center;
    border-radius: 50%;
    background: rgb(1 109 119 / 7%);
    color: var(--sambhavam-teal);
    font-size: 17px;
    border: 1px solid rgb(1 109 119 / 12%);
    transition:
        transform 0.35s cubic-bezier(0.16, 1, 0.3, 1),
        background 0.3s ease,
        color 0.3s ease,
        box-shadow 0.35s ease;
}
.innovative-stat-card:hover .innovative-stat-card__icon {
    transform: translateY(-3px) scale(1.08);
    background: var(--sambhavam-teal);
    color: #fff;
    box-shadow: 0 8px 22px rgb(1 109 119 / 28%);
}
.innovative-stat-card__number {
    display: block;
    color: var(--sambhavam-blue);
    font-size: clamp(28px, 3vw, 40px);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.03em;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    transition: color 0.3s ease;
}
.innovative-stat-card:hover .innovative-stat-card__number {
    color: var(--sambhavam-teal);
}
.innovative-stat-card h3 {
    margin: 8px 0 5px;
    color: var(--ed-color-heading-primary);
    font-size: clamp(14px, 1.6vw, 15.5px);
    font-weight: 700;
    line-height: 1.3;
}
.innovative-stat-card p {
    max-width: 220px;
    margin: 0 auto;
    font-size: 12px;
    line-height: 1.55;
    color: var(--ed-color-text-body);
}

/* ── Expanding Audience Panels (Builders, Earners & Changemakers) ── */
.innovative-audiences {
    background: #fff;
}
.innovative-audience-panels {
    display: flex;
    gap: 14px;
    height: 400px;
    width: 100%;
}
.innovative-audience-panel {
    position: relative;
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px 24px;
    background: #ffffff;
    border: 1px solid var(--ed-color-border-1);
    border-radius: 20px;
    cursor: pointer;
    text-align: left;
    outline: none;
    overflow: hidden;
    transition:
        flex-grow 0.6s cubic-bezier(0.2, 0.8, 0.2, 1),
        border-color 0.4s ease,
        background 0.4s ease,
        box-shadow 0.4s ease;
    will-change: flex-grow;
}
.innovative-audience-panel:hover,
.innovative-audience-panel:focus-visible {
    border-color: rgba(1, 109, 119, 0.35);
}
.innovative-audience-panel:focus-visible {
    box-shadow: 0 0 0 3px rgba(1, 109, 119, 0.25);
}
.innovative-audience-panel.is-active {
    flex-grow: 3.2;
    background: linear-gradient(
        135deg,
        rgba(1, 109, 119, 0.05) 0%,
        rgba(3, 72, 97, 0.02) 100%
    );
    border-color: var(--sambhavam-teal);
    box-shadow: 0 16px 36px rgba(3, 72, 97, 0.08);
}
.innovative-audience-panel__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    z-index: 2;
}
.innovative-audience-panel__num {
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.05em;
    color: #9cb0ba;
    transition: color 0.3s ease;
}
.innovative-audience-panel.is-active .innovative-audience-panel__num {
    color: var(--sambhavam-teal);
}
.innovative-audience-panel__icon {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(1, 109, 119, 0.08);
    color: var(--sambhavam-teal);
    font-size: 19px;
    border: 1px solid rgba(1, 109, 119, 0.14);
    transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.innovative-audience-panel.is-active .innovative-audience-panel__icon {
    background: var(--sambhavam-teal);
    color: #ffffff;
    border-color: var(--sambhavam-teal);
    transform: scale(1.06);
    box-shadow: 0 6px 18px rgba(1, 109, 119, 0.22);
}
.innovative-audience-panel__mobile-title,
.innovative-audience-panel__chevron {
    display: none;
}
.innovative-audience-panel__body {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
}
.innovative-audience-panel__title {
    margin: 0;
    color: var(--ed-color-heading-primary);
    font-weight: 700;
    white-space: nowrap;
    transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.innovative-audience-panel:not(.is-active) .innovative-audience-panel__title {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-size: 16.5px;
    letter-spacing: 0.02em;
    margin-top: auto;
    padding-left: 6px;
    color: var(--ed-color-heading-primary);
}
.innovative-audience-panel.is-active .innovative-audience-panel__title {
    writing-mode: horizontal-tb;
    transform: none;
    font-size: clamp(19px, 2.2vw, 22px);
    line-height: 1.3;
    white-space: normal;
    color: var(--ed-color-heading-primary);
}
.innovative-audience-panel__progress {
    width: 0;
    height: 3px;
    background: rgba(222, 182, 94, 0.25);
    border-radius: 3px;
    margin: 12px 0 14px;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.3s ease 0.25s, width 0.4s ease 0.25s;
}
.innovative-audience-panel.is-active .innovative-audience-panel__progress {
    width: 48px;
    opacity: 1;
}
.innovative-audience-panel__progress-bar {
    display: block;
    height: 100%;
    width: 0%;
    background: var(--sambhavam-gold);
    border-radius: 3px;
}
.innovative-audience-panel.is-active.is-animating-progress .innovative-audience-panel__progress-bar {
    width: 100%;
    transition: width 5s linear;
}
.innovative-audience-panel__desc-wrap {
    width: 340px;
    max-width: 340px;
    overflow: hidden;
}
.innovative-audience-panel__desc {
    margin: 0;
    color: var(--ed-color-text-body);
    font-size: 14.5px;
    line-height: 1.65;
    opacity: 0;
    transform: translateY(14px);
    transition: opacity 0.45s ease, transform 0.45s ease;
}
.innovative-audience-panel.is-active .innovative-audience-panel__desc {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.25s;
}
.innovative-audience-panel__watermark {
    position: absolute;
    bottom: -15px;
    right: -10px;
    font-size: 110px;
    color: var(--sambhavam-teal);
    opacity: 0;
    pointer-events: none;
    transform: scale(0.8) rotate(-10deg);
    transition: opacity 0.5s ease 0.2s, transform 0.5s ease 0.2s;
    z-index: 1;
}
.innovative-audience-panel.is-active .innovative-audience-panel__watermark {
    opacity: 0.08;
    transform: scale(1) rotate(0deg);
}

/* ── Timeline / Strategic Pathway ── */
.innovative-journey {
    border-top: 1px solid var(--ed-color-border-1);
    background: #f7faf9;
}
.innovative-timeline {
    position: relative;
    padding-top: 7px;
}
.innovative-timeline__track {
    position: absolute;
    top: 33px;
    right: 11%;
    left: 11%;
    height: 2px;
    overflow: hidden;
    background: #dce8e5;
}
.innovative-timeline__track span {
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, var(--sambhavam-blue), var(--sambhavam-teal), var(--sambhavam-gold));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 1.2s ease 0.2s;
}
.innovative-timeline.is-visible .innovative-timeline__track span {
    transform: scaleX(1);
}
.innovative-timeline__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.innovative-timeline__item {
    min-width: 0;
    text-align: center;
}
.innovative-timeline__node {
    position: relative;
    z-index: 1;
    display: grid;
    width: 54px;
    height: 54px;
    margin: 0 auto 20px;
    place-items: center;
    border: 3px solid var(--sambhavam-teal);
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 0 7px #f7faf9, 0 5px 16px rgb(1 109 119 / 14%);
    color: var(--sambhavam-teal);
    font-size: 14px;
    font-weight: 800;
    transition: color 0.25s ease, background 0.25s ease, transform 0.25s ease;
}
.innovative-timeline__item:hover .innovative-timeline__node {
    transform: scale(1.06);
    background: var(--sambhavam-teal);
    color: #fff;
}
.innovative-timeline__card {
    height: calc(100% - 74px);
    min-height: 190px;
    padding: 22px 18px;
    border: 1px solid var(--ed-color-border-1);
    border-radius: 15px;
    background: #fff;
    text-align: left;
    box-shadow: 0 6px 22px rgb(3 72 97 / 4%);
    transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease;
}
.innovative-timeline__item:hover .innovative-timeline__card {
    transform: translateY(-4px);
    border-color: rgb(1 109 119 / 26%);
    box-shadow: 0 14px 28px rgb(3 72 97 / 8%);
}
.innovative-timeline__phase {
    display: block;
    margin-bottom: 8px;
    color: #a67b22;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}
.innovative-timeline__card h3 {
    margin: 0 0 8px;
    color: var(--ed-color-heading-primary);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.35;
}
.innovative-timeline__card p {
    margin: 0;
    font-size: 13px;
    line-height: 1.65;
}

/* ── Closing CTA ── */
.innovative-cta-wrap {
    padding: clamp(54px, 7vw, 84px) 0 clamp(64px, 8vw, 96px);
    background: #fff;
}
.innovative-cta {
    position: relative;
    display: grid;
    min-height: 360px;
    place-items: center;
    overflow: hidden;
    padding: clamp(40px, 6vw, 60px) clamp(20px, 4vw, 36px);
    border-radius: 22px;
    background: var(--sambhavam-blue);
    box-shadow: 0 20px 48px rgb(3 72 97 / 17%);
    isolation: isolate;
}
.innovative-page .innovative-cta > img,
.innovative-cta > img {
    position: absolute;
    z-index: -2;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center 52%;
    transition: transform 1s ease;
}
.innovative-cta:hover > img {
    transform: scale(1.025);
}
.innovative-cta__overlay {
    position: absolute;
    z-index: -1;
    inset: 0;
    background: linear-gradient(105deg, rgb(3 52 68 / 93%), rgb(1 89 94 / 84%));
}
.innovative-cta__content {
    max-width: 760px;
    text-align: center;
}
.innovative-cta__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    color: #f0d28d;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
.innovative-cta__content h2 {
    margin: 0 auto 15px;
    color: #fff;
    font-size: clamp(24px, 3.5vw, 38px);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.02em;
}
.innovative-cta__content > p {
    max-width: 690px;
    margin: 0 auto 26px;
    color: rgb(255 255 255 / 88%);
    font-size: clamp(14px, 1.8vw, 15.5px);
    line-height: 1.75;
}
.innovative-cta__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}
.innovative-button {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 12px 24px;
    border: 1px solid transparent;
    border-radius: 99px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease, color 0.22s ease, border-color 0.22s ease;
}
.innovative-button:hover {
    transform: translateY(-2px);
}
.innovative-button--primary {
    border-color: var(--sambhavam-gold);
    background: var(--sambhavam-gold);
    color: #193b45;
    box-shadow: 0 7px 18px rgb(0 0 0 / 12%);
}
.innovative-button--primary:hover {
    border-color: #f3d88f;
    background: #f3d88f;
    color: #193b45;
    box-shadow: 0 10px 22px rgb(0 0 0 / 18%);
}
.innovative-button--outline {
    border-color: rgb(255 255 255 / 66%);
    background: rgb(255 255 255 / 7%);
    color: #fff;
}
.innovative-button--outline:hover {
    border-color: #fff;
    background: #fff;
    color: var(--sambhavam-blue);
}
.innovative-button:focus-visible {
    outline: 3px solid #fff;
    outline-offset: 4px;
}

/* ── Scroll Reveal Animations ── */
.innovative-page [data-innovative-reveal] {
    opacity: 0;
    transform: translateY(24px);
    transition:
        opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1),
        transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
}
.innovative-page [data-innovative-reveal].is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* ==========================================================================
   Responsive Breakpoints
   ========================================================================== */

/* ── Desktop Show / Hide Toggle ── */
@media (min-width: 992px) {
    .focus-spotlight {
        display: flex;
    }
    .focus-mobile-stack {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .focus-spotlight {
        display: none !important;
    }
    .focus-mobile-stack {
        display: grid;
    }
}

/* ── 1. Small Desktop & Laptop (max-width: 1199px) ── */
@media (max-width: 1199px) {
    .focus-spotlight__list {
        width: 40%;
        flex: 0 0 40%;
    }
    .focus-spotlight__pane {
        flex: 1 1 60%;
    }
    .innovative-timeline__grid {
        gap: 14px;
    }
    .innovative-timeline__card {
        padding: 18px 14px;
    }
}

/* ── 2. Tablets (768px - 991px) ── */
@media (max-width: 991px) {
    .innovative-hero {
        min-height: 330px;
        padding: 85px 15px 55px;
    }
    .innovative-hero h1 {
        font-size: clamp(24px, 4vw, 34px);
    }
    .innovative-intro__layout {
        grid-template-columns: 1fr;
        gap: 32px;
    }
    .innovative-intro__media {
        min-height: clamp(260px, 48vw, 380px);
    }
    .innovative-intro__copy {
        max-width: 100%;
    }
    
    /* Focus Mobile Stack - 2 column grid on tablets */
    .focus-mobile-stack {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }
    .focus-mobile-footer {
        grid-column: 1 / -1;
    }

    /* Stats 2x2 grid */
    .innovative-stats__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .innovative-stat-card + .innovative-stat-card {
        border-left: 0;
    }
    .innovative-stat-card:nth-child(even) {
        border-left: 1px solid var(--ed-color-border-1);
    }
    .innovative-stat-card:nth-child(n + 3) {
        border-top: 1px solid var(--ed-color-border-1);
    }

    /* Expanding Audience Panels Accordion for Tablet & Mobile */
    .innovative-audience-panels {
        flex-direction: column;
        height: auto;
        gap: 12px;
    }
    .innovative-audience-panel {
        flex: none;
        width: 100%;
        min-height: auto;
        padding: 18px 20px;
        border-radius: 16px;
    }
    .innovative-audience-panel__header {
        justify-content: flex-start;
        gap: 12px;
        margin-bottom: 0;
    }
    .innovative-audience-panel.is-active .innovative-audience-panel__header {
        margin-bottom: 12px;
    }
    .innovative-audience-panel__icon {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
    .innovative-audience-panel__mobile-title {
        display: block;
        margin: 0;
        font-size: clamp(15px, 2.4vw, 17px);
        font-weight: 700;
        color: var(--ed-color-heading-primary);
        line-height: 1.35;
        flex: 1 1 auto;
        text-align: left;
        transition: color 0.3s ease;
    }
    .innovative-audience-panel.is-active .innovative-audience-panel__mobile-title {
        color: var(--sambhavam-teal);
    }
    .innovative-audience-panel__chevron {
        display: grid;
        place-items: center;
        width: 30px;
        height: 30px;
        flex: 0 0 30px;
        border-radius: 50%;
        background: rgb(1 109 119 / 6%);
        color: var(--sambhavam-teal);
        font-size: 12px;
        transition: transform 0.35s ease, background 0.3s ease, color 0.3s ease;
    }
    .innovative-audience-panel.is-active .innovative-audience-panel__chevron {
        transform: rotate(180deg);
        background: var(--sambhavam-teal);
        color: #fff;
    }
    .innovative-audience-panel__title {
        display: none !important;
    }
    .innovative-audience-panel__body {
        display: grid;
        grid-template-rows: 0fr;
        transition: grid-template-rows 0.38s cubic-bezier(0.2, 0.8, 0.2, 1);
    }
    .innovative-audience-panel.is-active .innovative-audience-panel__body {
        grid-template-rows: 1fr;
    }
    .innovative-audience-panel__desc-wrap {
        width: 100%;
        max-width: 100%;
        min-height: 0;
    }
    .innovative-audience-panel:not(.is-active) .innovative-audience-panel__progress {
        display: none;
    }
    .innovative-audience-panel.is-active .innovative-audience-panel__progress {
        margin: 6px 0 10px;
        width: 44px;
    }
    .innovative-audience-panel__desc {
        font-size: 14px;
        line-height: 1.65;
        padding-top: 2px;
    }
    .innovative-audience-panel__watermark {
        display: none;
    }

    /* Timeline 2x2 grid */
    .innovative-timeline__track {
        display: none;
    }
    .innovative-timeline__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px 18px;
    }
    .innovative-timeline__card {
        min-height: auto;
    }
    .innovative-timeline__node {
        margin-bottom: 14px;
    }
}

/* ── 3. Mobile Landscape & Standard Phones (max-width: 767px) ── */
@media (max-width: 767px) {
    .innovative-hero {
        min-height: 290px;
        padding: 75px 15px 48px;
    }
    .innovative-hero h1 {
        font-size: clamp(22px, 5.2vw, 28px);
        margin-bottom: 12px;
    }
    .innovative-section-head {
        margin-bottom: 30px;
    }
    .innovative-intro__media {
        min-height: min(68vw, 360px);
    }
    
    /* Focus Stack switches to 1 column on mobile */
    .focus-mobile-stack {
        grid-template-columns: 1fr;
        gap: 18px;
    }
    
    /* Timeline Vertical List */
    .innovative-timeline__grid {
        grid-template-columns: 1fr;
        gap: 16px;
        padding-left: 4px;
    }
    .innovative-timeline__item {
        position: relative;
        display: grid;
        grid-template-columns: 46px minmax(0, 1fr);
        gap: 14px;
        text-align: left;
    }
    .innovative-timeline__node {
        width: 44px;
        height: 44px;
        margin: 2px 0 0;
        font-size: 13px;
        box-shadow: 0 0 0 5px #f7faf9, 0 4px 12px rgb(1 109 119 / 14%);
    }
    .innovative-timeline__item:not(:last-child)::after {
        position: absolute;
        top: 48px;
        bottom: -18px;
        left: 22px;
        width: 2px;
        background: #dce8e5;
        content: "";
    }
    .innovative-timeline__card {
        height: auto;
        min-height: auto;
        padding: 18px;
    }
}

/* ── 4. Small Mobile Phones (max-width: 575px) ── */
@media (max-width: 575px) {
    .innovative-hero {
        min-height: 260px;
        padding: 65px 12px 42px;
    }
    .innovative-hero h1 {
        font-size: 23px;
        line-height: 1.25;
    }
    .innovative-breadcrumb {
        font-size: 12px;
        padding: 6px 14px;
        gap: 6px 8px;
    }
    .innovative-intro__badge {
        bottom: 12px;
        left: 12px;
        max-width: calc(100% - 24px);
        padding: 10px 12px;
        gap: 10px;
    }
    .innovative-intro__badge-icon {
        width: 34px;
        height: 34px;
        flex: 0 0 34px;
        font-size: 14px;
    }
    .innovative-intro__badge strong {
        font-size: 12.5px;
    }
    .innovative-intro__badge small {
        font-size: 10px;
    }
    
    .innovative-stat-card {
        padding: 18px 8px;
    }
    .innovative-stat-card__icon {
        width: 38px;
        height: 38px;
        font-size: 15px;
        margin-bottom: 8px;
    }
    .innovative-stat-card h3 {
        font-size: 13.5px;
    }
    .innovative-stat-card p {
        font-size: 11px;
    }

    .innovative-cta__actions {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
    }
    .innovative-button {
        width: 100%;
    }
}

/* ── 5. Extra Small Mobile Phones (max-width: 440px) ── */
@media (max-width: 440px) {
    .innovative-stats__grid {
        grid-template-columns: 1fr;
    }
    .innovative-stat-card + .innovative-stat-card,
    .innovative-stat-card:nth-child(even) {
        border-left: 0;
    }
    .innovative-stat-card:nth-child(n + 2) {
        border-top: 1px solid var(--ed-color-border-1);
    }
    .innovative-stat-card {
        padding: 18px 12px;
    }
}

/* ── Reduced Motion ── */
@media (prefers-reduced-motion: reduce) {
    .innovative-page *,
    .innovative-page *::before,
    .innovative-page *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
    .innovative-page [data-innovative-reveal] {
        opacity: 1;
        transform: none;
    }
    .innovative-timeline__track span {
        transform: scaleX(1);
    }
    .focus-spotlight__img,
    .focus-spotlight__caption {
        transition: none;
    }
}

/* =========================================================
   STREAM SELECTOR — card grid (links to stream pages)
   ========================================================= */
.hm-streams { padding: 100px 0; background: #f4f8f9; }

.hm-streams-head { max-width: 640px; margin: 0 auto 48px; }
.hm-streams-head h2 {
    font-size: 38px;
    font-weight: 800;
    color: #16243A;
    line-height: 1.2;
    margin-bottom: 12px;
}
.hm-streams-head p { color: #5F6670; font-size: 16px; margin: 0; }

.hm-streams-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 22px;
}

@media(min-width: 1650px){
  .hm-streams-grid {
    grid-template-columns: repeat(auto-fill, minmax(385px, 1fr));
  }
}
.hm-stream-card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-height: 220px;
    padding: 26px 24px 22px;
    background: #fff;
    border: 1.5px solid #e3e9ee;
    border-radius: 20px;
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0 6px 20px rgba(3, 72, 97, 0.05);
    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.hm-stream-card:hover,
.hm-stream-card:focus-visible {
    transform: translateY(-6px);
    border-color: #016d77;
    box-shadow: 0 18px 38px rgba(3, 72, 97, 0.14);
}
.hm-stream-card:focus-visible { outline: 3px solid #deb65e; outline-offset: 3px; }

/* big faded icon in the corner */
.hm-stream-card-watermark {
    position: absolute;
    right: -14px;
    bottom: -18px;
    font-size: 120px;
    color: #016d77;
    opacity: 0.05;
    transition: opacity .3s ease, transform .4s ease;
    pointer-events: none;
}
.hm-stream-card:hover .hm-stream-card-watermark { opacity: 0.1; transform: rotate(-8deg) scale(1.05); }

.hm-stream-card-icon {
    width: 56px;
    height: 56px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(1, 109, 119, 0.1);
    color: #016d77;
    font-size: 22px;
    transition: background .3s ease, color .3s ease;
}
.hm-stream-card:hover .hm-stream-card-icon {
    background: linear-gradient(135deg, #034861, #016d77);
    color: #deb65e;
}

.hm-stream-card-body { display: flex; flex-direction: column; gap: 4px; flex: 1; }
.hm-stream-card-body small { font-size: 13px; font-weight: 600; color: #016d77; }
.hm-stream-card-body b { font-size: 18px; font-weight: 700; color: #16243A; line-height: 1.35; }

.hm-stream-card-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: 16px;
    border-top: 1px dashed #dde4ea;
    position: relative;
    z-index: 1;
}
.hm-stream-card-count {
    padding: 4px 12px;
    border-radius: 50px;
    background: rgba(222, 182, 94, 0.18);
    color: #7a5b16;
    font-size: 12.5px;
    font-weight: 700;
    white-space: nowrap;
}
.hm-stream-card-go {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 700;
    color: #034861;
    white-space: nowrap;
}
.hm-stream-card-go i { font-size: 12px; transition: transform .3s ease; }
.hm-stream-card:hover .hm-stream-card-go { color: #016d77; }
.hm-stream-card:hover .hm-stream-card-go i { transform: translateX(5px); }

@media (max-width: 991px) {
    .hm-streams { padding: 70px 0; }
    .hm-streams-head h2 { font-size: 30px; }
    .hm-streams-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
}
@media (max-width: 575px) {
    .hm-streams-head { margin-bottom: 32px; }
    .hm-streams-head h2 { font-size: 26px; }
    .hm-streams-grid { grid-template-columns: 1fr; }
    .hm-stream-card { min-height: 0; padding: 20px 18px 18px; }
    .hm-stream-card-body b { font-size: 16.5px; }
}
@media (prefers-reduced-motion: reduce) {
    .hm-stream-card, .hm-stream-card-watermark, .hm-stream-card-go i { transition: none; }
}


/* =========================================================
   WHY SAMBHAVAM — matching teal/gold panel (mirrors Academy)
   ========================================================= */
.why-academy-section { background: #fff !important; }

.why-sticky { position: sticky; }
.why-sticky::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 46%;
    height: 100%;
    background: linear-gradient(225deg, rgba(1, 109, 119, 0.07), rgba(222, 182, 94, 0.12));
    border-radius: 0 0 0 140px;
    pointer-events: none;
    z-index: 0;
}
.why-sticky > .container,
.why-scroll-hint { position: relative; z-index: 1; }
.why-scroll-hint { position: absolute; }

/* Tablet / mobile: section is no longer pinned */
@media (max-width: 991.98px), (prefers-reduced-motion: reduce) {
    .why-sticky { position: relative; }
    .why-sticky::before {
        width: 100%;
        height: 55%;
        top: auto;
        bottom: 0;
        border-radius: 140px 0 0 0;
    }
}


/* =========================================================
   STREAM SELECTOR — banner cards
   ========================================================= */
.hm-banner-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.hm-banner-card {
    position: relative;
    display: block;
    aspect-ratio: 16 / 9;
    border-radius: 20px;
    overflow: hidden;
    background: #034861;
    box-shadow: 0 12px 30px rgba(3, 72, 97, 0.14);
    transition: transform .35s ease, box-shadow .35s ease;
}
.hm-banner-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .7s cubic-bezier(.2,.7,.2,1);
}
.hm-banner-card:hover,
.hm-banner-card:focus-visible {
    transform: translateY(-6px);
    box-shadow: 0 22px 44px rgba(3, 72, 97, 0.24);
}
.hm-banner-card:hover img { transform: scale(1.05); }
.hm-banner-card:focus-visible { outline: 3px solid #deb65e; outline-offset: 4px; }

/* Course count from backend — sits in the empty top-right corner */
.hm-banner-count {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 14px;
    border-radius: 50px;
    background: #deb65e;
    color: #043148;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}
.hm-banner-count i { font-size: 12px; }

/* Explore button slides in on hover */
.hm-banner-go {
    position: absolute;
    right: 14px;
    bottom: 14px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 16px;
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.95);
    color: #034861;
    font-size: 13.5px;
    font-weight: 700;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity .3s ease, transform .3s ease;
}
.hm-banner-go i { font-size: 11px; transition: transform .3s ease; }
.hm-banner-card:hover .hm-banner-go,
.hm-banner-card:focus-visible .hm-banner-go { opacity: 1; transform: none; }
.hm-banner-card:hover .hm-banner-go i { transform: translateX(4px); }

@media (max-width: 991px) {
    .hm-banner-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
}
@media (max-width: 575px) {
    .hm-banner-grid { grid-template-columns: 1fr; }
    .hm-banner-count { top: 10px; right: 10px; padding: 6px 11px; font-size: 12px; }
    /* no hover on touch screens — keep the button always visible */
    .hm-banner-go { opacity: 1; transform: none; right: 10px; bottom: 10px; padding: 7px 13px; font-size: 12.5px; }
}
@media (hover: none) {
    .hm-banner-go { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
    .hm-banner-card, .hm-banner-card img, .hm-banner-go { transition: none; }
}


/* =========================================================
   STREAM BANNERS — inner shadow (matches hero slider)
   ========================================================= */
.hm-banner-card::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;                 /* above the image, below badge + button (z-index 2) */
    border-radius: inherit;
    pointer-events: none;       /* clicks still go to the link */
    box-shadow:
        inset 0 0 40px rgba(3, 44, 61, 0.28),
        inset 0 0 10px rgba(3, 44, 61, 0.18);
    transition: box-shadow .35s ease;
}

/* slightly deeper on hover */
.hm-banner-card:hover::after {
    box-shadow:
        inset 0 0 55px rgba(3, 44, 61, 0.36),
        inset 0 0 12px rgba(3, 44, 61, 0.22);
}


/* =========================================================
   PROGRAMME EXPLORER — clickable course rows
   ========================================================= */
.scc-checklist li.scc-course-item { padding: 0; }

.scc-course-item a {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    width: 100%;
    padding: 5px 6px;
    border-radius: 8px;
    color: #034861;
    font-weight: 700;
    text-decoration: none;
    transition: background .2s ease, color .2s ease;
}
.scc-course-item a span { flex: 1; }
.scc-course-arrow {
    margin-top: 3px;
    font-size: 14px;
    color: #b3bdc6;
    transition: transform .2s ease, color .2s ease;
}
.scc-course-item a:hover {
    background: rgba(1, 109, 119, 0.08);
    color: #016d77;
}
.scc-course-item a:hover .scc-course-arrow {
    color: #deb65e;
    transform: translateX(4px);
}


/* Programme Explorer — fit 4 cards on large screens */
@media (min-width: 1400px) {
    .scc-carousel-wrap { padding: 0 50px; }
    .scc-header { padding: 20px 14px 16px; }
    .scc-header-title { font-size: 16.5px; }
    .scc-body { padding: 16px 14px 14px; }
    .scc-checklist li,
    .scc-course-item a { font-size: 12.5px; }
}


.hero-banner-swiper .swiper-slide a {
    display:block;
}

.hero-banner-swiper img {
    width:100%;
    cursor:pointer;
}


/* =========================================================
   ABOUT PAGE — ANIMATED SECTIONS (ab-*)
   ========================================================= */

/* ---------- 1. Vision & Mission ---------- */
.ab-vm-stage {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 90px 1fr;
    align-items: stretch;
    padding: 60px 50px;
    border-radius: 28px;
    background: linear-gradient(135deg, #032c3d 0%, #034861 55%, #016d77 100%);
    overflow: hidden;
    isolation: isolate;
    box-shadow: 0 30px 60px rgba(3, 72, 97, 0.25);
}
.ab-vm-blob {
    position: absolute;
    border-radius: 50%;
    filter: blur(70px);
    z-index: -1;
    animation: abBlob 12s ease-in-out infinite alternate;
}
.ab-vm-blob-1 { width: 320px; height: 320px; background: #deb65e; opacity: .22; top: -120px; left: -80px; }
.ab-vm-blob-2 { width: 380px; height: 380px; background: #01a3b0; opacity: .3; bottom: -160px; right: -100px; animation-delay: -5s; }
@keyframes abBlob { to { transform: translate(50px, 30px) scale(1.15); } }

.ab-vm-side {
    padding: 10px 30px;
    opacity: 0;
    transition: opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1);
}
.ab-vm-vision  { transform: translateX(-40px); }
.ab-vm-mission { transform: translateX(40px); }
.ab-vm-stage.is-in .ab-vm-side { opacity: 1; transform: none; }
.ab-vm-stage.is-in .ab-vm-mission { transition-delay: .2s; }

.ab-vm-icon {
    position: relative;
    width: 74px;
    height: 74px;
    margin-bottom: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: #deb65e;
    font-size: 28px;
}
.ab-ring {
    position: absolute;
    inset: -10px;
    border-radius: 50%;
    border: 1.5px solid rgba(222, 182, 94, 0.5);
    animation: abRing 2.8s ease-out infinite;
}
.ab-ring-2 { animation-delay: 1.4s; }
@keyframes abRing {
    from { transform: scale(.8); opacity: .9; }
    to   { transform: scale(1.5); opacity: 0; }
}
.ab-vm-label {
    display: inline-block;
    margin-bottom: 10px;
    color: #deb65e;
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}
.ab-vm-side h3 { color: #fff; font-size: 26px; font-weight: 700; line-height: 1.3; margin-bottom: 14px; }
.ab-vm-side p  { color: rgba(255, 255, 255, 0.82); line-height: 1.75; margin: 0; }

.ab-vm-divider { position: relative; display: flex; align-items: center; justify-content: center; }
.ab-vm-divider::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 2px;
    margin-left: -1px;
    background: linear-gradient(transparent, rgba(255, 255, 255, 0.35), transparent);
}
.ab-vm-dot {
    position: absolute;
    top: 0;
    left: 50%;
    width: 10px;
    height: 10px;
    margin-left: -5px;
    border-radius: 50%;
    background: #deb65e;
    box-shadow: 0 0 14px #deb65e;
    animation: abDotY 4s ease-in-out infinite;
}
@keyframes abDotY {
    0%   { top: 0; opacity: 0; }
    15%  { opacity: 1; }
    85%  { opacity: 1; }
    100% { top: 100%; opacity: 0; }
}
.ab-vm-core {
    position: relative;
    z-index: 1;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #deb65e;
    color: #043148;
    font-size: 22px;
    box-shadow: 0 0 0 8px rgba(222, 182, 94, 0.15);
}
.ab-vm-core::after {
    content: "";
    position: absolute;
    inset: -14px;
    border-radius: 50%;
    border: 1.5px dashed rgba(255, 255, 255, 0.4);
    animation: abSpin 14s linear infinite;
}
@keyframes abSpin { to { transform: rotate(360deg); } }

/* ---------- 2. Our Purpose — bridges ---------- */
.ab-bridges {
    max-width: 860px;
    margin: 40px auto 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.ab-bridge {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(80px, 1.4fr) minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    padding: 10px 14px;
    border-radius: 16px;
    transition: background .3s ease;
}
.ab-bridge:hover { background: rgba(1, 109, 119, 0.05); }

.ab-bridge-from,
.ab-bridge-to {
    padding: 12px 18px;
    border-radius: 50px;
    background: #fff;
    border: 1.5px solid #e3e9ee;
    color: #16243A;
    font-size: 15.5px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
}
.ab-bridge-to {
    transition: background .5s ease, color .5s ease, border-color .5s ease, box-shadow .5s ease;
    transition-delay: calc(var(--i) * .15s + .9s);
}
.ab-bridge.is-in .ab-bridge-to {
    background: linear-gradient(135deg, #034861, #016d77);
    border-color: transparent;
    color: #fff;
    box-shadow: 0 10px 24px rgba(3, 72, 97, 0.22);
}

.ab-bridge-track {
    position: relative;
    height: 3px;
    border-radius: 3px;
    background: #e3e9ee;
}
.ab-bridge-fill {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(90deg, #016d77, #deb65e);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .8s cubic-bezier(.2,.7,.2,1);
    transition-delay: calc(var(--i) * .15s + .1s);
}
.ab-bridge.is-in .ab-bridge-fill { transform: scaleX(1); }

/* arrow head */
.ab-bridge-track::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -1px;
    width: 9px;
    height: 9px;
    border-top: 3px solid #deb65e;
    border-right: 3px solid #deb65e;
    transform: translateY(-50%) rotate(45deg);
    opacity: 0;
    transition: opacity .3s ease;
    transition-delay: calc(var(--i) * .15s + .8s);
}
.ab-bridge.is-in .ab-bridge-track::after { opacity: 1; }

.ab-bridge-spark {
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    border-radius: 50%;
    background: #deb65e;
    box-shadow: 0 0 12px #deb65e;
    opacity: 0;
}
.ab-bridge.is-in .ab-bridge-spark {
    animation: abSpark 2.6s ease-in-out infinite;
    animation-delay: calc(var(--i) * .3s + 1.2s);
}
@keyframes abSpark {
    0%   { left: 0; opacity: 0; }
    15%  { opacity: 1; }
    85%  { opacity: 1; }
    100% { left: calc(100% - 10px); opacity: 0; }
}

/* ---------- 3. What We Build — growth chart ---------- */
.ab-build { background: #f6f8fc; }
.ab-build-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 22px;
    align-items: start;
}
.ab-build-barwrap {
    height: 230px;
    display: flex;
    align-items: flex-end;
    padding: 0 14px;
}
.ab-build-bar {
    position: relative;
    width: 100%;
    height: calc(90px + var(--i) * 35px);
    border-radius: 16px 16px 0 0;
    background: linear-gradient(180deg, #016d77, #034861);
    overflow: hidden;
    transform: scaleY(0);
    transform-origin: bottom;
    transition: transform .9s cubic-bezier(.2,.7,.2,1);
    transition-delay: calc(var(--i) * .14s);
}
.ab-build-col:last-child .ab-build-bar { background: linear-gradient(180deg, #deb65e, #c99a3e); }
.ab-build-grid.is-in .ab-build-bar { transform: scaleY(1); }

/* light moving up the bar */
.ab-build-bar::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 40%;
    bottom: -40%;
    background: linear-gradient(transparent, rgba(255, 255, 255, 0.2), transparent);
    animation: abRise 3.2s ease-in-out infinite;
    animation-delay: calc(var(--i) * .4s);
}
@keyframes abRise { to { bottom: 140%; } }

.ab-build-num {
    position: absolute;
    top: 12px;
    left: 0;
    right: 0;
    text-align: center;
    color: #deb65e;
    font-size: 18px;
    font-weight: 800;
}
.ab-build-col:last-child .ab-build-num { color: #043148; }

.ab-build-text {
    opacity: 0;
    transform: translateY(14px);
    transition: opacity .6s ease, transform .6s ease;
    transition-delay: calc(var(--i) * .14s + .5s);
}
.ab-build-grid.is-in .ab-build-text { opacity: 1; transform: none; }

.ab-build-icon {
    position: relative;
    z-index: 2;
    width: 62px;
    height: 62px;
    margin: -31px auto 16px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 3px solid #016d77;
    color: #016d77;
    font-size: 22px;
    box-shadow: 0 10px 22px rgba(3, 72, 97, 0.15);
    transition: transform .3s ease, background .3s ease, color .3s ease;
}
.ab-build-col:hover .ab-build-icon { transform: translateY(-6px); background: #016d77; color: #fff; }
.ab-build-col h3 { text-align: center; font-size: 18px; font-weight: 700; color: #16243A; margin-bottom: 8px; }
.ab-build-col p  { text-align: center; font-size: 14px; line-height: 1.6; margin: 0; }

/* ---------- 4. Ecosystem — hub + flowing links ---------- */
.ab-eco-map {
    display: grid;
    grid-template-columns: 1fr 220px 1fr;
    align-items: center;
}
.ab-eco-card {
    position: relative;
    display: block;
    padding: 36px 32px;
    background: #fff;
    border: 1px solid #e3e9ee;
    border-radius: 22px;
    box-shadow: 0 12px 30px rgba(3, 72, 97, 0.07);
    overflow: hidden;
    text-decoration: none;
    opacity: 0;
    transition: opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1), box-shadow .3s ease, border-color .3s ease;
}
.ab-eco-left  { transform: translateX(-40px); }
.ab-eco-right { transform: translateX(40px); }
.ab-eco-map.is-in .ab-eco-card { opacity: 1; transform: none; }
.ab-eco-map.is-in .ab-eco-card:hover {
    transform: translateY(-6px);
    border-color: rgba(1, 109, 119, 0.35);
    box-shadow: 0 20px 40px rgba(3, 72, 97, 0.14);
}
.ab-eco-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #016d77, #deb65e);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .4s ease;
}
.ab-eco-card:hover::before { transform: scaleX(1); }

.ab-eco-num {
    position: absolute;
    top: 18px;
    right: 24px;
    color: rgba(1, 109, 119, 0.12);
    font-size: 44px;
    font-weight: 800;
    line-height: 1;
}
.ab-eco-icon {
    width: 56px;
    height: 56px;
    margin-bottom: 18px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(1, 109, 119, 0.1);
    color: #016d77;
    font-size: 22px;
    transition: background .3s ease, color .3s ease;
}
.ab-eco-card:hover .ab-eco-icon { background: #016d77; color: #fff; }
.ab-eco-card h3 { font-size: 21px; font-weight: 700; line-height: 1.35; color: #16243A; margin-bottom: 10px; }
.ab-eco-card p  { margin-bottom: 18px; }
.ab-eco-go { display: inline-flex; align-items: center; gap: 8px; color: #016d77; font-size: 14.5px; font-weight: 700; }
.ab-eco-go i { font-size: 12px; transition: transform .3s ease; }
.ab-eco-card:hover .ab-eco-go i { transform: translateX(5px); }

.ab-eco-hub {
    position: relative;
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ab-eco-core {
    position: relative;
    z-index: 2;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: linear-gradient(135deg, #034861, #016d77);
    color: #fff;
    box-shadow: 0 18px 40px rgba(3, 72, 97, 0.3);
    transform: scale(0);
    transition: transform .6s cubic-bezier(.34,1.56,.64,1) .35s;
}
.ab-eco-map.is-in .ab-eco-core { transform: scale(1); }
.ab-eco-core i { color: #deb65e; font-size: 24px; margin-bottom: 6px; }
.ab-eco-core b { font-size: 14px; line-height: 1.2; }
.ab-eco-core::before,
.ab-eco-core::after {
    content: "";
    position: absolute;
    inset: -12px;
    border-radius: 50%;
    border: 1.5px solid rgba(1, 109, 119, 0.35);
    animation: abRing 3s ease-out infinite;
}
.ab-eco-core::after { animation-delay: 1.5s; }

.ab-eco-link {
    position: absolute;
    top: 50%;
    height: 2px;
    margin-top: -1px;
    width: calc(50% - 65px);
    background: repeating-linear-gradient(90deg, #016d77 0 8px, transparent 8px 16px);
    opacity: 0;
    transition: opacity .4s ease .7s;
}
.ab-eco-link-l { left: 0; }
.ab-eco-link-r { right: 0; }
.ab-eco-map.is-in .ab-eco-link { opacity: 1; animation: abDashX .9s linear infinite; }
.ab-eco-map.is-in .ab-eco-link-r { animation-direction: reverse; }
@keyframes abDashX { to { background-position: 16px 0; } }
@keyframes abDashY { to { background-position: 0 16px; } }

/* ---------- 5. Closing — words + stagger + sweep ---------- */
.about-closing-section::after {
    content: "";
    position: absolute;
    top: 0;
    left: -60%;
    width: 40%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.08), transparent);
    transform: skewX(-20deg);
    animation: abSweep 7s ease-in-out infinite;
}
@keyframes abSweep {
    0%   { left: -60%; }
    60%  { left: 130%; }
    100% { left: 130%; }
}

.ab-closing-grid .about-closing-item {
    opacity: 0;
    transform: translateY(16px);
    transition: opacity .6s ease, transform .6s ease, background .3s ease, border-color .3s ease, box-shadow .3s ease;
    transition-delay: calc(var(--i) * .12s);
}
.ab-closing-grid.is-in .about-closing-item { opacity: 1; transform: none; }
.ab-closing-grid.is-in .about-closing-item:hover { transform: translateY(-3px); transition-delay: 0s; }

.ab-words span {
    display: inline-block;
    opacity: 0;
    transform: translateY(20px) scale(.95);
    transition: opacity .6s ease, transform .6s cubic-bezier(.2,.7,.2,1);
    transition-delay: calc(var(--i) * .18s + .3s);
}
.ab-words.is-in span { opacity: 1; transform: none; }
.ab-words .ab-gold { position: relative; color: #deb65e; }
.ab-words .ab-gold::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4px;
    height: 3px;
    border-radius: 3px;
    background: #deb65e;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .6s ease 1.3s;
}
.ab-words.is-in .ab-gold::after { transform: scaleX(1); }

/* ---------- Responsive ---------- */
@media (max-width: 991px) {
    /* Vision & Mission: stack, horizontal divider */
    .ab-vm-stage { grid-template-columns: 1fr; padding: 40px 24px; }
    .ab-vm-side { padding: 0; }
    .ab-vm-vision, .ab-vm-mission { transform: translateY(30px); }
    .ab-vm-divider { height: 100px; }
    .ab-vm-divider::before {
        top: 50%; bottom: auto; left: 0; right: 0;
        width: auto; height: 2px; margin: -1px 0 0;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.35), transparent);
    }
    .ab-vm-dot { display: none; }

    /* What We Build: cards instead of bars */
    .ab-build-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
    .ab-build-barwrap { display: none; }
    .ab-build-col { background: #fff; border: 1px solid #e3e9ee; border-radius: 18px; padding: 26px 18px; }
    .ab-build-icon { margin: 0 auto 14px; }

    /* Ecosystem: vertical */
    .ab-eco-map { grid-template-columns: 1fr; }
    .ab-eco-left, .ab-eco-right { transform: translateY(30px); }
    .ab-eco-hub { height: 190px; }
    .ab-eco-link {
        top: auto; left: 50%; right: auto;
        width: 2px; height: calc(50% - 65px);
        margin: 0 0 0 -1px;
        background: repeating-linear-gradient(180deg, #016d77 0 8px, transparent 8px 16px);
    }
    .ab-eco-link-l { top: 0; }
    .ab-eco-link-r { bottom: 0; }
    .ab-eco-map.is-in .ab-eco-link { animation-name: abDashY; }
}

@media (max-width: 575px) {
    .ab-vm-side h3 { font-size: 21px; }
    .ab-bridge { grid-template-columns: minmax(0, 1fr) 44px minmax(0, 1fr); gap: 8px; padding: 6px 4px; }
    .ab-bridge-from, .ab-bridge-to { padding: 10px 8px; font-size: 13px; }
    .ab-build-grid { grid-template-columns: 1fr; }
    .ab-eco-card { padding: 28px 22px; }
    .ab-eco-card h3 { font-size: 18px; }
}

/* ---------- Reduced motion: show everything, no movement ---------- */
@media (prefers-reduced-motion: reduce) {
    .ab-vm-side, .ab-bridge-fill, .ab-bridge-to, .ab-build-bar, .ab-build-text,
    .ab-eco-card, .ab-eco-core, .ab-eco-link, .ab-words span,
    .ab-closing-grid .about-closing-item {
        transition: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
    .ab-vm-blob, .ab-ring, .ab-vm-dot, .ab-vm-core::after, .ab-bridge-spark,
    .ab-build-bar::after, .ab-eco-core::before, .ab-eco-core::after,
    .ab-eco-link, .about-closing-section::after {
        animation: none !important;
    }
}


/* =========================================================
   ABOUT — WHO WE ARE (animated)
   ========================================================= */
.ab-who-wrap {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    gap: 64px;
    align-items: center;
    padding: 56px 56px 56px 48px;
    background: #fff;
    border-radius: 28px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.06), 0 30px 50px rgba(3, 72, 97, 0.1);
    overflow: hidden;
    isolation: isolate;
}
/* soft teal/gold panel behind the photo */
.ab-who-wrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 44%;
    height: 100%;
    background: linear-gradient(135deg, rgba(1, 109, 119, 0.08), rgba(222, 182, 94, 0.12));
    border-radius: 0 0 140px 0;
    z-index: -1;
}
.ab-who-blob {
    position: absolute;
    top: -140px;
    right: -120px;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(222, 182, 94, 0.28), transparent 70%);
    z-index: -1;
    animation: abBlob 12s ease-in-out infinite alternate;
}

/* ---- Image side ---- */
.ab-who-media {
    position: relative;
    max-width: 480px;
    width: 100%;
    margin: 0 auto;
    opacity: 0;
    transform: translateX(-40px);
    transition: opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1);
}
.ab-who-wrap.is-in .ab-who-media { opacity: 1; transform: none; }

.ab-who-ring {
    position: absolute;
    inset: -16px;
    border-radius: 36px;
    border: 2px dashed rgba(1, 109, 119, 0.3);
    animation: abFloatY 7s ease-in-out infinite;
}
.ab-who-dots {
    position: absolute;
    bottom: -26px;
    right: -26px;
    width: 110px;
    height: 110px;
    background-image: radial-gradient(#016d77 2px, transparent 2px);
    background-size: 14px 14px;
    opacity: 0.35;
}
.ab-who-img {
    position: relative;
    z-index: 1;
    aspect-ratio: 5 / 5.4;
    border-radius: 28px;
    overflow: hidden;
    border: 6px solid #fff;
    box-shadow: 0 26px 50px rgba(3, 72, 97, 0.2);
    background: #dfe6ef;
}
.ab-who-img img {
    width: 100%;
    height: 100%;
    display: block;
    transition: transform .8s cubic-bezier(.2,.7,.2,1);
}
.ab-who-media:hover .ab-who-img img { transform: scale(1.05); }

.ab-who-float {
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 18px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 14px 34px rgba(3, 72, 97, 0.16);
    animation: abFloatY 5s ease-in-out infinite;
}
.ab-who-float b { display: block; font-size: 15px; color: #16243A; line-height: 1.2; }
.ab-who-float small { font-size: 12px; color: #7a8591; }
.ab-who-float > i {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(1, 109, 119, 0.1);
    color: #016d77;
    font-size: 17px;
}
.ab-who-float-a { top: 36px; left: -40px; }
.ab-who-float-b { bottom: 44px; right: -34px; animation-delay: -2.5s; }

.ab-who-pulse {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #22c55e;
    flex-shrink: 0;
    animation: abPulse 1.8s infinite;
}
@keyframes abPulse {
    0%   { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.6); }
    70%  { box-shadow: 0 0 0 12px rgba(34, 197, 94, 0); }
    100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }
}
@keyframes abFloatY { 50% { transform: translateY(-10px); } }

/* ---- Content side ---- */
.ab-who-content {
    opacity: 0;
    transform: translateX(40px);
    transition: opacity .8s ease .15s, transform .8s cubic-bezier(.2,.7,.2,1) .15s;
}
.ab-who-wrap.is-in .ab-who-content { opacity: 1; transform: none; }

.ab-who-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px;
    margin-bottom: 16px;
    border-radius: 50px;
    background: rgba(1, 109, 119, 0.1);
    color: #016d77;
    font-size: 13.5px;
    font-weight: 700;
}
.ab-who-chip i { color: #deb65e; }

.ab-who-content h2 {
    position: relative;
    z-index: 0;
    font-size: 40px;
    font-weight: 800;
    line-height: 1.2;
    color: #16243A;
    margin-bottom: 18px;
}
.ab-who-content h2 span { position: relative; color: #016d77; white-space: nowrap; }
.ab-who-content h2 span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 100%;
    height: 10px;
    border-radius: 4px;
    background: rgba(222, 182, 94, 0.4);
    z-index: -1;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .7s ease .9s;
}
.ab-who-wrap.is-in .ab-who-content h2 span::after { transform: scaleX(1); }

.ab-who-content p { color: #5F6670; font-size: 15.5px; line-height: 1.8; }
.ab-who-lead { color: #34404f !important; margin-bottom: 14px; }

.ab-who-quote {
    position: relative;
    margin: 0 0 18px;
    padding: 16px 20px 16px 52px;
    border-radius: 14px;
    background: linear-gradient(135deg, #034861, #016d77);
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    font-style: italic;
    line-height: 1.5;
    box-shadow: 0 12px 26px rgba(3, 72, 97, 0.2);
}
.ab-who-quote i {
    position: absolute;
    top: 16px;
    left: 18px;
    color: #deb65e;
    font-size: 20px;
}

.ab-who-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
    margin: 22px 0 0;
    padding: 0;
}
.ab-who-tags li {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 50px;
    background: #f7f9fb;
    border: 1px solid #e3e9ee;
    color: #16243A;
    font-size: 14px;
    font-weight: 600;
    opacity: 0;
    transform: translateY(12px) scale(.95);
    transition: opacity .5s ease, transform .5s cubic-bezier(.34,1.56,.64,1), background .3s ease, color .3s ease, border-color .3s ease;
    transition-delay: calc(var(--i) * .1s + .8s);
}
.ab-who-tags li i { color: #016d77; transition: color .3s ease; }
.ab-who-wrap.is-in .ab-who-tags li { opacity: 1; transform: none; }
.ab-who-wrap.is-in .ab-who-tags li:hover {
    background: #016d77;
    border-color: #016d77;
    color: #fff;
    transform: translateY(-3px);
    transition-delay: 0s;
}
.ab-who-tags li:hover i { color: #deb65e; }

/* ---- Responsive ---- */
@media (max-width: 991px) {
    .ab-who-wrap { grid-template-columns: 1fr; gap: 50px; padding: 40px 28px; }
    .ab-who-wrap::before { width: 100%; height: 45%; border-radius: 0 0 120px 0; }
    .ab-who-media, .ab-who-content { transform: translateY(30px); }
    .ab-who-float-a { left: -10px; }
    .ab-who-float-b { right: -10px; }
    .ab-who-content h2 { font-size: 32px; }
}
@media (max-width: 575px) {
    .ab-who-wrap { padding: 32px 18px; border-radius: 22px; }
    .ab-who-float { padding: 9px 12px; }
    .ab-who-float > i { width: 34px; height: 34px; font-size: 15px; }
    .ab-who-float b { font-size: 13.5px; }
    .ab-who-content h2 { font-size: 27px; }
    .ab-who-content h2 span { white-space: normal; }
    .ab-who-quote { font-size: 15.5px; }
    .ab-who-tags li { font-size: 13px; padding: 7px 13px; }
}

/* =========================================================
   VISION / MISSION — label with background
   ========================================================= */
.ab-vm-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px 6px 12px;
    border-radius: 50px;
    background: rgba(222, 182, 94, 0.15);
    border: 1px solid rgba(222, 182, 94, 0.45);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    margin-bottom: 14px;
}
.ab-vm-label::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #deb65e;
    box-shadow: 0 0 8px #deb65e;
    animation: abBlink 1.8s ease-in-out infinite;
}
@keyframes abBlink { 50% { opacity: .3; } }

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .ab-who-media, .ab-who-content, .ab-who-tags li, .ab-who-content h2 span::after {
        transition: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
    .ab-who-blob, .ab-who-ring, .ab-who-float, .ab-who-pulse, .ab-vm-label::before {
        animation: none !important;
    }
}


/* =========================================================
   IMPACT ECOSYSTEM PAGE — ANIMATED SECTIONS (ie-*)
   Reuses ab-* styles from the About page (hub, words, label, blobs)
   ========================================================= */

.ie-journey-section,
.ie-prog-section { background: #f6f8fc; }

/* ---------- 1. Journey track ---------- */
.ie-journey {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-top: 20px;
}
.ie-journey-track {
    position: absolute;
    top: 44px;
    left: 12.5%;
    right: 12.5%;
    height: 3px;
    border-radius: 3px;
    background: #e3e9ee;
    overflow: hidden;
}
.ie-journey-fill {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, #034861, #016d77, #deb65e);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 1.6s cubic-bezier(.2,.7,.2,1) .2s;
}
.ie-journey.is-in .ie-journey-fill { transform: scaleX(1); }

.ie-step { position: relative; text-align: center; padding: 0 10px; }
.ie-step-node {
    position: relative;
    z-index: 2;
    width: 88px;
    height: 88px;
    margin: 0 auto 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 3px solid #016d77;
    color: #016d77;
    font-size: 30px;
    box-shadow: 0 0 0 8px #f6f8fc, 0 12px 26px rgba(3, 72, 97, 0.14);
    transform: scale(0);
    transition: transform .6s cubic-bezier(.34,1.56,.64,1);
    transition-delay: calc(var(--i) * .3s + .3s);
}
.ie-journey.is-in .ie-step-node {
    transform: scale(1);
    animation: ieStepGlow 8s ease-in-out infinite;
    animation-delay: calc(var(--i) * 2s + 2s);
}
@keyframes ieStepGlow {
    0%, 20% {
        background: #deb65e;
        border-color: #deb65e;
        color: #043148;
        box-shadow: 0 0 0 8px #f6f8fc, 0 0 0 16px rgba(222, 182, 94, 0.2), 0 14px 30px rgba(3, 72, 97, 0.2);
    }
    28%, 100% {
        background: #fff;
        border-color: #016d77;
        color: #016d77;
        box-shadow: 0 0 0 8px #f6f8fc, 0 12px 26px rgba(3, 72, 97, 0.14);
    }
}
.ie-step-num {
    position: absolute;
    top: -4px;
    right: -4px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #034861;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
}
.ie-step-text {
    opacity: 0;
    transform: translateY(16px);
    transition: opacity .6s ease, transform .6s ease;
    transition-delay: calc(var(--i) * .3s + .6s);
}
.ie-journey.is-in .ie-step-text { opacity: 1; transform: none; }
.ie-step h3 { font-size: 22px; font-weight: 700; color: #16243A; margin-bottom: 8px; }
.ie-step p  { font-size: 14.5px; line-height: 1.65; margin: 0; }

/* ---------- 2. Why it matters — flow panel ---------- */
.ie-wm {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: center;
    padding: 60px 56px;
    border-radius: 28px;
    background: linear-gradient(135deg, #032c3d 0%, #034861 55%, #016d77 100%);
    overflow: hidden;
    isolation: isolate;
    box-shadow: 0 30px 60px rgba(3, 72, 97, 0.25);
}
.ie-wm-copy {
    opacity: 0;
    transform: translateX(-40px);
    transition: opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1);
}
.ie-wm.is-in .ie-wm-copy { opacity: 1; transform: none; }
.ie-wm-copy h2 { color: #fff; font-size: 38px; font-weight: 800; line-height: 1.2; margin-bottom: 16px; }
.ie-wm-copy p  { color: rgba(255, 255, 255, 0.85); font-size: 16px; line-height: 1.8; margin: 0; }

.ie-wm-flow { display: flex; flex-direction: column; align-items: stretch; gap: 12px; }
.ie-wm-chip {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 18px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.16);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: rgba(255, 255, 255, 0.92);
    font-size: 15.5px;
    opacity: 0;
    transform: translateX(40px);
    transition: opacity .6s ease, transform .6s cubic-bezier(.2,.7,.2,1), background .3s ease, border-color .3s ease;
    transition-delay: calc(var(--i) * .18s + .3s);
}
.ie-wm.is-in .ie-wm-chip { opacity: 1; transform: none; }
.ie-wm.is-in .ie-wm-chip:hover {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(222, 182, 94, 0.5);
    transform: translateX(-4px);
    transition-delay: 0s;
}
.ie-wm-chip i {
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(222, 182, 94, 0.18);
    color: #deb65e;
    font-size: 16px;
}
.ie-wm-chip b { color: #fff; }

.ie-wm-arrow {
    text-align: center;
    color: #deb65e;
    font-size: 24px;
    opacity: 0;
    transition: opacity .4s ease 1s;
}
.ie-wm.is-in .ie-wm-arrow { opacity: 1; animation: ieBounce 1.6s ease-in-out infinite 1.2s; }
@keyframes ieBounce { 50% { transform: translateY(6px); } }

.ie-wm-result {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 15px 20px;
    border-radius: 50px;
    background: linear-gradient(135deg, #deb65e, #c99a3e);
    color: #043148;
    font-size: 16px;
    font-weight: 800;
    box-shadow: 0 12px 28px rgba(222, 182, 94, 0.35);
    transform: scale(0.6);
    opacity: 0;
    transition: transform .6s cubic-bezier(.34,1.56,.64,1) 1.2s, opacity .4s ease 1.2s;
}
.ie-wm.is-in .ie-wm-result { transform: scale(1); opacity: 1; }

/* ---------- 3. Programmes — two panels ---------- */
.ie-prog-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px;
}
.ie-prog {
    background: #fff;
    border: 1px solid #e3e9ee;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 14px 34px rgba(3, 72, 97, 0.08);
    opacity: 0;
    transform: translateY(30px);
    transition: opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1), box-shadow .3s ease;
    transition-delay: calc(var(--i) * .2s);
}
.ie-prog-grid.is-in .ie-prog { opacity: 1; transform: none; }
.ie-prog-grid.is-in .ie-prog:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 46px rgba(3, 72, 97, 0.16);
    transition-delay: 0s;
}

.ie-prog-head {
    position: relative;
    padding: 34px 32px 30px;
    background: linear-gradient(135deg, #034861, #016d77);
    color: #fff;
    overflow: hidden;
}
.ie-prog-alt .ie-prog-head { background: linear-gradient(135deg, #016d77, #0b8793); }
.ie-prog-ring {
    position: absolute;
    top: -70px;
    right: -70px;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    border: 2px dashed rgba(255, 255, 255, 0.22);
    animation: abSpin 22s linear infinite;
}
.ie-prog-num {
    position: absolute;
    top: 22px;
    right: 28px;
    color: rgba(255, 255, 255, 0.18);
    font-size: 54px;
    font-weight: 800;
    line-height: 1;
}
.ie-prog-icon {
    width: 58px;
    height: 58px;
    margin-bottom: 16px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: #deb65e;
    font-size: 24px;
}
.ie-prog-head h3 {
    position: relative;
    color: #fff;
    font-size: 23px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 14px;
    max-width: 85%;
}
.ie-prog-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff !important;
    font-size: 13.5px;
    font-weight: 700;
}
.ie-prog-link i { font-size: 11px; transition: transform .3s ease; }
.ie-prog-link:hover { background: #deb65e; border-color: #deb65e; color: #043148 !important; }
.ie-prog-link:hover i { transform: translateX(4px); }

.ie-prog-list { list-style: none; margin: 0; padding: 24px 28px 28px; }
.ie-prog-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 12px;
    color: #16243A;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.45;
    opacity: 0;
    transform: translateX(-16px);
    transition: opacity .5s ease, transform .5s ease, background .25s ease;
    transition-delay: calc(var(--i) * .2s + var(--j) * .09s + .5s);
}
.ie-prog-list li + li { margin-top: 4px; }
.ie-prog-grid.is-in .ie-prog-list li { opacity: 1; transform: none; }
.ie-prog-list li:hover { background: #f4f8f9; }
.ie-prog-list li i {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    margin-top: 1px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(1, 109, 119, 0.12);
    color: #016d77;
    font-size: 11px;
}

/* ---------- 4. Why an ecosystem — connected cards ---------- */
.ie-conn {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
    margin-top: 10px;
}
.ie-conn-line {
    position: absolute;
    top: 64px;
    left: 12.5%;
    right: 12.5%;
    height: 2px;
    background: repeating-linear-gradient(90deg, #016d77 0 8px, transparent 8px 16px);
    opacity: 0;
    transition: opacity .5s ease .8s;
}
.ie-conn.is-in .ie-conn-line { opacity: .5; animation: abDashX .9s linear infinite; }

.ie-conn-card {
    position: relative;
    z-index: 1;
    padding: 28px 22px 26px;
    text-align: center;
    background: #fff;
    border: 1px solid #e3e9ee;
    border-radius: 20px;
    box-shadow: 0 10px 26px rgba(3, 72, 97, 0.06);
    opacity: 0;
    transform: translateY(30px);
    transition: opacity .6s ease, transform .6s cubic-bezier(.2,.7,.2,1), box-shadow .3s ease, border-color .3s ease;
    transition-delay: calc(var(--i) * .15s);
}
.ie-conn.is-in .ie-conn-card { opacity: 1; transform: none; }
.ie-conn.is-in .ie-conn-card:hover {
    transform: translateY(-8px);
    border-color: rgba(1, 109, 119, 0.35);
    box-shadow: 0 20px 40px rgba(3, 72, 97, 0.14);
    transition-delay: 0s;
}
.ie-conn-num {
    position: absolute;
    top: 14px;
    right: 18px;
    color: rgba(1, 109, 119, 0.12);
    font-size: 28px;
    font-weight: 800;
    line-height: 1;
}
.ie-conn-icon {
    position: relative;
    width: 72px;
    height: 72px;
    margin: 0 auto 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(1, 109, 119, 0.1);
    color: #016d77;
    font-size: 26px;
    transition: background .3s ease, color .3s ease;
}
.ie-conn-card:nth-child(odd) .ie-conn-icon { background: rgba(222, 182, 94, 0.18); color: #a67b22; }
.ie-conn-spin {
    position: absolute;
    inset: -8px;
    border-radius: 50%;
    border: 1.5px dashed rgba(1, 109, 119, 0.35);
    transition: border-color .3s ease;
}
.ie-conn-card:hover .ie-conn-spin { animation: abSpin 6s linear infinite; border-color: #deb65e; }
.ie-conn-card:hover .ie-conn-icon { background: #016d77; color: #fff; }
.ie-conn-card h4 { font-size: 20px; font-weight: 700; color: #16243A; margin-bottom: 8px; }
.ie-conn-card p  { font-size: 14.5px; line-height: 1.6; margin: 0; }

/* ---------- 5. Closing text ---------- */
.ie-close-desc {
    max-width: 640px;
    margin: 0 auto 28px;
    color: rgba(255, 255, 255, 0.88) !important;
    font-size: 16px;
    line-height: 1.7;
}

/* ---------- Responsive ---------- */
@media (max-width: 991px) {
    .ie-journey { grid-template-columns: repeat(2, 1fr); row-gap: 40px; }
    .ie-journey-track { display: none; }

    .ie-wm { grid-template-columns: 1fr; gap: 34px; padding: 42px 24px; }
    .ie-wm-copy { transform: translateY(30px); }
    .ie-wm-copy h2 { font-size: 30px; }

    .ie-prog-grid { grid-template-columns: 1fr; }

    .ie-conn { grid-template-columns: repeat(2, 1fr); }
    .ie-conn-line { display: none; }
}
@media (max-width: 575px) {
    .ie-journey { grid-template-columns: 1fr; }
    .ie-step-node { width: 74px; height: 74px; font-size: 25px; }
    .ie-wm { border-radius: 22px; }
    .ie-wm-copy h2 { font-size: 26px; }
    .ie-wm-chip { font-size: 14px; padding: 12px 14px; }
    .ie-wm-result { font-size: 14.5px; border-radius: 16px; text-align: center; }
    .ie-prog-head { padding: 28px 22px 24px; }
    .ie-prog-head h3 { font-size: 20px; }
    .ie-prog-list { padding: 18px 16px 22px; }
    .ie-prog-list li { font-size: 14px; }
    .ie-conn { grid-template-columns: 1fr; }
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
    .ie-journey-fill, .ie-step-node, .ie-step-text, .ie-wm-copy, .ie-wm-chip,
    .ie-wm-arrow, .ie-wm-result, .ie-prog, .ie-prog-list li, .ie-conn-line, .ie-conn-card {
        transition: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
    .ie-step-node, .ie-wm-arrow, .ie-prog-ring, .ie-conn-line, .ie-conn-spin {
        animation: none !important;
    }
}



@media(max-width: 1649px){
    .course-thumb-wrap .course-thumb img {
        height: 262px !important;
    }
}



.sch-input[type="file"] { padding: 9px 12px; cursor: pointer; }
.sch-input[type="file"]::file-selector-button {
    margin-right: 12px;
    padding: 7px 14px;
    border: 0;
    border-radius: 8px;
    background: #016d77;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}
.sch-field-error { display: block; margin-top: 6px; color: #e11d48; font-size: 12.5px; }


/* =========================================================
   WHATSAPP CHAT WIDGET
   ========================================================= */
.wa-widget {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 9990;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 14px;
    font-family: inherit;
}

/* ---------- Floating button ---------- */
.wa-fab {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
}
.wa-fab-icon {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #25d366;
    color: #fff;
    font-size: 32px;
    box-shadow: 0 10px 26px rgba(37, 211, 102, 0.45);
    transition: transform .3s ease, background .3s ease;
}
.wa-fab-icon::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 2px solid #25d366;
    animation: waPulse 2s ease-out infinite;
}
@keyframes waPulse {
    0%   { transform: scale(1);   opacity: .8; }
    100% { transform: scale(1.6); opacity: 0; }
}
.wa-fab:hover .wa-fab-icon { transform: scale(1.07); }

.wa-ico-open, .wa-ico-close { position: absolute; transition: transform .3s ease, opacity .3s ease; }
.wa-ico-close { font-size: 24px; opacity: 0; transform: rotate(-90deg); }
.wa-widget.is-open .wa-ico-open  { opacity: 0; transform: rotate(90deg); }
.wa-widget.is-open .wa-ico-close { opacity: 1; transform: none; }
.wa-widget.is-open .wa-fab-icon  { background: #075e54; box-shadow: 0 10px 26px rgba(7, 94, 84, 0.35); }
.wa-widget.is-open .wa-fab-icon::before { animation: none; opacity: 0; }

.wa-fab-label {
    margin-right: 12px;
    padding: 9px 16px;
    border-radius: 50px;
    background: #fff;
    color: #16243a;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
    box-shadow: 0 8px 22px rgba(3, 72, 97, 0.16);
    transition: opacity .3s ease, transform .3s ease;
}
.wa-widget.is-open .wa-fab-label { opacity: 0; transform: translateX(10px); pointer-events: none; }

.wa-fab-badge {
    position: absolute;
    top: -2px;
    right: -2px;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ef4444;
    color: #fff;
    font-size: 11.5px;
    font-weight: 700;
    border: 2px solid #fff;
}

/* ---------- Chat card ---------- */
.wa-card {
    width: 350px;
    border-radius: 18px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 24px 60px rgba(3, 30, 45, 0.28);
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px) scale(.96);
    transform-origin: bottom right;
    transition: opacity .3s ease, transform .35s cubic-bezier(.2,.8,.2,1), visibility .3s;
}
.wa-widget.is-open .wa-card { opacity: 1; visibility: visible; transform: none; }

.wa-card-head {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 16px 16px 18px;
    background: linear-gradient(135deg, #034861, #016d77);
    color: #fff;
}
.wa-card-avatar { position: relative; flex-shrink: 0; }
.wa-card-avatar img {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    object-fit: contain;
    background: #fff;
    padding: 4px;
}
.wa-online {
    position: absolute;
    right: 1px;
    bottom: 1px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #25d366;
    border: 2px solid #034861;
}
.wa-card-title { flex: 1; min-width: 0; line-height: 1.3; }
.wa-card-title b { display: block; font-size: 16px; }
.wa-card-title small { font-size: 12.5px; opacity: .85; }
.wa-card-close {
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    transition: background .25s ease;
}
.wa-card-close:hover { background: rgba(255, 255, 255, 0.25); }

.wa-card-body {
    position: relative;
    min-height: 140px;
    padding: 22px 18px;
    background-color: #efeae2;
    background-image:
        radial-gradient(rgba(3, 72, 97, 0.06) 1.5px, transparent 1.5px),
        radial-gradient(rgba(3, 72, 97, 0.04) 1.5px, transparent 1.5px);
    background-size: 22px 22px;
    background-position: 0 0, 11px 11px;
}

.wa-typing {
    display: none;
    width: 62px;
    padding: 12px 14px;
    border-radius: 0 12px 12px 12px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    gap: 4px;
}
.wa-typing.is-on { display: flex; }
.wa-typing span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #9aa4ae;
    animation: waDot 1.2s ease-in-out infinite;
}
.wa-typing span:nth-child(2) { animation-delay: .15s; }
.wa-typing span:nth-child(3) { animation-delay: .3s; }
@keyframes waDot { 0%, 60%, 100% { transform: none; opacity: .5; } 30% { transform: translateY(-4px); opacity: 1; } }

.wa-bubble {
    position: relative;
    display: none;
    max-width: 85%;
    padding: 10px 14px 20px;
    border-radius: 0 12px 12px 12px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    animation: waIn .35s ease;
}
.wa-bubble.is-on { display: block; }
.wa-bubble::before {
    content: "";
    position: absolute;
    top: 0;
    left: -8px;
    border-top: 10px solid #fff;
    border-left: 10px solid transparent;
}
.wa-bubble b { display: block; margin-bottom: 4px; color: #016d77; font-size: 13px; }
.wa-bubble p { margin: 0; color: #16243a; font-size: 15px; line-height: 1.5; }
.wa-bubble time {
    position: absolute;
    right: 10px;
    bottom: 5px;
    color: #9aa4ae;
    font-size: 11px;
}
@keyframes waIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

.wa-card-foot { padding: 16px 18px 14px; text-align: center; }
.wa-start {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 13px 20px;
    border-radius: 50px;
    background: #25d366;
    color: #fff !important;
    font-size: 16px;
    font-weight: 700;
    box-shadow: 0 8px 20px rgba(37, 211, 102, 0.35);
    transition: background .25s ease, transform .25s ease;
}
.wa-start i { font-size: 20px; }
.wa-start:hover { background: #1ebe5a; transform: translateY(-2px); }
.wa-card-foot small { display: block; margin-top: 10px; color: #7a8591; font-size: 12px; }

/* ---------- Mobile ---------- */
@media (max-width: 575px) {
    .wa-widget { right: 14px; bottom: 14px; }
    .wa-card { width: calc(100vw - 28px); }
    .wa-fab-label { display: none; }
    .wa-fab-icon { width: 56px; height: 56px; font-size: 30px; }
}

@media (prefers-reduced-motion: reduce) {
    .wa-fab-icon::before, .wa-typing span { animation: none !important; }
    .wa-card, .wa-bubble { transition: none !important; animation: none !important; }
}


/* Course card image — clickable */
.course-item .course-thumb { overflow: hidden; }
.course-item .course-thumb-link {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.course-item:hover .course-thumb-link img { transform: scale(1.06); }


@media(min-width: 1700px) and (max-width: 1749px){
  .schp-header-actions .ed-primary-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0 7px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    line-height: 1;
    transition: opacity 0.2s ease, transform 0.15s ease;
}
}


/* =========================================================
   SCHOLARSHIPS PAGE (sp-*)
   Form field styles (sch-input, sch-select …) still come from main.css
   ========================================================= */
.sp-page {
    --sp-navy: #034861;
    --sp-teal: #016d77;
    --sp-gold: #deb65e;
    --sp-ink: #16243a;
    --sp-muted: #5f6670;
    --sp-line: #e2e8ee;
    --sp-mist: #f4f8f9;
    background: #fff;
}
.sp-page section[id] { scroll-margin-top: 120px; }

/* ---------- Shared ---------- */
.sp-head { max-width: 720px; margin: 0 auto 44px; }
.sp-head h2 { color: var(--sp-ink); font-size: 38px; font-weight: 800; line-height: 1.2; margin: 14px 0 12px; }
.sp-head p { color: var(--sp-muted); font-size: 16.5px; line-height: 1.7; margin: 0; }
.sp-head-split { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; max-width: none; }
.sp-head-split > div:first-child { max-width: 640px; }

.sp-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    border-radius: 50px;
    background: rgba(1, 109, 119, 0.1);
    color: var(--sp-teal);
    font-size: 14px;
    font-weight: 700;
}
.sp-chip-gold { background: rgba(222, 182, 94, 0.18); color: #9a7324; }
.sp-chip-light { background: rgba(255, 255, 255, 0.14); color: #fff; }
.sp-chip-light i { color: var(--sp-gold); }

.sp-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 24px;
    border-radius: 50px;
    font-size: 15.5px;
    font-weight: 700;
    text-decoration: none;
    transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
}
.sp-btn i { transition: transform .25s ease; }
.sp-btn:hover i { transform: translateX(4px); }
.sp-btn-gold { background: var(--sp-gold); color: #043148 !important; box-shadow: 0 10px 24px rgba(222, 182, 94, 0.35); }
.sp-btn-gold:hover { background: #e8c575; transform: translateY(-2px); }
.sp-btn-glass { background: rgba(255, 255, 255, 0.1); border: 1.5px solid rgba(255, 255, 255, 0.45); color: #fff !important; }
.sp-btn-glass:hover { background: rgba(255, 255, 255, 0.2); }

/* ---------- 2. Key facts ---------- */
.sp-facts { position: relative; z-index: 3; margin-top: 50px; }
.sp-facts-card {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background: #fff;
    border-radius: 22px;
    box-shadow: 0 24px 50px rgba(3, 72, 97, 0.14);
    overflow: hidden;
}
.sp-fact {
    padding: 26px 24px;
    text-align: center;
    border-left: 1px solid var(--sp-line);
    opacity: 0;
    transform: translateY(14px);
    transition: opacity .6s ease, transform .6s ease;
}
.sp-fact:first-child { border-left: 0; }
.sp-fact:nth-child(2) { transition-delay: .1s; }
.sp-fact:nth-child(3) { transition-delay: .2s; }
.sp-fact:nth-child(4) { transition-delay: .3s; }
.sp-facts-card.is-in .sp-fact { opacity: 1; transform: none; }
.sp-fact b { display: block; color: var(--sp-navy); font-size: 40px; font-weight: 800; line-height: 1.1; font-variant-numeric: tabular-nums; }
.sp-fact > span { display: block; margin-top: 6px; color: var(--sp-muted); font-size: 14.5px; }

/* ---------- 3. Commitment ---------- */
.sp-commit { padding: 70px 0 90px; }
.sp-commit-grid { display: grid; grid-template-columns: 1.05fr 1fr; gap: 70px; align-items: center; }

.sp-commit-copy {
    opacity: 0;
    transform: translateX(-36px);
    transition: opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1);
}
.sp-commit-grid.is-in .sp-commit-copy { opacity: 1; transform: none; }
.sp-commit-copy h2 { color: var(--sp-ink); font-size: 38px; font-weight: 800; line-height: 1.2; margin: 14px 0 14px; }
.sp-commit-copy > p { color: var(--sp-muted); font-size: 16px; line-height: 1.75; }
.sp-lead { color: var(--sp-navy) !important; font-size: 18px !important; font-weight: 600; }

.sp-points { list-style: none; margin: 26px 0 0; padding: 0; display: grid; gap: 12px; }
.sp-points li {
    display: flex;
    gap: 14px;
    padding: 16px 18px;
    border: 1px solid var(--sp-line);
    border-radius: 16px;
    background: #fff;
    opacity: 0;
    transform: translateY(14px);
    transition: opacity .5s ease, transform .5s ease, border-color .25s ease, box-shadow .25s ease;
    transition-delay: calc(var(--i) * .12s + .4s);
}
.sp-commit-grid.is-in .sp-points li { opacity: 1; transform: none; }
.sp-points li:hover { border-color: rgba(1, 109, 119, 0.35); box-shadow: 0 10px 24px rgba(3, 72, 97, 0.08); transition-delay: 0s; }
.sp-points i {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(1, 109, 119, 0.1);
    color: var(--sp-teal);
    font-size: 18px;
}
.sp-points b { display: block; color: var(--sp-ink); font-size: 16px; }
.sp-points span { color: var(--sp-muted); font-size: 14.5px; line-height: 1.55; }

.sp-commit-media {
    position: relative;
    padding: 0 0 70px 40px;
    opacity: 0;
    transform: translateX(36px);
    transition: opacity .8s ease .15s, transform .8s cubic-bezier(.2,.7,.2,1) .15s;
}
.sp-commit-grid.is-in .sp-commit-media { opacity: 1; transform: none; }
.sp-media-ring {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 70%;
    height: 70%;
    border-radius: 28px;
    background-image: radial-gradient(var(--sp-teal) 2px, transparent 2px);
    background-size: 16px 16px;
    opacity: .25;
}
.sp-media-img {
    position: relative;
    aspect-ratio: 4 / 4.2;
    border-radius: 26px;
    overflow: hidden;
    box-shadow: 0 30px 60px rgba(3, 72, 97, 0.2);
    background: #dfe6ef;
}
.sp-media-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 1s ease; }
.sp-commit-media:hover .sp-media-img img { transform: scale(1.04); }

.sp-quote {
    position: absolute;
    left: 58px;
    bottom: -100px;
    width: min(635px, 88%);
    margin: 0;
    padding: 22px 24px;
    border-radius: 20px;
    background: var(--sp-navy);
    color: #fff;
    box-shadow: 0 20px 40px rgba(3, 72, 97, 0.3);
    transform: translateY(20px);
    opacity: 0;
    transition: opacity .6s ease .7s, transform .6s ease .7s;
}
.sp-commit-grid.is-in .sp-quote { opacity: 1; transform: none; }
.sp-quote > i { color: var(--sp-gold); font-size: 22px; }
.sp-quote blockquote { margin: 8px 0 14px; font-size: 15.5px; line-height: 1.6; font-style: italic; color: rgba(255,255,255,.92); }
.sp-quote figcaption b { display: block; color: #fff; font-size: 15px; }
.sp-quote figcaption span { color: var(--sp-gold); font-size: 13px; }

/* ---------- 4. Pathways slider ---------- */
.sp-paths { padding: 90px 0 100px; background: var(--sp-mist); overflow: hidden; }
.sp-nav { display: flex; gap: 10px; flex-shrink: 0; }
.sp-nav-btn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1.5px solid var(--sp-line);
    background: #fff;
    color: var(--sp-navy);
    font-size: 24px;
    cursor: pointer;
    transition: background .25s ease, color .25s ease, border-color .25s ease;
}
.sp-nav-btn:hover { background: var(--sp-teal); border-color: var(--sp-teal); color: #fff; }
.sp-nav-btn:focus-visible { outline: 3px solid rgba(1, 109, 119, 0.35); outline-offset: 2px; }

.sp-paths-swiper { overflow: visible; padding-bottom: 50px; }
.sp-paths-swiper .swiper-slide { height: auto; }

/* Fallback if Swiper isn't loaded: horizontal swipe */
.sp-paths-swiper:not(.swiper-initialized) .swiper-wrapper {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 10px;
}
.sp-paths-swiper:not(.swiper-initialized) .swiper-slide { flex: 0 0 280px; scroll-snap-align: start; }

.sp-path-card {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 28px 24px 24px;
    border-radius: 22px;
    background: #fff;
    border: 1px solid var(--sp-line);
    overflow: hidden;
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.sp-path-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 4px;
    background: var(--sp-teal);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .4s ease;
}
.sp-path-card.is-gold::before { background: var(--sp-gold); }
.sp-path-card:hover { transform: translateY(-8px); box-shadow: 0 24px 44px rgba(3, 72, 97, 0.14); border-color: transparent; }
.sp-path-card:hover::before { transform: scaleX(1); }

.sp-path-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.sp-path-icon {
    width: 58px;
    height: 58px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(1, 109, 119, 0.1);
    color: var(--sp-teal);
    font-size: 24px;
    transition: background .35s ease, color .35s ease, transform .35s ease;
}
.sp-path-card.is-gold .sp-path-icon { background: rgba(222, 182, 94, 0.18); color: #a67b22; }
.sp-path-card:hover .sp-path-icon { background: var(--sp-teal); color: #fff; transform: rotate(-6deg) scale(1.05); }
.sp-path-card.is-gold:hover .sp-path-icon { background: var(--sp-gold); color: #043148; }
.sp-path-num { color: #d8e0e6; font-size: 34px; font-weight: 800; line-height: 1; }
.sp-path-card h3 { color: var(--sp-ink); font-size: 19px; font-weight: 700; line-height: 1.3; margin-bottom: 10px; }
.sp-path-card p { flex: 1; color: var(--sp-muted); font-size: 14.5px; line-height: 1.65; margin-bottom: 18px; }
.sp-path-link { display: inline-flex; align-items: center; gap: 6px; color: var(--sp-teal) !important; font-size: 14.5px; font-weight: 700; }
.sp-path-link i { transition: transform .25s ease; }
.sp-path-link:hover i { transform: translateX(4px); }

.sp-paths-dots { position: absolute; left: 0; right: 0; bottom: 0 !important; display: flex; justify-content: center; gap: 6px; }
.sp-paths-dots .swiper-pagination-bullet { width: 9px; height: 9px; margin: 0 !important; background: #c5d2da; opacity: 1; transition: width .3s ease, background .3s ease; }
.sp-paths-dots .swiper-pagination-bullet-active { width: 28px; border-radius: 6px; background: var(--sp-teal); }

/* ---------- 5. Apply + support ---------- */
.sp-action { padding: 100px 0; }
.sp-action-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 28px; align-items: stretch; }

.sp-apply {
    padding: 40px;
    border: 1px solid var(--sp-line);
    border-radius: 26px;
    background: #fff;
    box-shadow: 0 20px 50px rgba(3, 72, 97, 0.08);
    opacity: 0;
    transform: translateY(30px);
    transition: opacity .7s ease, transform .7s ease;
}
.sp-action-grid.is-in .sp-apply { opacity: 1; transform: none; }
.sp-apply h2, .sp-support h2 { font-size: 32px; font-weight: 800; line-height: 1.2; margin: 14px 0 10px; }
.sp-apply h2 { color: var(--sp-ink); }
.sp-apply > p { color: var(--sp-muted); font-size: 15.5px; line-height: 1.7; }

.sp-trust { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 18px 0 24px; padding: 0; }
.sp-trust li { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 50px; background: var(--sp-mist); color: var(--sp-navy); font-size: 13.5px; font-weight: 600; }
.sp-trust i { color: var(--sp-teal); }

.sp-support {
    position: relative;
    border-radius: 26px;
    overflow: hidden;
    color: #fff;
    background: var(--sp-support-img) center / cover no-repeat, var(--sp-navy);
    isolation: isolate;
    opacity: 0;
    transform: translateY(30px);
    transition: opacity .7s ease .15s, transform .7s ease .15s;
}
.sp-action-grid.is-in .sp-support { opacity: 1; transform: none; }
.sp-support::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(160deg, rgba(3, 44, 60, 0.95) 0%, rgba(3, 72, 97, 0.9) 55%, rgba(1, 109, 119, 0.82) 100%);
}
.sp-support-inner { display: flex; flex-direction: column; height: 100%; padding: 40px; }
.sp-support h2 { color: #fff; }
.sp-support p { color: rgba(255, 255, 255, 0.85); font-size: 15.5px; line-height: 1.7; }

.sp-support-list { list-style: none; margin: 18px 0 26px; padding: 0; display: grid; gap: 12px; }
.sp-support-list li { display: flex; gap: 12px; color: rgba(255, 255, 255, 0.88); font-size: 14.5px; line-height: 1.55; }
.sp-support-list i {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin-top: 1px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--sp-gold);
    color: #043148;
    font-size: 11px;
}
.sp-support-list b { color: #fff; }

.sp-support-btns { display: flex; flex-wrap: wrap; gap: 10px; margin-top: auto; }
.sp-support-contacts { display: grid; gap: 8px; margin-top: 24px; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.15); }
.sp-support-contacts a { color: rgba(255, 255, 255, 0.85) !important; font-size: 14px; }
.sp-support-contacts a:hover { color: var(--sp-gold) !important; }
.sp-support-contacts i { width: 20px; color: var(--sp-gold); }

/* ---------- 6. Roadmap ---------- */
.sp-road { padding: 90px 0 100px; background: var(--sp-mist); }
.sp-road-track { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.sp-road-line {
    position: absolute;
    top: 42px;
    left: 12.5%;
    right: 12.5%;
    height: 3px;
    border-radius: 3px;
    background: #dbe4ea;
    overflow: hidden;
}
.sp-road-line span {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, var(--sp-navy), var(--sp-teal), var(--sp-gold));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 1.6s cubic-bezier(.2,.7,.2,1) .2s;
}
.sp-road-track.is-in .sp-road-line span { transform: scaleX(1); }

.sp-road-step { position: relative; text-align: center; padding: 0 8px; }
.sp-road-node {
    position: relative;
    z-index: 1;
    width: 84px;
    height: 84px;
    margin: 0 auto 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 3px solid var(--sp-teal);
    color: var(--sp-teal);
    font-size: 28px;
    box-shadow: 0 0 0 8px var(--sp-mist), 0 12px 26px rgba(3, 72, 97, 0.14);
    transform: scale(0);
    transition: transform .6s cubic-bezier(.34,1.56,.64,1), background .3s ease, color .3s ease;
    transition-delay: calc(var(--i) * .3s + .3s), 0s, 0s;
}
.sp-road-track.is-in .sp-road-node { transform: scale(1); }
.sp-road-step:hover .sp-road-node { background: var(--sp-teal); color: #fff; }
.sp-road-node span {
    position: absolute;
    top: -4px;
    right: -4px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--sp-gold);
    color: #043148;
    font-size: 13px;
    font-weight: 800;
}
.sp-road-day,
.sp-road-step h3,
.sp-road-step p {
    opacity: 0;
    transform: translateY(12px);
    transition: opacity .5s ease, transform .5s ease;
    transition-delay: calc(var(--i) * .3s + .6s);
}
.sp-road-track.is-in .sp-road-day,
.sp-road-track.is-in .sp-road-step h3,
.sp-road-track.is-in .sp-road-step p { opacity: 1; transform: none; }
.sp-road-day { display: inline-block; margin-bottom: 8px; padding: 3px 12px; border-radius: 50px; background: rgba(1, 109, 119, 0.1); color: var(--sp-teal); font-size: 13px; font-weight: 700; }
.sp-road-step h3 { color: var(--sp-ink); font-size: 20px; font-weight: 700; margin-bottom: 8px; }
.sp-road-step p { color: var(--sp-muted); font-size: 14.5px; line-height: 1.65; margin: 0; }

/* ---------- 7. Streams: auto-rotating tabs ---------- */
.sp-vx { padding: 100px 0; }
.sp-vx-wrap { display: grid; grid-template-columns: 330px 1fr; gap: 30px; align-items: stretch; }

.sp-vx-tabs { display: flex; flex-direction: column; gap: 8px; }
.sp-vx-tab {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    padding: 16px 18px;
    border: 1px solid var(--sp-line);
    border-radius: 16px;
    background: #fff;
    color: var(--sp-ink);
    font-size: 15.5px;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
    overflow: hidden;
    transition: background .3s ease, color .3s ease, border-color .3s ease;
}
.sp-vx-tab > i {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(1, 109, 119, 0.1);
    color: var(--sp-teal);
    font-size: 17px;
    transition: background .3s ease, color .3s ease;
}
.sp-vx-tab:hover { border-color: rgba(1, 109, 119, 0.4); }
.sp-vx-tab.is-active { background: var(--sp-navy); border-color: var(--sp-navy); color: #fff; }
.sp-vx-tab.is-active > i { background: var(--sp-gold); color: #043148; }
.sp-vx-tab:focus-visible { outline: 3px solid rgba(1, 109, 119, 0.4); outline-offset: 2px; }

/* progress bar — its animationend moves to the next tab */
.sp-vx-bar { position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: transparent; }
.sp-vx-bar span { display: block; width: 100%; height: 100%; background: var(--sp-gold); transform: scaleX(0); transform-origin: left; }
.sp-vx-wrap.is-running .sp-vx-tab.is-active .sp-vx-bar span { animation: spFill 6s linear forwards; }
.sp-vx-wrap.is-paused .sp-vx-tab.is-active .sp-vx-bar span { animation-play-state: paused; }
@keyframes spFill { to { transform: scaleX(1); } }

.sp-vx-stage {
    position: relative;
    display: grid;
    border-radius: 26px;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--sp-line);
    box-shadow: 0 24px 50px rgba(3, 72, 97, 0.1);
    min-height: 460px;
}
.sp-vx-panel {
    grid-area: 1 / 1;
    display: grid;
    grid-template-rows: 1fr auto;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease, visibility .5s;
}
.sp-vx-panel.is-active { opacity: 1; visibility: visible; }

.sp-vx-visual { position: relative; min-height: 400px; overflow: hidden; background: #dfe6ef; }
.sp-vx-visual img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;  }

.sp-vx-art {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        radial-gradient(circle at 80% 20%, rgba(222, 182, 94, 0.35), transparent 45%),
        linear-gradient(135deg, var(--sp-navy), var(--sp-teal));
    color: rgba(255, 255, 255, 0.9);
    font-size: 90px;
}
.sp-vx-art i { transform: scale(.85); transition: transform .8s cubic-bezier(.34,1.56,.64,1); }
.sp-vx-panel.is-active .sp-vx-art i { transform: scale(1); }

.sp-vx-body { padding: 26px 30px 30px; }
.sp-vx-body h3 { color: var(--sp-ink); font-size: 24px; font-weight: 800; margin-bottom: 10px; }
.sp-vx-body p { color: var(--sp-muted); font-size: 15.5px; line-height: 1.7; margin-bottom: 16px; }
.sp-vx-tags { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0 0 18px; padding: 0; }
.sp-vx-tags li { padding: 6px 14px; border-radius: 50px; background: var(--sp-mist); color: var(--sp-navy); font-size: 13.5px; font-weight: 600; }
.sp-vx-link { display: inline-flex; align-items: center; gap: 6px; color: var(--sp-teal) !important; font-weight: 700; }
.sp-vx-link:hover i { transform: translateX(4px); }
.sp-vx-link i { transition: transform .25s ease; }

/* ---------- 8. Impact ---------- */
.sp-impact { padding: 0 0 100px; }
.sp-impact-panel {
    position: relative;
    padding: 60px 50px;
    border-radius: 30px;
    background: linear-gradient(135deg, #032c3d 0%, var(--sp-navy) 55%, var(--sp-teal) 100%);
    color: #fff;
    overflow: hidden;
    isolation: isolate;
}
.sp-impact-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background-image: radial-gradient(rgba(255, 255, 255, 0.08) 1.5px, transparent 1.5px);
    background-size: 22px 22px;
}
.sp-impact-head { max-width: 640px; margin-bottom: 36px; }
.sp-impact-head h2 { color: #fff; font-size: 34px; font-weight: 800; margin: 14px 0 10px; }
.sp-impact-head p { color: rgba(255, 255, 255, 0.82); font-size: 16px; line-height: 1.7; margin: 0; }

.sp-impact-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; list-style: none; margin: 0; padding: 0; }
.sp-impact-grid li {
    padding: 22px 20px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.14);
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .5s ease, transform .5s ease, background .3s ease;
    transition-delay: calc(var(--i) * .1s + .2s);
}
.sp-impact-panel.is-in .sp-impact-grid li { opacity: 1; transform: none; }
.sp-impact-grid li:hover { background: rgba(255, 255, 255, 0.13); transition-delay: 0s; }
.sp-impact-grid i { display: block; margin-bottom: 14px; color: var(--sp-gold); font-size: 26px; }
.sp-impact-grid b { display: block; color: #fff; font-size: 16.5px; margin-bottom: 6px; }
.sp-impact-grid span { color: rgba(255, 255, 255, 0.78); font-size: 14px; line-height: 1.55; }

/* ---------- 9. CTA ---------- */
.sp-cta { padding: 0 0 100px; }
.sp-cta-box {
    position: relative;
    padding: 80px 40px;
    border-radius: 30px;
    text-align: center;
    color: #fff;
    overflow: hidden;
    isolation: isolate;
    background: var(--sp-cta-img) center / cover no-repeat, var(--sp-navy);
}
.sp-cta-box::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(120deg, rgba(3, 44, 60, 0.93), rgba(3, 72, 97, 0.85) 55%, rgba(1, 109, 119, 0.8));
}
.sp-cta-box h2 {
    color: #fff;
    font-size: 42px;
    font-weight: 800;
    margin-bottom: 14px;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .7s ease, transform .7s ease;
}
.sp-cta-box p {
    max-width: 640px;
    margin: 0 auto 28px;
    color: rgba(255, 255, 255, 0.86);
    font-size: 16.5px;
    line-height: 1.7;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .7s ease .15s, transform .7s ease .15s;
}
.sp-cta-box.is-in h2, .sp-cta-box.is-in p { opacity: 1; transform: none; }
.sp-cta-btns { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.sp-cta-contact { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 28px; margin-top: 30px; }
.sp-cta-contact a { color: rgba(255, 255, 255, 0.85) !important; font-size: 14.5px; }
.sp-cta-contact a:hover { color: var(--sp-gold) !important; }
.sp-cta-contact i { margin-right: 6px; color: var(--sp-gold); }

/* ---------- Responsive ---------- */
@media (max-width: 1199px) {
    .sp-impact-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 991px) {
    .sp-head h2, .sp-commit-copy h2 { font-size: 32px; }
    .sp-facts-card { grid-template-columns: repeat(2, 1fr); }
    .sp-fact:nth-child(3) { border-left: 0; }
    .sp-fact:nth-child(n+3) { border-top: 1px solid var(--sp-line); }

    .sp-commit-grid { grid-template-columns: 1fr; gap: 50px; }
    .sp-commit-copy, .sp-commit-media { transform: translateY(30px); }
    .sp-commit-media { max-width: 560px; margin: 0 auto; padding-left: 20px; }

    .sp-head-split { flex-direction: column; align-items: flex-start; }

    .sp-action-grid { grid-template-columns: 1fr; }

    .sp-road-track { grid-template-columns: repeat(2, 1fr); row-gap: 40px; }
    .sp-road-line { display: none; }

    .sp-vx-wrap { grid-template-columns: 1fr; }
    .sp-vx-tabs { flex-direction: row; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 6px; }
    .sp-vx-tab { flex: 0 0 auto; width: auto; scroll-snap-align: start; }

    .sp-impact-panel { padding: 44px 26px; }
}
@media (max-width: 575px) {
    .sp-head h2, .sp-commit-copy h2 { font-size: 27px; }
    .sp-fact { padding: 20px 12px; }
    .sp-fact b { font-size: 30px; }
    .sp-commit { padding: 80px 0 60px; }
    .sp-commit-media { padding: 0 0 90px 0; }
    .sp-quote { width: 92%; }
    .sp-apply, .sp-support-inner { padding: 28px 20px; }
    .sp-apply h2, .sp-support h2 { font-size: 26px; }
    .sp-road-track { grid-template-columns: 1fr; }
    .sp-vx-stage { min-height: 520px; }
    .sp-vx-body { padding: 22px 20px 24px; }
    .sp-impact-grid { grid-template-columns: 1fr 1fr; }
    .sp-cta-box { padding: 56px 22px; }
    .sp-cta-box h2 { font-size: 30px; }
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
    .sp-fact, .sp-commit-copy, .sp-commit-media, .sp-points li, .sp-quote,
    .sp-apply, .sp-support, .sp-road-node, .sp-road-day, .sp-road-step h3, .sp-road-step p,
    .sp-road-line span, .sp-impact-grid li, .sp-cta-box h2, .sp-cta-box p {
        transition: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
    .sp-vx-bar span { animation: none !important; }
    .sp-vx-visual img, .sp-media-img img { transition: none; transform: none; }
}





/* =========================================================
   INNOVATION, LIVELIHOODS & INCLUSIVE EMPOWERMENT (lv-*)
   ========================================================= */
.lv-page {
    --lv-navy: #034861;
    --lv-deep: #032c3d;
    --lv-teal: #016d77;
    --lv-gold: #deb65e;
    --lv-gold-ink: #8a6419;
    --lv-ink: #16243a;
    --lv-muted: #5f6670;
    --lv-line: #e2e8ee;
    --lv-mist: #f4f8f9;
    color: var(--lv-ink);
    overflow-x: clip;
}
.lv-page b { font-weight: 700; color: inherit; }
.lv-page section[id] { scroll-margin-top: 120px; }

/* ---------- Shared ---------- */
.lv-section { padding: 100px 0; }
.lv-head { max-width: 760px; margin: 0 auto 48px; text-align: center; }
.lv-head h2 { color: var(--lv-ink); font-size: 38px; font-weight: 800; line-height: 1.2; margin: 12px 0 14px; }
.lv-head p { color: var(--lv-muted); font-size: 17px; line-height: 1.7; margin: 0; }
.lv-head-split { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; max-width: none; text-align: left; }

.lv-kicker { display: inline-block; color: var(--lv-teal); font-size: 15px; font-weight: 700; }
.lv-kicker::before { content: ""; display: inline-block; width: 26px; height: 2px; margin-right: 10px; vertical-align: middle; background: var(--lv-gold); }
.lv-kicker-light { color: var(--lv-gold); }

/* Reveal (only hides when JS is running) */
.lv-js [data-lv-reveal] { opacity: 0; transform: translateY(28px); transition: opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1); }
.lv-js [data-lv-reveal].is-in { opacity: 1; transform: none; }

/* Flow chips: A → B → C */
.lv-flow { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 0; list-style: none; margin: 0; padding: 0; }
.lv-flow li {
    display: inline-flex;
    align-items: center;
    padding: 7px 14px;
    border-radius: 50px;
    background: var(--lv-navy);
    color: #fff;
    font-size: 13.5px;
    font-weight: 700;
    letter-spacing: .02em;
}
.lv-flow li { position: relative; }
.lv-flow li:not(:last-child) { margin-right: 28px; }
.lv-flow li:not(:last-child)::after { content: "→"; position: absolute; top: 50%; right: -21px; transform: translateY(-50%); color: var(--lv-gold); font-weight: 800; }
.lv-flow li:last-child { background: var(--lv-gold); color: var(--lv-deep); }
.lv-flow-lg li { padding: 11px 20px; font-size: 16px; }
.lv-flow-lg li:not(:last-child) { margin-right: 36px; }
.lv-flow-lg li:not(:last-child)::after { right: -27px; font-size: 18px; }

.is-in .lv-flow li,
.lv-area.is-active .lv-flow li,
.lv-area.is-open .lv-flow li { animation: lvPop .5s cubic-bezier(.34,1.56,.64,1) both; animation-delay: calc(var(--i) * .09s + .15s); }
@keyframes lvPop { from { opacity: 0; transform: translateY(10px) scale(.9); } to { opacity: 1; transform: none; } }

.lv-tags { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; padding: 0; }
.lv-tags li { padding: 7px 14px; border-radius: 50px; background: var(--lv-mist); border: 1px solid var(--lv-line); color: var(--lv-navy); font-size: 14px; font-weight: 600; }

.lv-btn { display: inline-flex; align-items: center; gap: 10px; padding: 14px 24px; border-radius: 50px; font-size: 15.5px; font-weight: 700; text-decoration: none; transition: transform .25s ease, background .25s ease; }
.lv-btn-gold { background: var(--lv-gold); color: var(--lv-deep) !important; }
.lv-btn-gold:hover { background: #e8c575; transform: translateY(-2px); }
.lv-btn-glass { border: 1.5px solid rgba(255,255,255,.5); background: rgba(255,255,255,.08); color: #fff !important; }
.lv-btn-glass:hover { background: rgba(255,255,255,.18); }

.lv-nav { display: flex; gap: 10px; flex-shrink: 0; }
.lv-nav-btn { width: 50px; height: 50px; border-radius: 50%; border: 1.5px solid rgba(255,255,255,.35); background: transparent; color: #fff; font-size: 24px; cursor: pointer; transition: background .25s ease, color .25s ease; }
.lv-nav-btn:hover { background: var(--lv-gold); border-color: var(--lv-gold); color: var(--lv-deep); }
.lv-nav-btn:focus-visible, .lv-areas-tab:focus-visible, .lv-area-toggle:focus-visible { outline: 3px solid var(--lv-gold); outline-offset: 2px; }

/* ---------- 1. Hero ---------- */
.lv-hero { position: relative; isolation: isolate; min-height: 560px; display: flex; align-items: flex-end; padding: 150px 0 80px; color: #fff; overflow: hidden; }
.lv-hero-img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; animation: lvZoom 18s ease-out both; }
@keyframes lvZoom { from { transform: scale(1.12); } to { transform: scale(1); } }
.lv-hero-shade { position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(3,44,61,.95) 0%, rgba(3,72,97,.82) 45%, rgba(1,109,119,.35) 100%); }
.lv-hero-content { max-width: 820px; }
.lv-crumb { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; font-size: 14px; color: rgba(255,255,255,.75); }
.lv-crumb a { color: rgba(255,255,255,.85) !important; }
.lv-crumb a:hover { color: var(--lv-gold) !important; }
.lv-hero h1 { color: #fff; font-size: 56px; font-weight: 800; line-height: 1.08; letter-spacing: -.015em; margin-bottom: 18px; }
.lv-hero-tagline { color: var(--lv-gold); font-size: 21px; font-weight: 700; margin-bottom: 22px; }
.lv-hero-trio { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; margin: 0; padding: 0; }
.lv-hero-trio li { padding: 8px 16px; border-radius: 50px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.22); font-size: 15px; }
.lv-hero-content > * { animation: lvRise .9s cubic-bezier(.2,.7,.2,1) both; }
.lv-hero-content > *:nth-child(2) { animation-delay: .1s; }
.lv-hero-content > *:nth-child(3) { animation-delay: .25s; }
.lv-hero-content > *:nth-child(4) { animation-delay: .4s; }
@keyframes lvRise { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }

/* ---------- 2. Intro ---------- */
.lv-intro { padding: 90px 0 80px; }
.lv-intro-grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: 60px; align-items: start; }
.lv-intro-lead p { margin: 0; color: var(--lv-navy); font-size: 30px; font-weight: 700; line-height: 1.35; }
.lv-intro-lead b { color: var(--lv-teal); }
.lv-intro-copy p { color: var(--lv-muted); font-size: 17px; line-height: 1.8; }
.lv-intro-copy b { color: var(--lv-ink); }

.lv-continuum { margin-top: 56px; padding: 36px 40px; border-radius: 26px; background: var(--lv-mist); border: 1px solid var(--lv-line); text-align: center; }
.lv-continuum .lv-flow { justify-content: center; }
.lv-continuum-label { color: var(--lv-muted); font-size: 15px; font-weight: 600; margin-bottom: 18px; }
.lv-ambition { margin: 24px 0 0; color: var(--lv-navy); font-size: 22px; font-weight: 800; }
.lv-ambition span { display: block; color: var(--lv-muted); font-size: 15px; font-weight: 600; margin-bottom: 4px; }

/* ---------- 3. Perspective ---------- */
.lv-perspective { background: var(--lv-mist); }
.lv-persp-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 60px; align-items: center; }
.lv-persp-head h2 { font-size: 36px; font-weight: 800; line-height: 1.2; margin: 12px 0 18px; color: var(--lv-ink); }
.lv-persp-punch { display: inline-block; padding: 10px 18px; margin-bottom: 18px; border-left: 4px solid var(--lv-gold); background: #fff; color: var(--lv-navy); font-size: 19px; font-weight: 800; }
.lv-persp-head p { color: var(--lv-muted); font-size: 16.5px; line-height: 1.75; }
.lv-persp-bridge { color: var(--lv-teal) !important; font-weight: 700; }

.lv-bridges { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; list-style: none; margin: 0; padding: 0; }
.lv-bridges li { display: grid; grid-template-columns: 44px 1fr; column-gap: 14px; padding: 16px 18px; border-radius: 16px; background: #fff; border: 1px solid var(--lv-line); transition: border-color .25s ease, transform .25s ease; }
.lv-bridges li:hover { border-color: var(--lv-teal); transform: translateY(-3px); }
.lv-bridges i { grid-row: span 2; width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: rgba(1,109,119,.1); color: var(--lv-teal); font-size: 18px; }
.lv-bridges b { font-size: 14px; letter-spacing: .08em; text-transform: uppercase; color: var(--lv-navy); }
.lv-bridges span { color: var(--lv-muted); font-size: 14px; line-height: 1.5; }
.lv-js .lv-bridges li { opacity: 0; transform: translateY(16px); transition: opacity .5s ease, transform .5s ease, border-color .25s ease; transition-delay: calc(var(--i) * .07s + .2s); }
.lv-js .lv-bridges.is-in li { opacity: 1; transform: none; }

/* ---------- 4. Impact areas ---------- */
.lv-areas-wrap { display: grid; grid-template-columns: 330px 1fr; gap: 30px; align-items: start; }
.lv-areas-tabs { position: sticky; top: 110px; display: flex; flex-direction: column; gap: 4px; }
.lv-areas-tab {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    padding: 13px 16px;
    border: 0;
    border-radius: 14px;
    background: transparent;
    color: var(--lv-ink);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
    text-align: left;
    cursor: pointer;
    transition: background .25s ease, color .25s ease;
}
.lv-areas-tab:hover { background: var(--lv-mist); }
.lv-areas-tab.is-active { background: var(--lv-navy); color: #fff; }
.lv-areas-num { flex-shrink: 0; width: 34px; height: 34px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; background: rgba(1,109,119,.1); color: var(--lv-teal); font-size: 13px; font-weight: 800; transition: background .25s ease, color .25s ease; }
.lv-areas-tab.is-active .lv-areas-num { background: var(--lv-gold); color: var(--lv-deep); }

.lv-area { display: none; }
.lv-area.is-active { display: block; animation: lvFade .5s ease both; }
@keyframes lvFade { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
.lv-area-toggle { display: none; }

.lv-area-body { border-radius: 26px; overflow: hidden; background: #fff; border: 1px solid var(--lv-line); box-shadow: 0 24px 50px rgba(3,72,97,.1); }
.lv-area-visual { position: relative; aspect-ratio: 16 / 7; background: var(--lv-navy); overflow: hidden; }
.lv-area-visual img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.lv-area.is-active .lv-area-visual img { animation: lvZoom 8s ease-out both; }
.lv-area-art { position: absolute; inset: 0; display: flex; align-items: center; justify-content: flex-end; padding-right: 8%; background: radial-gradient(circle at 85% 30%, rgba(222,182,94,.4), transparent 45%), linear-gradient(135deg, var(--lv-deep), var(--lv-teal)); color: rgba(255,255,255,.18); font-size: 170px; }
.lv-area-visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(3,44,61,.92) 0%, rgba(3,44,61,.35) 55%, transparent 100%); }
.lv-area-visual-text { position: absolute; left: 32px; right: 32px; bottom: 26px; z-index: 1; color: #fff; }
.lv-area-index { color: var(--lv-gold); font-size: 14px; font-weight: 800; letter-spacing: .1em; }
.lv-area-visual-text h3 { color: #fff; font-size: 30px; font-weight: 800; line-height: 1.2; margin: 4px 0 6px; }
.lv-area-visual-text p { margin: 0; color: rgba(255,255,255,.88); font-size: 17px; font-style: italic; }

.lv-area-content { padding: 30px 32px 34px; }
.lv-area-content > p { color: var(--lv-muted); font-size: 16px; line-height: 1.75; }
.lv-area-content > p b { color: var(--lv-ink); }
.lv-area-block { margin: 22px 0; }
.lv-area-label { display: block; margin-bottom: 12px; color: var(--lv-ink); font-size: 15px; font-weight: 700; }
.lv-area-quote { margin: 22px 0 0 !important; padding: 16px 20px; border-left: 4px solid var(--lv-gold); border-radius: 0 12px 12px 0; background: #fbf6ea; color: var(--lv-navy) !important; font-size: 17px !important; font-weight: 700; }

/* ---------- 5. Innovation for inclusion ---------- */
.lv-inno-panel { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; padding: 60px 56px; border-radius: 30px; background: linear-gradient(135deg, var(--lv-deep), var(--lv-navy) 60%, var(--lv-teal)); color: #fff; }
.lv-inno-copy h2 { color: #fff; font-size: 32px; font-weight: 800; line-height: 1.25; margin: 12px 0 18px; }
.lv-inno-big { color: var(--lv-gold) !important; font-size: 20px !important; font-weight: 700; }
.lv-inno-copy p { color: rgba(255,255,255,.85); font-size: 16px; line-height: 1.75; }

.lv-eq-label { display: block; margin-bottom: 16px; color: rgba(255,255,255,.75); font-size: 15px; }
.lv-eq-row { display: flex; flex-direction: column; align-items: stretch; gap: 10px; }
.lv-eq-term, .lv-eq-result { display: flex; align-items: center; gap: 12px; padding: 16px 20px; border-radius: 16px; font-size: 18px; font-weight: 700; }
.lv-eq-term { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.18); }
.lv-eq-term i { color: var(--lv-gold); width: 22px; text-align: center; }
.lv-eq-op { align-self: center; color: var(--lv-gold); font-size: 26px; font-weight: 800; line-height: 1; }
.lv-eq-result { background: var(--lv-gold); color: var(--lv-deep); font-size: 21px; font-weight: 800; box-shadow: 0 14px 30px rgba(222,182,94,.3); }
.lv-js .lv-eq-row > * { opacity: 0; transform: translateX(24px); transition: opacity .5s ease, transform .5s ease; transition-delay: calc(var(--i) * .14s + .3s); }
.lv-js .lv-inno-panel.is-in .lv-eq-row > * { opacity: 1; transform: none; }

/* ---------- 6. Approach ---------- */
.lv-approach { background: var(--lv-mist); }
.lv-approach .lv-head h2 { font-size: 30px; }
.lv-approach-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; list-style: none; margin: 0; padding: 0; counter-reset: none; }
.lv-approach-grid li { position: relative; padding: 30px 28px; border-radius: 22px; background: #fff; border: 1px solid var(--lv-line); transition: transform .3s ease, box-shadow .3s ease; }
.lv-approach-grid li:hover { transform: translateY(-6px); box-shadow: 0 20px 40px rgba(3,72,97,.12); }
.lv-approach-grid li:not(:nth-child(3n))::after { content: "×"; position: absolute; top: 50%; right: -16px; z-index: 1; width: 28px; height: 28px; margin-top: -14px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--lv-gold); color: var(--lv-deep); font-size: 16px; font-weight: 800; }
.lv-approach-icon { width: 56px; height: 56px; margin-bottom: 18px; border-radius: 16px; display: flex; align-items: center; justify-content: center; background: var(--lv-navy); color: var(--lv-gold); font-size: 22px; }
.lv-approach-grid h3 { color: var(--lv-navy); font-size: 17px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 8px; }
.lv-approach-grid p { color: var(--lv-muted); font-size: 15px; line-height: 1.65; margin: 0; }
.lv-js .lv-approach-grid li { opacity: 0; transform: translateY(20px); transition: opacity .5s ease, transform .5s ease, box-shadow .3s ease; transition-delay: calc(var(--i) * .1s + .15s); }
.lv-js .lv-approach-grid.is-in li { opacity: 1; transform: none; }
.lv-js .lv-approach-grid.is-in li:hover { transform: translateY(-6px); transition-delay: 0s; }

/* ---------- 7. Transformation timeline ---------- */
.lv-steps-wrap { position: relative; max-width: 940px; margin: 0 auto; }
.lv-steps-line { position: absolute; top: 0; bottom: 0; left: 50%; width: 3px; margin-left: -1.5px; border-radius: 3px; background: var(--lv-line); overflow: hidden; }
.lv-steps-line span { display: block; width: 100%; height: 100%; background: linear-gradient(180deg, var(--lv-teal), var(--lv-gold)); transform: scaleY(0); transform-origin: top; }
.lv-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 22px; }
.lv-step { position: relative; display: grid; grid-template-columns: 1fr 64px 1fr; align-items: center; }
.lv-step-num { grid-column: 2; justify-self: center; z-index: 1; width: 52px; height: 52px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #fff; border: 3px solid var(--lv-teal); color: var(--lv-navy); font-size: 18px; font-weight: 800; box-shadow: 0 0 0 6px #fff; }
.lv-step-card { padding: 20px 24px; border-radius: 18px; background: #fff; border: 1px solid var(--lv-line); box-shadow: 0 12px 30px rgba(3,72,97,.07); }
.lv-step:nth-child(odd) .lv-step-card { grid-column: 1; grid-row: 1; text-align: right; }
.lv-step:nth-child(even) .lv-step-card { grid-column: 3; grid-row: 1; }
.lv-step-num { grid-row: 1; }
.lv-step-card h3 { color: var(--lv-navy); font-size: 18px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 6px; }
.lv-step-card p { color: var(--lv-muted); font-size: 15px; line-height: 1.6; margin: 0; }
.lv-js .lv-step:nth-child(odd)[data-lv-reveal] { transform: translateX(-30px); }
.lv-js .lv-step:nth-child(even)[data-lv-reveal] { transform: translateX(30px); }
.lv-js .lv-step[data-lv-reveal].is-in { transform: none; }
.lv-step.is-in .lv-step-num { background: var(--lv-teal); color: #fff; transition: background .4s ease .2s, color .4s ease .2s; }
.lv-transform-outcome { margin-top: 50px; display: flex; justify-content: center; }
.lv-transform-outcome .lv-flow { justify-content: center; }

/* ---------- 8. Capabilities ---------- */
.lv-caps { background: var(--lv-mist); }
.lv-caps-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; list-style: none; margin: 0; padding: 0; }
.lv-caps-grid li { padding: 26px 22px; border-radius: 20px; background: #fff; border: 1px solid var(--lv-line); transition: border-color .25s ease, transform .25s ease; }
.lv-caps-grid li:hover { border-color: var(--lv-teal); transform: translateY(-4px); }
.lv-caps-grid i { display: inline-flex; width: 46px; height: 46px; margin-bottom: 16px; border-radius: 14px; align-items: center; justify-content: center; background: rgba(222,182,94,.2); color: var(--lv-gold-ink); font-size: 19px; }
.lv-caps-grid h3 { color: var(--lv-ink); font-size: 17px; font-weight: 700; line-height: 1.35; margin-bottom: 8px; }
.lv-caps-grid p { color: var(--lv-muted); font-size: 14.5px; line-height: 1.6; margin: 0; }
.lv-js .lv-caps-grid li { opacity: 0; transform: translateY(18px); transition: opacity .5s ease, transform .5s ease, border-color .25s ease; transition-delay: calc(var(--i) * .06s + .15s); }
.lv-js .lv-caps-grid.is-in li { opacity: 1; transform: none; }

/* ---------- 9. Flagship platforms ---------- */
.lv-platforms { background: linear-gradient(160deg, var(--lv-deep), var(--lv-navy)); color: #fff; overflow: hidden; }
.lv-platforms .lv-head h2 { color: #fff; }
.lv-plat-swiper { overflow: visible; padding-bottom: 50px; }
.lv-plat-swiper .swiper-slide { height: auto; }
.lv-plat-swiper:not(.swiper-initialized) .swiper-wrapper { display: flex; gap: 22px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 10px; }
.lv-plat-swiper:not(.swiper-initialized) .swiper-slide { flex: 0 0 320px; scroll-snap-align: start; }
.lv-plat-card { height: 100%; padding: 34px 30px; border-radius: 24px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); transition: background .3s ease, transform .3s ease, border-color .3s ease; }
.lv-plat-card:hover { background: rgba(255,255,255,.1); border-color: rgba(222,182,94,.5); transform: translateY(-6px); }
.lv-plat-icon { width: 60px; height: 60px; margin-bottom: 22px; border-radius: 18px; display: flex; align-items: center; justify-content: center; background: var(--lv-gold); color: var(--lv-deep); font-size: 24px; }
.lv-plat-card h3 { color: #fff; font-size: 23px; font-weight: 800; margin-bottom: 6px; }
.lv-plat-tagline { color: var(--lv-gold) !important; font-style: italic; font-weight: 600; font-size: 16px !important; }
.lv-plat-card p { color: rgba(255,255,255,.8); font-size: 15px; line-height: 1.7; margin-bottom: 8px; }
.lv-plat-dots { position: absolute; left: 0; right: 0; bottom: 0 !important; display: flex; justify-content: center; gap: 6px; }
.lv-plat-dots .swiper-pagination-bullet { width: 9px; height: 9px; margin: 0 !important; background: rgba(255,255,255,.35); opacity: 1; transition: width .3s ease, background .3s ease; }
.lv-plat-dots .swiper-pagination-bullet-active { width: 28px; border-radius: 6px; background: var(--lv-gold); }

/* ---------- 10. Impact lens ---------- */
.lv-lens-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 50px; align-items: center; }
.lv-lens-head h2 { font-size: 36px; font-weight: 800; line-height: 1.2; margin-top: 12px; color: var(--lv-ink); }
.lv-lens-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; list-style: none; margin: 0; padding: 0; }
.lv-lens-list li { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 22px 12px; border-radius: 18px; background: var(--lv-mist); border: 1px solid var(--lv-line); color: var(--lv-navy); font-size: 13.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; text-align: center; }
.lv-lens-list i { width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #fff; color: var(--lv-teal); font-size: 20px; box-shadow: 0 6px 16px rgba(3,72,97,.1); }
.lv-js .lv-lens-list li { opacity: 0; transform: scale(.9); transition: opacity .45s ease, transform .45s cubic-bezier(.34,1.56,.64,1); transition-delay: calc(var(--i) * .07s + .15s); }
.lv-js .lv-lens-list.is-in li { opacity: 1; transform: none; }

/* ---------- 11. Inclusion by design ---------- */
.lv-incl { padding-top: 0; }
.lv-incl-panel { padding: 60px; border-radius: 30px; background: #fbf6ea; border: 1px solid #f0e2bd; text-align: center; }
.lv-incl-panel .lv-kicker { color: var(--lv-gold-ink); }
.lv-incl-panel h2 { max-width: 860px; margin: 14px auto 18px; color: var(--lv-navy); font-size: 32px; font-weight: 800; line-height: 1.3; }
.lv-incl-panel > p { max-width: 720px; margin: 0 auto; color: #6b5316; font-size: 16.5px; line-height: 1.7; }
.lv-incl-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; list-style: none; margin: 26px 0; padding: 0; }
.lv-incl-list li { padding: 10px 18px; border-radius: 50px; background: #fff; border: 1px solid #efdcaa; color: var(--lv-navy); font-weight: 700; }
.lv-js .lv-incl-list li { opacity: 0; transform: translateY(12px); transition: opacity .45s ease, transform .45s ease; transition-delay: calc(var(--i) * .07s + .3s); }
.lv-js .lv-incl-panel.is-in .lv-incl-list li { opacity: 1; transform: none; }
.lv-incl-close { font-size: 18px !important; color: var(--lv-navy) !important; }

/* ---------- 12. Partner hub ---------- */
.lv-partners { background: var(--lv-mist); }
.lv-hub { position: relative; display: grid; grid-template-columns: 1fr 260px 1fr; grid-template-rows: auto; gap: 30px; align-items: center; }
.lv-hub-list { display: contents; list-style: none; }
.lv-hub-list li { display: flex; align-items: center; gap: 12px; padding: 14px 18px; border-radius: 16px; background: #fff; border: 1px solid var(--lv-line); color: var(--lv-ink); font-size: 15px; font-weight: 600; }
.lv-hub-list li i { flex-shrink: 0; width: 38px; height: 38px; border-radius: 10px; display: flex; align-items: center; justify-content: center; background: rgba(1,109,119,.1); color: var(--lv-teal); }
.lv-hub-list li:nth-child(-n+5) { grid-column: 1; }
.lv-hub-list li:nth-child(n+6) { grid-column: 3; }
.lv-hub-list li:nth-child(1), .lv-hub-list li:nth-child(6) { grid-row: 1; }
.lv-hub-list li:nth-child(2), .lv-hub-list li:nth-child(7) { grid-row: 2; }
.lv-hub-list li:nth-child(3), .lv-hub-list li:nth-child(8) { grid-row: 3; }
.lv-hub-list li:nth-child(4), .lv-hub-list li:nth-child(9) { grid-row: 4; }
.lv-hub-list li:nth-child(5), .lv-hub-list li:nth-child(10) { grid-row: 5; }
.lv-hub-core { grid-column: 2; grid-row: 1 / span 5; position: relative; width: 260px; height: 260px; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 34px; background: var(--lv-navy); color: #fff; text-align: center; box-shadow: 0 0 0 14px rgba(1,109,119,.12), 0 0 0 28px rgba(1,109,119,.06); }
.lv-hub-core p { margin: 0; font-size: 17px; line-height: 1.5; color: rgba(255,255,255,.9); }
.lv-hub-core b { color: var(--lv-gold); }
.lv-hub-pulse { position: absolute; inset: 0; border-radius: 50%; border: 2px solid var(--lv-gold); animation: lvPulse 2.8s ease-out infinite; }
@keyframes lvPulse { from { transform: scale(1); opacity: .7; } to { transform: scale(1.35); opacity: 0; } }
.lv-js .lv-hub-list li { opacity: 0; transition: opacity .5s ease, transform .5s ease; transition-delay: calc(var(--i) * .06s + .3s); }
.lv-js .lv-hub-list li:nth-child(-n+5) { transform: translateX(-24px); }
.lv-js .lv-hub-list li:nth-child(n+6) { transform: translateX(24px); }
.lv-js .lv-hub.is-in .lv-hub-list li { opacity: 1; transform: none; }

/* ---------- 13. Difference ---------- */
.lv-diff-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; list-style: none; margin: 0; padding: 0; }
.lv-diff-grid li { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 24px 16px; border-radius: 20px; border: 1px solid var(--lv-line); text-align: center; transition: background .3s ease, border-color .3s ease; }
.lv-diff-grid li:hover { background: var(--lv-navy); border-color: var(--lv-navy); }
.lv-diff-grid li span { color: var(--lv-navy); font-size: 16px; font-weight: 700; transition: color .3s ease; }
.lv-diff-grid li:hover span { color: #fff; }
.lv-diff-grid li i { width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--lv-gold); color: var(--lv-deep); font-style: normal; font-weight: 800; transition: transform .4s ease; }
.lv-diff-grid li:hover i { transform: rotate(180deg); }
.lv-js .lv-diff-grid li { opacity: 0; transform: translateY(16px); transition: opacity .45s ease, transform .45s ease, background .3s ease, border-color .3s ease; transition-delay: calc(var(--i) * .06s + .15s); }
.lv-js .lv-diff-grid.is-in li { opacity: 1; transform: none; }
.lv-js .lv-diff-grid.is-in li:hover { transition-delay: 0s; }
.lv-diff-close { margin-top: 36px; text-align: center; color: var(--lv-muted); font-size: 18px; }
.lv-diff-close b { color: var(--lv-teal); }

/* ---------- 14. Rising staircase ---------- */
.lv-rise { background: var(--lv-mist); }
.lv-stairs { display: grid; grid-template-columns: repeat(7, 1fr); gap: 10px; align-items: end; list-style: none; margin: 0; padding: 0; height: 330px; }
.lv-stairs li { position: relative; height: calc(30% + var(--i) * 11.5%); display: flex; align-items: flex-start; justify-content: center; padding: 16px 8px; border-radius: 16px 16px 6px 6px; background: linear-gradient(180deg, var(--lv-teal), var(--lv-navy)); transform-origin: bottom; }
.lv-stairs li:last-child { background: linear-gradient(180deg, var(--lv-gold), #c79a3b); }
.lv-stairs li span { color: #fff; font-size: 15px; font-weight: 800; text-align: center; line-height: 1.3; }
.lv-stairs li:last-child span { color: var(--lv-deep); }
.lv-stairs li:not(:last-child)::after { content: "→"; position: absolute; right: -11px; bottom: 12px; z-index: 1; color: var(--lv-gold); font-weight: 800; }
.lv-js .lv-stairs li { transform: scaleY(0); transition: transform .7s cubic-bezier(.2,.7,.2,1); transition-delay: calc(var(--i) * .12s + .1s); }
.lv-js .lv-stairs.is-in li { transform: none; }
.lv-rise-close { margin-top: 30px; text-align: center; color: var(--lv-navy); font-size: 19px; font-weight: 700; }

/* ---------- 15. Closing ---------- */
.lv-close { padding: 100px 0 90px; }
.lv-close-panel { position: relative; isolation: isolate; padding: 80px 60px; border-radius: 32px; overflow: hidden; color: #fff; text-align: center; }
.lv-close-panel > img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; }
.lv-close-shade { position: absolute; inset: 0; z-index: -1; background: linear-gradient(120deg, rgba(3,44,61,.95), rgba(3,72,97,.88) 55%, rgba(1,109,119,.8)); }
.lv-close-content { max-width: 820px; margin: 0 auto; }
.lv-close-words { color: #fff; font-size: 50px; font-weight: 800; line-height: 1.15; margin-bottom: 14px; }
.lv-close-words span { display: inline-block; }
.lv-close-words span:last-child { color: var(--lv-gold); }
.lv-js .lv-close-words span { opacity: 0; transform: translateY(24px); transition: opacity .6s ease, transform .6s ease; transition-delay: calc(var(--i) * .18s + .1s); }
.lv-js .lv-close-panel.is-in .lv-close-words span { opacity: 1; transform: none; }
.lv-close-sub { color: var(--lv-gold) !important; font-size: 19px !important; font-weight: 700; margin-bottom: 16px; }
.lv-close-content p { color: rgba(255,255,255,.86); font-size: 16.5px; line-height: 1.75; }
.lv-close-content p b { color: #fff; }
.lv-close-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 28px 0 34px; }
.lv-sign { display: flex; flex-direction: column; gap: 4px; padding-top: 26px; border-top: 1px solid rgba(255,255,255,.18); }
.lv-sign b { font-size: 18px; letter-spacing: .12em; text-transform: uppercase; color: #fff; }
.lv-sign span { color: rgba(255,255,255,.8); font-size: 14.5px; }
.lv-sign span:nth-child(2) { color: var(--lv-gold); font-weight: 700; }

.lv-keywords { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 22px; list-style: none; margin: 26px 0 0; padding: 0; }
.lv-keywords li { color: var(--lv-navy); font-size: 14px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.lv-keywords li:not(:last-child)::after { content: "|"; margin-left: 22px; color: var(--lv-gold); }

/* ---------- Responsive ---------- */
@media (max-width: 1199px) {
    .lv-caps-grid { grid-template-columns: repeat(2, 1fr); }
    .lv-diff-grid { grid-template-columns: repeat(2, 1fr); }
    .lv-hub { grid-template-columns: 1fr 220px 1fr; }
    .lv-hub-core { width: 220px; height: 220px; padding: 26px; }
}
@media (max-width: 991px) {
    .lv-section { padding: 80px 0; }
    .lv-head h2, .lv-persp-head h2, .lv-lens-head h2 { font-size: 30px; }
    .lv-head-split { flex-direction: column; align-items: flex-start; }
    .lv-hero { min-height: 480px; padding: 120px 0 60px; }
    .lv-hero h1 { font-size: 40px; }
    .lv-intro-grid, .lv-persp-grid, .lv-lens-grid, .lv-inno-panel { grid-template-columns: 1fr; gap: 36px; }
    .lv-intro-lead p { font-size: 24px; }
    .lv-inno-panel { padding: 44px 28px; }

    /* Areas: accordion */
    .lv-areas-wrap { grid-template-columns: 1fr; }
    .lv-areas-tabs { display: none; }
    .lv-area { display: block; margin-bottom: 12px; animation: none; }
    .lv-area-toggle { display: flex; align-items: center; gap: 14px; width: 100%; padding: 16px 18px; border: 1px solid var(--lv-line); border-radius: 16px; background: #fff; color: var(--lv-ink); font-size: 16px; font-weight: 700; text-align: left; cursor: pointer; }
    .lv-area-toggle > span:nth-child(2) { flex: 1; }
    .lv-area-toggle > i { color: var(--lv-teal); transition: transform .3s ease; }
    .lv-area.is-open .lv-area-toggle { border-radius: 16px 16px 0 0; background: var(--lv-navy); border-color: var(--lv-navy); color: #fff; }
    .lv-area.is-open .lv-area-toggle .lv-areas-num { background: var(--lv-gold); color: var(--lv-deep); }
    .lv-area.is-open .lv-area-toggle > i { transform: rotate(45deg); color: var(--lv-gold); }
    .lv-area-body { display: none; border-radius: 0 0 20px 20px; border-top: 0; box-shadow: none; }
    .lv-area.is-open .lv-area-body { display: block; animation: lvFade .4s ease both; }
    .lv-area-visual-text h3 { display: none; }
    .lv-area-visual { aspect-ratio: 16 / 8; }

    .lv-approach-grid { grid-template-columns: repeat(2, 1fr); }
    .lv-approach-grid li::after { display: none; }

    .lv-steps-line { left: 26px; }
    .lv-step { grid-template-columns: 52px 1fr; gap: 16px; }
    .lv-step-num { grid-column: 1; }
    .lv-step:nth-child(odd) .lv-step-card, .lv-step:nth-child(even) .lv-step-card { grid-column: 2; text-align: left; }
    .lv-js .lv-step:nth-child(odd)[data-lv-reveal], .lv-js .lv-step:nth-child(even)[data-lv-reveal] { transform: translateY(20px); }

    .lv-lens-list { grid-template-columns: repeat(4, 1fr); }

    .lv-hub { display: flex; flex-direction: column; }
    .lv-hub-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; order: 2; width: 100%; padding: 0; }
    .lv-hub-list li { grid-column: auto !important; grid-row: auto !important; }
    .lv-hub-core { order: 1; }

    .lv-stairs { height: auto; grid-template-columns: 1fr; gap: 8px; }
    .lv-stairs li { height: auto; width: calc(40% + var(--i) * 10%); justify-content: flex-start; padding: 14px 18px; border-radius: 6px 14px 14px 6px; transform-origin: left; }
    .lv-stairs li::after { display: none; }
    .lv-js .lv-stairs li { transform: scaleX(0); }

    .lv-close-panel { padding: 56px 26px; }
    .lv-close-words { font-size: 38px; }
}
@media (max-width: 575px) {
    .lv-hero h1 { font-size: 32px; }
    .lv-hero-tagline { font-size: 17px; }
    .lv-head h2, .lv-persp-head h2, .lv-lens-head h2, .lv-incl-panel h2 { font-size: 25px; }
    .lv-bridges, .lv-approach-grid, .lv-caps-grid { grid-template-columns: 1fr; }
    .lv-lens-list, .lv-diff-grid { grid-template-columns: repeat(2, 1fr); }
    .lv-hub-list { grid-template-columns: 1fr; }
    .lv-continuum { padding: 26px 18px; }
    .lv-flow-lg li { padding: 8px 14px; font-size: 14px; }
    .lv-area-content { padding: 22px 18px 26px; }
    .lv-area-visual-text { left: 18px; right: 18px; bottom: 16px; }
    .lv-area-visual-text p { font-size: 15px; }
    .lv-incl-panel { padding: 40px 20px; }
    .lv-stairs li { width: calc(55% + var(--i) * 7.5%); }
    .lv-close-words { font-size: 30px; }
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
    .lv-page *, .lv-page *::before, .lv-page *::after { animation: none !important; transition: none !important; }
    .lv-page.lv-js [data-lv-reveal], .lv-page.lv-js li { opacity: 1 !important; transform: none !important; }
}


/* =========================================================
   WHY SAMBHAVAM — vertical marquee (no page pinning)
   ========================================================= */
.why-scroll-wrap { height: auto !important; }

.why-sticky {
    position: relative !important;
    top: auto !important;
    height: auto !important;
    display: block !important;
    overflow: hidden;
    padding: 80px 0;
}

/* not needed in marquee mode */
.why-progress-row,
.why-scroll-hint,
.why-video-badge { display: none !important; }

.why-video-frame { max-height: 560px; }

/* viewport = fixed window the points scroll through */
.why-track-viewport {
    height: 460px;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 12%, #000 88%, transparent 100%);
            mask-image: linear-gradient(to bottom, transparent 0, #000 12%, #000 88%, transparent 100%);
}

/* uses `translate` (not `transform`) so older mobile rules can't cancel it */
.why-track {
    transition: none;
    animation: whyMarquee var(--why-duration, 40s) linear infinite;
    will-change: translate;
}
.why-track-viewport:hover .why-track { animation-play-state: paused; }

@keyframes whyMarquee {
    from { translate: 0 0; }
    to   { translate: 0 -50%; }
}

/* every point fully visible, no dim/scale states */
.why-point,
.why-point.is-done,
.why-point.is-active {
    opacity: 1;
    transform: none;
    background: #fff;
    box-shadow: 0 8px 20px rgba(15, 35, 70, 0.07);
}
.why-point-blue   { border-left-color: var(--sambhavam-blue); }
.why-point-teal   { border-left-color: var(--sambhavam-teal); }
.why-point-green  { border-left-color: var(--sambhavam-green); }
.why-point-orange { border-left-color: var(--sambhavam-orange); }

@media (max-width: 991.98px) {
    .why-sticky { padding: 60px 0; }
    .why-track-viewport {
        height: 400px;
        overflow: hidden;
        -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 12%, #000 88%, transparent 100%);
                mask-image: linear-gradient(to bottom, transparent 0, #000 12%, #000 88%, transparent 100%);
    }
}

/* reduced motion: no auto-scroll, let the user scroll the list */
@media (prefers-reduced-motion: reduce) {
    .why-track { animation: none; }
    .why-track-viewport { overflow-y: auto; }
}


/* =========================================================
   CLIMATE PAGE — additions to the lv-* page styles
   ========================================================= */
.cl-formula { color: var(--lv-teal) !important; font-size: 18px !important; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }

/* Area 10: several short A → B flows stacked */
.cl-flow-stack { display: grid; gap: 10px; }

/* Framework: 5 cards in one row, × between each */
.lv-approach-grid.cl-approach-5 { grid-template-columns: repeat(5, 1fr); }
.lv-approach-grid.cl-approach-5 li { padding: 26px 22px; }
.lv-approach-grid.cl-approach-5 li:not(:last-child)::after {
    content: "×";
    position: absolute;
    top: 50%;
    right: -16px;
    z-index: 1;
    width: 28px;
    height: 28px;
    margin-top: -14px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--lv-gold);
    color: var(--lv-deep);
    font-size: 16px;
    font-weight: 800;
}
.lv-approach-grid.cl-approach-5 li:last-child::after { display: none; }

/* Impact lens: 6 cards with a short description */
.lv-lens-list.cl-lens { grid-template-columns: repeat(3, 1fr); }
.lv-lens-list.cl-lens li {
    align-items: flex-start;
    gap: 8px;
    padding: 22px 20px;
    text-align: left;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 500;
}
.cl-lens li b { color: var(--lv-navy); font-size: 14px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.cl-lens li span { color: var(--lv-muted); font-size: 14.5px; line-height: 1.55; }
.cl-lens li i { margin-bottom: 4px; }

@media (max-width: 1399px) {
    .lv-lens-list.cl-lens { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 1199px) {
    .lv-approach-grid.cl-approach-5 { grid-template-columns: repeat(3, 1fr); }
    .lv-approach-grid.cl-approach-5 li::after,
    .lv-approach-grid.cl-approach-5 li:not(:last-child)::after { display: none; }
}
@media (max-width: 991px) {
    .lv-approach-grid.cl-approach-5 { grid-template-columns: repeat(2, 1fr); }
    .lv-lens-list.cl-lens { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 767px) {
    .lv-lens-list.cl-lens { grid-template-columns: repeat(2, 1fr); }
    .academic-courses-bar{
        display: none !important;
    }
    
    .hero-banner-slider{
        margin-top: 2rem !important;
    }
    
    .founder-item {
        display: flex;
        align-items: center;
        gap: 5px;
        background: #fff;
        border: 1px solid #eee;
        border-radius: 50px;
        padding: 8px 12px;
        transition: all 0.3s ease;
    }
    
    .founder-item-wrap {
        gap: 5px;
    }
}
@media (max-width: 575px) {
    .lv-approach-grid.cl-approach-5,
    .lv-lens-list.cl-lens { grid-template-columns: 1fr; }
    .cl-formula { font-size: 14px !important; }
}


/* =========================================================
   LEADERSHIP PAGE — ORGANISATIONAL STRUCTURE (ot-*)
   ========================================================= */
.ot-section {
    --ot-navy: #034861;
    --ot-deep: #032c3d;
    --ot-teal: #016d77;
    --ot-gold: #deb65e;
    --ot-ink: #16243a;
    --ot-muted: #5f6670;
    --ot-line: #e2e8ee;
    padding: 90px 0 110px;
    background: linear-gradient(180deg, #fff 0%, #f4f8f9 100%);
}

/* ---------- Heading ---------- */
.ot-head { text-align: center; margin-bottom: 50px; }
.ot-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 16px;
    border-radius: 50px;
    background: #fff;
    border: 1px solid var(--ot-line);
    box-shadow: 0 6px 16px rgba(3, 72, 97, 0.06);
    color: var(--ot-teal);
    font-size: 12.5px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}
.ot-chip-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--ot-gold); animation: otBlink 1.8s ease-in-out infinite; }
@keyframes otBlink { 50% { opacity: .3; } }
.ot-head h2 { margin: 16px 0 0; color: var(--ot-ink); font-size: 46px; font-weight: 800; letter-spacing: -.01em; }
.ot-head h2 span { position: relative; z-index: 0; color: var(--ot-teal); }
.ot-head h2 span::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 6px;
    height: 12px;
    z-index: -1;
    border-radius: 4px;
    background: rgba(222, 182, 94, 0.4);
}

/* ---------- Advisory board ---------- */
.ot-advisory {
    position: relative;
    display: flex;
    align-items: center;
    gap: 22px;
    max-width: 980px;
    margin: 0 auto;
    padding: 26px 30px;
    border-radius: 24px;
    background: linear-gradient(120deg, var(--ot-deep), var(--ot-navy) 60%, var(--ot-teal));
    color: #fff;
    overflow: hidden;
    box-shadow: 0 24px 50px rgba(3, 72, 97, 0.22);
}
.ot-advisory::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: var(--ot-gold);
}
.ot-advisory::after {
    content: "";
    position: absolute;
    top: -80px;
    right: -60px;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(222, 182, 94, 0.25), transparent 70%);
    pointer-events: none;
}
.ot-advisory-icon {
    position: relative;
    flex-shrink: 0;
    width: 66px;
    height: 66px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.1);
    color: var(--ot-gold);
    font-size: 28px;
}
.ot-advisory-icon i { animation: otSpin 18s linear infinite; }
.ot-advisory-ring {
    position: absolute;
    inset: -7px;
    border-radius: 50%;
    border: 1.5px dashed rgba(222, 182, 94, 0.6);
    animation: otSpin 12s linear infinite reverse;
}
@keyframes otSpin { to { transform: rotate(360deg); } }
.ot-advisory-text { flex: 1; min-width: 0; }
.ot-advisory-text h3 { margin: 0 0 4px; color: #fff; font-size: 26px; font-weight: 800; }
.ot-advisory-text p { margin: 0; color: rgba(255, 255, 255, 0.82); font-size: 16px; }
.ot-advisory-pill {
    position: relative;
    z-index: 1;
    padding: 11px 20px;
    border-radius: 50px;
    background: rgba(222, 182, 94, 0.15);
    border: 1px solid rgba(222, 182, 94, 0.55);
    color: var(--ot-gold);
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
}

/* ---------- Connectors ---------- */
.ot-vline {
    position: relative;
    display: block;
    width: 2px;
    height: 46px;
    margin: 0 auto;
    background: linear-gradient(180deg, var(--ot-teal), var(--ot-gold));
    transform-origin: top;
}
.ot-vline i {
    position: absolute;
    left: 50%;
    top: 0;
    width: 8px;
    height: 8px;
    margin-left: -4px;
    border-radius: 50%;
    background: var(--ot-gold);
    box-shadow: 0 0 10px var(--ot-gold);
    opacity: 0;
}
.ot-tree.is-in .ot-vline i { animation: otDrop 2.4s ease-in-out infinite 3s; }
@keyframes otDrop {
    0%   { top: 0; opacity: 0; }
    20%  { opacity: 1; }
    80%  { opacity: 1; }
    100% { top: 100%; opacity: 0; }
}

.ot-level {
    position: relative;
    display: grid;
    grid-template-columns: repeat(var(--n), 1fr);
    gap: 24px;
    padding-top: 30px;
}
.ot-hline {
    position: absolute;
    top: 0;
    left: calc(50% / var(--n));
    right: calc(50% / var(--n));
    height: 2px;
    background: linear-gradient(90deg, var(--ot-teal), var(--ot-gold), var(--ot-teal));
    transform-origin: center;
}
.ot-node::before {
    content: "";
    position: absolute;
    top: -30px;
    left: 50%;
    width: 2px;
    height: 30px;
    margin-left: -1px;
    background: var(--ot-teal);
    transform-origin: top;
}

.ot-label { display: flex; justify-content: center; margin: -2px 0 0; }
.ot-label span {
    position: relative;
    z-index: 1;
    padding: 9px 20px;
    border-radius: 50px;
    background: #fff;
    border: 1.5px solid var(--ot-teal);
    color: var(--ot-navy);
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    box-shadow: 0 8px 20px rgba(3, 72, 97, 0.1);
}
.ot-label + .ot-level { margin-top: 0; }
.ot-teams { margin-top: 0; }
.ot-label { position: relative; }
.ot-label::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -30px;
    width: 2px;
    height: 30px;
    margin-left: -1px;
    background: var(--ot-teal);
    transform-origin: top;
}
.ot-teams { padding-top: 60px; }
.ot-teams .ot-hline { top: 30px; }
.ot-teams .ot-node::before { top: -30px; }

/* ---------- Cards ---------- */
.ot-node {
    position: relative;
    padding: 30px 26px 28px;
    border-radius: 22px;
    background: #fff;
    border: 1px solid var(--ot-line);
    box-shadow: 0 12px 30px rgba(3, 72, 97, 0.07);
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.ot-node:hover { transform: translateY(-8px); box-shadow: 0 24px 44px rgba(3, 72, 97, 0.15); border-color: rgba(1, 109, 119, 0.35); }

.ot-leader { text-align: center; }
.ot-leader h3 { margin: 18px 0 6px; color: var(--ot-ink); font-size: 21px; font-weight: 800; }
.ot-leader p { margin: 0; color: var(--ot-muted); font-size: 15px; line-height: 1.55; }

.ot-leader.is-lead {
    background: linear-gradient(145deg, var(--ot-navy), var(--ot-teal));
    border-color: transparent;
    box-shadow: 0 22px 44px rgba(3, 72, 97, 0.28);
}
.ot-leader.is-lead h3 { color: #fff; }
.ot-leader.is-lead p { color: rgba(255, 255, 255, 0.85); }

.ot-icon {
    position: relative;
    width: 64px;
    height: 64px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(1, 109, 119, 0.1);
    color: var(--ot-teal);
    font-size: 26px;
    transition: background .35s ease, color .35s ease, transform .35s ease;
}
.ot-leader .ot-icon { margin: 0 auto; }
.ot-leader.is-lead .ot-icon { background: var(--ot-gold); color: var(--ot-deep); }
.ot-icon-ring {
    position: absolute;
    inset: -8px;
    border-radius: 22px;
    border: 1.5px dashed transparent;
    transition: border-color .35s ease;
}
.ot-node:hover .ot-icon { transform: rotate(-6deg) scale(1.06); }
.ot-node:hover .ot-icon-ring { border-color: var(--ot-gold); animation: otSpin 8s linear infinite; }
.ot-team:hover .ot-icon { background: var(--ot-teal); color: #fff; }

.ot-team-num {
    position: absolute;
    top: 18px;
    right: 22px;
    color: rgba(1, 109, 119, 0.14);
    font-size: 34px;
    font-weight: 800;
    line-height: 1;
}
.ot-team h3 { margin: 20px 0 8px; color: var(--ot-ink); font-size: 19px; font-weight: 800; line-height: 1.3; }
.ot-team p { margin: 0; color: var(--ot-muted); font-size: 14.5px; line-height: 1.6; }

/* ---------- Build-up animation (only when JS runs) ---------- */
.ot-js .ot-advisory { opacity: 0; transform: translateY(-20px); transition: opacity .7s ease, transform .7s ease; }
.ot-js .ot-vline,
.ot-js .ot-node::before,
.ot-js .ot-label::after { transform: scaleY(0); transition: transform .4s ease; }
.ot-js .ot-hline { transform: scaleX(0); transition: transform .6s ease; }
.ot-js .ot-node { opacity: 0; transform: translateY(24px) scale(.96); transition: opacity .55s ease, transform .55s cubic-bezier(.34,1.56,.64,1), box-shadow .35s ease, border-color .35s ease; }
.ot-js .ot-label span { opacity: 0; transform: scale(.8); transition: opacity .4s ease, transform .4s cubic-bezier(.34,1.56,.64,1); }

.ot-js.is-in .ot-advisory { opacity: 1; transform: none; }
.ot-js.is-in .ot-vline-1 { transform: scaleY(1); transition-delay: .5s; }
.ot-js.is-in .ot-leaders .ot-hline { transform: scaleX(1); transition-delay: .85s; }
.ot-js.is-in .ot-leaders .ot-node::before { transform: scaleY(1); transition-delay: 1.3s; }
.ot-js.is-in .ot-leaders .ot-node { opacity: 1; transform: none; transition-delay: calc(1.45s + var(--i) * .12s); }
.ot-js.is-in .ot-vline-2 { transform: scaleY(1); transition-delay: 2s; }
.ot-js.is-in .ot-label span { opacity: 1; transform: none; transition-delay: 2.3s; }
.ot-js.is-in .ot-label::after { transform: scaleY(1); transition-delay: 2.5s; }
.ot-js.is-in .ot-teams .ot-hline { transform: scaleX(1); transition-delay: 2.75s; }
.ot-js.is-in .ot-teams .ot-node::before { transform: scaleY(1); transition-delay: 3.2s; }
.ot-js.is-in .ot-teams .ot-node { opacity: 1; transform: none; transition-delay: calc(3.35s + var(--i) * .12s); }
.ot-js.is-in .ot-node:hover { transform: translateY(-8px); transition-delay: 0s; }

/* ---------- Responsive ---------- */
@media (max-width: 1199px) {
    .ot-teams { grid-template-columns: repeat(2, 1fr); }
    .ot-teams .ot-hline, .ot-teams .ot-node::before { display: none; }
    .ot-teams { padding-top: 50px; }
}
@media (max-width: 991px) {
    .ot-head h2 { font-size: 36px; }
    .ot-advisory { flex-wrap: wrap; }
    .ot-advisory-pill { white-space: normal; }
    .ot-leaders { grid-template-columns: 1fr; max-width: 520px; margin: 0 auto; gap: 16px; }
    .ot-leaders .ot-hline, .ot-leaders .ot-node::before { display: none; }
}
@media (max-width: 575px) {
    .ot-section { padding: 70px 0 80px; }
    .ot-head h2 { font-size: 30px; }
    .ot-advisory { padding: 22px 20px; gap: 16px; }
    .ot-advisory-text h3 { font-size: 22px; }
    .ot-teams { grid-template-columns: 1fr; }
    .ot-node { padding: 24px 20px; }
}

@media (prefers-reduced-motion: reduce) {
    .ot-section *, .ot-section *::before, .ot-section *::after { animation: none !important; transition: none !important; }
}


/* The widget wrapper never blocks clicks; only the real controls do */
.wa-widget {
    pointer-events: none;
}
.wa-fab {
    pointer-events: auto;
}

/* Closed card: invisible AND unclickable */
.wa-card {
    visibility: hidden;
    pointer-events: none;
}

/* Open card: normal */
.wa-widget.is-open .wa-card {
    visibility: visible;
    pointer-events: auto;
}