.banner-img img {
  width: 100%;
}

.hero {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.new-banner-sec {
  width: 100%;
  position: relative;
  display: flex;
}
.new-banner-sec .overlay-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.new-banner-sec .overlay-img img {
  width: 100%;
}
.new-banner-sec .row {
  align-items: flex-end;
}
@media (max-width: 1000px) {
  .new-banner-sec .row {
    padding: 0 32px;
  }
}
@media (min-width: 1000px) {
  .new-banner-sec .row {
    min-height: 629px;
  }
}
@media (min-width: 767px) and (max-width: 1200px) {
  .new-banner-sec .row {
    min-height: 490px;
    padding-bottom: 40px;
  }
}
@media (max-width: 1000px) {
  .new-banner-sec .overlay-img {
    display: none;
  }
}
.new-banner-sec .hero {
  position: relative;
  z-index: 1;
}
@media (max-width: 1000px) {
  .new-banner-sec .hero {
    background: url(../images/home-banner-bg.png) no-repeat bottom left;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .new-banner-sec .hero {
    background: url(../images/home-banner-bg-mob.png) no-repeat top left;
    background-size: cover;
  }
}
.new-banner-sec .banner-image-sec {
  width: 41.5%;
  padding: 0;
}
@media (max-width: 1000px) {
  .new-banner-sec .banner-image-sec {
    width: 100%;
  }
}
.new-banner-sec .banner-content-sec {
  width: 44%;
  padding: 0;
}
.new-banner-sec .banner-content-sec h1 {
  position: relative;
}
.new-banner-sec .banner-content-sec h1 span {
  background: linear-gradient(to right, #4F66F2 20%, #FC94C9 30%, #4F66F2 70%, #FC94C9 80%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  background-size: 500% auto;
  animation: textShine 5s ease-in-out infinite alternate;
  font-size: 74px;
  line-height: 67px;
  padding-left: 5px;
  display: block;
  font-family: "AvantGarde Md BT";
}
@media (max-width: 1399px) {
  .new-banner-sec .banner-content-sec h1 span {
    font-size: 50px;
    line-height: 53px;
  }
}
@media (max-width: 1000px) {
  .new-banner-sec .banner-content-sec {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .new-banner-sec .banner-content-sec {
    position: relative;
    padding-left: 63px;
    margin-bottom: 100px;
  }
}
.new-banner-sec .hero {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.new-banner-sec .headline {
  margin-bottom: 50px;
  background: linear-gradient(to right, #4F66F2 20%, #FC94C9 30%, #4F66F2 70%, #FC94C9 80%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  background-size: 500% auto;
  animation: textShine 5s ease-in-out infinite alternate;
  font-size: 74px;
  line-height: 67px;
  padding-left: 5px;
}
@media (max-width: 1800px) {
  .new-banner-sec .headline {
    font-size: 60px;
    line-height: 53px;
  }
}
.new-banner-sec .subheadline {
  margin-top: 50px;
  color: #272727;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (min-width: 1000px) {
  .new-banner-sec .subheadline {
    max-width: 400px;
  }
}
@media (max-width: 767px) {
  .new-banner-sec .subheadline {
    margin-top: 24px;
  }
}
.new-banner-sec .banner-sub-disc {
  width: 14%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}
@media (min-width: 1000px) {
  .new-banner-sec .banner-sub-disc {
    padding-left: 10px;
    padding-bottom: 100px;
  }
}
@media (min-width: 767px) and (max-width: 1200px) {
  .new-banner-sec .banner-sub-disc {
    padding-bottom: 0;
  }
}
@media (max-width: 1000px) {
  .new-banner-sec .banner-sub-disc {
    width: 100%;
    flex-direction: row;
    margin: 0 0px;
  }
}
.new-banner-sec .banner-sub-disc .mobile-devider {
  display: none;
}
@media (max-width: 1000px) {
  .new-banner-sec .banner-sub-disc .mobile-devider {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: #C3C3C5;
    position: absolute;
    right: 10px;
    top: 0;
  }
}
.new-banner-sec .banner-sub-disc .sub-disc {
  width: 33%;
  position: relative;
  overflow: hidden;
  margin-bottom: 28px;
}
@media (max-width: 767px) {
  .new-banner-sec .banner-sub-disc .sub-disc:nth-child(2) {
    width: 33%;
  }
}
@media (max-width: 767px) {
  .new-banner-sec .banner-sub-disc .sub-disc:nth-child(2) {
    width: 46%;
  }
}
@media (max-width: 767px) {
  .new-banner-sec .banner-sub-disc .sub-disc:last-child {
    width: 20%;
  }
}
.new-banner-sec .banner-sub-disc .sub-disc:last-child .mobile-devider {
  display: none !important;
}
@media (min-width: 1000px) {
  .new-banner-sec .banner-sub-disc .sub-disc {
    width: 100%;
  }
}
.new-banner-sec .banner-sub-disc .sub-disc:last-child {
  margin-bottom: 0;
}
.new-banner-sec .banner-sub-disc .sub-disc:last-child i:after {
  background: none;
}
.new-banner-sec .banner-sub-disc .sub-disc.sub-disc1 span {
  background: linear-gradient(to bottom, #1367B3 0%, #06E0D3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.new-banner-sec .banner-sub-disc .sub-disc.sub-disc2 span {
  background: linear-gradient(to bottom, #920307 0%, #FF2321 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.new-banner-sec .banner-sub-disc .sub-disc.sub-disc3 span {
  background: linear-gradient(to bottom, #FABD84 0%, #FABC27 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.new-banner-sec .banner-sub-disc .sub-disc span {
  font-size: 48px;
  line-height: 48px;
  display: block;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "AvantGarde Bk BT";
}
@media (max-width: 1399px) {
  .new-banner-sec .banner-sub-disc .sub-disc span {
    font-size: 42px;
    line-height: 40px;
  }
}
@media (max-width: 1000px) {
  .new-banner-sec .banner-sub-disc .sub-disc span {
    font-size: 30px;
    line-height: 34px;
  }
}
.new-banner-sec .banner-sub-disc .sub-disc i {
  font-style: normal;
  font-size: 12px;
  color: #010101;
  display: block;
}
@media (max-width: 360px) {
  .new-banner-sec .banner-sub-disc .sub-disc i {
    font-size: 10px;
  }
}
.new-banner-sec .banner-sub-disc .sub-disc i:after {
  width: 28px;
  height: 1px;
  content: "";
  background: #C3C3C5;
  display: block;
  margin-top: 28px;
}
@media (max-width: 1000px) {
  .new-banner-sec .banner-sub-disc .sub-disc i:after {
    display: none;
  }
}

@keyframes textShine {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
.gsap-section2 {
  height: 100vh;
  background: url(../images/main-gradient-1.webp) no-repeat center center;
  background-size: cover;
  margin-top: -5px;
}
@media (min-width: 1400px) {
  .gsap-section2 {
    padding-top: 10vh;
  }
}
.gsap-section2 .container {
  max-width: 1270px;
}
@media (min-width: 1400px) {
  .gsap-section2 .container {
    height: 60vh;
  }
}
.gsap-section2 .text-sec {
  position: absolute;
  z-index: 1;
}
.gsap-section2 .text-sec h2 {
  opacity: 0.5;
  background: linear-gradient(to right, rgb(0, 0, 0) 50%, rgb(255, 255, 255) 50%);
  background-size: 200% 100%;
  background-position-x: 0%;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  margin-bottom: -250px;
  font-family: "AvantGarde Bk BT";
  font-weight: normal;
  font-size: 117px;
  line-height: normal;
}
@media (max-width: 1800px) {
  .gsap-section2 .text-sec h2 {
    font-size: 100px;
  }
}
@media (max-width: 1000px) {
  .gsap-section2 .text-sec h2 {
    font-size: 50px;
  }
}
.gsap-section2 .text-sec1 {
  top: 10vh;
  left: 27%;
}
@media (max-width: 1000px) {
  .gsap-section2 .text-sec1 {
    top: 12vh;
    left: 5%;
  }
}
.gsap-section2 .text-sec2 {
  top: 41vh;
  left: 1.5%;
}
@media (max-width: 1000px) {
  .gsap-section2 .text-sec2 {
    top: 63vh;
    left: 5%;
  }
}
.gsap-section2 .text-sec3 {
  top: 48vh;
  right: 8%;
}
@media (max-width: 1000px) {
  .gsap-section2 .text-sec3 {
    top: 31vh;
    right: 15%;
  }
}

.reveal {
  visibility: hidden;
  position: relative;
  max-width: 200px;
  overflow: hidden;
}

.img-trigger1 {
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 1000px) {
  .img-trigger1 {
    left: 5%;
    top: 19vh;
  }
}
.img-trigger1 .reveal {
  max-width: 243px;
}
@media (max-width: 1000px) {
  .img-trigger1 .reveal {
    max-width: 146px;
  }
}

.img-trigger2 {
  position: absolute;
  right: 0;
  top: 5%;
}
@media (max-width: 1000px) {
  .img-trigger2 {
    display: none;
  }
}
.img-trigger2 .reveal {
  max-width: 426px;
}

.img-trigger3 {
  position: absolute;
  left: 15%;
  top: 65vh;
  z-index: 12;
}
@media (max-width: 1000px) {
  .img-trigger3 {
    left: 20%;
    top: 71vh;
  }
}
.img-trigger3 .reveal {
  max-width: 258px;
}

.img-trigger4 {
  position: absolute;
  left: 40%;
  top: 35vh;
}
@media (max-width: 1000px) {
  .img-trigger4 {
    left: auto;
    right: 10%;
    top: 39vh;
  }
}
.img-trigger4 .reveal {
  max-width: 286px;
}
@media (max-width: 1000px) {
  .img-trigger4 .reveal {
    max-width: 147px;
  }
}

@media (min-width: 767px) and (max-width: 1000px) {
  .at-the-helm-sec {
    height: 1200px;
  }
  .at-the-helm-sec .only-mob {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: bottom;
       object-position: bottom;
  }
}
.at-the-helm-sec .overlay {
  display: flex !important;
  opacity: 1 !important;
  justify-content: flex-end;
  align-items: flex-end;
  background: none;
}
@media (max-width: 1000px) {
  .at-the-helm-sec .overlay {
    align-items: flex-start;
    padding: 85px 0 0 0;
    background: none;
  }
}
@media (max-width: 360px) {
  .at-the-helm-sec .overlay {
    padding: 35px 0 0 0;
  }
}
@media (min-width: 1000px) {
  .at-the-helm-sec .overlay {
    padding-bottom: 6%;
    padding-right: 8%;
  }
}
@media (min-width: 767px) and (max-width: 1200px) {
  .at-the-helm-sec .overlay {
    padding-right: 0%;
    padding-left: 25%;
  }
}
.at-the-helm-sec .overlay .content-wrap {
  max-width: 845px;
}
.at-the-helm-sec .overlay .content-wrap h3 {
  color: #FFF;
  font-size: 150px;
  font-family: "Libre Caslon Text", serif;
  font-style: italic;
}
.at-the-helm-sec .overlay .content-wrap h3 span {
  font-size: 40px;
  font-style: italic;
  font-family: "AvantGarde Bk BT";
  display: block;
  margin-bottom: -15px;
}
@media (max-width: 1000px) {
  .at-the-helm-sec .overlay .content-wrap h3 span {
    font-size: 31px;
  }
}
@media (min-width: 767px) and (max-width: 1200px) {
  .at-the-helm-sec .overlay .content-wrap h3 {
    font-size: 102px;
  }
}
@media (max-width: 1000px) {
  .at-the-helm-sec .overlay .content-wrap h3 {
    font-size: 111px;
    line-height: normal;
  }
}
@media (max-width: 360px) {
  .at-the-helm-sec .overlay .content-wrap h3 {
    font-size: 60px;
    line-height: normal;
  }
}
.at-the-helm-sec .overlay .content-wrap p {
  font-size: 16px;
  color: #FFF;
}
.at-the-helm-sec .overlay .second-content {
  padding-left: 35%;
  padding-top: 60px;
  opacity: 0;
}
@media (max-width: 1000px) {
  .at-the-helm-sec .overlay .second-content {
    padding-left: 70px;
  }
}

.video-section {
  margin-top: -101px;
}

.video-section-slider {
  background: url(../images/video-sec-bg.webp) no-repeat center top;
  height: 820px;
  padding: 90px 0;
  background-size: cover;
}
@media (max-width: 1000px) {
  .video-section-slider {
    padding: 100px 0;
    min-height: 721px;
  }
}
@media (max-width: 360px) {
  .video-section-slider {
    height: 721px;
  }
}
@media (max-width: 567px) {
  .video-section-slider {
    background: url(../images/video-sec-bg-mob.webp) no-repeat center top;
    background-size: cover;
  }
}
.video-section-slider .swiper-pagination {
  display: none;
}
@media (max-width: 767px) {
  .video-section-slider .swiper-pagination {
    display: block;
    position: relative;
    margin-top: 50px;
    width: 90%;
    margin-left: 5%;
  }
}
.video-section-slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #FFF;
  height: 4px;
}
.video-section-slider .swiper-pagination-progressbar {
  background: rgba(250, 250, 250, 0.3);
}
.video-section-slider h2 {
  text-align: center;
  margin-bottom: 0;
  position: relative;
  z-index: 100;
}
.video-section-slider h2 span.small-title {
  text-align: center;
  color: #FFF;
  font-family: "AvantGarde Bk BT";
  font-size: 40px;
  line-height: normal;
  display: inline-block;
}
@media (max-width: 1000px) {
  .video-section-slider h2 span.small-title {
    font-size: 36px;
  }
}
.video-section-slider h2 span.big-title {
  background: linear-gradient(224deg, #E400A4 1.74%, #FFCB7D 95.06%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 128px;
  line-height: normal;
  display: inline-block;
  font-family: "AvantGarde Bk BT";
  font-weight: 600;
  text-transform: none;
  margin-top: -47px;
  text-shadow: 0px 4px 34px rgba(0, 0, 0, 0.25);
}
@media (max-width: 1000px) {
  .video-section-slider h2 span.big-title {
    font-size: 98px;
    margin-top: -30px;
  }
}
.video-section-slider h2 span.big-title.play-title {
  background: linear-gradient(116deg, #43BBFF 46.92%, #6CFFF6 95.73%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  left: -30px;
}
.video-section-slider h2 .we-title {
  position: relative;
  top: -25px;
  left: -10px;
}
.video-section-slider .home-video-slider .swiper-wrapper {
  transition-timing-function: linear;
}
.video-section-slider .home-video-slider .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 200ms linear;
  padding-top: 100px;
}
@media (max-width: 767px) {
  .video-section-slider .home-video-slider .swiper-slide {
    padding-top: 50px;
    padding-left: 25px;
    padding-right: 25px;
  }
}
.video-section-slider .home-video-slider .swiper-slide a {
  width: 100%;
  display: block;
}
.video-section-slider .home-video-slider .swiper-slide a img {
  width: 100%;
}
.video-section-slider .home-video-slider .swiper-slide .play-video {
  transition: 0.5s ease;
}
.video-section-slider .home-video-slider .swiper-slide.swiper-slide-active {
  padding-top: 0px;
}
.video-section-slider .home-video-slider .swiper-slide.swiper-slide-active .play-video {
  padding-top: 0;
}

.patterns {
  position: absolute;
}

.hm-web-design-sec {
  padding: 170px 0 155px 0;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .hm-web-design-sec {
    padding-bottom: 80px;
    padding-top: 125px;
  }
}
.hm-web-design-sec .title-acc {
  color: #616B79;
  font-family: "AvantGarde Bk BT";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (min-width: 1000px) {
  .hm-web-design-sec .hm-web-design-left {
    width: 40%;
    position: relative;
  }
}
@media (max-width: 1000px) {
  .hm-web-design-sec .hm-web-design-left {
    width: 100%;
  }
}
@media (min-width: 1000px) {
  .hm-web-design-sec .hm-acc-section {
    width: 60%;
    padding-top: 78px;
  }
}
@media (max-width: 1000px) {
  .hm-web-design-sec .hm-acc-section {
    width: 100%;
  }
}
.hm-web-design-sec h2 {
  background: linear-gradient(93deg, #ACC8FE 12.31%, #FAACB8 58.65%, #FFD0C0 83.1%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.hm-web-design-sec h4 {
  color: #616B79;
  margin-bottom: 20px;
}
.hm-web-design-sec .pattern-1 {
  position: absolute;
  right: 0;
  top: 60px;
}
.hm-web-design-sec .pattern-2 {
  position: absolute;
  left: 30%;
  bottom: -300px;
}
@media (max-width: 1000px) {
  .hm-web-design-sec .pattern-2 {
    display: none;
  }
}
.hm-web-design-sec p {
  font-size: 14px;
  line-height: 28px;
  margin-bottom: 30px;
  color: #000;
}

@media (min-width: 1200px) {
  .hm-acc-section {
    padding-left: 80px;
  }
}

.your-digital-marketing-sec {
  background: url(../images/digital-bg.png);
  overflow: hidden;
  height: 100vh;
  position: relative;
  background-size: cover;
  margin-top: -2px;
}
@media (max-width: 1000px) {
  .your-digital-marketing-sec .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 1000px) {
  .your-digital-marketing-sec {
    background: #141423;
  }
}
.your-digital-marketing-sec .your-digital-mark-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100vh;
}
@media (min-width: 767px) and (max-width: 1000px) {
  .your-digital-marketing-sec .your-digital-mark-left {
    padding-left: 32px;
  }
}
.your-digital-marketing-sec .your-digital-mark-left .disc {
  max-width: 427px;
}
@media (max-width: 567px) {
  .your-digital-marketing-sec .your-digital-mark-left {
    height: 45vh;
    padding-top: 90px;
    position: relative;
    z-index: 1;
    padding-left: 32px;
    padding-right: 32px;
    width: 100%;
  }
}
.your-digital-marketing-sec .your-digital-mark-row {
  align-content: center;
}
.your-digital-marketing-sec .your-digital-mark-right {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 567px) {
  .your-digital-marketing-sec .your-digital-mark-right {
    margin-top: 50px;
    padding-right: 32px;
    padding-left: 32px;
  }
}
.your-digital-marketing-sec .your-digital-mark-right .top-blur {
  height: 36vh;
  width: 100%;
  position: absolute;
  z-index: 1;
  background: #141423;
  top: 0;
  right: 0;
  width: 50%;
}
@media (max-width: 1000px) {
  .your-digital-marketing-sec .your-digital-mark-right .top-blur {
    display: none;
  }
}
.your-digital-marketing-sec .your-digital-mark-right .bottom-blur {
  height: 35vh;
  width: 100%;
  position: absolute;
  z-index: 1;
  background: #141423;
  top: 65vh;
  right: 0;
  width: 50%;
}
@media (max-width: 1000px) {
  .your-digital-marketing-sec .your-digital-mark-right .bottom-blur {
    display: none;
  }
}
.your-digital-marketing-sec .digital-marketing-scroll {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  height: 270px;
  overflow: hidden;
}
@media (max-width: 567px) {
  .your-digital-marketing-sec .digital-marketing-scroll {
    width: 100%;
  }
}
.your-digital-marketing-sec .digital-marketing-scroll:before {
  top: 0;
}
.your-digital-marketing-sec .digital-marketing-scroll:after {
  bottom: 0;
}
@media (max-width: 1000px) {
  .your-digital-marketing-sec .digital-marketing-scroll:after {
    bottom: 15px;
  }
}
.your-digital-marketing-sec .scroll-box {
  display: flex;
  align-items: center;
  color: #FFF;
  height: 270px;
  padding: 90px 0;
  position: relative;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
@media (max-width: 1000px) {
  .your-digital-marketing-sec .scroll-box {
    padding: 60px 0;
  }
}
@media (max-width: 567px) {
  .your-digital-marketing-sec .scroll-box {
    width: 100%;
  }
}
.your-digital-marketing-sec .scroll-box:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.your-digital-marketing-sec .scroll-box a {
  display: flex;
  align-items: center;
}
@media (min-width: 1000px) {
  .your-digital-marketing-sec .scroll-box {
    width: 440px;
  }
}
@media (max-width: 1000px) {
  .your-digital-marketing-sec .scroll-box .icons-sec {
    width: 107px;
    display: flex;
    align-items: center;
  }
  .your-digital-marketing-sec .scroll-box .icons-sec img {
    vertical-align: initial;
  }
}
.your-digital-marketing-sec .scroll-box .title-sec {
  padding-left: 75px;
  font-size: 24px;
  color: #FFF;
}
@media (max-width: 767px) {
  .your-digital-marketing-sec .scroll-box .title-sec {
    padding-left: 60px;
  }
}
.your-digital-marketing-sec h2 {
  background: linear-gradient(98deg, #00DEFF 4.83%, #8EB8FB 47.01%, #A1E2F7 87.46%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 767px) {
  .your-digital-marketing-sec h2 {
    padding-bottom: 30px;
  }
}
.your-digital-marketing-sec .pattern-1 {
  position: absolute;
  left: 30%;
  top: -100px;
}
@media (max-width: 1000px) {
  .your-digital-marketing-sec .pattern-1 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -80px;
    z-index: 100;
    width: 80%;
  }
}
.your-digital-marketing-sec .pattern-2 {
  position: absolute;
  right: 0;
  bottom: 0px;
}
@media (max-width: 1000px) {
  .your-digital-marketing-sec .pattern-2 {
    display: none;
  }
}
.your-digital-marketing-sec p {
  font-size: 14px;
  color: #FFF;
  line-height: 28px;
}
@media (max-width: 567px) {
  .your-digital-marketing-sec p {
    font-size: 13px;
    line-height: 22px;
  }
}
.your-digital-marketing-sec h4 {
  color: #fff;
  font-family: "AvantGarde Bk BT";
  font-weight: normal;
}
@media (min-width: 1000px) {
  .your-digital-marketing-sec h4 {
    margin-bottom: 10px;
  }
}

.why-choose-gmi {
  padding: 120px 0 80px 0;
  position: relative;
}
.why-choose-gmi .heading-sec {
  margin-bottom: 0;
}
@media (max-width: 1000px) {
  .why-choose-gmi {
    padding: 110px 0 90px 0;
  }
}
.why-choose-gmi h3 {
  background: linear-gradient(90deg, #CEBBFD 6.1%, #DF8DFF 51.93%, #63B1FF 94.99%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (min-width: 1000px) {
  .why-choose-gmi h3 {
    margin-bottom: 10px;
  }
}
@media (max-width: 1000px) {
  .why-choose-gmi h3 {
    text-align: left;
  }
}
@media (max-width: 1000px) {
  .why-choose-gmi h4 {
    text-align: left;
  }
}
.why-choose-gmi .pattern-1 {
  position: absolute;
  left: -280px;
  top: 80px;
}
@media (max-width: 767px) {
  .why-choose-gmi .pattern-1 {
    display: none;
  }
}
.why-choose-gmi h4 {
  color: #616B79;
}
.why-choose-gmi .why-choose-points {
  display: flex;
  align-items: flex-start;
  padding-top: 0px;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .why-choose-gmi .why-choose-points {
    padding-top: 0;
  }
}
.why-choose-gmi .why-choose-points li {
  width: 50%;
  border-radius: 10px;
  color: #000000;
  font-size: 16px;
  line-height: 20px;
  padding: 2px;
  transition: 0.5s ease;
}
@media (max-width: 1000px) {
  .why-choose-gmi .why-choose-points li {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
  }
}
.why-choose-gmi .why-choose-points li .list-points {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 21px 31px;
  background: #fff;
  border-radius: 10px;
}
.why-choose-gmi .why-choose-points li .icon {
  margin-right: 20px;
  width: 40px;
  flex: 0 0 40px;
}
.why-choose-gmi .why-choose-points li span {
  display: inline-block;
  text-align: left;
}
@media (min-width: 1200px) {
  .why-choose-gmi .why-choose-points li:hover {
    box-shadow: 0px 10px 15px 0px rgba(61, 19, 179, 0.07);
    background: linear-gradient(90deg, #B68DFF, #62AFFF, #FFF);
  }
}

.partner-section {
  padding-top: 110px;
}
.partner-section h5 {
  text-align: center;
  margin-bottom: 35px;
  letter-spacing: 2px;
  color: #616B79;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
}
@media (min-width: 767px) {
  .partner-section .partner-slider {
    max-width: 785px;
    margin: 0px auto;
  }
  .partner-section .partner-slider .swiper-slide {
    width: 25%;
    text-align: center;
  }
}

.hm-review-section {
  background: url(../images/hm-review-sec-bg.webp) no-repeat center bottom;
  min-height: 820px;
  position: relative;
  padding: 104px 0 0 0;
  overflow: hidden;
  background-size: cover;
}
@media (max-width: 767px) {
  .hm-review-section {
    padding-top: 119px;
    padding-bottom: 300px;
    background: url(../images/hm-review-sec-bg-mob.webp) no-repeat center bottom;
    background-size: cover;
  }
}
.hm-review-section .review-button-main {
  display: flex;
  width: 100%;
  justify-content: center;
}
@media (min-width: 767px) and (max-width: 1024px) {
  .hm-review-section .review-button-main {
    margin-top: 100px;
  }
}
.hm-review-section .more-review {
  color: #FA8111;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
}
.hm-review-section .more-review span {
  margin-right: 14px;
  transition: 0.5s ease-in;
}
.hm-review-section .more-review:hover span {
  margin-right: 30px;
}
.hm-review-section .container {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.hm-review-section .container .row {
  width: 100%;
}
@media (max-width: 767px) {
  .hm-review-section .container .row {
    min-height: 650px;
    position: relative;
    margin-bottom: 128px;
  }
}
.hm-review-section .google-score {
  background: #FFF;
  box-shadow: 0px 10px 40px 0px rgba(249, 186, 150, 0.66);
  border-radius: 22px;
  padding: 35px;
  z-index: 100;
}
@media (min-width: 767px) {
  .hm-review-section .google-score {
    left: 26%;
    top: 22%;
    width: 18%;
    position: absolute;
  }
}
@media (max-width: 767px) {
  .hm-review-section .google-score {
    position: absolute;
    max-width: 231px;
    top: 37%;
    left: 22%;
  }
}
.hm-review-section .pattern-1 {
  position: absolute;
  left: 0px;
  top: 30px;
}
@media (max-width: 1000px) {
  .hm-review-section .pattern-1 {
    display: none;
  }
}
.hm-review-section .pattern-2 {
  position: absolute;
  right: 0px;
  bottom: 280px;
}
@media (max-width: 1000px) {
  .hm-review-section .pattern-2 {
    display: none;
  }
}
@media (max-width: 767px) {
  .hm-review-section .review-box-main {
    position: absolute;
  }
}
@media (max-width: 767px) {
  .hm-review-section .review-box-main-1 {
    left: 20px;
    top: 0;
  }
}
@media (min-width: 1000px) {
  .hm-review-section .review-box-main-1 {
    padding-top: 55px;
  }
}
@media (min-width: 1000px) {
  .hm-review-section .review-box-main-1 .review-box {
    position: relative;
    left: 22%;
  }
}
@media (min-width: 767px) and (max-width: 1200px) {
  .hm-review-section .review-box-main-1 .review-box {
    transform: none !important;
  }
}
@media (min-width: 1000px) {
  .hm-review-section .review-box-main-2 .review-box {
    position: relative;
    right: -40%;
  }
}
@media (max-width: 767px) {
  .hm-review-section .review-box-main-2 {
    top: 50%;
    left: -48%;
  }
}
@media (min-width: 1000px) {
  .hm-review-section .review-box-main-3 {
    padding-top: 83px;
    display: flex;
    justify-content: flex-end;
  }
}
@media (max-width: 767px) {
  .hm-review-section .review-box-main-3 {
    top: 50%;
    right: -48%;
  }
}
.hm-review-section .review-box {
  max-width: 320px;
  padding: 35px;
  border-radius: 22px;
  background: #FFF;
  box-shadow: 0px 10px 40px 0px rgba(249, 186, 150, 0.66);
}
.hm-review-section .review-box .review-star {
  margin-bottom: 20px;
}
.hm-review-section .review-box p {
  font-size: 14px;
  line-height: 26px;
  color: #616B79;
}
.hm-review-section .review-box .review-by {
  display: flex;
  align-items: center;
}
.hm-review-section .review-box .review-by .reviewer-logo {
  margin-right: 12px;
}
.hm-review-section .review-box .review-by span {
  display: block;
}
.hm-review-section .review-box .review-by span.reviewer-title {
  font-size: 14px;
  font-weight: bold;
  color: #616B79;
  margin-bottom: 6px;
}
.hm-review-section .review-box .review-by span.reviewer-type {
  font-size: 12px;
  color: #616B79;
}

@media (max-width: 1000px) {
  .digital-mark-dubai .heading-sec {
    margin-bottom: 23px;
  }
}
@media (min-width: 767px) {
  .digital-mark-dubai {
    margin-top: -100px;
  }
}
.digital-mark-dubai .accordion-item {
  background: none;
}
.digital-mark-dubai h4 {
  color: #616B79;
  margin-bottom: 0;
}
@media (max-width: 1000px) {
  .digital-mark-dubai h4 {
    margin-bottom: 15px;
  }
}
.digital-mark-dubai h3 {
  background: linear-gradient(90deg, #01D1E8 12.69%, #01F5D3 36.4%, #9CB0BF 53.79%, #D4B273 68.4%, #C9EE01 88.56%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 767px) {
  .digital-mark-dubai h3 {
    max-width: 345px;
  }
}

.digital-mark-dubai {
  background: url(../images/dig-mark-dubai-bg.webp) no-repeat center bottom;
  padding-bottom: 200px;
  background-size: contain;
}
@media (max-width: 767px) {
  .digital-mark-dubai {
    background: url(../images/dig-mark-dubai-bg-mob.webp) no-repeat center bottom;
    background-size: contain;
    margin-top: -200px;
  }
}
.digital-mark-dubai .acc-header {
  display: flex;
  align-items: center;
}
.digital-mark-dubai .acc-header .icon {
  margin-right: 15px;
}
@media (max-width: 1000px) {
  .digital-mark-dubai .acc-header .icon {
    flex: 0 0 40px;
  }
}
.digital-mark-dubai .acc-header .active {
  display: none;
}
.digital-mark-dubai .acc-header .title-acc {
  color: #616B79;
  font-size: 16px;
}
.digital-mark-dubai .accordion-item-body-content {
  padding: 0 55px;
  padding-right: 0px;
}
.digital-mark-dubai .accordion-item-body-content p {
  font-size: 14px;
  line-height: 20px;
}
.digital-mark-dubai .accordion-item-header-2.active .acc-header {
  background: url(../images/minus.svg) no-repeat right center;
}
.digital-mark-dubai .accordion-item-header-2.active .acc-header .active {
  display: block;
}
.digital-mark-dubai .accordion-item-header-2.active .acc-header .normal {
  display: none;
}
.digital-mark-dubai .accordion-item-header-2.active .acc-header .title-acc {
  color: #01CDEA;
  font-weight: bold;
}

.text-anim h3 {
  background: linear-gradient(to right, rgb(159, 130, 111) 50%, rgb(255, 255, 255) 50%);
  background-size: 200% 100%;
  background-position-x: 0%;
  color: transparent !important;
  background-clip: text;
  -webkit-background-clip: text;
  margin-bottom: -250px;
  padding-left: 6px;
}

.v-title-1 {
  height: 48px;
  overflow: hidden;
  position: relative;
}

.portfolio-sec {
  position: relative;
}
@media (max-width: 767px) {
  .portfolio-sec {
    background: #000;
  }
}
@media (max-width: 1000px) {
  .portfolio-sec .video-sec {
    height: 704px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
  .portfolio-sec .video-sec video {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
    width: 100%;
  }
}
.portfolio-sec video {
  width: 100%;
}
@media (min-width: 767px) {
  .portfolio-sec .overlay {
    display: flex !important;
    opacity: 1 !important;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  .portfolio-sec .overlay.main-overlay {
    padding: 80px 0 0 0;
    display: block;
    background: none;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .portfolio-sec .overlay.main-overlay {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.portfolio-sec .overlay h2 {
  background: linear-gradient(92deg, #4BF5CF 10.32%, #01D1E3 47.13%, #E1BB3D 84.59%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  margin-bottom: 10%;
  margin-top: 20px;
}
.portfolio-sec .overlay .disc-all {
  width: 135px;
  position: relative;
  text-align: center;
  display: block;
}
.portfolio-sec .overlay .disc-all img {
  transition: 0.5s ease;
}
@media (max-width: 767px) {
  .portfolio-sec .overlay .disc-all {
    margin: 0px auto;
    margin-top: 30%;
  }
}
.portfolio-sec .overlay .disc-all:hover img {
  transform: scale(0.5) !important;
}
.portfolio-sec .overlay .disc-all .overlay {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.portfolio-sec .overlay .disc-all .overlay span {
  color: #fff;
  letter-spacing: 4.2px;
  font-size: 14px;
  display: block;
}

.digital-section {
  height: 100vh;
  background: url(../images/digital-bg.webp) no-repeat center center;
  background-size: cover;
}

body section {
  margin-bottom: 0;
}

.link-icon {
  opacity: 0;
  transition: 0.5s ease;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(-50px, 0%);
  width: 24px;
  height: 24px;
  display: block;
}

.scroll-box a {
  position: relative;
  width: 100%;
}

.scroll-box a:hover .link-icon {
  transform: translate(0, -50%);
  opacity: 1;
}

@media (min-width: 1000px) {
  .review-box-main-2 {
    position: relative;
    z-index: 10;
    top: -58px;
    left: -30px;
  }
}

@media (min-width: 1000px) {
  .review-box-main-3 {
    position: relative;
    left: 41px;
  }
}

@media (min-width: 767px) and (max-width: 1200px) {
  .b-slider {
    margin-bottom: 50px;
  }
}

@media (min-width: 767px) and (max-width: 1200px) {
  .why-choose-gmi .heading-sec {
    text-align: left !important;
  }
}

.hm-web-design-sec .title-acc {
  font-weight: normal;
}

.hm-web-design-sec .active .title-acc {
  font-weight: 700;
}

@media (max-width: 767px) {
  .accordion-item-header .acc-header .icon {
    width: 30px;
    margin-right: 20px;
  }
}

@media (max-width: 567px) {
  .hm-web-design-sec .pattern-1 {
    position: absolute;
    right: -162px;
    top: 19px;
    width: 401px;
  }
}

@media (max-width: 567px) {
  .at-the-helm-sec .text-anim h3 {
    position: relative;
    left: -30px;
  }
}

@media (max-width: 567px) {
  .at-the-helm-sec .overlay .second-content {
    padding-left: 46px;
  }
}

.marquee-track {
  will-change: transform;
  transform: translate3d(0, 0, 0);
}

.marquee {
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.marquee-track {
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.marquee-track img {
  margin: 0 32px;
  filter: grayscale(1);
}
@media (max-width: 1000px) {
  .marquee-track img {
    margin: 0 24px;
  }
}

.marquee-main {
  width: 100%;
  overflow: hidden;
  margin-bottom: 70px;
}
@media (max-width: 1000px) {
  .marquee-main {
    margin-bottom: 20px;
  }
}

.scroll-box:nth-child(2) path {
  stroke: #3089ef;
}
.scroll-box:nth-child(3) path {
  stroke: #1ead94;
}
.scroll-box:nth-child(4) path {
  stroke: #623edc;
}
.scroll-box:nth-child(6) path {
  stroke: #623edc;
}
.scroll-box:nth-child(7) path {
  stroke: #1ead94;
}
.scroll-box:nth-child(9) path {
  stroke: #9467c0;
}
.scroll-box:nth-child(9) path {
  stroke: #623edc;
}

@media (min-width: 1000px) {
  .your-digital-marketing-sec {
    position: relative;
    contain: layout paint;
    backface-visibility: hidden;
  }
  .scroll-box {
    will-change: transform;
    backface-visibility: hidden;
  }
  .your-digital-marketing-sec {
    position: relative;
    contain: layout paint; /* isolates layout + fixes repaint flicker */
    backface-visibility: hidden; /* prevents flicker in Chrome */
    overflow: hidden; /* prevents content leak when pinned */
  }
}
@media (min-width: 767px) and (max-width: 1024px) {
  .hm-review-section .container {
    justify-content: center;
  }
}

@media (min-width: 767px) and (max-width: 1024px) {
  .hm-review-section .review-box {
    transform: none !important;
  }
}

@media (max-width: 360px) {
  .your-digital-marketing-sec .scroll-box .title-sec {
    font-size: 20px;
  }
}

html, body {
  overflow: hidden !important; /* freeze scroll until page fully loaded */
}/*# sourceMappingURL=style-home.css.map */