@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
  --font-primary: 'Bebas Neue', sans-serif;
  --font-secondary: 'Poppins', sans-serif;
  --color-1: #FDB914;
}


html {
  scroll-behavior: smooth;
  overflow-x: hidden;

}


html ::-webkit-scrollbar {
  width: 7px;
  border-radius: 10px;
  height: 5px;
}

html ::-webkit-scrollbar-track {
  background-color: #cccccc
}

html ::-webkit-scrollbar-thumb {
  background-color: var(--color-1);
  border-radius: 10px;
}

::-moz-selection {
  background-color: #cccccc;
  color: var(--color-1)
}

::selection {
  background-color: #000;
  color: var(--color-1)
}



body {
  font-family: var(--font-secondary);
  background-color: #fff;
  font-size: 16px;
  padding: 0;
  margin: 0;
  font-weight: 400;
  position: relative;
  line-height: 29px;
  overflow-x: hidden;
  /* Prevent horizontal scrolling */
  height: 100%;
  /* Ensures body covers the full viewport height */
}

img {
  max-width: 100%;
  height: auto;
  transition: all 0.3s ease-out 0s;
}

button {
  cursor: pointer;
}

*:focus {
  outline: none;
}

button {
  border: none;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}


button:focus {
  outline: none;
}

.bannerBtn {
  margin-top: 40px
}

.btn {
  background-color: #222;
  padding: 16px 30px;
  border-radius: 50px;
  font-size: 16px;
  color: #fff;
  font-size: 16px;
  font-family: var(--font-secondary);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 5px;
  transition: 0.3s all ease;
}

.btn:hover {
  color: unset;
}

a {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-family: var(--font-secondary);
}

a:hover {
  text-decoration: none;
  color: unset;
}

table {
  width: 100%;
}

p,
li,
span {
  color: #000;
  margin: 0;
  line-height: 2;
  font-size: 20px;
  font-family: var(--font-secondary);
  font-weight: 400;
}

/* reset css end */
/* global css start */
.nice-select {
  background-color: transparent;
  height: 40px !important;
  line-height: 40px !important;
  min-height: 40px !important;
  padding: 0 30px;
}

.nice-select span {
  color: #000;
}

.nice-select .list li {
  margin-right: 0 !important;
}

.nice-select .list .option {
  color: #000;
}

.nice-select .list .option.selected,
.nice-select .list .option:hover {
  border: none !important;
}

/* global css end */
.bg_img {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

.dark-bg {
  background-color: #010103;
}

.grey-bg {
  background: #F4F1EE;
}

.white {
  color: #ffffff;
}

.f-right {
  float: right;
}

.section-heading {
  position: relative;
  z-index: 2;
}

@media (max-width: 991px) {
  .section-heading {
    text-align: center;
  }
}

.navbar-menu-inner .hover-mnu-reveal .dropdown {
  /* background-color: #1a1d1f; */
  position: absolute;
  left: -87%;
  top: 60px;
  width: auto;
  display: inline-block;
  padding: 17px 22px;
  transition: 0.3s all ease;
  visibility: hidden;
  opacity: 0;
  width: 310px;
  box-shadow: 0px 3px 8px 0 #00000026;
  background: #1a1d1fd6;
  box-shadow: 0px 20px 30px 20px rgb(0 0 0 / 37%);
  backdrop-filter: blur(7.6px);
  -webkit-backdrop-filter: blur(7.6px);
  border-radius: 14px;
}

.navbar-menu-inner .hover-mnu-reveal:hover .dropdown {
  visibility: visible;
  opacity: 1;
}

.navbar-menu-inner .hover-mnu-reveal .dropdown ul li a {
  color: #a3a6aa;
  text-align: left;
  font-family: var(--font-secondary);
  text-decoration: none;
  text-transform: capitalize;
  font-size: 16px;
  transition: 0.2s all ease-in;
}

.navbar-menu-inner .hover-mnu-reveal .dropdown ul li:hover a {
  color: #fff;
  padding-left: 5px;
}

.hover-mnu-reveal {
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}

.navbar-menu-inner .hover-mnu-reveal .dropdown ul {
  margin-bottom: 0;
  padding: 0;
}

.navbar-menu-inner .hover-mnu-reveal .dropdown ul li {
  padding: 17px 15px;
  transition: 0.3s all ease;
  border: 1px solid #ffffff00;
}

.navbar-menu-inner .hover-mnu-reveal .dropdown ul li:nth-child(3) {
  margin: 0px 0;
  padding: 17px 15px;
  border-top: 1px solid #ffffff2b;
  border-bottom: 1px solid #ffffff2b;
}

.navbar-menu-inner .hover-mnu-reveal .dropdown ul li:hover {
  color: #fff;
  /* border: 1px solid #ffffff57; */
}

.navbar-menu-inner .hover-mnu-reveal .dropdown a.w-inline-block {
  display: none;
}

.section-heading .sub-title {
  color: #ffffff;
  background: #C7A17A;
  font-family: "Jost", sans-serif;
  display: inline-block;
  font-size: 12px;
  text-transform: uppercase;
  padding: 1.5px 13px;
  letter-spacing: 2px;
  border-radius: 3px;
  line-height: 22px;
  margin-bottom: 23px;
}

.section-heading .title {
  color: #ffffff;
  font-size: 55px;
  line-height: 57px;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .section-heading .title {
    font-size: 36px;
    line-height: 38px;
  }
}

.section-heading p {
  font-size: 18px;
}

.section-heading p:not(:last-child) {
  margin-bottom: 35px;
}

.dk-show {
  display: flex;
}

.dropdown-mob li a {
  color: #a3a6aa;
  text-align: left;
  font-family: var(--font-secondary);
  text-decoration: none;
  font-size: 16px;
  transition: 0.3s all ease-in;
}

.section-heading__black .title {
  color: #000;
}

.border-effect a,
.border-effect span.border-effect {
  position: relative;
  display: inline;
  background-image: -webkit-gradient(linear, left top, right top, from(currentColor), to(currentColor));
  background-image: -webkit-linear-gradient(left, currentColor 0%, currentColor 100%);
  background-image: -o-linear-gradient(left, currentColor 0%, currentColor 100%);
  background-image: linear-gradient(to right, currentColor 0%, currentColor 100%);
  background-size: 0px 2px;
  background-position: 0px 95%;
  -webkit-transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  -o-transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  padding: 0.7% 0px;
  background-repeat: no-repeat;
  color: inherit;
}

.border-effect a:hover,
.border-effect span.border-effect:hover {
  background-size: 100% 2px;
}

span.border-effect {
  position: relative;
  display: inline;
  background-image: -webkit-gradient(linear, left top, right top, from(currentColor), to(currentColor));
  background-image: -webkit-linear-gradient(left, currentColor 0%, currentColor 100%);
  background-image: -o-linear-gradient(left, currentColor 0%, currentColor 100%);
  background-image: linear-gradient(to right, currentColor 0%, currentColor 100%);
  background-size: 0px 2px;
  background-position: 0px 95%;
  -webkit-transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  -o-transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  padding: 0.7% 0px;
  background-repeat: no-repeat;
  color: inherit;
}

span.border-effect:hover {
  background-size: 100% 2px;
}


/* typography css start */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  color: #000;
  margin: 0;
  line-height: 1.4;

  font-family: var(--font-secondary);
}

h1 {
  font-size: 60px;
}

h2 {
  font-size: 48px;
  line-height: 1.3;
  margin-bottom: 28px;
  letter-spacing: -2px;
}

h3 {
  font-size: 38px;
  line-height: 1.2;
}

h4 {
  font-size: 22px;
  line-height: 2;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

/* typography css end */


/* side info css */
.hamburger-trigger {
  margin-left: 12px;
  padding: 10px 12px;
  cursor: pointer;
}

.side-info {
  padding-left: 20px;
  padding-right: 20px;
}

.side-info .title {
  font-family: "Jost", sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 18px;
}

.side-info .mb-5 {
  margin-bottom: 5px !important;
}

.side-info p {
  font-size: 15x;
  line-height: 28px;
}

.side-info__close {
  top: 0;
  left: 0;
  background: #010103;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.side-info__close a {
  display: block;
  height: 100%;
  width: 100%;
  color: #ffffff;
}

.side-info__close:hover {
  background: #C7A17A;
}

.side-info__wrapper {
  padding: 20px;
}

.side-info .social-links a:hover {
  color: #C7A17A;
  border-color: #C7A17A;
}

.overlay {
  background-color: rgba(0, 0, 0, 0.7);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 99;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s linear 0s;
  transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
}

.overlay.active {
  opacity: 0.5;
  visibility: visible;
  cursor: url(../images/icons/cancel.png), auto;
}

.side-info-wrapper,
.cart-bar-wrapper {
  position: fixed;
  overflow-y: auto;
  top: 0;
  right: -330px;
  width: 300px;
  height: 100%;
  display: block;
  background-color: #ffffff;
  z-index: 100;
  box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  padding-top: 0px;
  -webkit-transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.side-info-wrapper .nav,
.cart-bar-wrapper .nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.side-info-wrapper .nav a,
.cart-bar-wrapper .nav a {
  flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  max-width: 50%;
  font-size: 18px;
  color: #010103;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 12px 10px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 2px;
}

.side-info-wrapper .nav a.active,
.cart-bar-wrapper .nav a.active {
  background: #010103;
  color: #ffffff;
}

.side-info-wrapper.show,
.cart-bar-wrapper.show {
  right: 0;
}

.side-info-wrapper.mm-only.show {
  display: none;
}

@media (max-width: 991px) {
  .side-info-wrapper.mm-only.show {
    display: inline-block;
  }
}

@media (max-width: 991px) {
  .side-info-wrapper.show-all.show {
    display: none;
  }
}

.side-info-wrapper .contact__info li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 15px;
  align-items: flex-start;
}

.side-info-wrapper .contact__info li span {
  margin-right: 10px;
  flex: 0 0 15px;
  -ms-flex: 0 0 15px;
  max-width: 15px;
  color: #C7A17A;
  font-size: 15px;
}

.side-info-wrapper .contact__info li p {
  flex: 0 0 85%;
  -ms-flex: 0 0 85%;
  max-width: 85%;
}

.side-info-wrapper .contact__info li:not(:last-child) {
  margin-bottom: 5px;
}

/* mini cart css */
.cart {
  margin-left: 10px;
  padding: 10px 12px;
  cursor: pointer;
}

.cart__count {
  width: 20px;
  height: 20px;
  font-size: 12px;
  color: #ffffff;
  background: #80A093;
  position: absolute;
  top: 10px;
  right: 0px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  line-height: 0;
}

.cart-bar-wrapper {
  padding: 25px 20px;
  padding-top: 60px;
}

.cart-bar-wrapper .site-btn {
  font-size: 12px;
  padding: 7px 18px;
}

.cart-bar-wrapper .site-btn__borderd {
  color: #010103;
  margin-left: 15px;
}

.cart-bar-wrapper .site-btn__borderd:hover {
  color: #ffffff;
}

@media (max-width: 767px) {
  .cart-bar-wrapper .btns {
    flex-direction: column;
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cart-bar-wrapper .btns {
    flex-direction: row;
    justify-content: flex-start !important;
    align-items: center !important;
  }
}

@media (max-width: 767px) {
  .cart-bar-wrapper .btns .site-btn__borderd {
    margin-left: 0px;
    margin-top: 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cart-bar-wrapper .btns .site-btn__borderd {
    margin-left: 20px;
    margin-top: 0px;
  }
}

.cart-bar__close {
  position: absolute;
  top: 0;
  left: 0;
  background: #010103;
  width: 40px;
  height: 40px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.cart-bar__close a {
  color: #fff;
  position: relative;
  z-index: 2;
  font-size: 16px;
  left: 0;
  height: 100%;
  text-decoration: none;
}

.cart-bar__title {
  font-size: 18px;
  font-family: "Jost", sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  display: block;
  padding-bottom: 15px;
  border-bottom: 1px solid #F4F1EE;
  margin-bottom: 15px;
}

.cart-bar__title span {
  color: #000;
}

.cart-bar__item .thumb {
  background: #ffffff;
  min-width: 70px;
}

.cart-bar__item .thumb img {
  max-width: 60px;
}

.cart-bar__item .content {
  padding-right: 25px;
  position: relative;
}

.cart-bar__item .content .title {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}

.cart-bar__item .content .title a {
  text-decoration: none;
  color: #010103;
}

.cart-bar__item .content .price {
  color: #010103;
  font-weight: 600;
  font-size: 15px;
}

.cart-bar__item .content .remove {
  top: 50%;
  right: 0px;
  color: #ffffff;
  width: 20px;
  height: 20px;
  font-size: 12px;
  line-height: 22px;
  text-align: center;
  position: absolute;
  border-radius: 100%;
  background-color: #80A093;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.cart-bar__subtotal {
  border-bottom: 1px solid #F4F1EE;
  border-top: 1px solid #F4F1EE;
  padding: 7px 0px;
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
}

.cart-bar__subtotal span {
  color: #010103;
  text-transform: uppercase;
  font-weight: 600;
}

.cart-bar__lists .cart-bar__item:not(:last-child) {
  margin-bottom: 15px;
}

/* hero area css */
.hero__area {
  z-index: 1;
  padding-top: 169px;
}


.stripe-banner {
  z-index: -1;
}

.innerBanner {
  z-index: 1;
  padding-top: 200px;
  padding-bottom: 70px;
}

.navbar-menu a .navbar-link-text {
  font-family: var(--font-secondary);
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 500;
}

.navbar-link-text.hover-mnu-reveal a {
  font-family: var(--font-secondary);
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 500;

}


.main-title {
  color: #000;
  font-size: 60px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: -2px;
  margin-bottom: 20px;
  position: relative;
}

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

p.bannerTxt {
  margin-bottom: 90px;
  font-size: 22px;
  font-weight: 400;
  margin-top: 13px;
}

h3.bgText {
  color: #2795d2;
  font-size: 70px;
  text-transform: uppercase;
  font-weight: 400;
  font-family: var(--font-primary);
  line-height: 1;
  border-radius: 6px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #f2f2f2;
  border: 2px solid #d6d6d6;
  display: inline-block;
  padding-top: 13px;
  padding-bottom: 6px;
  margin-top: 0;
  letter-spacing: 1px;
}

.bg-pattern {
  background-image: url(../images/banner-bg.png);
  background-size: contain;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  padding-bottom: 100px;
}


.banner-laptop {
  margin: 0 auto;
}


.banner-laptop-img {
  width: 45%;
  margin-left: 0;
  margin-top: 0;
  position: absolute;
  right: 80px;
  top: -17px;
}


.black-ribbon {
  background: url(../images/banner-stripe.png);
  background-position: center;
  background-size: cover;
  position: absolute;
  width: 103%;
  bottom: 62px;
  overflow: hidden;
  /* transform: rotate(357deg); */
  left: -21px;
  height: 242px;
  right: 0;
}



.right-slider-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 950px;
  /* /* height: 765px; */
}

@keyframes slidereverses {
  0% {
    transform: translateX(0%);
  }

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

.c-text-container {
  overflow: hidden;
  display: flex;
  padding: 15px 0;
  position: absolute;
  bottom: 360px;
  transform: rotate(355.6deg);
}

.c-text-slider {
  display: flex;
  white-space: nowrap;
  /* animation: slide 50s linear infinite; */
}

.c-text {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  box-shadow: 0px 0px 0px 0px rgba(226, 215, 255, 0.40);
  margin: 0 18px;
}

.c-text a {
  text-decoration: none;
}




.c-text a p {
  text-decoration: none;
  color: #fdb914;
  font-family: var(--font-secondary);
  font-size: 34px;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 1.3;
  margin-top: 0;
}

.c-text img {
  max-width: 100px;
  width: 30px;
}

.section {
  padding: 100px 0;
}

@keyframes slide {
  from {
    transform: translateX(0%);
  }

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

.client-logo {
  padding: 100px 0 100px 0;
}

.tech-logos {
  padding: 50px 0 100px 0;
}

.tech-logos img {
  width: 100%;
  height: 68px;
  object-fit: contain;
}

.tech-logos img.bs-logo {
  width: 27%;
  height: auto;
}

.tech-logos img.wp-logo {
  width: 57%;
  height: auto;
}

.tech-logos img.webflow-logo {
  width: 28%;
  height: auto;
}

.tech-logos img.woo-logo {
  width: 35%;
  height: auto;
}

.tech-logos img.shopi-logo {
  width: 66%;
  height: auto;
}

.client-title {
  font-size: 15px;
  font-weight: 500;
  font-family: var(--font-secondary);
  letter-spacing: 10px;
  text-transform: uppercase;
  color: #000;
  text-align: center;
  margin-bottom: 60px;

}

.logo-custom-paddimg {
  --bs-gutter-x: 3.5rem;
  --bs-gutter-y: 3.5rem;
}

.client-logo .compny-logo img.logo-1 {
  max-width: 50%;
}

.client-logo .compny-logo img.logo-2 {
  max-width: 55%;
}

.client-logo .compny-logo img.logo-3 {
  max-width: 30%;
}

.client-logo .compny-logo img.logo-4 {
  max-width: 55%;
}

.client-logo .compny-logo img {
  max-width: 77%;
}

.client-logo .compny-logo img.logo-6 {
  max-width: 48%;
}

.client-logo .compny-logo img.logo-7 {
  max-width: 46%;
}

.client-logo .compny-logo img.logo-8 {
  max-width: 45%;
}

.client-logo .compny-logo img.logo-9 {
  max-width: 62%;
}

.client-logo .compny-logo img.logo-10 {
  max-width: 60%;
}

.client-logo .compny-logo img.logo-16 {
  max-width: 75%;
}

.client-logo .compny-logo img.logo-15 {
  max-width: 40%;
}

.client-logo .compny-logo img.logo-11 {
  max-width: 58%;
}

.client-logo .compny-logo img.logo-12 {
  max-width: 56%;
}

.client-logo .compny-logo img.logo-13 {
  max-width: 66%;
}

.client-logo .compny-logo img.logo-14 {
  max-width: 45%;
}

.floating-bubble-wrapper {
  /* margin: 20px 0; */
  display: flex;
  position: relative;
  /* padding: 50px 0; */
  height: 12vh;
}

.black {
  background-color: #000;
}

.blue {
  background-color: #2495D2;
}

.yellow {
  background-color: #FDB914;
}

.red {
  background-color: #EF3A42;
}

.redText {
  color: #000;
}

.green-1 {
  background-color: #41BEAD;
}

.floating-bubble-wrapper .floating-bubble-1 {
  position: absolute;
  top: 77px;
  left: 42px;
}

.floating-bubble-wrapper .floating-bubble-1 img {
  width: 15px;
  height: 15px;
}

.floating-bubble-wrapper .floating-bubble-3 img {
  width: 15px;
  height: 15px;
}

.vert-move {
  -webkit-animation: mover 1s infinite alternate;
  animation: mover 1s infinite alternate;
}

.vert-move {
  -webkit-animation: mover 1s infinite alternate;
  animation: mover 1s infinite alternate;
}

@-webkit-keyframes mover {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-100px);
  }
}

@keyframes mover {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-70px);
  }
}

.vert-move-1 {
  -webkit-animation: movernew 1s infinite alternate;
  animation: movernew 1s infinite alternate;
}

.vert-move-1 {
  -webkit-animation: movernew 1s infinite alternate;
  animation: movernew 1s infinite alternate;
}

@-webkit-keyframes movernew {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(150px);
  }
}

@keyframes movernew {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(70px);
  }
}

.floating-bubble-wrapper .floating-bubble-2 {
  border-radius: 100px;
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 91px;
  left: 10%;
}

.floating-bubble-wrapper .floating-bubble-3 {
  border-radius: 100px;
  position: absolute;
  top: 80px;
  left: 18%;
}

.floating-bubble-wrapper .floating-bubble-4 {
  border-radius: 100px;
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 81%;
  left: 28%;
}

.floating-bubble-wrapper .floating-bubble-5 {
  border-radius: 100px;
  width: 10px;
  height: 10px;
  position: absolute;
  bottom: 24%;
  left: 38%;
}

.floating-bubble-wrapper .floating-bubble-6 {
  border-radius: 100px;
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 81%;
  left: 47%;
}

.floating-bubble-wrapper .floating-bubble-7 {
  border-radius: 100px;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 84px;
  left: 62%;
}

.floating-bubble-wrapper .floating-bubble-8 {
  border-radius: 100px;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 15px;
  left: 85%;
}

.floating-bubble-wrapper .floating-bubble-9 {
  border-radius: 100px;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 78px;
  left: 97%;
}

.floating-bubble-wrapper .floating-bubble-10 {
  border-radius: 100px;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 10px;
  left: 93%;

}

.floating-bubble-wrapper .floating-bubble-11 {
  border-radius: 100px;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 78px;
  left: 76%;
}

.floating-bubble-wrapper .floating-bubble-12 {
  border-radius: 100px;
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 81%;
  left: 69%;
}

.floating-bubble-wrapper .floating-bubble-13 {
  border-radius: 100px;
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 81%;
  left: 55%;
}

.workWrapper.new-work {
  padding: 120px 0 100px;
  position: relative;
}

.workWrapper {
  padding: 200px 0 0px;
  position: relative;
}

.workWrapper .our-work-1 {
  margin-top: 45px;
}

.heading {
  font-size: 110px;
  position: relative;
}

.border-text {
  font-size: 80px;
  font-family: var(--font-secondary);
  color: black;
  -webkit-text-fill-color: #eeeeeeab;
  /* -webkit-text-stroke: 2px #ebebeb; */
  line-height: 0.9;
  font-weight: bold;
  margin: 0 37px;

}

.heading .textture-text-1 {
  font-size: 110px;
}

.workWrapper .section-title {
  margin: 0 37px;
}

.serviceWrapper .section-title {
  margin: 0 37px;
}

.float-2,
.float-3,
.float-4,
.float-5,
.float-6,
.float-7,
.float-8,
.float-9,
.float-10,
.float-11,
.float-12,
.float-13,
.float-14,
.float-15,
.float-16,
.float-17 {
  font-size: 20px;
  padding: 9px 20px 5px 20px;

}

.float-1 {
  font-family: var(--font-secondary);
  line-height: 1;
  font-size: 36px;
  background-color: #000;
  color: #fff;
  padding: 9px 30px 5px 30px;
  text-transform: uppercase;
  border-radius: 50px;
  border: 2px solid #fff;
  width: auto;
  /* display: inline-block; */
  position: absolute;
  left: 39%;
  /* right: 0; */
  bottom: 73px;
  height: auto;
}

.float-2 {
  font-family: var(--font-secondary);
  line-height: 1;
  background-color: #fff;
  color: #000;
  text-transform: uppercase;
  border-radius: 50px;
  border: 2px solid #000;
  width: auto;
  /* display: inline-block; */
  position: absolute;
  right: 31%;
  /* right: 0; */
  top: 18px;
  height: auto;
}

.float-7 {
  font-family: var(--font-secondary);
  line-height: 1;
  background-color: #fff;
  color: #000;
  text-transform: uppercase;
  border-radius: 50px;
  border: 2px solid #000;
  width: auto;
  /* display: inline-block; */
  position: absolute;
  right: 24.9%;
  /* right: 0; */
  top: 21px;
  height: auto;
}

.float-3 {
  font-family: var(--font-secondary);
  line-height: 1;
  background-color: #fff;
  color: #000;
  text-transform: uppercase;
  border-radius: 50px;
  border: 2px solid #000;
  width: auto;
  /* display: inline-block; */
  position: absolute;
  right: 366px;
  /* right: 0; */
  bottom: 33px;
  height: auto;
}

.float-6 {
  font-family: var(--font-secondary);
  line-height: 1;
  background-color: #fff;
  color: #000;
  text-transform: uppercase;
  border-radius: 50px;
  border: 2px solid #000;
  width: auto;
  /* display: inline-block; */
  position: absolute;
  right: 269px;
  /* right: 0; */
  bottom: 37px;
  height: auto;
}

.float-4 {
  font-family: var(--font-secondary);
  line-height: 1;
  background-color: #fff;
  color: #000;
  text-transform: uppercase;
  border-radius: 50px;
  border: 2px solid #000;
  width: auto;
  /* display: inline-block; */
  position: absolute;
  left: 254px;
  /* right: 0; */
  top: 20px;
  height: auto;
}

.float-13 {
  font-family: var(--font-secondary);
  line-height: 1;
  background-color: #fff;
  color: #000;
  text-transform: uppercase;
  border-radius: 50px;
  border: 2px solid #000;
  width: auto;
  /* display: inline-block; */
  position: absolute;
  left: 214px;
  /* right: 0; */
  top: 20px;
  height: auto;
}

.float-5 {
  font-family: var(--font-secondary);
  line-height: 1;
  background-color: #fff;
  color: #000;
  text-transform: uppercase;
  border-radius: 50px;
  border: 2px solid #000;
  width: auto;
  /* display: inline-block; */
  position: absolute;
  left: 430px;
  /* right: 0; */
  bottom: 30px;
  height: auto;
}

.float-8 {
  font-family: var(--font-secondary);
  line-height: 1;
  background-color: #fff;
  color: #000;
  text-transform: uppercase;
  border-radius: 50px;
  border: 2px solid #000;
  width: auto;
  /* display: inline-block; */
  position: absolute;
  left: 430px;
  /* right: 0; */
  bottom: 28px;
  height: auto;
}

.float-9 {
  font-family: var(--font-secondary);
  line-height: 1;
  background-color: #fff;
  color: #000;
  text-transform: uppercase;
  border-radius: 50px;
  border: 2px solid #000;
  width: auto;
  /* display: inline-block; */
  position: absolute;
  right: 22.5%;
  /* right: 0; */
  top: 6px;
  height: auto;
}

.float-10 {
  font-family: var(--font-secondary);
  line-height: 1;
  background-color: #fff;
  color: #000;
  text-transform: uppercase;
  border-radius: 50px;
  border: 2px solid #000;
  width: auto;
  /* display: inline-block; */
  position: absolute;
  right: 254px;
  /* right: 0; */
  bottom: 81px;
  height: auto;
}

.float-11 {
  font-family: var(--font-secondary);
  line-height: 1;
  background-color: #fff;
  color: #000;
  text-transform: uppercase;
  border-radius: 50px;
  border: 2px solid #000;
  width: auto;
  /* display: inline-block; */
  position: absolute;
  left: 227px;
  /* right: 0; */
  top: 30px;
  height: auto;
}

.float-12 {
  font-family: var(--font-secondary);
  line-height: 1;
  background-color: #fff;
  color: #000;
  text-transform: uppercase;
  border-radius: 50px;
  border: 2px solid #000;
  width: auto;
  /* display: inline-block; */
  position: absolute;
  left: 356px;
  /* right: 0; */
  bottom: 105px;
  height: auto;
  z-index: 1;
}

.our-work .owl-stage-outer {
  display: inline-block;
  margin-left: -42px;
}

.workWrapper .our-work {
  position: relative;
  margin-top: 60px;
}

.workWrapper .our-work .owl-nav .prev_btn,
.workWrapper .our-work .owl-nav .next_btn {
  position: absolute;
}

.workWrapper .our-work .owl-nav .next_btn {
  right: 17px;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #000;
  box-shadow: 3px 4px 0px 1px #000;
}

.workWrapper .our-work .owl-nav .prev_btn {
  left: 0px;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #000;
  box-shadow: 3px 4px 0px 1px #000;
}


/* .blue-border {

  border: 6px solid #2785C1;
} */


.our-work .owl-stage-outer .owl-item {
  transform: scale(0.89);
}

.our-work .owl-stage-outer .owl-item.active.center {
  transform: scale(1);
}

.our-work .owl-prev.owl-prev.disabled {
  transition: 0.2s all ease-in;
  opacity: 0;
  visibility: hidden;
}

.our-work .owl-next.disabled {
  transition: 0.2s all ease-in;
  opacity: 0;
  visibility: hidden;
}



.section-title-recent {
  font-size: 70px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 30px;
}

.recent-project img {
  width: 100%;
  position: absolute;
  right: 0;
  left: 80px;
  /* transform: scale(1); */
  top: 31px;
}

.recent-project img.indriq {
  width: 100%;
  position: absolute;
  right: 0;
  left: 0;
  transform: scale(1.1);
  top: 33px;
}

.recent-project img.croft {
  width: 100%;
  position: absolute;
  right: 0;
  left: 0;
  transform: scale(1.5);
  top: 29px;
}

.recent-project img.shanghai {
  width: 100%;
  position: absolute;
  right: 0;
  left: 0;
  transform: scale(0.80);
  top: -14px;
}

.recent-project img.thyme {
  width: 100%;
  position: absolute;
  right: 0;
  left: 19px;
  transform: scale(1.1);
  top: -44px;
}

.recent-project img.milltete {
  width: 100%;
  position: absolute;
  right: 0;
  left: 49px;
  transform: scale(1.7);
  top: 126px;
}

.recent-project img.crizac {
  width: 100%;
  position: absolute;
  right: 0;
  left: 101px;
  transform: scale(1.55);
  top: 72px;
}

.recent-project img.hin {
  width: 100%;
  position: absolute;
  right: 0;
  left: 101px;
  transform: scale(1.8);
  top: 122px;
}

.recent-project img.dazs {
  width: 100%;
  position: absolute;
  right: 0;
  left: 60px;
  transform: scale(1.1);
  top: 53px;
}

.recent-project img.avanza {
  width: 100%;
  position: absolute;
  right: 0;
  left: 20px;
  transform: scale(1.4);
  top: 93px;
}

.color-bg-vio {
  background-color: #ebefff;
}

.color-bg-pur {
  background-color: #f6f2ff;
}

.color-bg-grey {
  background-color: #f5f5f5;
}

.color-bg-red {
  background-color: #fff4f4;
}

.color-bg-green {
  background-color: #e2fff0;
}

.color-bg-yellow {
  background-color: #fff9e3;
}

.color-bg-cream {
  background-color: #fff8d8;
}

.color-bg-blue {
  background-color: #e4f8ff;
}


.recent-project img.ship {
  width: 100%;
  position: absolute;
  right: 0;
  left: -15px;
  transform: scale(0.70);
  top: -52px;
}

.recent-project img.helme {
  width: 100%;
  position: absolute;
  right: 0;
  left: -56px;
  transform: scale(1.6);
  top: 110px;
}

a.pxp-results-card-1 {
  display: block;
  position: relative;
  overflow: hidden;
  margin-bottom: 0px;
}

.recent-project {
  overflow: hidden;
  border-radius: 20px;
  box-shadow: 0px 7px 13px 2px #00000014;
  border: 2px solid #f3f3f3;
}

.recent-img {
  position: relative;
  overflow: hidden;
  height: 410px;
}

.project-na {
  padding: 20px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.project-na h4 {
  color: #fff;
  font-size: 25px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: normal;
}

.project-na .category {
  color: #fff;
  background-color: #ffffff45;
  border-radius: 5px;
  padding: 4px 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 15px;

}

.filters ul li {
  list-style: none;
  /* display: inline-block; */
  padding: 15px 20px 11px 20px;
  cursor: pointer;
  font-weight: 400;
  color: #000;
  letter-spacing: unset;
  text-transform: uppercase;
  font-size: 25px;
  font-family: var(--font-primary);
  position: relative;
  line-height: 1.1;
  letter-spacing: 1px;
}

.filters-content {
  margin-top: 30px;
}

.custom-padding-1 {
  --bs-gutter-x: 4.5rem;
}

.filters {
  display: flex;
  justify-content: center;
}

.filters-1 {
  display: flex;
  justify-content: center;
}

.filters .active {
  color: #d0d0d0;
}

.filters ul {
  padding-left: 0;
  background-color: #fff;
  border: 2px solid #000;
  border-radius: 60px;
  box-shadow: 3px 4px 0px 1px #000;
  display: flex;
  /* justify-content: center; */
  align-items: center;
  padding: 0 10px;
  justify-content: end;
  position: relative;
}

.filters ul li::after {
  content: '';
  position: absolute;
  top: 24px;
  left: -4px;
  width: 6px;
  height: 6px;
  border-radius: 100px;
  background-color: #000;
}

.filters ul li:nth-child(1):after {
  display: none;
}


.img-carousel {
  text-align: right;
}

.transitionMedia {
  transition: 0.3s all ease-in;
}


.innerContentTop {
  border: 2px solid #000;
  border-radius: 23px;
  padding: 25px 30px;
}

.innerContentTop.transitionMedia img {
  width: 60px;
}


.innerContentTop:hover {
  box-shadow: 8px 7px 0px 1px #000;
}

.headingLogo {
  display: flex;
  justify-content: space-between;
  align-items: start;
}

.mediaHeading {
  line-height: 1.1;
  margin-bottom: 17px;
  font-size: 23px;
  text-align: left;
  letter-spacing: unset;

}

.mediaWrapper p {
  padding-right: 20%;
  line-height: 1.6;
  text-align: left;
  padding-top: 15px;
  padding-bottom: 15px;
}

.date-visit-btn {
  display: flex;
  align-items: center;
  margin-top: 25px;
}

.date-visit-btn .date p {
  font-family: var(--font-secondary);
  font-size: 18px;
  color: #000;
  text-decoration: none;
  transition: 0.3s all ease-in;
  font-weight: 500;
  margin-right: 50px;
  padding: 0;
}

.date-visit-btn .visit-site a {
  font-family: var(--font-secondary);
  font-size: 18px;
  color: #000;
  text-decoration: none;
  transition: 0.3s all ease-in;
  font-weight: 500;
}

.date-visit-btn .visit-site a:hover {
  color: #FDB914;
}

.bottom-2-col {
  display: flex;
}


.left-media {
  border: 2px solid #000;
  border-radius: 43px;
  padding: 25px 30px;
  width: 100%;
  text-align: right;
  margin-right: 20px;
  margin-top: 40px;
}

.right-media {
  border: 2px solid #000;
  border-radius: 43px;
  padding: 25px 30px;
  width: 100%;
  text-align: right;
  margin-left: 20px;
  margin-top: 40px;
}

.left-media .logo img {
  padding-bottom: 30px;
  width: 60px;
}

.right-media .logo img {
  padding-bottom: 30px;
  width: 60px;
}

.left-media:hover,
.right-media:hover {
  box-shadow: 8px 7px 0px 1px #000;
}

.redBoxMedia {
  border-radius: 43px;
  padding: 100px 30px 40px 33px;
  height: 100%;
  background: url('../images/right-media-pattern.png'), #EF3A42;
  position: relative;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode: multiply;
}

.manMedia img {
  position: absolute;
  bottom: -60px;
  right: 27px;
}

.rightTitle {
  color: #fff;
  line-height: 1.1;
  margin-bottom: 10px;
  font-size: 32px;
}

.rightmedia-para {
  line-height: 1.5;
  font-size: 18px;
}

.logo-media img {
  position: absolute;
  right: 50px;
  top: 50px;
}

.custom-margin-btm {
  margin-bottom: 50px;
}

.custom-padding-2 {
  --bs-gutter-x: 2.5rem;
}

.custom-padding-4 {
  padding: 0 0px 0 150px;
}

.c-image-container {
  /* overflow: hidden; */
  display: flex;
}

.c-image-slider {
  display: flex;
  white-space: nowrap;
  animation: slide 80s linear infinite;
}


.c-img {
  display: flex;
  padding: 8px;
  align-items: end;
  justify-content: center;
  /* width: 650px;
  height: 474px; */
  gap: 8px;
}

.c-img img {
  width: 100%;
  /* height: 474px; */
  object-fit: cover;
  display: flex;
  align-items: end;
  justify-content: center;
}

@keyframes slide {
  from {
    transform: translateX(0%);
  }

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

.img-carousel .imageslider {
  text-align: right;
}

.img-carousel .imageslider img {
  width: auto;
}

.img-carousel .item {
  text-align: right;
  display: flex;
  justify-content: center;
}

.testimonialWrapper {
  padding: 50px 0;
}

.bg-img-new {
  background-image: url(../images/testimonal-bg.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

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

.hero__content_Inner p {
  font-size: 22px;
  font-weight: 400;
  line-height: 1.9;
}

.testimonial-Talk {
  position: relative;
}

.footer-top-pattern img {
  width: 100%;
  width: 100%;
  margin-bottom: 4px;
  margin-top: 4px;
}

.testimonial-top-pattern img {
  width: 100%;
  width: 100%;
  margin-bottom: 4px;
  margin-top: 4px;
}

.testimonial-Talk p {
  color: #fff;
  font-size: 26px;
  font-weight: 400;
  line-height: 1.9;
  padding-left: 15%;
  text-align: left;
}

.testimonial-Talk span.red-stripe {
  color: #ffffff;
  font-size: 35px;
  font-weight: 500;
  padding-right: 0;
  line-height: 1.2;
  z-index: 2;
  position: relative;
  background: url(../images/dflighdf.png);
  line-height: 1;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  padding: 12px 25px;
  border-radius: 13px;
  /* border: 2px solid #fdb81742; */
  margin-top: 4px;
  margin-right: 0;
  margin-left: 103px;
}

.logo-review-icon {
  width: 138px;
}

.testimonialSlider .nextArrow,
.testimonialSlider .prevArrow {
  color: #fff;
  font-size: 30px;
  position: absolute;
  bottom: 0;
  z-index: 9;
  width: 55px;
  height: 55px;
  border: 2px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
}

.testimonialSlider .nextArrow {
  right: 0;
}


.testimonialSlider .prevArrow {
  right: 68px;
}


.testimonial-Talk span.red-stripe img {
  position: absolute;
  left: -23px;
  right: 0;
  bottom: -14px;
  z-index: -1;
}

.testimonail-author {
  display: flex;
  margin-top: 70px;
  align-items: center;
  padding-left: 15%;
}


.testi h4 {
  color: #fff;
  margin-bottom: 8px;
  font-size: 26px;
  font-weight: 600;
  line-height: 29px;
  font-family: var(--font-secondary);
  text-align: left;
}

.reviews-position {
  margin-bottom: 0;
  font-size: 20px;
  line-height: 21px;
  color: #fff;
}

.pix-holder {
  align-items: center;
  display: flex;
}

.testi p {

  color: #fff;
  font-size: 14px;
  font-family: var(--font-secondary);
  padding-right: 0;
  line-height: 1.2;
  font-weight: 400;

}

.socialWrap {
  padding-left: 10%;
}


.text-container {
  position: relative;
}

.text span.highlight-text {
  font-size: 80px;
  color: #FFC107;
  font-weight: bold;

  text-transform: uppercase;
  position: relative;
  font-family: var(--font-secondary);
  white-space: nowrap;
  -webkit-text-fill-color: #FFC107;
  -webkit-text-stroke: 0px #ebebeb;
  margin: 0 73px;
}

.text {
  font-size: 80px;
  text-transform: uppercase;
  font-family: var(--font-secondary);
  white-space: nowrap;
  color: black;
  font-weight: bold;

  -webkit-text-fill-color: #ffffff00;
  -webkit-text-stroke: 2px #404040;
  line-height: 0.9;
  margin-bottom: 35px;
}

.text.service-text {
  font-size: 80px;
  text-transform: uppercase;
  font-family: var(--font-secondary);
  white-space: nowrap;
  color: #ffc1075e;
  font-weight: bold;
  -webkit-text-fill-color: #ffc10721;
  -webkit-text-stroke: 2px #ffc10700;
  line-height: 0.9;
  margin-bottom: 70px;
}

.gallery-thumbs {
  padding-right: 100px;
}


/* GENERAL STYLE */

.primary-text-color {
  color: #101828;
}

.secondary-text-color {
  color: #3065fa;
}

.text-gray {
  color: #344054;
}

.text-gray-light {
  color: #667085;
}

.bg-blue {
  background: #3065fa;
}

.bg-purple {
  background: #9a93f4;
}

.bg-skyblue-light {
  background: #bce5f6;
}

.bg-orange-light {
  background: #fcd1a6;
}

.bg-green-light {
  background: #b5e5b8;
}

.opusGreen {
  background-color: #1fa779;
}

.bg-light {
  background: #fefdf6 !important;
}

.spacer-y {
  padding: 7.5rem 0;
}

.spacer-top {
  padding-top: 7.5rem;
}

.spacer-bottom {
  padding-bottom: 7.5rem;
}

.spacer-md {
  padding: 3.75rem 0px;
}

.case-study-listing .casestudy-Bx .case-img img.opus-img {
  height: auto;
  width: 100%;
  bottom: -130px;
  right: 0px;
}

html.lenis {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

img {
  max-width: 100%;
}

/* PANELS */
.panel {
  position: relative;
  z-index: 9;
}

.panel__options {
  display: flex;
  justify-content: center;
  gap: 10px;
  align-items: center;
}

.panel__options span {
  font-size: 14px;
}

.panel__options span:first-child:hover {
  color: #9a93f4;
}

.panel__options span:nth-child(2):hover {
  color: #bce5f6;
}

.panel__options span:nth-child(3):hover {
  color: #fcd1a6;
}

.panel__options span:last-child:hover {
  color: #b5e5b8;
}

.panel__stack {
  --spacer: 20px;
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  align-items: center;
  justify-items: center;
  overflow-y: visible;
}

.panel__stack .panel__card {
  grid-area: 1/1/2/2;
  border-radius: 30px;
  padding: 2.5rem;
  position: absolute;
  height: 35.625rem;
  will-change: transform;
}

.panel__stack .panel__card:first-child {
  top: calc(var(--spacer) * 1);
  z-index: 1;
}

.panel__stack .panel__card:nth-child(2) {
  top: calc(var(--spacer) * 2);
  z-index: 2;
}

.panel__stack .panel__card:nth-child(3) {
  top: calc(var(--spacer) * 3);
  z-index: 3;
}

.panel__stack .panel__card:last-child {
  top: calc(var(--spacer) * 4);
  z-index: 4;
}

.panel__stack .panel__card ul {
  margin: 0;
  padding-right: 30px;
}

.panel__stack .panel__card ul li {
  position: relative;
  margin-bottom: 15px;
  font-size: 1rem;
  padding-left: 27px;
}


.panel__stack .panel__card ul li:last-child {
  margin-bottom: 0;
}

.panel__content {
  width: 100%;
}

.panel__stack .panel__card picture {
  position: relative;
  right: -10px;
}

.panel__image img.img-pane {
  position: absolute;
  right: 0;
  top: 0;

}

.panel__card__img {
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 60px 48px;
  max-width: 450px;
  width: 100%;
  margin-left: auto;
  position: relative;
}

.sticky-notes {
  width: 209px;
  padding: 10px 15px;
  position: absolute;
  background: #fff;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  left: -70px;
  bottom: 30px;
}

.sticky-notes .draw-line {
  position: absolute;
  top: -70px;
  left: -80px;
}

.sticky-notes__items {
  gap: 10px;
}

.sticky-notes__items div {
  padding: 10px 30px;
  border-radius: 8px;
}

.sticky-notes__items div:first-child {
  background-color: #fad1d1;
  color: #d92d20;
}

.sticky-notes__items div:nth-child(2) {
  background-color: #f4fad1;
  color: #f79009;
}

.sticky-notes__items div:last-child {
  background-color: #d1fadf;
  color: #039855;
}

.sticky-card {
  padding: 10px 15px;
  position: absolute;
  background: #fff;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  right: -70px;
  top: 30px;
  max-width: 210px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.sticky-card .checkbox {
  width: 16px;
  height: 16px;
  display: inline-block;
  border: 1px solid #d0d5dd;
  border-radius: 5px;
  vertical-align: middle;
}

.sticky-cards__items {
  gap: 10px;
}

.sticky-card.sticky-card-left {
  bottom: 50px;
  left: -100px;
  top: initial;
}

.panel__card--one .panel__card__img {
  background-color: #a9a3ff;
}

.panel__card--two .panel__card__img {
  background-color: #d1f2ff;
}

.panel__card--three .panel__card__img {
  background-color: #ffc183;
}

.panel__card--four .panel__card__img {
  background-color: #98d89c;
}

.panel__content .section__heading {
  font-size: 60px;
  color: #EF3A42;
  position: relative;
  line-height: 1;
  letter-spacing: unset;
  margin-bottom: 50px;
}

.panel__content .section__heading img {
  position: absolute;
  left: 162px;
  bottom: -12px;
}

.panel__content p.text-gray-span {
  font-size: 20px;
  color: #fff;
  background-color: #000;
  font-weight: 500;
  /* width: 100%; */
  display: inline;
  padding: 8px 15px;
  border-radius: 10px;
}

.panel__content .green-bullets li {
  font-size: 20px;
  font-weight: 500;
}

.panel__content .green-bullets li:not(:last-child) {
  margin-bottom: 15px;
}

.green-bullets {
  margin-top: 30px;
}

.cardStacking {
  overflow: hidden;
  padding: 0px 0 0px 0;
}

.cardStacking__cards {
  grid-row-gap: 2em;
  flex-flow: column;
  display: flex;
}

.owl-carousel .owl-item .mobile-tab-show {
  display: none;
}

.cardStacking .stackCard {
  border-radius: 30px;
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 60px 35px;
  transform-origin: 50% -160%;
  border: 3px solid #EF3A42;
  background-color: #fff;
  height: 550px;
}

.spacer {
  height: 61px;
}

.blog-content h3 {
  margin-bottom: 20px;
}

.spacer-1 {
  height: 120px;
}

.spacer-2 {
  height: 150px;
}

.our-service {
  background-image: url(../images/blur-bg.jpg);
  background-position: center;
  background-size: cover;
  padding: 120px 0;
}




.footerForm {
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  padding: 80px 0 0px 0;
  background-color: #fff;
}


.footer-padding-3 {
  padding-top: 25px;
  border-top: 2px solid #000;
  padding-bottom: 25px;
  margin-top: 55px;
}

.footer_map img {
  margin-top: -70px;
  width: 100%;
  object-fit: none;
}

.testi-item {
  padding: 0 50px;
}

.footer_map {
  border-bottom: 1px dashed #ddd;
}

.border-wrap {
  padding: 1rem;
  position: relative;
  /* background: linear-gradient(to top, #ffffff00 0%, #99999966 100%); */
  padding: 0px 0px 0px 0px;
  border-radius: 20px;
  z-index: 2;
  border: 0px solid #454545a8;
  /* overflow: hidden; */
  /* box-shadow: -5px -5px 20px #212121, 5px 5px 20px #141414; */
  max-width: 582px;
  margin: 0 auto 0 auto;
  margin-left: 96px;
}

.formTit {
  background: rgb(239, 168, 0);
  background: rgb(239, 168, 0);
  background: url(../images/dflighdf.png);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: capitalize;
  margin-bottom: 35px;
}

.contact__wrapper {
  position: relative;
  z-index: 2;
  padding: 168px 30px 50px 30px;

  /* border: 5px solid #ffffff94; */
  border-bottom: 0;
  background: #272727;
  /* backdrop-filter: blur(2px); */
  -webkit-backdrop-filter: blur(1px);
  border-radius: 20px;
}

.contact__wrapper .form-name {
  font-size: 25px;
  background: rgb(253, 185, 20);
  background: linear-gradient(130deg, rgba(253, 185, 20, 1) 0%, rgba(255, 218, 127, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 500;
  margin-bottom: 16px;
}

.contact__form label {
  color: #fff;
}

.contact__form input,
.contact__form textarea {
  border: 0;
  border-bottom: 1px solid #3e3e3e;
  font-size: 16px;
  padding: 17px 0px;
  color: #fff;
  width: 100%;
  background: transparent;
  box-shadow: 0px 20px 20px 20px #00000000;
}

::placeholder {
  color: #fff;
}


.contact__form .submit-site-btn {
  padding: 16px 30px;
  border-radius: 50px;
  font-size: 16px;
  background-color: transparent;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 5px;
  transition: 0.3s all ease;
  border: 2px solid var(--color-1);
  line-height: 1.5;
  margin-top: 50px;
  display: flex;
  align-items: center;
  justify-content: start;
  margin: 77px 0 0;
  margin-left: -46px;
}

.contact__form .submit-site-btn img {
  padding-left: 20px;
}

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

.absolute-footer {
  background-color: #000;
  padding: 30px 0;
}

.copyright {
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  color: #222;
}

.footer-logo a img {
  width: 180px;
}

.social-links ul {
  list-style: none;
  position: relative;
  display: grid;
  padding-left: 0;
  margin-bottom: 0;
  grid-template-columns: 1fr 1fr 1fr;

}

.social-links ul::before {
  content: '';
  /* background-image: url(../images/grad-line.png); */
  border-image: linear-gradient(87deg, rgb(255 255 255 / 71%) 0%, rgb(207 207 207 / 29%) 25%, #bfbfbf40 50%, #bfbfbf4a 75%, rgb(255 255 255 / 0%) 100%) 1;
  border-width: 1px;
  border-style: solid;
  position: absolute;
  right: 0;
  left: -36px;
  width: 300px;
  top: 22px;
  bottom: 0;
  opacity: 1;
  border-left: 0;
  height: 1px;
  border-right: 0;
}

.social-links ul::after {
  content: '';
  /* background-image: url(../images/grad-line.png); */
  border-image: linear-gradient(87deg, rgb(255 255 255 / 71%) 0%, rgb(207 207 207 / 29%) 25%, #bfbfbf40 50%, #bfbfbf4a 75%, rgb(255 255 255 / 0%) 100%) 1;
  border-width: 1px;
  border-style: solid;
  position: absolute;
  right: 0;
  left: -36px;
  width: 300px;
  /* top: 0; */
  bottom: -21px;
  opacity: 1;
  height: 1px;
  z-index: 9;
}

.social-links ul li:nth-child(1):before {
  content: '';
  /* background-image: url(../images/grad-line.png); */
  border-image: linear-gradient(87deg, rgb(255 255 255 / 71%) 0%, rgb(207 207 207 / 29%) 25%, #bfbfbf40 50%, #bfbfbf4a 75%, rgb(255 255 255 / 0%) 100%) 1;
  border-width: 1px;
  border-style: solid;
  position: absolute;
  right: 0;
  /* left: 0; */
  /* width: 1px; */
  height: 140px;
  top: -8px;
  bottom: 0;
  opacity: 0.8;
}

.social-links ul li:nth-child(2):before {
  content: '';
  /* background-image: url(../images/grad-line.png); */
  border-image: linear-gradient(87deg, rgb(255 255 255 / 71%) 0%, rgb(207 207 207 / 29%) 25%, #bfbfbf40 50%, #bfbfbf4a 75%, rgb(255 255 255 / 0%) 100%) 1;
  border-width: 1px;
  border-style: solid;
  position: absolute;
  right: 0;
  /* left: 0; */
  /* width: 1px; */
  height: 140px;
  top: -8px;
  bottom: 0;
  opacity: 0.8;
}

.social-links ul li:nth-child(3):before {
  content: '';
  /* background-image: url(../images/grad-line.png); */
  border-image: linear-gradient(87deg, rgb(255 255 255 / 71%) 0%, rgb(207 207 207 / 29%) 25%, #bfbfbf40 50%, #bfbfbf4a 75%, rgb(255 255 255 / 0%) 100%) 1;
  border-width: 1px;
  border-style: solid;
  position: absolute;
  right: 0;
  /* left: 0; */
  display: none;
  /* width: 1px; */
  height: 140px;
  top: -8px;
  bottom: 0;
  opacity: 0.8;
}

.social-links ul li:nth-child(4):before {
  content: '';
  /* background-image: url(../images/grad-line.png); */
  border-image: linear-gradient(87deg, rgb(255 255 255 / 71%) 0%, rgb(207 207 207 / 29%) 25%, #bfbfbf40 50%, #bfbfbf4a 75%, rgb(255 255 255 / 0%) 100%) 1;
  border-width: 1px;
  border-style: solid;
  position: absolute;
  right: 0;
  /* left: 0; */
  /* width: 1px; */
  height: 140px;
  top: -8px;
  bottom: 0;
  opacity: 0.8;
}

.social-links ul li:nth-child(4):after {
  content: '';
  /* background-image: url(../images/grad-line.png); */
  border-image: linear-gradient(87deg, rgb(255 255 255 / 71%) 0%, rgb(207 207 207 / 29%) 25%, #bfbfbf40 50%, #bfbfbf4a 75%, rgb(255 255 255 / 0%) 100%) 1;
  border-width: 1px;
  border-style: solid;
  position: absolute;
  right: 0;
  left: -36px;
  width: 300px;
  top: 22px;
  bottom: 0;
  opacity: 1;
  border-left: 0;
  height: 1px;
  border-right: 0;
}

.social-links ul li:nth-child(5):before {
  content: '';
  /* background-image: url(../images/grad-line.png); */
  border-image: linear-gradient(87deg, rgb(255 255 255 / 71%) 0%, rgb(207 207 207 / 29%) 25%, #bfbfbf40 50%, #bfbfbf4a 75%, rgb(255 255 255 / 0%) 100%) 1;
  border-width: 1px;
  border-style: solid;
  position: absolute;
  right: 0;
  left: 148px;
  width: 1px;
  height: 177px;
  top: 29px;
  bottom: 0;
  opacity: 0.8;
}

.social-links ul li:nth-child(1),
.social-links ul li:nth-child(2),
.social-links ul li:nth-child(3),
.social-links ul li:nth-child(4) {
  position: relative;
}

.footer__menu ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  justify-content: end;
  flex-wrap: wrap;
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.footer__menu ul li:not(:last-child) {
  margin-right: 55px;
}

.footer__menu ul li a {
  text-decoration: none;
  color: #222;
  font-size: 16px;
  font-weight: 400;
  font-family: var(--font-secondary);
  text-transform: capitalize;
}

.social-links a:not(:last-child) {
  margin-right: 0px;

}

.addWrap {
  padding-left: 30%;
}

.addWrap-1 {
  padding-left: 21%;
}

.addWrap-2 {
  padding-left: 13%;
}

.addWrap-3 {
  padding-left: 13%;
}

.addWrap-1 h4.footerTitle {
  font-size: 16px;
}

.addWrap-2 h4.footerTitle {
  font-size: 16px;
}

.addWrap-3 h4.footerTitle {
  font-size: 16px;
}

.footerTitle {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
}

.socialWrap .footerTitle {
  margin-bottom: 30px;
  font-size: 18px;
  line-height: 1.2;
  text-transform: uppercase;
  padding-left: 23px;
}

.footer_menu-1 li {
  line-height: 1;
  margin-top: 1.575rem;
}


.emailWrap {
  margin-top: 45px;
}


.footerForm a {
  text-decoration: none;
  color: #222;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  transition: 0.2s all ease;
}

.phoneWrap li a {
  text-transform: lowercase;
  font-size: 16px;
  font-weight: 400;
}

.footerForm a:hover {
  color: var(--color-1);
  padding-left: 5px;
}

.social-links a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 75px;
  height: 0;
  border-radius: 0;
  font-size: 30px;
  text-align: center;
  line-height: 41px;
  color: #222;
  text-decoration: none;
  padding: 34px 0;
  font-weight: 400;
}



.social-links a i.flaticon-my-business {
  padding-top: 5px;
  font-size: 32px;
  z-index: 1;
}

.social-links a i.ri-instagram-line {
  font-size: 35px;
}

.imag-bg {
  position: absolute;
  top: 0;
  left: 50%;
  right: 50%;
  z-index: 1;
  transform: translate(-50%, -17%);
}

.topText {
  position: relative;
  z-index: 2;
  text-align: center;
}

.text-container {
  position: relative;
}

.text-1 span.highlight-text-1 {
  font-size: 48px;
  color: #000;
  font-weight: bold;

  text-transform: uppercase;
  position: relative;
  font-family: var(--font-secondary);
  white-space: nowrap;
  -webkit-text-fill-color: #000;
  -webkit-text-stroke: 0px #000;
  margin: 0 73px;
}

.text-1 span.highlight-text-1.texture-text {
  background: url(../images/REC.png);
  background-size: cover;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  font-size: 150px;
  /* color: #000; */
  text-transform: uppercase;
  position: relative;
  font-family: var(--font-primary);
  white-space: nowrap;
  font-weight: 400;

  margin: 0 73px;
}

.section.bogusWrapper .text-1 {
  font-size: 150px;
  text-transform: uppercase;
  font-family: var(--font-primary);
  white-space: nowrap;
  color: black;
  -webkit-text-fill-color: #eeeeeeab;
  /* -webkit-text-stroke: 2px #ebebeb; */
  line-height: 0.9;
  font-weight: 400;
  margin-bottom: 50px;
}

.text-1 {
  font-size: 80px;
  text-transform: uppercase;
  font-family: var(--font-secondary);
  white-space: nowrap;
  color: black;
  -webkit-text-fill-color: #eeeeeeab;
  /* -webkit-text-stroke: 2px #ebebeb; */
  line-height: 0.9;
  font-weight: bold;
  margin-bottom: 50px;
}

.case-details-body h2 {
  text-align: left;
}

.section.teamSection .text-1 {
  font-size: 80px;
  color: #000;
  font-weight: bold;
  text-transform: uppercase;
  font-family: var(--font-secondary);
  white-space: nowrap;
  color: black;
  -webkit-text-fill-color: #eeeeeeab;
  /* -webkit-text-stroke: 2px #ebebeb; */
  line-height: 0.9;
  margin-bottom: 50px;
}

.connecting-red {
  width: 40px;
  height: 40px;
  background-color: #000000;
  border-radius: 100px;
  position: absolute;
  top: 360px;
  left: 70px;
  padding: 0;
}

.connecting-green {
  width: 10px;
  height: 10px;
  background-color: #40BEAD;
  border-radius: 90px;
  position: absolute;
  top: 390px;
  left: 320px;
  padding: 0;
}

.connecting-blue-2 {
  width: 12px;
  height: 12px;
  background-color: #2395D2;
  border-radius: 100px;
  position: absolute;
  top: 237px;
  left: 601px;
  padding: 0;
}

.connecting-blue-3 {
  width: 10px;
  height: 10px;
  background-color: #ef3a42;
  border-radius: 100px;
  position: absolute;
  top: 390px;
  left: 79%;
  padding: 0;
}

.fade-effect {
  position: absolute;
  top: 36px;
  left: 64px;
  transform: translateX(-50%);
  width: 240px;
  height: 87%;
  background: rgb(255, 255, 255);
  background: linear-gradient(93deg, rgba(255, 255, 255, 1) 0%, rgb(255 255 255) 50%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
  z-index: 1;
}

.connecting-blue-4 {
  width: 15px;
  height: 15px;
  background-color: #FDB914;
  border-radius: 100px;
  position: absolute;
  top: 400px;
  left: 59%;
  padding: 0;
}

.blur-overlay {
  position: absolute;
  /* Overlay over the target area */
  top: 0;
  /* Adjust to match the target area's position */
  left: 50%;
  /* Adjust to match the target area's position */
  transform: translateX(-50%);
  width: 200px;
  /* Adjust to match the target area's width */
  height: 100%;
  /* Full height for vertical blur */
  pointer-events: none;
  /* Allows clicks to pass through */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
  z-index: 10;
  /* Ensure it stays on top */
}

.connecting-blue {
  width: 25px;
  height: 25px;
  background-color: #2395D2;
  border-radius: 100px;
  position: absolute;
  top: 390px;
  right: 1300px;
}

.connecting-blue-small {
  width: 13px;
  height: 13px;
  background-color: #000000;
  border-radius: 100px;
  position: absolute;
  top: 396px;
  right: 1085px;
  padding: 0;
}

.connecting-red {
  width: 10px;
  height: 10px;
  background-color: #ef3a42;
  border-radius: 100px;
  position: absolute;
  top: 317px;
  left: 0px;
  padding: 0;
}

.connecting-yellow {
  width: 30px;
  height: 30px;
  background-color: #FDB914;
  border-radius: 100px;
  position: absolute;
  top: 387px;
  left: 49%;
  padding: 0;
}


/* ++++++++++++++++++++++++++++++ Brand Identity Page Styling +++++++++++++++++++++++++++++++++ */


.bg-pattern-brand {
  background-image: url(../images/brand-pattern.png);
  background-size: cover;
  width: 100%;
  padding-bottom: 90px;
  background-position: center;
  background-repeat: no-repeat;
}

.bg-pattern-abt {
  background-image: linear-gradient(3deg, rgb(255 255 255) 0%, rgb(255 255 255 / 0%) 50%, rgb(255 255 255 / 0%) 100%), url(../images/brand-pattern.png);
  background-size: cover;
  width: 100%;
  padding-bottom: 60px;
  background-position: center;
  background-repeat: no-repeat;
}

h2.wear-red {
  font-size: 200px;
  line-height: 1;
  text-transform: uppercase;
  font-family: var(--font-secondary);
  background: rgb(255, 69, 77);
  background: linear-gradient(100deg, rgba(255, 69, 77, 1) 0%, rgba(255, 0, 10, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0px 0;
  position: relative;
  margin-top: -7px;
}

img.bottom-icon {
  margin-top: -13px;
}

.img-block img {
  margin-top: -270px;
}


.scroller {
  text-align: center;
}


.black-ribbon-1 {
  background: url(../images/brand-stripe.png);
  background-position: center;
  background-size: cover;
  /* position: absolute; */
  width: 103%;
  bottom: 175px;
  overflow: hidden;
  /* transform: rotate(357deg); */
  left: -21px;
  height: 80px;
  right: 0;
}


.c-text-container-1 {
  overflow: hidden;
  display: flex;
  padding: 15px 0;
  position: absolute;
  bottom: 2px;

}

.c-text-slider-1 {
  display: flex;
  white-space: nowrap;
  animation: slide 80s linear infinite;
}

.c-text-1 {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  box-shadow: 0px 0px 0px 0px rgba(226, 215, 255, 0.40);
  margin: 0 18px;
}

.c-text-1 a {
  text-decoration: none;
}




.c-text-1 a p {
  text-decoration: none;
  color: #000;
  font-family: var(--font-secondary);
  font-size: 23px;
  font-weight: 500;
  margin-bottom: 0;
  line-height: 1.3;
  text-transform: uppercase;
  margin-top: 0;
}

.c-text-1 img {
  max-width: 82px;
  width: 25px;
}


.client-logo-1 {
  padding: 120px 0 50px 0;
}

.accordion-body ul {
  padding: 0px 0px;
}

.accordion-body ul li {
  line-height: 1.5;
  padding: 0;
  margin-bottom: 11px;
  color: #222;
  font-size: 16px;
  padding: 0px 20px;
}

.accordion-body ul.jobDescList {
  list-style: inside;
}

.accordion-button:focus {
  z-index: 3;
  border-color: #86b6fe00;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 109, 253, 0);
}

.accordion-body p:not(:last-child) {
  margin-bottom: 10px;
}



.strategy-dev {
  padding: 0px 0;
}

.strategy-dev p {
  padding-right: 15%;
  margin-bottom: 0;
  line-height: 38px;
}

.strategy-dev p:not(:last-child) {
  margin-bottom: 23px;
}

.workWrapper .text-1 {
  margin-bottom: 0;
}


.start-img {
  position: unset;
  /* left: -80px; */
  border-radius: 0;
  /* top: 0; */
  /* bottom: 0; */
  /* height: auto; */
  width: 100%;
  height: 100%;
  border-radius: 20px;
}

.find-top {
  margin-top: 20px;
}

.strat-dev .left-img {
  padding-right: 7%;
}

.bordered {
  border: 2px solid #000;
}


.submit-site-btn img {
  padding-left: 2px;
  width: 52px;
  height: 32px;
}

.bgcolor-none {
  background-color: transparent;
}


.our-work-1 .owl-stage-outer {
  display: inline-block;
  margin-left: -80px;
}

.workWrapper .our-work-1 {
  position: relative;
}

.workWrapper .our-work-1 .owl-nav .prev_btn,
.workWrapper .our-work-1 .owl-nav .next_btn {
  position: absolute;
}

.workWrapper .our-work-1 .owl-nav .next_btn {
  right: 124px;
  top: 47%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #000;
  box-shadow: 1px 1px 0px 1px #000;
}

.workWrapper .our-work-1 .owl-nav .prev_btn {
  left: 0px;
  top: 47%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #000;
  box-shadow: 1px 1px 0px 1px #000;
}

.workWrapper .our-work-1 .owl-nav .prev_btn img {
  width: 20px;
  margin-right: 4px;
}

.workWrapper .our-work-1 .owl-nav .next_btn img {
  width: 20px;
  margin-left: 4px;
}

.our-work-1 .work-img img {
  border-radius: 0px;
  width: auto;
}

/* .blue-border {

  border: 6px solid #2785C1;
} */


.our-work-1 .owl-stage-outer .owl-item {
  transform: scale(0.89);
}

.our-work-1 .owl-stage-outer .owl-item.active.center {
  transform: scale(1);
}

.our-work-1 .owl-prev.owl-prev.disabled {
  transition: 0.2s all ease-in;
  opacity: 0;
  visibility: hidden;
}

.our-work-1 .owl-next.disabled {
  transition: 0.2s all ease-in;
  opacity: 0;
  visibility: hidden;
}

.strat-dev {
  padding: 0px 0 100px 0;
}


.float-14 {
  font-family: var(--font-secondary);
  line-height: 1;
  background-color: #fff;
  color: #000;
  padding: 9px 30px 5px 30px;
  text-transform: uppercase;
  border-radius: 50px;
  border: 2px solid #000;
  width: auto;
  /* display: inline-block; */
  position: absolute;
  right: 35%;
  /* right: 0; */
  top: 26px;
  height: auto;
}

.float-15 {
  font-family: var(--font-secondary);
  line-height: 1;
  background-color: #fff;
  color: #000;
  padding: 9px 30px 5px 30px;
  text-transform: uppercase;
  border-radius: 50px;
  border: 2px solid #000;
  width: auto;
  /* display: inline-block; */
  position: absolute;
  right: 384px;
  /* right: 0; */
  bottom: 75px;
  height: auto;
}

.float-16 {
  font-family: var(--font-secondary);
  line-height: 1;
  background-color: #fff;
  color: #000;
  padding: 9px 30px 5px 30px;
  text-transform: uppercase;
  border-radius: 50px;
  border: 2px solid #000;
  width: auto;
  /* display: inline-block; */
  position: absolute;
  left: 637px;
  /* right: 0; */
  top: 25px;
  height: auto;
}

.float-17 {
  font-family: var(--font-secondary);
  line-height: 1;
  background-color: #fff;
  color: #000;
  padding: 9px 30px 5px 30px;
  text-transform: uppercase;
  border-radius: 50px;
  border: 2px solid #000;
  width: auto;
  /* display: inline-block; */
  position: absolute;
  left: 406px;
  /* right: 0; */
  bottom: 75px;
  height: auto;
  z-index: 1;
}

.accordion.custom-accord {
  border: 0;
}

.custom-accord h2 button {
  font-size: 22px;
  color: #222;
  padding: 25px 20px 25px 20px;
  font-weight: 600;
  line-height: 1.2;
  transition: 0.3s all ease;
  background-color: #fafafa;
}

.custom-accord .accordion-item {
  background-color: #fff;
  border: 0px solid rgba(0, 0, 0, .125);
  border-bottom: 0px solid #e5e5e5;
}

.faq-number {
  background-color: #000;
  min-width: 30px;
  max-height: 30px;
  width: 30px;
  height: 30px;
  border-radius: 50px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 30px;
  font-size: 15px;
}



.custom-accord .accordion-button:not(.collapsed) {
  color: #222;
  background-color: transparent;
  box-shadow: inset 0 0px 0 rgba(0, 0, 0, 0);
  transition: 0.3s all ease;
  border-bottom: 2px dashed #e0e0e0;
}

.custom-accord .accordion-body {
  padding: 15px 33px 20px 0px;
}

.custom-accord .accordion-body p {
  line-height: 32px;
  color: #222;
  font-size: 16px;
  padding: 0px 20px;
}

.custom-accord .accordion-body h5 {
  padding: 0px 20px;
  margin-bottom: 15px;
  margin-top: 20px;
}

.custom-accord .accordion-body a {
  margin: 10px 20px 20px 20px;
  font-weight: 600;
  transition: 0.3s all ease;
}

.custom-accord .accordion-body a:hover {
  background-color: #FDB914;
  color: #000;
}



.custom-accord .accordion-button::after {
  flex-shrink: 0;
  width: 1.8rem;
  height: 1.8rem;
  margin-left: auto;
  content: "";
  background-image: url(../images/plus.svg);
  background-repeat: no-repeat;
  background-size: 1.5em;
  transition: transform .2s ease-in-out;
  background-position: center;
  border-radius: 50px;
  /* border: 2px solid #fff; */
}

.custom-accord .accordion-button:not(.collapsed)::after {
  background-image: url(../images/minus.svg);
  transform: rotate(-180deg);
  background-size: .9em;
}


.our-process .owl-stage-outer {
  display: inline-block;
  /* margin-left: -557px; */
}

.innerWrapper {
  padding: 50px 35px 50px 35px;
  border-radius: 30px;
  border: 2px solid #e0e0e0;
}

.innerWrapper .content {}

.innerWrapper .process-img img {
  width: 100%;
}

.processWrapper {
  position: relative;
  background-color: #fff;
}

.innerWrapper .content h3 {
  font-size: 34px;
  margin-bottom: 13px;
  margin-top: 24px;
  line-height: 1;
}

.processWrapper .content p {
  line-height: 32px;
  padding-right: 50px;
}

.connectdotup {
  position: absolute;
  background-color: #000;
  width: 15px;
  height: 15px;
  border-radius: 20px;
  right: 25px;
  top: 30px;
}

.connectdotdown {
  position: absolute;
  background-color: #000;
  width: 15px;
  height: 15px;
  border-radius: 20px;
  right: 25px;
  bottom: 30px;
}

.connectdotleftdown {
  position: absolute;
  background-color: #000;
  width: 15px;
  height: 15px;
  border-radius: 20px;
  left: 25px;
  bottom: 30px;
}

.connectdotleftup {
  position: absolute;
  background-color: #000;
  width: 15px;
  height: 15px;
  border-radius: 20px;
  left: 25px;
  top: 30px;
}


.our-process .owl-stage {
  position: relative;
}

.our-process .owl-stage::before {
  content: '';
  width: 95%;
  border-bottom: 2px dashed #c0c0c0;
  top: 39px;
  bottom: 0;
  position: absolute;
  height: 2px;
}

.our-process .owl-stage::after {
  content: '';
  width: 95%;
  border-bottom: 2px dashed #c0c0c0;
  /* bottom: -644px; */
  position: absolute;
  height: 2px;
  top: 519px;
  z-index: -1;
  visibility: visible;
  bottom: 0;
}

.case-study-overview {
  padding-bottom: 3%;
  padding-top: 9%;
}

.case-study-btn {
  border: 2px solid #000;
  background-color: #222;
  padding: 15px 20px 15px 20px;
  color: #fff;
  border-radius: 50px;
  font-size: 22px;
  letter-spacing: 5px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  width: 100%;
  display: inline-block;
}

.case-study-btn:hover {
  color: #fff;
}

.case-study-btn-1 {
  border: 2px solid #0000000a;
  padding: 15px 20px 15px 20px;
  text-transform: uppercase;
  font-size: 22px;
  letter-spacing: 5px;
  font-weight: 500;
  border-radius: 50px;
  text-align: center;
  text-decoration: none;
  width: 100%;
  display: inline-block;
  background-color: #f9f9f9;
}

.case-study-listing {
  /* background-color: #F6F6F6; */
  padding: 0px 0 90px 0;
}

.casestudy-Bx.blog-Bx .case-img img {
  height: 253px;
  width: 100%;
}

.case-content {
  position: relative;
  padding: 0px;
}

.case-study-listing .case-content {
  position: relative;
  padding: 20px 20px 25px 20px;
}

.casestudy-Bx.blog-Bx .case-content {
  position: relative;
  padding: 0px 20px 0px 20px;
  height: auto;
}

.casestudy-Bx .case-img img {
  border-radius: 15px;
  height: 277px;
  width: 100%;
  object-fit: cover;
}


.daily-creative .casestudy-Bx .case-img img {
  border-radius: 15px;
  height: auto;
  width: 100%;
  object-fit: cover;
}

.case-study-listing.daily-creative .case-content {
  height: auto;
}

.case-study-listing.daily-creative .case-content {
  position: relative;
  padding: 0px 20px 0px 20px;
}

.case-study-listing.daily-creative .casestudy-Bx .case-content a {
  font-family: var(--font-secondary);
  font-size: 18px;
  margin-bottom: 16px;
  text-decoration: none;
  transition: 0.3s all ease-in;
  color: #000;
  margin-top: 15px;
  font-weight: 600;
  display: inline-block;
  margin-top: 10px;
  cursor: unset;
}

.casestudy-Bx .case-content h3 a {
  font-family: var(--font-secondary);
  font-size: 28px;
  margin-bottom: 16px;
  text-decoration: none;
  transition: 0.2s all ease-in;
  color: #000;
  margin-top: 15px;
  font-weight: 600;
  display: inline-block;
  margin-top: 25px;
}

.casestudy-Bx .case-content a {
  font-family: var(--font-secondary);
  font-size: 16px;
  margin-bottom: 0;
  text-decoration: none;
  transition: 0.3s all ease-in;
  color: #000;
  margin-top: 15px;
  font-weight: 500;
  display: inline-block;
  margin-top: 10px;
}

.you-might-also-like .casestudy-Bx .case-content h3 a {
  margin-top: 25px;
}

.blog-grid .casestudy-Bx .case-content h3 a {
  margin-top: 22px;
}

.blog-grid .casestudy-Bx .case-content a {
  margin-top: 10px;
}

.case-study-listing .casestudy-Bx .case-content a {
  font-family: var(--font-secondary);
  font-size: 23px;
  margin-bottom: 8px;
  text-decoration: none;
  transition: 0.3s all ease-in;
  color: #000;
  margin-top: 15px;
  font-weight: 600;
  display: block;
  margin-top: 0px;
}

.casestudy-Bx .case-content a:hover {
  color: #FDB914;
}

.casestudy-Bx .case-content p {
  font-family: var(--font-secondary);
  font-size: 18px;
  color: #000;
  padding-right: 150px;
  line-height: 28px;
}

.daily-creative .casestudy-Bx .case-content p {
  padding-right: 0px;
}

.logo-btm img {
  position: absolute;
  right: 0;
  width: 50px;
  bottom: 0;
}

.custom-padding-case {
  --bs-gutter-x: 2.1rem;
  --bs-gutter-y: 4rem;
}

.custom-padding-case-1 {
  --bs-gutter-x: 3rem;
  --bs-gutter-y: 3rem;
}

.custom-padding-blog {
  --bs-gutter-x: 7.1rem;
  --bs-gutter-y: 4rem;
}


.blog-listing {
  /* background-color: #F6F6F6; */
  padding: 69px 0 80px 0;
}

.casestudy-Bx .case-content a.hover-underline-animation {
  color: #222;
  display: inline-block;
  position: relative;
  height: 48px;
  line-height: 48px;
  transition: all 0.2s ease;
  padding: 0 26px;
  z-index: 1;
}


.casestudy-Bx .case-content a.hover-underline-animation::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  border-radius: 28px;
  background: #FDB914;
  opacity: 0.5;
  width: 48px;
  height: 48px;
  transition: all 0.3s ease;
  z-index: -1;
}

.casestudy-Bx .case-content a.hover-underline-animation:hover::before {
  width: 100%;
  background: #FDB914;
  opacity: 1;
}

.casestudy-Bx .case-content a.hover-underline-animation:hover i {
  transform: translateX(0);
}

.casestudy-Bx .case-content a.hover-underline-animation i {
  position: relative;
  margin-left: 8px;
  font-weight: 500;
  transform: translateX(-5px);
  transition: all 0.3s ease;
  display: inline-block;
  font-size: 20px;
}


/* .blog-listing .filters-content {
  margin-top: 0;
} */

.blogListing .filters-1 {
  display: flex;
  justify-content: start;
}

.section.blogListing {
  padding: 9% 0 0% 0;
}

.section.ctaSection.blgCta .soloBtn {
  /* margin: 0 auto; */
  margin-left: auto;
}

.section.ctaSection.blgCta .soloBtn .btn {
  margin-top: 0;
}

.section.ctaSection.blgCta .talk-pat {
  position: absolute;
  top: -261px;
  left: 0%;
  right: 0;
  margin: 0 auto;
  width: 100%;
}

.section.blogInnerDetails {
  padding-top: 150px;
}

.blog-inner-banner img {
  border-radius: 30px;
  width: 100%;
  position: relative;
  object-fit: cover;
}


.blog-inner-banner img {
  overflow: hidden;
}

.blog-inner-banner {
  position: relative;
  overflow: hidden;
}

.blog-inner-banner .overlap-title {
  padding: 45px 51px;
  position: absolute;
  bottom: 0;
  width: 100%;
}



.blog-inner-banner .overlap-title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(2, 0, 36);
  background: linear-gradient(0deg, rgb(0 0 0) 0%, rgba(1, 0, 18, 0.7063200280112045) 49%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 0px 0px 30px 30px;
}

.blog-inner-banner .overlap-title h1 {
  color: #fff;
  z-index: 2;
  position: relative;
}

/* .blog-content {
  padding: 100px 0;
} */
.blog-content h2 {
  line-height: 1.4;
  margin-top: 60px;
}

.blog-content h2 img {
  margin-right: 15px;
}

.ctsom-blog-pad {
  padding: 60px 0 0 0;
}

img.gmb {
  width: 22px;
}

.blog-content h3 img {

  margin-right: 25px;
}

.blog-content p {

  line-height: 40px;
  margin-bottom: 0;
}

.blog-content p.author-name {
  line-height: 1.1;
  margin-left: 20px;
  font-weight: 500;
  margin-bottom: 0;
  font-size: 18px;
}

.blog-content p {
  margin-bottom: 35px;
}

.blog-content>p:last-child {
  margin-bottom: 0;
}

.author_date {
  margin: 0px 0 20px 0;
}

.author_date .author-bx {
  display: flex;
  align-items: center;
}

.author_date .author-bx .datebx {
  margin-left: 25px;
}

.author_date .author-bx .datebx p.date {
  font-weight: 400;
  line-height: 1.1;
  margin-bottom: 0;
  font-size: 18px;
}

.section.you-might-also-like h2 {
  margin-bottom: 48px;
}

.author_date .author-bx .author {
  display: flex;
  align-items: center;
}

.author_date .author-bx .author-img {
  width: 60px;
  height: 60px;
}



.blog-content h4.bgText {
  color: var(--color-1);
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 500;
  font-family: var(--font-secondary);
  line-height: 1;
  border-radius: 10px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #000;
  display: inline-block;
  padding-top: 11px;
  margin-bottom: 50px;
  padding-bottom: 11px;
}

.blog-content h3 {
  font-size: 30px;
  margin-bottom: 15px;
  line-height: 1.3;
  font-weight: 600;
}

.blog--middle-img {
  margin-bottom: 80px;
  text-align: left;
}

.list-content {
  padding-left: 21px;
}

.list-content li {
  margin-bottom: 14px;
}

.list-content li:last-child {
  margin-bottom: 0px;
}

.quote {
  padding: 30px 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  display: flex;
  align-items: center;
  margin-top: 70px;
}

.quote .quote-img {
  min-width: 139px;
  height: 145px;
}

.quote .quote-img img {
  width: 139px;
  height: 145px;
}

.quote .quote-text .founder-title {
  font-size: 29px;
  line-height: 1;
  margin-bottom: 8px;
}

.quote .quote-text {
  margin-left: 30px;
}

.quote .quote-text .bio {
  font-size: 16px;
  line-height: 31px;
  margin-bottom: 0;
  padding-right: 40px;
}

.quote .quote-text .desg {
  font-size: 18px;
  line-height: 1;
  margin-bottom: 15px;
  padding-right: 140px;
}

.case-study-details-sec {
  padding: 150px 0 0 0;
}

.case-study-details .case-title {
  font-size: 50px;
  line-height: 1.3;
  margin-bottom: 35px;

}

.case-study-details .case-title .case-tex {
  font-size: 50px;
  line-height: 1.3;
  margin-bottom: 35px;
  font-weight: bold;
  background: rgb(239, 168, 0);
  background: url(../images/dflighdf.png);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.client_field {
  display: flex;
  align-items: center;
}

.casestudy-Bx a img {
  width: 100%;
}

.client {
  background-color: #fff;
  border-radius: 100px;
  border: 2px solid #d7d7d7;
  padding: 15px 25px 15px 25px;
  display: inline-block;
  width: auto;
  font-weight: 500;
}

.client span {
  color: #000000;
  font-weight: 600;
  font-size: 18px;
  font-family: var(--font-secondary);
  line-height: 1;
}

.client p {
  color: #000;
  font-size: 18px;

  font-family: var(--font-secondary);
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
}

.field {
  background-color: #fff;
  border-radius: 100px;
  border: 2px solid #d7d7d7;
  padding: 15px 25px 15px 25px;
  display: inline-block;
  width: auto;
  margin-left: 20px;
}

.field span {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  font-family: var(--font-secondary);
  line-height: 1;
}

.field p {
  color: #000;
  font-size: 18px;

  font-family: var(--font-secondary);
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
}


.workTypeWrapper {
  border-radius: 30px;
  background-color: #fff;
  border: 2px solid #000;
  padding: 30px 22px 20px 22px;
  box-shadow: 3px 4px 0px 1px #000;
  margin-left: 150px;
}

.workTypeWrapper .work-title {
  font-size: 30px;
  color: #000;
  line-height: 1.2;
  margin-bottom: 15px;
}

.list-unstyled.work-list li {
  font-size: 18px;
  font-family: var(--font-secondary);
  font-weight: 500;
  margin-bottom: 0;
  display: flex;
  padding: 13px 0px;
}

.work-list li:last-child {
  margin-bottom: 0;
}

.list-unstyled.work-list {
  column-count: 2;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.list-unstyled.work-list li::before {
  content: "";
  background-color: #222;
  border-radius: 50px;
  font-weight: bold;
  min-width: 6px;
  height: 6px;
  display: inline-block;
  margin-right: 9px;
  margin-top: 4px;
}

ul.list-unstyled.work-list li:nth-child(1)::before {
  background-color: #e55858;
}

ul.list-unstyled.work-list li:nth-child(2)::before {
  background-color: #fdb816;
}

ul.list-unstyled.work-list li:nth-child(3)::before {
  background-color: #519ed4;
}

ul.list-unstyled.work-list li:nth-child(4)::before {
  background-color: #44bdad;
}

.case-details-body {
  padding: 80px 0 120px 0;
}

.imageWrap img {
  border-radius: 50px;
  border: 2px solid #f2f2f2;
  width: 100%;
  object-fit: cover;
}

.case-content p {
  line-height: 41px;
  margin-left: 0px;
}

.case-content p:not(:last-child) {
  margin-bottom: 15px;
}

.outcomeImg img {
  border-radius: 30px;
  width: 100%;
  object-fit: cover;
}


.related-img img {
  border-radius: 30px;
}

.related-img {
  position: relative;
}

.related-img .submit-site-btn {
  position: absolute;
  bottom: 28px;
  left: 28px;
  background-color: #222;
  color: #ffff;
  transition: 0.3s all ease;
}

.related-img .submit-site-btn:hover {
  background-color: #fcb814;
  color: #222;
}

/* ++++++++++++++++++++ New Development page +++++++++++++++++++++++++ */




h2.wear-blue {
  font-size: 230px;
  line-height: 1;
  text-transform: uppercase;
  font-family: var(--font-secondary);
  color: #2495D2;
  margin: 0px 0;
  position: relative;
}

.hero__content h1.main-title.fz-100 {
  font-size: 100px;
  text-align: left;
  margin-left: 101px;
  margin-bottom: -15px;
}

.line-icon-btm img {
  position: absolute;
  bottom: -34px;
  left: -110px;
}

.new-inner-banner {
  padding-top: 186px;
  padding-bottom: 120px;
  overflow: hidden;
}

.new-dev-ban-img img {
  position: absolute;
  right: 0;
  bottom: 0;
  /* width: 100%; */
  top: -72px;
}

.bg-spot {
  background-image: url(../images/spotlight-banner.png);
  background-position: center;
  background-size: cover;
  overflow: hidden;
}

.spot-title {
  font-size: 60px;
  color: #FDB914;
  line-height: 1;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.spot-para {
  color: #fff;
  line-height: 32px;
  margin-bottom: 60px;
}


.counterWrapper {
  border-top: 2px solid #ccc;
}

.counterWrapper p {
  font-size: 20px;
  color: #FDB914;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: var(--font-secondary);
  margin-top: 25px;
}

.counterWrapper p img {
  margin-right: 10px;
}

.number-count {
  color: #fff;
  font-family: var(--font-secondary);
  font-size: 80px;
  font-weight: 400;
  display: flex;
  align-items: center;
  line-height: 1;
  margin-top: 10px;
}

.number-count h3 {
  color: #fff;
  font-family: var(--font-secondary);
  font-size: 100px;
  font-weight: 400;

}

.number-count h3 span {
  color: #fff;
  font-family: var(--font-secondary);
  font-size: 80px;
  font-weight: 400;
}

.bottom-text {
  color: #fff;
  font-size: 18px;
  margin-top: 50px;
}

.spot-img img {
  position: absolute;
  right: -50px;
  top: -103px;
  bottom: 0;
  width: 742px;
}

.wrapper-padding {
  padding: 50px 0 150px;
}

.ceoImg {
  text-align: center;
}


.ceoTalk {
  font-size: 36px;
  font-family: var(--font-secondary);
  color: #fff;
  line-height: 67px;
  font-style: normal;
  margin-bottom: 30px;
  font-weight: 500;
}

.banner-scroll {
  margin-top: 0px;
  overflow: hidden;
}

.banner-scroll-team {
  /* height: 250px; */
  position: absolute;
}

.banner-scroll-team-1 {
  /* height: 250px; */
  position: absolute;
}

.banner-scroll-team .banner-scrolll {
  animation: slideVer 180s linear infinite;
}

.banner-scroll-team-1 .banner-scrolll {
  animation: sliderevVer 180s linear infinite;
}

.banner-scroll-team .banner-scrolll img {
  width: 250px;
}

.banner-scroll-team-1 .banner-scrolll img {
  width: 250px;
}

@keyframes slideVer {
  from {
    transform: translateY(0%);
  }

  to {
    transform: translateY(-600%);
  }
}

@keyframes sliderevVer {
  from {
    transform: translateY(-600%);
  }

  to {
    transform: translateY(0%);
  }
}

.CeoContent {
  padding-left: 160px;
  padding-right: 20px;
  position: relative;
}

.ceoDesg {
  font-size: 18px;
  font-family: var(--font-secondary);
  color: #fff;
  line-height: 1;
  margin-top: 8px;
}

.ceoName {
  font-family: var(--font-secondary);
  color: #000;
  font-size: 30px;
  background: url(../images/dflighdf.png);
  line-height: 1;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 10px;
}

.ceo-sign {
  position: absolute;
  left: 420px;
  bottom: -100px;
}

.signature {
  margin-left: 80px;
}

/* .teamSection .teamBx {
  border: 2px solid #000;
  overflow: hidden;
  transition: 1s all ease;
  position: relative;
  border-radius: 12px;
} */

.teamSection .team-item {
  padding: 10px;
  position: relative;
}

.team-img img {
  min-width: max-content;
  /* width: 100%; */
}

.teamSection {
  padding-bottom: 50px;
  /* background-image: url(../images/bg-pat.png); */
  background-size: contain;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

/* .teamSection .team-item::before {
  content: '';
  border: 2px solid #000;
  position: absolute;
  right: 0;
  top: 60px;
  left: 40px;
  bottom: 0;
  border-radius: 12px;
} */

.teamSection .teamBx:hover .name {
  bottom: 6px;
  left: 0;
}

.teamSection .teamBx:hover .name.sus {
  bottom: 9px;
  left: 0;
}

.teamSection .teamBx:hover .name.isha {
  bottom: 13px;
  left: 0;
}

.teamSection .teamBx:hover .name.sarbo {
  bottom: 10px;
  left: 0;
}

.teamSection .teamBx:hover .name.sub {
  bottom: 12px;
  left: 0;
}

.teamSection .teamBx:hover .name.pro {
  bottom: 9px;
  left: 0;
}

.teamSection .teamBx:hover .name.mi {
  bottom: 9px;
  left: 0;
}

.teamSection .teamBx:hover .name.mili {
  bottom: 9px;
  left: 0;
}

.teamSection .teamBx:hover .name.ali {
  bottom: 9px;
  left: 0;
}

.teamSection .teamBx:hover .name.gango {
  bottom: 9px;
  left: 0;
}

.teamSection .teamBx:hover .name.tej {
  bottom: 9px;
  left: 0;
}

.teamSection .teamBx:hover .name.aman {
  bottom: 17px;
  left: 0;
}

.teamSlider .owl-stage-outer {
  display: inline-block;
  /* margin-left: -651px; */
  padding-bottom: 20px;
}

.teambox {
  text-align: center;
  position: absolute;
  bottom: -30px;
  /* padding: 8px 20px 6px 20px; */
  left: 0;
  right: 0;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.name {
  text-align: center;
  position: absolute;
  bottom: 219px;
  /* padding: 8px 20px 6px 20px; */
  left: -26px;
  right: 0;
  transition: 0.5s all ease;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.name.sub {
  text-align: center;
  position: absolute;
  bottom: 231px;
  /* padding: 8px 20px 6px 20px; */
  left: -16px;
  right: 0;
  transition: 0.5s all ease;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.name.mi {
  text-align: center;
  position: absolute;
  bottom: 238px;
  /* padding: 8px 20px 6px 20px; */
  left: -8px;
  right: 0;
  transition: 0.5s all ease;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.name.sarbo {
  text-align: center;
  position: absolute;
  bottom: 223px;
  /* padding: 8px 20px 6px 20px; */
  left: -19px;
  right: 0;
  transition: 0.5s all ease;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.name.sus {
  text-align: center;
  position: absolute;
  bottom: 238px;
  /* padding: 8px 20px 6px 20px; */
  left: -8px;
  right: 0;
  transition: 0.5s all ease;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.name.pro {
  text-align: center;
  position: absolute;
  bottom: 238px;
  /* padding: 8px 20px 6px 20px; */
  left: -8px;
  right: 0;
  transition: 0.5s all ease;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.name.ali {
  text-align: center;
  position: absolute;
  bottom: 217px;
  /* padding: 8px 20px 6px 20px; */
  left: -28px;
  right: 0;
  transition: 0.5s all ease;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.name.mili {
  text-align: center;
  position: absolute;
  bottom: 238px;
  /* padding: 8px 20px 6px 20px; */
  left: -19px;
  right: 0;
  transition: 0.5s all ease;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.name.gango {
  text-align: center;
  position: absolute;
  bottom: 245px;
  /* padding: 8px 20px 6px 20px; */
  left: -38px;
  right: 0;
  transition: 0.5s all ease;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.name.tej {
  text-align: center;
  position: absolute;
  bottom: 225px;
  /* padding: 8px 20px 6px 20px; */
  left: -28px;
  right: 0;
  transition: 0.5s all ease;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.name.aman {
  text-align: center;
  position: absolute;
  bottom: 207px;
  /* padding: 8px 20px 6px 20px; */
  left: -28px;
  right: 0;
  transition: 0.5s all ease;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.name.isha {
  text-align: center;
  position: absolute;
  bottom: 239px;
  /* padding: 8px 20px 6px 20px; */
  left: -27px;
  right: 0;
  transition: 0.5s all ease;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.teamBx .name.pro img {
  width: 113px !important;
}

.teamBx .name.sus img {
  width: 125px !important;
}

.teamBx .name.mili img {
  width: 94px !important;
}

.teamBx .name.ali img {
  width: 117px !important;
}

.teamBx .name.gango img {
  width: 126px !important;
}

.teamBx .name.tej img {
  width: 111px !important;
}

.teamBx .name.aman img {
  width: 162px !important;
}

.teamBx .name.isha img {
  width: 162px !important;
}

.teamBx .name.isha img {
  width: 97px !important;
}

.teamBx .name.sarbo img {
  width: 123px !important;
}

.teamBx .name.sub img {
  width: 123px !important;
}

.name img {
  width: 150px !important;
}

.teambox img {
  width: 177px !important;
}

.teambox.tej-deg img {
  width: 209px !important;
}

.teambox.ama-bx img {
  width: 155px !important;
}

.teambox.isha-bx img {
  width: 155px !important;
}

.teambox.sarbo-bx img {
  width: 223px !important;
}

.teambox.sub-bx img {
  width: 212px !important;
}

.team-name {
  font-size: 30px;
  color: #fff;
  font-family: var(--font-secondary);
  padding: 8px 20px 6px 20px;
  border: 2px solid #000;
  box-shadow: 5px 5px 0 0 #fff;
}

.name-team {
  font-size: 30px;
  color: #fff;
  background-color: #000;
  font-family: var(--font-secondary);
  padding: 8px 20px 6px 20px;
}

.bg-yellow {
  background-color: #FDB914;
}

.bg-green {
  background-color: #40BEAD;
}

.bg-red {
  background-color: #EF3A42;
}

.bg-red {
  background-color: #EF3A42;
}

.bg-blue {
  background-color: #2395D2;
}


.teamSection .teamSlider .owl-nav .prev_btn,
.teamSection .teamSlider .owl-nav .next_btn {
  position: absolute;
}

.teamSection .teamSlider .owl-nav .next_btn {
  right: -22px;
  top: 41%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #000;
  box-shadow: 3px 4px 0px 1px #000;
}

.teamSection .teamSlider .owl-nav .next_btn img {
  width: 20px;
  margin-left: 4px;
}

.teamSection .teamSlider .owl-nav .prev_btn img {
  width: 20px;
  margin-right: 4px;
}

.teamSection .teamSlider .owl-nav .prev_btn {
  left: 11px;
  top: 41%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #000;
  box-shadow: 3px 4px 0px 1px #000;
}

.teamSection .owl-prev.owl-prev.disabled {
  transition: 0.2s all ease-in;
  opacity: 0;
  visibility: hidden;
}


.blog-content .blog--middle-img img {
  height: 500px;
  object-fit: contain;
}

.scroller {
  animation-name: scroller;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  margin-top: 150px;
}

@keyframes scroller {
  from {
    transform: translate(0, 0px);
  }

  65% {
    transform: translate(0, 15px);
  }

  to {
    transform: translate(0, -0px);
  }
}


/*=======================================================================
   Floating Menu Styles Starts
=========================================================================*/


.fab {
  /* position: fixed; */
  display: flex;
  align-items: center;
  justify-content: center;
  transform-origin: center;
  transition: 0.25s;
  z-index: 9;
  width: 65px;
  margin: 0 auto;
}

.fab.active .fabTrigger {
  transform: scale(1);
}

.fab.active .fabTrigger .icon {
  background: transparent;
  transition: background 0.3s ease;
}

.fab.active .fabTrigger .icon,
.fab.active .fabTrigger .icon:before,
.fab.active .fabTrigger .icon:after {
  height: 3px;
}

.fab.active .fabTrigger .icon:before,
.fab.active .fabTrigger .icon:after {
  width: 20px;
  transform-origin: 50% 50%;
  transition: all 100ms ease, width 100ms 100ms ease, transform 300ms 200ms cubic-bezier(0.28, 0.55, 0.385, 1.65);
}

.fab.active .fabTrigger .icon:before {
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}

.fab.active .fabTrigger .icon:after {
  right: 50%;
  transform: translateX(50%) rotate(-45deg);
}

.fab.active .fabNav a {
  opacity: 1;
  visibility: visible;
  transition: 0.35s cubic-bezier(0.4, 2.08, 0.55, 1);
}

.fab .fabTrigger {
  position: relative;
  z-index: 1;
  width: 50px;
  height: 50px;
  color: #FFF;
  cursor: pointer;
  outline: none;
  border: 0;
  border-radius: 100px;
  background: #fff;
  transform: scale(0.675);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0 2px 0 rgba(108, 46, 185, 0.2);
  transition: 0.35s cubic-bezier(0.4, 2.08, 0.55, 1);
}

.fab .fabTrigger .icon {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: background 0.3s ease;
}

.fab .fabTrigger .icon,
.fab .fabTrigger .icon:before,
.fab .fabTrigger .icon:after {
  position: absolute;
  display: block;
  background: #000;
  width: 6px;
  height: 6px;
  border-radius: 10px;
}

.fab .fabTrigger .icon:before,
.fab .fabTrigger .icon:after {
  content: "";
  transition: all 100ms ease, right 100ms 100ms ease, left 100ms 100ms ease;
}

.fab .fabTrigger .icon:before {
  left: -11px;
  transform: translateX(-50%);
}

.fab .fabTrigger .icon:after {
  right: -11px;
  transform: translateX(50%);
}

.fab .fabNav {
  display: flex;
  align-items: center;
}

.fab .fabNav a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 10px;
  width: 50px;
  height: 50px;
  outline: none;
  border: 0;
  text-decoration: none;
  border-radius: 100px;
  opacity: 0.0001;
  visibility: hidden;
  will-change: transform;
  transition: 0.35s cubic-bezier(0.4, 2.08, 0.55, 1);
}

.fab .fabNav a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  transition: 0.25s;
}

.fab .fabNav a i {
  font-size: 20px;
  color: #fff;
  z-index: 2;
  display: flex;
  align-items: center;
}

.fab .fabNav a:hover:before {
  background-color: #000;
}

.fab .fabNav a:hover i {
  color: #fff;
}

.fab .fabNav a:hover .fabTooltip {
  opacity: 1;
  visibility: visible;
}

.fab .fabTooltip {
  position: absolute;
  background-color: #fff;
  white-space: nowrap;
  padding: 0.7rem 2rem 0.5rem 2rem;
  border-radius: 50px;
  right: calc(100% + 1.5rem);
  transform-origin: center left;
  transform: scale(0);
  opacity: 0;
  font-family: var(--font-secondary);
  transition: .3s ease;
  font-size: 16px;
  font-weight: 600;
  box-shadow: 0 0 11px 0 #00000030;
}

.stuck-socila {
  text-align: center;
}


.fabVertical {
  flex-direction: column;
}

.fabVertical.active .fabNav.fabNav--left a {
  left: 0;
  transform: scale(1) translateX(0);
}

.fabVertical.active .fabNav.fabNav--right a {
  right: 0;
  transform: scale(1) translateX(0);
}

.fabVertical .fabTrigger {
  margin: 12px 0 0px 0;
}

.fabVertical .fabNav {
  flex-direction: column;
}

.fabVertical .fabNav a {
  margin: 5px 0;
}

.fab.fabVertical.active {
  padding: 1px 6px 7px 6px;
  border-radius: 50px;
  background-color: #333;

}

.fabNav.fabNav--left .img {
  width: 21px;
}

.fabVertical .fabNav a:hover .fabTooltip {
  right: calc(100% + 10px);
  transform: translate(0, -50%) scale(1);
}

.fabVertical .fabNav.fabNav--left a {
  left: 0;
  transform: scale(0.8) translateY(10px);
}

.fabVertical .fabNav.fabNav--left a:nth-child(1) {
  transition-delay: 0.3s;
}

.fabVertical .fabNav.fabNav--left a:nth-child(2) {
  transition-delay: 0.2s;
}

.fabVertical .fabNav.fabNav--left a:nth-child(3) {
  transition-delay: 0.1s;
}

.fabVertical .fabNav.fabNav--right a {
  left: 0%;
  transform: scale(0.8) translateY(-10px);
}

.fabVertical .fabNav.fabNav--right a:nth-child(1) {
  transition-delay: 0.1s;
}

.fabVertical .fabNav.fabNav--right a:nth-child(2) {
  transition-delay: 0.2s;
}

.fabVertical .fabNav.fabNav--right a:nth-child(3) {
  transition-delay: 0.3s;
}

.fabVertical .fabTooltip {
  top: 50%;
  right: 0;
  transform-origin: center right;
  transform: translate(0, -50%) scale(0);
}


.floating_menu {
  position: fixed;
  top: 300px;
  right: 30px;
}

.floating_menu ul li {
  font-size: 0;
  line-height: 0;
  margin-top: 0px;
  margin-bottom: 0;
}

.floating_menu ul li:not(:last-child) {
  margin-bottom: 10px;
}

.floating_menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  background-color: #00304b;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 4px;
  border-radius: 50px;
  box-shadow: 0 10px 50px 0 rgba(5, 4, 62, 0.25);
}

.floating_menu li+li {
  margin-top: 0px;
}

.floating_menu a {
  color: #fff;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 66px;
  height: 66px;
  border-radius: 50%;
  position: relative;
  transition: 0.3s all ease;
}

.floating_menu a:hover,
.floating_menu a:focus,
.floating_menu a.active {
  background-color: #e09512;
  outline: 0;
}

.floating_menu a:hover {
  color: #fff;
}

.floating_menu a:hover span,
.floating_menu a:focus span,
.floating_menu a.active span {
  transform: scale(1);
  opacity: 1;
  color: #000;
}

.floating_menu a i {
  font-size: 28px;
  z-index: 2;
  display: flex;
  align-items: center;
}

.floating_menu a span {
  position: absolute;
  background-color: #fff;
  white-space: nowrap;
  padding: 3.1rem 3.5rem;
  border-radius: 50px;
  right: calc(100% + 1.5rem);
  transform-origin: center left;
  transform: scale(0);
  opacity: 0;
  transition: 0.15s ease;
  font-size: 20px;
  font-weight: 600;
}

.posi-fixed {
  position: fixed;
  top: 50%;
}

/*=======================================================================
 Floating Menu Styles End
=========================================================================*/


.banner-scrolll {
  animation: slide 200s linear infinite;
}

.banner-scrolll-1 {
  animation: slidereverse 200s linear infinite;
}

@keyframes slide {
  0% {
    transform: translateX(0%);
  }

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

@keyframes slidereverse {
  0% {
    transform: translateX(0%);
  }

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

.banner-scrolll {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 211px;
  /* /* height: 765px; */

}

.mainSlider .leftSlider {
  padding-left: 55%;
  transform: rotate(16deg);
}

.mainSlider .rightSlider {
  padding-left: 32%;
  transform: rotate(16deg);
}

.banner-scrolll-1 {
  animation: slide 200s linear infinite;
}

.banner-scrolll-1 {
  animation: slidereverse 350s linear infinite;
}

.banner-scrolll-1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3050px;
  /* height: 765px; */

}

.banner-scrolll-4 {
  animation: slide 200s linear infinite;
}

.banner-scrolll-6 {
  animation: slide 40s linear infinite;
}

.banner-scrolll-4 {
  animation: slidereverses 350s linear infinite;
}

.banner-scrolll-4 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4600px;
  /* height: 765px; */
}

.banner-scrolll-5 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2000px;
  /* height: 765px; */
}

.banner-scrolll-6 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1330px;
  /* height: 765px; */
}

.case-study-overview .hero__content_Inner {
  margin-bottom: 67px;
}

.blogListing .hero__content_Inner {
  margin-bottom: 67px;
}


.color-red {
  color: #EE3B41;
}

.aboutsub-banner {
  color: #000;
  /* text-transform: uppercase; */
  font-size: 50px;
  font-family: var(--font-secondary);
  margin-bottom: 70px;
  margin-top: 7px;
}


.banner-scrolll-3 {
  animation: slide 200s linear infinite;
}

.banner-scrolll-4 {
  animation: slidereverse 250s linear infinite;
}

.banner-scrolll-5 {
  animation: slidereverse 180s linear infinite;
}

@keyframes slide {
  0% {
    transform: translateX(0%);
  }

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

@keyframes slidereverse {
  0% {
    transform: translateX(0%);
  }

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

.banner-scrolll-3 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2000px;
  /* height: 434px; */

}

.banner-scroll-5 {
  margin-top: 15px;
}

.connecting-section {
  padding: 100px 0 100px 0;
}

.banner-scrolll-5 {
  animation: slidereverses 180s linear infinite;
}

.banner-scrolll-5 {
  animation: slidereverses 80s linear infinite;
}


.banner-scrolll-5 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 920px;
  /* height: 434px; */

}

.banner-scrolll-5 img.banner-image-right {
  margin-left: 30px;

}



.blogListing .filters-1 .active {
  color: #222;
  background-color: #00000000;
  border: 2px solid #eee;
  border-bottom: 2px solid #eeeeee00;
}

.blogListing .filters-1 .active p {
  border-bottom: 5px solid #FDB914;
}

.blogListing .filters-1 ul {
  padding-left: 0;
  padding: 15px 20px 15px 20px;
  color: #fff;
  border-radius: 0px;
  transition: 0.3s all ease;
  align-items: center;
  padding: 0 0px;
  justify-content: end;
  position: relative;
  display: flex;
  border-bottom: 2px solid #eee;
}

/* .blogListing .filters-1 ul li::after {
  content: '';
  position: absolute;
  top: 20px;
  left: -4px;
  width: 8px;
  height: 8px;
  border-radius: 100px;
  background-color: #fff;
} */

.blogListing .filters-1 ul li:nth-child(1):after {
  display: none;
}

.blogListing .filters-1 ul li {
  list-style: none;
  cursor: pointer;
  padding: 0px 8px 0px 8px;
  color: #222;
  background-color: transparent;
  border: 2px solid transparent;
  transition: 0.5s all ease;
  text-align: center;
  margin: 0 10px;
  border-radius: 0px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 17px;
  font-family: var(--font-secondary);
  position: relative;
  line-height: 1.1;
  font-weight: 600;
}

.blogListing .filters-1 ul li:focus-visible {
  border: 0px !important;
}

.blogListing .filters-1 ul li p {
  list-style: none;
  padding: 14px 5px 14px 5px;
  cursor: pointer;
  color: #222;
  background-color: transparent;
  border: 0px solid transparent;
  transition: 0.5s all ease;
  text-align: center;
  margin: 0 10px;
  border-radius: 0px;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-bottom: 5px solid transparent;
  font-size: 16px;
  font-family: var(--font-secondary);
  position: relative;
  line-height: 1.1;
  font-weight: 600;

}

.blogListing .filters-1 ul li:nth-child(1) {
  margin: 0 0px;
}

.projectWrapper {
  border-radius: 30px;
  overflow: hidden;
  padding: 100px 65px;
  position: relative;
  height: 80vh;
}

.full-wrapper-1 {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
}

.bg-yellow {
  background-color: #fdba14;
}

.bg-gradient-yellow {
  background: rgb(253, 183, 23);
  background: linear-gradient(131deg, rgba(253, 183, 23, 1) 59%, rgba(255, 255, 255, 1) 70%, rgba(239, 58, 67, 1) 82%);
}

.bg-gradient-blue {
  background: rgb(64, 145, 206);
  background: linear-gradient(131deg, rgba(64, 145, 206, 1) 59%, rgba(255, 255, 255, 1) 70%, rgba(85, 189, 173, 1) 82%);
}

.bg-gradient-red {
  background: rgb(238, 61, 65);
  background: linear-gradient(131deg, rgba(238, 61, 65, 1) 59%, rgba(255, 255, 255, 1) 70%, rgba(252, 184, 20, 1) 82%);
}

.bg-gradient-green {
  background: rgb(85, 189, 173);
  background: linear-gradient(131deg, rgba(85, 189, 173, 1) 59%, rgba(255, 255, 255, 1) 70%, rgba(64, 145, 206, 1) 82%);
}

.bg-red {
  background-color: #EF3A42;
}

.bg-blue {
  background-color: #2595D2;
}

.bg-green {
  background-color: #40BEAD;
}

.bg-grey {
  background-color: #444444;
}

.projectContent {
  width: 40%;
}

.projectWrapper .color-blk {
  color: #000;
  font-weight: 500;
}

.projectWrapper .color-wh {
  color: #fff;
  font-weight: 500;
}

.projectWrapper h3 {
  color: #fff;
  line-height: 1.2;
  margin-bottom: 15px;
  letter-spacing: unset;
}

.badge-1 {
  background: transparent;
  backdrop-filter: blur(7.6px);
  -webkit-backdrop-filter: blur(7.6px);
  border: 1px solid #00000052;
}

.badge-2 {
  background: #ffffff30;
  backdrop-filter: blur(7.6px);
  -webkit-backdrop-filter: blur(7.6px);
  border: 1px solid #81b4db;
}

.badge-3 {
  background: #ffffff30;
  backdrop-filter: blur(7.6px);
  -webkit-backdrop-filter: blur(7.6px);
  border: 1px solid #f48386;
}

.badge-4 {
  background: #ffffff30;
  backdrop-filter: blur(7.6px);
  -webkit-backdrop-filter: blur(7.6px);
  border: 1px solid #92d5cb;
}

.project-desc {
  /* background-color: #fff; */
  border-radius: 6px;
  display: inline-block;
  color: #000;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
  padding: 7px 20px 7px 20px;
}

.product-desc-1 {
  color: #fff;
  font-size: 18px;
  margin-top: 20px;
  width: 67%;
  line-height: 32px;
}

.owl-carousel .owl-item .project-banner img.starinco {
  position: absolute;
  width: 61%;
  right: 40px;
  top: -19px;
}

.owl-carousel .owl-item .project-banner img.avanza {
  position: absolute;
  width: 66%;
  right: 40px;
  top: 88px;
}

.owl-carousel .owl-item .project-banner img.ship {
  position: absolute;
  width: 62%;
  right: 40px;
  top: 102px;
}

.owl-carousel .owl-item .project-banner img.tarson {
  position: absolute;
  width: 60%;
  right: 40px;
  top: 79px;
}

.owl-carousel .owl-item .project-banner img.helme {
  position: absolute;
  width: 52%;
  right: 80px;
  top: 142px;
}

.owl-carousel .owl-item .project-banner img.sat {
  position: absolute;
  width: 57%;
  right: 10px;
  top: -37px;
}




.owl-carousel .owl-item .project-banner img.birla {
  position: absolute;
  width: 54%;
  right: 108px;
  bottom: 75px;
}

.owl-carousel .owl-item .project-banner img.birla-dm {
  position: absolute;
  width: 43%;
  right: 224px;
  bottom: -15px;
}

.owl-carousel .owl-item .project-banner img.birla-brand {
  position: absolute;
  width: 57%;
  right: -2px;
  bottom: 0;
}

.owl-carousel .owl-item .project-banner img.thyme {
  position: absolute;
  width: 42%;
  right: 45px;
  bottom: 50px;
}

.owl-carousel .owl-item .project-banner img.crizac {
  position: absolute;
  width: 71%;
  right: 90px;
  bottom: 75px;
}

.owl-carousel .owl-item .project-banner img.crizac-dm {
  position: absolute;
  width: 63%;
  right: 28px;
  bottom: 22px;
}

.owl-carousel .owl-item .project-banner img.crizac-brand {
  position: absolute;
  width: 61%;
  right: 0;
  bottom: 0;
}

.owl-carousel .owl-item .project-banner img.crizac-1 {
  position: absolute;
  width: 40%;
  right: 215px;
  bottom: 31px;
}

.owl-carousel .owl-item .project-banner img.tarson {
  position: absolute;
  width: 60%;
  right: 40px;
  top: 79px;
}

.owl-carousel .owl-item .project-banner img.hin {
  position: absolute;
  width: 42%;
  right: 190px;
  /* top: 0; */
  bottom: 70px;
}

.owl-carousel .owl-item .project-banner img.hin-dm {
  position: absolute;
  width: 60%;
  right: 0;
  /* top: 0; */
  bottom: 0;
}

.owl-carousel .owl-item .project-banner img.hin-brand-crizac {
  position: absolute;
  width: auto;
  right: -110px;
  bottom: 0;
}

.owl-carousel .owl-item .project-banner img.tar {
  position: absolute;
  width: 50%;
  right: 190px;
  /* top: 0; */
  bottom: 110px;
}

.owl-carousel .owl-item .project-banner img.tar-dm {
  position: absolute;
  width: 55%;
  right: 0;
  /* top: 0; */
  bottom: -27px;
}

.owl-carousel .owl-item .project-banner img.tar-brand-hin {
  position: absolute;
  width: 57%;
  right: 0;
  /* top: 0; */
  bottom: 0;

}

.owl-carousel .owl-item .project-banner img.hel {
  position: absolute;
  width: 42%;
  right: 190px;
  /* top: 0; */
  bottom: 0;
}

.owl-carousel .owl-item .project-banner img.hel-brand-sha {
  position: absolute;
  width: 46%;
  right: 111px;
  /* top: 0; */
  bottom: 0;
}

.owl-carousel .owl-item .project-banner img.med {
  position: absolute;
  width: 45%;
  right: 190px;
  /* top: 0; */
  bottom: 42px;
}

.owl-carousel .owl-item .project-banner img.med-brand-indi {
  position: absolute;
  width: 55%;
  right: 174px;
  /* top: 0; */
  bottom: 0;
}



.owl-carousel .owl-item .project-banner img.dtc {
  position: absolute;
  width: 51%;
  right: 100px;
  bottom: 94px;
}

.owl-carousel .owl-item .project-banner img.dtc-brand-daz {
  position: absolute;
  width: 54%;
  right: 100px;
  bottom: 50px;
}





.owl-carousel .owl-item .project-banner img.ship-dm {
  position: absolute;
  width: 50%;
  right: 50px;
  top: -30px;
}

.owl-carousel .owl-item .project-banner img.ncb {
  position: absolute;
  width: 66%;
  right: 0;
  bottom: 50px;
}

.owl-carousel .owl-item .project-banner img.apt {
  position: absolute;
  width: 60%;
  right: 0;
  bottom: 0;
}

.owl-carousel .owl-item .project-banner img.alhiraa {
  position: absolute;
  width: 60%;
  right: 0;
  top: 10px;
}




.techStack {
  margin-top: 50px;
}

.techStack h4 {
  color: #fff;
  text-transform: uppercase;
  font-family: var(--font-secondary);
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 17px;
  letter-spacing: unset;
}


.icon-grid {
  display: flex;
  gap: 20px;
}

.icon-box {
  background-color: white;
  padding: 0;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
  width: 71px;
  height: 71px;
}

.icon-box img {
  max-width: 60%;
  object-fit: contain;
  max-height: 60%;
}






.ourProcess .our-process {
  position: relative;
}

.ourProcess .our-process .owl-nav .prev_btn,
.ourProcess .our-process .owl-nav .next_btn {
  position: absolute;
}

.ourProcess .our-process .owl-nav .next_btn {
  right: -40px;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #000;
  box-shadow: 1px 1px 0px 1px #000;
}

.ourProcess .our-process .owl-nav .next_btn img {
  width: 20px;
  margin-left: 4px;
}

.ourProcess .our-process .owl-nav .prev_btn img {
  width: 20px;
  margin-right: 4px;
}

.ourProcess .our-process .owl-nav .prev_btn {
  left: 0px;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #000;
  box-shadow: 1px 1px 0px 1px #000;
}

.our-process .work-img img {
  border-radius: 0px;
  width: auto;
}



.our-process .owl-prev.owl-prev.disabled {
  transition: 0.2s all ease-in;
  opacity: 0;
  visibility: hidden;
}

.our-process .owl-next.disabled {
  transition: 0.2s all ease-in;
  opacity: 0;
  visibility: hidden;
}

.tab-design .brz-tabs__nav.brz-tabs__nav--horizontal {
  position: absolute !important;
  top: -108px !important;
  right: 32px !important;
}

.service-slider .owl-stage-outer {
  display: inline-block;
  margin-left: -42px;
}

.cardStacking .service-slider .owl-nav .next_btn {
  right: 41px;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #000;
  box-shadow: 3px 4px 0px 1px #000;
}

.cardStacking .service-slider .owl-nav .prev_btn {
  left: 0px;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #000;
  box-shadow: 3px 4px 0px 1px #000;
}

.service-slider .owl-stage-outer .owl-item {
  transform: scale(0.89);
}

.service-slider .owl-stage-outer .owl-item.active.center {
  transform: scale(1);
}

.cardStacking .service-slider {
  position: relative;
  margin-top: 60px;
}

.cardStacking .service-slider .owl-nav .prev_btn,
.cardStacking .service-slider .owl-nav .next_btn {
  position: absolute;
}

.cardStacking .service-slider .owl-nav .prev_btn img,
.cardStacking .service-slider .owl-nav .next_btn img {
  width: 30px;
}

.cardStacking .owl-carousel .owl-item img {
  display: block;
  width: auto;
}

.connecting-section h2.section-title {
  line-height: 1.3;
  margin-bottom: 22px;
}

.connecting-section h2.section-title span.redText {
  font-weight: bold;
  font-size: 48px;
  line-height: 1;
}

.banner-scroll-1 {
  margin-top: 60px;
  margin-bottom: 40px;
}

.connecting-section p:not(:last-child) {
  margin-bottom: 30px;
}

.connecting-section p {
  font-size: 25px;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1.8;
}

.connecting-section h2.section-title img {
  width: 200px;
  margin-top: -15px;
}

.serviceContiner {
  width: 85%;
  margin-left: auto;
  padding-right: 15%;
}



.gallery-top {
  text-align: left;
}




.gallery-thumbs .swiper-slide-active {
  opacity: 1;
}

.text1 {
  color: #eaf6ed45;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 500;
}

.text2 {

  color: #eaf6eda3;
  font-size: 16px;
  font-weight: 500;
}

h3.Servicetitle {
  color: #fff;
  font-size: 50px;

}

ul.creative-pointers {
  padding-left: 30px;
  margin-bottom: 0;
}

ul.creative-pointers li {
  border-bottom: 2px solid #3e3e3e;
  padding: 25px 0 29px 0;
}

ul.creative-pointers li:last-child {
  border-bottom: 0px solid #3e3e3e;
}

ul.creative-pointers li p {
  color: #fff;
  font-size: 18px;
}

ul.creative-pointers li::marker {
  color: #fdba14;
  font-size: 27px;
}

.swiper-slide.swiper-slide-active .imgServ {
  border-radius: 20px;
  filter: blur(0px);
  -webkit-filter: blur(0px);
  padding-bottom: 30px;
}

.swiper-slide .imgServ {
  overflow: hidden;
  border-radius: 20px;
  filter: blur(8px);
  -webkit-filter: blur(4px);
  /* /* background-color: rgba(0, 0, 0, 0.4); */
}

.swiper-slide .imgServ img {
  border-radius: 20px;
}

.swiper-3d .swiper-slide-shadow {
  background: rgb(0 0 0 / 0%);
}

.swiper-button-next::after {
  background: transparent url(../images/next-arrow-1.svg) no-repeat center/cover;
  width: 60px;
  height: 60px;
}

.swiper-button-prev::after {
  background: transparent url(../images/prev-arrow-1.svg) no-repeat center / cover;
  width: 60px;
  height: 60px;
  background: transparent url(../images/left.svg) no-repeat center / cover;
  width: 58px;
  height: 58px;
  left: -87px;
  top: -36px;
  border: 2px solid #ed3b41;
  border-radius: 50px;
  background-size: 28px;
  display: flex;
  justify-content: center;
}

.swiper-button-next,
.swiper-button-prev {
  font-size: 0;
  font-family: unset;
  width: 60px;
  height: 0;
  color: transparent;
}



.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 1;
  cursor: auto;
  border-color: #000;
  pointer-events: none;
}

.swiper-pagination-bullet {
  width: 13px;
  height: 6px;
  background: transparent;
  border: 2px solid #e6e6e6;
  opacity: 1;
  border-radius: 5px;
}

.swiper-pagination-bullet-active {
  width: 30px;
  transition: width 0.5s;
  border-radius: 8px;
  background: #e6e6e6;
  border: 1px solid transparent;
  height: 6px;
}

.swiper-pagination {
  bottom: -49px !important;
  position: absolute;
}



/* Mobile Dropdown Menu */

.mobile-drop .nav-item-text {
  text-align: start;
  display: flex;
  /* align-items: center; */
  justify-content: space-between;
}

.dropdown-mob {
  position: relative;
  /* Positioned within the flow */
  /* background: #fff; */
  z-index: 1000;
  padding: 0 0;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.3s ease, opacity 0.3s ease;
  backdrop-filter: blur(7.6px);
  -webkit-backdrop-filter: blur(7.6px);
}

.list-unstyled {
  list-style: none;
  margin: 0;
  padding: 18px 0;
}

.list-unstyled li {
  padding: 13px;
  margin-bottom: 0;
  line-height: 1;
}

.dropdown-mob .list-unstyled li {
  padding: 17px 0px;
  border-bottom: 1px solid #4c4c4c;
  line-height: 1.2;
}

.list-unstyled a {
  text-decoration: none;
  font-size: 18px;
  color: #333;
}

.list-unstyled a:hover {
  color: #000;
}

.nav-item-link.mobile-drop {
  position: relative;
}


/* Arrow Rotation */
.dropdown-icon {
  font-size: 26px;
  position: absolute;
  right: 0;
  top: 0;
  transition: transform 0.3s ease;
  /* Smooth rotation */
}

.dropdown-icon i {
  margin-left: 0px;
  margin-right: 0px;
  color: #fff;
}

.blogInnerDetails .sticky-top {
  top: 100px;
  z-index: 9;
}

/* When dropdown is active */
.nav-item-link.active .dropdown-mob {
  max-height: 200px;
  opacity: 1;
  margin-top: 0px;
}


.nav-item-link.active .dropdown-mob ul {
  padding: 0px 18px;
}


/* .creative .sub-container {
  display: flex;
  width: 80%;
} */

/* .creative .left-panel {
  flex: 1;
  margin-right: 20px;
} */

.creative .left-panel1 h2 {
  color: #fff;
}

.creative .left-panel1 h2 span.textGrad {
  /* background: rgb(239, 168, 0);
  background: rgb(239, 168, 0);
  background: url(../images/dflighdf.png); */
  color: #fcb814;
  /* -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
  font-size: 48px;
  font-weight: bold;
  line-height: 1;
}

.creative .left-panel1 h2 span.textGrad.redgrad {
  color: #ee3d41;
}

.creative .left-panel1 h2 span.textGrad.bluegrad {
  color: #2694d1;

}

.creative .left-panel1 p {
  margin-bottom: 25px;
  padding-right: 5%;
}

.creative ul {
  list-style: none;
  padding: 0;
  padding-right: 15%;
  margin-bottom: 0;
}

.creative ul li {
  padding: 25px 15px 25px 45px;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  /* margin: 5px 0; */
  background-color: transparent;
  /* border-radius: 5px; */
  transition: background-color 0.3s ease;
  position: relative;
  border-bottom: 2px solid #333;
  opacity: 0.3;
}

.creative ul li.active {
  opacity: 1;
}

.creative ul li::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: transparent;
  border: 2px solid #fff;
  border-radius: 50px;
  width: 15px;
  height: 15px;
  top: 33px;
}

.creative ul li:last-child {
  border-bottom: 0px solid #333;
}



.creative ul li .progress-bar {
  position: absolute;
  bottom: -2px;
  left: 0;
  height: 2px;
  background-color: #ee3d41;
  width: 0;
  transition: width 2s linear;
}

.bg-black {
  background-image: url(../images/testimonal-bg.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* Wrapper for scrollable content */
.scroll-wrapper {
  /* overflow-y: auto;
  overflow-x: hidden; */
  /* Enable vertical scrolling */
  /* height: 100vh; */
  /* Full viewport height for proper scrolling */
}

/* Optional: Smooth scrolling for a better experience */
.scroll-wrapper {
  scroll-behavior: smooth;
  margin-top: 40px;
}

.creative {
  width: 100vw;
  /* height: 100vh; */
  /* Ensure each section takes up the full viewport height */
  display: flex;
  align-items: center;
  justify-content: center;
  position: sticky;
  top: 0;
  /* Sticks to the top */
  background-color: black;
  /* Example for visual clarity */
  border-top: 3px solid #fdb917;
  box-shadow: 0 -50px 110px -20px #000000ba;
  z-index: 1;
  /* Ensure sticky sections stay above others */
}

.bx-shadow-none {
  box-shadow: none;
}

.need-proj {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 12px;
}

.creative .right-panel {
  border-radius: 10px;
}

.creative #dynamic-image {
  transition: opacity 1s ease-in-out;
  opacity: 1;
  width: 100%;
}

.fadeTxt {
  display: flex;
  flex-direction: column;
}

.fade-txt1 {
  font-size: 14px;
  color: #333333;
  text-align: left;
  line-height: 1;
  opacity: 0.8;
  margin-bottom: 25px;

}

.fade-txt2 {
  font-size: 16px;
  color: #333333;
  text-align: left;
  line-height: 1;
  margin-bottom: 25px;

}


.collab-gola {
  display: flex;
  align-items: center;
  margin-left: 11px;
}

.colab-circle1,
.colab-circle2,
.colab-circle3 {
  border: 2px solid #fdb917;
  background-color: #000;
  border-radius: 100px;
  width: 40px;
  height: 40px;
  overflow: hidden;
}

.colab-circle4,
.colab-circle5,
.colab-circle6 {
  border: 2px solid #000;
  background-color: #565656;
  border-radius: 100px;
  width: 40px;
  height: 40px;
}

.colab-circle7,
.colab-circle8,
.colab-circle9 {
  border: 2px solid #000;
  background-color: #565656;
  border-radius: 100px;
  width: 40px;
  height: 40px;
}


.colab-circle2,
.colab-circle3 {
  margin-left: -11px;
}

.colab-circle1 img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  object-position: 63%;
}

.colab-circle2 img,
.colab-circle3 img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  object-position: 93%;
}

.colab-circle8,
.colab-circle9 {
  margin-left: -11px;
}

.colab-circle5,
.colab-circle6 {
  margin-left: -11px;
}


.textture-text {
  background: rgb(239, 168, 0);
  background: url(../images/dflighdf.png);
  line-height: 1;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 60px;
  font-weight: bold;
  margin-bottom: 0;
  line-height: 1.2;
}

.textture-text-2 {
  background: rgb(239, 168, 0);
  background: url(../images/dflighdf.png);
  line-height: 1;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 50px;
  font-weight: bold;
  margin-bottom: 0;
  line-height: 1.2;
}

.textture-text-1 {
  background: rgb(239, 168, 0);
  background: url(../images/dflighdf.png);
  color: #000;
  line-height: 1;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 50px;
  font-weight: bold;
  margin-bottom: 0;
  line-height: 1.2;
}


.test-title {
  margin-bottom: 0px;
}


.static-text {
  color: #000;
  font-weight: bold;
  font-size: 110px;
  line-height: 1.4;

}

.text1121 {
  color: #ff9800;
  font-weight: bold;
  font-size: 110px;
  position: relative;
  overflow: hidden;
  display: inline-block;
  transition: 0.3s all ease;
  background: rgb(239, 168, 0);
  background: url(../images/dflighdf.png);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}




/*AntiClockWise Effect*/
.antiClock {
  display: inline;
  text-indent: 8px;
}

.antiClock span {
  animation: anti 12.5s linear infinite 0s;
  -ms-animation: anti 12.5s linear infinite 0s;
  -webkit-animation: anti 12.5s linear infinite 0s;
  color: #00abe9;
  opacity: 0;
  overflow: hidden;
  position: absolute;
}

.antiClock span:nth-child(2) {
  animation-delay: 2.5s;
  -ms-animation-delay: 2.5s;
  -webkit-animation-delay: 2.5s;
}

.antiClock span:nth-child(3) {
  animation-delay: 5s;
  -ms-animation-delay: 5s;
  -webkit-animation-delay: 5s;
}

.antiClock span:nth-child(4) {
  animation-delay: 7.5s;
  -ms-animation-delay: 7.5s;
  -webkit-animation-delay: 7.5s;
}

.antiClock span:nth-child(5) {
  animation-delay: 10s;
  -ms-animation-delay: 10s;
  -webkit-animation-delay: 10s;
}

/*AntiClockWise Effect Animation*/
@-moz-keyframes anti {
  0% {
    opacity: 0;
  }

  5% {
    opacity: 0;
    -moz-transform: rotateX(180deg);
  }

  10% {
    opacity: 1;
    -moz-transform: translateY(0px);
  }

  25% {
    opacity: 1;
    -moz-transform: translateY(0px);
  }

  30% {
    opacity: 0;
    -moz-transform: translateY(0px);
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes anti {
  0% {
    opacity: 0;
  }

  5% {
    opacity: 0;
    -webkit-transform: rotate(180deg);
  }

  10% {
    opacity: 1;
    -webkit-transform: translateY(0px);
  }

  25% {
    opacity: 1;
    -webkit-transform: translateY(0px);
  }

  30% {
    opacity: 0;
    -webkit-transform: translateY(0px);
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-ms-keyframes anti {
  0% {
    opacity: 0;
  }

  5% {
    opacity: 0;
    -ms-transform: rotate(180deg);
  }

  10% {
    opacity: 1;
    -ms-transform: translateY(0px);
  }

  25% {
    opacity: 1;
    -ms-transform: translateY(0px);
  }

  30% {
    opacity: 0;
    -ms-transform: translateY(0px);
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

/*ClockWise Effect*/
.clockWise {
  display: inline;
  text-indent: 8px;
}

.clockWise span {
  animation: clock 12.5s linear infinite 0s;
  -ms-animation: clock 12.5s linear infinite 0s;
  -webkit-animation: clock 12.5s linear infinite 0s;
  color: #00abe9;
  opacity: 0;
  overflow: hidden;
  position: absolute;
}

.clockWise span:nth-child(2) {
  animation-delay: 2.5s;
  -ms-animation-delay: 2.5s;
  -webkit-animation-delay: 2.5s;
}

.clockWise span:nth-child(3) {
  animation-delay: 5s;
  -ms-animation-delay: 5s;
  -webkit-animation-delay: 5s;
}

.clockWise span:nth-child(4) {
  animation-delay: 7.5s;
  -ms-animation-delay: 7.5s;
  -webkit-animation-delay: 7.5s;
}

.clockWise span:nth-child(5) {
  animation-delay: 10s;
  -ms-animation-delay: 10s;
  -webkit-animation-delay: 10s;
}

/*ClockWise Effect Animation*/
@-moz-keyframes clock {
  0% {
    opacity: 0;
  }

  5% {
    opacity: 0;
    -moz-transform: rotate(-180deg);
  }

  10% {
    opacity: 1;
    -moz-transform: translateX(0px);
  }

  25% {
    opacity: 1;
    -moz-transform: translateX(0px);
  }

  30% {
    opacity: 0;
    -moz-transform: translateX(0px);
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes clock {
  0% {
    opacity: 0;
  }

  5% {
    opacity: 0;
    -webkit-transform: rotate(-180deg);
  }

  10% {
    opacity: 1;
    -webkit-transform: translateX(0px);
  }

  25% {
    opacity: 1;
    -webkit-transform: translateX(0px);
  }

  30% {
    opacity: 0;
    -webkit-transform: translateX(0px);
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-ms-keyframes clock {
  0% {
    opacity: 0;
  }

  5% {
    opacity: 0;
    -ms-transform: rotate(-180deg);
  }

  10% {
    opacity: 1;
    -ms-transform: translateX(0px);
  }

  25% {
    opacity: 1;
    -ms-transform: translateX(0px);
  }

  30% {
    opacity: 0;
    -ms-transform: translateX(0px);
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

/*Pop Effect*/
.popEffect {
  display: inline;
  text-indent: 8px;
}

.popEffect span {
  animation: pop 12.5s linear infinite 0s;
  -ms-animation: pop 12.5s linear infinite 0s;
  -webkit-animation: pop 12.5s linear infinite 0s;
  color: #00abe9;
  opacity: 0;
  overflow: hidden;
  position: absolute;
}

.popEffect span:nth-child(2) {
  animation-delay: 2.5s;
  -ms-animation-delay: 2.5s;
  -webkit-animation-delay: 2.5s;
}

.popEffect span:nth-child(3) {
  animation-delay: 5s;
  -ms-animation-delay: 5s;
  -webkit-animation-delay: 5s;
}

.popEffect span:nth-child(4) {
  animation-delay: 7.5s;
  -ms-animation-delay: 7.5s;
  -webkit-animation-delay: 7.5s;
}

.popEffect span:nth-child(5) {
  animation-delay: 10s;
  -ms-animation-delay: 10s;
  -webkit-animation-delay: 10s;
}

/*Pop Effect Animation*/
@-moz-keyframes pop {
  0% {
    opacity: 0;
  }

  5% {
    opacity: 0;
    -moz-transform: rotate(0deg) scale(0.1) skew(0deg) translate(0px);
  }

  10% {
    opacity: 1;
    -moz-transform: translateY(0px);
  }

  25% {
    opacity: 1;
    -moz-transform: translateY(0px);
  }

  30% {
    opacity: 0;
    -moz-transform: translateY(0px);
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes pop {
  0% {
    opacity: 0;
  }

  5% {
    opacity: 0;
    -webkit-transform: rotate(0deg) scale(0.1) skew(0deg) translate(0px);
  }

  10% {
    opacity: 1;
    -webkit-transform: translateY(0px);
  }

  25% {
    opacity: 1;
    -webkit-transform: translateY(0px);
  }

  30% {
    opacity: 0;
    -webkit-transform: translateY(0px);
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-ms-keyframes pop {
  0% {
    opacity: 0;
  }

  5% {
    opacity: 0;
    -ms-transform: rotate(0deg) scale(0.1) skew(0deg) translate(0px);
  }

  10% {
    opacity: 1;
    -ms-transform: translateY(0px);
  }

  25% {
    opacity: 1;
    -ms-transform: translateY(0px);
  }

  30% {
    opacity: 0;
    -ms-transform: translateY(0px);
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

/*Push Effect*/
.pushEffect {
  display: inline;
  text-indent: 8px;
}

.pushEffect span {
  animation: push 12.5s linear infinite 0s;
  -ms-animation: push 12.5s linear infinite 0s;
  -webkit-animation: push 12.5s linear infinite 0s;
  color: #00abe9;
  opacity: 0;
  overflow: hidden;
  position: absolute;
}

.pushEffect span:nth-child(2) {
  animation-delay: 2.5s;
  -ms-animation-delay: 2.5s;
  -webkit-animation-delay: 2.5s;
}

.pushEffect span:nth-child(3) {
  animation-delay: 5s;
  -ms-animation-delay: 5s;
  -webkit-animation-delay: 5s;
}

.pushEffect span:nth-child(4) {
  animation-delay: 7.5s;
  -ms-animation-delay: 7.5s;
  -webkit-animation-delay: 7.5s;
}

.pushEffect span:nth-child(5) {
  animation-delay: 10s;
  -ms-animation-delay: 10s;
  -webkit-animation-delay: 10s;
}

/*Push Effect Animation*/
@-moz-keyframes push {
  0% {
    opacity: 0;
  }

  5% {
    opacity: 0;
    -moz-transform: rotate(0deg) scale(2) skew(0deg) translate(0px);
  }

  10% {
    opacity: 1;
    -moz-transform: translateX(0px);
  }

  25% {
    opacity: 1;
    -moz-transform: translateX(0px);
  }

  30% {
    opacity: 0;
    -moz-transform: translateX(0px);
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes push {
  0% {
    opacity: 0;
  }

  5% {
    opacity: 0;
    -webkit-transform: rotate(0deg) scale(2) skew(0deg) translate(0px);
  }

  10% {
    opacity: 1;
    -webkit-transform: translateX(0px);
  }

  25% {
    opacity: 1;
    -webkit-transform: translateX(0px);
  }

  30% {
    opacity: 0;
    -webkit-transform: translateX(0px);
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-ms-keyframes push {
  0% {
    opacity: 0;
  }

  5% {
    opacity: 0;
    -ms-transform: rotate(0deg) scale(2) skew(0deg) translate(0px);
  }

  10% {
    opacity: 1;
    -ms-transform: translateX(0px);
  }

  25% {
    opacity: 1;
    -ms-transform: translateX(0px);
  }

  30% {
    opacity: 0;
    -ms-transform: translateX(0px);
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}







h4.proj-comp {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 18px;
  text-transform: uppercase;
  letter-spacing: 5px;
}

h4.proj-comp img {
  width: 22px;
  margin-left: 0;
}

.home-ribbon {
  background-color: #fdb914;
  width: 100%;
  height: 65px;
  position: relative;
  overflow: hidden;
}

.tri-1 {
  position: absolute;
  left: 100px;
  top: -33px;
  transform: rotate(45deg);
  width: 35px;
  height: 30px;
  transform: rotate(45deg) skew(12deg, 12deg);
  background: #ffffff;
}

.tri-8 {
  position: absolute;
  left: 340px;
  top: -33px;
  transform: rotate(45deg);
  width: 35px;
  height: 30px;
  transform: rotate(45deg) skew(12deg, 12deg);
  background: #ffffff;
}

.tri-2,
.tri-3,
.tri-4,
.tri-5,
.tri-6,
.tri-7 {
  width: 20px;
  height: 23px;
  background-color: #fff;
  position: absolute;
  bottom: -19px;
  transform: rotate(45deg);
}

.tri-top-2,
.tri-top-3,
.tri-top-4,
.tri-top-5,
.tri-top-6,
.tri-top-7 {
  width: 20px;
  height: 23px;
  background-color: #fff;
  position: absolute;
  top: -17px;
  transform: rotate(45deg);
}

.tri-bottom-2,
.tri-bottom-3,
.tri-bottom-4,
.tri-bottom-5,
.tri-bottom-6,
.tri-bottom-7 {
  width: 20px;
  height: 23px;
  background-color: #fff;
  position: absolute;
  bottom: -19px;
  transform: rotate(45deg);
}

.tri-9,
.tri-10,
.tri-11,
.tri-12,
.tri-13 {
  width: 20px;
  height: 23px;
  background-color: #fff;
  position: absolute;
  bottom: -19px;
  transform: rotate(45deg);
}


.tri-17,
.tri-18,
.tri-19,
.tri-20 {
  width: 20px;
  height: 23px;
  background-color: #fff;
  position: absolute;
  bottom: -19px;
  transform: rotate(45deg);
}

.tri-17 {
  right: 180px
}

.tri-18 {
  right: 120px
}

.tri-19 {
  right: 73px
}

.tri-20 {
  right: 30px
}


.tri-13 {
  width: 35px;
  height: 30px;
  transform: rotate(45deg) skew(12deg, 12deg);
  background-color: #fff;
  position: absolute;
  top: -31px;
  left: 561px;
}

.tri-14 {
  width: 35px;
  height: 30px;
  transform: rotate(45deg) skew(12deg, 12deg);
  background-color: #fff;
  position: absolute;
  top: -31px;
  left: 771px;
}

.tri-15 {
  width: 35px;
  height: 30px;
  transform: rotate(45deg) skew(12deg, 12deg);
  background-color: #fff;
  position: absolute;
  top: -31px;
  right: 150px;
}

.tri-16 {
  width: 35px;
  height: 30px;
  transform: rotate(45deg) skew(12deg, 12deg);
  background-color: #fff;
  position: absolute;
  top: -31px;
  right: 40px;
}

.tri-2 {
  left: 111px;
}

.tri-3 {
  left: 171px;
}

.tri-4 {
  left: 231px;
}

.tri-5 {
  left: 291px;
}

.tri-6 {
  left: 359px;
}

.tri-7 {
  left: 429px;
}

.tri-top-2 {
  right: 971px;
}

.tri-top-3 {
  right: 851px;
}

.tri-top-4 {
  right: 731px;
}

.tri-top-5 {
  right: 621px;
}

.tri-top-6 {
  right: 519px;
}

.tri-top-7 {
  right: 379px;
}

.tri-bottom-2 {
  right: 971px;
}

.tri-bottom-3 {
  right: 851px;
}

.tri-bottom-4 {
  right: 731px;
}

.tri-bottom-5 {
  right: 621px;
}

.tri-bottom-6 {
  right: 519px;
}

.tri-bottom-7 {
  right: 379px;
}

.tri-9 {
  left: 581px;
}

.tri-10 {
  left: 641px;
}

.tri-11 {
  left: 701px;
}

.tri-12 {
  left: 761px;
}


.ProjectCard {
  border-radius: 20px;
  padding: 35px;
  height: 661px;
  overflow: hidden;
  border: 0;
}

.ourProject a {
  text-decoration: none;
}


.ProjectCard h3 {
  font-size: 22px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 20px;
}

.ProjectCard ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.pointersWork {
  display: flex;

}

.bt-btm {
  border-bottom: 2px dashed #ccc;
}

.pointersWork li {
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  position: relative;
  margin: 5px 0px 5px 0px;
  flex: 1 1 calc(50% - 10px);
  display: flex;
  text-transform: uppercase;

}

.pointersWork li::before {
  content: "";
  background-color: white;
  border-radius: 50px;
  font-weight: bold;
  width: 6px;
  height: 6px;
  display: inline-block;
  margin-right: 10px;
  margin-top: 11px;
}

.compLogo {
  margin-bottom: 25px;
}

.bgGreen {
  background-color: #1fa779;
}

.medhaviYellow {
  background-color: #d99723;
}

.maisonBlack {
  background-color: #000;
}

.maisonYellow {
  background-color: #ad8418;
}

.croftlifeGreen {
  background-color: #295227;
}

.ncbBlk {
  background-color: #000000;
}

.wlBlk {
  background-color: #282828;
}

.dsGrn {
  background-color: #496141;
}

.milleteryell {
  background-color: #ecaa00;
}

.thyBlk {
  background-color: #191919;
}

.crizacOrg {
  background-color: #ff6525;
}

.nouRed {
  background-color: #4c0602;
}

.dtcBgBlue {
  background-color: #1289cb;
}

.shipBGRed {
  background-color: #ec191b;
}

.avanzaBlack {
  background-color: #303030;
}

.thymeYellow {
  background-color: #ffa800;
}

.helmeGreen {
  background-color: #0e2c22;
}

.akornBlue {
  background-color: #2551d1;
}


.bgRed {
  background-color: #9c1d22;
}

.bgRedLight {
  background-color: #ea1d2a;
}

.bgBlue {
  background-color: #1f78c1;
}

.bgBlueLi {
  background-color: #1f77bf;
}

.compLogo img {
  width: auto;
  height: 63px;
  object-fit: contain;
  width: auto;
  margin-right: auto;
  text-align: left;
}




.compLogo img.shiplogo {
  width: auto;
  object-fit: contain;
  width: 149px;
  margin-right: auto;
  text-align: left;
}

.compLogo img.wlLogo {
  width: 220px;
  height: 63px;
  object-fit: contain;
  margin-right: auto;
  text-align: left;
}

.compLogo img.ncbLogo {
  width: 220px;
  height: 63px;
  object-fit: contain;
  margin-right: auto;
  text-align: left;
}

.compLogo img.maisonLogo {
  height: 63px;
  object-fit: contain;
  margin-right: auto;
  text-align: left;
}

.compLogo img.avalogo {
  width: auto;
  object-fit: contain;
  width: 179px;
  margin-right: auto;
  text-align: left;
}

.compLogo img.dtlogo {
  width: auto;
  height: 63px;
  object-fit: contain;
  margin-right: auto;
  text-align: left;
}

.compLogo img.akorn-logo {
  width: 150px;
  height: 63px;
  object-fit: contain;
  margin-right: auto;
  text-align: left;
}

.compLogo img.med-logo {
  width: 175px;
  height: 63px;
  object-fit: contain;
  margin-right: auto;
  text-align: left;
}

.compLogo img.hlm-logo {
  width: 180px;
  height: 63px;
  object-fit: contain;
  margin-right: auto;
  text-align: left;
}

.compLogo img.thymelogo {
  width: 180px;
  max-height: 63px;
  object-fit: contain;
  margin-right: auto;
  text-align: left;
}

.bgBlk {
  background-color: #303030;
}

.wokImg img.ava-img {
  position: absolute;
  bottom: -30px;
  right: 0;
  width: 100%;
}

.wokImg img.nad-ship {
  position: absolute;
  bottom: -303px;
  transform: scale(2);
  right: -68px;
}

.wokImg img.ava-im1 {
  position: absolute;
  bottom: -184px;
  transform: scale(1.85);
  right: 91px;
}

.wokImg img.dtc-w {
  position: absolute;
  bottom: -65px;
  width: 100%;
  right: 0;
}

.wokImg img.home-opus {
  position: absolute;
  bottom: -70px;
  width: 100%;
  right: 0;
}

.wokImg img.home-medha {
  position: absolute;
  bottom: -20px;
  width: 100%;
  right: 0;
}

.wokImg img.home-ship {
  position: absolute;
  bottom: -75px;
  width: 100%;
  right: 0;
  transform: scale(1.1);
}

.wokImg img.dm-ship {
  position: absolute;
  bottom: -41px;
  width: 100%;
  right: 0;
}

.wokImg img.home-ncb {
  position: absolute;
  bottom: -78px;
  width: 100%;
  right: 0;
}

.wokImg img.nad-akorn {
  position: absolute;
  bottom: -40px;
  width: 100%;
  right: 0;
}

.wokImg img.nad-hlm {
  position: absolute;
  bottom: -58px;
  width: 100%;
  right: 0;
}

.wokImg img.nad-avanza {
  position: absolute;
  bottom: -45px;
  width: 100%;
  right: 0;
}

.wokImg img {
  position: absolute;
  bottom: 61px;
  /* transform: scale(2); */
  right: 60px;
}

.wokImg img.th-work {
  position: absolute;
  bottom: -84px;
  width: 100%;
  right: 0;
}

.wokImg img.dm-ncb {
  position: absolute;
  bottom: 31px;
  transform: scale(1.5);
  right: -20px;
}

.wokImg img.dm-maison {
  position: absolute;
  bottom: -190px;
  transform: scale(1.4);
  right: -40px;
}

.wokImg img.dm-wl {
  position: absolute;
  bottom: 131px;
  transform: scale(1.9);
  right: -220px;
}

.wokImg img.dm-ds {
  position: absolute;
  bottom: 0;
  width: 100%;
  right: 0;
}


/*  */
.wokImg img.brnd-maison {
  position: absolute;
  bottom: -60px;
  width: 100%;
  right: 0;
}

.wokImg img.brnd-croft {
  position: absolute;
  bottom: 0;
  width: 100%;
  right: 0;
}

.wokImg img.brnd-mille {
  position: absolute;
  bottom: -50px;
  transform: scale(1);
  right: 100px;
}

.wokImg img.brnd-thy {
  position: absolute;
  bottom: 48px;
  transform: scale(1);
  right: 60px;
}

.wokImg img.brnd-cri {
  position: absolute;
  bottom: 39px;
  transform: scale(1.3);
  right: -68px;
}

.wokImg img.brnd-nou {
  position: absolute;
  bottom: -38px;
  /* width: 91%; */
  right: 0;
}

/*  */
.wokImg img.nad-medhai {
  position: absolute;
  bottom: 26px;
  transform: scale(1.6);
  right: 13px;
}

.wokImg img.nad-maison {
  position: absolute;
  bottom: -62px;
  width: 100%;
  right: 0;
}


.wokImg.work-hin img {
  position: absolute;
  bottom: -80px;
  transform: scale(1);
  right: -15px;
}

.right-panel {
  position: relative;
}

.custom-mar {
  margin-bottom: 0px;
}

.cus-mar {
  margin-bottom: 40px;
}

.ourWork .swiper-button-next::after,
.ourWork .swiper-button-prev::after {
  position: unset;
}

.ourWork .swiper-button-next::after {
  background: transparent url(../images/next-work.svg) no-repeat center / cover;
  width: 58px;
  height: 58px;
  top: -1px;
  border-radius: 50px;
  background-size: 28px;
  border: 2px solid #ed3b41;
  left: 9px;
}

.ourWork .swiper-button-next {
  width: 58px;
  left: unset;
  right: 18px;
  height: 58px;
  bottom: unset;
  top: -36px;
  margin-top: 0;
  position: unset;
}

/* .ourWork .swiper-button-prev::after {
  background: transparent url(../images/left.svg) no-repeat center / cover;
  width: 58px;
  height: 58px;
  left: -87px;
  top: -36px;
  border: 2px solid #ed3b41;
  border-radius: 50px;
  background-size: 28px;
  display: flex;
  justify-content: center;
} */
.blog-grid .casestudy-Bx .case-content h3 a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ourWork .swiper-button-prev.swiper-button-disabled::after {
  background: transparent url(../images/left.svg) no-repeat center / cover;
  left: -87px;
  top: -36px;
  border: 2px solid #000;
  border-radius: 50px;
  background-size: 28px;
  display: flex;
  justify-content: center;
}

.ourWork .swiper-button-next.swiper-button-disabled::after {
  border: 2px solid #000;
  border-radius: 50px;
  display: flex;
  justify-content: center;
}

.footer-logo {
  text-align: start;
}

.vertical-line {
  background-color: #d9d8dd;
  width: 1px;
  height: 64px;
  margin-left: 40px;
  margin-right: 40px;
}

.ourWork .swiper-button-prev,
.ourWork .swiper-rtl .swiper-button-next {
  right: 0;
  width: 58px;
  height: 58px;
  position: unset;
  margin-top: 0;
  margin-right: 16px
}

.swiper-scrollbar.swiper-scrollbar-horizontal {
  bottom: -45px;
}

.ourProject .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: transparent;
  border: 1px solid #ffc0cb00;
  opacity: 1;
}

.ourProject .swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgb(0 0 0 / 80%);
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.ourProject .swiper-pagination-bullet-active {
  width: 20%;
  border-radius: 5px;
  background: #2d2c2a;
  border: 1px solid transparent;
  height: 6px;
  position: absolute;
  left: 0;
}

.wokImg.mangal img {
  position: absolute;
  bottom: 81px;
  transform: scale(1);
  right: 60px;
}

.bgImgwork {
  background-image: url(../new-images/ball.webp);
  background-position: 98% 15%;
  background-repeat: no-repeat;
  background-color: #9c1d22;
}

.bgImgworkOpus {
  background-image: url(../new-images/ourwork-opus.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-color: #1fa779;
  background-size: cover;
}

.bgImgworkDTC {
  background-image: url(../new-images/word-dtc-port.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-color: #1289cc;
  background-size: cover;

}

.bgImgworkNCB {
  background-image: url(../new-images/dm-ncb.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-color: #000000;
  background-size: cover;

}

.bgImgworkTH {
  background-image: url(../new-images/work-hin.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-color: #1f77c0;
  background-size: cover;

}

.bgImgworkmed {
  background-image: url(../new-images/new-age-medhavi.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-color: #d99823;
  background-size: cover;

}

.bgImgworkship {
  background-image: url(../new-images/work-card.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-color: #ec1d2a;
  background-size: cover;

}

.bgImgworkava {
  background-image: url(../new-images/work-ava-lap.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-color: #303030;
  background-size: cover;

}

.bg-REDD {
  background-color: #ea494a;
}

.arrowWrapper {
  z-index: 999;
  position: relative;
}

.informedBx {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  transition: 0.3s all ease;
  height: 610px;
}

.informedBx img {
  width: 100%;
}

img.icon-re {
  width: 32px;
}

.informed-para {
  margin-bottom: 40px;
  line-height: 1.3;
}

.reelBlk {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.reelBlk img {
  width: auto
}

.informedBx:hover {
  border-radius: 20px;
  overflow: hidden;
  transition: 0.3s all ease;
}



.informedBx:hover .overlayM {
  opacity: 1;
}

.overlayM {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 190px;
  background: rgb(239, 168, 0);
  background: linear-gradient(180deg, rgba(239, 168, 0, 0) 0%, rgba(0, 0, 0, 0.9332107843137255) 56%, rgba(0, 0, 0, 0.8295693277310925) 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.overlayM.redover {
  background: rgb(239, 168, 0);
  background: linear-gradient(180deg, rgba(239, 168, 0, 0) 0%, rgba(235, 80, 81, 0.8883928571428571) 51%, rgba(235, 80, 81, 0.9640231092436975) 74%, rgba(235, 80, 81, 1) 100%);
}

.overlayM a {
  text-decoration: none;
  color: inherit;
  text-align: center;
}

.watch-reels {
  color: white;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 10px 20px;
  border-radius: 20px;
  background: transparent;
  text-decoration: underline;
  cursor: pointer;
  text-align: center;
}

.beInformed {
  background-image: url(../images/bg-pat.png);
  background-position: unset;
  background-size: cover;
  background-repeat: no-repeat;
}

.beInformed.brand-be-inform {
  border-bottom: 2px dashed #101010;
}

.connecting-section {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}

.banner-scrolll-1 .banner-image-right {
  margin-left: -33px;
}

ul.inform-social {
  display: flex;
  padding: 0;
  list-style: none;
  justify-content: end;
}

ul.inform-social li {
  padding: 0 20px;
}

ul.inform-social li:nth-child(2) {
  border-left: 1px solid #e5e5e5;
  /* border-right: 1px solid #e5e5e5; */
}

ul.inform-social li a {
  text-decoration: none;
  font-size: 35px;
  line-height: 1.3;
}

.scroll-container {
  background-color: #fbe8de00;
  padding-top: 80px;
  padding-bottom: 0;
  position: relative;
  /* overflow: hidden; */
}

.scroll-section {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
  color: white;
  position: relative;
}

.scroll-section img {
  margin: 0 20px;
  width: 230px;
}


/* CTA Section */
.holder-relative {
  position: relative;
}

.heading-s {
  color: #fff;
  letter-spacing: -.5px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.4;

}

.holder-center-align {
  text-align: center;
  flex-direction: column;
  display: flex;
  z-index: 2;
  position: relative;
}

.para-l {
  color: #222;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 1.5;
}

.talk-pat {
  position: absolute;
  top: -271px;
  left: 0%;
  right: 0;
  margin: 0 auto;
  width: 100%;
}

.section.ctaSection.blg-cta .soloBtn .btn {
  margin-top: 0;
  margin: 0;
}

.pix-pat img {
  margin-top: -33px;
  margin-right: 40px;
}

.para-1 {
  text-align: center;
  color: #fff;
  margin-bottom: 0;
  font-size: 16px;
  padding: 0 17%;
  line-height: 1.5;
}

.div-block-99 {
  max-width: 800px;
  margin: 40px auto 40px;
  z-index: 2;
  position: relative;
}

.soloBtn {
  margin-top: 0;
  max-width: max-content;
  margin-left: auto;
  z-index: 2;
  position: relative;
  /* /* margin-right: auto; */
}

.soloBtn .btn {
  padding: 0px 7px 0px 20px;
  border-radius: 50px;
  font-size: 16px;
  background-color: transparent;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 5px;
  transition: 0.3s all ease;
  border: 2px solid var(--color-1);
  line-height: 1.5;
  margin-top: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 50px auto 0 auto;
  height: 60px;
  width: max-content;
}

.ctaSection {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #000;
  background-image: url(../images/testimonal-bg.png);
}

.ctaSection.blgCta {
  padding: 150px 0;
  overflow: hidden;
}

.section.Benefits {
  padding-top: 100px;
}

.beneBx h3 {
  font-size: 24px;
  color: #000;
  margin-bottom: 19px;
  font-weight: 600;
}

.beneBx p {
  font-size: 18px;
  color: #000;
  padding: 0 0px 0 0px;
}

.bb-border {
  border-bottom: 2px dashed #cccccc;
  padding-bottom: 34px;
  margin-bottom: 25px;
  padding-top: 24px;
}

.benefit-point {
  display: flex;
  align-items: center;
  justify-content: start;
}

.benefit-point p {
  font-size: 16px;
}

.benefit-point img {
  margin-right: 18px;
}

.benefit-point h4 {
  font-size: 36px;
  margin-right: 14px;
}

.Benefits h2 {
  margin-bottom: 44px;
  text-align: center;
}

/* .Benefits p {
  margin-bottom: 40px;
} */



.iconbx img {
  margin-bottom: 20px;
  width: 100%;
}

.beneBx {
  text-align: left;
  position: relative;
  height: 100%;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #d9d9d9;
}

.custom-benefit-spacing {
  --bs-gutter-x: 3rem;
  --bs-gutter-y: 2rem;
}

.custom-pad-1 {
  --bs-gutter-x: 0.5rem;
  --bs-gutter-y: 2rem;
}

.c-logos-container {
  overflow: hidden;
  display: flex;
}

.c-logos-slider {
  display: flex;
  white-space: nowrap;
  animation: slide 80s linear infinite;
}


.bb-add-bt {
  border-bottom: 2px solid #000;
  margin-bottom: 38px;
}


.c-logo {
  display: flex;
  padding: 8px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 16px;
  border: 2px solid #ededed;
  background: #fff;
  box-shadow: 0px 0px 0px 0px rgba(226, 215, 255, 0.40);
  width: 150px;
  height: 100px;
  margin-right: 23px;
}

.c-logo img {
  max-width: 90px;
  height: auto;
  object-fit: contain;
}

.c-logo img.th {
  max-width: 63px;
  height: auto;
  object-fit: contain;
}

.c-logo img.mari {
  max-width: 71px;
  height: auto;
  object-fit: contain;
}

.form-group.dim {
  opacity: 0.4;
  /* Dims the other fields */
  pointer-events: none;
  /* Prevent interaction */
}

@keyframes slide {
  from {
    transform: translateX(0%);
  }

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


/* Style for the active class */
.form-group input.active {
  opacity: 1;
}

.form-group textarea.active {
  opacity: 1;
}

.form-group input,
.form-group textarea {
  transition: 0.5s all ease;
}

.tabName h5 span.tab-1 {
  color: #fcb814;
  font-size: 18px;
  font-weight: bold;
}

.tabName h5 span.tab-2 {
  color: #ee3d41;
  font-size: 18px;
  font-weight: bold;
}

.tabName h5 span.tab-3 {
  color: #2694d1;
  font-size: 18px;
  font-weight: bold;
}

.tab-item.slick-slide.slick-current.slick-active .tabName {
  background-color: #f3f4f6;
  color: #000;
  padding: 10px 15px;
  border-radius: 50px;
  text-align: center;
  border: 2px solid #fcb814;
}

.nav-pills .nav-link .tabName {
  background-color: #f3f4f6;
  color: #000;
  padding: 10px 15px;
  border-radius: 50px;
  text-align: center;
  border: 2px solid #333;
  transition: 0.5s all ease;
  min-width: 296px;
}

.nav-pills .nav-link .tabName.crea-tab {
  border: 2px solid #fcb814;
}

.nav-pills .nav-link .tabName.med-tab {
  border: 2px solid #2694d1;
}

.nav-pills .nav-link .tabName.tech-tab {
  border: 2px solid #ee3d41;
}

/* .nav-pills .nav-link.active .tabName {
  border: 2px solid #fdb914;
} */

.mobileCasestudy .nav-pills {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  padding: 0;
}

.mobileCasestudy .nav-link {
  padding: 0;
  margin-bottom: 11px;
}

.mobileCasestudy .nav.nav-pills li:nth-child(2) {
  margin: 0 15px;
}



.mobileCasestudy .nav-pills .nav-link.active,
.mobileCasestudy .nav-pills .show>.nav-link {
  color: #fff;
  background-color: transparent;
}

.mobileCasestudy {
  padding: 60px 0 0px 0;
}

.mobileCasestudy .slider-nav .slick-slide {
  min-width: 240px;
  margin-right: 20px;
  margin-bottom: 22px;
}

.mobileCasestudy .slick-track {
  display: flex;
}

.bogus-img img {
  height: auto;
  width: 100%;
}


.referSection h1 span {
  color: var(--color-1);
  font-size: 60px;
  font-weight: bold;
}

.referTile {
  line-height: 1.1;
  margin-bottom: 22px;
}

.referSection {
  padding-top: 180px;
  padding-bottom: 60px;
  background-image: linear-gradient(3deg, rgb(255 255 255) 0%, rgb(255 255 255 / 62%) 50%, rgb(255 255 255) 100%), url(../images/brand-pattern.png);
  background-position: center;
  background-size: cover;
}

ul.referTab li {
  width: 50%;
}

ul.referTab li button {
  width: 100%;
}

.referTabs .tab-content {
  margin-top: 80px;
}

.referTile span {
  line-height: 1.1;
}

p.referPara {
  padding-right: 26%;

}

.alternate-bg {
  background-color: var(--color-1);
  color: #000;
  transition: 0.3s all ease;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 2px;
}

.alternate-bg:hover {
  background-color: #222;
  color: #fff;
}

.referContent h2 {
  margin-bottom: 20px;
}

.referContent p {
  margin-bottom: 0;
}

.referContent h4 {
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 600;
}

.referContent ul li {
  margin-bottom: 5px;
}

.referContent ul li:last-child {
  margin-bottom: 0px;
}

.referInnerBx {
  margin-top: 40px;
}

section.referTabs {
  padding-top: 200px;
}

.referTab {
  gap: 50px;
  flex-wrap: nowrap;
}

.referTab .nav-link {
  background-color: #fff;
  text-transform: uppercase;
  color: #000;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 5px;
  transition: 0.3s all ease;
  border-radius: 50px;
  padding: 0px;
  /* border: 2px solid #333; */
}

.referTabs .nav-pills .nav-link.active {
  color: #fff;
  background-color: #ffffff;
  border: 0px solid #33333300;
}

.referTabs .nav-pills .nav-link.active a.btn--6 {
  color: #fff;
  background-color: #222;
  /* border: 2px solid #33333300; */
}

.circle {
  width: 42px;
  height: 46px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.button-container {
  display: inline-flex;
  align-items: center;
  justify-content: end;
  border: 2px solid #f2f2f2;
  border-radius: 100px;
  padding: 10px 20px 10px 10px;
  background-color: #fff;
  -webkit-animation: floatbtn 1s infinite alternate;
  animation: floatbtn 1.5s infinite alternate;
  position: absolute;
  right: 0;
  top: -51px;
  height: 74px;
}


.button-container .button-text {
  font-size: 24px;
  font-weight: 500;
  color: #000;
  margin-left: 12px;
}

@-webkit-keyframes floatbtn {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-10px);
  }
}

@keyframes floatbtn {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-10px);
  }
}

.banner-four-element {
  display: flex;
  gap: 55px;
  justify-content: center;
  align-items: center;
}

.banner-four-element .first-ele {
  margin-right: -20px;
}

.banner-four-element .first-ele img,
.banner-four-element .sec-ele img,
.banner-four-element .third-ele img,
.banner-four-element .fourth-ele img {
  width: 280px;
}

.banner-four-element .first-ele,
.banner-four-element .sec-ele,
.banner-four-element .third-ele,
.banner-four-element .fourth-ele {
  transition: 0.3s all ease;
}

.banner-four-element .first-ele:hover,
.banner-four-element .sec-ele:hover,
.banner-four-element .third-ele:hover,
.banner-four-element .fourth-ele:hover {
  transform: scale(1.2);
}


.iam {
  color: #000;
  font-size: 110px;
  padding: 15px;
  font-weight: bold;
}

.text1121 {
  color: #000;
  font-size: 110px;
  font-weight: bold;
  line-height: 1.4;
}

span.typed-cursor {
  line-height: 1.4;
  font-size: 110px;
  font-weight: 400;
}


.spacer-line {
  border-top: 1px solid #2d2d2d;
  margin: 70px 0 80px 0;
}

.spacer-line1 {
  border-top: 1px solid #dddddd;
  margin: 70px 0 20px 0;
}

p.address-text {
  color: #222;
  font-size: 16px;
  padding-right: 23%;
}

.foooter-pad-btm {
  padding-bottom: 0px;
}


section.video-banner {
  padding-top: 100px;
}


.video-container {
  position: relative;
  width: 100%;
  /* height: 100vh; */
  background-color: #000;
  overflow: hidden;
  border-radius: 20px;
  height: 98%;
}

video {
  width: 100%;
  /* display: none; */
  /* height: 97vh; */

}

.thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  border-radius: 20px;
  background-repeat: no-repeat;
}

.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
  transition: transform 0.3s;
  z-index: 10;
}

.play-button i {
  font-size: 24px;
  width: 70px;
  color: #fff;
  height: 70px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.06);
  border: 1px solid rgb(255 255 255 / 34%);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 2px;
}

.play-button:hover {
  transform: translate(-50%, -50%) scale(1.1);
}

.play-icon,
.pause-icon {
  width: auto;
  height: auto;
  /* border-style: solid; */
}

.play-icon i {
  font-size: 30px;
}

.pause-icon {
  border-width: 0 10px 0 0;
  border-left: 4px solid #000;
  margin-right: 0;
  height: 20px;
}

.pause-icon::after {
  content: '';
  border-left: 4px solid #000;
  height: 20px;
  display: inline-block;
  margin-left: 4px;
}

[class^=btn--] {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  border-radius: 50px;
  font-size: 22px;
  letter-spacing: 5px;
  text-transform: uppercase;
  border: 1px solid #222;
  background-color: #222;
  padding: 15px 20px 15px 20px;
  text-decoration: none;
  text-align: center;
}


.btn--6 {
  color: #fff;
}

.btn--6:hover {
  color: #222;
  z-index: 2;
}

.btn--6 span {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: #fff;
  transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.referTabs .nav-pills .nav-link.active .btn--6 span {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: #fff;
  transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
  transform: translate(-50%, -50%);
  z-index: -1;
}


.referTabs .nav-pills .nav-link.active .btn---7:hover span {
  width: 225%;
  height: 562.5px;
}

.referTabs .nav-pills .nav-link.active .btn----8:hover span {
  width: 225%;
  height: 562.5px;
}

.referTabs .nav-pills .nav-link.active .btn-----9:hover span {
  width: 225%;
  height: 562.5px;
}

.referTabs .nav-pills .nav-link.active .btn---7:active {
  background-color: #538e8f;
}

.referTabs .nav-pills .nav-link.active .btn----8:active {
  background-color: #538e8f;
}

.referTabs .nav-pills .nav-link.active .btn-----9:active {
  background-color: #538e8f;
}

[class^=btn---] {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  border-radius: 50px;
  font-size: 22px;
  letter-spacing: 5px;
  text-transform: uppercase;
  background-color: transparent;
  border: 1px solid #222;
  padding: 15px 20px 15px 20px;
  text-decoration: none;
  text-align: center;
}

[class^=btn----] {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  border-radius: 50px;
  line-height: 1.5;
  font-weight: 500;
  font-size: 22px;
  letter-spacing: 5px;
  text-transform: uppercase;
  border: 1px solid #222;
  padding: 15px 20px 15px 20px;
  text-decoration: none;
  text-align: center;
}

[class^=btn-----] {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  border-radius: 50px;
  font-size: 22px;
  letter-spacing: 5px;
  text-transform: uppercase;
  border: 1px solid #222;
  padding: 15px 20px 15px 20px;
  text-decoration: none;
  text-align: center;
}



.nav-link.active .btn----8 {
  color: #fff;

}

.nav-link.active .btn-----9 {
  color: #fff;
}

.nav-link.active .btn----8 {
  background-color: #222;
}

.nav-link.active .btn-----9 {
  background-color: #222;
}

.nav-link .btn----8 {
  color: #222;
}

.nav-link .btn----8 {
  background-color: transparent;
}

.nav-link .btn-----9 {
  color: #222;
}

.nav-link .btn-----9 {
  background-color: transparent;
}

.btn---7:hover {
  color: #fff;
  z-index: 2;
}

.btn----8:hover {
  color: #fff;
  z-index: 2;
}

.btn-----9:hover {
  color: #fff;
  z-index: 2;
}

.btn---7 span {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: #222;
  transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.btn----8 span {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: #222;
  transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.btn-----9 span {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: #222;
  transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
  transform: translate(-50%, -50%);
  z-index: -1;
}


.btn---7:hover span {
  width: 225%;
  height: 562.5px;
}

.btn---7:active {
  background-color: #538e8f;
}

.btn----8:hover span {
  width: 225%;
  height: 562.5px;
}

.btn----8:active {
  background-color: #538e8f;
}

.btn-----9:hover span {
  width: 225%;
  height: 562.5px;
}

.btn-----9:active {
  background-color: #538e8f;
}


.section.FaqWrapper .accordian-wrapper {
  background: #f8f8f8;
  border-radius: 0;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
  border-radius: 10px;
}

.custom-accord .accordion-item:nth-child(1) .accordian-wrapper {
  border-left: 5px solid #dbdbdb;
}

.custom-accord .accordion-item:nth-child(2) .accordian-wrapper {
  border-left: 5px solid #dbdbdb;
}

.custom-accord .accordion-item:nth-child(3) .accordian-wrapper {
  border-left: 5px solid #dbdbdb
}

.custom-accord .accordion-item:nth-child(4) .accordian-wrapper {
  border-left: 5px solid #dbdbdb
}

.custom-accord .accordion-item:nth-child(5) .accordian-wrapper {
  border-left: 5px solid #dbdbdb
}

.custom-accord .accordion-item:nth-child(6) .accordian-wrapper {
  border-left: 5px solid #dbdbdb;
  margin-bottom: 0;
}

.btn--6:hover span {
  width: 225%;
  height: 562.5px;
}

.btn--6:active {
  background-color: #538e8f;
}

.vertical-divider {
  width: 2px;
  background: linear-gradient(87deg, rgb(253 253 253) 0%, rgb(243 243 243) 25%, rgb(227 227 227) 50%, rgb(241 241 241) 75%, rgb(255 255 255) 100%);
  height: 237px;
  position: absolute;
  top: 0;
  right: 0;
}

.vertical-divider-tab {
  display: none;
}



.hori-divider-mobile {
  display: none;
}

.referImg {
  text-align: right;
}

.referImg img {
  max-width: 67%;
}

.contact__form label::before {
  content: attr(data-number);
  font-size: .875rem;
  left: -49px;
  position: absolute;
  font-weight: 500;
  top: 17px;
  opacity: 0.5;
}

.contact__form {
  padding: 0 70px;
}

.contact__form .form-group {
  position: relative;
}

.formHeader img {
  position: absolute;
  top: 0;
  left: -98px;
  width: 400px;
}

.ptf-animated-block ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.ptf-animated-block ul li {
  margin-bottom: 20px;
}

.ptf-animated-block ul li:last-child {
  margin-bottom: 0px;
}

.ptf-animated-block ul li .mainBlk {
  display: flex;
  align-items: center;
}

.ptf-animated-block ul li a i {
  display: flex;
  align-items: center;
  border-radius: 50px;
  width: 40px;
  height: 40px;
  justify-content: center;
  border: 1px solid #e1e1e1;
  font-size: 20px;
  margin-right: 15px;
}

.ptf-animated-block ul li a {
  display: flex;
  align-items: center;
}

.ptf-animated-block ul li .mainBlk p {
  font-size: 16px;
}

.ptf-animated-block ul li .mainBlk .icon i {
  display: flex;
  align-items: center;
  border-radius: 50px;
  width: 40px;
  height: 40px;
  justify-content: center;
  border: 1px solid #e1e1e1;
  font-size: 20px;
  margin-right: 15px;
}


.footer_menu-1 {
  padding-left: 0;
  list-style: none;
}

.footer_menu-1 {
  padding-left: 0;
  list-style: none;
}

.featureBlog {
  padding-bottom: 100px;
}

.featuredBlk {
  position: relative;
}

.featuredBlk .featureContent {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  padding: 0 2.5rem 3.75rem 4.6875rem;
}

.blog-content a {
  color: #ee3d41;
  text-decoration: none;
}

.featuredBlk .featureContent h1 {
  margin-bottom: 0;
  color: #fff;
}

.featuredBlk .featureContent h1 a {
  text-decoration: none;
  font-size: 48px;
  font-weight: 600;
  color: #fff;
}

.featuredBlk .featureContent span.date {
  font-size: 18px;
  color: #fff;
}

.featuredBlk .featureImg::after {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), color-stop(76%, transparent));
  background-image: -webkit-linear-gradient(to top, rgb(0 0 0 / 100%), #00000026 83%);
  background-image: linear-gradient(to top, rgb(0 0 0 / 100%), #00000026 83%);
}

.featureBlogSLider .nextArrow,
.featureBlogSLider .prevArrow {
  color: #fdb914;
  font-size: 30px;
  position: absolute;
  bottom: 50px;
  z-index: 9;
  width: 55px;
  height: 55px;
  border: 2px solid #fdb914;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
}

.featureBlogSLider .nextArrow {
  right: 50px;
}

.featureBlogSLider .prevArrow {
  right: 118px;
}

.featureBlogSLider .slick-list {
  border-radius: 15px;
}

.blog-listing .casestudy-Bx.blog-Bx {
  background-color: #fff;
  /* border: 2px solid #000; */
  border-radius: 15px;
  box-shadow: none;
  padding: 0;
  height: 435px;
}

.case-study-listing .casestudy-Bx .case-img {
  border-radius: 0;
  height: 440px;
  position: relative;
  width: 100%;
  object-fit: cover;
  overflow: hidden;
}

.case-study-listing .casestudy-Bx .case-img img {
  position: absolute;
}

.case-study-listing .casestudy-Bx .case-img img.videoIcon {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
}

.case-study-listing .casestudy-Bx .case-img img.case-thyme {
  height: 77%;
  width: 100%;
  object-fit: contain;
  bottom: 53px;
  right: -14px;
}

.case-study-listing .casestudy-Bx .case-img img.case-crizac {
  height: 100%;
  width: 100%;
  object-fit: contain;
  bottom: -352px;
  right: -183px;
  transform: scale(2.7);
}

.case-study-listing .casestudy-Bx .case-img img.case-med {
  height: 77%;
  width: auto;
  bottom: -33px;
  right: 50px;
  transform: scale(1.2);
}

.case-study-listing .casestudy-Bx .case-img img.case-ncb {
  height: 85%;
  width: auto;
  bottom: -43px;
  right: -9px;
  transform: scale(1.2);
}

.case-study-listing .casestudy-Bx .case-img img.case-wl {
  width: auto;
  bottom: 80px;
  right: -181px;
  transform: scale(1.9);
}

.case-study-listing .casestudy-Bx .case-img img.case-maison-new {
  height: 85%;
  width: auto;
  bottom: -133px;
  right: -77px;
  transform: scale(3.2);
}

.case-study-listing .casestudy-Bx .case-img img.case-ds {
  height: auto;
  width: auto;
  bottom: -260px;
  right: 66px;
  transform: scale(1.4);
}

.case-study-listing .casestudy-Bx .case-img img.case-shiop {
  height: auto;
  width: auto;
  bottom: -290px;
  right: 76px;
  transform: scale(0.9);
}

.case-study-listing .casestudy-Bx .case-img img.case-hlm {
  height: auto;
  width: auto;
  bottom: -113px;
  right: -66px;
  transform: scale(1.6);
}

.case-study-listing .casestudy-Bx .case-img img.case-akorn {
  height: auto;
  width: auto;
  bottom: -113px;
  right: -17px;
  transform: scale(1.8);
}

.case-study-listing .casestudy-Bx .case-img img.case-ship {
  height: auto;
  width: auto;
  bottom: -280px;
  right: -50px;
  transform: scale(1.5);
}

.case-study-listing .casestudy-Bx .case-img img.case-avan {
  height: auto;
  width: auto;
  bottom: -170px;
  right: 50px;
  transform: scale(1.5);
}

.case-study-listing .casestudy-Bx .case-img img.case-thy {
  height: auto;
  width: auto;
  bottom: -3px;
  right: 20px;
  transform: scale(1.4);
}

.case-study-listing .casestudy-Bx .case-img img.case-maison-1 {
  height: 77%;
  width: auto;
  bottom: -62px;
  right: -30px;
  transform: scale(1.3);
}

.case-study-listing .casestudy-Bx .case-img img.case-dtc {
  height: auto;
  width: auto;
  bottom: 10px;
  left: -103px;
}

.case-study-listing .casestudy-Bx .case-img img.case-croft {
  height: auto;
  width: 62%;
  bottom: 19px;
  right: 71px;
}

.case-study-listing .casestudy-Bx .case-img img.case-mille {
  height: auto;
  width: 52%;
  bottom: -133px;
  right: 107px;
}

.case-study-listing .casestudy-Bx .case-img img.case-maison {
  height: 76%;
  width: auto;
  bottom: 40px;
  right: 30px;
}

.case-study-listing .casestudy-Bx .case-img img.opus-img {
  height: auto;
  width: 100%;
  bottom: -130px;
  right: 0px;
}

.case-logo img.opus-logo {
  width: 55px;
  position: absolute;
  top: 30px;
  z-index: 1;
  height: auto;
  left: 30px;
}

.case-study-listing .casestudy-Bx .case-img img.case-nou {
  height: auto;
  width: 64%;
  bottom: -354px;
  right: 89px;
}

.bg-glow {
  background: url(../images/nou-glow.png);
  background-position: 40px -110px;
  background-size: cover;
  background-color: #520000;
  background-repeat: no-repeat;
}

.case-logo img.thyLogo {
  width: 120px;
  position: absolute;
  top: 30px;
  z-index: 1;
  height: auto;
  left: 30px;
}

.case-logo img.med-logo {
  width: 120px;
  position: absolute;
  top: 30px;
  z-index: 1;
  height: auto;
  left: 30px;
}

.case-logo img.shiplogo {
  width: 120px;
  position: absolute;
  top: 30px;
  z-index: 1;
  height: auto;
  left: 30px;
}

.case-logo img.avalogo {
  width: 120px;
  position: absolute;
  top: 30px;
  z-index: 1;
  height: auto;
  left: 30px;
}

.case-logo img.thymelogo {
  width: 120px;
  position: absolute;
  top: 30px;
  z-index: 1;
  height: auto;
  left: 30px;
}

.case-logo img.hlm-logo {
  width: 134px;
  position: absolute;
  top: 30px;
  z-index: 1;
  height: auto;
  left: 30px;
}

.case-logo img.akorn-logo {
  width: 134px;
  position: absolute;
  top: 30px;
  z-index: 1;
  height: auto;
  left: 30px;
}

.case-logo img.wlLogo {
  width: 176px;
  position: absolute;
  top: 30px;
  z-index: 1;
  height: auto;
  left: 30px;
}

.case-logo img.dsLogo {
  width: 112px;
  position: absolute;
  top: 30px;
  z-index: 1;
  height: auto;
  left: 30px;
}

.case-logo img.ncbLogo {
  width: 145px;
  position: absolute;
  top: 30px;
  z-index: 1;
  height: auto;
  left: 30px;
}

.case-logo img.criLogo {
  width: 90px;
  position: absolute;
  top: 30px;
  z-index: 1;
  height: auto;
  left: 30px;
}

.case-logo img.croftLogo {
  width: 120px;
  position: absolute;
  top: 30px;
  z-index: 1;
  height: auto;
  left: 30px;
}

.case-logo img.mille-logo {
  width: 100px;
  position: absolute;
  top: 30px;
  z-index: 1;
  height: auto;
  left: 30px;
}

.case-logo img.maisonLogo {
  width: 55px;
  position: absolute;
  top: 30px;
  z-index: 1;
  height: auto;
  left: 30px;
}

.case-logo img.dtlogo {
  width: 134px;
  position: absolute;
  top: 30px;
  z-index: 1;
  height: auto;
  left: 30px;
}

.case-logo img.nuouLogo {
  width: 100px;
  position: absolute;
  top: 30px;
  z-index: 1;
  height: auto;
  left: 30px;
}

.case-content ul.casePointers {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

ul.casePointers li::before {
  content: "";
  background-color: #222;
  border-radius: 50px;
  font-weight: bold;
  min-width: 6px;
  height: 6px;
  display: inline-block;
  margin-right: 9px;
  margin-top: 4px;
}

ul.casePointers li:nth-child(1)::before {
  background-color: #e55858;
}

ul.casePointers li:nth-child(2)::before {
  background-color: #fdb816;
}

ul.casePointers li:nth-child(3)::before {
  background-color: #519ed4;
}

ul.casePointers li:nth-child(4)::before {
  background-color: #44bdad;
}

ul.casePointers li {
  color: #222;
  font-size: 13px;
  font-weight: 600;
  position: relative;
  margin: 1px 0px 1px 0px;
  flex: 1 1 calc(50% - 0px);
  display: flex;
  align-items: start;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1.3;
  margin-top: 11px;
}

.you-might-also-like .casestudy-Bx.blog-Bx {
  background-color: #fff;
  /* border: 2px solid #000; */
  border-radius: 15px;
  box-shadow: none;
  padding: 0;
}

.casestudy-Bx {
  background-color: #fff;
  padding: 0px 0px 0px 0px;
  /* border: 2px solid #000; */
  border-radius: 15px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
  overflow: hidden;
  position: relative;
  height: 100%;
}

.case-study-listing.daily-creative .casestudy-Bx {
  background-color: #fff;
  padding: 0px;
  /* border: 2px solid #000; */
  border-radius: 15px;
  /* box-shadow: none; */
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
}

.bt-top {
  border-top: 2px dashed #e7e7e7;
}

/* Change placeholder color to white on hover */
.form-group input.hover-active::placeholder,
.form-group textarea.hover-active::placeholder {
  color: white;
  transition: color 0.3s ease;
  /* Smooth transition for color change */
}

/* Hide placeholder text on focus */
.form-group input.active::placeholder,
.form-group textarea.active::placeholder {
  color: #fff;
}

/* Default placeholder styling */
.form-group input::placeholder,
.form-group textarea::placeholder {
  color: gray;
  /* Default placeholder color */
  transition: color 0.3s ease;
  /* Smooth transition for color change */
}


.minus-value {
  margin-top: -197px;
}

.strat-dev.digital-strat h2.section-title {
  padding-right: 10%;
}

.strat-dev.new-age-strat h2.section-title {
  padding-right: 20%;
}

section.you-might-also-like {
  padding-top: 0;
}

/* ++++++++++++++++++ Terms and Condition +++++++++++++++ */

section.terms-condition {
  padding-top: 160px;
}

.termsContent h2 {
  font-size: 38px;
  margin-bottom: 15px;
}

/* .termsContent p:not(:last-child) {
  margin-bottom: 61px;
} */

.termsContent p {
  margin-bottom: 20px;
}

.termsContent h1.heading-1 {
  margin-bottom: 106px;
  line-height: 1;
}

.termsContent h4 {
  margin-bottom: 0px;
  margin-top: 61px;
}

.termsContent h3 {
  margin-bottom: 28px;
}

.termsContent .terms-pointer-1 {
  margin-bottom: 30px;
}

.termsContent .terms-pointer-2 {
  margin-bottom: 30px;
}

.termsContent a.links {
  color: #fcb814;
  text-decoration: none;
}


/* ++++++++++++++++++ Terms and Condition +++++++++++++++ */


/* ++++++++++++++++++ Privacy Policy Condition +++++++++++++++ */

section.terms-condition {
  padding-top: 160px;
}

.policyContent h2 {
  font-size: 38px;
  margin-bottom: 15px;
}

/* .termsContent p:not(:last-child) {
  margin-bottom: 61px;
} */

.policyContent p {
  margin-bottom: 20px;
}

.policyContent h1.heading-1 {
  margin-bottom: 66px;
  line-height: 1;
}

.policyContent h4 {
  margin-bottom: 0px;
  margin-top: 35px;
}

.policyContent h2 {
  margin-bottom: 20px;
  margin-top: 61px;
}

.policyContent h3 {
  margin-bottom: 28px;
}

.policyContent .terms-pointer-1 {
  margin-bottom: 30px;
}

.policyContent .terms-pointer-2 {
  margin-bottom: 30px;
}

.policyContent a.links {
  color: #fcb814;
  text-decoration: none;
}


/* ++++++++++++++++++ Terms and Condition +++++++++++++++ */



/* ++++++++++++++++++ Careers Page +++++++++++++++ */


p.carrerText {
  font-weight: 500;
}

.yellowbx {
  background-color: #ee3d41;
  width: 100%;
  height: 450px;
  border-radius: 20px;
}

.blueBx {
  background-color: #fdb914;
  width: 100%;
  height: 450px;
  border-radius: 20px;
}

.greenBx {
  background-color: #44bdad;
  width: 100%;
  height: 450px;
  border-radius: 20px;
}

.careers-custom-pad {
  --bs-gutter-x: 3.5rem;
}

.spacing-set {
  margin-top: 50px;
}

.bg-pattern-career {
  background-image: linear-gradient(3deg, rgb(255 255 255) 0%, rgb(255 255 255 / 0%) 50%, rgb(255 255 255 / 0%) 100%), url(../images/bg-pat.png);
  background-size: cover;
  width: 100%;
  padding-bottom: 120px;
  background-position: center;
  background-repeat: no-repeat;
}

a.careerLink {
  text-decoration: none;
}

.custom-accord .accordion-body a.careerLink:hover {
  background-color: transparent;
  color: #FDB914;
}

.section.FaqWrapper.carrersJob {
  padding-top: 0;
}

.careerImg img {
  /* width: 100%; */
}

.section.section.ceo-section {
  background-image: url(../images/testimonal-bg.png);
  background-position: center;
  background-size: cover;
  padding: 150px 0 202px 0;
  overflow: hidden;
  position: relative;
}

.quoteIcon {
  position: absolute;
  top: -5px;
  left: 100px;
}

.abtBan {
  display: flex;
  align-items: center;
}

.aboutbanSlider .abtBan .rightSlider img {
  width: 88px;
  object-fit: contain;
  margin-bottom: 20px;
}

.aboutbanSlider .abtBan .rightSlider p {
  font-size: 16px;
  font-weight: 400;
  line-height: 39px;
}

.aboutbanSlider .abtBan .rightSlider {
  padding-left: 50px;
  padding-right: 99px;
}

.aboutbanSlider .abtBan .rightSlider h3 {
  font-size: 30px;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 15px;
}

.aboutbanSlider .abtBan .leftImgBan,
.aboutbanSlider .abtBan .rightSlider {
  width: 50%;
}

.aboutbanSlider .abtBan .leftImgBan img {
  width: 100%;
}


.aboutbanSlider .swiper-slide {
  padding: 0 50px;
}



.aboutbanSlider {
  position: relative;
}

.adjust-navbar {
  z-index: 9 !important;
}


.button-vid {
  display: inline-block;
  position: absolute;
  /* top: 50%; */
  transform: translate(-50%, 170%);
  top: 50%;
  left: 50%;
}

.button-vid.is-play {
  background-color: #fff;
  border-radius: 50%;
  width: 80px;
  height: 80px;
}

.button-vid.is-play .button-outer-circle {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}

.button-vid.is-play .button-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  transform: translate(-50%, -50%);
}

.button-vid.is-play .button-icon .triangle {
  -webkit-animation: fadeIn 7s ease;
  animation: fadeIn 7s ease;
}

.button-vid.is-play .button-icon .path {
  stroke-dasharray: 90;
  stroke-dashoffset: 0;
  -webkit-animation: triangleStroke 3s;
  animation: triangleStroke 3s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
}

.has-scale-animation {
  -webkit-animation: smallScale 3s infinite;
  animation: smallScale 3s infinite;
}

.has-delay-short {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes triangleStroke {
  from {
    stroke-dashoffset: 90;
  }

  to {
    stroke-dashoffset: 0;
  }
}

@keyframes triangleStroke {
  from {
    stroke-dashoffset: 90;
  }

  to {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes smallScale {
  from {
    transform: scale(1);
    opacity: 1;
  }

  to {
    transform: scale(1.5);
    opacity: 0;
  }
}

@keyframes smallScale {
  from {
    transform: scale(1);
    opacity: 1;
  }

  to {
    transform: scale(1.5);
    opacity: 0;
  }
}


.aboutbanSlider .swiper-button-next::after,
.aboutbanSlider .swiper-button-prev::after {
  position: absolute;
}

.aboutbanSlider .swiper-button-next::after {
  background: transparent url(../images/next-work.svg) no-repeat center / cover;
  width: 58px;
  height: 58px;
  top: 200px;
  border-radius: 50px;
  z-index: 9;
  background-size: 28px;
  border: 2px solid #e9e9e9;
  right: 470px;
}

.aboutbanSlider .swiper-button-next.swiper-button-disabled,
.aboutbanSlider .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.aboutbanSlider .swiper-button-next {
  width: 58px;
  left: unset;
  right: 0;
  height: 58px;
  top: 0;
  margin-top: 0;
}

.aboutbanSlider .swiper-button-prev {
  width: 58px;
  left: unset;
  right: 0;
  height: 58px;
  top: 0;
  margin-top: 0;
}

.aboutbanSlider .swiper-button-prev::after {
  background: transparent url(../images/left.svg) no-repeat center / cover;
  width: 58px;
  height: 58px;
  right: 470px;
  top: 132px;
  border: 2px solid #e9e9e9;
  border-radius: 50px;
  background-size: 28px;
  display: flex;
  z-index: 9;
  justify-content: center;
}

.ceoImg img {
  position: absolute;
  top: -7px;
  left: -99px;
}

.hotspot {
  display: block;
  position: absolute;
  border-radius: 50%;
  filter: blur(2px);
}

.hotspot.main-wrapper {
  position: absolute;
}

.hotspot.dots-container {
  position: absolute;
  right: -60px;
  top: -110px;
}

.hotspot.dot1 {
  width: 11px;
  height: 11px;
  border: 5px solid #44bdad;
  background-color: transparent;
  z-index: 1;
  opacity: 0.2;
  animation: dot1 2s infinite;
}

.hotspot.dot2 {
  width: 11px;
  height: 11px;
  background-color: #fcb813;
  z-index: 2;
  animation: dot2 2s infinite;
}

.hotspot.dot3 {
  width: 11px;
  height: 11px;
  background-color: #fcb813;
  z-index: 3;
  animation: dot3 1s alternate infinite;
}

.hotspot.dot11 {
  width: 11px;
  height: 11px;
  border: 5px solid #fcb813;
  background-color: transparent;
  z-index: 1;
  opacity: 0.2;
  animation: dot1 2s infinite;
}

.hotspot.dot22 {
  width: 11px;
  height: 11px;
  background-color: #44bdad;
  z-index: 2;
  animation: dot2 2s infinite;
}

.hotspot.dot33 {
  width: 11px;
  height: 11px;
  background-color: #44bdad;
  z-index: 3;
  animation: dot3 1s alternate infinite;
}

.hotspot.dot111 {
  width: 11px;
  height: 11px;
  border: 5px solid #fcb813;
  background-color: transparent;
  z-index: 1;
  opacity: 0.2;
  animation: dot1 2s infinite;
}

.hotspot.dot222 {
  width: 11px;
  height: 11px;
  background-color: #fcb813;
  z-index: 2;
  animation: dot2 2s infinite;
}

.hotspot.dot333 {
  width: 11px;
  height: 11px;
  background-color: #fcb813;
  z-index: 3;
  animation: dot3 1s alternate infinite;
}

.hotspot.dot1111 {
  width: 11px;
  height: 11px;
  border: 5px solid #ee3b42;
  background-color: transparent;
  z-index: 1;
  opacity: 0.2;
  animation: dot1 2s infinite;
}

.hotspot.dot2222 {
  width: 11px;
  height: 11px;
  background-color: #ee3b42;
  z-index: 2;
  animation: dot2 2s infinite;
}

.hotspot.dot3333 {
  width: 11px;
  height: 11px;
  background-color: #ee3b42;
  z-index: 3;
  animation: dot3 1s alternate infinite;
}

@keyframes dot1 {
  0% {
    opacity: 0.2;
    transform: translate(-50%, -50%);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(5);
  }
}

@keyframes dot2 {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(2);
  }
}

@keyframes dot3 {
  0% {
    transform: translate(-50%, -50%);
  }

  100% {
    transform: translate(-50%, -50%) scale(1.1);
  }
}

@keyframes dot11 {
  0% {
    opacity: 0.2;
    transform: translate(-50%, -50%);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(5);
  }
}

@keyframes dot22 {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(2);
  }
}

@keyframes dot33 {
  0% {
    transform: translate(-50%, -50%);
  }

  100% {
    transform: translate(-50%, -50%) scale(1.1);
  }
}

@keyframes dot111 {
  0% {
    opacity: 0.2;
    transform: translate(-50%, -50%);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(5);
  }
}

@keyframes dot222 {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(2);
  }
}

@keyframes dot333 {
  0% {
    transform: translate(-50%, -50%);
  }

  100% {
    transform: translate(-50%, -50%) scale(1.1);
  }
}

@keyframes dot1111 {
  0% {
    opacity: 0.2;
    transform: translate(-50%, -50%);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(5);
  }
}

@keyframes dot2222 {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(2);
  }
}

@keyframes dot3333 {
  0% {
    transform: translate(-50%, -50%);
  }

  100% {
    transform: translate(-50%, -50%) scale(1.1);
  }
}

span.hotspot.dots-container-1 {
  position: absolute;
  right: -100px;
  top: 50px;
}

span.hotspot.dots-container-2 {
  position: absolute;
  right: -50px;
  top: 170px;
}

span.hotspot.dots-container-3 {
  position: absolute;
  right: -160px;
  top: -220px;
}

span.hotspot.dots-container-4 {
  position: absolute;
  right: -630px;
  top: -60px;
}

span.hotspot.dots-container-5 {
  position: absolute;
  right: -620px;
  top: 201px;
}

span.hotspot.dots-container-6 {
  position: absolute;
  right: -570px;
  top: 61px;
}

span.hotspot.dots-container-7 {
  position: absolute;
  right: -520px;
  top: -229px;
}

.hotspot.dot-blue {
  width: 11px;
  height: 11px;
  border: 5px solid #2494d2;
  background-color: transparent;
  z-index: 1;
  opacity: 0.2;
  animation: dot1 2s infinite;
}

.hotspot.dot-blue-2 {
  width: 11px;
  height: 11px;
  background-color: #2494d2;
  z-index: 2;
  animation: dot2 2s infinite;
}

.hotspot.dot-blue-3 {
  width: 11px;
  height: 11px;
  background-color: #2494d2;
  z-index: 3;
  animation: dot3 1s alternate infinite;
}

@keyframes dot-blue {
  0% {
    opacity: 0.2;
    transform: translate(-50%, -50%);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(5);
  }
}

@keyframes dot-blue-2 {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(2);
  }
}

@keyframes dot-blue-3 {
  0% {
    transform: translate(-50%, -50%);
  }

  100% {
    transform: translate(-50%, -50%) scale(1.1);
  }
}

.aboutbanSlider .swiper-pagination {
  display: none;
}

.tabdesign ul li button {
  list-style: none;
  cursor: pointer;
  color: #222;
  padding: 0;
  background-color: transparent;
  border: 2px solid transparent;
  transition: 0.5s all ease;
  text-align: center;
  border-radius: 0px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 17px;
  font-family: var(--font-secondary);
  position: relative;
  line-height: 3;
  border: 2px solid #eee;
  border-bottom: 2px solid #eeeeee00;
  font-weight: 600;
}

.tabdesign ul li button.active p {
  padding: 0px 0px 0px 0px;
  border-bottom: 5px solid #FDB914;
}

.tabdesign ul li button p {
  padding: 0px 0px 0px 0px;
  border-bottom: 5px solid #fdb91400;
  font-size: 16px;
  font-family: var(--font-secondary);
  position: relative;
  font-weight: 600;
}


.tabdesign ul li button.nav-link.active {
  color: #222;
  background-color: #00000000;
  border: 2px solid #eeeeee;
  border-bottom: 1px solid #eeeeee00;
}

.tabdesign ul li button.nav-link {
  color: #222;
  padding: 8px 25px 0px 25px;
  background-color: #00000000;
  border: 2px solid #eeeeee00;
  border-bottom: 1px solid #fdb91400;
}

.tabdesign ul li.nav-item {
  margin: 0 15px;
}

.tabdesign ul li.nav-item:nth-child(1) {
  margin: 0 0px;
}

.tabdesign ul.nav.nav-pills {
  padding-left: 0;
  padding: 15px 20px 15px 20px;
  color: #fff;
  border-radius: 0px;
  transition: 0.3s all ease;
  align-items: center;
  padding: 0 0px;
  justify-content: start;
  position: relative;
  display: flex;
  margin-bottom: 50px;
  border-bottom: 2px solid #eee;

}

.modalRefer .modal-body {
  padding: 0;
}

.modalRefer .modal-body .contact__wrapper {
  padding: 161px 20px 50px 20px;
}

.modalRefer .modal-body .contact__wrapper .contact__form {
  padding: 0 32px 0 70px;
}

.modalRefer .modal-body .border-wrap {
  margin-left: 0;
}

.z-index-999 {
  z-index: 999;
}

.modalRefer .btn-close {
  height: 30px;
  position: absolute;
  cursor: pointer;
  right: 26px;
  text-align: center;
  top: 19px;
  padding: 0;
  width: 30px;
  text-decoration: none;
  z-index: 99;
}

.modalRefer .btn-close i {
  color: #fff;
  font-size: 35px;
}

.modalRefer .modal-content {
  background-color: transparent;
  border: 0;
}

.rightSlider .year_Design p.year {
  background-color: #fff;
  display: inline;
  border: 2px solid #000;
  padding: 5px 15px;
  border-radius: 50px;
  font-size: 20px;
  font-weight: 600;
  box-shadow: 2px 4px 0 0 #fdb914;
}

.year_Design {
  margin-bottom: 25px;
}

.section.terms {
  padding-top: 150px;
}


.whatsapp-link img {
  max-width: 55px;
}

.whatsapp-link {
  bottom: 3%;
  right: 2%;
  z-index: 99;
}

.social-links a i {
    font-size: 35px;
}