/* Google font  */
@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
:root {
    --clr-theme-blue: #137FC3;
    --clr-theme-yellow:#FAA31A;
    --clr-theme-text: #1E1E1E;
    --clr-theme-copy: #5E5E5E;
    --clr-theme-white-500: #D9D9D9;
    --clr-theme-light-grey:#F4F4F4;
    --clr-theme-border: #D9D9D9;
    --clr-theme-white:#fff;
    --ff-primary: "Bebas Neue", sans-serif;
    --ff-body: "Instrument Sans", sans-serif;

  --fs-xxl: 80px;
  --fs-xl: 60px;
  --fs-lg: 32px;
  --fs-md: 28px;
  --fs-sm: 24px;
  --fs-body: 20px;
  --fs-xs: 16px;

  --section-gap: 90px;
  --radius-sm: 16px;
  --transition: all 0.4s ease-in-out;
}

/*================== BROWSER RESET =================*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  padding: 0;
  margin: 0;
  font: inherit;
}

ul,
ol {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

html:focus-within {
  scroll-behavior: smooth;
}

a:focus,
a:hover {
  outline: none;
}

a {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

body {
  font-family: var(--ff-body);
  text-rendering: optimizeSpeed;
  font-size: var(--fs-body);
  font-weight: 400;
  line-height: 1.5;
  color: var(--clr-theme-copy);
}

p {
  margin-bottom: 0;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--ff-primary);
  margin-bottom: 0;
  font-weight: 500;
}

img,
picture,
svg,
video {
  max-width: 100%;
  display: block;
}

/* ::selection {
  background-color:var(--clr-theme-green);
  color: var(--clr-theme-white);
} */
/*================== UTILITY CLASSES =================*/
.container {
  max-width: 1620px;
}
.custom-pad {
  padding: var(--section-gap) 0;
}
.kmx__hero-inner .kmx__img.kmx__overlay::before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 26.81%),
    linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)) !important;
}
.kmx__overlay {
  position: relative;
  z-index: 1;
}
.kmx__overlay::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background: linear-gradient(179.75deg, rgba(0, 0, 0, 0) 62.53%, rgba(0, 0, 0, 0.6) 83.9%);
  z-index: 1;
  top: 0;
  left: 0;
}
.kmx__img-radius {
  border-radius: var(--radius-sm);
  display: block;
  overflow: hidden;
}
.kmx__img {
  overflow: hidden;
  position: relative;
}
.kmx__img img {
  transition: var(--transition);
}
/* section radius  */
.kmx__section-radius>* {
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  border: 1px solid var(--clr-theme-border);
}
section[class^="kmx__"] {
  position: relative;
  z-index: 3;
}
.kmx__section-radius {
  padding: 0 20px;
}
.kmx__bg-light {
  background-color: var(--clr-theme-light-grey);
}
/*================== COMPONENTS =================*/
/**
 * Headings
 */
h1 {font-size: var(--fs-xxl);}
h2 {font-size: var(--fs-xl);}
h3 {font-size: var(--fs-lg);}
h4 {font-size: var(--fs-md);}
h5 {font-size: var(--fs-sm);}
h6 {font-size: var(--fs-xs);}

.kmx__heading {
  color: var(--clr-theme-text);
}
/**
 * Swiper 
 */
[class^="swiper-button-"]::after {
  content: "";
  display: none;
}
[class^="swiper-button-"] {
  position: absolute;
  background-color: transparent;
  font-size: 18px;
  z-index: 2;
  top: unset;
  left: 0;
  bottom: 15px;
  width: 90px;
  height: 40px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  border-radius: 50px;
  color: var(--clr-white);
  border: 2px solid var(--clr-white);
  transition: all 0.3s ease-in-out;
  z-index: 4;
}
[class^="swiper-button-"]:hover {
  background-color: var(--clr-white);
  color: var(--clr-black);
  transition: all 0.3s ease-in-out;
}
[class^="swiper-button-next"] {
  left: 100px;
}
.swiper-button-next,
.swiper-button-prev {
  width: 35px;
  height: 35px;
  color: var(--clr-theme-white);
  background-color: var(--clr-purple);
  border-radius: 50%;
}
.swiper-wrapper {
  padding-bottom: 15px;
  transition-timing-function: ease-in-out;
}
.swiper-slide {
  will-change: transform;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}
.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  bottom: 0px;
}
.kmx__swiper-nav {
  display: flex;
  gap: 10px;
  justify-content: end;
  align-items: end;
}
.swiper-button-prev .icon {
  rotate: 180deg;
}
.swiper-button-prev:hover {
  background-color: var(--clr-theme-green);
}
.swiper-button-next:hover {
  background-color: var(--clr-theme-green);
}
.swiper-button-next:hover.swiper-button-next svg {
  color: var(--clr-theme-white);
}
.swiper-button-prev:hover.swiper-button-prev svg {
  color: var(--clr-theme-white);
}
.swiper-button-prev,
.swiper-button-next {
  position: static;
  width: 55px;
  height: 45px;
  border: 1px solid var(--clr-theme-green);
  border-radius: 6px;
  background-color: var(--clr-theme-white);
  color: var(--clr-theme-green);
}
.swiper-button-next:hover {
  background-color: var(--clr-theme-blue);
  color: var(--clr-theme-white);
}
.swiper-button-prev:hover {
  background-color: var(--clr-theme-blue);
  color: var(--clr-theme-white);
}
/**
 * button
 */
.kmx__btn-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.kmx__btn {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  cursor: pointer;
  padding: 4px 4px 4px 25px;
  font-family: var(--ff-body);
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  text-transform: uppercase;
  border-radius: 50px;
  color: var(--clr-theme-text);
  text-decoration: none;
  background-color: var(--clr-theme-white);
  justify-content: center;
  align-items: center;
}
.kmx__btn .kmx__btn-icon {
  background-color: var(--clr-theme-blue);
  display: inline-flex;
  width: 50px;
  height: 50px;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  margin-left: 16px;
  color: var(--clr-theme-white);
  transition: var(--transition);
  rotate: -45deg;
  flex: 0 0 auto;
}
.kmx__btn .kmx__btn-icon.second__color {
  background-color: var(--clr-theme-yellow);
}
.kmx__btn:hover .kmx__btn-icon {
  rotate: 0deg;
}
.kmx__btn .kmx__btn-text {
  position: relative;
  font-size: 18px;
  line-height: normal;
}
.kmx__btn-icon svg {
  width: 30px;
  height: 30px;
}
.kmx__btn .kmx__btn-text .char {
  display: inline-block;
  will-change: transform;
}
.kmx__btn .kmx__btn-text::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  transition: transform .2s, opacity .2s;
  transition-timing-function: cubic-bezier(.75, 0, .125, 1);
  white-space: nowrap;
}
.kmx__btn:hover .kmx__btn-text::before {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
}
.kmx__btn .kmx__btn-text>* {
  white-space: nowrap;
  display: inline-block;
  padding: 0;
  opacity: 0;
  transform: translate3d(0, -14px, 0);
  transition: transform .2s, opacity .2s;
  transition-timing-function: cubic-bezier(.75, 0, .125, 1);
  line-height: normal;
}
.kmx__btn:hover .kmx__btn-text>* {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.kmx__btn:not(:hover) .kmx__btn-text>* {
  transition-delay: 0s !important;
}
/**
 * Form
 */
.form-group:not(.form-button) {
  margin-bottom: 16px;
}
.form-control::placeholder {
  color: var(--clr-grey);
}
textarea.form-control {
  min-height: 160px;
  resize: none;
}
/* -------------------------
    HEADER START 
------------------------- */
.kmx_logo img {
  height: 110px;
  transition: var(--transition);
}
.kmx__header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  top: 20px;
  transition: all 0.3s ease;
  transition: var(--transition);
  padding: 0 20px ;
}
.kmx__header.sticky-active {
  background-color: var(--clr-theme-text);
  top: 0;
  z-index: 10000;
}
.kmx__header.sticky-active .kmx_logo img {
  height: 80px;
}
/* -------------------------
    HEADER END 
------------------------- */

/* -------------------------
    BANNER HERO START 
------------------------- */
.kmx__hero-inner-main {
  height: 98vh;
  width: 100%;
  position: relative;
}
.kmx__hero-inner-main video {
  height: 100vh;
  object-fit: cover;
  width: 100%;
}
.kmx__hero-main {
  position: absolute;
  bottom: 20px;
  width: 100%;
  left: 0;
  z-index: 1;
}
.kmx__hero-inner {
  padding-top: 20px;
}
.kmx__content-box {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.kmx__content-box h1 span {
  line-height: 44px;
  display: inline-block;
  padding: 10px;
  border-radius: 8px;
  align-items: end;
  padding-top: 20px;
}
.kmx__content-box h1 span.kms__color-blue {
  margin-right: 230px;
}
.kms__color-blue {
  background-color: var(--clr-theme-blue);
}
.kms__color-yellow {
  background-color: var(--clr-theme-yellow);
}
.marquee {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  color: var(--clr-theme-white);
  margin-top: 15px;
  border-radius:10px;
  background:linear-gradient(220deg, #faa41aa4 0%, #1380c38c 100%) ;

}
.marquee-content {
  display: inline-flex;
  gap: 20px; 
  animation: scroll 20s linear infinite;
  word-spacing: 3px;
  padding: 10px 0;
}

.marquee-content span {
  font-size: 16px;
  white-space: nowrap;
  position: relative;
  padding-left: 18px;
}
.marquee-content span::after{
  width: 10px;
  height: 10px;
  background-color: var(--clr-theme-blue);
  border-radius: 50%;
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.marquee-content span:nth-child(even):after{
  background-color: var(--clr-theme-yellow);
}
/* Smooth animation */
@keyframes scroll {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
/* -------------------------
    BANNER HERO END 
------------------------- */

/* -------------------------
    CAMPUS VISIT START 
------------------------- */
.kmx__visit-imgbox img {
    height: 64px;
    object-fit: contain;
}
.kmx__visit-imgbox{
  display: flex;
  align-items: center;
  justify-content: center;
}
.kmx__visit .kmx__widget {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 0 10px;
}
.kmx__visit .kmx__widget::after {
  position: absolute;
  content: "";
  background: linear-gradient(270deg, rgba(19, 127, 195, 0) 0%, #137FC3 100%);
  width: 130%;
  height: 100%;
  left: 0;
  bottom: 0;
  top: 0;
  z-index: -1;
  border-radius: var(--radius-sm);
}
.kmx__visit .kmx__widget .kmx__heading {
  color: var(--clr-theme-white);
}
.kmx__visit-box {
  border: 1px solid var(--clr-theme-border);
  border-radius: var(--radius-sm);
}
.kmx__visit-wrap {
  padding: 20px;
  position: relative;
}
.kmx__visit-slider .swiper-wrapper{
  padding-bottom: 0 ;
}
/* .kmx__visit-wrap::after {
  position: absolute;
  content: "";
  right: 16px;
  width: 130px;
  height: 100%;
  bottom: 0;
  background-image: linear-gradient(-90deg, #FFF 10.56%, rgba(255, 255, 255, 0) 100%);
  z-index: 1;
} */
/* -------------------------
    CAMPUS VISIT END 
------------------------- */
/* -------------------------
    GLOBAL START
------------------------- */
.kmx__content-box h2 span {
  line-height: 32px;
  display: inline-block;
  padding: 4px 8px 8px;
  border-radius: 8px;
  align-items: end;
  padding-top: 20px;
  color: var(--clr-theme-white);
}
.kmx__global .kmx__content-box h2 {
  width: 90%;
}
.kmx__content-box h2 {
  color: var(--clr-theme-text);
}
.kmx__global-growth {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}
.kmx__global-right{
  height: 100%;
  position: relative;
  cursor: pointer;
}
.kmx__global-right .kmx__img{
  height: 100%;
}
.kmx__global-right .kmx__img img{
  height: 100%;
  object-fit: cover;
}
.kmx__global-item {
  border: 1px solid var(--clr-theme-border);
  padding: 16px;
  border-radius: var(--radius-sm);
  width: 48%;
  flex: 0 0 auto;
  text-align: center;
  transition:var(--transition);
}
.kmx__global-item:hover{
  border-color: var(--clr-theme-blue);
  transform: translateY(-6px);
}
.kmx__global-item:hover .kmx__global-icon{
  background-color: var(--clr-theme-yellow);
  border-radius: 50%;
}
.kmx__global-item:hover .kmx__global-icon img{
  filter: brightness(100);
  transform: rotateY(360deg);
}
.kmx__global-box {
  display: flex;
  gap: 16px;
  flex-direction: column;
  align-items: center;
  color: var(--clr-theme-text);
}
.kmx__global-icon {
  width: 80px;
  height: 80px;
  border-radius: var(--radius-sm);
  background-color: var(--clr-theme-light-grey);
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  transition:var(--transition);

}
.kmx__global-name {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.kmx__global-icon img {
  height: 40px;
  transition: var(--transition);
}
.kmx__global-name p {
  color: var(--clr-theme-copy);
}
.kmx__global-left .kmx__content-box {
  margin-bottom: 32px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.fancybox__container{
  z-index: 10000;
}
.fancybox__container .fancybox__html5video, .fancybox__iframe{
  object-fit: cover;
}
.play_btnn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--clr-theme-yellow);
  color: #fff;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s;
  z-index: 2;
}
.play_btnn.hide {
  display: none;
}
.poster {
  position: relative;
  width: 100%;
  height: 100%;
}

.poster:after {
  content: "";
  position: absolute;
  inset: 0;
  background: url(https://kmx.academy/wp-content/uploads/2026/03/digital_marketing.webp);
  background-size: cover;
  background-position: center;
  transition: 0.5s ease;
  opacity: 1;
  cursor: pointer;
}

.poster-active:after {
  opacity: 0;
  pointer-events: none;
}
/* -------------------------
    GLOBAL END 
------------------------- */
/* ----------------------
MAN BEHIND START
---------------------- */
.kmx__behind-imgbox {
  position: relative;
  height: 100%;
}
/* .kmx__behind .kmx__content-box h2{
  text-align: center;
} */
.kmx__behind-imgbox .kmx__img {
  height: 100%;
}
.kmx__behind-imgbox .kmx__img img {
  height: 100%;
  object-fit: cover;
}
.kmx__behind-sub-name {
  position: absolute;
  bottom: 0;
  z-index: 11;
  width: 100%;
  padding: 16px;
  color: var(--clr-theme-white);
}
.kmx__behind-wrap {
  margin-top: 28px;
}
.kmx__behind-contentbox {
  border: 1px solid var(--clr-theme-border);
  padding: 20px;
  border-radius: var(--radius-sm);
}
.kmx__behind-contentbox {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.kmx__behind-contentbox .kmx__btn-wrap {
  margin-top: 24px;
  margin-left: auto;
}
.kmx__btn-wrap .kmx__btn.kmx__btn-blue {
  background-color: var(--clr-theme-blue);
}
.kmx__btn.kmx__btn-blue .kmx__btn-text {
  color: var(--clr-theme-white);
}
.kmx__btn.kmx__btn-blue .kmx__btn-icon {
  background-color: var(--clr-theme-white);
  color: var(--clr-theme-blue);
}
/* ----------------------
    MAN BEHIND END
---------------------- */
/* ----------------------
    WORKSHOP START
---------------------- */
.kmx__workshop .kmx__heading .kmx__content-box {
  display: flex;
  justify-content: center;
}
.kmx__workshop .kmx__heading .kmx__content-box h2 {
  font-size: 230px;
  line-height: 200px;
  text-align: center;
}
.kmx__workshop .kmx__heading .kmx__content-box h2 span {
  line-height: 175px;
}
.kmx__workshop-wrap {
  margin-top: -90px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.kmx__workshop-right {
  height: 100%;
}
.kmx__workshop-right .kmx__img {
  height: 100%;
}
.kmx__workshop-right .kmx__img img {
  height: 100%;
  object-fit: cover;
}
.kmx__workshop-box {
  background-color: var(--clr-theme-white);
  padding: 20px;
  border-radius: var(--radius-sm);
  filter:
  drop-shadow(0px 12px 27px rgba(0, 0, 0, 0.10)) drop-shadow(0px 50px 50px rgba(0, 0, 0, 0.09)) drop-shadow(0px 112px 67px rgba(0, 0, 0, 0.05)) drop-shadow(0px 198px 79px rgba(0, 0, 0, 0.02));
  position: sticky;
  top: 75px;
}
.kmx__workshop-left {
  padding: 16px 0px 0 16px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.kmx__workshop-left .kmx__number-class {
  font-size: var(--fs-xxl);
  font-weight: 700;
  font-family: var(--ff-primary);
  color: var(--clr-theme-blue);
  line-height: 65px;
  display: inline-block;
}
.kmx__workshop-left h2 {
  color: var(--clr-theme-text);
}
.kmx__workshop-left ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 24px;
}
.kmx__workshop-left ul li {
  position: relative;
  padding-left: 30px;
}
.kmx__workshop-left ul li::after {
  width: 20px;
  height: 20px;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../images/trick.svg);
  background-size: contain;
}
.kmx__btn-wrap .kmx__btn.kmx__btn-yellow {
  background-color: var(--clr-theme-yellow);
}
.kmx__btn.kmx__btn-yellow .kmx__btn-text {
  color: var(--clr-theme-white);
}
.kmx__btn.kmx__btn-yellow .kmx__btn-icon {
  background-color: var(--clr-theme-white);
  color: var(--clr-theme-yellow);
}
/* ----------------------
    WORKSHOP END
---------------------- */
/* -------------------
ADVANTAGE START 
------------------- */
.kmx__advantage-card {
  position: relative;
  border-radius: var(--radius-sm);
  overflow: hidden;
  transition: var(--transition);
}
.kmx__advantage-card::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(../images/gradinat-color.png);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  background-size: cover;
  background-repeat: no-repeat;
}
.kmx__advantage-imgbox {
  position: absolute;
  z-index: -1;
}
.kmx__advantage-card-content {
  color:var(--clr-theme-white);
  padding: 24px;
  transition: var(--transition);
}
.kmx__advantage-card-content p {
  margin: 16px 0 40px 0;
  height: 100px;
  overflow-y: scroll;
  min-height: auto;
  transition: var(--transition);
}


 .kmx__advantage-card-content p{
  overflow-x: auto;
scrollbar-width: thin;
  scrollbar-color: #1e1e1e8f transparent;
}
 .kmx__advantage-card-content p::-webkit-scrollbar-track{
  background: transparent;
}

 .kmx__advantage-card-content p::-webkit-scrollbar-thumb{
  background: transparent;
  border-radius: 10px;
}
.kmx__student-content p{
  overflow-x: auto;
scrollbar-width: thin;
  scrollbar-color: #1e1e1e8f transparent;
}
.kmx__student-content p::-webkit-scrollbar-track{
  background: transparent;
}

.kmx__student-content p::-webkit-scrollbar-thumb{
  background: transparent;
  border-radius: 10px;
}
.kmx__advantage-card-content h3 {
  padding-top: 24px;
  transition: var(--transition);
  padding-bottom: 50px;
  border-bottom: 1px solid var(--clr-theme-white);
}
.kmx__advantage-card-img {
  margin-bottom: -93px;
  border-radius: 240px 240px 0 0;
  overflow: hidden;
}
.kmx__advantage-slider {
  padding-top: 30px;
}
.kmx__advantage .kmx__heading {
  position: relative;
}
.kmx__advantage .kmx__heading .swiper-button-prev,
.swiper-button-next {
  position: absolute;
  right: 0;
  bottom: 0;
  left: auto;
}
.kmx__advantage .kmx__heading .swiper-button-prev {
  margin-right: 70px;
}
.kmx__advantage-slider .swiper-slide .kmx__advantage-card:hover{
  background-color: var(--clr-theme-white);
  rotate: 3deg;
}
.kmx__advantage-slider .swiper-slide:hover .kmx__advantage-card-content {
  color: var(--clr-theme-text);
}
.kmx__advantage-slider .swiper-slide .kmx__advantage-card:hover.kmx__advantage-card::after{
  display: none;
}
.kmx__advantage-slider .swiper-slide:hover .kmx__advantage-card-content h3 {
  border-color: var(--clr-theme-text);
}

/* -------------------
ADVANTAGE END 
------------------- */

/* -------------------
  SHAPED START
------------------- */
.kmx__shaped-box {
  position: relative;
  display: flex;
  justify-content: space-between;
  background-color: var(--clr-theme-white);
  border-radius: 12px;
  padding: 40px;
  border: 1px solid var(--clr-theme-copy);
  align-items: center;
}
.kmx__shaped-left {
  width: 35%;
}
.kmx__shaped-center {
  width: 34%;
  text-align: center;
  position: relative;
  z-index: 11;
}
.kmx__center-btn {
  background-color: var(--clr-theme-yellow);
  color: var(--clr-theme-white);
  padding: 15px 30px;
  border-radius: var(--radius-sm);
}
.kmx__center-btn h3 {
  position: relative;
}
.kmx__vertical-line.kmx__vertical-line-v2{
  width: fit-content ;
  padding: 0;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.kmx__vertical-line.kmx__vertical-line-v2 span{
  margin: 0;
}
.kmx__vertical-line.kmx__vertical-line-v2 span img{
  width: 24px;
  height: 24px;
}
.kmx__vertical-line {
  width: 65px;
  margin: auto;
  background: linear-gradient(180deg, #71B2DB 0%, #137FC3 100%);
  border-radius: var(--radius-sm);
  padding: 50px 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  position: relative;
}
.kmx__vertical-line.kmx__vertical-line-v2::after{
  height: 1px;
  width: 40px;
  left: -44px;
  transform: translateY(-50%);
  top: 50%;
}
.kmx__vertical-line.kmx__vertical-line-v2::before{
  height: 1px;
  width: 40px;
  right: -44px;
  left: auto;
  transform: translateY(-50%);
  top: 50%;
}
.kmx__vertical-line::after {
  position: absolute;
  height: 40px;
  width: 1px;
  content: "";
  background-color: var(--clr-theme-white);
  left: 50%;
  transform: translateX(-50%);
  top: 12px;
}
.kmx__vertical-line::before {
  position: absolute;
  height: 40px;
  width: 1px;
  content: "";
  background-color: var(--clr-theme-white);
  left: 50%;
  transform: translateX(-50%);
  bottom: 12px;
}
.kmx__vertical-line span {
  width: 50px;
  height: 50px;
  background: var(--clr-theme-white);
  border-radius: 50%;
  margin: 10px auto;
  box-shadow: 5px 3px 4px 0px #00000040 inset;
  display: flex;
  align-items: center;
  justify-content: center;
}
.kmx__shaped-right {
  width: 36%;
}
.kmx__shaped-wrap .kmx__content-block {
  color: var(--clr-theme-text);
  position: relative;
}
.kmx__shaped-wrap .kmx__content-block::after {
  position: absolute;
  top: 50%;
  width: 70%;
  height: 1px;
  background-color: var(--clr-theme-copy);
  left: -301px;
  content: "";
  transform: translateY(-50%);
}
.kmx__shaped-wrap .kmx__content-block h4 {
  margin-bottom: 15px;
}
.kmx__shaped-wrap .kmx__content-block p {
  color: var(--clr-theme-copy);
}
.kmx__shaped-wrap .kmx__content-block:nth-child(1) {
  width: 70%;
  margin-left: auto;
}
.kmx__shaped-wrap .kmx__content-block:nth-child(1)::after {
  width: 64%;
  left: -265px;
}
.kmx__shaped-wrap .kmx__content-block:nth-child(1)::before {
  width: 1px;
  height: 26px;
  content: "";
  left: -265px;
  position: absolute;
  background-color: var(--clr-theme-copy);
  transform: translateY(-50%);
  top: 42%;
}
.kmx__shaped-wrap .kmx__content-block:nth-child(2) {
  width: 80%;
  margin-left: auto;
}
.kmx__shaped-wrap {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
.kmx__badge {
  position: absolute;
  background: var(--clr-theme-white);
  border: 1px solid var(--clr-theme-copy);
  padding: 5px 30px;
  border-radius: var(--radius-sm);
}
.top-left {
  top: -26px;
  left: 7%;
}
.bottom-left {
  bottom: -20px;
  left: 40%;
  transform: translateX(-50%);
}
.top-right {
  top: -26px;
  right: 6%;
}
.kmx__shaped-box .kmx__content-box {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
/* -------------------
  SHAPED END
------------------- */
/* -------------------
  PROGRAMS START
------------------- */
.kmx__programs-wrap {
  display: flex;
  flex-direction: column;
  gap: 120px;
}
.kmx__programs-box {
  display: flex;
  height: 100%;
  padding: 16px;
  gap: 16px;
  border-radius: var(--radius-sm);
  background-color: var(--clr-theme-light-grey);
}
.kmx__programs-box ul {
  display: flex;
  gap: 16px;
}
.kmx__programs-box ul li span {
  width: 50px;
  height: 50px;
  background-color: var(--clr-theme-white);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}
.kmx__programs-box ul li span img {
  height: 30px;
  width: 40px;
  object-fit: contain;
}
.kmx__programs-content {
  color: var(--clr-theme-text);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.kmx__programs-content h3 {
  min-height: 76px;
}
.kmx__programs-content p {
  color: var(--clr-theme-copy);
}
.kmx__programs-content p strong{
  border-top: 1px solid var(--clr-theme-copy); 
    width: 100%;
    display: block;
    padding-top: 10px;
    margin-top: 5px;
}
.kmx__programs-mainbox {
  display: flex;
  gap: 28px;
  align-items: center;
  justify-content: space-between;
}
.kmx__programs-left {
  width: 36%;
  flex: 0 0 auto;
}
.kmx__programs-middle {
  width: 27%;
}
.kmx__programs-box .kmx__img {
  flex: 0 0 auto;
  width: 40%;
}
.kmx__programs-box .kmx__img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.kmx__programs-middle .kmx__content-box {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.kmx__programs-middle .kmx__content-box .kmx__btn-wrap {
  margin-top: 20px;
  justify-content: center;
}
.kmx__center-circle {
  width: 750px;
  height: 750px;
  border: 1px solid var(--clr-theme-border);
  margin: auto;
  border-radius: 50%;
}
.kmx__center-box {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 50%;
  animation: orbit 15s linear infinite;
}
@keyframes orbit {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}
.kmx__center-box span {
  width: 70px;
  height: 70px;
  background-color: var(--clr-theme-white);
  border-radius: 50%;
  border: 1px solid var(--clr-theme-border);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
}
.kmx__center-box span:nth-child(1) {
  left: 50%;
  transform: translateX(-50%);
  top: -30px;
}
.kmx__center-box span:nth-child(2) {
  left: 50%;
  transform: translateX(-50%);
  bottom: -35px;
}
.kmx__center-box span img {
  height: 40px;
}
.kmx__center-circle1 {
  width: 580px;
  height: 580px;
  border: 1px solid var(--clr-theme-border);
  margin: auto;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.kmx__center-box1 {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 50%;
  animation: orbit 15s linear infinite;
}
.kmx__center-box1 span {
  width: 70px;
  height: 70px;
  background-color: var(--clr-theme-white);
  border-radius: 50%;
  border: 1px solid var(--clr-theme-border);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
}
.kmx__center-box1 span:nth-child(1) {
  right: -35px;
  transform: translateY(-50%);
  top: 50%;
}
.kmx__center-box1 span:nth-child(2) {
  left: -36px;
  transform: translateY(-50%);
  top: 50%;
}
.kmx__center-box1 span img {
  height: 40px;
  width: 40px;
  object-fit: contain;
}
.kmx__circle-wrap {
  position: absolute;
  width: fit-content;
  margin: auto;
  left: 50%;
  top: 47%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
/* -------------------
  PROGRAMS END
------------------- */
/* -------------------
  PUTS START
------------------- */
.kmx__puts-mainbox {
  position: relative;
  margin-top: 30px;
}
.kmx__puts-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 30px 50px;
  height: 100%;
}
.kmx__puts-leftbox {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.kmx__puts-left-content {
  color: var(--clr-theme-white);
}
.kmx__puts-left-content h2{
  font-size: 100px;
}
.kmx__card {
  background: var(--clr-theme-white);
  border-radius: var(--radius-sm);
  overflow: hidden;
  box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.15);
}
.kmx__card th {
  text-align: center;
  padding: 18px 0px;
  color: var(--clr-theme-text);
  font-size: var(--fs-md);
  width: 25%;
  font-family: var(--ff-primary);
}
.kmx__card td {
  padding: 16px 0px;
  text-align: center;
  color: var(--clr-theme-copy);
  border-top: 1px solid var(--clr-theme-border);
}
.kmx__card td:nth-child(3) {
  color: var(--clr-theme-yellow);
  font-weight: 600;
}
.kmx__card table thead {
  position: relative;
  z-index: 1;
}
.kmx__card table thead::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(../images/puts__head.webp);
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}
.kmx__card table thead tr {
  position: relative;
  z-index: 1;
}
/* -------------------
  PUTS END
------------------- */
/* -------------------
  CONNECTED START
------------------- */
.kmx__connected-imgbox {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  border-radius: var(--radius-sm);
  background-color: var(--clr-theme-light-grey);
  border: 1px solid var(--clr-theme-border);
}
.kmx__connected-imgbox img {
  height: 85px;
  width: 100px;
  object-fit: contain;
}
.kmx__connected-slider {
  padding-top: 30px;
}
/* -------------------
  CONNECTED END
------------------- */
/* -------------------
  STUDENT START
------------------- */
.kmx__student-box {
  rotate: -2deg;
  position: relative;
}
.kmx__student-right{
  width: 70%;
  margin-left: auto;
}
.kmx__student-item {
  background-color: var(--clr-theme-light-grey);
  border-radius: var(--radius-sm);
  padding: 20px;
}
.kmx__student-box::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1px;
  height: 118%;
  z-index: -1;
  background-color: var(--clr-theme-border);
}
.kmx__student-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.kmx__student-content p{
  height: 120px;
  overflow-y: scroll;
}
.kmx__student-content h3 {
  color: var(--clr-theme-text);
}
.kmx__student-namebox {
  display: flex;
  gap: 16px;
  align-items: center;
  margin-top: 20px;
}
.kmx__student-namebox span {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
}
.kmx__student-namebox span img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.kmx__student-wrap {
  position: relative;
}
.studentswiper{
  padding: 60px 0 90px;
}
.kmx__student {
  overflow: hidden;
}
.kmx__student-wrap::after {
  position: absolute;
  content: "";
  width: 107%;
  height: 1px;
  background-color: var(--clr-theme-border);
  top: 50%;
  transform: translateY(-50%);
  left: -55px;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}
.studentswiper .swiper-slide:nth-child(2) .kmx__student-item {
  background-color: var(--clr-theme-blue);
  color: var(--clr-theme-white);
}
.studentswiper .swiper-slide:nth-child(2) .kmx__student-box .kmx__student-content h3 {
   color: var(--clr-theme-white);
}
.studentswiper .swiper-slide:nth-child(4) .kmx__student-box .kmx__student-content h3 {
   color: var(--clr-theme-white);
}
.studentswiper .swiper-slide:nth-child(2) .kmx__student-box {
  rotate: 2deg;
}
.studentswiper .swiper-slide:nth-child(4) .kmx__student-box {
  rotate: 2deg;
}
.studentswiper .swiper-slide:nth-child(4) .kmx__student-item {
  background-color: var(--clr-theme-yellow);
  color: var(--clr-theme-white);
}
.swiper-button-prev-student, .swiper-button-next-student{
  position: absolute;
  bottom: 0;
  left: 45%;
  background-color: var(--clr-theme-light-grey);
  transform: translateX(-50%);
  color: var(--clr-theme-text);
}
.swiper-button-next-student{
  margin-left: 70px;
}
/* -------------------
  STUDENT END
------------------- */
/* -------------------
  BLOG START
------------------- */
.kmx__blogs-wrap {
  border-radius: var(--radius-sm);
  height: 100%;
  transition:var(--transition);
}
.kmx__blogs-wrap:hover{
  box-shadow: 0 0 13px -8px;
}
.kmx__blogs-wrap:hover .kmx__blogs-name h4 a{
  color: var(--clr-theme-yellow);
}
.kmx__blogs-imgbox {
  border-radius: 16px;
  overflow: hidden;
  padding: 16px;
  border: 1px solid var(--clr-theme-border);
}
.kmx__blogs-imgbox img {
  height: 470px;
  width: 100%;
  object-fit: cover;
}

.kmx__blogs-name h4 a {
  transition: var(--transition);
  color: var(--clr-theme-text);

}
.kmx__blogs-name {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding:20px  10px 10px;
}
.kmx__blogs-main {
  margin-top: 30px;
}
.kmx__blogs-imgbox img {
  transition: .3s ease-in-out;
  border-radius: var(--radius-sm);
}
.kmx__blogs-main .blogSwiper .swiper-slide.swiper-slide-next .kmx__blogs-imgbox .corner {
border-color: var(--clr-theme-yellow);
}
.kmx__blogs-main .blogSwiper .swiper-slide.swiper-slide-next .kmx__blogs-wrap{
  box-shadow: 0 0 13px -8px;
}
.kmx__blogs-imgbox {
  position: relative;
  padding: 15px;
  border-radius: var(--radius-sm);
}
.corner {
  position: absolute;
  width: 40px;
  height: 40px;
}
.kmx__top-left {
  top: 0;
  left: 0;
  border-top: 1px solid var(--clr-theme-blue);
  border-left: 1px solid var(--clr-theme-blue);
  border-top-left-radius: var(--radius-sm);
}
.kmx__top-right {
  top: 0;
  right: 0;
  border-top: 1px solid var(--clr-theme-blue);
  border-right: 1px solid var(--clr-theme-blue);
  border-top-right-radius: var(--radius-sm);
}
.kmx__bottom-left {
  bottom: 0;
  left: 0;
  border-bottom: 1px solid var(--clr-theme-blue);
  border-left: 1px solid var(--clr-theme-blue);
  border-bottom-left-radius: var(--radius-sm);
}
.kmx_bottom-right {
  bottom: 0;
  right: 0;
  border-bottom: 1px solid var(--clr-theme-blue);
  border-right: 1px solid var(--clr-theme-blue);
  border-bottom-right-radius: var(--radius-sm);
}

.blogSwiper {
  padding-bottom: 60px;
}

.blogSwiper .swiper-slide {
  height: auto;
}
.swiper-button-prev-blog, .swiper-button-next-blog {
    position: absolute;
    bottom: 0;
    left: 46%;
    background-color: var(--clr-theme-white);
    transform: translateX(-50%);
    color: var(--clr-theme-text);
}
.swiper-button-next-blog{
  margin-left: 60px;
}
.blogSwiper .swiper-button-next:hover,
.blogSwiper .swiper-button-prev:hover {
  color: var(--clr-theme-white);
}
.kmx__blogs-main .kmx__btn-wrap {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.kmx__blogs-main .kmx__btn-wrap .kmx__btn.kmx__btn-blue{
  padding: 0px;
}
.kmx__blogs-main .kmx__btn-wrap .kmx__btn.kmx__btn-blue span{
  margin: 0;
  rotate: 0deg;
  font-size: 24px;
}
/* -------------------
  BLOG END
------------------- */
/* -------------------
  COHOT START
------------------- */
.kmx__cohot-tab-box {
  display: flex;
  align-items: center;
  gap: 16px;
}
.kmx__cohot-tab {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: end;
}
.kmx__custom-tabs {
  background-color: var(--clr-theme-white);
  padding: 10px 14px;
  border-radius: 50px;
  box-shadow: 4px 4px 9px 0px #00000040 inset;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;

}
.kmx__custom-tabs .nav-item .nav-link {
  border-radius: 50px;
  color: var(--clr-theme-copy);
  padding: 10px 20px;
  transition: var(--transition);
}
.kmx__custom-tabs .nav-item .nav-link:hover{
  background-color: var(--clr-theme-yellow);
  color: var(--clr-theme-white);
}
.kmx__custom-tabs .nav-item .nav-link.active {
  background-color: var(--clr-theme-yellow);
  color: var(--clr-theme-white);
}
.kmx__contact-form {
  background: var(--clr-theme-white);
  border-radius: var(--radius-sm);
  padding: 32px;
}
.kmx__contact-form .form-group {
  display: flex;
  margin-bottom: 30px;
  flex-direction: column;
}
.kmx__contact-form .form-group label {
  margin-bottom: 12px;
  font-size: 18px;
  color: var(--clr-theme-text);
}
.kmx__contact-form .form-group input,
.kmx__contact-form .form-group select,
.kmx__contact-form .form-group textarea {
  border: none;
  border-radius: 10px;
  background-color: var(--clr-theme-light-grey);
  padding: 21px 14px;
  outline: none;
  font-size: 20px;
  color: var(--clr-theme-copy);
  box-shadow: none;
}
.kmx__contact-form .form-group textarea {
  resize: none;
  height: 160px;
}
.kmx__contact-form .form-group input::placeholder,
.kmx__contact-form .form-group textarea::placeholder {
  color: var(--clr-theme-copy);
}
.kmx__cohot-wrap {
  margin-top: 50px;
}
.kmx__submit-wrap {
  position: relative;
  display: flex;
  width: fit-content;
  margin-left: auto;
}
.kmx__submit-input {
  background-color: var(--clr-theme-yellow);
  border: none;
  color: var(--clr-theme-white);
  padding: 12px 60px 10px 20px;
  border-radius: 30px;
  cursor: pointer;
  border: 1px solid var(--clr-theme-yellow);
  transition: var(--transition);
}
.kmx__arrow-circle {
  position: absolute;
  right: 3px;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  background: var(--clr-theme-white);
  color: var(--clr-theme-yellow);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition);
}
.kmx__arrow-circle i {
  rotate: -30deg;
}
.kmx__submit-wrap:hover .kmx__submit-input {
  background-color: var(--clr-theme-white);
  color: var(--clr-theme-yellow);
}
.kmx__submit-wrap:hover .kmx__arrow-circle {
  background-color: var(--clr-theme-yellow);
  color: var(--clr-theme-white);
}
/* -------------------
  COHOT END
------------------- */
/* -------------------
  FAQ START 
------------------- */
.kmx__faq {
  position: relative;
  width: 100%;
}
.kmx__faq-cont {
  text-align: right;
  padding-left: 100px;
  margin-bottom: 40px;
}
.kmx__faq-box .accordion-item {
  border: 1px solid rgba(244, 244, 244, 1);
  border-radius: 15px;
  padding: 20px;
  margin-bottom: 15px;
}
.kmx__faq-box .accordion-item:last-child {
  margin-bottom: 0;
}
.kmx__faq-box .accordion-button {
  color: rgba(30, 30, 30, 1);
  font-size: var(--fs-sm);
  padding: 0 30px 0 0;
}
.kmx__faq-box .accordion-button span {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: rgba(244, 244, 244, 1);
  color: #000;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  font-family: var(--ff-primary);
  flex: 0 0 auto;
}
.kmx__faq-box .accordion-button:not(.collapsed) {
  box-shadow: inherit;
}
.kmx__faq-box .accordion-button:focus {
  box-shadow: inherit;
}
.kmx__faq-box .accordion-button:not(.collapsed) {
  background: inherit;
}
.kmx__faq-box .accordion-button::after {
  display: none;
}
.kmx__faq-box .accordion-button:before {
  top: 10px;
  z-index: 1;
  right: 0px;
  content: '\2b';
  display: flex;
  font-size: 40px;
  color: rgba(94, 94, 94, 1);
  font-family: "Font Awesome 7 Free";
  position: absolute;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  line-height: 32px;
}
.kmx__faq-box .accordion-button:not(.collapsed):before {
  transform: rotate(44deg);
}
.kmx__faq-box .accordion-button:not(.collapsed) span {
  background: var(--clr-theme-white);
}
.kmx__faq-box .accordion-item:has(.accordion-button:not(.collapsed)) {
  background-color: rgba(244, 244, 244, 1);
}
.kmx__faq-box .accordion-body {
  padding: 20px 0 0;
}
/* -------------------
  FAQ END 
------------------- */
/* -------------------
  FOOTER START 
------------------- */
.kmx__footer {
  position: relative;
  width: 100%;
  background: rgba(30, 30, 30, 1);
}
.kmx__footer-top {
  padding: 50px 0 30px;
}
.kmx__footer-left {
  padding-right: 35px;
}
.kmx__footer-logo {
  width: 150px;
}
.kmx__footer-img {
  position: relative;
  height: 500px;
}
.kmx__footer-img .kmx__btn {
  background: var(--clr-theme-white);
}
.kmx__footer-cont {
  position: absolute;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
}
.kmx__footer-img img {
  width: 100%;
  border-radius: 16px;
  height: 100%;
  object-fit: cover
}
.kmx__footer-img .kmx__btn-icon {
  color: var(--clr-theme-white) !important;
}
.kmx__footer-box {
  padding-top: 30px;
}
.kmx__footer-box h4 {
  color: var(--clr-theme-blue);
  margin-bottom: 45px;
}
.kmx__footer-box li a {
  color: var(--clr-theme-white);
  font-size: 18px;
}
.kmx__footer-box li a:hover {
  color: var(--clr-theme-blue);
}
.kmx__footer-box li {
  margin-bottom: 18px;
  display: flex;
}
.kmx__footer-box li:last-child {
  margin-bottom: 0;
}
.kmx__footer-box li {
  color: var(--clr-theme-white);
  font-size: 18px;
}
.kmx__footer-box li span {
  color: var(--clr-theme-yellow);
  display: inline;
  margin-right: 10px;
  font-size: 20px;
}
.kmx__footer-trust li {
  position: relative;
  padding-left: 25px;
}
.kmx__footer-trust li::before {
  position: absolute;
  content: '\f00c';
  font-family: 'Font Awesome 7 Free';
  font-size: 18px;
  color: var(--clr-theme-yellow);
  left: 0;
  top: 0;
  font-weight: 900;
}
.kmx__footer-socail {
  position: relative;
  margin-top: 65px;
  display: flex;
  gap: 15px;
}
.kmx__footer-socail li a {
  font-size: 30px;
}
.kmx__footer-right-cont {
  position: relative;
  margin-top: 35px;
  padding-top: 35px;
  border-top: 1px solid var(--clr-theme-white);
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
}
.footer-right-cont-text {
  width: 28%;
}
.footer-right-cont-text p {
  color: var(--clr-theme-white);
}
.footer-right-cont-text p img {
  display: inline-block;
  margin-left: 10px;
}
.footer-right-cont-text:last-child p {
  color: var(--clr-theme-yellow);
}
.footer-right-cont-text:nth-child(2) p {
  color: var(--clr-theme-blue);
}
.kmx__footer-bottom-text p {
  color: var(--clr-theme-white);
}
.kmx__footer-bottom-text p a {
  color: var(--clr-theme-white);
}
.kmx__footer-bottom-text p a:hover {
  color: var(--clr-theme-blue);
}
.kmx__footer-bottom-text {
  padding: 20px 0;
  border-top: 1px solid var(--clr-theme-white);
  text-align: center;
}
/* -------------------
  FOOTER END 
------------------- */
/* -------------------
  GAIN  START
------------------- */
.kmx__gain-box{
  background-color: var(--clr-theme-light-grey);
  border-radius: var(--radius-sm);
  padding: 16px;
  height: 100%;
}
.kmx__gain-wrap{
  margin-top: 30px;
}
.kmx__gain-box span{
  background-color: var(--clr-theme-white);
  border-radius: 3px;
  width: 80px;
  height:80px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 50px;
  transition: var(--transition);
}
.kmx__gain-box h3{
  color: var(--clr-theme-text);
  margin-bottom: 15px;
  transition: var(--transition);
}
.kmx__gain-box span img{
  width: 40px;
  height: 40px;
  object-fit: contain;
  transition: var(--transition);
}
.kmx__gain .kmx__cohot-tab-box{
  margin-top: 30px;
}
.kmx__gain-box:hover{
  transform: translateY(-10px);
}

.kmx__gain-box{
  transition: var(--transition);
}
.kmx__gain-box:hover span{
  background-color:var(--clr-theme-yellow);
  border-radius: 50%;
  
}
.kmx__gain-box:hover span img{
  transform: rotateY(360deg);
  filter: brightness(100);
}
/* -------------------
  GAIN  END
------------------- */
/* Tooltip box */
.tooltip-inner {
  background-color: var(--clr-theme-white) !important;
  color: #000;
  padding: 10px;
  border-radius: 8px;
  font-size: 16px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.329);
}
.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: var(--clr-theme-white) !important;
}
.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: var(--clr-theme-white);
}
.bs-tooltip-end .tooltip-arrow::after {
  border-right-color: var(--clr-theme-white) !important;
}
.tooltip .tooltip-arrow::before {
  border-right-color: var(--clr-theme-white) !important;
}
/* Tooltip box */
.kmx__vertical-line-v2 .tooltip-inner {
  background-color: var(--clr-theme-white) !important;
  color: #000;
  padding: 10px;
  border-radius: 8px;
  font-size: 16px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}
/* TOP arrow fix */
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
  border-top-color: var(--clr-theme-white) !important;
}
.kmx__card td {
  white-space: nowrap;
}
/* modal form  */
.studentModal {
  position: relative;
  height: 100vh;
  z-index: 99999;
}
.studentModal{
  position: fixed;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/form_bg.webp);
  background-size: cover;
  background-repeat: no-repeat;
}
.kmx__btn-close{
  position: absolute;
  right: 20px;
  top: 20px;
  width: 35px;
  height: 35px;
  background-color: var(--clr-theme-white);
  filter: 
  drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.10))
  drop-shadow(0px 7px 7px rgba(0, 0, 0, 0.09))
  drop-shadow(0px 26px 11px rgba(0, 0, 0, 0.01));
  border-radius: 50%;
  font-size: 14px;
}
.studentModal .modal-content{
  filter: 
  drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.10))
  drop-shadow(0px 7px 7px rgba(0, 0, 0, 0.09))
  drop-shadow(0px 26px 11px rgba(0, 0, 0, 0.01));
  border: none;
}
.studentModal .modal-content .modal-body{
  padding: 30px;
  display: flex;
  flex-direction: column;
  
  justify-content: center;
  text-align: center;
}
.studentModal .kmx__content-box h2 span{
  line-height: 20px;  
}
.studentModal .kmx__content-box{
  gap: 10px;  
}
.studentModal .kmx__content-box p{
  font-size: var(--fs-body);  
}
.progress-wrapper {
  position: relative;
  width: 100%;
  max-width: 520px;
  margin: 25px auto;
}
.kmx-progress {
  height: 10px;
  background: #e5e5e5;
  border-radius: 50px;
  overflow: hidden;
}
.progress-bar {
  width: 100%;
  height: 10px;
  background: var(--clr-theme-blue);
  border-radius: 50px;
  overflow: hidden;
}
.progress-fill {
  height: 100%;
  width: 20%;
  background: var(--clr-theme-blue);
  border-radius: 50px;
  transition: width 0.3s ease;
}
.progress-circle {
  position: absolute;
  top: -18px;
  transform: translateX(-50%);
  width: 45px;
  height: 45px;
  background: #f1f1f1;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  left: 20%;
  color: var(--clr-theme-blue);
  filter: 
  drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.10))
  drop-shadow(0px 7px 7px rgba(0, 0, 0, 0.09))
  drop-shadow(0px 26px 11px rgba(0, 0, 0, 0.01));
  transition: var(--transition);
}
.studentModal .form-group{
  display: flex;
  margin-bottom: 16px;
  flex-direction: column;
}
.studentModal .form-group label {
  margin-bottom: 8px;
  font-size: 16px;
  color: var(--clr-theme-text);
  text-align: left;
}
.studentModal .form-group input, .studentModal .form-group select, .studentModal .form-group textarea{
  border: none;
  box-shadow: none;
  border-radius: 10px;
  background-color: var(--clr-theme-light-grey);
  padding:16px 14px;
  outline: none;
  font-size: 14px;
  color: var(--clr-theme-copy);
}
.studentModal .form-group input::placeholder,
.studentModal .form-group textarea::placeholder {
  color: var(--clr-theme-copy);
}
.studentModal .kmx__submit-input{
  background-color: var(--clr-theme-blue);
  border: none;
  color: var(--clr-theme-white);
  padding: 9px 60px 9px 20px !important;
  border-radius: 30px !important;
  cursor: pointer;
  border: 1px solid var(--clr-theme-blue);
  transition: var(--transition);
}
.studentModal .kmx__submit-wrap:hover .kmx__submit-input{
  background-color: transparent;
  color: var(--clr-theme-blue);
  border: 1px solid var(--clr-theme-blue);
}
.studentModal .kmx__submit-wrap .kmx__arrow-circle{
  color: var(--clr-theme-blue);
  width: 36px;
  height: 36px;
}
.studentModal .kmx__submit-wrap:hover .kmx__arrow-circle{
  background-color: var(--clr-theme-blue);
  color: var(--clr-theme-white);
}
.studentModal .kmx__arrow-circle i{
  rotate: 0deg;
}
.custom__submit-btn{
  display: flex;
  gap: 15px;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}
.studentModal .kmx__submit-wrap{
  width: auto;
  margin: 0;
}
.kmx__submit-wrap-v2 .kmx__arrow-circle{
  left: 5px;
}
.studentModal .kmx__submit-wrap-v2 .kmx__submit-input{
  padding: 9px 20px 9px  60px;
}
.studentModal .kmx__submit-wrap-v2 .kmx__arrow-circle i{
  rotate: 180deg;
}
.studentModal .kmx__submit-wrap-v2:hover .kmx__submit-input{
  background-color: var(--clr-theme-blue);
  color: var(--clr-theme-white);
}
.studentModal .kmx__submit-wrap-v2 .kmx__submit-input{
  background-color: transparent;
  color: var(--clr-theme-blue);
}
.studentModal .kmx__submit-wrap-v2 .kmx__arrow-circle{
  background-color: var(--clr-theme-blue);
  color: var(--clr-theme-white);
}
.studentModal .kmx__submit-wrap-v2:hover .kmx__arrow-circle{
  background-color: var(--clr-theme-white);
  color: var(--clr-theme-blue);
}
.option-group {
  display: flex;
  flex-wrap: wrap;
  gap:0 12px;
}
.option-btn {
  cursor: pointer;
}
.option-btn input {
  display: none;
}
.option-btn label span {
  display: block;
  padding: 15px 14px;
  border: 1px solid var(--clr-theme-light-grey);
  background-color: var(--clr-theme-light-grey);
  border-radius: 8px;
  transition: 0.3s;
  font-size: 14px;
  color: var(--clr-theme-copy);
}
.option-btn input:checked + span {
  background-color: var(--clr-theme-blue);
  color: var(--clr-theme-white);
  border-color: var(--clr-theme-blue);
}
.student__trust-points {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  justify-content: center;
}
.student__trust-box {
  display: flex;
  gap: 5px;
  align-items: center;
  font-size: 14px;
  color: var(--clr-theme-text);
}
.student__trust-box span img{
  height: 24px;
  width: 24px;
}
/* ------------------  */
.institutionModal {
  position: relative;
  height: 100vh;
}
.institutionModal{
  position: fixed;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/form_bg.webp);
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 99999;
}
.kmx__btn-close{
  position: absolute;
  right: 20px;
  top: 20px;
  width: 35px;
  height: 35px;
  background-color: var(--clr-theme-white);
  filter: 
  drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.10))
  drop-shadow(0px 7px 7px rgba(0, 0, 0, 0.09))
  drop-shadow(0px 26px 11px rgba(0, 0, 0, 0.01));
  border-radius: 50%;
  font-size: 14px;
}
.institutionModal .modal-content{
  filter: 
  drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.10))
  drop-shadow(0px 7px 7px rgba(0, 0, 0, 0.09))
  drop-shadow(0px 26px 11px rgba(0, 0, 0, 0.01));
  border: none;
}
.institutionModal .modal-content .modal-body{
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.institutionModal .kmx__content-box h2 span {
  line-height: 36px;
  padding: 14px 8px 8px;
}
.institutionModal .kmx__content-box{
  gap: 10px;  
}
.institutionModal .kmx__content-box p{
  font-size: var(--fs-body);  
}
/* form */
.institutionModal .form-group{
  display: flex;
  margin-bottom: 16px;
  flex-direction: column;
}
.institutionModal .form-group label {
  margin-bottom: 8px;
  font-size: 16px;
  color: var(--clr-theme-text);
  text-align: left;
}
.institutionModal .form-group input,
.institutionModal .form-group select,
.institutionModal .form-group textarea{
  border: none;
  box-shadow: none;
  border-radius: 10px;
  background-color: var(--clr-theme-light-grey);
  padding:16px 14px;
  outline: none;
  font-size: 14px;
  color: var(--clr-theme-copy);
}
.institutionModal .form-group input::placeholder,
.institutionModal .form-group textarea::placeholder {
  color: var(--clr-theme-copy);
}
/* submit button */
.institutionModal .kmx__submit-input{
  background-color: var(--clr-theme-blue);
  border: none;
  color: var(--clr-theme-white);
  padding: 9px 60px 9px 20px !important;
  border-radius: 30px !important;
  cursor: pointer;
  border: 1px solid var(--clr-theme-blue);
  transition: var(--transition);
}
.institutionModal .kmx__submit-wrap:hover .kmx__submit-input{
  background-color: transparent;
  color: var(--clr-theme-blue);
  border: 1px solid var(--clr-theme-blue);
}
.institutionModal .kmx__submit-wrap .kmx__arrow-circle{
  color: var(--clr-theme-blue);
  width: 36px;
  height: 36px;
}
.institutionModal .kmx__submit-wrap:hover .kmx__arrow-circle{
  background-color: var(--clr-theme-blue);
  color: var(--clr-theme-white);
}
.institutionModal .kmx__arrow-circle i{
  rotate: 0deg;
}
.custom__submit-btn{
  display: flex;
  gap: 15px;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  flex-wrap: wrap;
}
.institutionModal .kmx__submit-wrap{
  width: auto;
  margin: 0;
}
.kmx__submit-wrap-v2 .kmx__arrow-circle{
  left: 5px;
}
.institutionModal .kmx__submit-wrap-v2 .kmx__submit-input{
  padding: 9px 20px 9px 60px;
}
.institutionModal .kmx__submit-wrap-v2 .kmx__arrow-circle i{
  rotate: 180deg;
}
.institutionModal .kmx__submit-wrap-v2:hover .kmx__submit-input{
  background-color: var(--clr-theme-blue);
  color: var(--clr-theme-white);
}
.institutionModal .kmx__submit-wrap-v2 .kmx__submit-input{
  background-color: transparent;
  color: var(--clr-theme-blue);
}
.institutionModal .kmx__submit-wrap-v2 .kmx__arrow-circle{
  background-color: var(--clr-theme-blue);
  color: var(--clr-theme-white);
}
.institutionModal .kmx__submit-wrap-v2:hover .kmx__arrow-circle{
  background-color: var(--clr-theme-white);
  color: var(--clr-theme-blue);
}
.kmx__submit-input {
  font-size:14px; 
}
.wpcf7-spinner{
  position: absolute !important;
}
.cf7mls-btns .cf7mls_next.action-button, .cf7mls-btns .cf7mls_back.action-button{
  margin:10px 0 15px 0  !important;
}
.wpcf7-form .fieldset-cf7mls .cf7mls-btns{
  min-height: auto !important;
}
.option-btn .wpcf7-list-item{
  margin-right: 15px;
  margin-left: 0;
}
.option-btn .wpcf7-list-item:last-child{
  margin-right: 0px;
}
.studentModal .cf7mls-btns{
  width: fit-content;
  margin: 0 auto;
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}
.institutionModal .cf7mls-btns{
  width: fit-content;
  margin: 0 auto;
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}
form.cf7mls input.wpcf7-form-control.wpcf7-submit{
  margin: 0  !important;
}
.studentModal .custom__submit-btn{
  margin-top: 0;
}
.institutionModal .custom__submit-btn{
  margin-top: 0;
}
.studentModal .wpcf7 form .wpcf7-response-output{
  margin-top: 0 !important;
}
.institutionModal .wpcf7 form .wpcf7-response-output{
  margin-top: 0 !important;
}
.fieldset-cf7mls-wrapper .wpcf7-not-valid-tip{
  text-align: left;
}
.kmx__submit-input.kmx__btn-back{
  padding: 9px 20px 9px 60px !important;
}
.kmx__btn-next .kmx__arrow-circle{
  color: var(--clr-theme-blue);
  right: 3px;
  transition: var(--transition); 

}
.kmx__submit-input.kmx__btn-back .kmx__arrow-circle{
  position: absolute;
  right: auto;
  left: 4px;
  color: var(--clr-theme-white);
  background-color: var(--clr-theme-blue);
}
.cf7mls_next.action-button img{
  position: absolute;
}
.kmx__submit-input.kmx__btn-next{
  transition: var(--transition);
  padding: 9px 60px 9px 20px !important;
}
.kmx__submit-input.kmx__btn-next:hover{
  background-color: transparent;
  opacity: 1;
  color: var(--clr-theme-blue);
}
.kmx__submit-input.kmx__btn-next:hover .kmx__arrow-circle{
  background-color: var(--clr-theme-blue);
  color: var(--clr-theme-white);
}



.kmx__submit-input.kmx__btn-back{
  transition: var(--transition);
  background-color: transparent;
  color: var(--clr-theme-blue);

}
.kmx__submit-input.kmx__btn-back:hover{
  background-color: var(--clr-theme-blue);
  opacity: 1;
  color: var(--clr-theme-white);
}
.kmx__submit-input.kmx__btn-back:hover .kmx__arrow-circle{
  background-color: var(--clr-theme-white);
  color: var(--clr-theme-blue);
}
.kmx__cohot-wrap .option-btn label span {
    font-size: 16px;
}
.kmx__cohot-wrap .kmx__contact-form .form-group .wpcf7-list-item label{
    margin-bottom: 0 !important;
}
.kmx__cohot-wrap .kmx__contact-form .form-group .option-btn{
    margin-bottom: 0 !important;

}
.back-to-top {
  position: fixed;
  right: 25px;
  bottom: 25px;
  width: 65px;
  height: 65px;
  cursor: pointer;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: all 0.3s ease;
}
.back-to-top.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.back__progress {
  position: absolute;
  width: 65px;
  height: 65px;
  transform: rotate(-90deg);
}
.back__progress circle.back__bg {
  fill: none;
  stroke: #eee;
  stroke-width: 5;
}
.back__progress circle.load_progress {
  fill: none;
  stroke: var(--clr-theme-blue);
  stroke-width: 5;
  stroke-linecap: round;
  stroke-dasharray: 188;
  stroke-dashoffset: 188;
  transition: stroke-dashoffset 0.2s linear;
}
.back-to-top .back__icon {
  position: relative;
  width: 45px;
  height: 45px;
  background: var(--clr-theme-yellow);
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}

.back-to-top:hover .back__icon {
  transform: translateY(0px) scale(1.08);
  background: #faa41a;
  box-shadow: 0 10px 25px rgba(250,164,26,0.6);
}
.back-to-top:active .back__icon {
  transform: scale(0.95);
}


.sticky__btn-group{
    display: none;
}
.sticky__btn-one{
    position: fixed;
    right: -45px;
    top: 28%;
    transform: translateY(-50%) rotate(-90deg);
    z-index: 100;
    padding: 8px 10px;
    background-color:var(--clr-theme-blue) ;
    color: #fff;
    border-radius: 5px 5px 0px 0px;
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
    z-index: 1111;
}
.sticky__btn-two{
    position: fixed;
    right: -58px;
    bottom: 42%;
    transform: translateY(-50%) rotate(-90deg);
    z-index: 100;
    padding: 8px 10px;
    background-color:var(--clr-theme-yellow) ;
    color: #fff;
    border-radius: 5px 5px 0px 0px;
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
    z-index: 1111;
}