.bg-lg-1 {
  /* background: -webkit-linear-gradient(left, rgb(253, 253, 253), #f6f6ad); */
  /* background: linear-gradient(to left, rgba(255, 234, 0, 0.46), rgba(255, 25, 0, 0.23)); */
}

.matter {
  font-family: Noto Sans, sans-serif;
  font-size: 22px;
  font-weight: bold;
  color: #1a1a18;
  text-transform: uppercase;
}

.head {
  font-family: Noto Sans, sans-serif !important;
  font-size: 20px !important;
  font-weight: bold !important;
}

.title-underline {
  background: #f97800;
  height: 3px;
  width: auto;
}

.pointss {
  counter-reset: li;
  list-style-type: disc;
  padding: 0px 19px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
}

.quote {
  font-size: 16px;
  text-align: center;
}

/* .full{
  margin-right: 10px;
  background: -webkit-linear-gradient(left, rgb(253, 253, 253),  #f6f6ad);
} */


.hero {
  position: relative;
  margin-top: 5rem;
  /* margin-top: 9rem; */
  height: 100vh;
  /* height: 91vh; */
  overflow: hidden;
  display: flex;
  align-items: center;
  color: white;
}


.hero .container {
  transform: translateY(0);
  transition: transform 0.1s linear;
  position: relative;
  z-index: 2;
}

.video-gifs {
  max-width: 100%;
  height: auto;
  border-radius: 1rem;
}

.highlight {
  color: #f4c430;
  font-weight: 600;
}


/* .mission-section {
  background: linear-gradient(to right, rgba(179, 0, 0, 0.85), rgba(0, 0, 0, 0.85)),
    url("images/1\ \(2\).png") center / cover no-repeat;

  p {
    color: white;
  }
} */

.list {
  position: relative;
  display: block;
  padding: .4em .4em .4em 2em;
  margin: .5em 0;
  background: #DAD2CA;
  color: #444;
  text-decoration: none;
  border-radius: .3em;
}

.list:hover:before {
  transform: rotate(360deg);
}

.list:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  left: -1.3em;
  top: 50%;
  margin-top: -1.3em;
  background: #f9dd94;
  height: 2em;
  width: 2em;
  line-height: 2em;
  text-align: center;
  font-weight: bold;
  border-radius: 2em;
  transition: all .3s ease-out;
}

.vision-head1,
.mission-head1 {
  display: none;
}

.vision-head2,
.mission-head2 {
  display: block;
}



.advantages {
  background-color: #F2EFE9;
  padding-top: 20px;
  padding-bottom: 4px;
}

.underline-container {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.underline {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  background-color:
    #fe5800;
  animation: slide 3s infinite;
}

@keyframes slide {

  0%,
  100% {
    width: 0;
  }

  25%,
  75% {
    width: 100%;
  }
}

.advantages_List {
  font-size: 16px;
  margin-top: 0px;
  text-align: justify;
  padding: 0px;
}

ul {
  list-style-type: none;
}

.advantages_List li {
  padding-top: 1px;
  padding-bottom: -1px;

}

.PPC {
  padding: 5px 0px 10px 25px;
}

.PP {
  color: #000000;
  font: 16px system-ui;
  line-height: 200%;
}

.advantages_List li i {
  color: rgb(233, 5, 32);
}

p {
  margin-bottom: 0;
}

.home {
  margin-top: 9rem;
}

.main {
  position: relative;
  height: 100vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;

  a {
    padding: 0.75rem 2rem;
    font-size: 1.15rem;
    border-radius: 2rem;
  }
}

/* Video */
.main-video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  object-fit: cover;
  z-index: 1;
}

.main-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 2;
}

.main-content {
  position: relative;
  z-index: 3;
  max-width: 900px;
  padding: 0 20px;
}

.main-content h1 {
  font-size: clamp(2rem, 4vw, 3.5rem);
  font-weight: 700;
  margin-bottom: 1rem;
}

.main-content p {
  font-size: clamp(1rem, 2vw, 1.3rem);
  line-height: 1.6;
  opacity: 0.95;
}

.features__area {
  background: #f7f7f7;
  padding: 2rem 0 0rem;
}

.features__item {
  text-align: center;
  margin-bottom: 30px;
}

.features__icon {
  margin-bottom: 22px;
  min-height: 93px;
  transition: all 0.3s ease-out 0s;
}

.features__icon {
  img {
    /* max-width: 80px; */
    max-width: 160px;
    border-radius: 1rem;
  }
}

.features__content .title {
  /* color: var(--tg-common-color-white); */
  color: #000000;
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: var(--tg-fw-semi-bold);
}

.title {
  font-weight: 800;
  line-height: 1.1;
  color: #5751e1;
  margin-top: 1rem;
}

.features__content p {
  margin-bottom: 0;
  color: #000000;
}

.services-section {
  /* background: linear-gradient(180deg, #ff5700, #ffc107); */
  background: linear-gradient(129deg, #ff0900, #ffc107);

  /* background: linear-gradient(135deg, #243a8f, #5a2a82); */
}

.service-card {
  position: relative;
  height: 100%;
  background: #ffffff14;
  backdrop-filter: blur(10px);
  border: 1px solid #FFFFFF50;
  color: #fff;
  transition: all 0.3s ease;
  /* padding: 85px 30px 40px; */
  padding: 70px 30px 40px;
  border-radius: 10px;
}

.icon-badge {
  position: absolute;
  /* top: -32px; */
  top: -58px;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 100px;
  /* width: 120px;
  height: 120px; */
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: white;
  mask-image: radial-gradient(circle, #000 100%, transparent 100%);
  border-radius: 50%;
  /* mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjYsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMDkgMTE5LjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwOSAxMTkuMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTEwOSw3OS40VjM5LjhjMC03LjItMy44LTEzLjgtMTAtMTcuM0w2NC41LDIuN2MtNi4yLTMuNi0xMy45LTMuNi0yMC4xLDBMMTAsMjIuNUMzLjgsMjYuMSwwLDMyLjcsMCwzOS44djM5LjYNCgljMCw3LjIsMy44LDEzLjgsMTAsMTcuM2wzNC40LDE5LjhjNi4yLDMuNiwxMy45LDMuNiwyMC4xLDBsMzQuNC0xOS44QzEwNS4yLDkzLjIsMTA5LDg2LjYsMTA5LDc5LjR6Ii8+DQo8L3N2Zz4NCg==); */
  mask-size: 100% 100%;
  -webkit-mask-size: 100% 100%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  padding: .7em .55em;
}

.icon-badge i {
  font-size: 2.5rem;
  /* color: #e00000; */
  color: #ff5900;
}

.service-card h4 {
  font-weight: 600;
  margin-bottom: 15px;
  line-height: 1.2;
  margin: 0;
  font-size: 1rem;
}

.service-card {
  h4 {
    color: white;
  }
}

.service-card p {
  font-size: 14px;
  color: #dcdcdc;
  line-height: 1.6;
}

.service-card:hover {
  transform: translateY(-8px);
  background: rgba(255, 255, 255, 0.12);
}

@media (max-width: 575px) {
  .service-card {
    padding-top: 65px;
  }
}

@media (min-width: 768px) {
  .ai-desktop {
    display: block !important;
  }
}

@media (min-width: 768px) {
  .ai-mobile {
    display: none !important;
  }
}

@media (max-width:768px) {
  .bg-lg-1 {
    background: -webkit-linear-gradient(left, rgb(253, 253, 253), #f6f6ad);
  }

  .quote {
    font-size: 15px;
    text-align: center;
  }

  .main-content {
    margin-top: -3rem;
  }

}

@media (max-width:992px) {
  .vision-head1 {
    margin-bottom: 1.5rem;
  }

  .vision-head1,
  .mission-head1 {
    display: block;
    margin-bottom: 1.5rem;

  }

  .vision-head2,
  .mission-head2 {
    display: none;
  }

  .enroll-img {
    right: 10px;
    position: absolute;
    transform: scaleX(-1);
    max-width: 200px;
    aspect-ratio: 1 / 1;
    bottom: 0;
  }
}