/* landing Header */
header.main-header.landing-header {
  padding-top: 23px;
}

header.main-header.landing-header .header-lt {
  padding-bottom: 20px;
  padding-top: 28px;
}

header.main-header.landing-header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 23px;
  background: var(--color-cream);
  transition: var(--transition-common);
}

.header-sticky header.main-header.landing-header {
  padding-top: 0;
}

.header-sticky header.main-header.landing-header::before {
  top: -24px;
  transition-delay: .1s;
}

.landing-header .header-rt {
  transition: var(--transition-common);
  height: 90px;
  padding: 30px;
  border-radius: 50px;
  gap: 50px;
  font-size: var(--f-size-S);
}

.landing-header .header-rt a {
  color: var(--color-white);
  display: flex;
  align-items: center;
  gap: 15px;
}

.landing-header .header-rt a img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.header-sticky .header-rt {
  margin: 14px 0 0;
  backdrop-filter: var(--glossy-filter, blur(8px));
  box-shadow: rgba(255, 255, 255, 0.3) 1px 1px 2px 1px inset, rgba(255, 255, 255, 0.3) 0px 0px 20px 5px inset;
  background: rgba(34, 34, 34, 0.25);
  border-radius: var(--border-radius);
  height: 70px;
}



/* landing Banner */
.landing-hero-banner.hero-banner {
  border-radius: var(--border-radius);
  padding-top: 23px;
}

.landing-hero-banner .hero-media {
  position: relative;
  height: calc(100vh - 43px);
}

.landing-hero-banner .awards-wrap ul {
  justify-content: space-between;
}

.landing-hero-banner.hero-banner .quick-links-slider-outer {
  max-width: 49%;
  padding: 20px 12px 0 20px;
}

.landing-hero-banner.hero-banner .quick-links-slider-outer .quick-links-inner {
  background-color: var(--color-tertiary-orange-shade-5);
  padding: 50px 40px;
  border-radius: 30px;
}

.landing-hero-banner.hero-banner .quick-links-slider-outer .right-shape svg {
  right: 12px;
}

.quick-links-inner p {
  color: var(--color-black);
}

.quick-links-inner .tech-icons {
  gap: 12px;
}

.quick-links-inner .tech-icons img {
  width: 48px;
  height: 48px;
}

.hero-banner-content-wrapper {
  position: absolute;
  bottom: 30px;
  left: 30px;
  width: 40%;
}

.hero-banner-content-wrapper .hero-banner-content {
  position: relative;
  left: 0;
  bottom: 0;
  width: 100%;
  max-width: inherit;
}

.hero-banner-content-wrapper .hero-banner-content.landing-banner-list {
  max-width: 570px;
  margin: 0 0 30px;
}

.landing-banner-list ul li {
  background-image: url(../images/tick1.svg);
  font-size: var(--f-size-S);
  background-repeat: no-repeat;
  background-size: 35px;
  line-height: 1.5;
  padding-left: 45px;
  background-position: left center;
}

.landing-banner-list ul li:not(:last-child) {
  margin: 0 0 15px;
}


/* landing Career Section */
.feature-card {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 40px 30px;
  border-radius: 30px;
  transition: var(--transition-common);
  background-color: var(--color-primary-blue-shade-2);
}

.feature-card .feature-icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition-common);
  flex: 0 0 auto;
}

.feature-card .feature-icon img {
  width: 35px;
  height: 35px;
  object-fit: contain;
}

.feature-card h6 {
  margin: 0;
}

.features-row .col-xl-3:nth-child(7n + 1) .feature-card {
  background: var(--color-primary-blue-shade-2);
}

.features-row .col-xl-3:nth-child(7n + 2) .feature-card {
  background: var(--color-tertiary-orange-shade-3);
}

.features-row .col-xl-3:nth-child(7n + 3) .feature-card {
  background: var(--color-secondary-pink-shade-1);
}

.features-row .col-xl-3:nth-child(7n + 4) .feature-card {
  background: var(--color-quaternary-green-shade-1);
}

.features-row .col-xl-3:nth-child(7n + 5) .feature-card {
  background: var(--color-quaternary-green-shade-1);
}

.features-row .col-xl-3:nth-child(7n + 6) .feature-card {
  background: var(--color-primary-blue-shade-2);
}

.features-row .col-xl-3:nth-child(7n + 7) .feature-card {
  background: var(--color-tertiary-orange-shade-3);
}

.features-row .col-xl-3:nth-child(7n + 1) .feature-card .feature-icon {
  background: var(--color-primary-blue);
}

.features-row .col-xl-3:nth-child(7n + 2) .feature-card .feature-icon {
  background: var(--color-tertiary-orange);
}

.features-row .col-xl-3:nth-child(7n + 3) .feature-card .feature-icon {
  background: var(--color-secondary-pink);
}

.features-row .col-xl-3:nth-child(7n + 4) .feature-card .feature-icon {
  background: var(--color-quaternary-green);
}

.features-row .col-xl-3:nth-child(7n + 5) .feature-card .feature-icon {
  background: var(--color-quaternary-green);
}

.features-row .col-xl-3:nth-child(7n + 6) .feature-card .feature-icon {
  background: var(--color-primary-blue);
}

.features-row .col-xl-3:nth-child(7n + 7) .feature-card .feature-icon {
  background: var(--color-tertiary-orange);
}

.feature-card:hover {
  transform: translateY(-5px);
}



/* landing Course Section */
.course-left-card {
  background-repeat: no-repeat;
  background-position: 38%;
  background-size: cover;
  border-radius: var(--border-radius);
  position: relative;
  overflow: hidden;
  display: flex;
  height: 100%;
}

.course-left-content {
  padding: 60px 60px 86%;
  background: rgb(34 34 34 / 50%);
}

.course-left-content * {
  color: var(--color-white);
}

.course-right-card {
  background: var(--color-tertiary-orange);
  padding: 60px;
  border-radius: var(--border-radius);
  height: 100%;
}

.course-right-card h3 {
  color: var(--color-white);
}

.course-right-card p {
  color: var(--color-white);
  line-height: 1.4;
}

.course-right-card .accordion-item {
  background: transparent;
  border: none;
  border-radius: 0 !important;
}

.course-right-card .accordion-item:not(:last-child) {
  margin-bottom: 0;
  border-bottom: 1px solid var(--color-white);
}

.course-right-card .accordion-button {
  background: transparent;
  border: none;
  padding: 23px 0;
  color: var(--color-white);
  font-size: var(--f-size-S);
  font-weight: var(--fw-medium);
}

.course-right-card .accordion-body {
  padding: 0 0 24px;
}

.course-right-card .accordion-button::after {
  background-color: var(--color-white);
}

.course-right-card .accordion-button::after {
  background-image: url(../images/minus-icon-p.svg);
}

.course-right-card .accordion-button:not(.collapsed)::after {
  background-image: url(../images/plus-icon-p.svg);
}

.tech-icons {
  display: flex;
  align-items: center;
  margin-bottom: 26px;
  gap: 15px;
}

.tech-icons img {
  width: 57px;
  height: 57px;
  object-fit: contain;
}



/* landing Benefits Section */
.benefits-card {
  background: var(--color-primary-blue-shade-2);
  height: 100%;
  border-radius: var(--border-radius);
  padding: 60px;
  text-align: center;
  background-image: url(../images/box-bg1.webp);
  background-size: 116%;
  background-repeat: no-repeat;
  background-position: right 232% top 68%;
}

.annual-card {
  background: var(--color-secondary-pink-shade-3);
  height: 100%;
  border-radius: var(--border-radius);
  padding: 60px;
  text-align: center;
  background-image: url(../images/box-bg3.webp);
  background-size: 172%;
  background-repeat: no-repeat;
  background-position: left 20% bottom 181%;
}

.company-logos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 24px;
}

.company-logos li {
  width: calc(33.33% - 16px);
  background: var(--color-white);
  aspect-ratio: 1 / 1;
  background: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  max-width: 210px;
  padding: 20px;
}

.company-logos li img {
  width: auto;
}

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

.head-bold h2 {
  font-weight: var(--fw-semi-bold);
}



/* landing Testimonial Section */
.testimonial-section {
  padding-top: 0;
}

.testimonial-slider {
    background: var(--color-quaternary-green-shade-2);
    border-radius: var(--border-radius);
    padding: 80px;
    background-image: url(../images/box-bg2.webp);
    background-size: 86%;
    background-repeat: no-repeat;
    background-position: right -10px top -100px;
}

.testimonial-slide-item {
  display: flex;
  gap: 48px;
  align-items: center;
}

.testimonial-slide-image {
  width: 31%;
  position: relative;
}

.testimonial-slide-text {
  width: 69%;
  position: relative;
  padding: 20px 0;
}

.testimonial-slide-text p {
  color: var(--color-black);
}

.testimonial-slide-image figure {
  width: 100%;
  aspect-ratio: 1;
  -webkit-mask-image: url(../images/sp.svg);
  mask-image: url(../images/sp.svg);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  margin: 0;
}

.testimonial-slide-image figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.testimonial-slide-image .quote-icon {
  width: 22.4%;
  aspect-ratio: 1;
  position: absolute;
  bottom: 0;
  background: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  right: 0;
}

.testimonial-slide-image .quote-icon img {
  width: 68%;
}

.testimonial-slide-author {
  display: flex;
  align-items: center;
  margin: 60px 0 0;
  gap: 30px;
}

.testimonial-slide-author * {
  margin: 0;
}

.testimonial-slider .splide__arrows {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  background: var(--color-cream);
  padding: 30px 0 0 30px;
  border-radius: 55px 0 0 0;
  gap: 48px;
  z-index: 1;
}

.testimonial-slider .splide__arrows .splide__arrow {
  position: relative;
  left: 0;
  right: 0;
}

.testimonial-slider .splide__arrows::after {
  position: absolute;
  content: "";
  top: -50px;
  right: 0;
  background: #e5000000;
  width: 50px;
  height: 50px;
  border-bottom-right-radius: 50px;
  box-shadow: 15px 15px 0 15px var(--color-cream);
}

.testimonial-slider .splide__arrows::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: -50px;
  background: transparent;
  width: 50px;
  height: 50px;
  border-bottom-right-radius: 50px;
  box-shadow: 15px 15px 0 15px var(--color-cream);
}

.testimonial-slider .splide__pagination {
  bottom: 80px;
  left: calc(31% + 40px);
}

.testimonial-slider .splide__pagination__page {
  background: var(--color-white);
}

.testimonial-slider .splide__pagination__page.is-active {
  background: var(--color-quaternary-green);
}


/* landing Gallery Section */
.gallery-wrapper {
  overflow: hidden;
  margin-bottom: 30px;
}

.gallery-track {
  display: flex;
  gap: 30px;
  width: max-content;
  animation: scroll-left 50s linear infinite;
}

.gallery-wrapper.reverse .gallery-track {
  animation: scroll-right 50s linear infinite;
}

.gallery-wrapper:hover .gallery-track {
  animation-play-state: paused;
}

.gallery-item {
  flex: 0 0 auto;
  width: 600px;
  height: 400px;
  border-radius: var(--border-radius);
  overflow: hidden;
}

.gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lp-gallery-section .row {
  margin: 0;
}

@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

@keyframes scroll-right {
  0% {
    transform: translateX(-50%);
  }

  100% {
    transform: translateX(0);
  }
}



/* landing Footer */
.landing-footer .ftr-bottom {
  padding-top: 89px;
}

.landing-footer .ftr-location {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.landing-footer .ftr-location-icon {
  width: 53px;
  aspect-ratio: 1;
  background: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
}

.landing-footer .ftr-location-content h6 {
  color: var(--color-white);
  font-weight: var(--fw-medium);
  margin-bottom: 24px;
}

.landing-footer .ftr-location-content p {
  color: var(--color-white);
  max-width: 290px;
}

.landing-footer .ftr-bottom h6 {
  color: var(--color-white);
  font-weight: var(--fw-medium);
  margin-bottom: 20px;
}

.landing-footer .ftr-bottom a {
  font-size: var(--f-size-S);
  color: var(--color-white);
}

.landing-footer .ftr-social-icons ul {
  gap: 15px;
  flex-wrap: wrap;
}

.landing-footer .ftr-social-icons ul li {
  margin: 0 !important;
}

.landing-footer .ftr-social-icons ul li a {
  border: 1.07px solid #DCDCDC;
  width: 60px;
  aspect-ratio: 1;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center; 
} 

.landing-footer .ftr-social-icons ul li a:hover {
  background: var(--color-primary-blue);
  border-color: var(--color-primary-blue);
}

.landing-footer .ftr-contact a { text-decoration: underline; }

.landing-footer .ftr-copyright-row { margin: 80px 0 0; }
.landing-footer .ftr-copyright-row hr { margin-bottom: 40px; }
.landing-footer .ftr-copyright-content { display: flex; align-items: center; justify-content: center; gap: 150px; }
.landing-footer .ftr-copyright-content * { font-size: 16px !important; }
.landing-footer .ftr-copyright-content ul { display: flex; align-items: center; justify-content: center; gap: 20px; }





@media only screen and (max-width: 1799px) {

  .landing-footer .ftr-social-icons ul li a { width: 50px;  }
  .landing-footer .ftr-social-icons ul { gap: 10px; flex-wrap: wrap; }

}

@media only screen and (max-width: 1599px) {

  .landing-header .header-rt { height: 70px; padding: 24px; gap: 30px; }
  .landing-header .header-rt a { gap: 10px; }
  .landing-header .header-rt a img { width: 18px; height: 18px; object-fit: contain; }
  .header-sticky .header-rt { height: 60px; }


  .landing-hero-banner.hero-banner .quick-links-slider-outer .quick-links-inner { background-color: var(--color-tertiary-orange-shade-5); padding: 30px 24px; border-radius: 20px; }
  .landing-banner-content .awards-wrap ul li img { height: 60px; }
  .hero-banner-content-wrapper .hero-banner-content.landing-banner-list { max-width: 430px; margin: 0 0 20px; }
  .landing-banner-list ul li { background-size: 25px; line-height: 1.5; padding-left: 35px; }

  .feature-card { gap: 16px; padding: 20px 20px; border-radius: 20px; }


  .course-left-content { padding: 40px 40px 86%; background: rgb(34 34 34 / 50%); }
  .course-right-card { padding: 40px; }
  .tech-icons { margin-bottom: 15px; gap: 15px; }
  .tech-icons img { width: 46px; height: 47px; }


  .gallery-item { width: 500px; height: 300px; }


  .testimonial-slider { border-radius: var(--border-radius); padding: 60px; }
  .testimonial-slider .splide__arrows { padding: 20px 0 0 20px; border-radius: 55px 0 0 0; gap: 20px; }
  .testimonial-slider .splide__arrow { width: 70px; height: 70px; }
  .testimonial-slide-author { display: flex; align-items: center; margin: 30px 0 0; gap: 30px; }
  .testimonial-slider .splide__pagination { bottom: 60px; left: calc(31% + 40px); padding: 0; }
  .testimonial-slide-item { gap: 32px; }


}


@media only screen and (max-width: 1399px) {
 
  .hero-banner-content-wrapper .hero-banner-content.landing-banner-list { max-width: 350px; margin: 0 0 20px; }

  .benefits-card { padding: 40px; }
  .annual-card { padding: 40px; }

  .testimonial-slider { padding: 40px 40px 60px; }
  .testimonial-slider .splide__pagination { left: calc(31% + 30px); }
 
  .landing-footer .ftr-social-icons ul li a { width: 40px;  }
   
}


@media only screen and (max-width: 1199px) {

  .quick-links-inner .gap-3 { gap: .5rem !important; }
  .hero-banner-content-wrapper { bottom: 20px; left: 20px; width: 45%; }

  .course-left-content { padding: 30px 20px 86%; background: rgb(34 34 34 / 50%); }
  .course-right-card { padding: 30px 20px; }

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

  .gallery-item { width: 360px; height: 250px; }

  .course-right-card .accordion-button { padding: 16px 0; }

  .testimonial-slide-item { gap: 30px; }
  .testimonial-slide-image { width: 42%; position: relative; } 
  .testimonial-slide-text { width: 58%; position: relative; padding: 0; }
  .testimonial-slider { padding: 30px 30px 60px; background-size: 115%; background-position: right -10px top -50px; }
  .testimonial-slider .splide__pagination { left: 30px; bottom: 22px; }


  .landing-footer .ftr-bottom { padding-top: 60px; }
  .landing-footer .ftr-location { margin: 0 0 30px; }

  .landing-footer .ftr-copyright-row { margin: 40px 0 0; }
  .landing-footer .ftr-copyright-row hr { margin-bottom: 30px; }
  .landing-footer .ftr-copyright-content { display: flex; align-items: center; justify-content: space-between; gap: 100px; }

}



@media only screen and (max-width: 991px) {
    
  .mt-4 { margin-top: 1rem !important; }

  .landing-header .header-rt { height: auto; padding: 24px; gap: 10px; flex-direction: column; align-items: flex-start !important; }

  .landing-hero-banner.hero-banner .quick-links-slider-outer .quick-links-inner { padding: 24px 24px; border-radius: 20px; background: var(--color-cream); }
  .landing-hero-banner.hero-banner .quick-links-slider-outer { max-width: 49%; padding: 0; }

  .landing-header .header-rt { height: auto; padding: 24px; gap: 10px; flex-direction: column; }


  .course-left-content { padding: 30px 20px 50%; background: rgb(34 34 34 / 50%); }
  .course-left-card { height: auto; margin-bottom: 30px; }

  .benefits-card { padding: 40px; margin-bottom: 30px; height: auto; }

  .testimonial-slide-item { gap: 20px; align-items: flex-start; }
  .testimonial-slider { padding: 24px 24px 100px; background-size: 165%; background-position: right -10px top -50px; }

  .landing-footer .ftr-copyright-content { gap: 14px; flex-direction: column; }
  footer.landing-footer { padding-bottom: 40px; }

  .testimonial-slide-author { display: flex; align-items: center; margin: 30px 0 0; gap: 15px; }

}


@media only screen and (max-width: 767px) {

  .landing-hero-banner .hero-media { position: relative; height: auto; padding-bottom: 100%; }
  .hero-banner-content-wrapper { bottom: 0; left: 0; width: 100%; position: relative; margin: 20px 0 0; }
  .hero-banner-content-wrapper .hero-banner-content { padding: 20px; }
  .hero-banner-content-wrapper .hero-banner-content.landing-banner-list { max-width: 100%; margin: 0 0 20px; padding: 20px;}
  .hero-banner-content-wrapper .hero-banner-content { background: var(--color-primary-blue); box-shadow: none; }
  .hero-banner-content-wrapper .hero-banner-content .awards-wrap { padding-bottom: 0; }

  .landing-banner-content .awards-wrap ul li img { height: 50px; }

  .landing-hero-banner.hero-banner .quick-links-slider-outer { max-width: 100%; padding: 0; margin: 20px 0 0; }
  .landing-hero-banner.hero-banner .quick-links-slider-outer .quick-links-inner { padding: 20px; border-radius: 20px;         background-color: var(--color-tertiary-orange-shade-5);}

  .row-gap-4 { row-gap: 1rem!important; }

  .course-left-card { height: auto; margin-bottom: 20px; }
  .course-left-content { padding: 30px 20px 60%; background: rgb(34 34 34 / 50%); }
  .benefits-card { padding: 20px; margin-bottom: 20px; height: auto; }
  .company-logos { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; }
  .company-logos li { width: calc(33.33% - 7px); padding: 12px; }

  .annual-card { padding: 20px; }

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

  .gallery-wrapper { overflow: hidden; margin-bottom: 10px; }
  .gallery-track { display: flex; gap: 10px; }
  .gallery-item { width: 230px; height: 160px; border-radius: 14px; }

  .landing-header .header-rt { height: 60px; padding: 10px; gap: 10px; flex-direction: row; border-radius: 50px; }
  .landing-header .header-rt a { font-size: 0; width: 40px; aspect-ratio: 1; align-items: center; justify-content: center; gap: 0; border-radius: 50px; border: 1px solid var(--color-white); }
  .landing-header .header-rt a:hover { background: var(--color-white); }
  .landing-header .header-rt a:hover img { filter: brightness(.4); } 


  .feature-card { gap: 10px; padding: 14px 14px; border-radius: 15px; }
  .feature-card .feature-icon { width: 60px; height: 60px; }
  .feature-card .feature-icon img { width: 28px; height: 28px; object-fit: contain; }

  .tech-icons { margin-bottom: 10px; gap: 10px; }
  .tech-icons img { width: 36px; height: 36px; }

  .quick-links-inner .tech-icons { gap: 10px; margin-bottom: 16px; }
  .quick-links-inner .tech-icons img { width: 40px; height: 40px; }


  .testimonial-slide-item { gap: 20px; align-items: flex-start; flex-direction: column; }
  .testimonial-slide-image { width: 100%; position: relative; }
  .testimonial-slide-text { width: 100%; position: relative; padding: 0; }

  .testimonial-slider { padding: 20px 20px 90px; }
  .testimonial-slider .splide__arrow { width: 60px; height: 60px; }
  .testimonial-slider .splide__arrows { padding: 15px 0 0 15px; border-radius: 35px 0 0 0; gap: 15px; }
  .testimonial-slider .splide__arrows::before { left: -30px; width: 30px; height: 30px; border-bottom-right-radius: 30px; }
  .testimonial-slider .splide__arrows::after { top: -30px; right: 0; width: 30px; height: 30px; border-bottom-right-radius: 30px; }
  .testimonial-slider .splide__pagination { left: 20px; bottom: 30px; }

  .testimonial-slider .splide__pagination { display: none; }
  .testimonial-slide-author { align-items: flex-start; gap: 5px; flex-direction: column; }
  .testimonial-slider { background-position: right -10px top 96%; }


  footer.landing-footer { padding-bottom: 20px; }

  .landing-footer .ftr-bottom { padding-top: 40px; }
  .landing-footer .ftr-location { margin: 0 0 30px; flex-direction: column; }
  .landing-footer .ftr-bottom h6 { margin-bottom: 10px; }

  .ftr-contact { margin: 0 0 30px; }
  .ftr-social-links { margin: 0 0 30px; }

  .landing-footer .ftr-copyright-content * { font-size: 14px !important; }
  .landing-footer .ftr-copyright-content { gap: 14px; flex-direction: column; align-items: flex-start; }

  .landing-footer .ftr-copyright-row { margin: 30px 0 0; }
  .ftr-copyright-row .col-lg-12 { padding: 0; }


}