@font-face {
  font-family: 'Mont-Regular';
  src: url('../font/Mont-Regular.otf');
}
@font-face {
  font-family: 'Mont-Light';
  src: url('../font/Mont-Light.otf');
}
@font-face {
  font-family: 'Mont-Bold';
  src: url('../font/Mont-Bold.otf');
}

html {
  scroll-behavior: smooth;
}
body {
  font-family: 'Mont-Regular';
  font-family: "Roboto", sans-serif;
  line-height: 1.7;
  color: #868686;
  font-weight: 300;
  font-size: 1.1rem;
  position: relative;
  margin: 0;
  padding: 0;
  background: #000;
}
body::before {
  content: '';
  position: absolute;
  top: 0; 
  left: 0;
  width: 100%;
  height: 100%;
background-image: url(../images/body-before.png), url(../images/body-after.png);
background-position: left bottom, right top;
background-repeat: repeat-y, repeat-y;}

:root {
  /* z-indexes */
  --hero-z-index: 2;
  --trailer-z-index: 1;
}

a:hover {text-decoration: none;}

.action-btn {font-size: 18px; font-weight: 400; text-transform: uppercase; text-align: center; position: relative; padding: 15px 40px 15px 40px; border-radius: 3px; cursor: pointer;}
.primary-btn {background: #E52166; color: #FFF;}
.primary-btn:hover {color: #FFF;}

.secondary-btn {background: #FFF; color: #E52166; border: 1px #E52166 solid;}
.secondary-btn:hover {color: #E52166;}

header {position: absolute; top: 30px; z-index: 12; width: 100%; display: flex; justify-content: space-between;}
.logo {margin-left: 80px;}
.navigation {margin-right: 80px;}


.hero {
  height: calc(100vh + 2px);
  width: calc(100% + 2px);
  position: fixed;
  z-index: var(--hero-z-index);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
          transition: transform 0.5s ease-out;
          
}
.hero__top {
  width: 100%;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: none;
}
.hero__bottom {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
  flex-direction: column;
}
.hero__top .filler {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.filler-white {
  background-color: transparent;
}
.hero__illustration {
 
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.hero__illustration .filler:first-child {
  padding-top: 200px;
}
.hero-icon {
  width: 200px;
  height: 200px;
  background: transparent;
  margin: 0 auto;
  -webkit-clip-path: polygon(0 0, 50% 50%, 100.5% 0, 100.5% 100%, 50% 50%, 0 100%);
          clip-path: polygon(0 0, 50% 50%, 100.5% 0, 100.5% 100%, 50% 50%, 0 100%);
}

.hero h1 {
  font-size: 120px;
  font-weight: lighter;
  margin: 0;
  opacity: 1;
}

.trailer {
  position: absolute;
  height: 100vh;
  width: 100%;
  z-index: 1;
  background: url(../images/banner-bg.png) no-repeat center center;
  background-size: cover;
}
.video-wrapper {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
}
.video {
  min-height: 500px;
  width: 100%;
  /* background: url(../images/bannerbg.svg?02) no-repeat center center; */
  background-size: contain;
  max-width: 800px;
  opacity: 0;
  transition: opacity 0.10s ease;
}

.banner-btn {display: flex; align-items: center; justify-content: center; column-gap: 10px; margin-top: 50px; position: absolute; bottom: 150px;}

/* .past-threshold .trailer {
  position: absolute;
  height: 100vh;
}
.past-threshold .video-wrapper {
  margin-top: 100vh;
} */

.content {
  /* pushs content below header hero & trailer (should equal trailer height after threshold) */
  /* top: 100vh; */
  position: relative;
  z-index: 11;
}
@media (max-width: 1000px) {
  .hero h1 {
    font-size: 90px;
  }
}
@media (max-width: 760px) {
  .hero h1 {
    font-size: 60px;
  }
}
@media (max-width: 510px) {
  .hero h1 {
    font-size: 40px;
  }
}




section {padding: 100px 0px;}


/* Desktop Navigation */
.main-nav, .main-nav * { margin: 0px 0px; padding: 0; list-style: none;}
.main-nav>ul>li { position: relative; white-space: nowrap; float: left;}
.main-nav a { display: block; position: relative; color: #FFF; padding: 20px 19px; transition: 0.3s; font-size: 15px; font-weight: 500;}
.main-nav a:hover, .main-nav .active>a, .main-nav li:hover>a {color: #FFF; text-decoration: none;}
.sticky .main-nav a {color: #FFF;}
.sticky .main-nav a:hover, .sticky .main-nav .active>a, .sticky .main-nav li:hover>a {color: #000000;}
.main-nav .drop-down ul {display: block; position: absolute; left: 0; top: calc(100% + 10px); z-index: 99; opacity: 0; visibility: hidden; padding: 0px 0; z-index: 110011; background: #fff; box-shadow: 0px 15px 30px rgba(127, 137, 161, 0.25); transition: ease all 0.3s;}
.main-nav .drop-down:hover>ul {opacity: 1; top: 60px; visibility: visible;}

/* .main-nav a:hover .main-nav .drop-down>ul.megaul.guideul li.guideBox {display: block;} */

.main-nav .drop-down ul a i {margin-right: 10px; position: absolute; top: 14px; left: 20px;}

.main-nav .drop-down ul h3 a {font-size: 16px; color: #000; font-weight: 600; padding: 10px 15px; border-bottom: 1px #CCC solid;}
.main-nav .drop-down li {min-width: 210px; position: relative;}
.main-nav .drop-down ul a {padding: 10px 15px 10px 35px; white-space: normal; font-size: 13px; color: #333; border-bottom: 1px #eee solid;}
.main-nav .drop-down ul a:hover, .main-nav .drop-down ul .active>a, .main-nav .drop-down ul li:hover>a {color: #FFF; background: #E52166;}
.main-nav .drop-down>a:after {content: "\f107"; font-family: FontAwesome; padding-left: 5px;}
.main-nav .drop-down .drop-down ul {top: 0; left: calc(100% - 30px);}
.main-nav .drop-down:hover>ul {opacity: 1; top: 65px; left: 0%;}
.main-nav .drop-down .drop-down:hover ul {top: 0; left: calc(100% - 30px);}
.main-nav .drop-down>a {padding-right: 35px;}
.main-nav .drop-down>a:after {content: "\f107"; position: absolute; right: 15px;}
/* Mobile Navigation */
.mobile-nav {position: fixed; top: 0; bottom: 0; z-index: 9999; overflow-y: auto; left: -260px; width: 260px; padding-top: 18px; background: rgb(229, 33, 102, .7); transition: 0.4s;}
.mobile-nav * {margin: 0; padding: 0; list-style: none;}

.mobile-nav .drop-down ul h3 {font-size: 16px; color: #000; font-weight: 600; padding: 10px 15px; border-bottom: 1px #CCC solid;}

.mobile-nav a {display: block; position: relative; color: #fff; font-weight: 400; padding: 10px 20px; font-weight: 400;}
.mobile-nav a:hover, .mobile-nav .active>a, .mobile-nav li:hover>a {color: #FFF; text-decoration: none;}
.mobile-nav .drop-down>a:after {content: "\f107"; font-family: FontAwesome; padding-left: 10px; position: absolute; right: 15px;}
.mobile-nav .active.drop-down>a:after {content: "\f106";}
.mobile-nav .drop-down>a {font-size:15px; padding-right: 35px;}
.mobile-nav a {font-size:15px;}
.mobile-nav a i {margin-right: 5px;}
.mobile-nav .drop-down ul {position: relative; z-index: 110011;}

.mobile-nav .drop-down ul h3 {color: #FFF;}
.mobile-nav .drop-down ul {display: none; overflow: hidden;}
.mobile-nav .drop-down li {padding-left: 20px;}
.mobile-nav-toggle {position: absolute; right: 15px; top: 40px; z-index: 110011; border: 0; background: none; font-size: 24px; transition: all 0.4s; outline: none !important; line-height: 1; cursor: pointer; text-align: right;}
.mobile-nav-toggle i {margin: 20px 10px 0 0; color: #FFF;}
.mobile-nav-overly {width: 100%; height: 100%; z-index: 9997; top: 0; left: 0; position: fixed; background: rgba(19, 39, 57, 0.8); overflow: hidden; display: none;}
.mobile-nav-active {overflow: hidden;}
.mobile-nav-active .mobile-nav {left: 0;}
.mobile-nav-active .mobile-nav-toggle i {color: #fff;}
.humburger {background: url('../images/humburger-close.png') no-repeat; background-size: cover; width: 24px; height: 23px; display: block;}
.humburgerOpen {background: url('../images/humburger-menu.png') no-repeat; background-size: cover; width: 34px; height: 21px; display: block;}


.marquee-wrap {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
}
.marquee-wrap,
.marquee-wrap ul {
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
}

/* .marquee-wrap ul:nth-of-type(1) {} */
/* .marquee-wrap ul:nth-of-type(2) {background: blue;} */

.marquee-wrap > li {
  display: flex;
  align-items: center;
  width: var(--scroller-size);
  will-change: transform;
  animation: text-scroller 15000ms linear 0ms normal infinite;
  text-indent: 0;
  justify-content: space-around;
  -webkit-transition: all 3000ms linear 0ms;
  -moz-transition: all 3000ms linear 0ms;
  -ms-transition: all 3000ms linear 0ms;
  -o-transition: all 3000ms linear 0ms;
  transition: all 3000ms linear 0ms;
  white-space: nowrap;
}
@keyframes text-scroller {
  100% {
    transform: translateX(calc(var(--scroller-size)*-0.5));
  }
}

.marquee-wrap > li:nth-child(1) ul {
  /* background: rgb(28,235,209); background: linear-gradient(180deg, rgba(28,235,209,1) 0%, rgba(2,61,235,1) 100%);} */
}

.marquee-wrap > li:nth-child(1) {
  color: #FFF;
}


.marquee-wrap > li:nth-child(2) ul {
  /* background: rgb(28,235,209); background: linear-gradient(180deg, rgb(41, 41, 41) 0%, rgb(5, 5, 5) 100%);} */
}

.marquee-wrap > li:nth-child(2) {
  animation-direction: reverse;
  color: #FFF;
}
.marquee-wrap > li > ul li {
  display: inline-block;
  padding: 20px 30px;
  font-size: 36px;
}

:root {
  --scroller-size: 150vw;
}
@media only screen and (max-width: 600px) {
  :root {
    --scroller-size: 500vw;
  }
}

.section-title {text-align: center; margin-bottom: 40px;}
.section-title h2 {font-size: 40px; font-weight: 400; color: #FFF;}
.section-title h2  span {color:#E52166;}

.mobile-con {display: flex; column-gap: 50px; align-items: center; justify-content: center; position: relative; z-index: 1;}
.mobile-sec {position: relative;}
.mobile-sec::before {content: ''; position: absolute; top:50%; left: 50%; width: 500px; height: 500px; background: #E52166; filter: blur(200px); margin-left: -250px; margin-top: -250px; z-index: -1;}
.typewriter {
  width: 898px;
  height: 290px;
  background: url('../images/chat.png') no-repeat; background-size: cover;
  font-size: 24px;
  font-weight: 300;
  border-right: 2px solid FFF; /* Cursor effect */
  display: inline-block;
  padding: 20px 0px 0px 100px;
  color: #FFF;
  visibility: hidden; /* Hide until visible */
}

.screenshot_slider {width: 60%; margin: 0px auto;}

.owl-item .item {
   transform: translate3d(0, 0, 0); /* DO NOT REMEMBER WHERE TU PUT THIS, SEARCH FOR 3D ACCELERATION */
  
  margin: 50px -40px; /* OVERWRITE PLUGIN MARGIN */
 }

.screenshot_slider .owl-item .item img {
    -webkit-transition: 0.3s;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: scale(0.80);
    -ms-transform: scale(0.80);
    transform: scale(0.80);
}
.screenshot_slider .owl-item {opacity: 0.5;}
.screenshot_slider .owl-item.center {
  position: relative;
  z-index: 11;
  opacity: 1;
}

.screenshot_slider .owl-item.center .item img {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    position: relative;
    z-index: 11;
}

.screenshot_slider .owl-nav {
    text-align: center;   
}

.screenshot_slider .owl-nav button {
	font-size: 24px !important;
	margin: 10px;
	color: #033aff !important;
}

@media (min-width: 1200px) {
  .container {
      max-width: 1600px;
  }
}
.brandStrip {padding: 50px 0px 130px 0px;}
.brandStrip .section-title {margin: 0px 0px 50px 0px;}
.strip-con {display: flex; flex-wrap: wrap; justify-content: center; column-gap: 10px;}
.strip-img {width: 201px; height: 103px; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; padding: 0px;}
.strip-img img {width: auto; filter: grayscale(1); border-radius: 15px;}

.mobilesec-con {padding: 60px 0px;}
footer { background: rgba(61, 4, 24, 0.502); padding: 20px 0px; position: relative; z-index: 1;}
footer p { color: #FFF; text-align: center; font-size: 14px; font-weight: 500; width: 100%; max-width: 1024px; display: inline-block; margin: 12px auto 0px auto; padding-top: 12px; border-top: 1px rgba(255, 255, 255, 20%) solid;}
footer ul {margin: 0; padding: 0; text-align: center;}
footer ul li {list-style-type: none; display: inline-block;}
footer ul li a {font-size: 14px; font-weight: 400; color: #FFF;}
footer ul li a:hover {color: #FFF; text-decoration: none;}
footer .footerlogo {position: relative; text-align: center;}
footer .footerlogo img {width: 150px;}

.scroll-down {position: absolute; top: 90vh; left: 50%; transform: translateX(-50%); width: 90px; z-index: 1;}
.scroll-down img {width: 100%;}

.privacy-policy {width: 100%; position: relative; padding: 100px 0px 20px 0px;}
.privacy-policy h1 {font-size: 24px; font-weight: 600; color: #FFF;}
.privacy-policy h2 {font-size: 16px; font-weight: 600; color: #FFF;}
.privacy-policy h3 {font-size: 14px; font-weight: 500; color: #FFF; margin-left: 15px;}
.privacy-policy h3 + p {margin-left: 15px;}
.privacy-policy p {font-size: 14px; font-weight: 400; color: #FFF; text-align: left;}
.privacy-policy ul {}
.privacy-policy ul li, .privacy-policy ol li {list-style-type: disc;font-size: 14px; font-weight: 400; color: #FFF;}
.privacy-policy strong {font-weight: 500; color: #FFF;}
.privacy-policy img {margin: 20px 0px;}
.privacy-policy table th {font-size: 16px; font-weight: 600; color: #FFF;}
.privacy-policy table td {font-size: 14px; font-weight: 400; color: #FFF;}
.privacy-policy .container {position: relative; z-index: 1;}

.termstop.hero {display: none !important;}




.mobilebody {
  width: 405px;
  height: 855px;
  background: url('../images/mobile.png') no-repeat center;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

.carousel {
  position: relative;
  width: 100%;
  max-width: 500px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-top: 430px;
}

.carousel__item {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  padding: 0 12px;
  opacity: 0;
  filter: drop-shadow(0 2px 2px #555);
  will-change: transform, opacity;
  -webkit-animation: carousel-animate-vertical 33s linear infinite;
          animation: carousel-animate-vertical 33s linear infinite;
}
.carousel__item:nth-child(1)  { animation-delay: -6s; }
.carousel__item:nth-child(2)  { animation-delay: -3s; }
.carousel__item:nth-child(3)  { animation-delay: 0s; }
.carousel__item:nth-child(4)  { animation-delay: 3s; }
.carousel__item:nth-child(5)  { animation-delay: 6s; }
.carousel__item:nth-child(6)  { animation-delay: 9s; }
.carousel__item:nth-child(7)  { animation-delay: 12s; }
.carousel__item:nth-child(8)  { animation-delay: 15s; }
.carousel__item:nth-child(9)  { animation-delay: 18s; }
.carousel__item:nth-child(10) { animation-delay: 21s; }
.carousel__item:nth-child(11) { animation-delay: 24s; }



@-webkit-keyframes carousel-animate-vertical {
  0% {
    transform: translateY(100%) scale(0.5);
    opacity: 0;
    visibility: hidden;
  }
  3%, 11.1111111111% {
    transform: translateY(100%) scale(0.7);
    opacity: 0.4;
    visibility: visible;
  }
  14.1111111111%, 22.2222222222% {
    transform: translateY(0) scale(1);
    opacity: 1;
    visibility: visible;
    /* position: relative; */
    z-index: 1
  }
  25.2222222222%, 33.3333333333% {
    transform: translateY(-100%) scale(0.7);
    opacity: 0.4;
    visibility: visible;
  }
  36.3333333333% {
    transform: translateY(-100%) scale(0.5);
    opacity: 0;
    visibility: visible;
  }
  100% {
    transform: translateY(-100%) scale(0.5);
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes carousel-animate-vertical {
  0% {
    transform: translateY(100%) scale(0.5);
    opacity: 0;
    visibility: hidden;
  }
  3%, 9% {
    transform: translateY(100%) scale(0.7);
    opacity: 0.4;
    visibility: visible;
  }
  12%, 18% {
    transform: translateY(0) scale(1);
    opacity: 1;
    visibility: visible;
    /* position: relative; */
    z-index: 1;
  }
  21%, 27% {
    transform: translateY(-100%) scale(0.7);
    opacity: 0.4;
    visibility: visible;
  }
  30% {
    transform: translateY(-100%) scale(0.5);
    opacity: 0;
    visibility: visible;
  }
  100% {
    transform: translateY(-100%) scale(0.5);
    opacity: 0;
    visibility: hidden;
  }
}



.about-us img {width: 70%;}
.aboutContent {max-width: 1340px; background: rgba(255, 255, 255, 10.05); background: linear-gradient(90deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%); border-left: 3px #E52166 solid; padding: 30px; margin: 0px auto;}
.aboutContent p {color: #FFF;}

.aboutContent h2 {font-size: 24px; font-weight: 500; color: #FFF;}

.aboutContent ul li {font-size: 1.1rem; font-weight: 300; color: #FFF;}


.aboutUsSection {margin-bottom: 50px; padding: 0;}
.about-us.mobile-sec {width: 100%;}

.about-us.mobile-sec::before {content: ''; position: absolute; top: 50%; left: 50%; width: 500px; height: 500px; background: #E52166; margin: 0; filter: blur(250px); transform: translate(-10%, -12%); z-index: 0;}

.contactUs {background: transparent; text-align: center; border: 0px #000 solid;}
.contactUs h2 {font-size: 40px; font-weight: 500; color: #FFF;}
.contactUs h3 {font-size: 40px; font-weight: 500;color: #E52166;}
.contactUs h4 {color: #FFF; margin: 20px 0px;}
.contactUscircleBox {display: flex; justify-content: center; column-gap: 10px; margin-top: 50px;}
.contactUscircle {width: 425px; height: 425px; background: url('../images/circle.png') no-repeat; background-size: contain;}
.contactUscircle img {width: 70px;}
.contactUscircle p {max-width: 300px;}
.contactUscircle.headoffice, .contactUscircle.call, .contactUscircle.email {position: relative; z-index: 1;display: flex; align-items: center; justify-content: center; flex-direction: column;}

.contactUscircle.headoffice::before {content: ""; position: absolute; top: 0; left: 0; width: 80%; height: 80%; background: url('../images/head-office.gif') no-repeat; background-size: cover; background-position: center; opacity: 0.2; z-index: -1; transform: translate(50px, 50px);}
.contactUscircle.call::before {content: ""; position: absolute; top: 0; left: 0; width: 80%; height: 80%; background: url('../images/call.gif') no-repeat; background-size: cover; background-position: center; opacity: 0.2; z-index: -1; transform: translate(50px, 50px);}
.contactUscircle.email::before {content: ""; position: absolute; top: 0; left: 0; width: 80%; height: 80%; background: url('../images/email.gif') no-repeat; background-size: cover; background-position: center; opacity: 0.2; z-index: -1; transform: translate(50px, 50px);}

.privacy-policy.about-us.mobile-sec.text-left::before {filter: blur(300px); transform: translate(-32%, -100%);}


.subsection-title {text-align: left; width: 100%;}
.subsection-title h1 {font-family: 'Mont-Bold'; font-size: 170px !important; line-height: 160px;}

.subsection-title h1 span {-webkit-text-stroke: 1px #FFF; -webkit-text-fill-color: transparent; display: block; padding-left: 250px;}
.service-banner img {width: 100%;}
.service-banner p {font-weight: 400;}
.services-content ul {margin: 0; padding: 0;}
.services-content ul li {background: url('../images/logo-icon1.png') no-repeat; background-size: 20px; background-position: 0px 5px; font-weight: 400; list-style-type: none; padding: 0px 0px 0px 30px;}
.more-services {position: relative; z-index: 1;}
.more-services .services-content {min-height: 330px; background: #FFF; padding: 40px; border-radius: 20px; border-bottom: 2px #E52166 solid;}
.more-services .services-content h2 {font-size: 30px; color: #000; font-weight: 700;}
.more-services .services-content ul li {font-size: 20px; font-weight: 500; color: #000; line-height: 30px; margin-bottom: 12px;}
.services-benifits {background: rgba(255, 255, 255, 0.1); background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%); padding: 40px; border-top: 2px #E52166 solid; position: relative;}
.services-benifits ul {margin: 0px; padding: 0; display: flex; flex-wrap: wrap; justify-content: center;}
.services-benifits ul li {width: 40%; font-size: 20px; font-weight: 500; color: #FFF;}
.benefits-icon {position: absolute; top: -35px; left: 50%; margin-left: -36px;}
h2.services-name {font-size: 42px;}

.career-page {position: relative; z-index: 1;}
ul {margin: 0; padding: 0;}
ul li.job-preview {list-style-type: none; display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; padding: 20px;}
ul li.job-preview h4 {font-size: 20px; color: #FFF; font-weight: 500; margin: 0;}
ul li.job-preview h5 {font-size: 16px; color: #FFF; font-weight: 400; margin: 0;}
.aboutUsSection .aboutContent.job-preview {width: 100%;}
ul li.job-preview .fa {margin-right: 8px;}

.grow-form {background: rgba(255, 255, 255, 0.15); padding: 50px; border-top: 2px #E52166 solid;}
.grow-form h2 {font-size: 34px; font-weight: 600; color: #FFF; text-align: center;}
.grow-form p {font-size: 20px; font-weight: 500; color: #FFF; text-align: center;}
.grow-form input, .grow-form select, .grow-form textarea {width: 100%; background: transparent; color: #FFF; padding: 15px; border: 1px #fff solid;}
.grow-form input.action-btn {background: #E52166; border: 0px #fff solid;}
.subsection-title.growfont h1 {font-size: 152px !important;}
select option {color: #000; background-color: #FFF;}
input:focus, select:focus, textarea:focus {outline: none; box-shadow: none;}
input::placeholder,
textarea::placeholder {color: #FFF; opacity: 1;}


.serviceSliderCon {}
.servicesBox {width: 100%; display: block;}
.owl-carousel .owl-item { margin: 0px;}
.owl-carousel .owl-item .servicesBox {}
.owl-carousel .owl-item .item {margin: 0;}
.owl-carousel .owl-item .servicesBox img {width: 100%; margin: 0px auto; border-radius: 0px 10px 10px 0px;}
/* .servicesBox.owl-carousel .owl-item {margin: 0px 20px;}
.servicesBox.owl-carousel .owl-item .item {width: 100%; margin: 0px 15px;} */

.services_slider {width: 70%; float: right; margin-top: 120px;} 
.services_slider11 {width: 30%; float: left; background: rgba(255, 255, 255, 0.15); padding: 60px 0px; border-radius: 10px;border: 2px solid #E52166;}
.services_slider11 .owl-stage-outer {transform: rotate(-90deg); transform-origin: center center; height: 400px; overflow: hidden;}
.services_slider11 .owl-stage {display: flex !important; flex-direction: row; padding-top: 85px; height: 385px;}
.services_slider11 .owl-item {transform: rotate(90deg); display: flex; justify-content: center; align-items: center; margin-left: 30px;}
.servicesBox h1 {font-size: 36px; color: #FFF;}
.servicesBox p {font-size: 16px; color: #FFF;}
.services_slider11.owl-carousel .owl-item .servicesBox {width: 82%; float: left;}

.services_slider11.owl-carousel .owl-item .servicesBox img {border-radius: 10px;}


.services_slider11.owl-carousel .owl-item .item {margin-left: 30px;}


.services_slider .owl-item {
  border: 2px solid transparent; border-left: 0px solid #E52166;
  border-radius: 0px 10px 10px 0px;
}

.services_slider .owl-item.first-in-slide {
  border: 2px solid #E52166; border-left: 0px solid #E52166;
  border-radius: 0px 10px 10px 0px;
}



.serviceSliderBoxxx {min-height: 700px; position: relative; margin-left: 150px;}
.custom-nav {position: absolute; left: 20px; bottom: 175px; float: left; display: flex; text-align: center; margin-bottom: 20px; z-index: 1;}
.custom-nav span {color: white; border: none; padding: 0; margin: 0 5px; cursor: pointer; border-radius: 5px; width: 45px; height: 45px; display: flex; justify-content: center; align-items: center;}
.custom-nav span#custom-prev {transform: rotate(180deg);}

/* .serviceSliderBoxxx {display: flex; align-items: center;} */




@media (max-width: 767px) {
  .hero__bottom img {width: 70%;}
  .mobile-con {display: block;}
  .mobile-body {max-width: 405px; height: 100%; background: url(../images/mobile.png) no-repeat; background-size: contain; width: 95%; min-height: 800px; margin: 0px auto;}
  .typewriter {width: auto; min-width: 250px; height: auto; min-height: 250px; text-align: left; background: #000; border: 2px #c11b56 solid; border-radius: 20px; padding: 20px; margin: 20px;}
  .banner-btn {flex-direction: column;}
  .banner-btn .action-btn {margin-bottom: 20px;}
  .mobile-sec::before {display: none;}
  .about-us.mobile-sec::before {display: block; width: 200px; height: 200px; filter: blur(75px); transform: translate(-46%, -25%); border-radius: 50%;}
  .button_container {right: 20px;}
  .logo {margin-left: 20px;}
  .mobile-con img {width: 90%; margin: 0px auto;}
  section {padding: 30px 0px;}
  .section-title h2 {font-size: 26px;}
  .mobile-sec {text-align: center;}
  .overlay ul li a {padding-left: 50px;}
  .overlay nav {font-size: 50px;}
  .overlay ul li a:after {left: 50px;}
  .screenshot_slider .owl-item .item img {-webkit-transform: scale(1);  -ms-transform: scale(1); transform: scale(1);}
  .owl-item .item {margin: 0;}
  .strip-img {width: 45%; height: auto;}
  .strip-img img {width: 100%;}
  .video {width: 80%;}
  .brandStrip {padding: 50px 0px 30px 0px;}
  .brandStrip .container {width: 90%;}
  .leadingBrands {width: 75%; display: block; margin: 0px auto;}
  .mobilebody {width: 95%; height: auto; background: url(../images/mobile.png) no-repeat; background-size: contain; background-position: center; min-height: 790px; margin: 0px auto;}
  .mobilebody .sliderrotate {top:270px;}
  .scroll-down {top: 80vh;}
  .mobilebody .outer {margin-top: 20px;}
  .contactUs h2 {font-size: 22px;}
  .contactUs h3 {font-size: 20px;}
  .contactUscircleBox {display: block;}
  .contactUscircle {width: 100%; height: 350px; margin: 10px auto;}
  .contactUscircle.headoffice::before {width: 70%; height: 70%;}
  .contactUscircle p {font-size: 16px; line-height: 26px; max-width: 245px;}
  .contactUs h4 {color: #FFF; margin: 10px 0px;}
  .privacy-policy.about-us.mobile-sec.text-left::before {filter: blur(90px); transform: translate(-37%, -459%);}
  .about-us img {width: 80%;}
  .aboutContent {width: 100%; padding: 0;}
  .about-us.mobile-sec {width: 92%;}
  .aboutUsSection .aboutContent {width: 85%; padding: 10px;}
  .contactSection {overflow: hidden;}
  .banner-btn {bottom: 170px;}
  .zoom-fade-img {top: -100px; width: 92%; margin-left: -41%;}
  .subsection-title h1 {font-family: 'Mont-Bold'; font-size: 48px !important; line-height: 48px;}
  .subsection-title h1 span {padding-left: 50px;}
  h2.services-name {font-size: 28px;}
  .aboutContent.services-content {width: 100%;}
  .more-services .services-content {min-height: auto; background: #FFF; padding: 20px; margin-bottom: 20px;}
  .more-services .services-content h2 {font-size: 26px;}
  .services-benifits ul li {width: 100%;}
  .services-benifits {padding: 40px 10px 20px 20px;}
  ul li.job-preview {flex-wrap: wrap;}
  ul li.job-preview .action-btn {margin-top: 15px;}
  .grow-form {padding: 17px;}
  .subsection-title.growfont h1 {font-size: 36px !important;}
  .grow-description .section-title {margin-bottom: 10px;}
  .serviceSliderBoxxx {min-height: auto; margin: 10px;}
  .services_slider11 {width: 100%; float: none; padding: 0;}
  .services_slider11 .owl-stage {display: flex !important; flex-direction: row; padding-top: 0px; height: auto;}
  .services_slider11.owl-carousel .owl-item .servicesBox {width: 100%; float: none;}
  .services_slider11 .owl-stage-outer {height: auto; padding: 20px 0px;}
  .services_slider11.owl-carousel .owl-item .item {margin-left: 0; padding: 15px;}
  .services_slider {width: 100%; float: none; margin-top: 10px;}
  .custom-nav {position: static; float: none; justify-content: center;}
  .aboutContent.contactUs {width: 100%;}
}


@media (min-width: 768px) and (max-width: 1024px) {
  .hero__bottom img {width: 70%;}
  .mobile-con {display: block;}
  .typewriter {width: auto; min-width: 250px; height: auto; min-height: 250px; text-align: left; background: #000; border: 2px #c11b56 solid; border-radius: 20px; padding: 20px; margin: 20px;}
  /* .banner-btn {flex-direction: column;} */
  .banner-btn .action-btn {margin-bottom: 20px;}
  .mobile-sec::before {display: none;}
  .button_container {right: 20px;}
  .logo {position: absolute; top: 15px; left: 20px;}
  .mobile-con img {width: 90%; margin: 0px auto;}
  section {padding: 30px 0px;}
  .section-title h2 {font-size: 26px;}
  .mobile-sec {text-align: center;}
  .overlay ul li a {padding-left: 50px;}
  .overlay nav {font-size: 50px;}
  .overlay ul li a:after {left: 50px;}
  .screenshot_slider .owl-item .item img {-webkit-transform: scale(1);  -ms-transform: scale(1); transform: scale(1);}
  .owl-item .item {margin: 0;}
  .strip-img {width: 45%; height: auto;}
  .strip-img img {width: 100%;}
  .video {width: 80%;}
  .brandStrip {padding: 50px 0px 30px 0px;}
  .brandStrip .container {width: 90%;}
  .leadingBrands {width: 75%; display: block; margin: 0px auto;}
  .mobilebody {width: 440px; height: 830px; background: url(../images/mobile.png) no-repeat; background-size: contain; background-position: center; min-height: 790px; margin: 0px auto;}
  .mobilebody .sliderrotate {top:270px;}
  .scroll-down {top: 80vh;}
  .mobilebody .outer {margin-top: 20px;}
  .contactUscircleBox {flex-wrap: wrap;}
  .contactUscircle {width: 330px; height: 330px; margin: 10px auto;}
  .contactUscircle p {max-width: 260px;}
}

@media (min-width: 1024px) and (max-width: 1200px) {

  .contactUscircle {width: 305px; height: 305px; margin: 10px auto;}
  .contactUscircle p {max-width: 260px;}
}

@media (min-width: 1024px) and (max-width: 1440px) {
  .hero__bottom img {width: 70%;}
  /* .mobile-con {display: block;} */
  .mobile-con {column-gap: 5px;}
  .typewriter {width: 575px; text-align: left; background-size: contain; margin-right: 15px; padding: 15px 0px 0px 65px;}
  /* .banner-btn {flex-direction: column;} */
  .banner-btn .action-btn {margin-bottom: 20px;}
  /* .mobile-sec::before {display: none;} */
  .button_container {right: 20px;}
  /* .logo {position: absolute; top: 15px; left: 20px;} */
  .mobile-con img {width: 90%; margin: 0px auto;}
  section {padding: 30px 0px;}
  .section-title h2 {font-size: 26px;}
  .mobile-sec {text-align: center;}
  .overlay ul li a {padding-left: 50px;}
  .overlay nav {font-size: 50px;}
  .overlay ul li a:after {left: 50px;}
  .screenshot_slider .owl-item .item img {-webkit-transform: scale(1);  -ms-transform: scale(1); transform: scale(1);}
  .owl-item .item {margin: 0;}
  .strip-img {width: auto; height: auto;}
  .strip-img img {width: auto;}
  .video {width: 80%;}
  .brandStrip {padding: 50px 0px 30px 0px;}
  .brandStrip .container {width: 90%;}
  .leadingBrands {width: 75%; display: block; margin: 0px auto;}
  .mobilebody {width: 440px; height: 830px; background: url(../images/mobile.png) no-repeat; background-size: contain; background-position: center; min-height: 790px; margin: 0px;}
  .mobilebody .sliderrotate {top:270px;}
  .scroll-down {top: 80vh;}
  .mobilebody .outer {margin-top: 20px;}
}