.home-secE {
  background: var(--primary);
  padding: 6.25rem 0 9.5rem;
}

@media only screen and (max-width: 1152px) {
  .home-secE {
    padding: 5rem 0 6rem;
  }
}

.home-secE .upper-sec {
  display: flex;
  flex-wrap: wrap;
  color: var(--white);
}

.home-secE .upper-sec .colA {
  flex: 0 1 40%;
}

@media only screen and (max-width: 767px) {
  .home-secE .upper-sec .colA {
    flex: 0 1 100%;
    max-width: 100%;
    text-align: center;
    margin-bottom: 3rem;
  }
}

@media only screen and (max-width: 767px) {
  .home-secE .upper-sec .colA .heading {
    max-width: 370px;
    text-align: center;
    margin: 0 auto;
  }
}

.home-secE .upper-sec .colA .sub-title {
  text-transform: uppercase;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.2em;
  margin-bottom: 2rem;
}

@media only screen and (max-width: 767px) {
  .home-secE .upper-sec .colA .sub-title {
    margin-bottom: 1rem;
  }
}

@media only screen and (max-width: 675px) {
  .home-secE .upper-sec .colA .sub-title {
    letter-spacing: 0.1em;
  }
}

.home-secE .upper-sec .colB {
  flex: 1;
  padding-left: 12rem;
}

@media only screen and (max-width: 1007px) {
  .home-secE .upper-sec .colB {
    padding-left: 8rem;
  }
}

@media only screen and (max-width: 991px) {
  .home-secE .upper-sec .colB {
    padding-left: 3rem;
  }
}

@media only screen and (max-width: 767px) {
  .home-secE .upper-sec .colB {
    padding-left: 0;
    text-align: center;
  }
}

.home-secE .upper-sec .colB p {
  margin-bottom: 35px;
}

@media only screen and (max-width: 675px) {
  .home-secE .upper-sec .colB p {
    margin-bottom: 5rem;
  }
}

.home-secE .upper-sec .colB .btn {
  --arrowgap: 3rem;
}

@media only screen and (max-width: 675px) {
  .home-secE .upper-sec .colB .btn {
    --arrowgap: 1rem;
  }
}

.home-secE .bottom-sec {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  color: var(--white);
  margin-top: 7.5rem;
}

@media only screen and (max-width: 1152px) {
  .home-secE .bottom-sec {
    margin-top: 5rem;
  }
}

@media only screen and (max-width: 767px) {
  .home-secE .bottom-sec {
    margin-top: 1rem;
  }
}

.home-secE .bottom-sec .count-wrap {
  flex: 1;
  padding-right: 10rem;
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (max-width: 1007px) {
  .home-secE .bottom-sec .count-wrap {
    padding-right: 6rem;
  }
}

@media only screen and (max-width: 991px) {
  .home-secE .bottom-sec .count-wrap {
    padding-right: 2rem;
  }
}

@media only screen and (max-width: 767px) {
  .home-secE .bottom-sec .count-wrap {
    text-align: center;
    padding-right: 0;
  }
}

.home-secE .bottom-sec .count-wrap .count-info {
  flex: 1;
}

.home-secE .bottom-sec .count-wrap .count-info:not(:last-child) {
  padding-right: 2rem;
}

@media only screen and (max-width: 675px) {
  .home-secE .bottom-sec .count-wrap .count-info:not(:last-child) {
    padding-right: 1rem;
  }
}

.home-secE .bottom-sec .count-wrap .count-info h5 {
  font-size: 80px;
  line-height: 1.075;
  font-weight: 600;
  margin-bottom: 6px;
}

@media only screen and (max-width: 1300px) {
  .home-secE .bottom-sec .count-wrap .count-info h5 {
    font-size: 68px;
  }
}

@media only screen and (max-width: 1152px) {
  .home-secE .bottom-sec .count-wrap .count-info h5 {
    font-size: 52px;
  }
}

@media only screen and (max-width: 767px) {
  .home-secE .bottom-sec .count-wrap .count-info h5 {
    font-size: 38px;
  }
}

@media only screen and (max-width: 675px) {
  .home-secE .bottom-sec .count-wrap .count-info h5 {
    font-size: 28px;
  }
}

.home-secE .bottom-sec .count-wrap .count-info p {
  font-size: 26px;
  font-weight: 600;
}

@media only screen and (max-width: 1152px) {
  .home-secE .bottom-sec .count-wrap .count-info p {
    font-size: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .home-secE .bottom-sec .count-wrap .count-info p {
    font-size: 16px;
  }
}

@media only screen and (max-width: 675px) {
  .home-secE .bottom-sec .count-wrap .count-info p {
    font-size: 14px;
    line-height: 1.4;
  }
}

@media only screen and (max-width: 520px) {
  .home-secE .bottom-sec .count-wrap .count-info p {
    padding: 0 1rem;
  }
}

.home-secE .bottom-sec .play-btn {
  flex: 0 1 auto;
  margin-bottom: 1rem;
}

@media only screen and (max-width: 767px) {
  .home-secE .bottom-sec .play-btn {
    display: none;
  }
}

.banner.home-banner {
  position: relative;
  z-index: 3;
  height: 100vh;
  display: flex;
  align-items: center;
}

@media only screen and (max-height: 607px) {
  .banner.home-banner {
    height: auto;
    display: block;
  }
}

@media only screen and (max-width: 991px) {
  .banner.home-banner {
    height: auto;
    display: block;
  }
}

@media only screen and (max-width: 675px) and (max-height: 666px) {
  .banner.home-banner {
    height: auto !important;
  }
}

@media only screen and (max-width: 675px) {
  .banner.home-banner {
    height: 100vh;
    display: flex;
  }
}

@media only screen and (max-height: 607px) {
  .banner.home-banner .flex {
    padding: 0 0 2rem;
  }
}

@media only screen and (max-width: 1024px) {
  .banner.home-banner .flex {
    padding: 2rem 0;
  }
}

@media only screen and (max-width: 520px) {
  .banner.home-banner .flex {
    padding: 1rem 0 3rem;
  }
}

@media only screen and (max-width: 767px) {
  .banner.home-banner .flex .colA {
    flex: 0 1 100%;
    text-align: center;
    margin-bottom: 4rem;
  }
}

@media only screen and (max-width: 520px) {
  .banner.home-banner .flex .colA {
    margin-bottom: 3rem;
  }
}

.banner.home-banner .flex .colA .content {
  max-width: 410px;
}

@media only screen and (max-width: 1152px) {
  .banner.home-banner .flex .colA .content {
    max-width: 315px;
  }
}

@media only screen and (max-width: 991px) {
  .banner.home-banner .flex .colA .content {
    max-width: 285px;
  }
}

@media only screen and (max-width: 767px) {
  .banner.home-banner .flex .colA .content {
    margin-left: auto;
    margin-right: auto;
  }
}

.banner.home-banner .flex .colA .content p {
  color: var(--primary);
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.05em;
}

@media only screen and (max-width: 675px) {
  .banner.home-banner .flex .colA .content p {
    font-size: 13px;
    margin-bottom: -18px;
  }
}

@media only screen and (max-width: 520px) {
  .banner.home-banner .flex .colA .content p {
    font-size: 12px;
  }
}

.banner.home-banner .flex .colA .content .enquire-btn {
  margin-top: 2rem;
}

@media only screen and (max-width: 767px) {
  .banner.home-banner .flex .colA .content .enquire-btn {
    display: none;
  }
}

.banner.home-banner .flex .colA h1 {
  font-weight: 700;
}

.banner.home-banner .flex .colA h1 span {
  font-size: 60px;
  font-weight: 300;
  color: #474747;
}

@media only screen and (max-width: 1152px) {
  .banner.home-banner .flex .colA h1 span {
    font-size: 48px;
  }
}

@media only screen and (max-width: 991px) {
  .banner.home-banner .flex .colA h1 span {
    font-size: 44px;
  }
}

@media only screen and (max-width: 675px) {
  .banner.home-banner .flex .colA h1 span {
    font-size: 22px;
  }
}

.banner.home-banner .flex .colB {
  position: relative;
  --size: 440px;
  max-width: var(--size);
  width: 100%;
}

@media only screen and (max-width: 1152px) {
  .banner.home-banner .flex .colB {
    --size: 385px;
  }
}

@media only screen and (max-width: 991px) {
  .banner.home-banner .flex .colB {
    --size: 370px;
  }
}

@media only screen and (max-width: 767px) {
  .banner.home-banner .flex .colB {
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (max-width: 520px) {
  .banner.home-banner .flex .colB {
    --size: 300px;
  }
}

.banner.home-banner .flex .colB .boat-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 100%;
  z-index: 0;
  line-height: 0;
  --varlet: 0px;
  max-width: calc(100% - var(--varlet));
}

@media only screen and (max-width: 675px) {
  .banner.home-banner .flex .colB .boat-wrap {
    --varlet: 40px;
  }
}

.banner.home-banner .flex .colB .boat-wrap .boat-ico-wrap {
  position: relative;
}

.banner.home-banner .flex .colB .boat-wrap .boat-ico-wrap .text-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 10px;
  width: 100%;
  left: 0;
  right: 0;
}

@media only screen and (max-width: 767px) {
  .banner.home-banner .flex .colB .boat-wrap .boat-ico-wrap .text-wrap {
    width: var(--size);
    left: -45px;
  }
}

@media only screen and (max-width: 675px) {
  .banner.home-banner .flex .colB .boat-wrap .boat-ico-wrap .text-wrap {
    left: -4%;
  }
}

@media only screen and (max-width: 520px) {
  .banner.home-banner .flex .colB .boat-wrap .boat-ico-wrap .text-wrap {
    width: 118%;
    left: -8%;
    right: auto;
  }
}

.banner.home-banner .flex .colB .boat-wrap .boat-ico-wrap .text-wrap h6 {
  line-height: 1;
  font-weight: 800;
}

@media only screen and (max-width: 991px) {
  .banner.home-banner .flex .colB .boat-wrap .boat-ico-wrap .text-wrap h6 {
    font-size: 16px;
  }
}

@media only screen and (max-width: 520px) {
  .banner.home-banner .flex .colB .boat-wrap .boat-ico-wrap .text-wrap h6 {
    font-size: 14px;
  }
}

.banner.home-banner .flex .colB .boat-wrap .boat-ico-wrap .ico-frame {
  width: 100%;
  animation: boat 2s linear infinite;
}

@keyframes boat {
  0% {
    transform: rotate(0deg);
  }

  25% {
    transform: rotate(-5deg);
  }

  50% {
    transform: rotate(0deg);
  }

  75% {
    transform: rotate(5deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

.banner.home-banner .flex .colB .mobile-wrap {
  position: relative;
  z-index: 1;
  max-width: calc(var(--size) / 1.8333);
  margin: 0 auto;
  overflow: hidden;
}

.banner.home-banner .flex .colB .mobile-wrap::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 5px;
  width: 100vw;
  background: url(../../images/vector/wave.png) repeat-x;
  animation: scroll 6s linear infinite forwards;
  background-position-y: 85%;
  will-change: transform;
}

@keyframes scroll {
  from {
    background-position-x: 100%;
  }

  to {
    background-position-x: 0;
  }
}

.banner.home-banner .flex .colB .mobile-wrap .mob-frame {
  display: block;
  width: 100%;
  height: 100%;
}

.home-secA {
  --totalcard: 0;
  --scrollcount: 2;
  --headingfont: 48px;
  --headinglineheight: 1.2;
  --totalline: 2;
  --headingpaddingtop: 5.75rem;
  --headingpaddingbottom: 5.75rem;
  --headingheight: calc(
    (var(--headingpaddingtop) + var(--headingpaddingbottom)) +
      (var(--headingfont) * var(--headinglineheight) * var(--totalline))
  );
  background: #0a0b0c url(../../images/vector/grain-background.png);
  height: 100vh;
}

@media only screen and (max-width: 1366px) {
  .home-secA {
    --headingfont: 34px;
    --headingpaddingtop: 4rem;
    --headingpaddingbottom: 4rem;
  }
}

@media only screen and (max-width: 1152px) {
  .home-secA {
    --headingpaddingtop: 8rem;
  }
}

@media only screen and (max-width: 675px) {
  .home-secA {
    --headingfont: 28px;
  }
}

.home-secA .heading {
  max-width: 562px;
  margin: 0 auto;
  padding: var(--headingpaddingtop) 0 var(--headingpaddingbottom);
  height: var(--headingheight);
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 1366px) {
  .home-secA .heading {
    max-width: 400px;
  }
}

@media only screen and (max-width: 675px) {
  .home-secA .heading {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.home-secA .heading h3,
.home-secA .heading h2 {
  font-size: var(--headingfont);
  line-height: var(--headinglineheight);
  color: var(--white);
}

.home-secA .sticky-sec {
  height: calc(100vh - var(--headingheight));
  position: relative;
  transition: 1s ease;
  --item: 5;
  --gap: 15px;
  --colsize: calc((95vw - (var(--gap) * (var(--item) - 1))) / var(--item));
}

@media only screen and (max-width: 991px) {
  .home-secA .sticky-sec {
    --colsize: 300px;
  }
}

.home-secA .sticky-sec.all-active {
  display: flex;
  flex-wrap: wrap;
  transition: 0.5s ease;
  justify-content: space-between;
}

@media only screen and (max-width: 991px) {
  .home-secA .sticky-sec.all-active {
    width: 100%;
    overflow-x: auto;
  }
}

.home-secA .sticky-sec.all-active .sticky-wrap.fake-col {
  display: none;
}

.home-secA .sticky-sec.all-active .sticky-wrap .service-card {
  rotate: 0deg !important;
  cursor: pointer;
}

.home-secA .sticky-sec.all-active .sticky-wrap:nth-child(2) .service-card {
  transform: translateX(calc(var(--colsize) * -2 + var(--gap) * -2));
}

@media only screen and (max-width: 991px) {
  .home-secA .sticky-sec.all-active .sticky-wrap:nth-child(2) .service-card {
    transform: translateX(0);
  }
}

.home-secA .sticky-sec.all-active .sticky-wrap:nth-child(3) .service-card {
  transform: translateX(calc(var(--colsize) * -1 + var(--gap) * -1));
}

@media only screen and (max-width: 991px) {
  .home-secA .sticky-sec.all-active .sticky-wrap:nth-child(3) .service-card {
    transform: translateX(calc(var(--colsize) * 2 + var(--gap) * 2));
  }
}

.home-secA .sticky-sec.all-active .sticky-wrap:nth-child(4) {
  z-index: 1;
}

@media only screen and (max-width: 991px) {
  .home-secA .sticky-sec.all-active .sticky-wrap:nth-child(4) {
    transform: translateX(calc(var(--colsize) * 1 + var(--gap)));
  }
}

.home-secA .sticky-sec.all-active .sticky-wrap:nth-child(5) .service-card {
  transform: translateX(calc(var(--colsize) * 1 + var(--gap)));
}

@media only screen and (max-width: 991px) {
  .home-secA .sticky-sec.all-active .sticky-wrap:nth-child(5) .service-card {
    transform: translateX(calc(var(--colsize) * 2 + var(--gap) * 23));
  }
}

.home-secA .sticky-sec.all-active .sticky-wrap:nth-child(6) .service-card {
  transform: translateX(calc(var(--colsize) * 2 + var(--gap) * 2));
}

@media only screen and (max-width: 991px) {
  .home-secA .sticky-sec.all-active .sticky-wrap:nth-child(6) .service-card {
    transform: translateX(calc(var(--colsize) * 2 + var(--gap) * 44));
  }
}

.home-secA .sticky-sec .sticky-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  max-width: var(--colsize);
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  transition: transform 0.4s ease, opacity 0.4s ease;
  border-radius: 15px;
  transform: translateY(100%);
  opacity: 0;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media only screen and (max-width: 991px) {
  .home-secA .sticky-sec .sticky-wrap.swiper-slide-prev,
  .home-secA .sticky-sec .sticky-wrap.swiper-slide-next {
    transform: scale(0.9);
    opacity: 0.4;
  }
}

@media only screen and (max-width: 991px) {
  .home-secA
    .sticky-sec
    .sticky-wrap.swiper-slide-prev:hover
    .service-card
    article,
  .home-secA
    .sticky-sec
    .sticky-wrap.swiper-slide-next:hover
    .service-card
    article {
    opacity: 0;
    transform: translateY(0);
  }
}

@media only screen and (max-width: 991px) {
  .home-secA
    .sticky-sec
    .sticky-wrap.swiper-slide-active
    .service-card
    article {
    opacity: 1;
    transform: translateY(0);
  }
}

.home-secA .sticky-sec .sticky-wrap:nth-last-child(2) .service-card,
.home-secA .sticky-sec .sticky-wrap:first-child .service-card,
.home-secA .sticky-sec .sticky-wrap:nth-child(2) .service-card {
  rotate: 0deg !important;
}

.home-secA .sticky-sec .sticky-wrap:nth-child(2) .service-card {
  rotate: 2deg;
}

.home-secA .sticky-sec .sticky-wrap:nth-child(3) .service-card {
  rotate: 4deg;
}

.home-secA .sticky-sec .sticky-wrap:nth-child(4) .service-card {
  rotate: 6deg;
}

.home-secA .sticky-sec .sticky-wrap:nth-child(5) .service-card {
  rotate: 8deg;
}

.home-secA .sticky-sec .sticky-wrap:nth-child(6) .service-card {
  rotate: 10deg;
}

.home-secA .sticky-sec .sticky-wrap.active {
  opacity: 1;
  transform: translateY(0);
  pointer-events: all;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  user-select: auto;
}

.home-secA .sticky-sec .sticky-wrap .service-card {
  width: 100%;
  margin: 0 auto;
  position: relative;
  display: block;
  border-radius: 5px;
  overflow: hidden;
  transition: rotate 0.5s ease, transform 0.5s ease;
}

.home-secA .sticky-sec .sticky-wrap .service-card.strategy-card figcaption {
  top: auto;
  translate: 0 0;
  bottom: 14%;
}

.home-secA .sticky-sec .sticky-wrap .service-card.glow-card-active {
  filter: drop-shadow(0 0 5px rgba(237, 34, 36, 0.5490196078))
    drop-shadow(0 0 35px rgba(237, 34, 36, 0.4588235294))
    drop-shadow(0 0 50px rgba(237, 34, 36, 0.2117647059));
}

.home-secA .sticky-sec .sticky-wrap .service-card:hover {
  rotate: 0deg;
}

.home-secA .sticky-sec .sticky-wrap .service-card:hover article {
  transform: translateY(0);
  opacity: 1;
}

.home-secA .sticky-sec .sticky-wrap .service-card figure {
  line-height: 0;
}

.home-secA .sticky-sec .sticky-wrap .service-card figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.home-secA .sticky-sec .sticky-wrap .service-card figcaption,
.home-secA .sticky-sec .sticky-wrap .service-card article {
  position: absolute;
  left: 0;
  right: 0;
}

.home-secA .sticky-sec .sticky-wrap .service-card figcaption {
  top: 50%;
  translate: 0 -50%;
  text-align: center;
  padding: 0 2rem;
}

.home-secA .sticky-sec .sticky-wrap .service-card figcaption h6 {
  font-size: 32px;
  line-height: 1.3;
  font-weight: 600;
  color: var(--white);
}

@media only screen and (max-width: 1366px) {
  .home-secA .sticky-sec .sticky-wrap .service-card figcaption h6 {
    font-size: 20px;
  }
}

.home-secA .sticky-sec .sticky-wrap .service-card article {
  top: 0;
  bottom: 0;
  background: var(--primary);
  border-radius: 15px;
  transform: translateY(100%);
  opacity: 0;
  transition: opacity 0.5s ease;
  color: var(--white);
}

@media only screen and (max-width: 991px) {
  .home-secA .sticky-sec .sticky-wrap .service-card article {
    display: none;
  }
}

.home-secA .sticky-sec .sticky-wrap .service-card article .article-wrap {
  --margin: 12px;
  margin: var(--margin);
  padding: 18px;
  height: calc(100% - var(--margin) * 2);
  border-radius: 10px;
  border: 1px solid var(--white);
}

@media only screen and (max-width: 1152px) {
  .home-secA .sticky-sec .sticky-wrap .service-card article .article-wrap {
    --margin: 8px;
    padding: 12px;
  }
}

.home-secA .sticky-sec .sticky-wrap .service-card article p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  text-overflow: ellipsis;
  overflow: hidden;
}

@media only screen and (max-width: 1152px) {
  .home-secA .sticky-sec .sticky-wrap .service-card article p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}

.home-secA .sticky-sec .sticky-wrap .service-card article .read-more-service {
  margin-top: 1rem;
}

@media only screen and (max-width: 1152px) {
  .home-secA .sticky-sec .sticky-wrap .service-card article .read-more-service {
    margin-top: 10px;
  }
}

.home-secA .sticky-sec .sticky-wrap .service-card article h6 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0.8rem;
}

@media only screen and (max-width: 1152px) {
  .home-secA .sticky-sec .sticky-wrap .service-card article h6 {
    font-size: 20px;
    margin-bottom: 5px;
  }
}

@media only screen and (max-width: 1152px) {
  .home-secA .sticky-sec .sticky-wrap .service-card article p {
    font-size: 14px;
  }
}

.home-secA .sticky-sec:has(:last-child.active) {
  opacity: 1;
}

.home-secB {
  background: url(../../images/vector/cloud.svg) no-repeat,
    linear-gradient(360deg, #f4f3ff 0%, #e5e3ff 100%);
  background-size: 100% auto, auto auto;
  background-position: 0 20%, 0 0;
  overflow-x: hidden;
  overflow: hidden;
  height: 120vh;
}

.book-card {
  height: 324px;
  width: 247px;
  border: 1px solid #a9191bc7;
  border-radius: 10px;
  transition: 0.5s ease-in-out;
}
.myimg {
  box-shadow: 2px 2px 10px #a9191bc7;
  transition: 0.5s ease-in-out;
}
/* .glow-card:hover{
    box-shadow: 2px 2px  10px #a9191bc7;
    transition: 0.5s ease-in-out;
    height: 324px;
    width: 247px;
  } */

@media only screen and (max-width: 1366px) {
  .home-secB {
    height: 150vh;
  }
}

@media only screen and (max-height: 530px) {
  .home-secB {
    height: 853px;
  }
}

@media only screen and (max-width: 991px) {
  .home-secB {
    height: 100vh;
  }
}

.home-secB .heading {
  max-width: 625px;
  margin: 0 auto;
  padding-top: 5rem;
}

@media only screen and (max-width: 1366px) {
  .home-secB .heading {
    max-width: 555px;
    padding-top: 3rem;
  }
}

@media only screen and (max-width: 1152px) {
  .home-secB .heading {
    padding-top: 6rem;
  }
}

.home-secB .heading h3 {
  font-size: 80px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.3);
  font-weight: 700;
  text-transform: uppercase;
}

@media only screen and (max-width: 1366px) {
  .home-secB .heading h3 {
    font-size: 42px;
  }
}

@media only screen and (max-width: 675px) {
  .home-secB .heading h3 {
    font-size: 24px;
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
  }
}

.home-secB .heading h3 span {
  display: block;
  font-size: 30px;
  line-height: 1.6;
  font-weight: 500;
  color: var(--black);
  text-transform: initial;
}

@media only screen and (max-width: 675px) {
  .home-secB .heading h3 span {
    font-size: 14px;
  }
}

.home-secB .man-jump-section {
  line-height: 0;
  position: relative;
  margin-top: 13rem;
}

@media only screen and (max-width: 675px) {
  .home-secB .man-jump-section {
    margin-top: 6rem;
  }
}

.home-secB .man-jump-section .man-jump {
  position: absolute;
  bottom: 100%;
  left: 0;
}

@media only screen and (max-width: 991px) {
  .home-secB .man-jump-section .man-jump {
    max-width: 108px;
  }
}

@media only screen and (max-width: 675px) {
  .home-secB .man-jump-section .man-jump {
    max-width: 70px;
  }
}

.home-secB .man-jump-section .man-jump img {
  width: 100%;
  height: auto;
}

.home-secB .man-jump-section .bridge img {
  width: 100%;
  height: auto;
}

.home-secB .man-jump-section .flag-win {
  line-height: 0;
  position: absolute;
  right: 0;
  transform: scaleY(0);
  transform-origin: bottom;
  bottom: 100%;
  max-width: 250px;
  z-index: -1;
}

.helicopter {
  position: absolute;
  top: 50%; /* Adjust as needed */
  left: 50%;
  transform: translate(-50%, -50%);
  width: 150px; /* Adjust size */
  z-index: 10; /* Ensure it's above initially */
  transition: transform 1s ease-in-out;
}

.helicopter {
  position: absolute;
  top: 5%; /* Initially at center */
  left: 50%;
  transform: translate(-50%, -50%);
  width: 150px; /* Adjust size */
  z-index: -1; /* Behind portfolio section */
  /* opacity: 0; */
  transition: transform 1s ease-in-out, opacity 1s;
}

@media only screen and (max-width: 1152px) {
  .home-secB .man-jump-section .flag-win {
    max-width: 160px;
  }
}

@media only screen and (max-width: 991px) {
  .home-secB .man-jump-section .flag-win {
    max-width: 100px;
  }
}

@media only screen and (max-width: 675px) {
  .home-secB .man-jump-section .flag-win {
    max-width: 70px;
  }
}

@media only screen and (max-width: 520px) {
  .home-secB .man-jump-section .flag-win {
    max-width: 45px;
  }
}

.home-secB .man-jump-section .flag-win img {
  width: 100%;
  height: auto;
}

.home-secB .portfolio-section {
  max-width: 760px;
  margin: 0 auto;
}

@media only screen and (max-width: 1366px) {
  .home-secB .portfolio-section {
    max-width: 540px;
  }
}

@media only screen and (max-width: 991px) {
  .home-secB .portfolio-section {
    max-width: 378px;
  }
}

@media only screen and (max-width: 675px) {
  .home-secB .portfolio-section {
    padding: 0 15px;
    max-width: 100%;
  }
}

.home-secB .portfolio-section .portfolio-wrap {
  line-height: 0;
  position: relative;
}

@media only screen and (max-width: 675px) {
  .home-secB .portfolio-section .portfolio-wrap {
    margin-top: 2rem;
  }
}

.home-secB .portfolio-section .portfolio-wrap .portfolio-slider {
  border-radius: 15px;
  overflow: hidden;
}

.home-secB .portfolio-section .portfolio-wrap .portfolio-slider .item img {
  width: 100%;
  height: auto;
}

.home-secB .portfolio-section .portfolio-wrap .portfolio-home-nav {
  max-width: 95%;
}

@media only screen and (max-width: 675px) {
  .home-secB
    .portfolio-section
    .portfolio-wrap
    .portfolio-home-nav
    .swiper-prev,
  .home-secB
    .portfolio-section
    .portfolio-wrap
    .portfolio-home-nav
    .swiper-next {
    --btn: 30px;
  }
}

.home-secB .portfolio-section .btn-wrap {
  margin-top: 4rem;
}

@media only screen and (max-width: 675px) {
  .home-secB .portfolio-section .btn-wrap {
    margin-top: 2rem;
  }
}

@media only screen and (max-width: 675px) {
  .home-secB .portfolio-section .btn-wrap .btn {
    --padding: 24px;
  }
}

.home-secC {
  background: #0a0b0c url(../../images/vector/grain-background.png);
  padding: 7rem 0 5rem;
}

@media only screen and (max-width: 675px) {
  .home-secC {
    padding: 5rem 0 3rem;
  }
}

.home-secC .upper-sec {
  display: flex;
  flex-wrap: wrap;
  color: var(--white);
}

.home-secC .upper-sec .colA {
  flex: 1;
  padding-right: 2rem;
}

@media only screen and (max-width: 675px) {
  .home-secC .upper-sec .colA {
    flex: 0 1 100%;
    max-width: 100%;
    width: 100%;
    order: 2;
    padding-right: 0;
  }
}

.home-secC .upper-sec .colA .content {
  max-width: 596px;
}

.home-secC .upper-sec .colA .content p:not(.para-title) {
  color: rgba(255, 255, 255, 0.7);
}

.home-secC .upper-sec .colA .content p.para-title {
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-bottom: 14px;
}

@media only screen and (max-width: 675px) {
  .home-secC .upper-sec .colA .content p.para-title {
    margin-bottom: 24px;
  }
}

.home-secC .upper-sec .colB {
  flex: 0 1 auto;
}

@media only screen and (max-width: 1152px) {
  .home-secC .upper-sec .colB {
    flex: 0 1 30%;
  }
}

@media only screen and (max-width: 675px) {
  .home-secC .upper-sec .colB {
    order: 1;
    margin-bottom: 12px;
    flex: 0 1 252px;
  }
}

.home-secC .upper-sec .colB .heading {
  max-width: 360px;
}

@media only screen and (max-width: 675px) {
  .home-secC .upper-sec .colB .heading h3 {
    font-size: 34px;
  }
}

.home-secC .logo-section {
  margin-top: 6rem;
  position: relative;
  --margin: 12%;
  --icon: 134px;
}

@media only screen and (max-width: 675px) {
  .home-secC .logo-section {
    --margin: 15px;
    --icon: 100px;
  }
}

.home-secC .logo-section .logo-slider {
  max-width: calc(100% - var(--margin));
}

.home-secC .logo-section .logo-slider.logo-slider1 {
  margin-bottom: 2.6rem;
  margin-right: auto;
  margin-left: 0;
}

@media only screen and (max-width: 675px) {
  .home-secC .logo-section .logo-slider.logo-slider1 {
    margin-bottom: 15px;
  }
}

.home-secC .logo-section .logo-slider.logo-slider2 {
  margin-left: auto;
  margin-right: 0;
}

.home-secC .logo-section .logo-slider .swiper-wrapper {
  transition-timing-function: linear !important;
}

.home-secC .logo-section .logo-slider .item {
  background: #0b0c0c;
  padding: 4rem 30px;
  height: auto;
}

.home-secC .logo-section .logo-slider .item img {
  display: block;
  height: 70px;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  margin-left: auto;
  margin-right: auto;
}

.home-secC .logo-section .heart-icon {
  width: var(--icon);
  height: var(--icon);
  border-radius: 50%;
  background: var(--primary);
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  z-index: 3;
}

.home-secC .logo-section .heart-icon .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  line-height: 0;
  animation: beat 0.5s infinite alternate;
  transform-origin: center;
}

@keyframes beat {
  to {
    transform: scale(1.4);
  }
}

.home-secD {
  background: var(--gray);
  padding: 6.5rem 0;
}

@media only screen and (max-width: 991px) {
  .home-secD {
    padding: 5rem 0;
  }
}

.home-secD .heading {
  max-width: 594px;
  margin: 0 auto 5.4rem;
}

.home-secD .sector-slider .item {
  text-align: center;
}

.home-secD .sector-slider .item figure {
  line-height: 0;
  margin-bottom: 16px;
}

.home-secD .sector-slider .item figure img {
  width: 100%;
  height: 82px;
  -o-object-fit: contain;
  object-fit: contain;
}

.home-secD .sector-slider .item figcaption {
  line-height: 20px;
  font-weight: 600;
}

.home-secD .sector-nav {
  position: relative;
  max-width: 321px;
  margin: 4rem auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  --swiper-pagination-color: var(--black);
  caret-color: transparent;
}

.home-secD .sector-nav .sector-prev,
.home-secD .sector-nav .sector-next {
  flex: 0 1 auto;
}

.home-secD .sector-nav .sector-progress {
  position: relative;
  flex: 1;
  margin: 0 1rem 0.8rem;
}

section:has(.home-secF) {
  position: relative;
}

.home-secF {
  background: var(--gray);
  /* background-color: red; */
  overflow-x: hidden;
  height: 120vh;
  display: flex;
  align-items: center;
  padding: 0 50px;
}

@media only screen and (max-width: 991px) {
  .home-secF {
    height: auto;
    padding: 5rem 25px;
    display: block;
  }
}

@media only screen and (max-width: 675px) {
  .home-secF {
    padding: 3rem 15px;
    padding-right: 0;
  }
}

.home-secF .heading {
  position: absolute;
  top: 45vh;
  left: 50%;
  translate: -50% 0;
  text-align: center;
  width: -moz-max-content;
  width: max-content;
}

@media only screen and (max-width: 991px) {
  .home-secF .heading {
    position: unset;
    translate: 0 0;
    width: 100%;
    text-align: center;
  }
}

@media only screen and (max-width: 675px) {
  .home-secF .heading {
    padding-right: 15px;
  }
}

.home-secF .heading h3,
.home-secF .heading .clone-title {
  font-size: 220px;
  line-height: 1;
  font-weight: 800;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  position: relative;
}

@media only screen and (max-width: 1300px) {
  .home-secF .heading h3,
  .home-secF .heading .clone-title {
    font-size: 182px;
  }
}

@media only screen and (max-width: 991px) {
  .home-secF .heading h3,
  .home-secF .heading .clone-title {
    font-size: 54px;
    text-align: center;
  }
}

@media only screen and (max-width: 675px) {
  .home-secF .heading h3,
  .home-secF .heading .clone-title {
    font-size: 38px;
  }
}

.home-secF .heading .clone-title {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  right: 0;
  /* color: var(--primary); */
  color: rgb(255, 98, 0);
  overflow: hidden;
}

@media only screen and (max-width: 991px) {
  .home-secF .heading .clone-title {
    display: none;
  }
}

.home-secF .process-wrap {
  display: flex;
  width: -moz-max-content;
  width: max-content;
}

@media only screen and (max-width: 1366px) {
  .home-secF .process-wrap {
    margin-top: 4rem;
  }
}

@media only screen and (max-width: 991px) {
  .home-secF .process-wrap {
    width: 100%;
    display: block;
  }
}

@media only screen and (max-width: 675px) {
  .home-secF .process-wrap {
    margin-top: 2.8rem;
  }
}

.home-secF .process-wrap .process-col {
  border: 1px solid var(--black);
  border-radius: 15px;
  background: var(--white);
  padding: 32px 35px 35px;
  width: 36vw;
  height: -moz-max-content;
  height: max-content;
  margin-right: 3rem;
  position: relative;
}

@media only screen and (max-width: 1366px) {
  .home-secF .process-wrap .process-col {
    padding: 25px 25px 35px;
  }
}

@media only screen and (max-width: 991px) {
  .home-secF .process-wrap .process-col {
    width: 100%;
    height: auto;
  }
}

.home-secF .process-wrap .process-col:nth-child(1) {
  transform: translateY(-41%);
}

@media only screen and (max-width: 991px) {
  .home-secF .process-wrap .process-col:nth-child(1) {
    transform: none;
  }
}

.home-secF .process-wrap .process-col:nth-child(2) {
  transform: translateY(20%);
}

@media only screen and (max-width: 991px) {
  .home-secF .process-wrap .process-col:nth-child(2) {
    transform: none;
  }
}

.home-secF .process-wrap .process-col:nth-child(n + 3):nth-child(odd) {
  transform: translateY(-41%);
}

@media only screen and (max-width: 991px) {
  .home-secF .process-wrap .process-col:nth-child(n + 3):nth-child(odd) {
    transform: none;
  }
}

.home-secF .process-wrap .process-col:nth-child(n + 3):nth-child(even) {
  transform: translateY(20%);
}

@media only screen and (max-width: 991px) {
  .home-secF .process-wrap .process-col:nth-child(n + 3):nth-child(even) {
    transform: none;
  }
}

.home-secF .process-wrap .process-col .card {
  width: 100%;
}

.home-secF .process-wrap .process-col .card .ico {
  line-height: 0;
  position: absolute;
  top: 15px;
  right: 25px;
}

.home-secF .process-wrap .process-col .card h4 {
  line-height: 1.12;
  font-weight: 700;
  margin-bottom: 18px;
  padding-right: 2rem;
}

@media only screen and (max-width: 1366px) {
  .home-secF .process-wrap .process-col .card h4 {
    font-size: 28px;
    margin-bottom: 12px;
  }
}

@media only screen and (max-width: 675px) {
  .home-secF .process-wrap .process-col .card h4 {
    font-size: 20px;
  }
}

.home-secF .process-wrap .process-col .card a {
  font-weight: 600;
  display: block;
  color: #ef1a2b;
  padding: 10px 0px;
}

.home-secF .process-wrap .process-col .card p {
  font-weight: 500;
}

.home-secG {
  background: url(../../images/vector/vector1.png),
    url(../../images/vector/bird.gif) no-repeat,
    url(../../images/vector/fun.gif) no-repeat;
  padding: 5.75rem 0;
  background-position: 0 0, 102% 80%, 9% 90%;
  background-size: auto, 160px, 150px;
}

@media only screen and (max-width: 991px) {
  .home-secG {
    background-size: auto, 13%, 13%;
  }
}

@media only screen and (max-width: 675px) {
  .home-secG {
    padding: 4.5rem 0;
    background-position: 0 0, 105% 77%, 5% 77%;
    background-size: auto, 30%, 20%;
  }
}

.home-secG .heading {
  margin-bottom: 3.6rem;
}

@media only screen and (max-width: 675px) {
  .home-secG .heading {
    max-width: 330px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2.8rem;
  }
}

.home-secG .testimonial-wrap {
  max-width: 800px;
  margin: 0 auto;
  position: relative;
}

.home-secG .testimonial-wrap .testimonial-slider-wrap {
  max-width: 530px;
  margin: 0 auto;
  line-height: 0;
  position: relative;
}

.home-secG .testimonial-wrap .testimonial-slider-wrap .testimonial-bg {
  width: 100%;
}

.home-secG .testimonial-wrap .testimonial-slider-wrap .testimonial-slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  max-width: 72%;
  margin: 0 auto;
}

@media only screen and (max-width: 675px) {
  .home-secG .testimonial-wrap .testimonial-slider-wrap .testimonial-slider {
    max-width: calc(100% - 50px);
  }
}

.home-secG
  .testimonial-wrap
  .testimonial-slider-wrap
  .testimonial-slider
  .item {
  display: flex;
  align-items: center;
}

.home-secG
  .testimonial-wrap
  .testimonial-slider-wrap
  .testimonial-slider
  .item
  .content
  .review {
  max-height: 130px;
  padding-right: 10px;
  overflow-y: auto;
}

.home-secG
  .testimonial-wrap
  .testimonial-slider-wrap
  .testimonial-slider
  .item
  .content
  .review::-webkit-scrollbar {
  width: 3px;
  background: none;
  height: 3px;
}

.home-secG
  .testimonial-wrap
  .testimonial-slider-wrap
  .testimonial-slider
  .item
  .content
  .review::-webkit-scrollbar-track {
  box-shadow: none;
}

.home-secG
  .testimonial-wrap
  .testimonial-slider-wrap
  .testimonial-slider
  .item
  .content
  .review::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

.home-secG
  .testimonial-wrap
  .testimonial-slider-wrap
  .testimonial-slider
  .item
  .content
  .review
  p:not(:last-child) {
  margin-bottom: 20px;
}

.home-secG
  .testimonial-wrap
  .testimonial-slider-wrap
  .testimonial-slider
  .item
  .content
  p {
  line-height: 24px;
  color: var(--text);
  font-weight: 600;
}

@media only screen and (max-width: 675px) {
  .home-secG
    .testimonial-wrap
    .testimonial-slider-wrap
    .testimonial-slider
    .item
    .content
    p {
    font-size: 13px;
    line-height: 1.4;
  }
}

.home-secG
  .testimonial-wrap
  .testimonial-slider-wrap
  .testimonial-slider
  .item
  .content
  p.name {
  font-weight: 700;
  color: var(--black);
  margin-top: 24px;
}

@media only screen and (max-width: 675px) {
  .home-secG
    .testimonial-wrap
    .testimonial-slider-wrap
    .testimonial-slider
    .item
    .content
    p.name {
    margin-top: 12px;
  }
}

@media only screen and (max-width: 675px) {
  .home-secG .testimonial-wrap .testimonial-nav {
    position: unset;
    translate: 0 -50%;
    margin-top: 3rem;
    justify-content: center;
    gap: 10px;
  }
}

.home-secG .testimonial-wrap .testimonial-nav .testimonial-prev,
.home-secG .testimonial-wrap .testimonial-nav .testimonial-next {
  --btn: 48px;
  border-width: 2px;
}

.home-secG .google-btn {
  margin-top: 50px;
  width: -moz-max-content;
  width: max-content;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  gap: 0 13px;
  font-size: 20px;
  color: var(--black);
  font-weight: 600;
  transition: 0.5s ease;
}

@media only screen and (max-width: 675px) {
  .home-secG .google-btn {
    font-size: 16px;
    margin-top: 1.2rem;
  }
}

.home-secG .google-btn:hover {
  transform: scale(1.05);
}

@media only screen and (max-width: 675px) {
  .home-secG .google-btn img {
    width: 25px;
  }
}

.home-secG .google-btn .btn2 {
  padding-bottom: 16px;
}

.seo-section {
  padding: 5.5rem 0;
  background: var(--white) url(../../images/vector/prettify-bg.png) no-repeat;
  background-position: 95% 100%;
}

@media only screen and (max-width: 991px) {
  .seo-section {
    padding: 4rem 0;
  }
}

@media only screen and (max-width: 675px) {
  .seo-section {
    background-size: 30%;
  }
}

/*# sourceMappingURL=home.css.map */