/*--------------------------------------------------------------
# Funfact
--------------------------------------------------------------*/
.funfact-card {
    position: relative;
    width: 207px;
    height: 204px;
    padding: 33px 30px;
    text-align: center;
    border-radius: 102px;
    background-color: var(--kaj-white2, #F4F0ED);
    z-index: 1;
  }
  @media (max-width: 1199px) {
    .funfact-card {
      width: 300px;
      height: 297px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 150px;
    }
  }
  @media (max-width: 991px) {
    .funfact-card {
      width: 274px;
      height: 271px;
    }
  }
  @media (max-width: 375px) {
    .funfact-card {
      width: 207px;
      height: 204px;
    }
  }
  .funfact-card::before {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: inherit;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transform: scale(0.7);
    opacity: 0;
    background-color: var(--kaj-base, #E23B33);
    transition: transform 400ms ease, opacity 400ms ease;
  }
  .funfact-card:hover::before {
    opacity: 1;
    transform: scale(1);
  }
  .funfact-card__icon {
    display: inline-flex;
    font-size: 40px;
    color: var(--kaj-black, #212226);
    transition: all 500ms ease;
  }
  .funfact-card__icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
  }
  .funfact-card:hover .funfact-card__icon {
    -webkit-animation-name: wobble-horizontal-hover;
    animation-name: wobble-horizontal-hover;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
  }
  .funfact-card__content {
    margin-top: 4px;
  }
  .funfact-card__count {
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.25;
    transition: all 500ms ease;
  }
  @media (max-width: 375px) {
    .funfact-card__count {
      font-size: 30px;
    }
  }
  .funfact-card__text {
    margin: 0;
    font-family: var(--kaj-special-font, "Caveat", cursive);
    font-size: 20px;
    color: var(--kaj-base, #E23B33);
    font-weight: 700;
    line-height: 1.25;
    transition: all 500ms ease;
  }
  .funfact-card:hover .funfact-card__icon, .funfact-card:hover .funfact-card__count, .funfact-card:hover .funfact-card__text {
    color: var(--kaj-white, #ffffff);
  }
  
  .funfact-one {
    position: relative;
    z-index: 1;
    padding: 200px 0;
    background-color: var(--kaj-black, #000000);
  }
  .funfact-one__grid {
    margin-bottom: -56px;
    padding: 48px 51px;
    background-color: var(--kaj-white, #ffffff);
    border-radius: 150px;
    box-shadow: 0px 4px 60px RGBA(var(--kaj-black-rgb, 33, 34, 38), 0.1);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 80px;
  }
  @media (max-width: 1199px) {
    .funfact-one__grid {
      grid-template-columns: repeat(2, 1fr);
      justify-items: center;
      border-radius: 40px;
    }
  }
  @media (max-width: 991px) {
    .funfact-one__grid {
      padding: 40px;
      grid-gap: 60px;
      border-radius: 150px;
    }
  }
  @media (max-width: 767px) {
    .funfact-one__grid {
      grid-template-columns: repeat(1, 1fr);
      grid-gap: 30px;
      border-radius: 40px;
    }
  }
  @media (max-width: 390px) {
    .funfact-one__grid {
      padding: 40px 30px;
    }
  }
  .funfact-one .funfact-card:not(:last-child)::after {
    content: "";
    width: 1px;
    height: calc(100% + 96px);
    background-color: var(--kaj-white3, #E5DED9);
    position: absolute;
    top: 50%;
    right: -40px;
    transform: translateY(-50%);
  }
  @media (max-width: 1199px) {
    .funfact-one .funfact-card:not(:last-child)::after {
      right: -77px;
    }
  }
  @media (max-width: 991px) {
    .funfact-one .funfact-card:not(:last-child)::after {
      height: calc(100% + 80px);
      right: -30px;
    }
  }
  @media (max-width: 767px) {
    .funfact-one .funfact-card:not(:last-child)::after {
      display: none;
    }
  }
  @media (max-width: 1199px) {
    .funfact-one .funfact-card:nth-child(2)::after {
      display: none;
    }
  }
  
  .funfact-two {
    padding-top: 152px;
    background-color: var(--kaj-white, #ffffff);
  }
  @media (max-width: 1299px) {
    .funfact-two {
      padding-top: var(--section-space, 120px);
    }
  }
  @media (max-width: 767px) {
    .funfact-two {
      padding-top: 100px;
    }
  }
  @media (max-width: 575px) {
    .funfact-two {
      padding-top: 80px;
    }
  }
  .funfact-two .row {
    --bs-gutter-x: 0;
  }
  .funfact-two__image {
    flex: 0 0 auto;
    width: 54.36%;
    border-radius: 10px 0px 0px 10px;
  }
  @media (max-width: 1199px) {
    .funfact-two__image {
      width: 100%;
      border-radius: 10px 10px 0px 0px;
    }
  }
  .funfact-two__image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: inherit;
  }
  .funfact-two__content {
    position: relative;
    flex: 0 0 auto;
    width: 45.64%;
    padding: 40px;
    background-color: var(--kaj-white2);
    border-radius: 0px 10px 10px 0px;
  }
  @media (max-width: 1199px) {
    .funfact-two__content {
      width: 100%;
      border-radius: 0px 0px 10px 10px;
    }
  }
  @media (max-width: 390px) {
    .funfact-two__content {
      padding: 40px 30px 30px;
    }
  }
  .funfact-two__grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px;
    z-index: 2;
  }
  @media (max-width: 1199px) {
    .funfact-two__grid {
      justify-items: center;
      grid-gap: 80px;
    }
  }
  @media (max-width: 991px) {
    .funfact-two__grid {
      grid-gap: 60px;
    }
  }
  @media (max-width: 767px) {
    .funfact-two__grid {
      grid-template-columns: repeat(1, 1fr);
      grid-gap: 30px;
    }
  }
  .funfact-two__grid::before, .funfact-two__grid::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--kaj-border-color, #E5DED9);
  }
  @media (max-width: 767px) {
    .funfact-two__grid::before, .funfact-two__grid::after {
      display: none;
    }
  }
  .funfact-two__grid::before {
    width: 1px;
    height: calc(100% - 86px);
  }
  @media (max-width: 1199px) {
    .funfact-two__grid::before {
      height: 100%;
    }
  }
  .funfact-two__grid::after {
    width: 100%;
    height: 1px;
  }
  .funfact-two .funfact-card {
    background-color: var(--kaj-white, #ffffff);
  }
  .funfact-two .funfact-card__icon {
    color: var(--kaj-base);
  }
  .funfact-two__logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 106px;
    height: 106px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background-color: var(--kaj-white, #ffffff);
    z-index: 2;
    transition: all 500ms ease;
  }
  @media (max-width: 767px) {
    .funfact-two__logo {
      display: none;
    }
  }
  .funfact-two__logo__inner {
    position: relative;
    width: 94px;
    height: 94px;
    border-radius: inherit;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-align: center;
    background-color: var(--kaj-black);
    z-index: 1;
    transition: all 500ms ease;
  }
  .funfact-two__logo__inner::after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transform: scale(0.6);
    opacity: 0;
    background-color: var(--kaj-base);
    transition: transform 400ms ease, opacity 400ms ease;
  }
  .funfact-two__logo img {
    max-width: 100%;
    height: auto;
  }
  .funfact-two__content:hover .funfact-two__logo {
    background-color: var(--kaj-primary);
  }
  .funfact-two__content:hover .funfact-two__logo__inner::after {
    opacity: 1;
    transform: scale(1);
  }
  
  .funfact-three {
    position: relative;
    z-index: 1;
  }
  .funfact-three__grid {
    margin-top: -118px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 40px 30px;
    background-color: var(--kaj-white, #ffffff);
    box-shadow: 0px 4px 40px RGBA(var(--kaj-black2-rgb, 0, 0, 0), 0.1);
    border-radius: 10px;
  }
  @media (max-width: 991px) {
    .funfact-three__grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media (max-width: 499px) {
    .funfact-three__grid {
      padding: 50px 30px 45px;
      grid-template-columns: repeat(1, 1fr);
    }
  }
  .funfact-three .funfact-card {
    width: auto;
    height: auto;
    padding: 50px 30px 44px;
    border-radius: 0px;
    background-color: transparent;
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .funfact-three .funfact-card {
      padding-left: 25px;
      padding-right: 25px;
    }
  }
  @media (max-width: 499px) {
    .funfact-three .funfact-card {
      padding: 0;
    }
  }
  .funfact-three .funfact-card::before {
    display: none;
  }
  .funfact-three .funfact-card:not(:last-child)::after {
    content: "";
    width: 1px;
    height: 100%;
    background-color: var(--kaj-gray4, #D2D2D2);
    position: absolute;
    top: 50%;
    right: -15px;
    transform: translateY(-50%);
  }
  @media (max-width: 991px) {
    .funfact-three .funfact-card:not(:last-child)::after {
      height: calc(100% + 20px);
    }
  }
  @media (max-width: 499px) {
    .funfact-three .funfact-card:not(:last-child)::after {
      display: none;
    }
  }
  @media (max-width: 991px) {
    .funfact-three .funfact-card:nth-child(1)::after {
      top: calc(50% + 10px);
    }
  }
  @media (max-width: 991px) {
    .funfact-three .funfact-card:nth-child(3)::after {
      top: calc(50% - 10px);
    }
  }
  @media (max-width: 991px) {
    .funfact-three .funfact-card:nth-child(2)::after {
      display: none;
    }
  }
  .funfact-three .funfact-card__icon {
    position: relative;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--kaj-white, #ffffff);
    border-radius: 50%;
    background-color: var(--accent-color);
    z-index: 1;
    transition: all 500ms ease;
  }
  .funfact-three .funfact-card__icon::after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transform: scale(0.6);
    opacity: 0;
    background-color: var(--accent-color-hover);
    transition: transform 400ms ease, opacity 400ms ease;
  }
  .funfact-three .funfact-card:hover .funfact-card__icon {
    color: var(--accent-text-color);
  }
  .funfact-three .funfact-card:hover .funfact-card__icon::after {
    opacity: 1;
    transform: scale(1);
  }
  .funfact-three .funfact-card__content {
    margin-top: 18px;
  }
  .funfact-three .funfact-card__count {
    margin-bottom: 3px;
  }
  .funfact-three .funfact-card__text {
    color: var(--kaj-text, #727272);
  }
  .funfact-three .funfact-card:hover .funfact-card__count {
    color: var(--kaj-black);
  }
  .funfact-three .funfact-card:hover .funfact-card__text {
    color: var(--kaj-text, #727272);
  }
  
  .funfact-four__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px 33px;
  }
  @media (max-width: 767px) {
    .funfact-four__grid {
      grid-template-columns: repeat(1, 1fr);
    }
  }
  .funfact-four .funfact-card {
    width: auto;
    height: auto;
    padding: 0;
    border-radius: 0px;
    background-color: transparent;
  }
  .funfact-four .funfact-card::before {
    display: none;
  }
  .funfact-four .funfact-card__inner {
    width: 100%;
    display: flex;
    align-items: center;
  }
  .funfact-four .funfact-card__icon {
    position: relative;
    width: 87px;
    height: 88px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 47px;
    color: var(--kaj-white, #ffffff);
    background-color: var(--kaj-base);
    border-radius: 10px 0px 0px 10px;
    overflow: hidden;
    z-index: 1;
    transition: all 500ms ease;
  }
  .funfact-four .funfact-card__icon::after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: inherit;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transform: scale(0.6);
    opacity: 0;
    background-color: var(--kaj-primary);
    transition: transform 400ms ease, opacity 400ms ease;
  }
  .funfact-four .funfact-card:hover .funfact-card__icon {
    animation-play-state: paused;
  }
  .funfact-four .funfact-card:hover .funfact-card__icon::after {
    opacity: 1;
    transform: scale(1);
  }
  .funfact-four .funfact-card__content {
    position: relative;
    width: calc(100% - 87px);
    margin: 0;
    padding: 22px 20px 24px 25px;
    text-align: center;
    background-color: var(--kaj-white, #ffffff);
    border-radius: 0px 10px 10px 0px;
    overflow: hidden;
    z-index: 1;
    transition: all 500ms ease;
  }
  .funfact-four .funfact-card__content::before {
    content: "";
    width: 5px;
    height: 100%;
    background-color: var(--kaj-base);
    position: absolute;
    top: 0;
    left: 0;
    transition: all 500ms ease;
  }
  .funfact-four .funfact-card__content::after {
    content: "";
    width: 100%;
    height: 0%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: var(--kaj-base);
    z-index: -1;
    transition: all 500ms ease;
  }
  .funfact-four .funfact-card:hover .funfact-card__content::before {
    background-color: var(--kaj-primary);
  }
  .funfact-four .funfact-card:hover .funfact-card__content::after {
    height: 100%;
    top: 0;
  }
  .funfact-four .funfact-card__count {
    margin-bottom: 0;
  }
  .funfact-four .funfact-card__text {
    color: var(--kaj-text, #727272);
  }
  
  .funfact-five {
    position: relative;
    margin-top: 59px;
    z-index: 2;
  }
  .funfact-five__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px 50px;
  }
  @media (max-width: 991px) {
    .funfact-five__grid {
      grid-gap: 30px 40px;
    }
  }
  @media (max-width: 767px) {
    .funfact-five__grid {
      grid-gap: 30px;
    }
  }
  @media (max-width: 575px) {
    .funfact-five__grid {
      grid-template-columns: 1fr;
    }
  }
  .funfact-five .funfact-card {
    width: auto;
    height: auto;
    padding: 0;
    text-align: left;
    border-radius: 0px;
    background-color: transparent;
  }
  @media (min-width: 576px) and (max-width: 991px) {
    .funfact-five .funfact-card {
      text-align: center;
    }
  }
  .funfact-five .funfact-card::before {
    display: none;
  }
  .funfact-five .funfact-card__inner {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 22px;
  }
  @media (min-width: 576px) and (max-width: 991px) {
    .funfact-five .funfact-card__inner {
      flex-direction: column;
    }
  }
  .funfact-five .funfact-card__icon {
    position: relative;
    width: 96px;
    height: 96px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 53px;
    color: var(--kaj-white, #ffffff);
    border-radius: 50%;
    background-color: rgba(var(--kaj-black-rgb), 0.2);
    overflow: hidden;
    z-index: 1;
    transition: all 500ms ease;
  }
  @media (max-width: 375px) {
    .funfact-five .funfact-card__icon {
      width: 80px;
      height: 80px;
      font-size: 40px;
    }
  }
  .funfact-five .funfact-card__icon::after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: inherit;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transform: scale(0.6);
    opacity: 0;
    background-color: var(--kaj-white, #ffffff);
    transition: transform 400ms ease, opacity 400ms ease;
  }
  .funfact-five .funfact-card:hover .funfact-card__icon {
    color: var(--kaj-black);
    animation-play-state: paused;
  }
  .funfact-five .funfact-card:hover .funfact-card__icon::after {
    opacity: 1;
    transform: scale(1);
  }
  .funfact-five .funfact-card__content {
    margin: 0;
  }
  .funfact-five .funfact-card__count {
    margin-bottom: 0;
    justify-content: flex-start;
  }
  @media (min-width: 576px) and (max-width: 991px) {
    .funfact-five .funfact-card__count {
      justify-content: center;
    }
  }
  .funfact-five .funfact-card__count, .funfact-five .funfact-card__text {
    color: var(--kaj-white, #ffffff);
  }

  .funfact-one__bg {
      mask: none;
  }
  

  /*--------------------------------------------------------------
# Events
--------------------------------------------------------------*/
.event-card {
  position: relative;
  border-radius: 10px;
  background-color: var(--kaj-white2, #F4F0ED);
  overflow: hidden;
  z-index: 1;
}
.event-card::after {
  content: "";
  width: 100%;
  height: 0%;
  background-color: var(--kaj-base, #E23B33);
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: inherit;
  z-index: -1;
  transition: all 500ms ease;
}
.event-card:hover::after {
  height: 100%;
  top: 0;
}
.event-card__image {
  position: relative;
  border-radius: 10px;
}
.event-card__image img {
  width: 100%;
  display: block;
  border-radius: inherit;
}
.event-card__date {
  margin: 0;
  padding: 16.5px 27px;
  position: relative;
  position: absolute;
  top: 0;
  right: 0;
  font-family: var(--kaj-heading-font, "Quicksand", sans-serif);
  color: var(--kaj-black, #212226);
  font-weight: 700;
  text-align: center;
  line-height: 1.25;
  background-color: var(--kaj-white2, #F4F0ED);
  border-radius: 9px 9px 0px 9px;
  overflow: hidden;
  z-index: 1;
  transition: all 400ms ease;
}
.event-card__date::after {
  content: "";
  width: 0%;
  height: 100%;
  background-color: var(--kaj-base, #E23B33);
  position: absolute;
  top: 0;
  right: 0;
  border-radius: inherit;
  z-index: -1;
  transition: all 500ms ease;
}
.event-card:hover .event-card__date {
  color: var(--kaj-white, #ffffff);
}
.event-card:hover .event-card__date::after {
  width: 100%;
  left: 0;
}
.event-card__category {
  margin: 0;
  padding: 9px 30px;
  display: inline-block;
  position: absolute;
  left: 30px;
  bottom: -20px;
  font-family: var(--kaj-heading-font, "Quicksand", sans-serif);
  color: var(--kaj-base, #E23B33);
  font-weight: 700;
  text-align: center;
  line-height: 1.625;
  background-color: var(--kaj-white2, #F4F0ED);
  border-radius: 5px;
  z-index: 1;
}
.event-card__content {
  padding: 31px 30px 30px;
  transition: all 500ms ease;
}
@media (min-width: 768px) and (max-width: 991px) {
  .event-card__content {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 425px) {
  .event-card__content {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.event-card__title {
  margin-bottom: 6px;
  font-size: 24px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 1.458;
}
@media (min-width: 768px) and (max-width: 991px) {
  .event-card__title {
    font-size: 22px;
  }
}
@media (max-width: 425px) {
  .event-card__title {
    font-size: 22px;
  }
}
.event-card__title a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.event-card__title a:hover {
  background-size: 100% 1px;
}
.event-card:hover .event-card__title {
  color: var(--kaj-white, #ffffff);
}
.event-card__meta {
  margin: 0 0 26px;
}
.event-card__meta li + li {
  margin-top: 8px;
}
.event-card__meta li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.625;
  transition: all 500ms ease;
}
.event-card__meta li a {
  color: inherit;
  transition: none;
}
.event-card__meta__icon {
  position: relative;
  top: 5px;
  display: inline-flex;
  font-size: 16px;
  color: var(--kaj-base, #E23B33);
  transition: all 500ms ease;
}
.event-card__meta__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.event-card:hover .event-card__meta li {
  color: var(--kaj-white3, #E5DED9);
}
.event-card:hover .event-card__meta__icon {
  color: var(--kaj-primary, #F2B42B);
}

.event-list {
  position: relative;
  border-radius: 20px;
  background-color: var(--kaj-white, #ffffff);
  box-shadow: 0px 8px 50px RGBA(var(--kaj-black-rgb, 33, 34, 38), 0.15);
  overflow: hidden;
  z-index: 1;
  transition: all 400ms ease;
}

.event-list:hover {
  box-shadow: 0px 15px 60px RGBA(var(--kaj-black-rgb, 33, 34, 38), 0.25);
  transform: translateY(-5px);
}
.event-list::after {
  content: "";
  width: 0%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: inherit;
  background-color: var(--kaj-black, #212226);
  z-index: -1;
  transition: all 600ms ease;
}
.event-list:hover::after {
  width: 100%;
  left: 0;
}
.event-list__col-1 {
  width: 38.166%;
  flex: 0 0 auto;
}
@media (max-width: 1199px) {
  .event-list__col-1 {
    width: 45%;
  }
}
@media (max-width: 767px) {
  .event-list__col-1 {
    width: 100%;
  }
}
.event-list__col-2 {
  width: 61.834%;
  flex: 0 0 auto;
}
@media (max-width: 1199px) {
  .event-list__col-2 {
    width: 55%;
  }
}
@media (max-width: 767px) {
  .event-list__col-2 {
    width: 100%;
  }
}
.event-list__content {
  height: 100%;
  padding: 19px 30px 30px 46px;
  display: flex;
  align-items: center;
}
@media (max-width: 1199px) {
  .event-list__content {
    padding-left: 30px;
  }
}
@media (max-width: 767px) {
  .event-list__content {
    padding-bottom: 55px;
  }
}
.event-list__content__inner {
  width: 100%;
}
.event-list__title {
  margin-bottom: 13px;
  font-size: 30px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 1.458;
}
@media (min-width: 768px) and (max-width: 991px) {
  .event-list__title {
    font-size: 25px;
  }
}
@media (max-width: 430px) {
  .event-list__title {
    font-size: 25px;
  }
}
@media (max-width: 390px) {
  .event-list__title {
    font-size: 23px;
  }
}
.event-list__title a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.event-list__title a:hover {
  background-size: 100% 1px;
}
.event-list:hover .event-list__title {
  color: var(--kaj-white, #ffffff);
}
.event-list__meta {
  margin: 0 0 26px;
}
.event-list__meta li + li {
  margin-top: 8px;
}
.event-list__meta li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.625;
  transition: all 500ms ease;
}
.event-list__meta li a {
  color: inherit;
  transition: none;
}
.event-list__meta__icon {
  position: relative;
  top: 5px;
  display: inline-flex;
  font-size: 16px;
  color: var(--kaj-base, #E23B33);
  transition: all 500ms ease;
}
.event-list__meta__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.event-list:hover .event-list__meta li {
  color: var(--kaj-gray4, #D2D2D2);
}
.event-list .kaj-btn {
  color: var(--kaj-black, #212226);
  background-color: var(--kaj-white6, #EFEFEF);
}
.event-list .kaj-btn:hover {
  color: var(--kaj-white, #ffffff);
}
.event-list .kaj-btn__hover {
  background-color: var(--kaj-base, #E23B33);
}
.event-list__image {
  position: relative;
  height: 100%;
}
.event-list__image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: 0 20px 20px 0;
}
@media (max-width: 767px) {
  .event-list__image img {
    border-radius: 0 0 20px 20px;
  }
}
.event-list__date {
  margin: 0;
  padding: 20px 42px;
  position: absolute;
  right: 0;
  bottom: 0;
  font-family: var(--kaj-heading-font, "Quicksand", sans-serif);
  font-size: 24px;
  color: var(--kaj-white, #ffffff);
  font-weight: 700;
  text-align: center;
  line-height: 1.25;
  background-color: RGBA(var(--kaj-base-rgb, 226, 59, 51), 0.6);
  border-radius: 10px 0px 20px 10px;
  z-index: 1;
  transition: all 400ms ease;
}
@media (max-width: 1199px) {
  .event-list__date {
    padding: 15px 30px;
    font-size: 20px;
  }
}
@media (max-width: 575px) {
  .event-list__date {
    padding: 12px 25px;
    font-size: 18px;
  }
}
.event-list__category {
  margin: 0;
  padding: 29px 9px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: -22px;
  writing-mode: vertical-rl;
  transform: translateY(-50%) rotate(180deg);
  font-family: var(--kaj-heading-font, "Quicksand", sans-serif);
  color: var(--kaj-base, #E23B33);
  font-weight: 700;
  text-align: center;
  line-height: 1.625;
  background-color: var(--kaj-white6, #EFEFEF);
  border-radius: 5px;
  transition: all 500ms ease;
  z-index: 1;
}
@media (max-width: 767px) {
  .event-list__category {
    padding: 9px 29px;
    top: -22px;
    left: auto;
    right: 0;
    transform: translateY(0%) rotate(0deg);
    writing-mode: unset;
    border-radius: 5px 0 0 5px;
  }
}
.event-list:hover .event-list__category {
  color: var(--kaj-white, #ffffff);
  background-color: var(--kaj-base, #E23B33);
}

.events-one {
  position: relative;
  background-color: var(--kaj-white2);
}
.events-one .container {
  position: relative;
  z-index: 1;
}
.events-one .event-list__meta__icon,
.events-one .event-list__category {
  color: var(--kaj-primary);
}
.events-one__shape-1, .events-one__shape-2, .events-one__shape-3 {
  max-width: 100%;
  height: auto;
  position: absolute;
}
.events-one__shape-1 {
  top: 209px;
  left: 46px;
  animation: banner3Shake 3s linear infinite;
}
@media (max-width: 1599px) {
  .events-one__shape-1 {
    top: 100px;
    left: 30px;
  }
}
@media (max-width: 1199px) {
  .events-one__shape-1 {
    display: none;
  }
}
.events-one__shape-2 {
  left: 45px;
  bottom: 245px;
  opacity: 0.39;
  animation: animatedText 1500ms ease infinite;
}
@media (max-width: 1599px) {
  .events-one__shape-2 {
    max-width: 150px;
    left: 30px;
  }
}
@media (max-width: 1399px) {
  .events-one__shape-2 {
    display: none;
  }
}
.events-one__shape-3 {
  right: 93px;
  bottom: 0;
  animation: treeMove 3s linear infinite;
}
@media (max-width: 1599px) {
  .events-one__shape-3 {
    right: 50px;
  }
}

@keyframes animatedText {
  0% {
    opacity: 0.39;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.39;
  }
}
.event-page {
  background-color: var(--kaj-white, #ffffff);
}

.events-list-page {
  background-color: var(--kaj-white, #ffffff);
}



/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.service-card {
  position: relative;
}
.service-card__content {
  position: relative;
  padding: 43px 43px 0;
}
@media (min-width: 768px) and (max-width: 991px) {
  .service-card__content {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 430px) {
  .service-card__content {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.service-card__content__overlay {
  position: relative;
  width: 100%;
  height: calc(100% + 20px);
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  border-radius: 10px 10px 0 0;
}
.service-card__content__overlay::before {
  content: "";
  width: 100%;
  height: calc(100% + 20px);
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--kaj-white, #ffffff);
  border-radius: 10px 10px 0 0;
}
.service-card__content__overlay::after {
  content: "";
  width: 100%;
  height: 0%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--kaj-base, #E23B33);
  border-radius: 10px 10px 0 0;
  transition: all 500ms ease;
}
.service-card__content__inner {
  position: relative;
  text-align: center;
  z-index: 2;
}
.service-card:hover .service-card__content__overlay::after {
  height: calc(100% + 20px);
}
.service-card__title {
  margin-bottom: 7px;
  font-size: 20px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 1.25;
  min-height: 80px;
}
.service-card__title a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.service-card__title a:hover {
  background-size: 100% 1px;
}
.service-card__text {
  margin-bottom: 14px;
  line-height: 1.625;
  transition: all 500ms ease;
}
.service-card:hover .service-card__title, .service-card:hover .service-card__text {
  color: var(--kaj-white, #ffffff);
}
.service-card__btn-box {
  margin: 0 auto;
  padding: 8px;
  display: flex;
  justify-content: center;
  width: 74px;
  height: 75px;
  background-color: var(--kaj-black, #212226);
  border-radius: 100px 100px 0 0;
}
.service-card__btn {
  width: 45px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(../images/shapes/service-card-btn-shape-1-1.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  font-size: 14px;
  color: var(--kaj-base, #E23B33);
  transition: all 500ms ease;
}
.service-card__btn svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.service-card__image {
  position: relative;
  z-index: 1;
}
.service-card__image img {
  width: 100%;
  display: block;
  border-radius: 10px;
}
.service-card__image__overlay {
  width: calc(100% - 124px);
  height: calc(100% - 124px);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.5);
  background-color: RGBA(var(--kaj-base-rgb, 226, 59, 51), 0.5);
  border-radius: 10px;
  z-index: 1;
  transition: all 500ms ease;
}
.service-card__image__icon {
  display: inline-flex;
  font-size: 71px;
  color: var(--kaj-white, #ffffff);
}
.service-card__image__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.service-card:hover .service-card__image__overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.service-card__shape {
  display: inline-block !important;
  width: auto !important;
  max-width: 100%;
  position: absolute;
  left: 50%;
  bottom: -34px;
  transform: translateX(-50%);
  z-index: 1;
  transition: all 500ms ease;
}

.service-card-two {
  position: relative;
}
.service-card-two::after {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 10px;
  background-color: var(--kaj-black);
  z-index: 2;
  transition: all 500ms ease;
}
.service-card-two:hover::after {
  background-color: var(--kaj-base);
}
.service-card-two__inner {
  position: relative;
  background-color: var(--kaj-white, #ffffff);
  border-radius: 10px;
  overflow: hidden;
  z-index: 1;
}
.service-card-two__inner::before {
  content: "";
  width: 100%;
  height: 0%;
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: inherit;
  background-color: var(--kaj-black);
  z-index: -1;
  transition: all 500ms ease;
}
.service-card-two__inner:hover::before {
  height: 100%;
  top: 0;
}
.service-card-two__image {
  margin-left: auto;
  position: relative;
  display: table;
  text-align: right;
  overflow: hidden;
}
@media (min-width: 576px) and (max-width: 767px) {
  .service-card-two__image {
    padding-left: 60px;
  }
}
.service-card-two__image img {
  width: auto !important;
  display: inline-block !important;
  max-width: 100%;
  height: auto;
  border-radius: 0px 10px 0px 0px;
  transition: all 500ms ease;
}
.service-card-two:hover .service-card-two__image img {
  transform: scale(1.1);
}
.service-card-two__icon-box {
  width: 108px;
  height: 108px;
  position: relative;
  position: absolute;
  top: -1px;
  left: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: var(--kaj-white, #ffffff);
  transition: all 500ms ease;
  z-index: 1;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 327.000000 327.000000"><g transform="translate(0.000000,327.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M1565 3239 c-33 -4 -95 -7 -137 -8 -43 -1 -97 -6 -120 -11 -24 -6 -72 -17 -108 -25 -36 -7 -81 -18 -100 -24 -19 -5 -58 -17 -86 -25 -49 -14 -152 -57 -184 -77 -8 -5 -25 -13 -37 -19 -13 -5 -23 -14 -23 -19 0 -5 -10 -11 -23 -15 -13 -3 -35 -16 -49 -29 -14 -13 -33 -27 -42 -30 -9 -4 -16 -11 -16 -17 0 -5 -6 -10 -13 -10 -17 0 -69 -54 -61 -63 4 -3 -36 -48 -88 -99 -51 -51 -103 -109 -115 -129 -13 -19 -32 -44 -44 -55 -12 -10 -25 -28 -31 -39 -12 -26 -28 -54 -54 -90 -24 -34 -115 -220 -136 -280 -34 -92 -41 -112 -48 -150 -4 -22 -12 -60 -18 -85 -24 -99 -34 -220 -29 -370 6 -189 25 -307 63 -398 8 -18 14 -39 14 -47 0 -14 20 -66 46 -118 8 -16 14 -39 14 -52 0 -12 7 -28 15 -35 8 -7 15 -17 15 -22 0 -6 12 -27 27 -47 32 -41 50 -69 60 -91 24 -54 190 -244 271 -312 102 -84 159 -128 167 -128 4 0 21 -11 38 -24 48 -35 304 -156 331 -156 8 0 27 -7 42 -15 16 -8 38 -15 49 -15 11 0 49 -10 85 -22 56 -18 153 -32 360 -52 25 -2 76 0 113 6 56 8 75 7 109 -7 46 -18 71 -8 48 20 -11 14 -4 15 75 9 66 -5 86 -4 81 4 -4 7 -14 12 -22 12 -8 0 -14 4 -14 10 0 12 45 24 62 17 25 -9 33 -7 33 10 0 10 9 19 20 21 11 2 34 10 52 18 17 8 36 14 43 14 6 0 34 13 63 29 29 16 70 39 92 51 22 12 54 30 70 41 17 10 37 22 45 26 40 18 213 159 276 224 88 92 186 216 227 287 18 29 40 66 49 80 9 15 31 54 48 87 17 33 44 78 60 100 56 75 69 122 55 197 -6 29 -4 39 7 43 12 5 14 21 11 78 -3 40 0 113 5 162 14 141 -10 396 -49 510 -6 17 -15 48 -20 70 -6 22 -14 44 -20 50 -5 5 -9 19 -9 31 0 12 -7 27 -15 34 -8 7 -15 19 -15 27 0 8 -6 27 -13 41 -8 15 -22 45 -33 67 -10 22 -31 56 -46 76 -15 20 -28 40 -28 44 0 3 -27 42 -60 85 -33 43 -60 85 -60 93 0 8 -27 42 -59 76 -32 34 -61 68 -65 76 -3 8 -14 15 -25 15 -12 0 -28 11 -37 25 -9 14 -22 25 -28 25 -7 0 -25 14 -41 30 -16 17 -35 28 -43 25 -8 -3 -12 1 -10 11 2 9 -6 21 -17 28 -11 6 -22 13 -25 16 -14 14 -70 50 -78 50 -5 0 -15 7 -22 15 -7 8 -20 15 -30 15 -10 0 -24 7 -31 16 -10 12 -23 14 -51 10 -28 -5 -37 -3 -36 6 2 8 -6 12 -22 11 -39 -3 -70 6 -67 20 1 8 -8 11 -28 9 -29 -3 -70 4 -206 34 -37 8 -95 14 -130 15 -35 0 -86 4 -114 7 -27 4 -77 4 -110 1z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 327.000000 327.000000"><g transform="translate(0.000000,327.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M1565 3239 c-33 -4 -95 -7 -137 -8 -43 -1 -97 -6 -120 -11 -24 -6 -72 -17 -108 -25 -36 -7 -81 -18 -100 -24 -19 -5 -58 -17 -86 -25 -49 -14 -152 -57 -184 -77 -8 -5 -25 -13 -37 -19 -13 -5 -23 -14 -23 -19 0 -5 -10 -11 -23 -15 -13 -3 -35 -16 -49 -29 -14 -13 -33 -27 -42 -30 -9 -4 -16 -11 -16 -17 0 -5 -6 -10 -13 -10 -17 0 -69 -54 -61 -63 4 -3 -36 -48 -88 -99 -51 -51 -103 -109 -115 -129 -13 -19 -32 -44 -44 -55 -12 -10 -25 -28 -31 -39 -12 -26 -28 -54 -54 -90 -24 -34 -115 -220 -136 -280 -34 -92 -41 -112 -48 -150 -4 -22 -12 -60 -18 -85 -24 -99 -34 -220 -29 -370 6 -189 25 -307 63 -398 8 -18 14 -39 14 -47 0 -14 20 -66 46 -118 8 -16 14 -39 14 -52 0 -12 7 -28 15 -35 8 -7 15 -17 15 -22 0 -6 12 -27 27 -47 32 -41 50 -69 60 -91 24 -54 190 -244 271 -312 102 -84 159 -128 167 -128 4 0 21 -11 38 -24 48 -35 304 -156 331 -156 8 0 27 -7 42 -15 16 -8 38 -15 49 -15 11 0 49 -10 85 -22 56 -18 153 -32 360 -52 25 -2 76 0 113 6 56 8 75 7 109 -7 46 -18 71 -8 48 20 -11 14 -4 15 75 9 66 -5 86 -4 81 4 -4 7 -14 12 -22 12 -8 0 -14 4 -14 10 0 12 45 24 62 17 25 -9 33 -7 33 10 0 10 9 19 20 21 11 2 34 10 52 18 17 8 36 14 43 14 6 0 34 13 63 29 29 16 70 39 92 51 22 12 54 30 70 41 17 10 37 22 45 26 40 18 213 159 276 224 88 92 186 216 227 287 18 29 40 66 49 80 9 15 31 54 48 87 17 33 44 78 60 100 56 75 69 122 55 197 -6 29 -4 39 7 43 12 5 14 21 11 78 -3 40 0 113 5 162 14 141 -10 396 -49 510 -6 17 -15 48 -20 70 -6 22 -14 44 -20 50 -5 5 -9 19 -9 31 0 12 -7 27 -15 34 -8 7 -15 19 -15 27 0 8 -6 27 -13 41 -8 15 -22 45 -33 67 -10 22 -31 56 -46 76 -15 20 -28 40 -28 44 0 3 -27 42 -60 85 -33 43 -60 85 -60 93 0 8 -27 42 -59 76 -32 34 -61 68 -65 76 -3 8 -14 15 -25 15 -12 0 -28 11 -37 25 -9 14 -22 25 -28 25 -7 0 -25 14 -41 30 -16 17 -35 28 -43 25 -8 -3 -12 1 -10 11 2 9 -6 21 -17 28 -11 6 -22 13 -25 16 -14 14 -70 50 -78 50 -5 0 -15 7 -22 15 -7 8 -20 15 -30 15 -10 0 -24 7 -31 16 -10 12 -23 14 -51 10 -28 -5 -37 -3 -36 6 2 8 -6 12 -22 11 -39 -3 -70 6 -67 20 1 8 -8 11 -28 9 -29 -3 -70 4 -206 34 -37 8 -95 14 -130 15 -35 0 -86 4 -114 7 -27 4 -77 4 -110 1z"/> </g> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: top center;
  mask-position: top center;
  -webkit-mask-size: auto;
  mask-size: auto;
}
.service-card-two:hover .service-card-two__icon-box {
  background-color: var(--kaj-black);
}
.service-card-two__icon {
  position: relative;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 34px;
  color: var(--kaj-white, #ffffff);
  background-color: var(--kaj-black);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 327.000000 327.000000"><g transform="translate(0.000000,327.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M1565 3239 c-33 -4 -95 -7 -137 -8 -43 -1 -97 -6 -120 -11 -24 -6 -72 -17 -108 -25 -36 -7 -81 -18 -100 -24 -19 -5 -58 -17 -86 -25 -49 -14 -152 -57 -184 -77 -8 -5 -25 -13 -37 -19 -13 -5 -23 -14 -23 -19 0 -5 -10 -11 -23 -15 -13 -3 -35 -16 -49 -29 -14 -13 -33 -27 -42 -30 -9 -4 -16 -11 -16 -17 0 -5 -6 -10 -13 -10 -17 0 -69 -54 -61 -63 4 -3 -36 -48 -88 -99 -51 -51 -103 -109 -115 -129 -13 -19 -32 -44 -44 -55 -12 -10 -25 -28 -31 -39 -12 -26 -28 -54 -54 -90 -24 -34 -115 -220 -136 -280 -34 -92 -41 -112 -48 -150 -4 -22 -12 -60 -18 -85 -24 -99 -34 -220 -29 -370 6 -189 25 -307 63 -398 8 -18 14 -39 14 -47 0 -14 20 -66 46 -118 8 -16 14 -39 14 -52 0 -12 7 -28 15 -35 8 -7 15 -17 15 -22 0 -6 12 -27 27 -47 32 -41 50 -69 60 -91 24 -54 190 -244 271 -312 102 -84 159 -128 167 -128 4 0 21 -11 38 -24 48 -35 304 -156 331 -156 8 0 27 -7 42 -15 16 -8 38 -15 49 -15 11 0 49 -10 85 -22 56 -18 153 -32 360 -52 25 -2 76 0 113 6 56 8 75 7 109 -7 46 -18 71 -8 48 20 -11 14 -4 15 75 9 66 -5 86 -4 81 4 -4 7 -14 12 -22 12 -8 0 -14 4 -14 10 0 12 45 24 62 17 25 -9 33 -7 33 10 0 10 9 19 20 21 11 2 34 10 52 18 17 8 36 14 43 14 6 0 34 13 63 29 29 16 70 39 92 51 22 12 54 30 70 41 17 10 37 22 45 26 40 18 213 159 276 224 88 92 186 216 227 287 18 29 40 66 49 80 9 15 31 54 48 87 17 33 44 78 60 100 56 75 69 122 55 197 -6 29 -4 39 7 43 12 5 14 21 11 78 -3 40 0 113 5 162 14 141 -10 396 -49 510 -6 17 -15 48 -20 70 -6 22 -14 44 -20 50 -5 5 -9 19 -9 31 0 12 -7 27 -15 34 -8 7 -15 19 -15 27 0 8 -6 27 -13 41 -8 15 -22 45 -33 67 -10 22 -31 56 -46 76 -15 20 -28 40 -28 44 0 3 -27 42 -60 85 -33 43 -60 85 -60 93 0 8 -27 42 -59 76 -32 34 -61 68 -65 76 -3 8 -14 15 -25 15 -12 0 -28 11 -37 25 -9 14 -22 25 -28 25 -7 0 -25 14 -41 30 -16 17 -35 28 -43 25 -8 -3 -12 1 -10 11 2 9 -6 21 -17 28 -11 6 -22 13 -25 16 -14 14 -70 50 -78 50 -5 0 -15 7 -22 15 -7 8 -20 15 -30 15 -10 0 -24 7 -31 16 -10 12 -23 14 -51 10 -28 -5 -37 -3 -36 6 2 8 -6 12 -22 11 -39 -3 -70 6 -67 20 1 8 -8 11 -28 9 -29 -3 -70 4 -206 34 -37 8 -95 14 -130 15 -35 0 -86 4 -114 7 -27 4 -77 4 -110 1z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 327.000000 327.000000"><g transform="translate(0.000000,327.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M1565 3239 c-33 -4 -95 -7 -137 -8 -43 -1 -97 -6 -120 -11 -24 -6 -72 -17 -108 -25 -36 -7 -81 -18 -100 -24 -19 -5 -58 -17 -86 -25 -49 -14 -152 -57 -184 -77 -8 -5 -25 -13 -37 -19 -13 -5 -23 -14 -23 -19 0 -5 -10 -11 -23 -15 -13 -3 -35 -16 -49 -29 -14 -13 -33 -27 -42 -30 -9 -4 -16 -11 -16 -17 0 -5 -6 -10 -13 -10 -17 0 -69 -54 -61 -63 4 -3 -36 -48 -88 -99 -51 -51 -103 -109 -115 -129 -13 -19 -32 -44 -44 -55 -12 -10 -25 -28 -31 -39 -12 -26 -28 -54 -54 -90 -24 -34 -115 -220 -136 -280 -34 -92 -41 -112 -48 -150 -4 -22 -12 -60 -18 -85 -24 -99 -34 -220 -29 -370 6 -189 25 -307 63 -398 8 -18 14 -39 14 -47 0 -14 20 -66 46 -118 8 -16 14 -39 14 -52 0 -12 7 -28 15 -35 8 -7 15 -17 15 -22 0 -6 12 -27 27 -47 32 -41 50 -69 60 -91 24 -54 190 -244 271 -312 102 -84 159 -128 167 -128 4 0 21 -11 38 -24 48 -35 304 -156 331 -156 8 0 27 -7 42 -15 16 -8 38 -15 49 -15 11 0 49 -10 85 -22 56 -18 153 -32 360 -52 25 -2 76 0 113 6 56 8 75 7 109 -7 46 -18 71 -8 48 20 -11 14 -4 15 75 9 66 -5 86 -4 81 4 -4 7 -14 12 -22 12 -8 0 -14 4 -14 10 0 12 45 24 62 17 25 -9 33 -7 33 10 0 10 9 19 20 21 11 2 34 10 52 18 17 8 36 14 43 14 6 0 34 13 63 29 29 16 70 39 92 51 22 12 54 30 70 41 17 10 37 22 45 26 40 18 213 159 276 224 88 92 186 216 227 287 18 29 40 66 49 80 9 15 31 54 48 87 17 33 44 78 60 100 56 75 69 122 55 197 -6 29 -4 39 7 43 12 5 14 21 11 78 -3 40 0 113 5 162 14 141 -10 396 -49 510 -6 17 -15 48 -20 70 -6 22 -14 44 -20 50 -5 5 -9 19 -9 31 0 12 -7 27 -15 34 -8 7 -15 19 -15 27 0 8 -6 27 -13 41 -8 15 -22 45 -33 67 -10 22 -31 56 -46 76 -15 20 -28 40 -28 44 0 3 -27 42 -60 85 -33 43 -60 85 -60 93 0 8 -27 42 -59 76 -32 34 -61 68 -65 76 -3 8 -14 15 -25 15 -12 0 -28 11 -37 25 -9 14 -22 25 -28 25 -7 0 -25 14 -41 30 -16 17 -35 28 -43 25 -8 -3 -12 1 -10 11 2 9 -6 21 -17 28 -11 6 -22 13 -25 16 -14 14 -70 50 -78 50 -5 0 -15 7 -22 15 -7 8 -20 15 -30 15 -10 0 -24 7 -31 16 -10 12 -23 14 -51 10 -28 -5 -37 -3 -36 6 2 8 -6 12 -22 11 -39 -3 -70 6 -67 20 1 8 -8 11 -28 9 -29 -3 -70 4 -206 34 -37 8 -95 14 -130 15 -35 0 -86 4 -114 7 -27 4 -77 4 -110 1z"/> </g> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: top center;
  mask-position: top center;
  -webkit-mask-size: auto;
  mask-size: auto;
}
.service-card-two:hover .service-card-two__icon {
  color: var(--kaj-white, #ffffff);
  background-color: var(--kaj-primary);
}
.service-card-two:hover .service-card-two__icon::after {
  opacity: 1;
  transform: scale(1);
}
.service-card-two__content {
  padding: 22px 29px 30px;
}
@media (min-width: 576px) and (max-width: 767px) {
  .service-card-two__content {
    padding: 22px 25px 25px;
  }
}
.service-card-two__title {
  margin-bottom: 2px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}
.service-card-two__title a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.service-card-two__title a:hover {
  background-size: 100% 1px;
}
.service-card-two__text {
  margin-bottom: 21px;
  transition: all 500ms ease;
}
.service-card-two:hover .service-card-two__title {
  color: var(--kaj-white, #ffffff);
}
.service-card-two:hover .service-card-two__text {
  color: var(--kaj-white3);
}
.service-card-two .kaj-btn {
  padding: 12.63px 29.5px 9.63px;
  font-size: 14px;
}
.service-card-two .kaj-btn:hover {
  color: var(--kaj-black);
}
.service-card-two:hover .kaj-btn {
  border-color: var(--kaj-white, #ffffff);
  background-color: var(--kaj-white, #ffffff);
}

.service-card-three {
  position: relative;
  padding: 30px 31px 0px;
  border-radius: 10px;
}
.service-card-three::after {
  content: "";
  width: 100%;
  height: calc(100% - 33px);
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--kaj-white, #ffffff);
  border-radius: inherit;
}
.service-card-three__content {
  position: relative;
  text-align: center;
  z-index: 1;
}
.service-card-three__icon {
  position: relative;
  margin: 0 auto 12px;
  width: 86px;
  height: 86px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: var(--kaj-white6, #EFEFEF);
  font-size: 50px;
  color: var(--kaj-base);
  z-index: 1;
  transition: all 500ms ease;
}
.service-card-three__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.service-card-three__icon::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transform: scale(0.5);
  opacity: 0;
  background-color: var(--kaj-black);
  transition: transform 400ms ease, opacity 400ms ease;
}
.service-card-three:hover .service-card-three__icon {
  color: var(--kaj-primary);
}
.service-card-three:hover .service-card-three__icon::after {
  opacity: 1;
  transform: scale(1);
}
.service-card-three__title {
  margin-bottom: 3px;
  font-size: 20px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 1.5;
}
.service-card-three__title:hover {
  color: var(--kaj-base);
}
.service-card-three__title a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.service-card-three__title a:hover {
  background-size: 100% 1px;
}
.service-card-three__text {
  margin-bottom: 24px;
  font-weight: 600;
}
.service-card-three__btn {
  margin: 0 auto;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: var(--kaj-white, #ffffff);
}
.service-card-three__btn__icon {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: inherit;
  background-color: var(--kaj-white6, #EFEFEF);
  font-size: 20px;
  color: var(--kaj-base);
  transition: all 500ms ease;
}
.service-card-three__btn__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.service-card-three__btn:hover .service-card-three__btn__icon {
  color: var(--kaj-black);
  background-color: var(--kaj-primary);
  transform: rotate(45deg);
}

.service-card-four {
  padding-top: 120px;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.service-card-four__bg {
  width: 100%;
  height: calc(100% - 16px);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  position: absolute;
  top: 0px;
  right: 0px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-40%);
  border-radius: 10px 10px 0px 0px;
  transition: all 500ms ease;
}
.service-card-four:hover .service-card-four__bg {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.service-card-four__content {
  position: relative;
  z-index: 1;
}
.service-card-four__title {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  padding: 39px 30px 0px;
  width: calc(100% - 40px);
  text-align: center;
  border-radius: 10px 10px 0px 0px;
  background-color: var(--kaj-base);
  transition: all 500ms ease;
  z-index: 2;
}
.service-card-four__title h3 {
  margin-bottom: 8px;
  font-family: var(--kaj-font, "Plus Jakarta Sans", sans-serif);
  font-size: 20px;
  color: var(--kaj-white, #ffffff);
  font-weight: 600;
  text-transform: capitalize;
  line-height: 1.3;
}
.service-card-four__title h3 a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.service-card-four__title h3 a:hover {
  background-size: 100% 1px;
}
.service-card-four:hover .service-card-four__title {
  padding-top: 19px;
  top: 20px;
  background-color: rgba(var(--kaj-primary-rgb), 0.8);
}
.service-card-four__icon-box {
  width: 68px;
  height: 68px;
  position: relative;
  margin: 0 auto -21px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: var(--kaj-base);
  border-radius: 50%;
  z-index: 2;
  transition: all 500ms ease;
}
.service-card-four:hover .service-card-four__icon-box {
  background-color: var(--kaj-white, #ffffff);
}
.service-card-four__icon {
  width: 55.86px;
  height: 55.86px;
  font-size: 33px;
  color: var(--kaj-black);
  border-radius: inherit;
  background-color: var(--kaj-white, #ffffff);
}
.service-card-four__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.service-card-four:hover .service-card-four__icon {
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.service-card-four__text-box {
  position: relative;
  padding: 33px 27px 23px;
  text-align: center;
  background-color: var(--kaj-white2);
  border-radius: 10px;
  overflow: hidden;
  z-index: 1;
}
.service-card-four__text-box::before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background-color: var(--kaj-black);
  position: absolute;
  left: -105%;
  bottom: -105%;
  opacity: 0;
  z-index: -1;
  transition: all 500ms ease;
}
.service-card-four:hover .service-card-four__text-box::before {
  left: 0;
  bottom: 0;
  opacity: 1;
}
.service-card-four__text {
  margin: 0;
  font-weight: 600;
  transition: all 500ms ease;
}
.service-card-four:hover .service-card-four__text {
  color: var(--kaj-white3);
}

.service-card-five {
  position: relative;
  border-radius: 10px;
}
.service-card-five::after {
  content: "";
  width: 100%;
  height: calc(100% - 20px);
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: inherit;
  background-color: var(--kaj-white, #ffffff);
  border: 1px solid var(--kaj-gray3, #E3DDD8);
  filter: drop-shadow(0px 4px 40px RGBA(var(--kaj-black-rgb, 33, 34, 38), 0.1));
  transition: all 500ms ease;
}
.service-card-five:hover::after {
  border-color: var(--kaj-base);
}
.service-card-five__content {
  position: relative;
  z-index: 1;
}
.service-card-five__top {
  display: flex;
}
.service-card-five__top__right {
  width: calc(100% - 121px);
  padding: 29px 25px 16px 25px;
}
@media (max-width: 375px) {
  .service-card-five__top__right {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.service-card-five__image {
  position: relative;
  width: auto !important;
  display: inline-block !important;
  max-width: 100%;
  height: auto;
  flex-shrink: 0;
  border-radius: 10px 10px 10px 0px;
  object-fit: cover;
  z-index: 1;
}
.service-card-five__icon-box {
  position: relative;
  margin-bottom: 10px;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: var(--kaj-white5, #F5F1EE);
  border-radius: 50%;
  z-index: 1;
  transition: all 500ms ease;
}
.service-card-five:hover .service-card-five__icon-box {
  background-color: var(--kaj-base);
}
.service-card-five__icon {
  display: inline-flex;
  font-size: 26px;
  color: var(--kaj-base);
}
.service-card-five__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.service-card-five:hover .service-card-five__icon {
  color: var(--kaj-white, #ffffff);
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.service-card-five__title {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 1.25;
}
.service-card-five__title:hover {
  color: var(--kaj-base);
}
.service-card-five__title a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.service-card-five__title a:hover {
  background-size: 100% 1px;
}
.service-card-five__text-box {
  margin-top: -1px;
  position: relative;
  padding: 21px 25px;
  border-top: 1px solid var(--kaj-gray3, #E3DDD8);
  transition: all 500ms ease;
}
.service-card-five:hover .service-card-five__text-box {
  border-color: var(--kaj-base);
}
.service-card-five__text {
  margin: 0;
  font-weight: 600;
}
.service-card-five__btn {
  margin-left: 20px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--kaj-black);
  border-radius: 50%;
  overflow: hidden;
  transition: all 500ms ease;
}
.service-card-five__btn:hover {
  background-color: var(--kaj-base);
}
.service-card-five__btn__icon {
  display: inline-flex;
  font-size: 16px;
  color: var(--kaj-white, #ffffff);
}
.service-card-five__btn__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.service-card-five__btn:hover .service-card-five__btn__icon {
  animation: slideLeft 400ms;
}

.services-one {
  position: relative;
  overflow: hidden;
  background-color: var(--kaj-black2, #000000);
}
.services-one::after {
  content: "";
  width: 100%;
  height: 290px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: var(--kaj-white, #ffffff);
}
.services-one__bg {
  width: 100%;
  height: calc(100% - 290px);
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  mix-blend-mode: luminosity;
}
.services-one__bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: RGBA(var(--kaj-black-rgb, 33, 34, 38), 0.9);
}
.services-one .container {
  position: relative;
  z-index: 1;
}
.services-one__top {
  margin-bottom: 60px;

  border-bottom: 1px solid var(--kaj-text, #727272);
}
@media (max-width: 991px) {
  .services-one__top {
    padding-bottom: 40px;
  }
}
.services-one .sec-title__title {
  color: var(--kaj-white, #ffffff);
}
.services-one__text-box {
  padding-left: 68px;
}
@media (max-width: 1199px) {
  .services-one__text-box {
    padding-left: 0;
  }
}
.services-one__text {
  margin: 0;
}
.services-one__custome-navs {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
@media (max-width: 991px) {
  .services-one__custome-navs {
    margin-top: 20px;
  }
}
.services-one__custome-navs button {
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
  width: 45px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  font-size: 16px;
  color: var(--kaj-white, #ffffff);
  background-color: var(--kaj-text, #727272);
  border-radius: 50%;
  transition: all 400ms ease;
}
.services-one__custome-navs button svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.services-one__custome-navs button:hover {
  color: var(--kaj-white, #ffffff);
  background-color: var(--kaj-base, #E23B33);
}
.services-one__custome-navs button span {
  border: none;
  outline: none;
  color: inherit;
}
@media (min-width: 1200px) {
  .services-one__container {
    padding-right: 0;
    margin-left: calc((100% - 1200px) / 2);
    width: auto;
    min-width: auto;
    max-width: inherit;
  }
}

.services-two {
  position: relative;
  background-color: var(--kaj-white2);
}
.services-two__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  mix-blend-mode: luminosity;
  opacity: 0.5;
}
.services-two .container {
  position: relative;
  z-index: 1;
}
.services-two__carousel.owl-carousel .owl-nav button {
  background-color: var(--kaj-white, #ffffff);
}

.services-three {
  position: relative;
  background-color: var(--kaj-white6, #EFEFEF);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 354.000000"><g transform="translate(0.000000,354.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M0 1845 c0 -1607 1 -1695 18 -1695 104 -3 500 -21 657 -29 457 -25 633 -33 885 -41 146 -5 330 -14 410 -20 80 -5 213 -10 295 -10 83 -1 213 -5 290 -10 713 -47 3314 -47 3985 0 74 5 198 9 275 10 77 0 205 5 285 11 80 5 258 14 395 19 278 10 546 23 920 45 138 9 284 15 326 15 42 0 117 3 167 6 l92 7 0 1693 0 1694 -4500 0 -4500 0 0 -1695z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 354.000000"><g transform="translate(0.000000,354.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M0 1845 c0 -1607 1 -1695 18 -1695 104 -3 500 -21 657 -29 457 -25 633 -33 885 -41 146 -5 330 -14 410 -20 80 -5 213 -10 295 -10 83 -1 213 -5 290 -10 713 -47 3314 -47 3985 0 74 5 198 9 275 10 77 0 205 5 285 11 80 5 258 14 395 19 278 10 546 23 920 45 138 9 284 15 326 15 42 0 117 3 167 6 l92 7 0 1693 0 1694 -4500 0 -4500 0 0 -1695z"/> </g> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: top center;
  mask-position: top center;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.services-three__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.services-three .container {
  position: relative;
  z-index: 1;
}
.services-three__carousel.owl-carousel .owl-nav button {
  background-color: var(--kaj-white, #ffffff);
}

.services-four {
  background-color: var(--kaj-white, #ffffff);
}

.services-five {
  position: relative;
  background-color: var(--kaj-white5, #F5F1EE);
  overflow: hidden;
}
.services-five .container {
  position: relative;
  z-index: 1;
}
.services-five__carousel.owl-carousel .owl-nav button {
  background-color: var(--kaj-white, #ffffff);
}
.services-five__shape {
  max-width: 100%;
  height: auto;
  position: absolute;
  right: 0;
  bottom: 0;
  animation: moveHorizontal 2s linear infinite;
}

.services-page {
  background-color: var(--kaj-white, #ffffff);
}
.services-page--one, .services-page--two, .services-page--three {
  background-color: var(--kaj-white6, #EFEFEF);
}
.services-page--one .services-page__carousel.owl-carousel .owl-nav button, .services-page--two .services-page__carousel.owl-carousel .owl-nav button, .services-page--three .services-page__carousel.owl-carousel .owl-nav button {
  background-color: var(--kaj-white, #ffffff);
}
.services-page--one .services-page__carousel.owl-carousel .owl-nav button:hover, .services-page--two .services-page__carousel.owl-carousel .owl-nav button:hover, .services-page--three .services-page__carousel.owl-carousel .owl-nav button:hover {
  color: var(--kaj-white, #ffffff);
  background-color: var(--kaj-base, #E23B33);
}



.section-space-top {
  padding-top: var(--section-space, 120px);
}
@media (max-width: 767px) {
  .section-space-top {
    padding-top: 100px;
  }
}
@media (max-width: 575px) {
  .section-space-top {
    padding-top: 80px;
  }
}



/*--------------------------------------------------------------
# Cards
--------------------------------------------------------------*/
.video-one {
  position: relative;
  background-color: var(--kaj-white2, #F4F0ED);
  overflow: hidden;
  padding: 0px;
}
.video-one::after {
  content: "";
  width: 40%;
  height: 100%;
  background-color: var(--kaj-base, #E23B33);
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 1199px) {
  .video-one::after {
    display: none;
  }
}
.video-one .container {
  position: relative;
  z-index: 1;
  text-align: left;
}
.video-one__wrapper {
  position: relative;
  padding: 50px 0 50px;
}
@media (max-width: 767px) {
  .video-one__wrapper {
    padding: 96.5px 0 100.5px;
  }
}
@media (max-width: 575px) {
  .video-one__wrapper {
    padding: 76.5px 0 80.5px;
  }
}
.video-one .sec-title {
  margin-bottom: 11px;
}
.video-one__text {
  margin-bottom: 31px;
}
.video-one__image {
  position: relative;
  background-color: var(--kaj-black2, #000000);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 534.000000"><g transform="translate(0.000000,534.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M186 5282 c-18 -67 -21 -144 -5 -174 9 -16 6 -29 -12 -63 -23 -43 -23 -43 -3 -70 29 -43 31 -46 64 -113 24 -51 28 -68 19 -84 -15 -28 -3 -67 26 -80 30 -13 26 -36 -12 -74 -20 -20 -22 -28 -13 -39 10 -12 2 -25 -45 -71 l-57 -56 7 -71 c6 -72 -8 -135 -35 -152 -5 -3 -10 -25 -10 -48 0 -32 -7 -49 -28 -72 -41 -44 -62 -100 -62 -164 0 -48 5 -64 31 -99 34 -47 33 -67 -6 -82 -25 -10 -35 -43 -15 -55 5 -3 18 -26 29 -51 12 -25 32 -51 49 -61 16 -9 36 -33 44 -52 15 -34 15 -38 -3 -67 -10 -17 -19 -34 -19 -37 0 -3 16 -23 36 -43 l35 -38 -25 -13 c-23 -12 -24 -16 -14 -38 6 -14 28 -33 49 -42 21 -10 39 -24 39 -30 0 -16 -39 -17 -75 -3 -20 8 -35 5 -68 -11 -50 -25 -77 -48 -77 -64 0 -25 49 -65 79 -65 35 0 130 -24 160 -39 11 -6 30 -11 43 -11 30 0 48 -18 48 -48 0 -13 5 -32 10 -43 9 -16 7 -21 -16 -29 -31 -12 -53 -7 -101 26 -54 37 -81 32 -136 -25 -51 -52 -50 -59 10 -90 29 -15 29 -29 1 -33 -33 -4 -34 -39 -3 -68 26 -24 33 -50 14 -50 -6 0 -9 -12 -7 -26 2 -21 12 -30 45 -43 64 -25 83 -47 83 -96 0 -26 6 -48 15 -55 19 -16 19 -49 1 -56 -8 -3 -19 -18 -26 -34 -14 -34 -3 -61 42 -98 27 -23 28 -26 13 -43 -27 -29 -15 -53 30 -59 l40 -5 5 -53 c3 -29 10 -56 16 -60 25 -16 32 -47 18 -72 -7 -14 -13 -34 -14 -45 0 -12 -5 -26 -12 -33 -9 -9 -7 -16 6 -31 17 -19 17 -20 -10 -37 -29 -20 -54 -69 -54 -107 0 -13 12 -41 26 -62 23 -34 24 -41 12 -63 -12 -23 -10 -27 28 -61 23 -20 47 -46 53 -59 10 -20 9 -23 -13 -32 -53 -20 -45 -76 16 -110 78 -44 94 -70 43 -70 -13 0 -26 -4 -30 -10 -10 -16 71 -50 122 -50 26 -1 75 -7 108 -15 33 -8 97 -15 143 -15 72 0 82 -2 82 -18 0 -10 -7 -27 -15 -38 -20 -26 -20 -169 0 -204 8 -14 14 -48 15 -77 0 -46 4 -56 35 -87 32 -33 34 -38 28 -81 -3 -27 -1 -55 5 -68 7 -12 16 -34 21 -49 16 -43 199 -137 305 -157 28 -5 66 -24 98 -48 29 -22 65 -48 81 -58 22 -14 27 -24 27 -59 0 -62 29 -73 193 -75 70 -1 137 -5 149 -10 30 -11 281 21 302 39 27 22 42 -2 21 -34 -14 -21 -25 -26 -59 -26 -47 0 -86 -9 -86 -20 0 -4 53 -9 118 -12 125 -6 223 1 432 28 30 4 179 6 331 5 l275 -3 38 26 c34 23 49 26 121 26 45 0 107 -5 136 -11 30 -6 118 -11 196 -10 134 1 142 0 148 -20 4 -11 16 -24 28 -28 32 -12 362 -4 386 8 33 18 96 13 116 -9 22 -24 50 -25 89 -5 44 23 87 19 111 -11 17 -22 32 -27 87 -33 36 -4 75 -4 85 0 10 4 43 8 74 8 37 1 61 6 69 16 10 12 39 15 139 15 72 0 156 7 196 15 88 19 109 19 125 0 15 -18 84 -21 78 -3 -3 7 -20 16 -39 21 -30 8 -32 10 -14 18 26 10 484 10 555 -1 50 -7 57 -6 81 16 21 20 36 24 90 24 40 1 71 6 83 15 12 9 41 14 78 14 32 -1 65 4 73 11 8 7 53 13 102 15 49 1 104 9 123 17 47 20 94 36 156 53 65 18 242 22 271 7 17 -9 22 -9 27 3 3 10 19 15 43 15 21 0 47 7 57 15 26 20 86 20 86 1 0 -8 -9 -18 -20 -21 -29 -9 -14 -25 24 -25 39 0 50 -8 35 -26 -13 -16 -3 -35 16 -28 19 8 27 34 14 50 -15 18 -3 34 26 34 14 0 43 10 65 21 34 18 39 24 28 36 -19 23 17 46 64 40 21 -3 40 -1 43 3 3 4 42 11 87 15 46 4 90 13 98 20 8 7 26 15 40 18 46 10 101 34 118 50 9 9 25 36 37 59 14 30 31 48 57 60 33 16 37 21 32 47 -7 33 17 86 52 114 13 10 24 24 24 31 0 17 43 56 61 56 26 0 148 65 148 79 1 8 -7 23 -16 33 -24 26 -8 49 48 68 52 19 81 59 60 84 -7 9 -23 16 -35 16 -19 0 -56 43 -56 64 0 3 26 19 58 35 60 31 182 155 182 185 0 9 -9 21 -20 28 -30 19 -25 30 31 65 55 36 135 63 182 63 35 0 127 41 148 66 12 14 10 19 -14 40 -28 23 -29 44 -3 44 7 0 21 9 32 21 18 20 18 21 -5 38 l-23 18 27 21 c15 12 33 22 39 22 16 0 86 83 86 103 0 10 8 17 20 17 29 0 29 55 0 63 -15 4 -20 14 -20 40 0 52 -7 64 -53 87 -98 48 -125 95 -68 115 52 17 59 36 28 77 -15 19 -27 40 -27 47 0 17 -78 51 -117 51 -21 0 -37 7 -47 22 -15 21 -14 24 11 44 15 12 24 27 21 35 -8 22 -132 79 -171 79 -29 0 -77 34 -64 46 2 2 26 7 53 10 85 11 124 53 59 64 -35 6 -44 26 -16 35 29 9 26 25 -3 25 -30 0 -72 33 -62 48 4 7 18 12 31 12 54 0 37 45 -21 56 -40 7 -43 19 -12 44 30 24 13 45 -43 54 -28 5 -43 12 -46 25 -6 23 -31 31 -94 31 -29 0 -51 6 -59 15 -9 11 -33 15 -84 15 -80 0 -116 17 -116 54 0 12 10 32 23 44 21 20 34 22 124 22 75 0 111 5 139 18 49 21 115 72 109 82 -2 4 -41 10 -86 14 -45 4 -94 13 -110 21 -17 9 -56 15 -98 15 -79 0 -121 12 -121 35 0 8 4 15 9 15 5 0 21 4 35 10 l26 10 -19 32 -20 32 31 35 c39 45 80 66 142 75 74 11 97 25 94 55 -2 19 5 30 29 45 37 24 42 42 13 51 -27 9 -46 43 -31 58 6 6 11 19 11 28 0 9 7 22 15 29 22 18 19 51 -5 57 -26 7 -25 19 1 33 20 11 20 12 3 31 -9 10 -27 19 -39 19 -41 0 -60 45 -30 70 17 14 3 40 -22 40 -8 0 -33 10 -56 21 -23 12 -76 27 -117 34 -50 8 -63 13 -40 14 47 1 77 24 82 61 5 36 3 38 -76 65 -33 11 -62 27 -66 35 -27 61 -39 77 -67 89 -26 12 -31 20 -36 60 -5 48 5 71 31 71 30 0 82 24 87 41 9 27 -34 87 -81 115 -51 30 -49 44 5 44 20 0 41 4 47 10 5 5 53 12 107 16 69 5 105 12 119 24 25 20 16 40 -17 40 -35 0 -40 18 -15 45 l23 24 -24 25 c-13 14 -31 26 -40 26 -9 0 -22 7 -29 15 -7 8 -18 15 -26 15 -29 0 -20 18 26 53 27 20 58 37 69 37 19 0 108 68 123 94 12 21 -8 30 -77 36 -41 3 -59 9 -57 18 1 9 -801 12 -3987 12 l-3988 0 -17 -58z m8142 -2168 c88 -14 50 -37 -53 -32 -32 2 -60 8 -62 13 -5 15 50 45 62 35 6 -5 30 -12 53 -16z m-28 -289 c0 -21 -98 -31 -118 -12 -14 14 -13 16 9 21 69 15 109 12 109 -9z m-8005 -55 c3 -5 -3 -10 -14 -10 -12 0 -21 5 -21 10 0 6 6 10 14 10 8 0 18 -4 21 -10z"/> <path d="M8316 3211 c18 -18 240 -19 229 -1 -4 6 -56 10 -123 10 -71 0 -112 -4 -106 -9z"/> <path d="M7723 473 c-23 -2 -47 -11 -53 -19 -7 -7 -27 -14 -45 -14 -18 0 -38 -7 -45 -15 -8 -9 -30 -15 -60 -15 -30 0 -52 -6 -60 -15 -7 -8 -21 -15 -31 -15 -21 0 -45 -38 -32 -51 4 -4 40 3 78 18 39 14 84 28 100 31 17 3 46 15 66 28 20 12 58 26 85 29 27 4 55 12 61 17 15 12 8 29 -10 26 -7 -1 -31 -3 -54 -5z"/> <path d="M1340 297 c0 -24 24 -37 68 -37 50 0 55 23 6 28 -16 2 -33 8 -38 13 -14 13 -36 11 -36 -4z"/> <path d="M6605 230 c-12 -19 11 -33 41 -26 28 8 24 19 -13 30 -12 4 -24 2 -28 -4z"/> <path d="M3433 154 c-31 -35 -29 -46 10 -42 27 3 32 6 29 28 -4 38 -15 41 -39 14z"/> <path d="M1410 150 c0 -5 9 -10 21 -10 11 0 17 5 14 10 -3 6 -13 10 -21 10 -8 0 -14 -4 -14 -10z"/> <path d="M5520 130 c-22 -14 -7 -21 59 -27 51 -5 61 -3 61 10 0 8 -7 18 -16 21 -24 9 -87 7 -104 -4z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 534.000000"><g transform="translate(0.000000,534.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M186 5282 c-18 -67 -21 -144 -5 -174 9 -16 6 -29 -12 -63 -23 -43 -23 -43 -3 -70 29 -43 31 -46 64 -113 24 -51 28 -68 19 -84 -15 -28 -3 -67 26 -80 30 -13 26 -36 -12 -74 -20 -20 -22 -28 -13 -39 10 -12 2 -25 -45 -71 l-57 -56 7 -71 c6 -72 -8 -135 -35 -152 -5 -3 -10 -25 -10 -48 0 -32 -7 -49 -28 -72 -41 -44 -62 -100 -62 -164 0 -48 5 -64 31 -99 34 -47 33 -67 -6 -82 -25 -10 -35 -43 -15 -55 5 -3 18 -26 29 -51 12 -25 32 -51 49 -61 16 -9 36 -33 44 -52 15 -34 15 -38 -3 -67 -10 -17 -19 -34 -19 -37 0 -3 16 -23 36 -43 l35 -38 -25 -13 c-23 -12 -24 -16 -14 -38 6 -14 28 -33 49 -42 21 -10 39 -24 39 -30 0 -16 -39 -17 -75 -3 -20 8 -35 5 -68 -11 -50 -25 -77 -48 -77 -64 0 -25 49 -65 79 -65 35 0 130 -24 160 -39 11 -6 30 -11 43 -11 30 0 48 -18 48 -48 0 -13 5 -32 10 -43 9 -16 7 -21 -16 -29 -31 -12 -53 -7 -101 26 -54 37 -81 32 -136 -25 -51 -52 -50 -59 10 -90 29 -15 29 -29 1 -33 -33 -4 -34 -39 -3 -68 26 -24 33 -50 14 -50 -6 0 -9 -12 -7 -26 2 -21 12 -30 45 -43 64 -25 83 -47 83 -96 0 -26 6 -48 15 -55 19 -16 19 -49 1 -56 -8 -3 -19 -18 -26 -34 -14 -34 -3 -61 42 -98 27 -23 28 -26 13 -43 -27 -29 -15 -53 30 -59 l40 -5 5 -53 c3 -29 10 -56 16 -60 25 -16 32 -47 18 -72 -7 -14 -13 -34 -14 -45 0 -12 -5 -26 -12 -33 -9 -9 -7 -16 6 -31 17 -19 17 -20 -10 -37 -29 -20 -54 -69 -54 -107 0 -13 12 -41 26 -62 23 -34 24 -41 12 -63 -12 -23 -10 -27 28 -61 23 -20 47 -46 53 -59 10 -20 9 -23 -13 -32 -53 -20 -45 -76 16 -110 78 -44 94 -70 43 -70 -13 0 -26 -4 -30 -10 -10 -16 71 -50 122 -50 26 -1 75 -7 108 -15 33 -8 97 -15 143 -15 72 0 82 -2 82 -18 0 -10 -7 -27 -15 -38 -20 -26 -20 -169 0 -204 8 -14 14 -48 15 -77 0 -46 4 -56 35 -87 32 -33 34 -38 28 -81 -3 -27 -1 -55 5 -68 7 -12 16 -34 21 -49 16 -43 199 -137 305 -157 28 -5 66 -24 98 -48 29 -22 65 -48 81 -58 22 -14 27 -24 27 -59 0 -62 29 -73 193 -75 70 -1 137 -5 149 -10 30 -11 281 21 302 39 27 22 42 -2 21 -34 -14 -21 -25 -26 -59 -26 -47 0 -86 -9 -86 -20 0 -4 53 -9 118 -12 125 -6 223 1 432 28 30 4 179 6 331 5 l275 -3 38 26 c34 23 49 26 121 26 45 0 107 -5 136 -11 30 -6 118 -11 196 -10 134 1 142 0 148 -20 4 -11 16 -24 28 -28 32 -12 362 -4 386 8 33 18 96 13 116 -9 22 -24 50 -25 89 -5 44 23 87 19 111 -11 17 -22 32 -27 87 -33 36 -4 75 -4 85 0 10 4 43 8 74 8 37 1 61 6 69 16 10 12 39 15 139 15 72 0 156 7 196 15 88 19 109 19 125 0 15 -18 84 -21 78 -3 -3 7 -20 16 -39 21 -30 8 -32 10 -14 18 26 10 484 10 555 -1 50 -7 57 -6 81 16 21 20 36 24 90 24 40 1 71 6 83 15 12 9 41 14 78 14 32 -1 65 4 73 11 8 7 53 13 102 15 49 1 104 9 123 17 47 20 94 36 156 53 65 18 242 22 271 7 17 -9 22 -9 27 3 3 10 19 15 43 15 21 0 47 7 57 15 26 20 86 20 86 1 0 -8 -9 -18 -20 -21 -29 -9 -14 -25 24 -25 39 0 50 -8 35 -26 -13 -16 -3 -35 16 -28 19 8 27 34 14 50 -15 18 -3 34 26 34 14 0 43 10 65 21 34 18 39 24 28 36 -19 23 17 46 64 40 21 -3 40 -1 43 3 3 4 42 11 87 15 46 4 90 13 98 20 8 7 26 15 40 18 46 10 101 34 118 50 9 9 25 36 37 59 14 30 31 48 57 60 33 16 37 21 32 47 -7 33 17 86 52 114 13 10 24 24 24 31 0 17 43 56 61 56 26 0 148 65 148 79 1 8 -7 23 -16 33 -24 26 -8 49 48 68 52 19 81 59 60 84 -7 9 -23 16 -35 16 -19 0 -56 43 -56 64 0 3 26 19 58 35 60 31 182 155 182 185 0 9 -9 21 -20 28 -30 19 -25 30 31 65 55 36 135 63 182 63 35 0 127 41 148 66 12 14 10 19 -14 40 -28 23 -29 44 -3 44 7 0 21 9 32 21 18 20 18 21 -5 38 l-23 18 27 21 c15 12 33 22 39 22 16 0 86 83 86 103 0 10 8 17 20 17 29 0 29 55 0 63 -15 4 -20 14 -20 40 0 52 -7 64 -53 87 -98 48 -125 95 -68 115 52 17 59 36 28 77 -15 19 -27 40 -27 47 0 17 -78 51 -117 51 -21 0 -37 7 -47 22 -15 21 -14 24 11 44 15 12 24 27 21 35 -8 22 -132 79 -171 79 -29 0 -77 34 -64 46 2 2 26 7 53 10 85 11 124 53 59 64 -35 6 -44 26 -16 35 29 9 26 25 -3 25 -30 0 -72 33 -62 48 4 7 18 12 31 12 54 0 37 45 -21 56 -40 7 -43 19 -12 44 30 24 13 45 -43 54 -28 5 -43 12 -46 25 -6 23 -31 31 -94 31 -29 0 -51 6 -59 15 -9 11 -33 15 -84 15 -80 0 -116 17 -116 54 0 12 10 32 23 44 21 20 34 22 124 22 75 0 111 5 139 18 49 21 115 72 109 82 -2 4 -41 10 -86 14 -45 4 -94 13 -110 21 -17 9 -56 15 -98 15 -79 0 -121 12 -121 35 0 8 4 15 9 15 5 0 21 4 35 10 l26 10 -19 32 -20 32 31 35 c39 45 80 66 142 75 74 11 97 25 94 55 -2 19 5 30 29 45 37 24 42 42 13 51 -27 9 -46 43 -31 58 6 6 11 19 11 28 0 9 7 22 15 29 22 18 19 51 -5 57 -26 7 -25 19 1 33 20 11 20 12 3 31 -9 10 -27 19 -39 19 -41 0 -60 45 -30 70 17 14 3 40 -22 40 -8 0 -33 10 -56 21 -23 12 -76 27 -117 34 -50 8 -63 13 -40 14 47 1 77 24 82 61 5 36 3 38 -76 65 -33 11 -62 27 -66 35 -27 61 -39 77 -67 89 -26 12 -31 20 -36 60 -5 48 5 71 31 71 30 0 82 24 87 41 9 27 -34 87 -81 115 -51 30 -49 44 5 44 20 0 41 4 47 10 5 5 53 12 107 16 69 5 105 12 119 24 25 20 16 40 -17 40 -35 0 -40 18 -15 45 l23 24 -24 25 c-13 14 -31 26 -40 26 -9 0 -22 7 -29 15 -7 8 -18 15 -26 15 -29 0 -20 18 26 53 27 20 58 37 69 37 19 0 108 68 123 94 12 21 -8 30 -77 36 -41 3 -59 9 -57 18 1 9 -801 12 -3987 12 l-3988 0 -17 -58z m8142 -2168 c88 -14 50 -37 -53 -32 -32 2 -60 8 -62 13 -5 15 50 45 62 35 6 -5 30 -12 53 -16z m-28 -289 c0 -21 -98 -31 -118 -12 -14 14 -13 16 9 21 69 15 109 12 109 -9z m-8005 -55 c3 -5 -3 -10 -14 -10 -12 0 -21 5 -21 10 0 6 6 10 14 10 8 0 18 -4 21 -10z"/> <path d="M8316 3211 c18 -18 240 -19 229 -1 -4 6 -56 10 -123 10 -71 0 -112 -4 -106 -9z"/> <path d="M7723 473 c-23 -2 -47 -11 -53 -19 -7 -7 -27 -14 -45 -14 -18 0 -38 -7 -45 -15 -8 -9 -30 -15 -60 -15 -30 0 -52 -6 -60 -15 -7 -8 -21 -15 -31 -15 -21 0 -45 -38 -32 -51 4 -4 40 3 78 18 39 14 84 28 100 31 17 3 46 15 66 28 20 12 58 26 85 29 27 4 55 12 61 17 15 12 8 29 -10 26 -7 -1 -31 -3 -54 -5z"/> <path d="M1340 297 c0 -24 24 -37 68 -37 50 0 55 23 6 28 -16 2 -33 8 -38 13 -14 13 -36 11 -36 -4z"/> <path d="M6605 230 c-12 -19 11 -33 41 -26 28 8 24 19 -13 30 -12 4 -24 2 -28 -4z"/> <path d="M3433 154 c-31 -35 -29 -46 10 -42 27 3 32 6 29 28 -4 38 -15 41 -39 14z"/> <path d="M1410 150 c0 -5 9 -10 21 -10 11 0 17 5 14 10 -3 6 -13 10 -21 10 -8 0 -14 -4 -14 -10z"/> <path d="M5520 130 c-22 -14 -7 -21 59 -27 51 -5 61 -3 61 10 0 8 -7 18 -16 21 -24 9 -87 7 -104 -4z"/> </g> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: top center;
  mask-position: top center;
  -webkit-mask-size: auto;
  mask-size: auto;
}
@media (min-width: 1200px) {
  .video-one__image {
    position: absolute;
    top: calc(50% + 5px);
    right: -295px;
    transform: translateY(-50%);
  }
}
.video-one__image img {
  max-width: 100%;
  height: auto;
  mix-blend-mode: luminosity;
}
.video-one .video-btn {
  width: 94px;
  height: 94px;
  font-size: 19px;
  background-color: RGBA(var(--kaj-base-rgb, 226, 59, 51), 0.76);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.video-one .video-btn:hover {
  background-color: var(--kaj-primary, #F2B42B);
}
@media (max-width: 430px) {
  .video-one .video-btn {
    width: 65px;
    height: 65px;
    font-size: 16px;
  }
}
.video-one__shape {
  max-width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  animation: moveHorizontal2 2s linear infinite;
}
@media (max-width: 1599px) {
  .video-one__shape {
    left: -130px;
  }
}
@media (max-width: 1399px) {
  .video-one__shape {
    left: -165px;
  }
}
@media (max-width: 1299px) {
  .video-one__shape {
    display: none;
  }
}

.video-two {
  position: relative;
  padding: 100px 0px;
}
@media (max-width: 575px) {
  .video-two {
    padding: 80px 0px;
  }
}
.video-two__bg {
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--kaj-black2, #000000);
}
.video-two__bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(270deg, rgba(86, 80, 159, 0.4) 0.41%, rgba(254, 101, 0, 0.4) 102.2%);
  z-index: 1;
}
.video-two__bg__inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  mix-blend-mode: luminosity;
}
.video-two .container {
  position: relative;
  z-index: 2;
}
.video-two .video-btn {
  margin-bottom: 15px;
  width: 62px;
  height: 62px;
  font-size: 18px;
  color: var(--kaj-primary);
  background-color: var(--kaj-white, #ffffff);
}
@media (max-width: 1199px) {
  .video-two .video-btn {
    margin-left: auto;
    margin-right: auto;
  }
}
.video-two .video-btn:hover {
  color: var(--kaj-white, #ffffff);
  background-color: var(--kaj-primary);
}
.video-two .video-btn__ripple::before, .video-two .video-btn__ripple::after {
  box-shadow: 0 0 0 0 rgba(var(--kaj-black-rgb), 0.28);
}
@media (max-width: 1199px) {
  .video-two .sec-title {
    text-align: center;
  }
}
.video-two .sec-title__title {
  color: var(--kaj-white, #ffffff);
}

.video-three {
  position: relative;
  padding-top: 157px;
}
@media (max-width: 767px) {
  .video-three {
    padding-top: 100px;
  }
}
@media (max-width: 575px) {
  .video-three {
    padding-top: 80px;
  }
}
.video-three::after {
  content: "";
  width: 100%;
  height: 177px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: var(--kaj-white, #ffffff);
}
.video-three__bg {
  width: 100%;
  height: calc(100% - 177px);
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--kaj-black2, #000000);
}
.video-three__bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(var(--kaj-black-rgb), 0.9);
  z-index: 1;
}
.video-three__bg__inner {
  width: 100%;
  height: 100%;
  position: absolute !important;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  mix-blend-mode: luminosity;
}
.video-three .container {
  position: relative;
  z-index: 2;
}
.video-three__inner {
  padding: 50px 50px 0px;
  background-color: var(--kaj-white, #ffffff);
  border-radius: 10px;
}
@media (max-width: 767px) {
  .video-three__inner {
    padding: 30px 30px 0px;
  }
}
@media (max-width: 500px) {
  .video-three__inner {
    padding: 20px 20px 0px;
  }
}
.video-three .row {
  --bs-gutter-x: 0px;
}
.video-three__image {
  position: relative;
  z-index: 2;
}
.video-three__image img {
  width: 100%;
  display: block;
  border-radius: 10px;
}
.video-three .video-btn {
  width: 48px;
  height: 48px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  font-size: 12px;
}
.video-three .video-btn__ripple::before, .video-three .video-btn__ripple::after {
  box-shadow: 0 0 0 0 rgba(var(--kaj-black-rgb), 1);
}
.video-three .video-btn:hover {
  background-color: var(--kaj-base);
}
.video-three .video-btn:hover .video-btn__ripple::before,
.video-three .video-btn:hover .video-btn__ripple::after {
  box-shadow: 0 0 0 0 rgba(var(--kaj-black-rgb), 1);
}
.video-three__content {
  position: relative;
  padding: 0px 50px 48.1px;
  text-align: center;
  border-radius: 0px 10px 10px 0px;
  background-color: var(--kaj-black);
}
@media (max-width: 1199px) {
  .video-three__content {
    margin-top: 40px;
    border-radius: 10px;
  }
}
@media (max-width: 767px) {
  .video-three__content {
    padding: 0px 40px 40px;
  }
}
@media (max-width: 575px) {
  .video-three__content {
    padding: 0px 30px 30px;
  }
}
@media (max-width: 430px) {
  .video-three__content {
    padding: 0px 20px 20px;
  }
}
.video-three__content::before {
  content: "";
  width: 21px;
  height: 100%;
  background-color: var(--kaj-black);
  position: absolute;
  top: 0;
  left: -21px;
  border-radius: 10px 0px 0px 10px;
}
@media (max-width: 1199px) {
  .video-three__content::before {
    display: none;
  }
}
.video-three__content::after {
  content: "";
  width: calc(100% + 21px);
  height: 13px;
  position: absolute;
  top: 0px;
  left: -21px;
  background-color: var(--kaj-base);
  border-radius: 10px 10px 0px 0px;
  z-index: 1;
}
@media (max-width: 1199px) {
  .video-three__content::after {
    width: 100%;
    left: 0;
  }
}
.video-three__call {
  position: relative;
  margin-bottom: 25px;
  padding: 22px 23px 21px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background-color: var(--kaj-base);
  border-radius: 0px 0px 10px 10px;
  z-index: 2;
}
@media (max-width: 375px) {
  .video-three__call {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.video-three__call__icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 33px;
  height: 33px;
  border-radius: 50%;
  font-size: 13px;
  color: var(--kaj-white, #ffffff);
  background-color: var(--kaj-black);
  transition: all 500ms ease;
}
.video-three__call__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.video-three__call:hover .video-three__call__icon {
  color: var(--kaj-black);
  background-color: var(--kaj-white, #ffffff);
}
.video-three__call__content {
  text-align: left;
}
.video-three__call__title {
  margin: 0;
  font-family: var(--kaj-heading-font, "Quicksand", sans-serif);
  font-size: 14px;
  color: var(--kaj-white5, #F5F1EE);
  font-weight: 500;
  line-height: 1.285;
}
.video-three__call__number {
  margin: 0;
  font-size: 20px;
  color: var(--kaj-white, #ffffff);
  font-weight: 700;
  text-transform: capitalize;
  line-height: 1.35;
}
@media (max-width: 360px) {
  .video-three__call__number {
    margin-top: 5px;
    font-size: 16px;
  }
}
.video-three__call__number:hover {
  color: var(--kaj-black);
}
.video-three__call__number a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.video-three__call__number a:hover {
  background-size: 100% 1px;
}
.video-three__title {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 15px;
  font-size: 30px;
  color: var(--kaj-white, #ffffff);
  font-weight: 700;
  text-transform: capitalize;
  line-height: 1.666;
}
@media (max-width: 430px) {
  .video-three__title {
    font-size: 25px;
  }
}
.video-three__title::after {
  content: "";
  width: calc(100% + 100px);
  height: 1px;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  background-color: RGBA(var(--kaj-white-rgb, 255, 255, 255), 0.17);
}
@media (max-width: 767px) {
  .video-three__title::after {
    width: calc(100% + 80px);
  }
}
@media (max-width: 575px) {
  .video-three__title::after {
    width: calc(100% + 60px);
  }
}
@media (max-width: 430px) {
  .video-three__title::after {
    width: calc(100% + 50px);
  }
}
.video-three .kaj-btn:hover {
  color: var(--kaj-black);
}
.video-three .kaj-btn__hover {
  background-color: var(--kaj-white, #ffffff);
}


.funfact-one__bg {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  /* // filter: blur(8px); Adjust blur as needed */
  /* z-index: 1; */
  /* If you want the blur to not affect overlay, use a wrapper div for the blur */
}

.funfact-one__bg::after {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4); /* Black overlay, adjust color/opacity as needed */
  z-index: 2;
  pointer-events: none;
}



.about-seven {
  position: relative;
  padding-top: 187px;
  padding-bottom: 180px;
}
@media (max-width: 1299px) {
  .about-seven {
    padding-bottom: 150px;
  }
}
@media (max-width: 1199px) {
  .about-seven {
    padding-top: var(--section-space, 120px);
    padding-bottom: var(--section-space, 120px);
  }
}
@media (max-width: 767px) {
  .about-seven {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media (max-width: 575px) {
  .about-seven {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.about-seven .container {
  position: relative;
  z-index: 1;
}
.about-seven .sec-title {
  margin-bottom: 11px;
}
.about-seven__text-box {
  padding-right: 47px;
}
@media (max-width: 1199px) {
  .about-seven__text-box {
    padding-right: 0;
  }
}
.about-seven__text {
  margin-bottom: 2px;
  font-weight: 600;
}
@media (max-width: 991px) {
  .about-seven__text {
    margin-bottom: 20px;
  }
}
.about-seven__inner {
  margin-bottom: 23px;
  display: flex;
  align-items: center;
  gap: 40px 58px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .about-seven__inner {
    margin-bottom: 40px;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 767px) {
  .about-seven__inner {
    margin-bottom: 40px;
    flex-direction: column;
    align-items: flex-start;
  }
}
.about-seven__list {
  margin: 0;
}
.about-seven__list li + li {
  margin-top: 10px;
}
.about-seven__list li {
  display: flex;
  align-items: flex-start;
  gap: 17px;
  font-size: 18px;
  color: var(--cherito-black);
  font-weight: 700;
  line-height: 1.625;
}
@media (max-width: 575px) {
  .about-seven__list li {
    font-size: 16px;
  }
}
.about-seven__list__icon {
  position: relative;
  top: 6px;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 9px;
  color: var(--cherito-white, #ffffff);
  background-color: var(--cherito-primary);
  border-radius: 50%;
}
.about-seven__list__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
@media (max-width: 575px) {
  .about-seven__list__icon {
    top: 4px;
  }
}
.about-seven__establish {
  width: 161px;
  height: 161px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid var(--cherito-primary);
  transition: all 500ms ease;
}
.about-seven__establish:hover {
  background-color: var(--cherito-primary);
}
.about-seven__establish__inner {
  width: 139px;
  height: 139px;
  border-radius: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-align: center;
  background-color: var(--cherito-base);
}
.about-seven__establish img {
  max-width: 100%;
  height: auto;
}
.about-seven__establish__text {
  margin: 0;
  font-family: var(--cherito-special-font, "Caveat", cursive);
  font-size: 18px;
  color: var(--cherito-white, #ffffff);
  font-weight: 700;
  line-height: 1.166;
}
.about-seven__image {
  padding: 120px 0px;
}

.about-seven__image__inner {
  position: relative;
  display: table;
}
.about-seven__image__one {
  position: relative;
  z-index: 1;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300.000000 267.000000"><g transform="translate(0.000000,267.000000) scale(0.050000,-0.050000)" stroke="none"> <path d="M2670 5319 c-1041 -161 -1907 -1039 -2000 -2027 -6 -67 -16 -160 -22 -206 l-10 -85 -314 -5 -314 -6 68 -37 c45 -24 88 -33 128 -25 68 14 112 -27 113 -106 1 -27 26 -81 56 -120 50 -66 55 -87 55 -249 0 -158 5 -180 45 -213 40 -33 41 -38 11 -63 -34 -29 -125 -210 -126 -252 0 -33 138 -101 238 -117 75 -12 82 -18 82 -74 0 -47 24 -82 109 -162 109 -102 151 -174 151 -260 0 -25 18 -62 40 -82 55 -50 50 -103 -18 -171 -54 -54 -96 -152 -74 -173 21 -22 155 41 185 86 38 58 93 62 144 11 21 -21 82 -44 135 -52 85 -13 113 -30 211 -133 89 -92 127 -118 173 -118 53 0 60 -7 72 -82 16 -100 84 -238 117 -238 42 1 223 92 252 126 25 30 30 29 63 -11 33 -40 54 -45 215 -45 163 0 184 -5 250 -55 40 -30 92 -55 115 -55 82 0 124 -38 110 -99 -7 -33 2 -90 22 -141 l35 -86 36 45 c24 30 37 78 37 139 0 110 25 142 111 142 37 0 77 16 98 39 54 59 158 86 273 71 109 -15 207 13 227 65 10 27 18 25 57 -11 47 -44 206 -123 250 -124 34 0 102 155 109 247 5 68 10 73 69 73 60 0 206 115 206 161 0 25 168 99 223 99 28 0 67 18 87 40 50 55 97 50 166 -19 56 -56 154 -98 176 -76 19 19 -49 153 -91 179 -49 31 -54 109 -9 159 18 19 41 79 51 131 15 81 36 114 139 213 105 100 121 124 114 175 -8 53 -4 58 52 58 113 1 277 92 261 145 -31 98 -47 130 -99 191 l-54 64 47 38 c43 36 47 51 42 207 -5 160 -2 173 55 252 33 45 60 103 60 128 1 80 31 102 138 104 68 1 112 13 136 36 33 33 20 35 -278 35 l-312 0 -13 145 c-125 1378 -1360 2379 -2681 2174z"/> <path d="M207 2869 c-15 -39 3 -57 42 -42 17 7 25 25 19 42 -16 40 -46 40 -61 0z"/> <path d="M5732 2869 c-6 -17 2 -35 19 -42 39 -15 57 3 42 42 -15 40 -45 40 -61 0z"/> <path d="M911 1161 c-18 -28 4 -61 42 -61 17 0 27 14 23 33 -7 41 -47 57 -65 28z"/> <path d="M5034 1167 c-28 -27 -13 -70 21 -63 19 4 35 19 35 35 0 31 -35 49 -56 28z"/> <path d="M1109 958 c-7 -12 -4 -31 7 -42 25 -25 64 -4 64 35 0 34 -51 39 -71 7z"/> <path d="M4823 947 c9 -44 67 -50 67 -7 0 16 -17 33 -37 37 -27 5 -35 -3 -30 -30z"/> <path d="M2829 258 c-21 -33 26 -71 53 -44 23 23 9 66 -22 66 -10 0 -24 -10 -31 -22z"/> <path d="M3107 249 c-15 -39 3 -57 42 -42 40 15 40 45 0 61 -17 6 -35 -2 -42 -19z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300.000000 267.000000"><g transform="translate(0.000000,267.000000) scale(0.050000,-0.050000)" stroke="none"> <path d="M2670 5319 c-1041 -161 -1907 -1039 -2000 -2027 -6 -67 -16 -160 -22 -206 l-10 -85 -314 -5 -314 -6 68 -37 c45 -24 88 -33 128 -25 68 14 112 -27 113 -106 1 -27 26 -81 56 -120 50 -66 55 -87 55 -249 0 -158 5 -180 45 -213 40 -33 41 -38 11 -63 -34 -29 -125 -210 -126 -252 0 -33 138 -101 238 -117 75 -12 82 -18 82 -74 0 -47 24 -82 109 -162 109 -102 151 -174 151 -260 0 -25 18 -62 40 -82 55 -50 50 -103 -18 -171 -54 -54 -96 -152 -74 -173 21 -22 155 41 185 86 38 58 93 62 144 11 21 -21 82 -44 135 -52 85 -13 113 -30 211 -133 89 -92 127 -118 173 -118 53 0 60 -7 72 -82 16 -100 84 -238 117 -238 42 1 223 92 252 126 25 30 30 29 63 -11 33 -40 54 -45 215 -45 163 0 184 -5 250 -55 40 -30 92 -55 115 -55 82 0 124 -38 110 -99 -7 -33 2 -90 22 -141 l35 -86 36 45 c24 30 37 78 37 139 0 110 25 142 111 142 37 0 77 16 98 39 54 59 158 86 273 71 109 -15 207 13 227 65 10 27 18 25 57 -11 47 -44 206 -123 250 -124 34 0 102 155 109 247 5 68 10 73 69 73 60 0 206 115 206 161 0 25 168 99 223 99 28 0 67 18 87 40 50 55 97 50 166 -19 56 -56 154 -98 176 -76 19 19 -49 153 -91 179 -49 31 -54 109 -9 159 18 19 41 79 51 131 15 81 36 114 139 213 105 100 121 124 114 175 -8 53 -4 58 52 58 113 1 277 92 261 145 -31 98 -47 130 -99 191 l-54 64 47 38 c43 36 47 51 42 207 -5 160 -2 173 55 252 33 45 60 103 60 128 1 80 31 102 138 104 68 1 112 13 136 36 33 33 20 35 -278 35 l-312 0 -13 145 c-125 1378 -1360 2379 -2681 2174z"/> <path d="M207 2869 c-15 -39 3 -57 42 -42 17 7 25 25 19 42 -16 40 -46 40 -61 0z"/> <path d="M5732 2869 c-6 -17 2 -35 19 -42 39 -15 57 3 42 42 -15 40 -45 40 -61 0z"/> <path d="M911 1161 c-18 -28 4 -61 42 -61 17 0 27 14 23 33 -7 41 -47 57 -65 28z"/> <path d="M5034 1167 c-28 -27 -13 -70 21 -63 19 4 35 19 35 35 0 31 -35 49 -56 28z"/> <path d="M1109 958 c-7 -12 -4 -31 7 -42 25 -25 64 -4 64 35 0 34 -51 39 -71 7z"/> <path d="M4823 947 c9 -44 67 -50 67 -7 0 16 -17 33 -37 37 -27 5 -35 -3 -30 -30z"/> <path d="M2829 258 c-21 -33 26 -71 53 -44 23 23 9 66 -22 66 -10 0 -24 -10 -31 -22z"/> <path d="M3107 249 c-15 -39 3 -57 42 -42 40 15 40 45 0 61 -17 6 -35 -2 -42 -19z"/> </g> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: top center;
  mask-position: top center;
  -webkit-mask-size: auto;
  mask-size: auto;
}
@media (max-width: 1299px) {
  .about-seven__image__one img {
    max-width: 100%;
    height: auto;
  }
}
.about-seven__image__shape-1 {
  position: absolute;
  top: -67px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
@media (max-width: 1299px) {
  .about-seven__image__shape-1 {
    max-width: 100%;
    height: auto;
  }
}
.about-seven__image__shape-2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 1299px) {
  .about-seven__image__shape-2 {
    max-width: 100%;
    height: auto;
  }
}
.about-seven__shape {
  max-width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  animation: moveHorizontal2 2s linear infinite;
}



.about-six {
  background-color: var(--kaj-white, #ffffff);
}
.about-six__content {
  padding-right: 32px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .about-six__content {
    padding-right: 0;
  }
}
.about-six .sec-title {
  margin-bottom: 11px;
}
.about-six__text {
  margin-bottom: 31px;
  font-weight: 600;
}
.about-six__list {
  position: relative;
  margin-bottom: 30px;
  padding: 32.75px 40px;
  background-color: var(--kaj-white5, #F5F1EE);
  border-radius: 10px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .about-six__list {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 575px) {
  .about-six__list {
    padding: 22.75px 30px;
  }
}
.about-six__list::before {
  content: "";
  width: 3px;
  height: calc(100% - 26px);
  position: absolute;
  top: 50%;
  left: -2px;
  transform: translateY(-50%);
  background-color: var(--kaj-base);
  border-radius: 10px;
}
.about-six__list li + li {
  margin-top: 4px;
}
.about-six__list li {
  display: flex;
  align-items: flex-start;
  gap: 17px;
  font-family: var(--kaj-heading-font, "Quicksand", sans-serif);
  font-size: 18px;
  color: var(--kaj-black);
  font-weight: 700;
  line-height: 1.625;
}
@media (max-width: 575px) {
  .about-six__list li {
    font-size: 16px;
    gap: 15px;
  }
}
.about-six__list__icon {
  position: relative;
  top: 6px;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 8px;
  color: var(--kaj-white, #ffffff);
  background-color: var(--kaj-base);
  border-radius: 50%;
}
.about-six__list__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
@media (max-width: 575px) {
  .about-six__list__icon {
    top: 4px;
  }
}
.about-six__inner {
  position: relative;
  margin-bottom: 31px;
  padding: 9px 9px 9px 0px;
}
@media (max-width: 575px) {
  .about-six__inner {
    padding: 20px;
  }
}
.about-six__inner::after {
  content: "";
  width: calc(100% - 34px);
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  border: 1px solid var(--kaj-white5, #F5F1EE);
  border-radius: 10px;
}
@media (max-width: 575px) {
  .about-six__inner::after {
    width: 100%;
  }
}
.about-six__inner__content {
  position: relative;
  display: grid;
  grid-template-columns: 163px auto;
  align-items: center;
  grid-gap: 20px 40px;
  z-index: 1;
}
@media (max-width: 575px) {
  .about-six__inner__content {
    grid-template-columns: auto;
  }
}
.about-six__inner__left {
  display: flex;
  align-items: center;
  gap: 27px;
}
.about-six__inner__icon {
  position: relative;
  width: 69px;
  height: 69px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 34px;
  color: var(--kaj-base);
  border: 1px solid var(--kaj-gray3, #E3DDD8);
  background-color: var(--kaj-white, #ffffff);
  border-radius: 50%;
  z-index: 1;
  transition: all 500ms ease;
}
.about-six__inner__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.about-six__inner__icon::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: inherit;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transform: scale(0.5);
  opacity: 0;
  background-color: var(--kaj-base);
  transition: transform 400ms ease, opacity 400ms ease;
}
.about-six__inner:hover .about-six__inner__icon {
  color: var(--kaj-white, #ffffff);
  border-color: var(--kaj-base);
}
.about-six__inner:hover .about-six__inner__icon::after {
  opacity: 1;
  transform: scale(1);
}
.about-six__inner__item:hover .about-six__inner__icon {
  color: var(--kaj-primary);
}
.about-six__inner__title {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 1.222;
}
.about-six__inner__text {
  position: relative;
  margin: 0;
  font-weight: 600;
}
.about-six__inner__text::before {
  content: "";
  width: 1px;
  height: calc(100% - 18px);
  position: absolute;
  top: 50%;
  left: -20px;
  transform: translateY(-50%);
  background-color: var(--kaj-gray3, #E3DDD8);
}
.about-six__image {
  padding-left: 20px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .about-six__image {
    padding-left: 10px;
  }
}
@media (max-width: 991px) {
  .about-six__image {
    padding-left: 0;
  }
}
.about-six__image__inner {
  position: relative;
}
.about-six__image__one img, .about-six__image__two img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}
.about-six__image__one {
  position: relative;
  z-index: 1;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .about-six__image__one {
    padding-right: 100px;
  }
}
.about-six__image__two {
  margin-top: -57px;
  text-align: right;
}
@media (max-width: 575px) {
  .about-six__image__two {
    margin-top: 30px;
    text-align: left;
  }
}
.about-six__image__shape-1, .about-six__image__shape-2 {
  max-width: 100%;
  height: auto;
}
@media (max-width: 575px) {
  .about-six__image__shape-1, .about-six__image__shape-2 {
    display: none;
  }
}
.about-six__image__shape-1 {
  position: absolute;
  top: 73px;
  right: 0px;
  z-index: 2;
  animation: leafMove 2s linear infinite;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .about-six__image__shape-1 {
    top: 0px;
  }
}
@media (max-width: 991px) {
  .about-six__image__shape-1 {
    top: 20px;
  }
}
@media (max-width: 767px) {
  .about-six__image__shape-1 {
    top: 0px;
  }
}
.about-six__image__shape-2 {
  position: absolute;
  top: 122px;
  right: 43px;
  z-index: 2;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .about-six__image__shape-2 {
    top: 60px;
  }
}
@media (max-width: 991px) {
  .about-six__image__shape-2 {
    top: 100px;
  }
}
@media (max-width: 767px) {
  .about-six__image__shape-2 {
    right: 10px;
  }
}
.about-six__experience {
  padding: 0px 47px 27px;
  position: absolute;
  left: 0;
  bottom: 69px;
  border-radius: 10px;
  z-index: 2;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .about-six__experience {
    bottom: 40px;
  }
}
@media (max-width: 575px) {
  .about-six__experience {
    left: 40px;
    bottom: 40px;
  }
}
@media (max-width: 440px) {
  .about-six__experience {
    left: 50%;
    bottom: 30px;
    transform: translateX(-50%);
  }
}
.about-six__experience::after {
  content: "";
  width: 100%;
  height: calc(100% - 43px);
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: var(--kaj-white5, #F5F1EE);
  border-radius: inherit;
}
.about-six__experience__inner {
  position: relative;
  text-align: center;
  z-index: 1;
}
.about-six__experience__icon {
  position: relative;
  margin: 0 auto 8px;
  width: 103px;
  height: 103px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 62px;
  color: var(--kaj-white, #ffffff);
  background-color: var(--kaj-base);
  border-radius: 50%;
  overflow: hidden;
  z-index: 1;
  transition: all 500ms ease;
}
.about-six__experience__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
@media (max-width: 390px) {
  .about-six__experience__icon {
    width: 90px;
    height: 90px;
    font-size: 55px;
  }
}
.about-six__experience__icon::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: inherit;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transform: scale(0.5);
  opacity: 0;
  background-color: var(--kaj-black);
  transition: transform 400ms ease, opacity 400ms ease;
}
.about-six__experience:hover .about-six__experience__icon::after {
  opacity: 1;
  transform: scale(1);
}
.about-six__experience__count {
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.25;
}
.about-six__experience__text {
  margin: 0;
  font-weight: 400;
  line-height: 1.25;
}

/* Custom styles for about-two__image__two */
.about-two__image__two {
  bottom: -90px !important;
  border-radius: 30px !important;
}

.about-two__image__two img {
  border-radius: 50% !important;
  width: 100% !important;
  height: 100% !important;
  max-height: 200px !important;
  object-fit: cover !important;
  object-position: center !important;
  border: 10px solid var(--kaj-white, #fff);
  filter: drop-shadow(0px 1px 8.5px rgba(var(--kaj-base-rgb, 223, 35, 57), 0.15));
}

/* Mobile and Sidebar Logo Styles */
.mobile-logos,
.sidebar-logos {
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: center;
}

.mobile-logos img,
.sidebar-logos img {
  max-height: 80px;
  width: auto;
  object-fit: contain;
}

.mobile-logos .logo-2,
.sidebar-logos .logo-2 {
  height: 80px;
  width: auto;
}

/* Override the general logo-2 hide rule for mobile navigation */
.mobile-nav__content .logo-2 {
  display: block !important;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 480px) {
  .mobile-logos,
  .sidebar-logos {
    gap: 10px;
  }
  
  .mobile-logos img,
  .sidebar-logos img {
    max-height: 60px;
  }
  
  .mobile-logos .logo-2,
  .sidebar-logos .logo-2 {
    height: 60px;
  }
}

@media (max-width: 360px) {
  .mobile-logos,
  .sidebar-logos {
    flex-direction: column;
    gap: 8px;
  }
  
  .mobile-logos img,
  .sidebar-logos img {
    max-height: 50px;
  }
  
  .mobile-logos .logo-2,
  .sidebar-logos .logo-2 {
    height: 50px;
  }
}

/* Mobile responsive styles for about-two__image__experiance */
@media (max-width: 767px) {
  .about-two__image__experiance {
    width: 120px;
    height: 120px;
    padding: 20px 10px 15px;
    left: -10px;
    top: -60px;
  }
  
  .about-two__image__experiance__icon {
    font-size: 35px;
    line-height: 35px;
    margin-bottom: 5px;
  }
  
  .about-two__image__experiance__number {
    font-size: 18px;
    gap: 2px;
  }
  
  .about-two__image__experiance__text {
    font-size: 12px;
    letter-spacing: -0.24px;
  }
}

@media (max-width: 480px) {
  .about-two__image__experiance {
    width: 100px;
    height: 100px;
    padding: 15px 8px 12px;
    left: -8px;
    top: -50px;
  }
  
  .about-two__image__experiance__icon {
    font-size: 28px;
    line-height: 28px;
    margin-bottom: 4px;
  }
  
  .about-two__image__experiance__number {
    font-size: 16px;
    gap: 1px;
  }
  
  .about-two__image__experiance__text {
    font-size: 10px;
    letter-spacing: -0.2px;
  }
}

@media (max-width: 360px) {
  .about-two__image__experiance {
    width: 85px;
    height: 85px;
    padding: 12px 6px 10px;
    left: -6px;
    top: -40px;
  }
  
  .about-two__image__experiance__icon {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 3px;
  }
  
  .about-two__image__experiance__number {
    font-size: 14px;
  }
  
  .about-two__image__experiance__text {
    font-size: 9px;
    letter-spacing: -0.18px;
  }
}


.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}

/* Footer copyright text mobile centering */
@media (max-width: 767px) {
  .main-footer__bottom__inner .row {
    flex-direction: column;
    text-align: center;
  }
  
  .main-footer__bottom__inner .col-md-6 {
    width: 100%;
    text-align: center !important;
    margin-bottom: 10px;
  }
  
  .main-footer__bottom__inner .col-md-6:last-child {
    margin-bottom: 0;
  }
  
  .copyright-text {
    text-align: center !important;
  }
}

/* Mobile fixes for about-six image overlapping */
@media (max-width: 767px) {
  .about-six__image__two {
    margin-top: 60px;
    text-align: left;
    position: relative;
    z-index: 1;
  }
  
  .about-six__experience {
    position: relative;
    left: 0;
    bottom: 0;
    margin-top: 30px;
    transform: none;
    z-index: 2;
  }
}

@media (max-width: 575px) {
  .about-six__image__two {
    margin-top: 40px;
    text-align: left;
  }
  
  .about-six__experience {
    left: 0;
    bottom: 0;
    margin-top: 20px;
    transform: none;
    padding: 0px 30px 20px;
  }
}

@media (max-width: 440px) {
  .about-six__image__two {
    margin-top: 30px;
  }
  
  .about-six__experience {
    left: 0;
    bottom: 0;
    margin-top: 15px;
    transform: none;
    padding: 0px 20px 15px;
  }
  
  .about-six__experience__icon {
    width: 80px;
    height: 80px;
    font-size: 45px;
  }
}


.about-one__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  mix-blend-mode: luminosity;
  opacity: 0.3;
}
/*--------------------------------------------------------------
# Reason Section Mobile Responsive
--------------------------------------------------------------*/
.reson-section {
  position: relative;
  z-index: 1;
}

.reson-section .about-one__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  mix-blend-mode: luminosity;
  opacity: 0.3;
}

/* Ensure points 4 and 5 have separator line on mobile/tablet when in single column */
@media (max-width: 991px) {
  .reson-section .col-lg-6:first-child .feature-one__box:last-child {
    border-bottom: 1px solid var(--kaj-border-color, #E6E2D9);
    margin-bottom: 40px;
    padding-bottom: 39px;
  }
  
  .reson-section .col-lg-6:last-child .feature-one__box:first-child {
    border-top: 1px solid var(--kaj-border-color, #E6E2D9);
    margin-top: 40px;
    padding-top: 39px;
  }
}

@media (max-width: 767px) {
  .reson-section .col-lg-6:first-child .feature-one__box:last-child {
    margin-bottom: 30px;
    padding-bottom: 29px;
  }
  
  .reson-section .col-lg-6:last-child .feature-one__box:first-child {
    margin-top: 30px;
    padding-top: 29px;
  }
}

@media (max-width: 575px) {
  .reson-section .col-lg-6:first-child .feature-one__box:last-child {
    margin-bottom: 25px;
    padding-bottom: 24px;
  }
  
  .reson-section .col-lg-6:last-child .feature-one__box:first-child {
    margin-top: 25px;
    padding-top: 24px;
  }
}

/*--------------------------------------------------------------
# Enhanced 404 Page Styles
--------------------------------------------------------------*/
.error-404 {
  padding: 120px 0;
  position: relative;
  background: #ffffff;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 767px) {
  .error-404 {
    padding: 60px 0;
    min-height: auto;
  }
}

.error-404__image {
  position: relative;
  text-align: center;
}

.error-404__image img {
  max-width: 100%;
  height: auto;
  animation: float 3s ease-in-out infinite;
  filter: drop-shadow(0 10px 20px rgba(0,0,0,0.1));
}

@keyframes float {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
}

.error-404__content {
  position: relative;
  text-align: center;
  padding: 40px 20px;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

@media (max-width: 991px) {
  .error-404__content {
    margin-top: 30px;
    padding: 20px 10px;
  }
}

.error-404__title {
  font-size: 180px;
  line-height: 1;
  font-weight: 900;
  margin-bottom: 20px;
  position: relative;
  text-transform: uppercase;
  letter-spacing: -2px;
  
  /* Enhanced embossed shadow effect for white background */
  color: #dd0000;
  text-shadow: 
    1px 1px 0px #dd0000,
    2px 2px 0px #f0f0f0,
    3px 3px 0px #e0e0e0,
    4px 4px 0px #d0d0d0,
    5px 5px 0px #c0c0c0,
    6px 6px 0px #b0b0b0,
    7px 7px 0px #a0a0a0,
    8px 8px 0px #909090,
    9px 9px 0px #808080,
    10px 10px 0px #707070,
    11px 11px 0px #606060,
    12px 12px 0px #505050,
    13px 13px 0px #404040,
    14px 14px 0px #303030,
    15px 15px 0px #202020,
    16px 16px 0px #101010,
    17px 17px 0px #000000,
    18px 18px 30px rgba(0,0,0,0.4);
  
  /* Additional depth effect */
  background: linear-gradient(45deg, #dd0000, #ff0000, #dd0000);
  background-size: 200% 200%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: gradientShift 3s ease-in-out infinite;
}

@keyframes gradientShift {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

@media (max-width: 1199px) {
  .error-404__title {
    font-size: 150px;
    text-shadow: 
      1px 1px 0px #dd0000,
      2px 2px 0px #f0f0f0,
      3px 3px 0px #e0e0e0,
      4px 4px 0px #d0d0d0,
      5px 5px 0px #c0c0c0,
      6px 6px 0px #b0b0b0,
      7px 7px 0px #a0a0a0,
      8px 8px 0px #909090,
      9px 9px 0px #808080,
      10px 10px 0px #707070,
      11px 11px 0px #606060,
      12px 12px 0px #505050,
      13px 13px 0px #404040,
      14px 14px 0px #303030,
      15px 15px 0px #202020,
      16px 16px 0px #101010,
      17px 17px 0px #000000,
      18px 18px 25px rgba(0,0,0,0.4);
  }
}

@media (max-width: 991px) {
  .error-404__title {
    font-size: 120px;
    text-shadow: 
      1px 1px 0px #dd0000,
      2px 2px 0px #f0f0f0,
      3px 3px 0px #e0e0e0,
      4px 4px 0px #d0d0d0,
      5px 5px 0px #c0c0c0,
      6px 6px 0px #b0b0b0,
      7px 7px 0px #a0a0a0,
      8px 8px 0px #909090,
      9px 9px 0px #808080,
      10px 10px 0px #707070,
      11px 11px 0px #606060,
      12px 12px 0px #505050,
      13px 13px 0px #404040,
      14px 14px 0px #303030,
      15px 15px 0px #202020,
      16px 16px 0px #101010,
      17px 17px 0px #000000,
      18px 18px 20px rgba(0,0,0,0.4);
  }
}

@media (max-width: 767px) {
  .error-404__title {
    font-size: 90px;
    text-shadow: 
      1px 1px 0px #dd0000,
      2px 2px 0px #f0f0f0,
      3px 3px 0px #e0e0e0,
      4px 4px 0px #d0d0d0,
      5px 5px 0px #c0c0c0,
      6px 6px 0px #b0b0b0,
      7px 7px 0px #a0a0a0,
      8px 8px 0px #909090,
      9px 9px 0px #808080,
      10px 10px 0px #707070,
      11px 11px 0px #606060,
      12px 12px 0px #505050,
      13px 13px 0px #404040,
      14px 14px 0px #303030,
      15px 15px 0px #202020,
      16px 16px 0px #101010,
      17px 17px 0px #000000,
      18px 18px 15px rgba(0,0,0,0.4);
  }
}

@media (max-width: 575px) {
  .error-404__title {
    font-size: 70px;
    text-shadow: 
      1px 1px 0px #dd0000,
      2px 2px 0px #f0f0f0,
      3px 3px 0px #e0e0e0,
      4px 4px 0px #d0d0d0,
      5px 5px 0px #c0c0c0,
      6px 6px 0px #b0b0b0,
      7px 7px 0px #a0a0a0,
      8px 8px 0px #909090,
      9px 9px 0px #808080,
      10px 10px 0px #707070,
      11px 11px 0px #606060,
      12px 12px 0px #505050,
      13px 13px 0px #404040,
      14px 14px 0px #303030,
      15px 15px 0px #202020,
      16px 16px 0px #101010,
      17px 17px 0px #000000,
      18px 18px 12px rgba(0,0,0,0.4);
  }
}

@media (max-width: 375px) {
  .error-404__title {
    font-size: 60px;
    text-shadow: 
      1px 1px 0px #dd0000,
      2px 2px 0px #f0f0f0,
      3px 3px 0px #e0e0e0,
      4px 4px 0px #d0d0d0,
      5px 5px 0px #c0c0c0,
      6px 6px 0px #b0b0b0,
      7px 7px 0px #a0a0a0,
      8px 8px 0px #909090,
      9px 9px 0px #808080,
      10px 10px 0px #707070,
      11px 11px 0px #606060,
      12px 12px 0px #505050,
      13px 13px 0px #404040,
      14px 14px 0px #303030,
      15px 15px 0px #202020,
      16px 16px 0px #101010,
      17px 17px 0px #000000,
      18px 18px 10px rgba(0,0,0,0.4);
  }
}

.error-404__sub-title {
  font-size: 32px;
  margin: 0;
  margin-bottom: 20px;
  font-weight: 700;
  color: #333;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
}

.error-404__sub-title::after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 3px;
  background: linear-gradient(90deg, #dd0000, #ff0000);
  border-radius: 2px;
}

@media (max-width: 991px) {
  .error-404__sub-title {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .error-404__sub-title {
    font-size: 24px;
  }
}

@media (max-width: 575px) {
  .error-404__sub-title {
    font-size: 20px;
  }
}

.error-404__text {
  padding: 0 20px;
  margin-bottom: 40px;
  font-size: 16px;
  line-height: 1.6;
  color: #666;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 767px) {
  .error-404__text {
    padding: 0 10px;
    font-size: 14px;
    margin-bottom: 30px;
  }
}

.error-404 .kaj-btn {
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 15px 30px;
  border-radius: 50px;
  box-shadow: 0 5px 15px rgba(221, 0, 0, 0.3);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.error-404 .kaj-btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
  transition: left 0.5s;
}

.error-404 .kaj-btn:hover::before {
  left: 100%;
}

.error-404 .kaj-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(221, 0, 0, 0.4);
}

/* Enhanced background effects for white background */
.error-404::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="%23dd0000" opacity="0.05"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
  opacity: 0.3;
  pointer-events: none;
}

/* Floating elements animation */
.error-404__image::before,
.error-404__image::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  background: #dd0000;
  border-radius: 50%;
  opacity: 0.1;
  animation: floatElement 4s ease-in-out infinite;
}

.error-404__image::before {
  top: 20%;
  left: 10%;
  animation-delay: 0s;
}

.error-404__image::after {
  bottom: 20%;
  right: 10%;
  animation-delay: 2s;
}

@keyframes floatElement {
  0%, 100% { transform: translateY(0px) rotate(0deg); }
  50% { transform: translateY(-20px) rotate(180deg); }
}

/* Responsive improvements */
@media (max-width: 991px) {
  .error-404 .row {
    flex-direction: column-reverse;
  }
  
  .error-404__image {
    order: 2;
  }
  
  .error-404__content {
    order: 1;
  }
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
  .error-404 {
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
  }
  
  .error-404__sub-title {
    color: #ecf0f1;
  }
  
  .error-404__text {
    color: #bdc3c7;
  }
  
  .error-404__title {
    text-shadow: 
      2px 2px 0px #2c3e50,
      4px 4px 0px #34495e,
      6px 6px 0px #2c3e50,
      8px 8px 0px #34495e,
      10px 10px 20px rgba(0,0,0,0.5);
  }
}

/* Arnis Technique Page Styles */
.highlight-box {
  background: linear-gradient(135deg, #DF2339, #ff6b6b) !important;
  color: white !important;
  padding: 25px !important;
  border-radius: 15px !important;
  margin: 25px 0 !important;
  text-align: center !important;
  font-weight: bold !important;
  font-size: 20px !important;
  box-shadow: 0 8px 25px rgba(223, 35, 57, 0.4) !important;
  border: 2px solid rgba(255, 255, 255, 0.1) !important;
  position: relative !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
}

.highlight-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s ease;
}

.highlight-box:hover::before {
  left: 100%;
}

.highlight-box:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 35px rgba(223, 35, 57, 0.5) !important;
}

.highlight-box strong {
  position: relative;
  z-index: 1;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

@media (max-width: 768px) {
  .highlight-box {
    font-size: 18px !important;
    padding: 20px !important;
  }
}

@media (max-width: 480px) {
  .highlight-box {
    font-size: 16px !important;
    padding: 18px !important;
  }
}

/* Feature Box Styles */
.feature-box {
  text-align: center;
  padding: 30px 20px;
  background: #f8f9fa;
  border-radius: 15px;
  height: 100%;
  transition: all 0.3s ease;
}

.feature-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.feature-box__icon {
  background: linear-gradient(135deg, #dd0000, #ff4444);
  color: white;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  font-size: 32px;
  transition: all 0.3s ease;
}

.feature-box:hover .feature-box__icon {
  transform: scale(1.1);
  box-shadow: 0 5px 15px rgba(221, 0, 0, 0.3);
}

.feature-box__title {
  margin-bottom: 15px;
  color: #2c3e50;
  font-weight: 600;
  font-size: 18px;
}

.feature-box__text {
  color: #666;
  line-height: 1.6;
  font-size: 14px;
}

/* Icon Box Styles */
.icon-box {
  background: linear-gradient(135deg, #dd0000, #ff4444);
  color: white;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
  transition: all 0.3s ease;
}

.icon-box--large {
  width: 80px;
  height: 80px;
  font-size: 32px;
}

.icon-box--medium {
  width: 60px;
  height: 60px;
  font-size: 24px;
}

.icon-box:hover {
  transform: scale(1.1);
  box-shadow: 0 5px 15px rgba(221, 0, 0, 0.3);
}

/* Content Box Styles */
.content-box {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
}

.content-box__icon {
  flex-shrink: 0;
  margin-right: 15px;
}

.content-box__content {
  flex: 1;
}

.content-box__title {
  font-size: 16px;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 8px;
}

.content-box__text {
  font-size: 14px;
  color: #666;
  line-height: 1.5;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .feature-box {
    padding: 25px 15px;
  }
  
  .feature-box__icon {
    width: 60px;
    height: 60px;
    font-size: 24px;
  }
  
  .feature-box__title {
    font-size: 16px;
  }
  
  .feature-box__text {
    font-size: 13px;
  }
  
  .content-box {
    flex-direction: column;
    text-align: center;
    align-items: center;
  }
  
  .content-box__icon {
    margin-right: 0;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media (max-width: 480px) {
  .feature-box {
    padding: 20px 10px;
  }
  
  .feature-box__icon {
    width: 50px;
    height: 50px;
    font-size: 20px;
  }
  
  .content-box {
    flex-direction: column;
    text-align: center;
    align-items: center;
  }
  
  .content-box__icon {
    margin-right: 0;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media (max-width: 375px) {
  .content-box {
    flex-direction: column;
    text-align: center;
    align-items: center;
  }
  
  .content-box__icon {
    margin-right: 0;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

/* Additional utility classes for remaining inline styles */
.margin-top-50 {
  margin-top: 50px;
}

/* About One Content Bottom Mobile Responsive Styles */
.about-one__content__bottom {
  margin-top: 30px;
}

@media (max-width: 991px) {
  .about-one__content__bottom {
    margin-top: 25px;
  }
}

@media (max-width: 767px) {
  .about-one__content__bottom {
    margin-top: 20px;
  }
  
  .about-one__content__bottom .content-box {
    margin-bottom: 25px;
    padding: 20px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  }
  
  .about-one__content__bottom .content-box:last-child {
    margin-bottom: 0;
  }
}

/* Custom styles for black belt page */
.black-belt-section .card { border: none; margin-bottom: 20px; }
.black-belt-section .card-header { background: transparent; color: #fff; padding: 0; }
.black-belt-section .btn-link { 
  color: #fff; 
  font-size: 0.9em; 
  width: 100%; 
  text-align: left; 
  padding: 18px 24px; 
  border: none;  
  background-color: var(--kaj-base); 
  box-shadow: none; 
  transition: box-shadow 0.3s, transform 0.3s, background 0.3s, padding 0.3s;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}

.black-belt-section .btn-link::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
  transition: left 0.6s ease;
  z-index: 1;
}

.black-belt-section .btn-link:hover::before,
.black-belt-section .btn-link:focus::before {
  left: 100%;
}

.black-belt-section .btn-link span {
  position: relative;
  z-index: 2;
}

.black-belt-section .btn-link:hover,
.black-belt-section .btn-link:focus {
  box-shadow: 0 6px 24px rgba(0,0,0,0.12), 0 1.5px 4px rgba(0,0,0,0.10);
  background: var(--kaj-primary, #e63946);
  transform: scale(1.03);
  padding-left: 32px;
  padding-right: 32px;
}

.black-belt-section .btn-link[aria-expanded="true"] {
  background: var(--kaj-primary, #e63946);
  box-shadow: 0 8px 32px rgba(0,0,0,0.16), 0 2px 8px rgba(0,0,0,0.12);
  transform: scale(1.04);
  padding-left: 36px;
  padding-right: 36px;
}

.black-belt-section .btn-link .arrow {
  transition: transform 0.3s;
  display: inline-block;
  margin-left: 12px;
}

.black-belt-section .btn-link[aria-expanded="true"] .arrow {
  transform: rotate(90deg);
}

.black-belt-section .card-body { background: #faf8f6; }
.black-belt-section ol { padding-left: 24px; margin-bottom: 0; }
.black-belt-section li { margin-bottom: 8px; font-size: 1.1em; }
@media (max-width: 575px) {
  .black-belt-section .btn-link { font-size: 1em; padding: 14px 12px; }
}

.black-belt-table th, .black-belt-table td {
  vertical-align: middle;
  text-align: left;
}
.table-responsive {
  margin-bottom: 1.5rem;
}
@media (max-width: 575px) {
  .black-belt-table th, .black-belt-table td {
    font-size: 0.95em;
    padding: 0.5em;
  }
}
.table-search {
  max-width: 350px;
  margin-left: auto;
  margin-right: 0;
  display: block;
}

/*--------------------------------------------------------------
# Master Hierarchy
--------------------------------------------------------------*/
.master-hierarchy {
    padding: 120px 0;
    background-color: var(--kaj-white, #ffffff);
    position: relative;
}

.master-hierarchy__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(assets/images/shapes/about-1-bg.png);
    background-size: cover;
    background-position: center;
    opacity: 0.1;
    z-index: 1;
}

.master-hierarchy .container {
    position: relative;
    z-index: 2;
}

.master-hierarchy .sec-title {
    margin-bottom: 80px;
}

.master-hierarchy__grid {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 40px;
    max-width: 100%;
    margin: 0 auto;
}

.master-card {
    position: relative;
    width: 380px;
    text-align: center;
    padding: 40px 30px;
    background: var(--kaj-white, #ffffff);
    border-radius: 25px;
    box-shadow: 0px 15px 50px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    z-index: 1;
    margin: 0 auto;
}

.master-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
    background: linear-gradient(135deg, var(--kaj-base, #E23B33) 0%, #ff6b6b 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1;
}

.master-card:hover::before {
    opacity: 1;
}

.master-card:hover {
    transform: translateY(-10px);
    box-shadow: 0px 20px 60px rgba(0, 0, 0, 0.15);
}

.master-card__image {
    width: 140px;
    height: 140px;
    margin: 0 auto 25px;
    border-radius: 50%;
    overflow: hidden;
    border: 5px solid var(--kaj-base, #E23B33);
    transition: all 0.3s ease;
    box-shadow: 0px 8px 25px rgba(226, 59, 51, 0.2);
    position: relative;
}

.master-card:hover .master-card__image {
    border-color: var(--kaj-white, #ffffff);
    transform: scale(1.08);
    box-shadow: 0px 12px 35px rgba(226, 59, 51, 0.3);
}

.master-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.master-card:hover .master-card__image img {
    transform: scale(1.1);
}

.master-card__name {
    font-size: 24px;
    font-weight: 700;
    color: var(--kaj-black, #212226);
    margin-bottom: 8px;
    transition: color 0.3s ease;
}

.master-card:hover .master-card__name {
    color: var(--kaj-white, #ffffff);
}

.master-card__title {
    font-size: 17px;
    color: var(--kaj-base, #E23B33);
    font-weight: 600;
    margin-bottom: 10px;
    transition: color 0.3s ease;
}

.master-card:hover .master-card__title {
    color: var(--kaj-white, #ffffff);
}

.master-card__description {
    font-size: 16px;
    color: #666666;
    line-height: 1.5;
    transition: color 0.3s ease;
}

.master-card:hover .master-card__description {
    color: rgba(255, 255, 255, 0.9);
}

.master-hierarchy__arrow {
    position: relative;
    width: 80px;
    height: 80px;
    margin: 30px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: arrowPulse 2s infinite;
}

.master-hierarchy__arrow::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 35px solid var(--kaj-base, #E23B33);
    transition: all 0.3s ease;
    filter: drop-shadow(0 4px 8px rgba(226, 59, 51, 0.3));
}

.master-hierarchy__arrow::after {
    content: "";
    position: absolute;
    width: 3px;
    height: 50px;
    background: linear-gradient(to bottom, var(--kaj-base, #E23B33), transparent);
    top: 35px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 2px;
}

.master-hierarchy__arrow:hover::before {
    transform: scale(1.1);
    filter: drop-shadow(0 6px 12px rgba(226, 59, 51, 0.4));
}

@keyframes arrowPulse {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(5px);
    }
}

/* Responsive Design */
@media (max-width: 991px) {
    .master-hierarchy {
        padding: 100px 0;
    }
    
    .master-hierarchy__grid {
        gap: 30px;
    }
    
    .master-card {
        width: 340px;
        padding: 35px 25px;
    }
    
    .master-card__image {
        width: 120px;
        height: 120px;
        margin-bottom: 20px;
    }
    
    .master-card__name {
        font-size: 22px;
    }
    
    .master-card__title {
        font-size: 16px;
    }
    
    .master-card__description {
        font-size: 14px;
    }
    
    .master-hierarchy__arrow {
        width: 70px;
        height: 70px;
        margin: 25px auto;
    }
    
    .master-hierarchy__arrow::before {
        border-left: 18px solid transparent;
        border-right: 18px solid transparent;
        border-top: 30px solid var(--kaj-base, #E23B33);
    }
    
    .master-hierarchy__arrow::after {
        height: 45px;
        top: 30px;
    }
}

@media (max-width: 767px) {
    .master-hierarchy {
        padding: 80px 0;
    }
    
    .master-hierarchy .sec-title {
        margin-bottom: 60px;
    }
    
    .master-hierarchy__grid {
        gap: 25px;
    }
    
    .master-card {
        width: 300px;
        padding: 30px 20px;
    }
    
    .master-card__image {
        width: 100px;
        height: 100px;
        margin-bottom: 18px;
    }
    
    .master-card__name {
        font-size: 20px;
    }
    
    .master-card__title {
        font-size: 15px;
    }
    
    .master-card__description {
        font-size: 13px;
    }
    
    .master-hierarchy__arrow {
        width: 60px;
        height: 60px;
        margin: 20px auto;
    }
    
    .master-hierarchy__arrow::before {
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 25px solid var(--kaj-base, #E23B33);
    }
    
    .master-hierarchy__arrow::after {
        height: 35px;
        top: 25px;
    }
}

@media (max-width: 575px) {
    .master-hierarchy {
        padding: 60px 0;
    }
    
    .master-hierarchy .sec-title {
        margin-bottom: 50px;
    }
    
    .master-hierarchy__grid {
        gap: 20px;
    }
    
    .master-card {
        width: 280px;
        padding: 25px 18px;
    }
    
    .master-card__image {
        width: 90px;
        height: 90px;
        margin-bottom: 15px;
    }
    
    .master-card__name {
        font-size: 18px;
    }
    
    .master-card__title {
        font-size: 14px;
    }
    
    .master-card__description {
        font-size: 12px;
    }
    
    .master-hierarchy__arrow {
        width: 50px;
        height: 50px;
        margin: 18px auto;
    }
    
    .master-hierarchy__arrow::before {
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-top: 22px solid var(--kaj-base, #E23B33);
    }
    
    .master-hierarchy__arrow::after {
        height: 30px;
        top: 22px;
    }
}

@media (max-width: 375px) {
    .master-card {
        width: 260px;
        padding: 22px 16px;
    }
    
    .master-card__image {
        width: 80px;
        height: 80px;
    }
    
    .master-card__name {
        font-size: 17px;
    }
    
    .master-card__title {
        font-size: 13px;
    }
    
    .master-card__description {
        font-size: 11px;
    }
}