<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*******************************************Header**********************/
.nw_header {
  height: 80px;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 9;
  background: #DFDFDF;
  box-shadow: 0 3px 3px #ccc;
}

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  background: #fff url(../img/home/ndw-logo.svg) no-repeat;
  background-position: center !important;
  overflow: hidden;
}

.readarticle {
  font-size: 16px;
}

.readarticle:hover,
.backarrow:hover,
.nextartcle:hover {
  color: #f08d4a;
}
.navbar-toggler span {
  display: block;
  background-color: #F5742C;
  height: 3px;
  width: 25px;
  margin-top: 5px;
  margin-bottom: 5px;
  position: relative;
  left: 0;
  opacity: 1;
  transition: all 0.35s ease-out;
  transform-origin: center left;
}

.navbar-toggler,
.navbar-toggler:focus {
  border: none !important;
  color: transparent !important;
  outline: none;
}

.navbar-toggler span:nth-child(1) {
  transform: translate(0%, 0%) rotate(0deg);
}

.navbar-toggler span:nth-child(2) {
  opacity: 1;
}

.navbar-toggler span:nth-child(3) {
  transform: translate(0%, 0%) rotate(0deg);
}

.navbar-toggler span:nth-child(1) {
  margin-top: 0.3em;
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
  transform: translate(15%, -33%) rotate(45deg);
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
  opacity: 0;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
  transform: translate(15%, 33%) rotate(-45deg);
}

.headermenu.show {
  right: 0;
}

.headermenu {
  text-align: center;
  background: #f1f1f1;
  width: auto;
  box-shadow: 0 2px 2px #ccc;
  position: fixed;
  top: 80px;
  padding: 2% 2%;
  height: 100vh;
  right: -100%;
  transition: 0.3s all ease-in-out;
}

.headermenu ul li a {
  color: #000 !important;
  opacity: 1;
  font-family: 'NeueHaasDisplayMediu';
  text-transform: uppercase;
  font-size: 15px;
  position: relative;
  left: 0;
  transition: 0.3s all ease-in-out;
  margin: 0 0 10px 0;
}

.headermenu ul li a:hover {
  left: 10px;
  color: #F5742C !important
}

ul.dropdown-menu.show {
  position: static !important;
  border: none !important;
  padding: 0 !important;
  transform: inherit !important;
  text-align: center;
  background: transparent !important;
}

ul.dropdown-menu.show li a {
  background: transparent !important;
  width: auto;
  font-size: 12px;
  margin: 0 0 5px 0;
}

/*************************************Footer*******************************/
.partner-inn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0 180px 0;
}

.partner-inn h2 {
  font-size: 60px;
}

.metabusiness {
  padding: 0 0 0 100px;
}

.partner-inn h2 {
  padding: 0 100px 0 0;
}

.ndw-footer {
  background: #222;
  padding: 70px 0 70px 0;
}

.foot-ul {
  justify-content: center;
}

.social-feed li {
  margin: 0 10px 0 0;
}

.footer-menu li {
  margin: 0 25px 0 0;
}

.footer-menu li a {
  font-size: 25px;
  color: #fff;
  font-family: 'NeueHaasDisplayMediu';
}

.copyrights {
  text-align: center;
  font-size: 25px;
  border-top: 1px solid #585858;
  padding: 30px 0 30px 0;
}

.footer-menu {
  padding: 50px 0 30px 0;
}

/*******************************Case Study********************/
.ndw-img {
  padding: 0 0 0 10px;
}

.nwwhitebg {
  background: #fff;
}

.case-study-context p {
  line-height: 30px;
  min-height: 60px;
}

#awareness-bg {
  background: url(../img/casestudy/cs-lg-1.jpg);
}

#consideration-bg {
  background: url(../img/casestudy/cs-lg-2.jpg);
}

#conversion-bg {
  background: url(../img/casestudy/cs-lg-3.jpg);
}

#retention-bg {
  background: url(../img/casestudy/cs-lg-4.jpg);
}

#advocacy-bg {
  background: url(../img/casestudy/cs-lg-5.jpg);

}

.case-study-banner {
  background-size: cover !important;
  background-position: top center !important;
  padding: 0 0 50px 0;
  min-height: 30vw;
}

.case-percent {
  background: #e6e5e1;
  width: 100%;
  padding: 2% 0px 2% 0;
}

.case-percent h2 {
  display: flex;
  align-items: center;
}

.case-percent h2 span::before {
  content: "â†‘";
  position: static;
  top: -50px;
  left: 0px;
  color: #f08d4a;
  font-size: 60px;
  line-height: 1;
  margin-top: -15px;
}

.case-percent h2 span {
  font-weight: 400;
  padding-left: 10px !important;
  font-size: 24px;
  font-family: Roboto, sans-serif;
  position: relative;
  display: flex;
  flex: 1;
  line-height: 1.3;
  align-items: center;
}

.case-percent h2 span .arrow-wrap {
  margin-left: 10px;
}

.case-context {
  padding: 0 10% 0 0;
}

.case-context span {
  text-transform: uppercase;
  display: block;
  font-size: 22px;
  font-family: 'NeueHaasDisplayMediu';
  padding: 0 0 20px 0;
}

.case-context .caselogo {
  margin: 0 0 20px 0;
}

.case-context h1 {
  font-family: 'NeueHaasDisplayMediu';
  font-size: 48px;
  line-height: 1.6;
  padding: 0px 0 0;
  text-transform: uppercase;
}

.case-context p {
  font-size: 24px;
  line-height: 36px;
  padding: 20px 0 0;
}

.back_wrap {
  text-align: right;
  padding: 20px 10%;
}

.cs-wrap a {
  font-size: 20px;
  color: #000;
  font-family: 'NeueHaasDisplayMediu';
  position: relative;
}

.case-obj {
  background: #eeede9;
  width: 100%;
  padding: 2% 0px 1% 0;
}

.cs-text-sec {
  background: #e4e3df;
  padding: 50px 0;
}

.challenges {
  margin-top: 30px;
}

.casestudy .shadow {
  border: 0 !important;
  -webkit-box-shadow: -7px -7px 7px 0 #e9e8e4, 7px 7px 7px 0 rgba(0, 0, 0, .3) !important;
  box-shadow: -7px -7px 7px 0 #e9e8e4, 7px 7px 7px 0 rgba(0, 0, 0, .3) !important;
}

.challenges .box {
  border: 1px solid #ccc;
  padding: 30px;
  background: #e9e8e4;
}

.cs-wrap p {
  font-size: 16px;
  color: #222;
}

.cs-text-sec p {
  font-size: 24px;
  line-height: 36px;
  margin: 0 0 20px 0;
}

.approach {
  margin-top: 30px;
}

.box li {
  font-size: 24px;
  margin: 0 0 20px 0;
}

.approach .box {
  background: #f3f2f0;
  margin: 30px 0 0 0;
  padding: 30px;
}

.result .box {
  background: #565656;
  padding: 30px;
  color: #fff;
}

.result {
  margin: 30px 0 0;
}

.get-touch {
  text-align: center;
  margin-top: 50px;
  padding-bottom: 50px;
}

.get-touch a {
  color: #fff;
  background-color: #000;
  border-color: #000;
  text-transform: uppercase;
  font-size: 26px;
  border-radius: 0;
  transition: 0.3s all ease-in-out;
  padding: 8px 50px;
}

.get-touch a:hover {
  background: #f08d4a;
  color: #fff;
  border: none;
}

.result span {
  padding: 0 10px 0 0;
  vertical-align: text-bottom;
}

.cs-wrap a span {
  font-size: 32px;
  position: absolute;
  top: -12px;
  bottom: 0;
  right: -25px;
}

/*blog*/
.backarrow {
  color: #000;
  display: flex;
  align-items: center;
  font-family: 'NeueHaasDisplayMediu';
  font-size: 20px;
}

.nextartcle {
  color: #000;
  display: flex;
  align-items: center;
  font-family: 'NeueHaasDisplayMediu';
  font-size: 18px;
  background-color: #fff;
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
  padding: 10px 15px;
  border-radius: 10px;
}

.nextartcle svg {
  transform: rotate(180deg);
}

.blog--space {
  padding: 3rem 0 3rem;
}

.blog-wrwp {
  max-width: 70%;
}

.content-list-sec p,
.content-list-sec li {
  margin-bottom: 1rem;
}

pre {
  overflow-x: auto;
  white-space: pre;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246/var(--tw-bg-opacity));
  padding: 1rem;
  font-size: .875rem;
  line-height: 1.25rem;
  line-height: 1.2;
}

.blockquote {
  position: relative;
  color: #2d374b;
}

.blockquote::before {
  position: absolute;
  top: -2rem;
  left: -1rem;
  width: 4rem;
  height: 4rem;
  background-image: url("data:image/svg+xml,%3csvg width='5' height='4' viewBox='0 0 5 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.244 2.84803C2.244 3.08003 2.168 3.26803 2.016 3.41203C1.864 3.54803 1.672 3.61603 1.44 3.61603C1.16 3.61603 0.927996 3.52403 0.743996 3.34003C0.567996 3.15603 0.479996 2.89203 0.479996 2.54803C0.479996 2.18003 0.583996 1.82003 0.791996 1.46803C1.008 1.10803 1.308 0.824028 1.692 0.616028L1.968 1.03603C1.76 1.18003 1.592 1.34003 1.464 1.51603C1.344 1.69203 1.264 1.89603 1.224 2.12803C1.296 2.09603 1.38 2.08003 1.476 2.08003C1.7 2.08003 1.884 2.15203 2.028 2.29603C2.172 2.44003 2.244 2.62403 2.244 2.84803ZM4.452 2.84803C4.452 3.08003 4.376 3.26803 4.224 3.41203C4.072 3.54803 3.88 3.61603 3.648 3.61603C3.368 3.61603 3.136 3.52403 2.952 3.34003C2.776 3.15603 2.688 2.89203 2.688 2.54803C2.688 2.18003 2.792 1.82003 3 1.46803C3.216 1.10803 3.516 0.824028 3.9 0.616028L4.176 1.03603C3.968 1.18003 3.8 1.34003 3.672 1.51603C3.552 1.69203 3.472 1.89603 3.432 2.12803C3.504 2.09603 3.588 2.08003 3.684 2.08003C3.908 2.08003 4.092 2.15203 4.236 2.29603C4.38 2.44003 4.452 2.62403 4.452 2.84803Z' fill='%232d374b' fill-opacity='.125'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  content: "";
}

/*******************************home **************************/
.modal-body.contact-modal-body.thankyou-body {
  padding-bottom: 50px;
}

label.errors {
  color: #ff0000;
  font-size: 12px;
}

.insights-inn {
  padding: 50px 0 100px 0;
}

.hero-title {
  margin: -50px 0 00;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slider-tech-img {
  padding: 0 0 50px 0;
  width: 380px;
  position: relative;
  margin: auto 0 auto auto;
  left: -100px;
}

.slick-slide img {
  transition: 0.3s all ease-in-out;
}

.slick-slide.slick-current.slick-active .slider-tech-img:before {
  content: '';
  background: url(../img/home/orange-line.svg) no-repeat;
  height: 415px;
  width: 5px;
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 15px;
  transform: rotate(0deg);
  transition: 0.3s all ease-in-out;
}

.slider-tech-img img {
  width: 380px;
}

.slick-slide.slick-current.slick-active .slider-tech-img.mediasliderimg:before {
  transform: rotateZ(120deg);
  top: -100px;
  left: 195px;
  right: 0;
}

.slick-slide.slick-current.slick-active .slider-tech-img.creativesliderimg:before {
  transform: rotateZ(240deg);
  top: 105px;
  left: 200px;
  right: 0;
}

.getintouch {
  display: block;
}

.rotating-slider ul.slides li {
  box-sizing: border-box;
  background-color: transparent;
  padding: 0 !important;
  height: 100%;
  width: 100%;
  clip-path: inherit !important;
}

.rotating-slider {
  overflow: hidden;
}

.btn-submit {
  text-align: center;
}

.ContactModal .modal-header {
  border: none;
  padding: 20px 0 0 0 0;
}

.contact-modal-body {
  padding: 20px 40px;
}

.floating-label-content {
  position: relative;
  margin: 0 0 20px 0;
  outline: none;
}

.floating-input,
.floating-select {
  display: block;
  width: 100%;
  border-bottom: 1px solid #ccc !important;
  border: none;
  height: 40px;
  outline: none !important;
  color: #000 !important;
}

.floating-label {
  display: none;
}

.floating-textarea {
  resize: none;
  height: 100px;
}

.btn.btn-theme {
  background: #000;
  min-width: 150px;
  padding: 10px 20px;
  color: #fff;
  text-transform: uppercase;
  font-family: 'NeueHaasDisplayMediu';
  font-size: 18px;
  letter-spacing: 1px;
  margin: 0 0 20px 0;
  transition: 0.3s all ease-in-out;
}

.ContactModal p {
  font-size: 18px;
  text-align: center;
}

.swiper-button-prev.btnprev,
.swiper-button-next.btnnext {
  display: none;
}

.ContactModal .modal-dialog {
  overflow-y: initial !important;
}

.ContactModal .modal-body {
  max-height: calc(100vh - 200px);
  overflow-y: auto;
}

#fullpage {
  width: 100%;
  height: 100%;
}

.hero-context p {
  padding: 0 0 20px 0;
}

.flow-panel {
  max-width: 40%;
  position: relative;
  margin-left: 6vw;
}

.text-flow {
  position: absolute;
  top: 0;
}

.marketing.flowtext {
  position: absolute;
  left: 7.8vw;
  transform: rotate(30deg);
  top: 6vw;
  text-align: center;
}

.creative.flowtext {
  transform: rotate(-90deg);
  position: absolute;
  top: 11.5vw;
  left: 0vw;
}

.Technology.flowtext {
  position: absolute;
  top: 16.5vw;
  transform: rotate(-30deg);
  left: 7.5vw;
}

.ndw.flowtext {
  text-align: center;
  width: 100%;
  position: absolute;
  left: 8vw;
  top: 11vw;
  color: #fff;
}

.flowtext {
  font-size: 1.4vw;
  text-transform: uppercase;
  font-family: 'NeueHaasDisplayMediu';
}

.slider-context {
  padding-right: 8vw;
}

.hero-sec {
  background: #DFDFDF;
}

.hero-title span {
  font-size: 150px;
}

.hero-title span {
  font-size: 150px;
  margin: -80px 0 0 0;
  display: block;
  padding-left: 85px;
}

.move-next {
  padding: 50px 0 0 0;
  cursor: pointer;
  display: inline-block;
}

.hero-sec {
  background: #DFDFDF;

}

.company-sec {
  background: #444444;
}

.num-count {
  font-size: 150px;
  color: #fff;
  line-height: initial;
  display: block;
  border-bottom: 1px solid #585858;
  margin: 0 0 15px 0;
}

.ClientlogoCarousel {
  overflow: hidden;
}

.case-study-context span {
  display: block;
  text-transform: uppercase;
}

.case-study-context p {
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  white-space: normal;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
}

.case-study-context {
  background: #fff;
  padding: 35px 35px 35px 35px;
  min-height: 165px;
}

.get-in-sec span {
  position: absolute;
  width: 100%;
  font-size: 16.5vw;
  color: #fff;
  z-index: 1;
  left: -10px;
  bottom: -7vw;
}

.get-inner {
  text-align: center;
  position: relative;
  z-index: 1;
  top: 50px;
}

.get-in-sec {
  position: relative;
}

.video-poster {
  background: url(../img/home/showreel-poster.png)no-repeat;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-size: cover;
}

.poster-inn span {
  display: block;
  color: #fff;
  font-size: 100px;
  text-align: center;
  position: relative;
}

.poster-inn {
  display: flex;
  align-items: center;
  justify-content: center;
}

.poster-circle {
  width: 300px;
  height: 300px;
  border: 1px solid #fff;
  border-radius: 100%;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
}

.video {
  display: none;
}

.sltitle {
  font-size: 200px;
  color: #DFDFDF;
  font-family: NeueHaasDisplayBlackItalic;
  text-transform: uppercase;
}

.slider-title {
  position: relative;
}

.slider-title span {
  color: #F5742C;
  font-size: 200px;
  font-family: 'Redtowns';
  position: absolute;
  bottom: 40px;
  left: 10px;
}

.sltitle {
  font-size: 200px;
  color: #DFDFDF;
  font-family: NeueHaasDisplayBlackItalic;
  text-transform: uppercase;
}

.slider-context p {
  font-size: 25px;
  line-height: 30px;
  padding: 0 0 30px;
  color: #000;
}

.slider-btn a {
  color: #000;
  font-size: 22px;
  font-family: 'NeueHaasDisplayMediu';
  display: inline-block;
  margin: 0 35px 0 0;
  display: flex;
  flex-wrap: wrap;
}

.slider-btn a span {
  margin: 0 5px 0 0;
}

.slider-btn a img {
  margin: 0 0 0 20px;
}

.slider-context {
  margin-top: -85px;
  position: relative;
  margin-left: -10px;
}

.slider-context h3 {
  width: 25ch;
}

.slider-tech {
  position: absolute;
  top: -15vw;
  width: 50%;
  overflow: hidden;
  right: 5vw;
}

.triangleCarousel {
  overflow: hidden;
}

.slider-row {
  position: relative;
}

.slider-bg {
  padding: 150px 0;
  border: 1px solid #aaa;
}

.swiper-container {
  width: 100%;
  height: 100vh;
  position: relative;
}

.swiper-container .slider .swiper-slide {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.swiper-container .slider .swiper-slide .slide-inner {
  position: absolute;
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
}

/***********************************Responsive**************************/
@media(min-width:2000px) {

  .btnprev {
    left: 0 !important;
  }

  .slider-tech {
    top: -10vw;
    right: 10vw;
  }

  .Insightscarousel img {
    width: 100%;
  }

  .slider-tech-img {

    left: -250px;
  }

  .btnprev,
  .btnnext {
    color: #fff;
    right: 0;
    left: auto;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    text-align: center;
    background: #F5742C;
    top: 35%;
  }

  .btnprev:after,
  .btnnext:after {
    font-size: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
}

@media(min-width:1600px) {
  .slider-bg {
    padding: 90px 0;
  }

  .swiper-container {
    height: 50vw;
  }

  .swiper-container .slider .swiper-slide .slide-inner {
    height: auto;
  }

  section#next-sec,
  section#next-sec .fp-tableCell,
  section#next-sec .fp-scrollable {
    height: auto !important;
  }

  .slider-bg {
    border: none;
  }
}

@media(min-width:1600px) and (max-width:1800px) {
  .lh45 {
    line-height: 40px;
  }

  .slider-tech-img {
    top: 50px;
  }

  .flow-panel {
    top: -3vw;
  }

  .fs35 {
    font-size: 24px;
  }

  .hero-inner {
    padding: 90px 0 40px 0;
  }

  .sltitle {
    font-size: 165px;
  }

  .slider-context p {
    font-size: 22px;
    line-height: 28px;
  }

  .fs40 {
    font-size: 34px;
  }
  .fs50{
    font-size: 44px;
  }

  .lh50 {
    line-height: 45px;
  }

  .lh40 {
    line-height: 36px;
  }

  .fs30 {
    font-size: 26px;
  }

  .case-context h1 {
    font-size: 42px;
    line-height: 55px;
  }
}

@media(min-width:1400px) and (max-width:1600px) {
  .hero-title span {
    font-size: 120px;
  }

  .partner-inn h2 {
    font-size: 50px;
  }

  .slider-tech-img {
    top: 50px;
  }

  .case-context h1 {
    font-size: 38px;
    line-height: 50px;
  }

  .case-context p {
    font-size: 20px;
    line-height: 30px;
  }

  .case-percent h2 span::before {
    top: -35px;
    font-size: 50px;
  }

  .cs-text-sec p {
    font-size: 20px;
    line-height: 32px;
  }

  .case-percent h2 {
    font-size: 50px;
    line-height: 60px;
  }

  .h1title {
    font-size: 80px;
  }

  .case-percent h2 span {
    font-size: 18px;
    padding-left: 30px;

  }

  .lh45 {
    line-height: 32px;
  }

  .fs35 {
    font-size: 22px;
  }

  .sltitle {
    font-size: 140px;
  }

  .slider-context p {
    font-size: 20px;
    line-height: 26px;
  }

  .slider-btn a {
    font-size: 20px;
  }

  .slider-title span {
    font-size: 150px;
    bottom: 30px;
  }

  .lh50 {
    line-height: 40px;
  }

  .lh95 {
    line-height: 80px;
  }

  .h2title {
    font-size: 70px;
  }

  .get-inner a img {
    width: 100px;
  }

  .fs40 {
    font-size: 30px;
  }
  .fs50{
    font-size: 40px;
  }
  .slider-bg {
    padding: 70px 0;
  }

  .fs30 {
    font-size: 24px;
  }

  .footer-menu li a {
    font-size: 20px;
  }

  .copyrights {
    font-size: 20px;
  }

  .ndw.flowtext {
    left: 7.5vw;
  }
}

@media(min-width:1366px) and (max-width:1400px) {
  .slider-tech-img {
    top: 50px;
  }

  .partner-inn h2 {
    font-size: 35px;
  }

  .lh45 {
    line-height: 32px;
  }

  .cs-text-sec p {
    font-size: 20px;
    line-height: 30px;
  }

  .case-context p {
    font-size: 20px;
    line-height: 32px;
  }

  .case-percent h2 span {
    padding-left: 35px;
    font-size: 18px;
  }

  .get-touch a {
    font-size: 20px;
    padding: 6px 40px;
  }

  .case-percent h2 span::before {
    top: -30px;
    font-size: 50px;
  }

  .case-percent h2 {
    font-size: 50px;
    line-height: 60px;
  }

  .case-context h1 {
    font-size: 36px;
    line-height: 45px;
  }

  .ndw.flowtext {
    left: 7.5vw;
  }

  .move-next img {
    width: 40px;
  }

  .move-next img {
    width: 40px;
  }

  .slider-context {
    padding-right: 9vw;
  }

  .move-next {
    padding: 15px 0 0 0;
  }

  .marketing.flowtext {
    left: 8vw;
    top: 5vw;
  }

  .ndw.flowtext {
    left: 7vw;
  }

  .creative.flowtext {
    top: 10.5vw;
  }

  .Technology.flowtext {
    top: 15.5vw;
    left: 7vw;
  }

  .fs35 {
    font-size: 20px;
  }

  .hero-title span {
    font-size: 100px;
    margin: -50px 0 0 0;
    padding-left: 60px;
  }

  .h1title {
    font-size: 70px;
  }

  .poster-circle {
    width: 200px;
    height: 200px;
  }

  .poster-inn span {
    font-size: 75px;
  }

  .slider-context p {
    font-size: 17px;
    line-height: 25px;
    padding: 0 0 20px 0;
  }

  .slider-bg {
    padding: 60px 0;
  }

  .sltitle {
    font-size: 120px;
  }

  .lh95 {
    line-height: 85px;
  }

  .num-count {
    font-size: 115px;
  }

  .fs40 {
    font-size: 30px;
  }
  .fs50{
    font-size: 40px;
  }
  .get-inner a img {
    width: 90px;
  }

  .h2title {
    font-size: 70px;
  }

  .copyrights {
    font-size: 20px;
  }

  .footer-menu li a {
    font-size: 20px;
  }

  .lh50 {
    line-height: 40px;
  }

  .fs30 {
    font-size: 20px;
    line-height: 30px;
  }

  .slider-btn a {
    font-size: 16px;
  }

  .slider-title span {
    font-size: 100px;
  }
}

@media(min-width:1200px) and (max-width:1365px) {
  .hero-inner {
    padding: 45px 0 40px 0;
  }

  .partner-inn h2 {
    font-size: 35px;
  }

  .partner-inn img {
    width: 90%;
  }

  .tech-context {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 60%;

  }

  .slider-tech-img {
    top: 50px;
  }

  .slider-tech-img {
    top: 50px;
  }

  .cs-text-sec p {
    font-size: 20px;
    line-height: 30px;
  }

  .case-context p {
    font-size: 18px;
    line-height: 28px;
  }

  .case-percent h2 span {
    padding-left: 30px;
    font-size: 16px;
  }

  .get-touch a {
    font-size: 20px;
    padding: 6px 40px;
  }

  .case-percent h2 span::before {
    top: -30px;
    font-size: 50px;
  }

  .case-percent h2 {
    font-size: 40px;
    line-height: 50px;
  }

  .case-context h1 {
    font-size: 28px;
    line-height: 40px;
  }

  .flow-panel {
    max-width: 43%;
  }

  .move-next img {
    width: 30px;
  }

  .lh45 {
    line-height: 28px;
  }

  .move-next {
    padding: 0;
  }

  .fs35 {
    font-size: 18px;
  }

  .fs20 {
    font-size: 18px;
  }

  .hero-title span {
    font-size: 100px;
    margin: -50px 0 0 0;
    padding-left: 60px;
  }

  .h1title {
    font-size: 70px;
  }

  .poster-circle {
    width: 200px;
    height: 200px;
  }

  .poster-inn span {
    font-size: 75px;
  }

  .slider-context p {
    font-size: 15px;
    line-height: 25px;
    padding: 0 0 20px 0;
  }

  .slider-bg {
    padding: 60px 0;
  }

  .sltitle {
    font-size: 100px;
  }

  .lh95 {
    line-height: 85px;
  }

  .num-count {
    font-size: 115px;
  }

  .fs40 {
    font-size: 24px;
  }
  .fs50{
    font-size: 34px;
  }
  .get-inner a img {
    width: 90px;
  }

  .h2title {
    font-size: 50px;
  }

  .spacing-top-80 {
    padding-top: 30px;
  }

  .ClientlogoCarousel {
    padding-top: 70px;
  }

  .spacing-top {
    padding-top: 50px;
  }

  .copyrights {
    font-size: 20px;
  }

  .footer-menu li a {
    font-size: 20px;
  }

  .lh50 {
    line-height: 34px;
  }

  .fs30 {
    font-size: 20px;
    line-height: 30px;
  }

  .slider-context h3 {
    line-height: 30px;
  }

  .slider-context {
    margin-top: -60px;
    margin-left: -10px;
  }

  .spacing-bottom-30 {
    padding-bottom: 15px;
  }

  .slider-tech {
    bottom: auto;
    top: -15vw;
  }

  .slider-btn a {
    font-size: 14px;
  }

  .slider-title span {
    font-size: 100px;
  }

  .case-study-context {
    padding: 20px 30px 25px 30px;
    min-height: 140px;
  }

}

@media(min-width:992px) and (max-width:1199px) {
  .container-fluid {
    padding: 0 50px;
  }

  .metabusiness {
    padding: 0;
  }

  .partner-inn a {
    display: inline-block;
    padding: 10px 0;
  }

  .partner-inn h2 {
    padding: 0 0 30px 0;
    font-size: 35px;
  }

  .partner-inn {
    display: block;
    text-align: center;
    padding: 0;
  }

  .swiper-container {
    height: auto;
  }

  .swiper-container .slider .swiper-slide .slide-inner {
    position: static;
    width: 100%;
    height: auto;
    border: none;
  }

  .tech-context {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
  }

  .slider-row {
    padding: 0 30px;
  }

  .case-context h1 {
    font-size: 30px;
    line-height: 45px;
  }

  .case-context p {
    font-size: 20px;
    line-height: 30px;
  }

  .row.cs-percent-row h2 {
    font-size: 35px;
    line-height: 45px;
  }

  .case-percent h2 span::before {
    top: -20px;
    left: 0px;
    font-size: 40px;
  }

  .case-percent h2 span {
    padding-left: 35px;
    font-size: 18px;
  }

  .swiper-button-prev.btnprev,
  .swiper-button-next.btnnext {
    display: block;
  }

  .btnprev {
    left: 0 !important;
  }

  .btnprev,
  .btnnext {
    color: #fff;
    right: 0;
    left: auto;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    text-align: center;
    background: #F5742C;
    top: 45%;
  }

  .btnprev:after,
  .btnnext:after {
    font-size: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99;
  }

  .ndw-footer {
    padding: 80px 0 30px 0;
  }

  .slider-btn a {
    font-size: 20px;
    margin: 0;
    display: block;
  }

  .spacing-bottom-30 {
    padding-bottom: 15px;
  }

  .slider-tech {
    right: 0vw;
    width: 75%;
    margin: 50px 0 00;
  }

  .slider-context {
    margin-top: 0;
    margin-left: 0;
  }

  .fs30 {
    font-size: 22px;
  }

  .slider-context p {
    font-size: 20px;
    line-height: 30px;
  }

  .fs40 {
    font-size: 30px;
  }
  .fs50{
    font-size: 40px;
  }
  .slider-bg {
    padding: 50px 0;
  }

  .slider-title span {
    font-size: 100px;
  }

  .sltitle {
    font-size: 100px;
  }

  .lh40 {
    line-height: 35px;
  }

  video.video {
    height: 80vh;
  }

  .move-next img {
    width: 50px;
  }

  .move-next {
    padding: 0;
  }

  .lh50 {
    line-height: 45px;
  }

  .h1title {
    font-size: 80px;
  }

  .hero-title span {
    font-size: 100px;
    margin: -50px 0 0 0;
    padding-left: 30px;
  }

  .fs35 {
    font-size: 26px;
  }

  .lh45 {
    line-height: 40px;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .container-fluid {
    padding: 0 25px;
  }

  .hero-grid {
    position: relative;
  }

  .metabusiness {
    padding: 0;
  }

  .partner-inn a {
    display: inline-block;
    padding: 10px 0;
  }

  .partner-inn h2 {
    padding: 0 0 30px 0;
    font-size: 35px;
  }

  .partner-inn {
    display: block;
    text-align: center;
    padding: 0;
  }

  .get-in-sec {
    text-align: center;
  }

  .case-context {
    max-width: 85%;
  }

  .cs-wrap a span {
    right: -20px;
  }

  .banTxtInner {
    justify-content: center;
  }

  .slider-row {
    padding: 0 50px;
  }

  .case-context h1 {
    font-size: 22px;
    line-height: 40px;
  }

  .case-context .caselogo {
    width: 70px;
    margin: 0;
  }

  .case-percent h2 span {
    padding-left: 20px;
    font-size: 12px;
  }

  .case-percent h2 span::before {
    top: -40px;
    font-size: 30px;
  }

  .cs-percent-row h2 {
    font-size: 30px;
    line-height: inherit;
  }

  .case-context p {
    font-size: 14px;
    line-height: 24px;
  }

  .back_wrap {
    padding: 20px 0px 0 20px;
  }

  .cs-wrapper {
    margin: 0 0 00;
  }

  .row.case-row .col-lg-6 {
    flex: 0 0 55%;
    padding: 0;
  }

  .swiper-button-prev.btnprev,
  .swiper-button-next.btnnext {
    display: block;
  }

  .btnprev {
    left: 0 !important;
  }

  .btnprev,
  .btnnext {
    color: #fff;
    right: 0;
    left: auto;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    text-align: center;
    background: #F5742C;
    top: 35%;
  }

  .btnprev:after,
  .btnnext:after {
    font-size: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99;
  }

  .sec-parallax {
    overflow: hidden;
  }

  .sec-insights {
    overflow: hidden;
  }

  .swiper-container {
    height: auto;
  }

  .swiper-container .slider .swiper-slide .slide-inner {
    height: auto;
    position: static;
    border: none;
  }

  .ndw-footer {
    height: auto;
  }

  .cmp-grid p {
    padding: 20px 0 0;
  }

  .get-inner a img {
    width: 80px;
  }

  .lh95 {
    line-height: 80px;
  }

  .h2title {
    font-size: 65px;
  }

  .get-in-sec span {
    font-size: 120px;
  }

  .row {
    margin: 0;
  }

  .spacing-top {
    padding-top: 60px;
  }

  .connect-img {
    text-align: center !important;
    padding: 50px 0 0 0;
  }

  .sltitle {
    font-size: 80px;
  }

  .creative.flowtext {
    top: 38vw;
    left: 0vw;
  }

  .slider-context {
    margin-top: 0;
    margin-left: 0;
  }

  .slider-context {
    padding-right: 0;
  }

  .slider-bg {
    padding: 90px 0;
  }

  .slider-tech {
    position: static;
    width: 100%;
  }

  .move-next {
    bottom: 80px;
    right: 50px;
    position: absolute;
  }

  .slider-title span {
    font-size: 80px;
  }

  .Technology.flowtext {
    top: 58vw;
    left: 24vw;
  }

  .flow-panel {
    max-width: 600px;
    margin: 0;
  }

  .marketing.flowtext {
    left: 28vw;
    top: 20vw;
  }

  video.video {
    height: 80vh;
  }

  .ndw.flowtext {
    left: 26vw;
    top: 40vw;
  }

  .flowtext {
    font-size: 5vw;
  }

  body {
    padding: 80px 0 0 0 !important;
  }
  .fs30{
    font-size: 24px;
    line-height: 1.3;
  }
  .fs35 {
    font-size: 30px;
  }

  .lh45 {
    line-height: 40px;
  }

  .hero-context p {
    display: none;
  }

  .h1title {
    font-size: 80px;
    line-height: 90px;
  }

  .hero-title span {
    font-size: 100px;
    margin: -20px 0 0 0;
    padding-left: 0;
  }
}

@media(max-width:767px) {
  .sec-parallax {
    display: block !important;
    white-space: normal;
    table-layout: inherit !important;
  }

  .sec-parallax .fp-tableCell {
    display: inherit !important;
  }

  body {
    padding: 50px 0 0 0 !important;
  }

  .metabusiness {
    padding: 0;
  }

  .partner-inn a {
    display: inline-block;
    padding: 10px 0;
  }

  .partner-inn h2 {
    padding: 0 0 30px 0;
    font-size: 35px;
  }

  .partner-inn {
    display: block;
    text-align: center;
    padding: 0;
  }

  #awareness-bg {
    background: url(../img/casestudy/cs-mo-1.jpg);
  }

  #consideration-bg {
    background: url(../img/casestudy/cs-mo-2.jpg);
  }

  #conversion-bg {
    background: url(../img/casestudy/cs-mo-3.jpg);
  }

  #retention-bg {
    background: url(../img/casestudy/cs-mo-4.jpg);
  }

  #advocacy-bg {
    background: url(../img/casestudy/cs-mo-5.jpg);

  }

  .case-study-banner {
    height: 100vh;
  }

  .slick-slide.slick-current.slick-active .slider-tech-img.creativesliderimg:before {
    top: 60px;
    left: 140px;
  }

  .slick-slide.slick-current.slick-active .slider-tech-img:before {
    height: 280px;
    width: 3px;
    top: 0;
    left: 10px;
  }

  .slick-slide.slick-current.slick-active .slider-tech-img.mediasliderimg:before {
    top: -70px;
    left: 130px;
    right: 0;
  }

  .dblockmobile {
    display: block;
  }

  .slider-tech-img img {
    width: 250px;
  }

  .case-context h1 {
    font-size: 22px;
    line-height: 32px;
  }

  .case-obj {
    background: #e6e5e1;
  }

  .case-percent h2 span {
    padding-left: 20px;
    font-size: 14px;
  }

  .cs-text-sec p {
    font-size: 16px;
    line-height: 30px;
  }

  .approach .box {
    padding: 15px;
  }

  .box ul {
    padding: 0 15px;
  }

  .get-touch a {
    font-size: 20px;
    padding: 6px 35px;
  }

  .result span {
    max-width: 35px;
  }

  .result .box {
    padding: 15px;
  }

  .challenges .box {
    padding: 15px;
  }

  .box li {
    font-size: 16px;
  }

  .cs-text-sec {
    padding: 10px 0;
  }

  .cs-text-sec .col-lg-6 {
    padding: 0;
  }

  .case-context .caselogo {
    margin: 0 0 10px 0;
    width: 70px;
  }

  .cs-percent-row .col-md-4 {
    padding: 0;
  }

  .cs-wrap a span {
    font-size: 22px;
    top: -9px;
    right: -22px;
  }

  .cs-wrap a {
    font-size: 15px;
  }

  .case-obj .row {
    background: #fff;
    padding: 10px 0;
  }

  .cs-percent-row {
    padding: 20px 0 0;
  }

  .case-context span {

    font-size: 18px;
  }

  .cs-percent-row h2 {
    font-size: 30px;
    margin: 0 0 10px 0;
    background: #eeede9;
    padding: 8px;
  }

  .case-percent h2 span::before {

    top: -15px;
    left: 0px;
    font-size: 30px;
  }

  .case-context p {
    font-size: 14px;
    padding: 20px 0 0;
    line-height: 24px;
  }

  .back_wrap {
    text-align: right;
    padding: 15px 20px 0 20px;
  }

  .case-context {
    padding: 0;
  }

  .case-row .col-lg-6 {
    padding: 0;
  }

  .slider-btn a {
    display: inline-block;
  }

  .slider-row {
    padding: 0 30px;
  }

  .swiper-button-prev.btnprev,
  .swiper-button-next.btnnext {
    display: block;
  }

  .sec-parallax {
    overflow: hidden;
  }

  .sec-insights {
    overflow: hidden;
  }

  .swiper-container {
    height: auto;
  }

  .swiper-container .slider .swiper-slide .slide-inner {
    height: auto;
    position: static;
    border: none;
  }

  video.video {
    height: 80vh;
  }

  .flow-panel {
    width: 285px;
    max-width: 285px;
    margin: 0 auto;
  }

  .Technology.flowtext {
    top: 225px;
    left: 105px;
  }

  .creative.flowtext {
    top: 150px;
  }

  .ndw.flowtext {

    left: 100px;
    top: 150px;
  }

  .marketing.flowtext {
    left: 110px;
    top: 80px;
  }

  .flowtext {
    font-size: 20px;
  }

  .ndw-footer {
    padding: 100px 0 40px 0;
    height: auto;
  }

  .container-fluid {
    padding: 0 20px;
  }

  .get-inner h2 {
    font-size: 36px;
  }

  .navbar-brand img {
    width: 160px;
  }

  .nw_header {
    height: 50px;
  }

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

  .hero-sec {
    max-height: 100vh;
    min-height: 100vh;
    display: flex;
    align-items: center;
  }

  .h1title {
    font-size: 55px;
    line-height: 50px;
  }

  .hero-title span {
    font-size: 55px;
    margin: -10px 0 0 0;
    line-height: 70px;
    padding: 0;
  }

  .flowimg {
    margin: 0;
  }

  .hero-inner {
    padding: 40px 0 60px 0;
  }

  .hero-context p {
    display: none;
  }

  .move-next {
    display: flex;
    justify-content: flex-end;
    padding: 0;
  }

  .move-next img {
    width: 40px;
  }

  .poster-circle {
    width: 120px;
    height: 120px;
  }

  .poster-inn span {
    font-size: 40px;
  }

  .sltitle {
    font-size: 42px;
    line-height: 50px;
  }

  .slider-title span {
    font-size: 60px;
    line-height: 70px;
    left: 0px;
    bottom: 10px;

  }

  .fs40 {
    font-size: 25px;
  }
  .fs50{
    font-size: 30px;
  }

  .fs20 {
    font-size: 16px;
    line-height: 1.6 !important;
  }

  .lh40 {
    line-height: 30px;
  }

  .slider-context p {
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 20px 0;
    padding: 0;
    /* display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;*/
  }

  .slider-tech {
    position: static;
    width: 100%;
  }

  .slider-context h3 {
    width: auto;
    padding: 0 0 20px 0;
    font-size: 20px;
    line-height: 25px;
  }

  .slider-context {
    margin-top: 0;
    padding: 0;
    margin-left: 0;
  }

  .slider-tech-img {
    padding: 0;
    width: 250px;
    left: 0;
  }

  .slider-btn a img {
    margin: 0 0 0 0px;
    width: 20px;
  }

  .tech-context {
    padding: 0px 0;
  }

  .slider-btn a {
    font-size: 18px;
    margin: 0 0 10px 0;
  }

  .slider-bg {
    padding: 40px 0;
  }

  .lh50 {
    line-height: 35px;
  }

  .spacing-top {
    padding-top: 70px;
  }

  .spacing-bottom {
    padding-bottom: 70px;
  }

  .connect-context {
    margin: 0 0 70px 0;
  }

  .h2title {
    font-size: 40px;
  }

  .lh95 {
    line-height: 50px;
  }

  .fs35 {
    font-size: 20px;
  }

  .count-row {
    padding: 20px 0;
  }

  .cmp-grid h2 {
    padding: 0 0 10px 0;
  }

  .lh45 {
    line-height: 30px;
  }

  .row {
    margin: 0;
  }

  .count-grid {
    padding-bottom: 20px;
  }

  .num-count {
    font-size: 90px;
    line-height: 100px;
  }

  .ClientlogoCarousel {
    padding: 40px 0 100px 0;
  }

  .case-study-context {
    padding: 30px 24px;
  }

  .case-study-context span {
    display: block;
    padding: 0 0 10px 0;
  }

  .fs30 {
    font-size: 20px;
  }

  .spacing-top-80 {
    padding-top: 30px;
  }

  .get-in-sec span {
    font-size: 33vw;
    line-height: 110px;
    left: 0;
    bottom: -50px;
    text-align: center;
  }

  .get-inner a img {
    width: 80px;
  }

  .get-inner {
    top: 30px;
  }

  .get-in-sec {
    padding: 100px 0 0 0;
  }

  .footer-menu li {
    margin: 0 25px 15px 0;
  }

  .footer-menu li a {
    font-size: 20px;
  }

  .copyrights {
    font-size: 20px;
    padding: 30px 0 0px 0;
  }

  .connect-img {
    text-align: center !important;
  }

  .btnprev {
    left: 0 !important;
  }

  .btnprev,
  .btnnext {
    color: #fff;
    right: 0;
    left: auto;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    text-align: center;
    background: #F5742C;
    top: 35%;
  }

  .btnprev:after,
  .btnnext:after {
    font-size: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }

  .readarticle {
    font-size: 14px;
  }

  .blog-wrwp {
    max-width: 100%;
  }

  .backarrow,
  .nextartcle {
    font-size: 16px;
  }

  .backarrow svg,
  .nextartcle svg {
    width: 16px;
    height: 16px;
  }

  .sec-parallax {
    position: relative;
  }
}

@supports (-webkit-touch-callout: none) {
  .btnprev {
    left: 0 !important;
  }

  .hero-sec {
    padding: 100px 0;
  }


  .btnprev,
  .btnnext {
    color: #fff;
    right: 0;
    left: auto;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    text-align: center;
    background: #F5742C;
    top: 35%;
  }

  .btnprev:after,
  .btnnext:after {
    font-size: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }

  .swiper-button-prev.btnprev,
  .swiper-button-next.btnnext {
    display: block;
  }

  .swiper-vertical&gt;.swiper-wrapper {

    flex-direction: row !important;
  }

  .sec-parallax {
    position: relative;
  }

  .swiper-container {
    height: auto;
  }

  .swiper-container .slider .swiper-slide .slide-inner {
    position: static;
    width: 100%;
    height: auto;
    border: none;
    padding-bottom: 100px;
  }

  .swiper-container {
    overflow: hidden;
  }

  .sec-parallax {
    display: block !important;
    white-space: normal;
    table-layout: inherit !important;
  }

  .sec-parallax .fp-tableCell {
    display: inherit !important;
  }

  #fullpage {
    height: auto !important;
  }

  .fp-tableCell {
    display: inherit !important;

    height: auto !important;
  }

  #fullpage .fp-section.fp-table,
  .fp-slide.fp-table {
    display: block !important;
    table-layout: inherit !important;
    height: auto !important;
  }
}


/*praba css*/
.container-fluid {
  max-width: 125rem;
}
.font-italic{
  font-style: italic;
}
.font-italic2{
  font-family: 'NeueHaasDisplayBlackItalic';
}
:root {
  --font-big-orange: 150px;
  --font-xxl: 60px;
  --font-xl: 50px;
  --font-lg: 30px;
  --font-md: 25px;
  --font-sm: 20px;
  --font-sm2: 18px;
  --spacesmall: 3rem;
  --white: #fff;
}

@media (min-width: 1366px) and (max-width: 1780px) {
  :root {
    --font-big-orange: 110px;
    --font-xxl: 45px;
    --font-xl: 35px;
    --font-lg: 27px;
    --font-md: 20px;
    --font-sm: 18px;
    --font-sm2: 16px;
  }
}

@media (min-width: 1200px) and (max-width: 1365px) {
  :root {
    --font-big-orange: 100px;
    --font-xxl: 40px;
    --font-xl: 30px;
    --font-lg: 20px;
    --font-md: 16px;
    --font-sm: 14px;
    --font-sm2: 13px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  :root {
    --font-big-orange: 60px;
    --font-xxl: 30px;
    --font-xl: 25px;
    --font-lg: 18px;
    --font-md: 13px;
    --font-sm: 12px;
    --font-sm2: 11px;
  }
}

@media (max-width: 767px) {
  :root {
    --font-big-orange: 55px;
    --font-xxl: 25px;
    --font-xl: 20px;
    --font-lg: 16px;
    --font-md: 14px;
    --font-sm: 13px;
    --font-sm2: 12px;
  }
}

.spacing-topbottom {
  padding: var(--spacesmall) 0;
}

.gaprow-2 {
  margin-left: -5px;
  margin-right: -5px;
}

.gaprow-2&gt;.col,
.gaprow-2&gt;[class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

.devfontbig {
  font-size: var(--font-big-orange);
  line-height: 1;
}

.projectsecmain {
  /* height: 31vw; */
  position: relative;
  padding: 2.5rem 0;
}
.projectsecmainai{
    height: 31vw;
}

.projectsecmain .container,
.projectsecmain .container-fluid {
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}

.projectbanner {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

.projectbanner&gt;* {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.text-firstwrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.bottom-tabsslide {
  flex: 1;
}

.navbar-list-scroll {

  padding: 30px 0px !important;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.navbar-list-scroll.stickywrap {
  position: fixed;
  top: 0;
  background: #fff;
  z-index: 103130;
  width: 100%;
  left: 0;
  padding: 15px 0px !important;
  border-bottom: 1px solid rgba(192, 192, 192, .5);
}

.desktogglebtn button {
  display: inline-flex !important;
  width: 2.5rem;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  border-radius: 9999px;
  -webkit-border-radius: 9999px;
  -moz-border-radius: 9999px;
  -ms-border-radius: 9999px;
  -o-border-radius: 9999px;
  --tw-text-opacity: 1;
  color: rgba(24, 24, 27, var(--tw-text-opacity)) !important;
  outline: 0;
  border: 0;
  padding: inherit !important;
  background-color: #f3f3f3 !important;
  box-shadow: 0px 3px 6px #00000029;
}

.desktogglebtn button svg {
  width: 1.5rem;
  height: 1.5rem;
}

.noneblock {
  display: none !important;
}

.activeblock {
  display: flex !important;
}

.opened .activeblock {
  display: none !important;
}

.opened .noneblock {
  display: flex !important;
}

.collapsedesktop {
  display: none;
}

.bottom-tabsslide ul {
  margin-left: -10px;
  margin-right: -10px;
}

.bottom-tabsslide ul li {
  flex: 0 0 25%;
  max-width: 25%;
  padding-left: 10px;
  padding-right: 10px;
}

.bottom-tabsslide ul .nav-link {
  color: #000;
  background-color: #dfdfdfde;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 10px 15px;
  border-radius: 10px 10px;
  position: relative;
  -webkit-border-radius: 10px 10px;
  -moz-border-radius: 10px 10px;
  -ms-border-radius: 10px 10px;
  -o-border-radius: 10px 10px;

}

.bottom-tabsslide ul .nav-link.active {
  background-color: #fff;
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.bottom-tabsslide ul .nav-link .numberpro {
  font-size: var(--font-xl);
  line-height: 1;
}

.bottom-tabsslide ul .nav-link .numberconte {
  flex: 1;
  margin-left: 20px;
  font-size: var(--font-md);
  line-height: 1.2;
}

.codebetterimg {
  position: relative;
}

.textbettermain {
  color: #FFFFFF;
  position: absolute;
}

.firstflowbttetext {
  right: 7%;
  top: 24%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}

.secondflowbttetext {
  bottom: 7%;
  left: 7%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}

.thirdflowbttetext {
  bottom: 7%;
  right: 7%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}

.projecttabsmain {
  padding: var(--spacesmall) 0;
}

.ftsectionprjct .headproj {
  font-size: var(--font-xxl);
}

.listpara-items p,
.listpara-items ul li,
.listpara-items ul ol {
  font-size: var(--font-md);
}

.listpara-items p:not(:last-child),
.listpara-items ul li:not(:last-child),
.listpara-items ol li:not(:last-child) {
  margin-bottom: 1rem;
}

.fullbg-grey {
  background: #ECECEC 0% 0% no-repeat padding-box;
}

.monilisitems:not(:last-child) {
  border-bottom: 1.5px solid #EBEBEB;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}

.bottom-tabsslide-cleancode ul {
  margin-left: -5px;
  margin-right: -5px;
}

.bottom-tabsslide-cleancode ul li {
  padding-left: 5px;
  padding-right: 5px;
}

.bottom-tabsslide-cleancode ul .nav-link {
  border-radius: 10px !important;
  padding: 10px;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -ms-border-radius: 10px !important;
  -o-border-radius: 10px !important;
}

.bottom-tabsslide-cleancode ul .nav-link .numberconte {
  margin-left: 0;
  font-size: 13px;
}

.content-list-sec .textbettermain {
  font-size: 14px;
}
.aieparaboxpara,.ulsize,.subac {
  font-size: var(--font-sm)
}
.subac2{
  font-size: var(--font-sm2);
}
@media (min-width: 1200px) and (max-width: 1365px) {}

@media (min-width: 768px) and (max-width: 1199px) {
  .fs40 {
    font-size: 26px;
  }
  .fs50{
    font-size: 28px;
  }
  .textbettermain {
    font-size: 1.5vw;
  }

  .text-firstwrap .para-g {
    font-size: 16px;
  }

  .bottom-tabsslide ul .nav-link {
    padding: 6px 7px;
  }

  .bottom-tabsslide ul .nav-link .numberconte {
    margin-left: 13px;
  }

  .content-list-sec .textbettermain {
    font-size: 9px;
  }
}

@media (max-width: 767px) {
  .row {
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
  }

  .projectsecmain {
    height: auto;
    padding-bottom: 2rem;
  }

  .projectbanner {
    position: static;
  }

  .devfontbig {
    margin-bottom: 1rem;
  }

  .text-firstwrap .para-g {
    color: #000 !important;
    line-height: 1.4;
    margin-bottom: 1.5rem;
  }

  .text-firstwrap {
    padding-top: 1rem;
  }

  .bottom-tabsslide ul .nav-link {
    padding: 7px 10px;
    padding-right: 32px;
    border-radius: 0;
    pointer-events: auto;
  }

  .navbar-list-scroll.stickywrap {
    padding: 5px 0 !important;
    align-items: center;
    display: flex;
    padding-top: 4px !important;
    background: transparent;
    border-bottom: none;
  }

  .bottom-tabsslide ul {
    display: none;
    margin-top: 6px;
    border: 1px solid rgba(192, 192, 192, .5);
    background: #fff;
  }

  .bottom-tabsslide ul.opened {
    display: block;
  }

  .bottom-tabsslide ul.open {
    position: relative !important;
    width: 100% !important;
    height: auto;
  }

  .bottom-tabsslide ul li {
    max-width: 100%;
    height: 50px;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    align-items: center;
    overflow: hidden;
    padding: 0;
    cursor: pointer;
  }

  /* .bottom-tabsslide ul .nav-item .nav-link.active::after{
  content: "";
  position: absolute;
  height: 16px;
  width: 16px;
  top: 50%;
  right: 15px;
  transform: translate(0px, -50%);
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='512' height='512' x='0' y='0' viewBox='0 0 512.012 512.012' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3e%3cg%3e%3cpath d='M505.325 129.52c-9.241-9.802-24.699-10.167-34.452-.951l-214.88 203.566L41.138 128.57c-9.753-9.241-25.187-8.851-34.452.951-9.265 9.777-8.851 25.211.927 34.476l231.63 219.439a24.328 24.328 0 0 0 16.75 6.681 24.39 24.39 0 0 0 16.775-6.681l231.63-219.439c9.778-9.266 10.192-24.699.927-34.477z' fill='%23f5742c' data-original='%23000000' class=''%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
  background-size: cover;
  transition: all .3s ease-in-out;
} */
  /* .bottom-tabsslide ul .nav-item.active {
  -webkit-box-ordinal-group: -1;
  -ms-flex-order: -1;
  order: -1;
} */
  .bottom-tabsslide ul .nav-link.active {
    border-radius: 10px 10px 0px 0px;
    pointer-events: none;
  }

  .textbettermain,
  .content-list-sec .textbettermain {
    font-size: 2.75vw;
  }

  .bottom-tabsslide-cleancode ul {
    box-shadow: none;
  }

  .bottom-tabsslide-cleancode ul {
    margin-bottom: 1rem;
    margin-top: 1rem;
  }

  .navbar-list-scroll.stickywrap .collapsedesktop {
    display: flex !important;
    justify-content: flex-end;
  }
}

/*linked in and naukri css*/
.linkedinurlbox .floating-input {
  padding-left: 25px;
}

.spacingurl {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 20px;
  height: 20px;
  display: flex;
}

.filebxo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.filebxo .file-upload {
  width: 100%;
  border: 0.75px dashed #857979;
  box-sizing: border-box;
  border-radius: 8px;
  padding: 25px 0;
  justify-content: space-between;
  position: relative;
}

.filebxo .file-upload p:not(:last-child) {
  margin-bottom: 0;

}

.filebxo .file-upload .name.active {
  display: block;
}

.filebxo .file-upload p {
  font-size: 14px;
}

.filebxo .file-upload .name {
  display: none;
}

.filebxo .file-upload input {
  position: absolute;
  width: 100%;
  left: 0;
  height: 100%;
  top: 0;
  opacity: 0;
}

.floating-input,
.floating-select {
  color: #495057 !important;
}

.floating-input::placeholder,
.floating-select::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #495057 !important;
  opacity: 1;
  /* Firefox */
}

.floating-input:-ms-input-placeholder,
.floating-select:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #495057 !important;
}

.floating-input::-ms-input-placeholder,
.floating-select::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #495057 !important;
}

/*end css*/

.expertisdiv{
  background: #404040;
}
.expetstwodiv{
  padding-top: 2rem;
  padding-bottom: 3rem;
  max-width: 75%;
}
.bottom-tabisnide-v2 ul{
  margin-left: -3.5px;
  margin-right: -3.5px;
  justify-content: center;
}
.bottom-tabisnide-v2 ul li{
  padding-left: 3.5px;
  padding-right: 3.5px;
  flex: 0 0 auto;
  width: auto;
}
.bottom-tabisnide-v2 ul .nav-link{
  background: #f3f2f0;
  border-radius: 10px 10px 0 0px;
  padding: 10px 30px 6px 15px;
}
.bottom-tabisnide-v2 ul .nav-link .numberconte{
  margin-left: 15px;
}
.bottom-tabisnide-v2 ul .nav-link.active{
  box-shadow: none !important;
}
.two-lgbox{
  display: grid;
  gap: 4rem;
  grid-template-columns: repeat(2,minmax(0,1fr));
}
.three-lgbox{
  display: grid;
  gap: 4rem;
  grid-template-columns: repeat(3,minmax(0,1fr));
}
.designsytmrow{
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2,minmax(0,1fr));
  margin-bottom: 1rem;
}
.gaparrow &gt; *:first-child{
  position: relative;
}
.gaparrow &gt; *:first-child:after{
  content: "";
  width: 30px;
  height: 30px;
  background: url('../img/technology/arrow.png') no-repeat  center / cover;
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translate(0%,-50%);
  right: -3rem;
}
.full-wdbox{
  grid-template-columns: repeat(1,minmax(0,1fr)); 
}
.three-wdbox{
  grid-template-columns: repeat(3,minmax(0,1fr)); 
}
.bg-orange{
  background-color: #F5742C;
}
.bg-lightblue{
  background-color: #62E7F1;
}
.designsytmrow &gt; *{
   height: 55px;
   border-radius: 4px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   -ms-border-radius: 4px;
   -o-border-radius: 4px;
   text-align: center;
   line-height: 1.3;
}

.bglistmainghft{
  background: #FEF8F4;
  padding: 2.5rem 0;
}
.itemlogogrid {
  border-radius: 10px;
  overflow: hidden;
}
.gridlogosm{
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
}
.aiexperbox{
  border-radius: 10px;
  background: var(--white);
}
.tailord-box{
  background: var(--white);
  padding: 1rem 1.5rem;
  border: 1px solid #DFDFDF;
  border-radius: 20px;
  position: relative;
}
.union-boxitems{
  margin-top: 1.5rem;
  position: relative;
}
.union-boxitems .union-boxw{
  background: #DFDFDF;
  margin-bottom: 1.5rem;
  padding: 1rem;
  border-radius: 10px;
  display: flex;
  column-gap: 10px;
  flex-wrap: nowrap;
  position: relative;
}
.uinionimg{
  margin-top: -2rem;
  flex: 0 0 auto;
}
.union-boxitems .union-boxw:before{
  content: "";
  position: absolute;
  z-index: 1;
  top: 0px;
  left: -15px;
  height: 25px;
  width: 25px;
  border-bottom-left-radius: 160%;
  background: #DFDFDF;
}
.union-boxitems .union-boxw:nth-child(odd){
  margin-right: 10%;
  margin-left: 20px;
}
.union-boxitems .union-boxw:nth-child(even){
  margin-left: 10%;
  margin-right: 20px;
  flex-direction: row-reverse;
  padding-left: 2rem;
  text-align: right;
}
.union-boxitems .union-boxw:nth-child(even):before{
  right: -15px;
  left: auto;
  border-bottom-left-radius: 0%;
  border-bottom-right-radius: 160%;
}
.swiper-wrrows-ins a.swiper-button-disabled{
  opacity: .5;
  pointer-events: none;
}
@media (min-width: 992px) {
  .w-md-80{
    width: 80%;
  }
}
@media (max-width: 1199px) {
  .tailord-box{
    padding: 1rem;
  }
}
@media (max-width: 991px) {
.bottom-tabisnide-v2 ul{
  display: flex;
    background: transparent;
    border: none;
    overflow-x: auto;
    flex-wrap: nowrap;
    justify-content: flex-start;
}
.bottom-tabisnide-v2 ul .nav-link{
  padding: 6px 12px 6px 12px;
}
.leftimga-s{
  margin-top: 1rem;
}
.swiper-wrrows-ins svg{
  width: 30px;
  height: 30px;
}
}

@media (max-width: 767px) {
.headermenu {
    top: 50px;
    overflow-y: scroll;
}
.two-lgbox,.three-lgbox{
  grid-template-columns: repeat(1,minmax(0,1fr));
}
.designsytmrow &gt; *{
  height: 46px;
}
.gaparrow &gt; *:not(:last-child):after{
  transform: translate(0%,-50%) rotate(90deg);
  right: 50%;
  bottom: -3rem;
  top: auto;
}
.expetstwodiv{
  max-width: 90%;
}
.itemlogogrid &gt; img {
  width: 80px;
  height: 80px;
}

}</pre></body></html>