* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Poppins', sans-serif; }

body {
  overscroll-behavior: none;
  overflow-x: hidden;
  overflow-y: scroll;
  position: relative;
  cursor: none;
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  body.ov-hidden {
    overflow: hidden; }
  body.over-flow {
    overflow: hidden; }
  body::-webkit-scrollbar {
    width: 1px; }
  body::-webkit-scrollbar-track {
    background: transparent;
    width: 1px; }
  body::-webkit-scrollbar-thumb {
    background: #888;
    width: 1px; }
  body::-webkit-scrollbar-thumb:hover {
    background: #555;
    width: 1px; }
  body .section_nav {
    position: fixed;
    top: 50%;
    left: 3%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    z-index: 3; }
    body .section_nav a {
      text-decoration: none;
      font-size: 30px;
      font-weight: 700;
      position: relative;
      padding-left: 35px;
      color: #707070;
      font-style: italic;
      width: 70px; }
      body .section_nav a.active {
        transform: scale(1.3);
        color: #fff; }
      body .section_nav a::before {
        content: '';
        position: absolute;
        left: 0;
        top: 20px;
        width: 30px;
        height: 3px;
        border-radius: 5px;
        background: #0f2030; }
  body .social-sidebar {
    position: fixed;
    top: 50%;
    left: 97%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 4;
    background: #0f2030;
    padding: 40px 15px;
    border-radius: 10px; }
    body .social-sidebar a {
      text-decoration: none;
      color: #000;
      padding: 5px 0;
      margin: 15px 0; }
      body .social-sidebar a::after {
        content: '';
        position: absolute;
        bottom: -15px;
        left: 50%;
        transform: translate(-50%, 100%);
        width: 3px;
        height: 165px;
        border-radius: 5px;
        background: white;
        z-index: 0; }
      body .social-sidebar a::before {
        content: '';
        position: absolute;
        top: -15px;
        left: 50%;
        transform: translate(-50%, -100%);
        width: 3px;
        height: 100px;
        border-radius: 5px;
        background: white;
        z-index: 0; }
      body .social-sidebar a img {
        width: 30px;
        height: 30px;
        object-fit: contain;
        object-position: center; }

.d-n {
  display: none !important; }

.d-b {
  display: block; }

.container-f {
  width: 100%; }

.container {
  margin-right: auto;
  margin-left: auto;
  padding-right: 10px;
  padding-left: 10px; }

.row {
  display: flex;
  flex-wrap: wrap; }

.no-wrp {
  flex-wrap: nowrap; }

.d-flex {
  display: flex; }

.just-content-center {
  justify-content: center; }

.just-content-start {
  justify-content: start; }

.just-content-end {
  justify-content: end; }

.just-content-space-between {
  justify-content: space-between; }

.just-content-space-around {
  justify-content: space-around; }

.just-content-space-evenly {
  justify-content: space-evenly; }

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

.align-items-start {
  align-items: start; }

.align-items-center {
  align-items: center; }

.align-items-end {
  align-items: end; }

.align-items-baseline {
  align-items: baseline; }

.p-0 {
  padding: 0; }

.p-50 {
  padding: 50px; }

.p-100 {
  padding: 100px; }

.p-100-tb {
  padding: 100px 0; }

.p-150-tb {
  padding: 150px 0; }

.p-200-tb {
  padding: 200px 0; }

.p-250-tb {
  padding: 250px 0; }

.m-0 {
  margin: 0; }

.m-auto {
  margin: 0 auto; }

.ml-auto {
  margin-left: auto; }

.mr-auto {
  margin-right: auto; }

.mt-1 {
  margin-top: 10px; }

.mt-2 {
  margin-top: 20px; }

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

.mt-4 {
  margin-top: 40px; }

.mt-5 {
  margin-top: 50px; }

.mt-6 {
  margin-top: 60px; }

.mt-7 {
  margin-top: 70px; }

.mt-8 {
  margin-top: 80px; }

.mt-9 {
  margin-top: 90px; }

.mt-10 {
  margin-top: 100px; }

.mb-1 {
  margin-bottom: 10px; }

.mb-2 {
  margin-bottom: 20px; }

.mb-3 {
  margin-bottom: 30px; }

.mb-4 {
  margin-bottom: 40px; }

.mb-5 {
  margin-bottom: 50px; }

.mb-6 {
  margin-bottom: 60px; }

.mb-7 {
  margin-bottom: 70px; }

.mb-8 {
  margin-bottom: 80px; }

.mb-9 {
  margin-bottom: 90px; }

.mb-10 {
  margin-bottom: 100px; }

@media (min-width: 200px) {
  .container {
    max-width: 100%; } }

@media (min-width: 576px) {
  .container {
    max-width: 540px; } }

@media (min-width: 768px) {
  .container {
    max-width: 720px; } }

@media (min-width: 992px) {
  .container {
    max-width: 960px; } }

@media (min-width: 1200px) {
  .container {
    max-width: 1140px; } }

@media (min-width: 1400px) {
  .container {
    max-width: 1360px; } }

.text-white {
  color: white; }

.text-black {
  color: black; }

@media (min-width: 200px) {
  .col-1 {
    flex: 0 0 auto;
    width: 100%;
    padding: 0 15px; }
  .col-2 {
    flex: 0 0 auto;
    width: 100%;
    padding: 0 15px; }
  .col-3 {
    flex: 0 0 auto;
    width: 100%;
    padding: 0 15px; }
  .col-4 {
    flex: 0 0 auto;
    width: 100%;
    padding: 0 15px; }
  .col-5 {
    flex: 0 0 auto;
    width: 100%;
    padding: 0 15px; }
  .col-6 {
    flex: 0 0 auto;
    width: 100%;
    padding: 0 15px; }
  .col-7 {
    flex: 0 0 auto;
    width: 100%;
    padding: 0 15px; }
  .col-8 {
    flex: 0 0 auto;
    width: 100%;
    padding: 0 15px; }
  .col-9 {
    flex: 0 0 auto;
    width: 100%;
    padding: 0 15px; }
  .col-10 {
    flex: 0 0 auto;
    width: 100%;
    padding: 0 15px; }
  .col-11 {
    flex: 0 0 auto;
    width: 100%;
    padding: 0 15px; }
  .col-12 {
    flex: 0 0 auto;
    width: 100%;
    padding: 0 15px; } }

@media (min-width: 768px) {
  .col-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
    padding: 0 15px; }
  .col-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
    padding: 0 15px; }
  .col-3 {
    flex: 0 0 auto;
    width: 25%;
    padding: 0 15px; }
  .col-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
    padding: 0 15px; }
  .col-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
    padding: 0 15px; }
  .col-6 {
    flex: 0 0 auto;
    width: 50%;
    padding: 0 15px; }
  .col-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
    padding: 0 15px; }
  .col-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
    padding: 0 15px; }
  .col-9 {
    flex: 0 0 auto;
    width: 75%;
    padding: 0 15px; }
  .col-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
    padding: 0 15px; }
  .col-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
    padding: 0 15px; }
  .col-12 {
    flex: 0 0 auto;
    width: 100%;
    padding: 0 15px; } }

.round-ab {
  width: 1000px;
  height: 700px;
  position: fixed;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.scale-opacity {
  opacity: 0;
  transform: scale(0.8); }

.tP-bTm {
  transform: translateY(100px) scale(1.8);
  opacity: 0; }

@keyframes roundandround {
  to {
    transform: rotateX(360deg) rotateY(360deg); } }

@keyframes show {
  to {
    opacity: 1; } }

.scene {
  width: 800px;
  height: 800px;
  margin: 2% auto;
  perspective: 1000px;
  position: fixed;
  top: 7rem;
  z-index: -1; }

.wrapper {
  width: 100%;
  height: 100%;
  transform: rotateX(45deg) rotateY(45deg);
  transform-style: preserve-3d; }

.ball {
  position: relative;
  width: 70%;
  height: 70%;
  margin: 0 auto;
  transform-style: preserve-3d;
  animation: roundandround 10s 1.3s infinite linear;
  list-style: none; }

.ball .ring {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 3px;
  border-style: dashed;
  border-radius: 50%;
  opacity: 0;
  animation: show 0.75s forwards ease-in-out; }

.ring:nth-child(1) {
  color: #C0211D;
  transform: rotateY(4deg);
  animation-delay: 0s; }

.ring:nth-child(2) {
  color: #C0211D;
  transform: rotateY(8deg);
  animation-delay: 0.1s; }

.ring:nth-child(3) {
  color: #C0211D;
  transform: rotateY(12deg);
  animation-delay: 0.2s; }

.ring:nth-child(4) {
  color: #C0211D;
  transform: rotateY(16deg);
  animation-delay: 0.3s; }

.ring:nth-child(5) {
  color: #C0211D;
  transform: rotateY(20deg);
  animation-delay: 0.4s; }

.ring:nth-child(6) {
  color: #C0211D;
  transform: rotateY(24deg);
  animation-delay: 0.5s; }

.ring:nth-child(7) {
  color: #C0211D;
  transform: rotateY(28deg);
  animation-delay: 0.6s; }

.ring:nth-child(8) {
  color: #C0211D;
  transform: rotateY(32deg);
  animation-delay: 0.7s; }

.ring:nth-child(9) {
  color: #C0211D;
  transform: rotateY(36deg);
  animation-delay: 0.8s; }

.ring:nth-child(10) {
  color: #C0211D;
  transform: rotateY(40deg);
  animation-delay: 0.9s; }

.ring:nth-child(11) {
  color: #C0211D;
  transform: rotateY(44deg);
  animation-delay: 1s; }

.ring:nth-child(12) {
  color: #FFFFFF;
  transform: rotateY(48deg);
  animation-delay: 1.1s; }

.ring:nth-child(13) {
  color: #FFFFFF;
  transform: rotateY(52deg);
  animation-delay: 1s; }

.ring:nth-child(14) {
  color: #FFFFFF;
  transform: rotateY(56deg);
  animation-delay: 0.9s; }

.ring:nth-child(15) {
  color: #FFFFFF;
  transform: rotateY(60deg);
  animation-delay: 0.8s; }

.ring:nth-child(16) {
  color: #FFFFFF;
  transform: rotateY(64deg);
  animation-delay: 0.7s; }

.ring:nth-child(17) {
  color: #FFFFFF;
  transform: rotateY(68deg);
  animation-delay: 0.6s; }

.ring:nth-child(18) {
  color: #FFFFFF;
  transform: rotateY(72deg);
  animation-delay: 0.5s; }

.ring:nth-child(19) {
  color: #FFFFFF;
  transform: rotateY(76deg);
  animation-delay: 0.4s; }

.ring:nth-child(20) {
  color: #FFFFFF;
  transform: rotateY(80deg);
  animation-delay: 0.3s; }

.ring:nth-child(21) {
  color: #FFFFFF;
  transform: rotateY(84deg);
  animation-delay: 0.2s; }

.ring:nth-child(22) {
  color: #FFFFFF;
  transform: rotateY(88deg);
  animation-delay: 0.1s; }

.ring:nth-child(23) {
  color: #FFFFFF;
  transform: rotateY(92deg);
  animation-delay: 0s; }

svg#Layer_1 {
  position: fixed;
  margin-top: -40rem;
  z-index: 1; }
  svg#Layer_1 #motionPath {
    stroke: transparent; }

.cls-4 {
  animation: clrone 2s infinite linear; }

.cls-5 {
  animation: clrone 2s infinite linear; }

.cls-10 {
  animation: clrone 2s infinite linear; }

@keyframes clrone {
  0% {
    fill: #fff;
    opacity: 0.2;
    transition: all 1s; }
  25% {
    fill: #000;
    opacity: 0.3;
    transition: all 1s; }
  50% {
    fill: red;
    opacity: 0.5;
    transition: all 1s; }
  75% {
    fill: #FF5700;
    opacity: 0.8;
    transition: all 1s; }
  100% {
    fill: #13609a;
    opacity: 0.2;
    transition: all 1s; } }

.home-mbl {
  display: none !important; }
  .home-mbl .elevate {
    padding: 5rem 0;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(85deg, #f4743d2e, transparent);
    position: relative; }
    .home-mbl .elevate::after {
      content: '';
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 150px;
      background: linear-gradient(to top, #000816, transparent); }
    .home-mbl .elevate a {
      width: 150px;
      color: #fff;
      text-decoration: none;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 40px;
      background: linear-gradient(45deg, #0c456f, #2079bac4);
      margin: auto;
      margin-top: 20px;
      border-radius: 5px;
      box-shadow: 0 0 10px 10px #00000038;
      font-size: 14px; }
    .home-mbl .elevate .h2 {
      color: #fff;
      font-size: 60px;
      text-align: center;
      display: block;
      font-weight: 700; }
      .home-mbl .elevate .h2 span {
        color: transparent;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #429BF2; }
    .home-mbl .elevate .scene {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 320px;
      height: 320px;
      opacity: 0.7; }
      .home-mbl .elevate .scene .wrapper .ball {
        width: 100%;
        height: 100%; }
  .home-mbl .explr-cd {
    padding: 5rem 1rem;
    display: flex;
    justify-content: center;
    align-items: center; }
    .home-mbl .explr-cd .hd9y .h2 {
      display: block;
      color: #fff;
      font-size: 70px;
      font-weight: 800;
      line-height: 1; }
      .home-mbl .explr-cd .hd9y .h2 span {
        color: transparent;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #429BF2; }
    .home-mbl .explr-cd .bx0r {
      background: #131E30;
      border: 1px solid #ffffff1a;
      box-shadow: -3px 3px 0px 0px #fff;
      padding: 20px;
      position: relative;
      border-radius: 10px;
      margin-top: 2rem;
      height: 260px;
      overflow: hidden;
      transition: all .8s ease; }
      .home-mbl .explr-cd .bx0r.show-all {
        transition: all .8s ease;
        height: 1390px;
        overflow: visible; }
        .home-mbl .explr-cd .bx0r.show-all svg {
          transform: rotate(90deg); }
      .home-mbl .explr-cd .bx0r span {
        display: block; }
        .home-mbl .explr-cd .bx0r span.h3 {
          color: #fff;
          text-transform: capitalize;
          font-size: 36px;
          font-weight: 600; }
        .home-mbl .explr-cd .bx0r span.h6 {
          color: #0081FF;
          font-size: 20px;
          text-transform: capitalize; }
      .home-mbl .explr-cd .bx0r p {
        color: #fff;
        margin-bottom: 1rem; }
      .home-mbl .explr-cd .bx0r .bt7yt {
        display: flex;
        align-items: center;
        margin-top: 1rem; }
        .home-mbl .explr-cd .bx0r .bt7yt a {
          width: 150px;
          text-align: center;
          text-decoration: none;
          color: #fff;
          padding: 12px 0;
          border-radius: 10px; }
          .home-mbl .explr-cd .bx0r .bt7yt a.v1ew {
            border: 1px solid #0081FF; }
          .home-mbl .explr-cd .bx0r .bt7yt a.prt4l0 {
            background: #0081FF;
            border: 1px solid transparent;
            margin-left: 1rem; }

.cursor {
  position: fixed;
  background-color: #429bf2;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  z-index: 1;
  transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
  user-select: none;
  pointer-events: none;
  z-index: 10000;
  transform: scale(1); }
  .cursor.active {
    opacity: 0.5;
    transform: scale(0); }
  .cursor.hovered {
    opacity: 0.08; }

.cursor-follower {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.3);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  z-index: 1;
  transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
  user-select: none;
  pointer-events: none;
  z-index: 10000;
  transform: translate(5px, 5px); }
  .cursor-follower.act-zm {
    transform: scale(3);
    background: #fff;
    mix-blend-mode: difference; }

.expanded-section ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap; }

.expanded-section ul li {
  width: 100%;
  height: 210px;
  background: linear-gradient(45deg, #0098b991, #fff25924, #bf2e47b3);
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center; }

.expanded-section ul li img {
  width: 75% !important;
  height: 100px;
  object-fit: contain; }

.expanded-section ul li span {
  color: #fff;
  font-size: 16px;
  font-weight: 600; }

.expanded-section {
  margin-top: 40px; }

a.expand-btn {
  display: flex;
  justify-content: center;
  margin: 20px 0; }

a.expand-btn svg {
  transition: all .8s ease;
  transform: rotate(0); }

a.expand-btn.rotateSvg svg {
  transition: all .8s ease;
  transform: rotate(90deg);
  fill: #007ffa; }

.popup {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: -999;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  opacity: 0;
  transform: scale(0);
  transition: all .3s ease; }

.popup.show {
  z-index: 999;
  opacity: 1;
  transform: scale(1);
  transition: all .3s ease; }

.popup .main_lead {
  width: 1000px;
  height: 700px;
  background: linear-gradient(45deg, #13deb7, #1a86b1);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  position: relative;
  box-shadow: 0 0 50px 0 #000; }

.popup .main_lead .row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 30px; }

.popup .main_lead .row .col-md-6 {
  max-width: 50%;
  flex: 0 0 50%;
  padding: 15px; }

button#close-modal {
  position: absolute;
  top: -20px;
  right: -20px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 0;
  font-size: 20px;
  font-weight: 600; }

.popup .main_lead .row .col-md-6 .popup-heading span {
  font-size: 40px !important;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 20px;
  display: block;
  color: #fff; }

.popup .main_lead .row .col-md-6 form .row {
  display: flex;
  flex-direction: column;
  padding: 0; }

.popup .main_lead .row .col-md-6 form .row .form-group.col-md-6 {
  max-width: 100% !important;
  padding: 0; }

.popup .main_lead .row .col-md-6 form .row .form-group.col-md-6 input {
  width: 100% !important;
  padding: 10px;
  border: 0;
  border-radius: 10px;
  margin-bottom: 5px;
  height: 45px;
  background: transparent;
  border: 1px solid #fff;
  color: #fff; }

.popup .main_lead .row .col-md-6 form .row .form-group.col-md-6 select {
  width: 100% !important;
  padding: 10px;
  border: 0;
  border-radius: 10px;
  margin-bottom: 5px;
  height: 45px;
  background: transparent;
  border: 1px solid #fff; }

.popup .main_lead .row .col-md-6 form .row .form-group.col-md-6 input::placeholder {
  color: #fff; }

.popup .main_lead .row .col-md-6 form .row .form-group.col-md-6 input:focus, .popup .main_lead .row .col-md-6 form .row .form-group.col-md-6 select:focus, .popup .main_lead .row .col-md-6 form .row .form-group.col-md-12 textarea:focus {
  outline: none;
  box-shadow: none; }

.popup .main_lead .row .col-md-6 form .row .form-group.col-md-12 {
  max-width: 100% !important; }

.popup .main_lead .row .col-md-6 form .row .form-group.col-md-12 textarea {
  width: 100%;
  padding: 10px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  border: 1px solid #fff;
  color: #fff; }

.popup .main_lead .row .col-md-6 form .row .form-group.col-md-12 textarea::placeholder {
  color: #fff; }

.popup .main_lead .row .col-md-6 form .row .form-group button {
  width: 50%;
  height: 45px;
  border: 0;
  border-radius: 10px;
  background: darkcyan;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  margin: auto;
  display: block; }

.popup .main_lead .row .col-md-6 .poPop-img {
  width: 100%; }

.popup .main_lead .row .col-md-6 .poPop-img img {
  width: 100%; }

header {
  padding: 30px;
  position: fixed;
  width: 100%;
  z-index: 10; }
  header .container-full {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    header .container-full .lg-div a img {
      width: 85%;
      filter: drop-shadow(2px 4px 6px black); }
    header .container-full .toggler-div .main {
      display: flex;
      justify-content: space-between;
      align-items: center;
      background: #0f2030;
      border-radius: 10px;
      padding: 13px; }
      header .container-full .toggler-div .main.bdr {
        border: 1px solid #fff;
        transition: all .5s; }
      header .container-full .toggler-div .main a.contact {
        background: #429BF2;
        color: #fff;
        text-decoration: none;
        text-align: center;
        padding: 8px 0;
        border-radius: 10px;
        border: 2px solid transparent;
        min-width: 120px;
        transition: all .5s;
        font-size: 14px; }
      header .container-full .toggler-div .main a.getAquote {
        border: 2px solid #429BF2;
        color: #fff;
        text-decoration: none;
        text-align: center;
        padding: 8px 0;
        border-radius: 10px;
        min-width: 120px;
        margin: 0 15px;
        transition: all .5s;
        font-size: 14px; }
      header .container-full .toggler-div .main #toggle {
        width: 45px;
        border-radius: 50%;
        z-index: 99; }
        header .container-full .toggler-div .main #toggle div {
          width: 100%;
          height: 5px;
          background: #fff;
          margin: 4px auto;
          transition: 0.3s;
          backface-visibility: hidden;
          border-radius: 5px; }
          header .container-full .toggler-div .main #toggle div:nth-child(2) {
            width: 60%;
            margin-left: 0;
            transition: all .5s; }
        header .container-full .toggler-div .main #toggle.on .one {
          width: 50%; }
        header .container-full .toggler-div .main #toggle.on .two {
          width: 100%; }
        header .container-full .toggler-div .main #toggle.on .three {
          width: 50%; }
  header.hdFix .main a.contact {
    display: none;
    transition: all .5s; }
  header.hdFix .main a.getAquote {
    display: none;
    transition: all .5s; }
  header.hdFix .main #toggle {
    width: 40px !important;
    transition: all .5s; }

.main-nav {
  width: 100%;
  height: 100vh;
  background: #fff;
  position: fixed;
  top: 0;
  display: flex;
  right: -100%;
  opacity: 0;
  transition: all 1s;
  z-index: 5; }
  .main-nav.display-nav {
    right: 0;
    opacity: 1; }
  .main-nav ul {
    padding: 0;
    margin: 0;
    list-style: none; }
    .main-nav ul li a {
      text-decoration: none; }
  .main-nav .left-menu {
    width: 60%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .main-nav .left-menu ul li {
      font-style: italic;
      color: #000; }
      .main-nav .left-menu ul li a {
        text-decoration: none;
        font-size: 80px;
        letter-spacing: -5px;
        font-weight: 800;
        color: #000;
        position: relative;
        display: inline-block;
        padding: 0;
        transition: transform 0.3s;
        transform-origin: 50% 0;
        transform-style: preserve-3d; }
        .main-nav .left-menu ul li a::after {
          position: absolute;
          top: 100%;
          left: 0;
          width: 100%;
          height: 100%;
          content: attr(data-hover);
          transition: color 0.3s;
          transform: rotateX(-90deg);
          transform-origin: 50% 0;
          text-align: center; }
        .main-nav .left-menu ul li a:hover {
          transform: rotateX(90deg) translateY(-22px);
          color: #000; }
      .main-nav .left-menu ul li span {
        font-size: 24px;
        padding-right: 15px; }
    .main-nav .left-menu .next-fl9y {
      display: none;
      width: 200px;
      border: 0;
      padding: 10px 0;
      border-radius: 10px;
      font-size: 16px;
      text-align: center;
      background: #000;
      color: #fff;
      margin-top: 2rem;
      text-decoration: none; }
  .main-nav .right-menu {
    width: 40%;
    background: #1A1919;
    border-radius: 40px 0 0 40px;
    padding: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    .main-nav .right-menu span.services {
      display: block;
      text-align: center;
      color: #fff;
      position: relative;
      width: 100%;
      padding: 10px 20px;
      background-color: #1A1919;
      z-index: 1;
      font-size: 20px;
      font-weight: 200;
      margin-bottom: 30px; }
      .main-nav .right-menu span.services::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        background: #777777;
        border-radius: 5px;
        top: 50%;
        left: 0;
        z-index: -2; }
      .main-nav .right-menu span.services::after {
        content: '';
        position: absolute;
        width: 20%;
        height: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #1a1919;
        z-index: -1; }
    .main-nav .right-menu span.blogs {
      display: block;
      text-align: center;
      color: #fff;
      position: relative;
      width: 100%;
      padding: 10px 20px;
      background-color: #1A1919;
      z-index: 1;
      font-size: 20px;
      font-weight: 200;
      margin-top: 30px; }
      .main-nav .right-menu span.blogs::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        background: #777777;
        border-radius: 5px;
        top: 50%;
        left: 0;
        z-index: -2; }
      .main-nav .right-menu span.blogs::after {
        content: '';
        position: absolute;
        width: 20%;
        height: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #1a1919;
        z-index: -1; }
    .main-nav .right-menu .mn-servcs-cont {
      display: flex;
      justify-content: space-between;
      width: 100%; }
      .main-nav .right-menu .mn-servcs-cont .sub-srv {
        position: relative;
        width: 50%; }
        .main-nav .right-menu .mn-servcs-cont .sub-srv ul {
          position: absolute;
          width: 100% !important;
          top: 0;
          z-index: -2;
          opacity: 0;
          border: 0;
          transition: all 1.5s; }
          .main-nav .right-menu .mn-servcs-cont .sub-srv ul.show {
            z-index: 1;
            opacity: 1;
            transition: all 1.5s; }
      .main-nav .right-menu .mn-servcs-cont ul {
        width: 50%;
        border-right: 1px solid #fff;
        padding: 0 20px; }
        .main-nav .right-menu .mn-servcs-cont ul:last-child {
          border: 0; }
        .main-nav .right-menu .mn-servcs-cont ul li {
          padding: 10px; }
          .main-nav .right-menu .mn-servcs-cont ul li a {
            color: #fff;
            text-transform: capitalize;
            font-size: 16px;
            position: relative; }
            .main-nav .right-menu .mn-servcs-cont ul li a::after {
              content: "";
              position: absolute;
              width: 35px;
              height: 35px;
              background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='44.873' height='44.873' viewBox='0 0 44.873 44.873'%3E%3Cg id='Group_39' data-name='Group 39' transform='matrix(0.574, -0.819, 0.819, 0.574, 0, 26.393)'%3E%3Cpath id='Path_42' data-name='Path 42' d='M0,0H32.22V32.22H0Z' fill='none'/%3E%3Cpath id='Path_43' data-name='Path 43' d='M18.74,8l-1.9,1.9,7.5,7.5H8v2.685H24.338l-7.5,7.5,1.9,1.9L29.48,18.74Z' transform='translate(-2.63 -2.63)' fill='%23f4743d'/%3E%3C/g%3E%3C/svg%3E");
              background-repeat: no-repeat;
              background-position: center;
              background-size: contain;
              transition: .5s;
              opacity: 0;
              top: 0; }
            .main-nav .right-menu .mn-servcs-cont ul li a:hover::after {
              opacity: 1;
              top: -8px; }
    .main-nav .right-menu .menu-p {
      padding: 40px;
      font-weight: 200;
      font-size: 14px;
      text-align: center;
      color: #fff; }
      .main-nav .right-menu .menu-p span {
        color: #F4743D;
        font-weight: 800;
        font-size: 20px;
        font-style: italic; }
    .main-nav .right-menu .back-fl9y {
      display: none;
      width: 200px;
      border: 0;
      padding: 10px 0;
      border-radius: 10px;
      font-size: 16px;
      text-align: center;
      background: #000;
      color: #fff;
      margin-top: 2rem;
      text-decoration: none; }

.gsap-container {
  overscroll-behavior: none;
  width: 400%;
  height: 100%;
  display: flex;
  flex-wrap: nowrap; }
  .gsap-container .panel {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100vh;
    color: #000; }
    .gsap-container .panel .banner-btn {
      width: 50%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin: 20px 0;
      margin-top: 15rem; }
      .gsap-container .panel .banner-btn .main-banner {
        width: 100%; }
        .gsap-container .panel .banner-btn .main-banner span.h1 {
          display: block;
          color: #fff;
          font-size: 55px;
          font-style: italic;
          max-width: 100%;
          line-height: 1;
          font-weight: 200;
          text-align: center; }
          .gsap-container .panel .banner-btn .main-banner span.h1 span {
            font-weight: 800; }
      .gsap-container .panel .banner-btn .both-anc {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 25px; }
        .gsap-container .panel .banner-btn .both-anc a {
          text-decoration: none;
          color: #fff;
          background: #0f2030;
          border-radius: 10px;
          padding: 10px 25px;
          border: 1px solid transparent;
          margin: 0 10px;
          width: 150px;
          text-align: center; }
          .gsap-container .panel .banner-btn .both-anc a.prt {
            border: 1px solid #0f2030;
            background: transparent; }
    .gsap-container .panel .bnr-nav {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 65%;
      height: 230px;
      background: #0f2030;
      border-radius: 60px 60px 0 0;
      padding: 10px 0; }
      .gsap-container .panel .bnr-nav .xpnd-anc {
        text-decoration: none;
        color: #fff;
        width: 180px;
        margin: 0 5px;
        transition: all 1s; }
        .gsap-container .panel .bnr-nav .xpnd-anc:hover {
          margin-top: -55px;
          border: 0; }
        .gsap-container .panel .bnr-nav .xpnd-anc:last-child {
          border: none; }
        .gsap-container .panel .bnr-nav .xpnd-anc img {
          width: 150px;
          height: 175px;
          object-fit: contain;
          object-position: center center;
          display: block;
          margin: auto;
          transition: all 1s; }
        .gsap-container .panel .bnr-nav .xpnd-anc p {
          font-size: 12px;
          text-align: center;
          font-weight: 300;
          transition: opacity 1s;
          opacity: 0;
          height: 50px; }
        .gsap-container .panel .bnr-nav .xpnd-anc span {
          text-align: center;
          display: block;
          margin-top: -60px;
          font-size: 14px;
          font-weight: 600;
          transition: margin 1s; }
        .gsap-container .panel .bnr-nav .xpnd-anc:hover p {
          opacity: 1;
          height: auto; }
        .gsap-container .panel .bnr-nav .xpnd-anc:hover span {
          margin-top: 10px; }
        .gsap-container .panel .bnr-nav .xpnd-anc:hover img {
          filter: drop-shadow(2px 4px 6px black); }

body {
  background-color: #000816; }
  body .slidess {
    height: 350vh;
    display: flex;
    justify-content: center;
    align-items: flex-start; }
    body .slidess .h1 {
      color: #fff;
      font-size: 100px;
      font-weight: 900;
      max-width: 40%;
      line-height: 0.8;
      padding: 0 15px;
      margin-top: 25rem; }
      body .slidess .h1 span {
        font-size: 40px;
        font-weight: 600; }
    body .slidess .myslider {
      position: relative;
      width: 60%;
      margin-top: 25rem;
      perspective: 1000px; }
      body .slidess .myslider .rotate-slide {
        position: absolute;
        top: 0;
        left: 35%;
        margin: auto;
        width: 20%;
        height: 180px;
        transform-style: preserve-3d !important;
        perspective: 8000px; }
        body .slidess .myslider .rotate-slide:hover {
          animation-play-state: paused; }
        body .slidess .myslider .rotate-slide .slides {
          position: absolute;
          width: 100%;
          height: 220px;
          overflow: hidden;
          opacity: 1; }
          body .slidess .myslider .rotate-slide .slides a {
            text-decoration: none;
            color: #fff;
            font-size: 16px;
            font-weight: 600;
            width: 100%;
            height: 100%;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
            background: transparent;
            border-radius: 10px;
            transition: all 1s;
            overflow: hidden; }
            body .slidess .myslider .rotate-slide .slides a img {
              width: 100%;
              transition: all .8s ease; }
              body .slidess .myslider .rotate-slide .slides a img:hover {
                transform: scale(1.2); }
            body .slidess .myslider .rotate-slide .slides a .display {
              position: absolute;
              transform: translateY(300px);
              width: 100%;
              height: 100%;
              display: flex;
              flex-direction: column;
              justify-content: space-between;
              align-items: self-start;
              transition: all .5s ease-in-out;
              padding: 10px;
              backdrop-filter: blur(5px);
              border-radius: 20px; }
              body .slidess .myslider .rotate-slide .slides a .display span.h3 {
                color: #ffffff;
                text-transform: uppercase;
                font-size: 30px;
                font-weight: 800;
                text-align: left;
                line-height: 30px; }
              body .slidess .myslider .rotate-slide .slides a .display p {
                text-align: left;
                font-size: 10px;
                font-weight: 300; }
            body .slidess .myslider .rotate-slide .slides a:hover .display {
              transform: none; }
          body .slidess .myslider .rotate-slide .slides:nth-child(1) {
            transform: rotateY(calc(40deg * 1)) translateZ(400px); }
          body .slidess .myslider .rotate-slide .slides:nth-child(2) {
            transform: rotateY(calc(40deg * 2)) translateZ(400px); }
          body .slidess .myslider .rotate-slide .slides:nth-child(3) {
            transform: rotateY(calc(40deg * 3)) translateZ(400px); }
          body .slidess .myslider .rotate-slide .slides:nth-child(4) {
            transform: rotateY(calc(40deg * 4)) translateZ(400px); }
          body .slidess .myslider .rotate-slide .slides:nth-child(5) {
            transform: rotateY(calc(40deg * 5)) translateZ(400px); }
          body .slidess .myslider .rotate-slide .slides:nth-child(6) {
            transform: rotateY(calc(40deg * 6)) translateZ(400px); }
          body .slidess .myslider .rotate-slide .slides:nth-child(7) {
            transform: rotateY(calc(40deg * 7)) translateZ(400px); }
          body .slidess .myslider .rotate-slide .slides:nth-child(8) {
            transform: rotateY(calc(40deg * 8)) translateZ(400px); }
          body .slidess .myslider .rotate-slide .slides:nth-child(9) {
            transform: rotateY(calc(40deg * 9)) translateZ(400px); }
  body .prt-btm .portfolio-lf img {
    width: 200px; }
  body .prt-btm .portfolio-r span.h2 {
    display: block;
    font-size: 55px;
    font-weight: 700;
    padding-right: 90px;
    line-height: 1.1; }
  body .prt-btm .portfolio-r p {
    padding-right: 90px;
    font-size: 20px;
    font-weight: 200; }
  body .prt-btm .portfolio-r hr {
    width: 30%;
    margin: 30px 0; }

footer {
  overflow: hidden; }
  footer .go-strm p {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    margin-top: 30px;
    font-style: italic; }
    footer .go-strm p .go {
      font-size: 100px;
      font-weight: 800;
      background: linear-gradient(45deg, #429bf2, #1a83b8);
      -webkit-text-fill-color: transparent;
      -webkit-background-clip: text;
      background-clip: text; }
    footer .go-strm p .strm {
      font-size: 80px;
      font-weight: 800;
      letter-spacing: -4px;
      padding-left: 10px; }
  footer .ftr-banner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #213454;
    border-radius: 20px;
    padding: 35px 15px;
    width: 75%; }
    footer .ftr-banner span {
      display: block;
      width: 50%;
      color: #fff;
      font-size: 28px;
      font-weight: 700;
      font-style: italic; }
    footer .ftr-banner a {
      width: 50%;
      text-decoration: none;
      color: #fff;
      font-size: 30px;
      font-weight: 300;
      position: relative;
      padding-left: 5rem;
      border-left: 2px solid; }
      footer .ftr-banner a::before {
        content: '';
        position: absolute;
        left: 10px;
        top: 0;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: url(../images/play-btn.webp) no-repeat;
        background-position: center;
        background-size: contain;
        transition: all .8s ease; }
      footer .ftr-banner a:hover::before {
        transform: scale(1.2); }
      footer .ftr-banner a::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 5rem;
        width: 6%;
        height: 1px;
        background: #fff; }
  footer .social_links_bar {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-top: 5rem;
    padding: 1.5rem 0;
    border-bottom: 1px solid #2f90d7; }
    footer .social_links_bar ul {
      padding: 0;
      margin: 0;
      list-style: none;
      display: flex; }
      footer .social_links_bar ul li {
        padding-left: 5px; }
        footer .social_links_bar ul li a {
          text-decoration: none;
          background: #fff;
          width: 40px;
          height: 40px;
          font-size: 24px;
          border-radius: 50%;
          display: flex;
          justify-content: center;
          align-items: center;
          transition: all .8s ease; }
          footer .social_links_bar ul li a:hover {
            transform: scale(1.2) !important; }
          footer .social_links_bar ul li a i {
            color: #000; }
  footer .newslater span {
    color: #fff;
    display: block;
    text-align: center;
    font-size: 30px;
    font-weight: 200;
    margin-bottom: 1rem; }
  footer .newslater form {
    display: block;
    margin: auto;
    width: 400px; }
    footer .newslater form .frm-rel {
      position: relative;
      display: flex; }
      footer .newslater form .frm-rel .subcription-in {
        padding: 17px;
        border-radius: 5px 0 0 5px;
        border: 0;
        background: #213454;
        width: 70%;
        color: #fff;
        font-size: 18px; }
        footer .newslater form .frm-rel .subcription-in:focus-visible {
          outline: none;
          border: 0; }
        footer .newslater form .frm-rel .subcription-in::placeholder {
          font-size: 18px;
          color: #fff;
          font-weight: 200; }
      footer .newslater form .frm-rel button {
        width: 30%;
        border: 0;
        border-radius: 0 5px 5px 0;
        background: #2f90d7;
        color: #fff;
        font-size: 18px;
        font-weight: 400;
        text-transform: capitalize; }
  footer .footer-nav {
    display: flex;
    flex-wrap: wrap;
    padding: 4rem 0;
    border-bottom: 1px solid #2f90d7;
    position: relative;
    background: url(../images/footer-background.webp) no-repeat;
    background-position: center;
    background-size: 70%; }
    footer .footer-nav .col-4:nth-child(2) {
      justify-content: center; }
    footer .footer-nav .col-4:nth-child(3) {
      justify-content: end; }
    footer .footer-nav .col-4 .fotter-container .ftr-hd {
      color: #fff;
      font-size: 30px;
      font-weight: 700;
      display: block;
      margin-bottom: 1rem; }
    footer .footer-nav .col-4 .fotter-container ul {
      padding: 0;
      margin: 0;
      list-style: none; }
      footer .footer-nav .col-4 .fotter-container ul li {
        padding: 5px 0; }
        footer .footer-nav .col-4 .fotter-container ul li a {
          text-decoration: none;
          color: #fff;
          display: flex;
          font-size: 20px;
          font-weight: 300; }
          footer .footer-nav .col-4 .fotter-container ul li a i {
            min-width: 35px;
            height: 35px;
            border-radius: 50%;
            background: #fff;
            color: #000;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right: 10px; }
  footer .footer-btm {
    color: #fff;
    text-align: center;
    font-weight: 200;
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    footer .footer-btm p a {
      text-decoration: none;
      color: #fff; }

.in-bnr {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative; }
  .in-bnr:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 300px;
    background: linear-gradient(to top, #000816, transparent); }
  .in-bnr.about {
    background: url(../images/abt-bnr.webp) no-repeat;
    background-size: cover;
    background-position: center; }
  .in-bnr.contact {
    background: url(../images/contact.webp) no-repeat;
    background-size: cover;
    background-position: center; }
  .in-bnr.graphic {
    background: url(../images/graphic-cms.webp) no-repeat;
    background-size: cover;
    background-position: center; }
  .in-bnr.case-studies .col-4 {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff; }
    .in-bnr.case-studies .col-4 .inr-contents span {
      display: block;
      font-size: 50px;
      font-weight: 900;
      line-height: 0.8; }
    .in-bnr.case-studies .col-4 .inr-contents p {
      font-size: 20px;
      margin-top: 2rem;
      font-weight: 200; }
  .in-bnr.case-studies .case-study-banner-img img {
    width: 100%; }
  .in-bnr .inr-contents {
    color: #fff; }
    .in-bnr .inr-contents span {
      display: block;
      font-size: 95px;
      font-weight: 900;
      line-height: 0.9; }
    .in-bnr .inr-contents p {
      font-size: 20px;
      margin-top: 2rem; }
  .in-bnr .counter-container {
    position: absolute;
    bottom: 0;
    width: 75%;
    display: flex;
    justify-content: center;
    margin: auto;
    padding: 1rem 0;
    background: #0008168f;
    color: #fff;
    border-radius: 5rem 5rem 0 0;
    z-index: 1;
    border: 1px solid #ffffff17;
    border-bottom: 0; }
    .in-bnr .counter-container .counter {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      border-right: 1px solid #ffffff17;
      padding: 50px;
      width: 33%; }
      .in-bnr .counter-container .counter:last-child {
        border: 0; }
      .in-bnr .counter-container .counter span {
        display: block;
        color: #fff;
        font-size: 34px; }
        .in-bnr .counter-container .counter span.hd {
          opacity: 0.5;
          font-size: 24px;
          font-weight: 600; }

.sec-abt-cnt {
  padding: 10rem 0; }
  .sec-abt-cnt .col-5 {
    display: flex;
    justify-content: center;
    align-items: center; }
    .sec-abt-cnt .col-5 .full-servc {
      color: #fff;
      padding-right: 10rem; }
      .sec-abt-cnt .col-5 .full-servc span.h2 {
        display: block;
        font-size: 45px;
        font-weight: 700;
        line-height: 1; }
      .sec-abt-cnt .col-5 .full-servc p {
        font-size: 18px;
        color: #f1f1f1;
        padding-right: 6rem; }
        .sec-abt-cnt .col-5 .full-servc p.bdr-lft {
          border-left: 3px solid #429BF2;
          padding: 15px;
          font-size: 20px;
          margin: 5px 0; }
  .sec-abt-cnt .col-7 .col-6 {
    padding: 10px; }
    .sec-abt-cnt .col-7 .col-6 .about-boxes {
      background: #131E30;
      width: 100%;
      height: 350px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      border-radius: 10px;
      padding: 30px;
      color: #fff;
      position: relative; }
      .sec-abt-cnt .col-7 .col-6 .about-boxes .h3 {
        font-size: 16px;
        border-bottom: 1px solid #fff;
        padding: 5px 0; }
      .sec-abt-cnt .col-7 .col-6 .about-boxes p {
        font-size: 14px;
        padding: 0 25px;
        margin-top: 20px; }
      .sec-abt-cnt .col-7 .col-6 .about-boxes .t-div img {
        width: 40px; }
      .sec-abt-cnt .col-7 .col-6 .about-boxes .abs {
        position: absolute;
        right: 0;
        bottom: 0;
        font-size: 50px;
        color: #3986d2;
        padding-right: 5px;
        opacity: 0.4; }

.dscvr-dgtl {
  padding: 10rem 0; }
  .dscvr-dgtl .contnts {
    text-align: center; }
    .dscvr-dgtl .contnts p {
      font-size: 60px;
      font-weight: 700;
      color: #fff;
      max-width: 60%;
      margin: auto;
      line-height: 1; }
      .dscvr-dgtl .contnts p.blue {
        font-size: 24px;
        color: #0081FF;
        max-width: 100%;
        font-weight: 300; }

.sucs-strs {
  padding: 10rem 0; }
  .sucs-strs .col-4 .succs-str-hd span.h2 {
    display: block;
    color: #fff;
    font-size: 80px;
    font-weight: 700;
    line-height: 1; }
    .sucs-strs .col-4 .succs-str-hd span.h2 span {
      -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: #429BF2;
      color: transparent; }
  .sucs-strs .col-4 .nav-slider {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 3rem; }
    .sucs-strs .col-4 .nav-slider .swiper-prev {
      width: 75px;
      height: 75px;
      background: url(../images/slider-prev.webp) no-repeat;
      background-size: cover;
      background-position: center;
      border-radius: 50%; }
    .sucs-strs .col-4 .nav-slider .swiper-next {
      width: 75px;
      height: 75px;
      background: url(../images/slider-next.webp) no-repeat;
      background-size: cover;
      background-position: center;
      border-radius: 50%;
      margin-left: 1rem; }
  .sucs-strs .col-6 .my-slider .swiper-container.stories .swiper-wrapper .swiper-slide {
    color: #fff; }
    .sucs-strs .col-6 .my-slider .swiper-container.stories .swiper-wrapper .swiper-slide p {
      font-size: 20px; }
    .sucs-strs .col-6 .my-slider .swiper-container.stories .swiper-wrapper .swiper-slide .bottom-dv {
      display: flex;
      align-items: center;
      margin-top: 5rem; }
      .sucs-strs .col-6 .my-slider .swiper-container.stories .swiper-wrapper .swiper-slide .bottom-dv .img {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        border: 2px solid #fff;
        overflow: hidden; }
        .sucs-strs .col-6 .my-slider .swiper-container.stories .swiper-wrapper .swiper-slide .bottom-dv .img img {
          width: 100%;
          object-fit: cover;
          object-position: center; }
      .sucs-strs .col-6 .my-slider .swiper-container.stories .swiper-wrapper .swiper-slide .bottom-dv .content-slider {
        padding-left: 20px; }
        .sucs-strs .col-6 .my-slider .swiper-container.stories .swiper-wrapper .swiper-slide .bottom-dv .content-slider span {
          display: block; }
          .sucs-strs .col-6 .my-slider .swiper-container.stories .swiper-wrapper .swiper-slide .bottom-dv .content-slider span.h4 {
            font-size: 18px;
            font-weight: 600;
            color: #3f93e7; }
          .sucs-strs .col-6 .my-slider .swiper-container.stories .swiper-wrapper .swiper-slide .bottom-dv .content-slider span.h6 {
            font-style: italic;
            font-size: 12px;
            opacity: 0.3; }

.contact-us {
  padding: 15rem 0;
  position: relative;
  overflow: hidden; }
  .contact-us .rotate-lft {
    position: absolute;
    left: 60%;
    top: 0;
    font-size: 300px;
    font-weight: 800;
    color: transparent;
    opacity: 0.1;
    white-space: nowrap;
    z-index: -1;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #fff; }
  .contact-us .rotate-rit {
    position: absolute;
    left: -135%;
    bottom: 0;
    font-size: 300px;
    font-weight: 800;
    color: transparent;
    opacity: 0.1;
    white-space: nowrap;
    z-index: -1;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #fff; }
  .contact-us .main-hd span {
    display: block;
    color: #fff;
    text-align: center; }
    .contact-us .main-hd span.h3 {
      font-size: 60px;
      font-weight: 800;
      line-height: 1; }
    .contact-us .main-hd span.h6 {
      opacity: 0.5;
      font-size: 20px;
      font-weight: 500;
      margin-bottom: 15px; }
  .contact-us .row {
    margin-top: 2rem; }
    .contact-us .row .col-12 .contact-form {
      width: 75%;
      margin: auto; }
      .contact-us .row .col-12 .contact-form form .row .col-6 .cms-input {
        width: 100%;
        padding: 15px;
        background: transparent;
        border: 1px solid #fff3;
        margin: 5px;
        border-radius: 5px;
        font-size: 20px;
        color: #fff; }
        .contact-us .row .col-12 .contact-form form .row .col-6 .cms-input::placeholder {
          color: #fff;
          opacity: 0.2;
          font-style: italic; }
      .contact-us .row .col-12 .contact-form form .row .col-12 .cms-textarea {
        width: 70%;
        display: block;
        padding: 15px;
        background: transparent;
        border: 1px solid #fff3;
        margin: 5px auto;
        border-radius: 5px;
        font-size: 20px;
        color: #fff; }
        .contact-us .row .col-12 .contact-form form .row .col-12 .cms-textarea::placeholder {
          color: #fff;
          opacity: 0.2;
          font-style: italic; }
      .contact-us .row .col-12 .contact-form form .row .col-12 .cms-submit {
        border: 1px solid transparent;
        border-radius: 5px;
        padding: 15px 40px;
        width: 200px;
        text-align: center;
        background: #429bf2;
        color: #fff;
        margin: 30px auto;
        display: block;
        font-size: 20px;
        transition: all .5s; }
        .contact-us .row .col-12 .contact-form form .row .col-12 .cms-submit:hover {
          transform: scale(1.1);
          background: transparent;
          border: 1px solid #429bf2;
          cursor: pointer;
          box-shadow: 0 0 30px 5px #429bf2; }

.ad-bx {
  padding: 5rem 0;
  background: #213454; }
  .ad-bx .addrs-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 300px;
    background: #00081673;
    border-radius: 10px; }
    .ad-bx .addrs-container img {
      width: auto; }
    .ad-bx .addrs-container span {
      font-size: 24px;
      font-weight: 600;
      color: #fff;
      margin-top: 20px; }

.our_brands {
  padding: 10rem 0; }
  .our_brands .main-hd {
    text-align: center;
    margin-bottom: 5rem; }
    .our_brands .main-hd span {
      display: block;
      color: #fff;
      font-size: 60px;
      font-weight: 700;
      line-height: 1; }
    .our_brands .main-hd p {
      color: #0081FF;
      font-size: 22px;
      border-bottom: 1px solid #0081FF;
      width: fit-content;
      margin: auto; }
  .our_brands .row {
    border-bottom: 1px solid #ffffff40; }
    .our_brands .row:last-child {
      border: none; }
    .our_brands .row .col-4 {
      border-right: 1px solid #ffffff40; }
      .our_brands .row .col-4:last-child {
        border: none; }
      .our_brands .row .col-4 .brnd_container {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 30px 0;
        transition: all .5s;
        height: 200px; }
        .our_brands .row .col-4 .brnd_container img {
          width: auto;
          transition: all .5s;
          filter: grayscale(1) opacity(0.5); }
        .our_brands .row .col-4 .brnd_container:hover img {
          transform: scale(1.1);
          filter: none; }

.reviews {
  padding: 10rem 0; }
  .reviews .rev-hd {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5rem; }
    .reviews .rev-hd span.h3 {
      font-size: 70px;
      font-weight: 700;
      color: #0081FF; }
    .reviews .rev-hd span.h5 {
      color: #fff;
      font-size: 40px;
      font-weight: 600; }
  .reviews .row {
    border-bottom: 1px solid #ffffff40; }
    .reviews .row:last-child {
      border: none; }
    .reviews .row .col-4 {
      border-right: 1px solid #ffffff40;
      display: flex;
      justify-content: center;
      align-items: center; }
      .reviews .row .col-4:last-child {
        border: none; }
      .reviews .row .col-4 .review-sontainer {
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all .5s; }
        .reviews .row .col-4 .review-sontainer img {
          width: auto;
          transition: all .5s;
          filter: grayscale(1) opacity(0.5); }
        .reviews .row .col-4 .review-sontainer:hover img {
          transform: scale(1.1);
          filter: none; }

.explore-cms {
  padding: 10rem 0;
  height: 350vh; }
  .explore-cms .main-hd span {
    display: block;
    text-align: center; }
    .explore-cms .main-hd span.h5 {
      font-size: 24px;
      color: #0081FF;
      max-width: 100%;
      font-weight: 300; }
    .explore-cms .main-hd span.h3 {
      font-size: 60px;
      font-weight: 700;
      color: #fff;
      line-height: 1; }
  .explore-cms .row {
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-20%, 0%); }
    .explore-cms .row .cards {
      position: relative;
      height: 70vh;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center; }
      .explore-cms .row .cards .explore-container {
        background: #131E30;
        padding: 80px;
        border-radius: 10px;
        height: 70vh;
        width: 40%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: absolute;
        border: 1px solid #fff; }
        .explore-cms .row .cards .explore-container:nth-child(1) {
          left: 0;
          top: 0; }
        .explore-cms .row .cards .explore-container:nth-child(2) {
          left: 35px;
          top: 35px; }
        .explore-cms .row .cards .explore-container:nth-child(3) {
          left: 70px;
          top: 70px; }
        .explore-cms .row .cards .explore-container span {
          display: block; }
          .explore-cms .row .cards .explore-container span.h6 {
            color: #0081FF;
            font-size: 24px;
            font-weight: 300; }
          .explore-cms .row .cards .explore-container span.h4 {
            color: transparent;
            font-size: 40px;
            font-weight: 800;
            margin: 0 0 20px 0;
            -webkit-text-stroke-width: 1px;
            -webkit-text-stroke-color: #429bf2; }
        .explore-cms .row .cards .explore-container p {
          font-size: 14px;
          font-weight: 300;
          color: #fff; }
        .explore-cms .row .cards .explore-container hr {
          margin: 20px 0;
          opacity: 0.1; }
        .explore-cms .row .cards .explore-container .btns {
          display: flex; }
          .explore-cms .row .cards .explore-container .btns a {
            text-decoration: none;
            color: #fff;
            text-align: center;
            border-radius: 5px;
            padding: 10px; }
            .explore-cms .row .cards .explore-container .btns a.view {
              width: 48%;
              background: transparent;
              border: 1px solid #0081FF; }
            .explore-cms .row .cards .explore-container .btns a.prtfolio {
              width: 48%;
              border: 1px solid transparent;
              background: #0081FF;
              margin-left: 4%; }

.rcnt-wrks {
  padding: 10rem 0; }
  .rcnt-wrks .main-hd {
    text-align: center; }
    .rcnt-wrks .main-hd span.h3 {
      display: block;
      color: #fff;
      font-size: 60px;
      font-weight: 700; }
  .rcnt-wrks .swiper-container.recents .swiper-wrapper .swiper-slide {
    background: #131E30;
    padding: 20px; }
    .rcnt-wrks .swiper-container.recents .swiper-wrapper .swiper-slide span {
      display: block;
      color: #fff;
      font-weight: 500;
      text-align: center; }
      .rcnt-wrks .swiper-container.recents .swiper-wrapper .swiper-slide span.h3 {
        font-size: 24px;
        margin: 5px 0; }
      .rcnt-wrks .swiper-container.recents .swiper-wrapper .swiper-slide span.h5 {
        font-size: 18px;
        opacity: 0.35; }
    .rcnt-wrks .swiper-container.recents .swiper-wrapper .swiper-slide img {
      width: 100%; }

.rotate-crcl {
  padding: 5rem 0;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center; }
  .rotate-crcl .container-f .row .col-4 .rt-img-bx {
    position: relative;
    transition: all .5s; }
    .rotate-crcl .container-f .row .col-4 .rt-img-bx img {
      position: absolute;
      box-shadow: 0 0 20px -10px black;
      transition: all .5s; }
      .rotate-crcl .container-f .row .col-4 .rt-img-bx img.fr {
        z-index: 1;
        transform: rotate(-15deg);
        transition: all .5s; }
      .rotate-crcl .container-f .row .col-4 .rt-img-bx img.bk {
        z-index: -1;
        transform: rotate(15deg);
        transition: all .5s; }
    .rotate-crcl .container-f .row .col-4 .rt-img-bx:hover img {
      transform: none; }
  .rotate-crcl .container-f .row .col-4 .cnt-area p {
    font-size: 45px;
    font-weight: 400;
    text-align: center;
    color: #fff;
    line-height: 1.2; }
  .rotate-crcl .container-f .row .col-4 .cnt-area a {
    margin: auto;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background: #429bf2ab;
    width: fit-content;
    padding: 12px 60px;
    margin-top: 1rem;
    border-radius: 2px;
    box-shadow: 0 0 20px 4px #0170dd; }
  .rotate-crcl .container-f .row .col-4 .round-img {
    width: 400px;
    height: 400px;
    border-radius: 50%;
    position: relative;
    animation: rotatr 7s infinite linear;
    z-index: 2; }
    .rotate-crcl .container-f .row .col-4 .round-img:hover {
      animation-play-state: paused; }

@keyframes rotatr {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
    .rotate-crcl .container-f .row .col-4 .round-img .circle-inner {
      position: absolute;
      width: 150px;
      height: 150px;
      border-radius: 50%;
      background: #C0211D;
      top: 0;
      right: 8rem;
      text-decoration: none;
      color: #fff;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 20px;
      font-weight: 100; }
      .rotate-crcl .container-f .row .col-4 .round-img .circle-inner:nth-child(2) {
        top: 17rem;
        right: unset; }
      .rotate-crcl .container-f .row .col-4 .round-img .circle-inner:nth-child(3) {
        top: 17rem;
        right: -3rem; }

.cnt-boxes {
  height: 100vh;
  padding: 5rem 0; }
  .cnt-boxes .container .row {
    justify-content: center; }
    .cnt-boxes .container .row .col-4 .desc-cards {
      background: #131E30;
      padding: 30px;
      border-radius: 10px;
      height: 400px;
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      border: 1px solid #ffffff17;
      margin-bottom: 45px;
      transition: all 1s;
      position: relative;
      z-index: 2; }
      .cnt-boxes .container .row .col-4 .desc-cards span {
        display: block; }
        .cnt-boxes .container .row .col-4 .desc-cards span.h6 {
          color: #0081FF;
          font-size: 16px;
          font-weight: 300; }
        .cnt-boxes .container .row .col-4 .desc-cards span.h4 {
          color: #fff;
          font-size: 24px;
          font-weight: 500;
          margin: 0 0 5px 0; }
      .cnt-boxes .container .row .col-4 .desc-cards p {
        font-size: 14px;
        font-weight: 200;
        color: #fff;
        transition: all 1s; }
      .cnt-boxes .container .row .col-4 .desc-cards hr {
        margin: 20px 0;
        opacity: 0.1; }
      .cnt-boxes .container .row .col-4 .desc-cards .btns {
        display: flex; }
        .cnt-boxes .container .row .col-4 .desc-cards .btns a {
          text-decoration: none;
          color: #fff;
          text-align: center;
          border-radius: 5px;
          padding: 10px; }
          .cnt-boxes .container .row .col-4 .desc-cards .btns a.view {
            width: 48%;
            background: transparent;
            border: 1px solid #0081FF; }
          .cnt-boxes .container .row .col-4 .desc-cards .btns a.prtfolio {
            width: 48%;
            border: 1px solid transparent;
            background: #0081FF;
            margin-left: 4%; }
      .cnt-boxes .container .row .col-4 .desc-cards:hover {
        transform: translateY(-40px);
        box-shadow: 0 0 30px 10px #429bf22b;
        background: #000; }
        .cnt-boxes .container .row .col-4 .desc-cards:hover p {
          margin: 25px 0; }

.uncv {
  padding: 10rem 0; }
  .uncv .row .col-5 {
    display: flex;
    justify-content: center;
    align-items: center; }
    .uncv .row .col-5 .full-servc {
      color: #fff;
      padding-right: 10rem; }
      .uncv .row .col-5 .full-servc span.h2 {
        display: block;
        font-size: 45px;
        font-weight: 700;
        line-height: 1; }
      .uncv .row .col-5 .full-servc p {
        font-size: 18px;
        color: #f1f1f1;
        padding-right: 6rem; }
        .uncv .row .col-5 .full-servc p.bdr-lft {
          border-left: 3px solid #429BF2;
          padding: 15px;
          font-size: 20px;
          margin: 5px 0; }
  .uncv .row .col-7 .process-img {
    position: relative; }
    .uncv .row .col-7 .process-img img {
      width: 100%;
      z-index: 2;
      position: relative; }
    .uncv .row .col-7 .process-img canvas#myCanvas {
      position: absolute;
      top: 47%;
      left: 51%;
      transform: translate(-50%, -50%);
      z-index: 1; }

.cstdy-desc {
  padding: 10rem 0; }
  .cstdy-desc span {
    display: block;
    color: #fff; }
  .cstdy-desc p {
    color: #fff;
    font-size: 20px;
    font-weight: 100;
    width: 100%;
    text-align: justify;
    margin-top: 10px; }
  .cstdy-desc .cstdy_contnt .h4 {
    font-weight: 300;
    font-size: 28px;
    margin: 0; }
  .cstdy-desc .cstdy_contnt .h2 {
    font-weight: 300;
    font-size: 45px;
    width: 75%;
    line-height: 1;
    padding: 20px 0;
    font-family: "Futura Hv Bt";
    border-bottom: 1px solid; }
  .cstdy-desc .cstdy_contnt-rt {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-family: "Futura Lt Bt"; }
  .cstdy-desc .cstd-tp .h6 {
    font-size: 24px;
    font-weight: 700;
    border-bottom: 1px solid;
    padding: 15px 0; }
  .cstdy-desc .indstr-typ {
    display: flex;
    justify-content: space-between;
    text-align: center;
    flex-wrap: wrap; }
    .cstdy-desc .indstr-typ span {
      width: 50%;
      padding: 10px 0;
      margin: 0;
      border-right: 1px solid;
      font-weight: 100; }
      .cstdy-desc .indstr-typ span:last-child {
        border: 0; }
  .cstdy-desc .cstd-btm .h6 {
    font-size: 24px;
    font-weight: 600; }
  .cstdy-desc .cstd-btm ul {
    list-style: none;
    padding: 0;
    color: #fff;
    margin: 0; }
    .cstdy-desc .cstd-btm ul li {
      font-size: 18px;
      font-weight: 100; }
  .cstdy-desc .reslt {
    text-align: center;
    font-family: "Futura Hv Bt";
    font-size: 40px;
    width: 30%;
    margin: auto;
    margin-top: 150px;
    padding: 10px 0;
    border-bottom: 1px solid; }
  .cstdy-desc .reslts-box {
    background: #213454;
    height: 250px;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0 50px;
    position: relative; }
    .cstdy-desc .reslts-box .h3 {
      font-family: "Futura Md BT";
      text-align: center;
      font-size: 70px; }
    .cstdy-desc .reslts-box p {
      text-align: center;
      font-size: 20px; }
  .cstdy-desc .full-sz-Img {
    margin-top: 10rem; }
    .cstdy-desc .full-sz-Img img {
      width: 100%; }
  .cstdy-desc .lft-contnt {
    font-family: "Futura Lt Bt"; }
    .cstdy-desc .lft-contnt .h3 {
      font-family: "Futura Hv BT";
      margin: 0;
      padding: 10px 0;
      border-bottom: 1px solid;
      width: fit-content;
      font-size: 40px; }
  .cstdy-desc .date-con .date {
    font-size: 22px; }
  .cstdy-desc .date-con .bdr {
    border-top: 1px solid;
    width: fit-content;
    font-size: 20px; }
  .cstdy-desc .cstdy-svg {
    position: relative; }
    .cstdy-desc .cstdy-svg .scene {
      position: absolute;
      top: 0; }

.single-service-p {
  padding: 5rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; }
  .single-service-p.app-d .container-f .row.tab_parent .col-4.tab_btns .round-img .circle-inner {
    right: 0; }
    .single-service-p.app-d .container-f .row.tab_parent .col-4.tab_btns .round-img .circle-inner:nth-child(3) {
      top: 17rem;
      right: 0; }
    .single-service-p.app-d .container-f .row.tab_parent .col-4.tab_btns .round-img .circle-inner:nth-child(4) {
      top: 0;
      left: 0; }
    .single-service-p.app-d .container-f .row.tab_parent .col-4.tab_btns .round-img .circle-inner:nth-child(5) {
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  .single-service-p .container-f .row.tab_parent {
    position: relative; }
    .single-service-p .container-f .row.tab_parent .col-4.tab_btns {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
      .single-service-p .container-f .row.tab_parent .col-4.tab_btns .round-img {
        width: 400px;
        height: 400px;
        border-radius: 50%;
        position: relative;
        animation: rotatr 7s infinite linear;
        z-index: 2; }
        .single-service-p .container-f .row.tab_parent .col-4.tab_btns .round-img:hover {
          animation-play-state: paused; }
          .single-service-p .container-f .row.tab_parent .col-4.tab_btns .round-img:hover .circle-inner p {
            animation-play-state: paused; }

@keyframes rotatr {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
        .single-service-p .container-f .row.tab_parent .col-4.tab_btns .round-img .circle-inner {
          position: absolute;
          width: 150px;
          height: 150px;
          border-radius: 50%;
          background: #C0211D;
          top: 0;
          right: 8rem;
          text-decoration: none;
          color: #fff;
          text-align: center;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 16px;
          font-weight: 200;
          cursor: pointer; }
          .single-service-p .container-f .row.tab_parent .col-4.tab_btns .round-img .circle-inner p {
            animation: rotatrleft 7s infinite linear; }

@keyframes rotatrleft {
  0% {
    transform: rotate(360deg); }
  100% {
    transform: rotate(0deg); } }
          .single-service-p .container-f .row.tab_parent .col-4.tab_btns .round-img .circle-inner:nth-child(2) {
            top: 17rem;
            right: unset; }
          .single-service-p .container-f .row.tab_parent .col-4.tab_btns .round-img .circle-inner:nth-child(3) {
            top: 17rem;
            right: -3rem; }
  .single-service-p .container-f .row .row.tabcontent {
    width: 100%;
    display: none;
    opacity: 0;
    transition: all 1s; }
    .single-service-p .container-f .row .row.tabcontent.actives {
      display: flex;
      opacity: 1;
      transition: all 1s; }
      .single-service-p .container-f .row .row.tabcontent.actives .col-4 .lft-img {
        position: relative; }
        .single-service-p .container-f .row .row.tabcontent.actives .col-4 .lft-img img {
          transition: all 1s;
          width: 100%; }
      .single-service-p .container-f .row .row.tabcontent.actives .col-4 .cnt-area p {
        font-size: 30px;
        padding: 0 6rem;
        font-weight: 400;
        text-align: center;
        color: #fff;
        line-height: 1.2;
        transition: all 1s; }
      .single-service-p .container-f .row .row.tabcontent.actives .col-4 .cnt-area a {
        margin: auto;
        display: block;
        text-align: center;
        text-decoration: none;
        color: #fff;
        background: #429bf2ab;
        width: fit-content;
        padding: 12px 60px;
        margin-top: 1rem;
        border-radius: 2px;
        box-shadow: 0 0 20px 4px #0170dd;
        transition: all 1s; }
  .single-service-p .modal {
    width: 100%;
    height: 86vh;
    position: fixed;
    background: #000816;
    bottom: -100%;
    z-index: 4;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px -3px 2px 3px #429bf20f;
    opacity: 0;
    transition: all 1s; }
    .single-service-p .modal.show {
      bottom: 0;
      opacity: 1;
      transition: all 1s; }
    .single-service-p .modal .cls {
      position: absolute;
      left: 1rem;
      top: 1rem;
      font-size: 50px;
      text-decoration: none;
      color: #fff;
      font-weight: 500;
      cursor: pointer; }
    .single-service-p .modal .row .col-4 {
      border-right: 1px solid #ffffff4d;
      display: flex;
      justify-content: center;
      align-items: center; }
      .single-service-p .modal .row .col-4:last-child {
        border: none; }
      .single-service-p .modal .row .col-4 .mdl-img img {
        width: 100%; }
      .single-service-p .modal .row .col-4 .mdl-cnt {
        color: #fff;
        padding: 50px; }
        .single-service-p .modal .row .col-4 .mdl-cnt span {
          display: block;
          font-size: 24px;
          font-weight: 600; }
        .single-service-p .modal .row .col-4 .mdl-cnt p {
          font-size: 18px;
          font-weight: 300;
          text-align: justify; }
      .single-service-p .modal .row .col-4 .mdl-rgt {
        width: 100%; }
        .single-service-p .modal .row .col-4 .mdl-rgt .lg-vdo {
          background: #429bf2;
          width: 50%;
          height: 7rem;
          display: flex;
          justify-content: center;
          align-items: center;
          color: #fff;
          border-radius: 20px;
          margin: auto;
          margin-top: 3rem; }
        .single-service-p .modal .row .col-4 .mdl-rgt .mdl-counter {
          background: #429bf2;
          width: 90%;
          height: 9rem;
          display: flex;
          justify-content: center;
          align-items: center;
          color: #fff;
          border-radius: 20px;
          margin: auto;
          margin-top: 3rem; }
          .single-service-p .modal .row .col-4 .mdl-rgt .mdl-counter .mdl-count {
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
            align-items: center;
            width: 100%;
            height: 7rem;
            border-right: 1px solid #fff; }
            .single-service-p .modal .row .col-4 .mdl-rgt .mdl-counter .mdl-count:last-child {
              border: none; }
            .single-service-p .modal .row .col-4 .mdl-rgt .mdl-counter .mdl-count .h5 {
              font-size: 18px; }
            .single-service-p .modal .row .col-4 .mdl-rgt .mdl-counter .mdl-count .h6 {
              font-size: 18px;
              font-weight: 500; }
        .single-service-p .modal .row .col-4 .mdl-rgt .hv-idea {
          margin-top: 3rem; }
          .single-service-p .modal .row .col-4 .mdl-rgt .hv-idea span {
            font-size: 28px;
            display: block;
            font-weight: 200;
            text-align: center;
            color: #fff;
            line-height: 1.2; }
          .single-service-p .modal .row .col-4 .mdl-rgt .hv-idea a {
            margin: auto;
            display: block;
            text-align: center;
            text-decoration: none;
            color: #fff;
            background: #429bf2ab;
            width: fit-content;
            padding: 12px 60px;
            margin-top: 2rem;
            border-radius: 2px;
            box-shadow: 0 0 20px 4px #0170dd; }

.pricing {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative; }
  .pricing .col-12 {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff; }
    .pricing .col-12 .inr-contents {
      text-align: center; }
      .pricing .col-12 .inr-contents span {
        display: block;
        font-size: 45px;
        font-weight: 700;
        line-height: 0.8; }
      .pricing .col-12 .inr-contents p {
        font-size: 20px;
        font-weight: 200;
        max-width: 60%;
        margin: auto;
        margin-top: 2rem; }
      .pricing .col-12 .inr-contents a {
        width: 300px;
        padding: 15px 0;
        text-decoration: none;
        color: #fff;
        background: #429BF2;
        border-radius: 10px;
        text-align: center;
        margin: auto;
        margin-top: 2rem;
        font-size: 20px;
        font-weight: 300;
        display: block; }

.pri-pck {
  padding: 8rem 0; }
  .pri-pck .container .pricings-hd {
    text-align: center;
    color: #fff; }
    .pri-pck .container .pricings-hd .h2 {
      display: block;
      text-align: center;
      font-size: 45px;
      font-weight: 700;
      text-transform: uppercase; }
    .pri-pck .container .pricings-hd p {
      font-size: 20px;
      font-weight: 200;
      max-width: 60%;
      margin: auto;
      margin-top: 2rem;
      margin-bottom: 2rem; }
  .pri-pck .container .row .col-12 .parent-tabs .tabz {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background: #213454;
    padding: 0.8rem 0;
    border-radius: 40px; }
    .pri-pck .container .row .col-12 .parent-tabs .tabz button {
      min-width: 14%;
      background: transparent;
      color: #fff;
      font-size: 20px;
      padding: 15px;
      border-radius: 40px;
      border: 0; }
      .pri-pck .container .row .col-12 .parent-tabs .tabz button.active {
        background: #429bf2;
        transition: all .5s;
        box-shadow: 0 0 5px 4px #ffffff26; }
      .pri-pck .container .row .col-12 .parent-tabs .tabz button:hover {
        cursor: pointer; }
  .pri-pck .container .row .col-12 .parent-tabs .prnt_tab {
    display: none;
    color: #fff;
    margin-top: 6rem;
    width: 100%; }
    .pri-pck .container .row .col-12 .parent-tabs .prnt_tab .h3 {
      display: block; }
    .pri-pck .container .row .col-12 .parent-tabs .prnt_tab .col-4 {
      margin-bottom: 50px; }
      .pri-pck .container .row .col-12 .parent-tabs .prnt_tab .col-4 .pack-container {
        border: 1px solid #053d74;
        border-radius: 25px;
        padding: 10px; }
        .pri-pck .container .row .col-12 .parent-tabs .prnt_tab .col-4 .pack-container .head {
          padding: 10px;
          border-bottom: 1px solid #429bf2; }
          .pri-pck .container .row .col-12 .parent-tabs .prnt_tab .col-4 .pack-container .head .h3 {
            font-size: 30px;
            font-weight: 400; }
        .pri-pck .container .row .col-12 .parent-tabs .prnt_tab .col-4 .pack-container .price {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          align-items: center;
          padding: 20px 10px; }
          .pri-pck .container .row .col-12 .parent-tabs .prnt_tab .col-4 .pack-container .price .h4 {
            font-size: 40px;
            font-weight: 800;
            display: flex;
            align-items: baseline;
            background: -webkit-linear-gradient(#1f9aee, #fff);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent; }
            .pri-pck .container .row .col-12 .parent-tabs .prnt_tab .col-4 .pack-container .price .h4 span {
              display: inline;
              font-size: 50px;
              margin-left: 5px;
              color: #429bf2; }
          .pri-pck .container .row .col-12 .parent-tabs .prnt_tab .col-4 .pack-container .price h6 {
            font-size: 20px;
            margin-bottom: 10px;
            text-align: center;
            background: -webkit-linear-gradient(#1f9aee, #fff);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent; }
          .pri-pck .container .row .col-12 .parent-tabs .prnt_tab .col-4 .pack-container .price p {
            text-transform: capitalize;
            font-weight: 200;
            text-align: center; }
        .pri-pck .container .row .col-12 .parent-tabs .prnt_tab .col-4 .pack-container .getstrtd {
          padding: 20px 10px;
          border-bottom: 1px solid #429bf2; }
          .pri-pck .container .row .col-12 .parent-tabs .prnt_tab .col-4 .pack-container .getstrtd a {
            text-decoration: none;
            color: #fff;
            width: 80%;
            background: #429bf2;
            display: block;
            padding: 15px;
            border-radius: 40px;
            text-align: center;
            transition: all .8s ease;
            position: relative;
            overflow: hidden; }
            .pri-pck .container .row .col-12 .parent-tabs .prnt_tab .col-4 .pack-container .getstrtd a::before {
              content: '';
              position: absolute;
              left: 0;
              top: 60px;
              width: 20%;
              height: 200px;
              background: #ffffff2e;
              transform: rotate(45deg);
              transition: all .8s ease; }
            .pri-pck .container .row .col-12 .parent-tabs .prnt_tab .col-4 .pack-container .getstrtd a::after {
              content: '';
              position: absolute;
              right: 0;
              top: 60px;
              width: 20%;
              height: 200px;
              background: #ffffff2e;
              transform: rotate(-45deg);
              transition: all .8s ease; }
            .pri-pck .container .row .col-12 .parent-tabs .prnt_tab .col-4 .pack-container .getstrtd a:hover {
              width: 100%; }
              .pri-pck .container .row .col-12 .parent-tabs .prnt_tab .col-4 .pack-container .getstrtd a:hover::before {
                top: 0;
                transform: rotate(0);
                width: 50%; }
              .pri-pck .container .row .col-12 .parent-tabs .prnt_tab .col-4 .pack-container .getstrtd a:hover::after {
                top: 0;
                transform: rotate(0);
                width: 50%; }
        .pri-pck .container .row .col-12 .parent-tabs .prnt_tab .col-4 .pack-container .pack-body ul {
          padding: 0 25px 0 0;
          margin: 15px 0 0;
          list-style: none;
          height: 380px;
          overflow: auto; }
          .pri-pck .container .row .col-12 .parent-tabs .prnt_tab .col-4 .pack-container .pack-body ul span.h4 {
            font-weight: 600;
            font-size: 20px;
            margin: 10px 0;
            text-align: center;
            display: flow; }
          .pri-pck .container .row .col-12 .parent-tabs .prnt_tab .col-4 .pack-container .pack-body ul::-webkit-scrollbar {
            width: 5px; }
          .pri-pck .container .row .col-12 .parent-tabs .prnt_tab .col-4 .pack-container .pack-body ul::-webkit-scrollbar-track {
            width: 5px; }
          .pri-pck .container .row .col-12 .parent-tabs .prnt_tab .col-4 .pack-container .pack-body ul::-webkit-scrollbar-thumb {
            width: 5px;
            background: #429bf2;
            border-radius: 5px; }
          .pri-pck .container .row .col-12 .parent-tabs .prnt_tab .col-4 .pack-container .pack-body ul li {
            background: transparent;
            margin: 2px 0;
            padding: 8px 0 7px 45px;
            border-radius: 10px;
            font-weight: 300;
            position: relative; }
            .pri-pck .container .row .col-12 .parent-tabs .prnt_tab .col-4 .pack-container .pack-body ul li span {
              color: lightcoral;
              font-weight: 700;
              font-size: 18px;
              margin-right: 5px; }
            .pri-pck .container .row .col-12 .parent-tabs .prnt_tab .col-4 .pack-container .pack-body ul li::before {
              content: '';
              position: absolute;
              left: 10px;
              top: 15px;
              width: 20px;
              height: 20px;
              background: url(../images/tick.webp) no-repeat;
              background-position: center;
              background-size: contain;
              transition: all 1s; }
      .pri-pck .container .row .col-12 .parent-tabs .prnt_tab .col-4:nth-child(2) .pack-container {
        border: 0; }
      .pri-pck .container .row .col-12 .parent-tabs .prnt_tab .col-4:nth-child(5) .pack-container {
        border: 0; }

.faq_s {
  padding: 10rem 0; }
  .faq_s .acd {
    margin-bottom: 1rem;
    overflow: hidden; }
    .faq_s .acd .accordion {
      background-color: #213454;
      color: #fff;
      cursor: pointer;
      padding: 3rem 1.5rem 2rem 1.5rem;
      width: 100%;
      border: none;
      text-align: left;
      outline: none;
      font-size: 24px;
      font-weight: 300;
      transition: 1s;
      border-radius: 20px;
      position: relative; }
      .faq_s .acd .accordion::after {
        content: '';
        position: absolute;
        right: 2rem;
        top: 2rem;
        width: 30px;
        height: 30px;
        background: url(../images/ar-up.webp) no-repeat;
        background-position: center;
        background-size: contain;
        transition: all 1s; }
      .faq_s .acd .accordion.active {
        border-radius: 20px 20px 0 0;
        transition: 1ms; }
        .faq_s .acd .accordion.active::after {
          transform: rotate(-180deg); }
    .faq_s .acd .panel {
      padding: 1rem 1.5rem 2rem 1.5rem;
      background-color: #213454;
      overflow: hidden;
      color: #fff;
      border-radius: 0 0 20px 20px;
      transition: all 1s;
      margin-top: 0;
      z-index: -1;
      position: relative;
      visibility: hidden;
      margin-top: -90px; }
      .faq_s .acd .panel.show-p {
        visibility: visible;
        transition: all 1s;
        margin-top: 0;
        margin-top: 0; }
      .faq_s .acd .panel p {
        font-weight: 200; }

@media screen and (max-width: 1600px) {
  body .slidess .h1 {
    font-size: 70px;
    margin-top: 30rem; } }

@media screen and (max-width: 1540px) {
  header {
    padding: 15px; }
  header .container-full .lg-div a img {
    width: 65%; }
  .gsap-container .panel .banner-btn .main-banner span.h1 {
    font-size: 35px; }
  body .social-sidebar {
    padding: 10px 15px; }
  body .social-sidebar a::before {
    height: 50px; }
  body .social-sidebar a::after {
    height: 75px; }
  .gsap-container .panel .bnr-nav .xpnd-anc img {
    width: 100px;
    height: 130px; }
  .gsap-container .panel .bnr-nav {
    height: 170px; }
  header .container-full .toggler-div .main {
    padding: 10px; }
  header .container-full .toggler-div .main a.contact, header .container-full .toggler-div .main a.getAquote {
    padding: 5px 0; } }

@media screen and (max-width: 1460px) {
  .gsap-container .panel .banner-btn {
    margin-top: 18rem; }
    .gsap-container .panel .banner-btn .main-banner span.h1 {
      font-size: 60px; }
  .gsap-container .panel .bnr-nav {
    width: 75%; }
  body .social-sidebar a::before {
    height: 75px; }
  .single-service-p .scene {
    width: 600px;
    height: 600px;
    top: 15rem; } }

@media screen and (max-width: 1400px) {
  body .slidess .h1 {
    font-size: 60px;
    margin-top: 30rem; }
  body .slidess .myslider .rotate-slide {
    width: 30%;
    left: 25%; }
  .gsap-container .panel .banner-btn {
    margin-top: 15rem; }
    .gsap-container .panel .banner-btn .main-banner span.h1 {
      font-size: 60px; }
  .gsap-container .panel .bnr-nav {
    width: 80%; }
  .single-service-p .container-f .row .row.tabcontent.actives .col-4 .cnt-area p {
    font-size: 20px;
    padding: 0 10px; }
  footer .ftr-banner span {
    font-size: 24px; }
  .explore-cms {
    height: 400vh; }
  .single-service-p .container-f .row .row.tabcontent.actives .col-4 .lft-img img {
    width: 85%; }
  .main-nav .left-menu ul li a {
    font-size: 60px; }
  .main-nav .right-menu {
    padding: 10px; }
  .main-nav .right-menu .mn-servcs-cont ul li a {
    font-size: 14px; }
  .main-nav .right-menu span.services {
    margin-bottom: 0; }
  .main-nav .right-menu .mn-servcs-cont ul {
    padding: 0 10px; }
  .main-nav .left-menu, .main-nav .right-menu {
    width: 50%; }
  body .social-sidebar {
    padding: 15px;
    left: 95%;
    top: 45%; }
    body .social-sidebar a::before {
      height: 50px; }
    body .social-sidebar a::after {
      height: 50px; }
  .sec-abt-cnt .col-7 .col-6 .about-boxes {
    height: 300px;
    padding: 15px; }
    .sec-abt-cnt .col-7 .col-6 .about-boxes img {
      display: none; }
  .cstdy-desc .cstdy_contnt .h2 {
    width: 100%; }
  .cstdy-desc .cstdy-svg .scene {
    width: 600px;
    height: 600px; }
  .uncv .row .col-5 .full-servc {
    padding-right: 0; }
  .uncv .row .col-7 {
    display: flex;
    justify-content: center;
    align-items: center; }
    .uncv .row .col-7 .process-img canvas#myCanvas {
      width: 470px !important;
      height: 335px !important; } }

@media screen and (max-width: 1280px) {
  .gsap-container .panel .banner-btn .main-banner span.h1 {
    font-size: 30px; }
  .gsap-container .panel .banner-btn {
    margin-top: 18rem; }
  body .social-sidebar {
    top: 55%;
    left: 96%; }
  .gsap-container .panel .bnr-nav .xpnd-anc img {
    width: 80px;
    height: 110px; }
  .gsap-container .panel .bnr-nav {
    width: 70%; }
  body .social-sidebar {
    padding: 10px; }
  body .social-sidebar a img {
    width: 25px;
    height: 25px; }
  header .container-full .lg-div a img {
    width: 55%; } }

@media screen and (max-width: 1200px) {
  body .slidess .h1 {
    font-size: 60px;
    margin-top: 30rem;
    -webkit-writing-mode: vertical-lr;
    writing-mode: vertical-lr;
    min-width: 40%; }
  body .slidess .myslider .rotate-slide {
    width: 40%;
    left: 35%; }
  .gsap-container .panel .banner-btn {
    margin-top: 15rem; }
    .gsap-container .panel .banner-btn .main-banner span.h1 {
      font-size: 45px; }
  .gsap-container .panel .bnr-nav {
    width: 85%; }
    .gsap-container .panel .bnr-nav .xpnd-anc {
      width: 155px; }
      .gsap-container .panel .bnr-nav .xpnd-anc span {
        margin-top: -90px; }
  body .social-sidebar {
    padding: 15px;
    left: 95%;
    top: 45%; }
    body .social-sidebar a::before {
      display: none; }
    body .social-sidebar a::after {
      display: none; }
  .cstdy-desc .cstdy_contnt .h2 {
    width: 100%;
    font-size: 40px; }
  .cstdy-desc .indstr-typ span {
    font-weight: 200;
    font-size: 14px; }
  .cstdy-desc .cstdy-svg .scene {
    width: 500px;
    height: 500px; }
  .in-bnr.graphic .inr-contents span {
    font-size: 60px; }
  .in-bnr.graphic .counter-container .counter span {
    font-size: 24px; }
    .in-bnr.graphic .counter-container .counter span.hd {
      font-size: 18px; }
  .uncv .row .col-5 .full-servc {
    padding-right: 0; }
  .uncv .row .col-7 {
    display: flex;
    justify-content: center;
    align-items: center; }
    .uncv .row .col-7 .process-img canvas#myCanvas {
      width: 320px !important;
      height: 250px !important; }
  .cnt-boxes .container .row .col-4 .desc-cards {
    height: 350px; }
    .cnt-boxes .container .row .col-4 .desc-cards span.h4 {
      font-size: 20px; }
  .single-service-p .container-f .row.tab_parent .col-4.tab_btns .round-img {
    animation: unset;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  footer .ftr-banner span {
    font-size: 20px; }
  footer .ftr-banner a {
    font-size: 24px; }
  .explore-cms {
    height: 330vh; }
    .explore-cms .row .cards .explore-container {
      padding: 40px;
      height: 55vh; }
      .explore-cms .row .cards .explore-container .h4 {
        font-size: 30px !important; }
      .explore-cms .row .cards .explore-container .h6 {
        font-size: 18px !important; }
  .single-service-p .container-f .row.tab_parent .col-4.tab_btns .round-img .tablinks {
    position: unset;
    transform: unset !important;
    width: 100%;
    height: 60px;
    border-radius: 40px;
    margin-bottom: 2px; }
  .single-service-p .container-f .row.tab_parent .col-4.tab_btns .round-img .tablinks p {
    animation: unset; }
  header .container-full .toggler-div .main a.contact, header .container-full .toggler-div .main a.getAquote {
    display: none; }
  .single-service-p .container-f .row .row.tabcontent.actives .col-4 .lft-img img {
    width: 100%; }
  .main-nav .right-menu span.services::before {
    display: none; }
  .sec-abt-cnt .col-7 .col-6 .about-boxes {
    height: 260px; }
    .sec-abt-cnt .col-7 .col-6 .about-boxes p {
      padding: 0; }
    .sec-abt-cnt .col-7 .col-6 .about-boxes .abs {
      font-size: 30px; }
  .sec-abt-cnt .col-5 .full-servc {
    padding-right: 2rem; }
    .sec-abt-cnt .col-5 .full-servc p {
      padding-right: 0; } }

@media screen and (max-width: 1100px) {
  .gsap-container .panel .banner-btn {
    margin-top: 20rem; }
  .gsap-container .panel .banner-btn .main-banner span.h1 {
    font-size: 36px; }
  .gsap-container .panel .bnr-nav .xpnd-anc img {
    height: 160px; }
  .gsap-container .panel .bnr-nav .xpnd-anc span {
    font-weight: 400; }
  body .social-sidebar {
    left: 96%;
    padding: 10px; }
  body .social-sidebar a img {
    width: 20px;
    height: 20px; }
  .gsap-container .panel .bnr-nav {
    width: 90%; } }

@media screen and (max-width: 992px) {
  .single-service-p .scene {
    width: 500px;
    height: 500px;
    top: 15rem; }
  .prt-btm .col-6.portfolio-lf img {
    width: 60% !important; }
  .prt-btm .portfolio-r .h2 {
    padding-right: 0 !important;
    font-size: 35px !important; }
  .prt-btm .portfolio-r p {
    padding-right: 20px !important;
    font-size: 14px !important; }
  .gsap-container .panel {
    justify-content: space-between; }
    .gsap-container .panel .banner-btn {
      margin-top: 15rem; }
      .gsap-container .panel .banner-btn .main-banner span.h1 {
        font-size: 45px; }
    .gsap-container .panel .bnr-nav {
      width: 95%; }
  body .social-sidebar {
    padding: 15px;
    left: 95%;
    top: 45%; }
    body .social-sidebar a::before {
      height: 60px; }
    body .social-sidebar a::after {
      height: 60px; }
  .cstdy-desc .cstdy_contnt .h2 {
    font-size: 30px; }
  .cstdy-desc .indstr-typ span {
    width: 100%;
    border: 0; }
  .cstdy-desc .reslts-box {
    padding: 0 10px; }
    .cstdy-desc .reslts-box p {
      font-size: 14px; }
    .cstdy-desc .reslts-box .h3 {
      font-size: 40px; }
  .cstdy-desc .cstdy-svg .scene {
    width: 400px;
    height: 400px; }
  .cnt-boxes {
    height: auto; }
    .cnt-boxes .container .row .col-4 {
      width: 50%; }
      .cnt-boxes .container .row .col-4 .desc-cards {
        height: 350px; }
        .cnt-boxes .container .row .col-4 .desc-cards span.h4 {
          font-size: 20px; }
  .in-bnr.graphic .inr-contents span {
    font-size: 60px; }
  .in-bnr.graphic .counter-container {
    width: 90%; }
    .in-bnr.graphic .counter-container .counter span {
      font-size: 20px; }
      .in-bnr.graphic .counter-container .counter span.hd {
        font-size: 16px; }
  .single-service-p .container-f .row .row.tabcontent.actives .col-4 .cnt-area p {
    font-size: 18px;
    padding: 0 10px; }
  footer .ftr-banner {
    width: 100%; }
  footer .go-strm p {
    font-size: 16px; }
    footer .go-strm p .strm {
      font-size: 60px; }
    footer .go-strm p .go {
      font-size: 60px; }
  footer .social_links_bar {
    justify-content: center; }
    footer .social_links_bar .centr-img {
      display: none; }
  footer .footer-nav .col-4 .fotter-container ul li a {
    font-size: 16px;
    overflow-wrap: anywhere; }
  .rcnt-wrks .main-hd span.h3 {
    font-size: 40px;
    text-transform: uppercase; }
  .explore-cms .row .cards .explore-container {
    padding: 40px;
    width: 50%; }
  .dscvr-dgtl .contnts p {
    font-size: 40px;
    max-width: 80%; }
  .reviews .rev-hd span.h5 {
    font-size: 30px; }
  section.sec-abt-cnt .container .row .col-5 {
    width: 100%; }
  section.sec-abt-cnt .container .row .col-7 {
    width: 100%; }
  .sec-abt-cnt .col-7 .col-6 .about-boxes {
    height: 300px; }
    .sec-abt-cnt .col-7 .col-6 .about-boxes p {
      padding: 0; }
    .sec-abt-cnt .col-7 .col-6 .about-boxes .abs {
      font-size: 30px; }
  .our_brands .main-hd span {
    font-size: 40px;
    margin-top: 1rem; }
  .our_brands .row .col-4 .brnd_container img {
    width: 100%; }
  .ad-bx .addrs-container {
    height: 250px; }
  .in-bnr.case-studies .col-4 .inr-contents span {
    font-size: 36px; }
  .uncv .row .col-5 {
    width: 100%; }
    .uncv .row .col-5 .full-servc {
      padding-right: 0; }
  .uncv .row .col-7 {
    width: 100%;
    margin-top: 5rem; }
    .uncv .row .col-7 .process-img canvas#myCanvas {
      width: 360px !important;
      height: 350px !important; }
  .pri-pck .container .pricings-hd p {
    max-width: 100%; }
  .pri-pck .container .row .col-12 .parent-tabs .prnt_tab .col-4 {
    width: 100%; } }

@media screen and (max-width: 800px) {
  .gsap-container {
    display: none; }
  .home-mbl {
    display: block !important; }
  body .section_nav {
    display: none; }
  .modal.show {
    display: none; } }

@media screen and (max-width: 767px) {
  .single-service-p .scene {
    width: 800px;
    height: 800px;
    top: 3rem;
    opacity: 0.6; }
  .prt-btm .container-f .row .col-6.portfolio-lf .row .col-12, .prt-btm .container-f .row .col-6.portfolio-lf .row .col-6 {
    width: 20%;
    margin-bottom: 20px; }
  .prt-btm .container-f .row .col-6.portfolio-lf .row .col-12 img, .prt-btm .container-f .row .col-6.portfolio-lf .row .col-6 img {
    width: 100% !important; }
  .cstdy-desc .indstr-typ {
    text-align: left;
    margin-bottom: 1rem; }
  .cstdy-desc .reslt {
    width: 50%; }
  .cstdy-desc .reslts-box {
    margin-bottom: 1rem; }
    .cstdy-desc .reslts-box p {
      font-size: 20px; }
  .cnt-boxes .container .row .col-4 {
    width: 100%; }
  .single-service-p {
    height: auto;
    padding: 12rem 0; }
  .ad-bx .addrs-container {
    margin-bottom: 10px; }
  footer .ftr-banner {
    width: 100%; }
    footer .ftr-banner span {
      font-size: 14px; }
    footer .ftr-banner a {
      font-size: 14px; }
      footer .ftr-banner a::before {
        left: 15px;
        top: -15px; }
  footer .footer-nav .col-4 {
    margin-bottom: 2rem; }
    footer .footer-nav .col-4:nth-child(2) {
      justify-content: flex-start; }
    footer .footer-nav .col-4:nth-child(3) {
      justify-content: flex-start; }
  .rcnt-wrks .main-hd span.h3 {
    font-size: 30px; }
  .explore-cms .row {
    left: 30%; }
    .explore-cms .row .cards .explore-container {
      padding: 40px;
      width: 75%; }
  .reviews .row {
    border: 0; }
    .reviews .row .col-4 {
      border: 0; }
      .reviews .row .col-4 .review-sontainer {
        margin-bottom: 2rem; }
  .reviews .rev-hd {
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center; }
    .reviews .rev-hd span.h3 {
      font-size: 50px; }
    .reviews .rev-hd span.h5 {
      font-size: 24px;
      font-weight: 200; }
  .single-service-p .container-f .row.tab_parent .col-4.tab_btns {
    position: unset;
    transform: unset !important;
    order: 1; }
  .single-service-p .container-f .row .row.tabcontent.actives .col-4 .cnt-area p {
    margin-top: 3rem; }
  .main-nav {
    width: 200%;
    transform: translateX(50%);
    transition: all 1s; }
    .main-nav.pg-nx10 {
      transform: translateX(0);
      transition: all 1s; }
    .main-nav .left-menu {
      width: 100%;
      flex-direction: column; }
      .main-nav .left-menu .next-fl9y {
        display: block !important; }
    .main-nav .right-menu {
      width: 100%;
      padding: 0;
      border-radius: 0; }
      .main-nav .right-menu .back-fl9y {
        display: block !important; }
  .main-nav .left-menu ul li a {
    font-size: 40px;
    letter-spacing: -2px; }
  body .slidess .myslider .rotate-slide {
    width: 50%; }
  body .social-sidebar {
    padding: 15px;
    left: 90%;
    top: 55%; }
    body .social-sidebar a::before {
      height: 50px; }
    body .social-sidebar a::after {
      height: 50px; }
  body .section_nav a::before {
    display: none; }
  body
.in-bnr .inr-contents span {
    font-size: 60px; }
  .sec-abt-cnt .col-7 .col-6 .about-boxes {
    height: 300px; }
    .sec-abt-cnt .col-7 .col-6 .about-boxes p {
      padding: 0 25px;
      text-align: center; }
    .sec-abt-cnt .col-7 .col-6 .about-boxes .abs {
      font-size: 30px; }
  .our_brands .row {
    border: 0; }
    .our_brands .row .col-4 {
      border: 0; }
      .our_brands .row .col-4 .brnd_container img {
        width: 75% !important; }
  .in-bnr.case-studies .col-4 .inr-contents {
    text-align: center;
    margin-bottom: 1rem; }
    .in-bnr.case-studies .col-4 .inr-contents span {
      font-size: 36px; }
  .uncv .row .col-5 {
    width: 100%; }
    .uncv .row .col-5 .full-servc {
      padding-right: 0; }
  .uncv .row .col-7 {
    width: 100%;
    margin-top: 5rem; }
    .uncv .row .col-7 .process-img img {
      opacity: 0; }
    .uncv .row .col-7 .process-img canvas#myCanvas {
      width: 700px !important;
      height: 700px !important;
      top: 7rem; }
  .faq_s .acd .accordion::after {
    top: 4rem; } }

@media screen and (max-width: 650px) {
  body .slidess .myslider .rotate-slide {
    width: 60%; }
  .uncv .row .col-5 .full-servc p {
    font-size: 14px; }
  .our_brands .main-hd p {
    width: 75%;
    font-size: 14px; }
  .home-mbl .elevate .h2 {
    line-height: 1;
    font-size: 50px; }
  .home-mbl .explr-cd .hd9y .h2 {
    font-size: 35px;
    line-height: 1.2; }
  .our_brands .main-hd span {
    font-size: 35px; }
  a.expand-btn svg {
    width: 25px; }
  .home-mbl .explr-cd .bx0r span.h6 {
    font-size: 12px; }
  .home-mbl .explr-cd .bx0r .bt7yt a {
    padding: 7px 0;
    font-size: 14px;
    border-radius: 5px; }
  .in-bnr.graphic .inr-contents span {
    font-size: 40px; }
  .in-bnr .inr-contents p {
    font-size: 16px; }
  .popup.show .col-md-6.d-flex.justify-content-center.align-items-center {
    display: none; }
  .popup.show .col-md-6 {
    max-width: 100% !important;
    flex: 0 0 100% !important; }
  .popup {
    width: 90vw;
    height: 95vh;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1) !important; }
  button#close-modal {
    right: -10px;
    top: -10px;
    width: 40px;
    height: 40px;
    font-size: 16px; }
  .popup .main_lead .row .col-md-6 .popup-heading span {
    font-size: 30px !important; }
  .popup .main_lead {
    height: 650px; }
  .home-mbl .explr-cd .bx0r span.h3 {
    font-size: 20px; }
  .popup .main_lead .row {
    padding: 0 10px; }
  .single-service-p .container-f .row .row.tabcontent.actives .col-4 .lft-img {
    display: flex;
    justify-content: center; }
  .single-service-p .container-f .row .row.tabcontent.actives .col-4 .lft-img img {
    width: 75%; }
  footer .newslater span {
    font-size: 20px; }
  .our_brands .row .col-4 .brnd_container {
    height: 130px; }
  header .container-full .toggler-div .main {
    padding: 8px;
    border-radius: 5px;
    background: linear-gradient(45deg, #bf2048, #0089af); }
  footer .social_links_bar ul li a {
    width: 35px;
    height: 35px;
    font-size: 18px; }
  .home-mbl .elevate {
    height: 60vh; }
  footer .ftr-banner {
    width: 100%;
    padding: 25px 10px;
    border-radius: 10px; }
  .pri-pck .container .row .col-12 .parent-tabs .prnt_tab .col-4 .pack-container .getstrtd a {
    width: 100%;
    padding: 10px;
    font-size: 15px; }
  .pri-pck .container .row .col-12 .parent-tabs .prnt_tab .col-4 .pack-container .head .h3 {
    font-size: 22px;
    line-height: 1.2; }
  .pri-pck .container .row .col-12 .parent-tabs .prnt_tab .col-4 .pack-container .pack-body ul li::before {
    width: 15px;
    height: 15px;
    left: 5px;
    top: 10px; }
  .pri-pck .container .row .col-12 .parent-tabs .prnt_tab .col-4 .pack-container .price p {
    font-size: 14px;
    line-height: 1.3; }
  .pri-pck .container .row .col-12 .parent-tabs .prnt_tab .col-4 .pack-container .pack-body ul li span {
    font-size: 16px; }
  .pri-pck .container .row .col-12 .parent-tabs .prnt_tab .col-4 .pack-container .pack-body ul li {
    font-size: 14px;
    padding: 5px 0 5px 30px; }
  .pri-pck .container .row .col-12 .parent-tabs .prnt_tab .col-4 {
    padding: 0; }
  .pri-pck .container .row .col-12 .parent-tabs .tabz {
    border-radius: 20px; }
    .pri-pck .container .row .col-12 .parent-tabs .tabz button {
      border-radius: 20px;
      font-size: 16px; }
  .pri-pck .container .row .col-12 .parent-tabs .prnt_tab .col-4 .pack-container .price {
    padding: 10px; }
  .pricing {
    height: 80vh; }
  .pri-pck .container .row .col-12 .parent-tabs .prnt_tab .col-4 .pack-container .price .h4 {
    font-size: 30px; }
    .pri-pck .container .row .col-12 .parent-tabs .prnt_tab .col-4 .pack-container .price .h4 span {
      font-size: 35px; } }

@media screen and (max-width: 550px) {
  .faq_s {
    padding: 4rem 0;
    display: none; }
  .pri-pck .container .pricings-hd .h2 {
    font-size: 35px; }
  .pri-pck .container .pricings-hd p {
    font-size: 16px;
    max-width: 90%; }
  .pricing .col-12 .inr-contents span {
    font-size: 35px;
    line-height: 1.1; }
  .pricing .col-12 .inr-contents p {
    max-width: 90%;
    font-size: 16px; }
  .pri-pck {
    padding: 3rem 0; }
  .uncv .row .col-5 .full-servc span.h2 {
    font-size: 30px; }
  .uncv .row .col-5 .full-servc p.bdr-lft {
    font-size: 16px; }
  .single-service-p .scene {
    width: 600px;
    height: 600px;
    top: 8rem;
    display: none; }
  .prt-btm .container-f .row .col-6.portfolio-lf .row .col-12, .prt-btm .container-f .row .col-6.portfolio-lf .row .col-6 {
    width: 33.3333%; }
  header {
    transition: all .5s ease; }
  header.hdFix {
    background: radial-gradient(#000815, transparent);
    box-shadow: inset 0 0px 20px 5px #ffffff3d;
    transition: all .5s ease; }
  body .social-sidebar {
    display: none; }
  body .section_nav {
    display: none; }
  body .slidess {
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0 30px;
    height: auto; }
    body .slidess .h1 {
      -webkit-writing-mode: unset;
      writing-mode: unset;
      min-width: 100%;
      margin: 0;
      margin-bottom: 1rem;
      margin-top: 6em; }
    body .slidess .myslider {
      margin: 0;
      perspective: none;
      width: 100%; }
      body .slidess .myslider .rotate-slide {
        position: unset;
        margin: 0;
        transform-style: unset !important;
        perspective: none;
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column; }
        body .slidess .myslider .rotate-slide .slides {
          position: unset;
          width: 100%;
          height: 320px;
          overflow: hidden;
          opacity: 0.8;
          transform: unset !important;
          margin-bottom: 1rem; }
  body .sucs-strs .col-4 .nav-slider .swiper-prev {
    width: 50px;
    height: 50px; }
  body .sucs-strs .col-4 .nav-slider .swiper-next {
    width: 50px;
    height: 50px; }
  body .prt-btm .portfolio-r span.h2 {
    padding-right: 0; }
  body .prt-btm .portfolio-r p {
    padding-right: 0;
    text-align: justify; }
  .single-service-p .modal {
    height: 100vh;
    z-index: 50; }
    .single-service-p .modal .row .col-4 .mdl-cnt {
      padding: 20px; }
      .single-service-p .modal .row .col-4 .mdl-cnt p {
        font-size: 15px; }
    .single-service-p .modal .row .col-4 .mdl-rgt {
      display: none; }
  header {
    padding: 10px; }
    header .container-full .lg-div a img {
      width: 40%; }
  .uncv .row .col-7 {
    display: none; }
  .faq_s .acd .accordion {
    font-size: 20px; }
    .faq_s .acd .accordion::after {
      width: 20px;
      height: 20px; }
  .sucs-strs .col-4 .succs-str-hd span.h2 {
    font-size: 35px; }
  .sec-abt-cnt .col-5 .full-servc span.h2 {
    font-size: 30px !important;
    line-height: 1.2; }
  .sec-abt-cnt .col-5 .full-servc p {
    font-size: 15px; }
  .dscvr-dgtl .contnts p.blue {
    font-size: 16px;
    max-width: 90%;
    line-height: 1.2; }
  .contact-us .main-hd span.h3 {
    font-size: 35px; }
  body .in-bnr .inr-contents span {
    font-size: 45px; }
  .ad-bx .addrs-container span {
    font-size: 20px; }
  header .main #toggle {
    width: 30px !important; }
  header.hdFix .container-full .toggler-div .main #toggle {
    width: 25px !important; }
  header .container-full .toggler-div .main #toggle div {
    height: 2px; } }

@media screen and (max-width: 500px) {
  .right-menu .blogs {
    display: none !important; }
  .right-menu .menu-p {
    display: none; }
  footer .social_links_bar {
    margin-top: 2rem; }
  .in-bnr .inr-contents span {
    font-size: 45px; }
  .in-bnr.graphic .counter-container {
    display: none; }
  footer .go-strm p {
    flex-wrap: wrap;
    text-align: center; }
    footer .go-strm p span {
      width: 100%; }
  footer .ftr-banner {
    width: 100%; }
    footer .ftr-banner span {
      display: none; }
    footer .ftr-banner a {
      border: 0;
      width: 100%;
      font-size: 20px; }
  footer .footer-btm {
    flex-wrap: wrap;
    text-align: center;
    justify-content: center; }
  footer .newslater form .frm-rel .subcription-in {
    width: 60%; }
  .our_brands .main-hd {
    margin-bottom: 0; }
  .rcnt-wrks .main-hd span.h3 {
    font-size: 30px;
    line-height: 1.2;
    padding: 0 20px; }
  .home-mbl .explr-cd .bx0r p {
    font-size: 13px; }
  .home-mbl .explr-cd .col-12 {
    padding: 0; }
  .dscvr-dgtl .contnts p {
    font-size: 24px; }
  .explore-cms {
    display: none; }
  .sec-abt-cnt, .dscvr-dgtl, .sucs-strs {
    padding: 3rem 0; }
  .rcnt-wrks {
    padding: 5rem 0; }
  .sucs-strs .col-6 .my-slider .swiper-container.stories .swiper-wrapper .swiper-slide .bottom-dv .img {
    width: 70px;
    height: 70px; }
  .reviews {
    padding: 5rem 0; }
    .reviews .row {
      border: 0; }
      .reviews .row .col-4 {
        border: 0;
        width: 33.3333%; }
        .reviews .row .col-4 .review-sontainer {
          margin-bottom: 2rem; }
          .reviews .row .col-4 .review-sontainer img {
            width: 100%; }
    .reviews .rev-hd {
      flex-wrap: wrap;
      justify-content: space-between;
      text-align: center;
      text-align: center; }
      .reviews .rev-hd span.h3 {
        font-size: 50px;
        width: 100%; }
      .reviews .rev-hd span.h5 {
        font-size: 24px;
        font-weight: 200;
        width: 100%; }
  .contact-us .row .col-12 .contact-form {
    width: 100%; }
    .contact-us .row .col-12 .contact-form form .row .col-12 .cms-textarea {
      width: 100%; }
  .cstdy-desc .lft-contnt .h3 {
    font-size: 30px; }
  .sec-abt-cnt .col-5 .full-servc {
    padding-right: 0; }
    .sec-abt-cnt .col-5 .full-servc p.bdr-lft {
      border-left: 1px solid #429BF2;
      padding: 10px;
      font-size: 14px; }
  .sec-abt-cnt .col-7 .col-6 {
    padding: 10px 0; }
  .single-service-p {
    padding: 10rem 0; }
  .sucs-strs .col-6 .my-slider .swiper-container.stories .swiper-wrapper .swiper-slide {
    width: 100% !important; }
    .sucs-strs .col-6 .my-slider .swiper-container.stories .swiper-wrapper .swiper-slide p {
      font-size: 14px;
      margin-top: 1rem;
      padding: 0 10px; }
    .sucs-strs .col-6 .my-slider .swiper-container.stories .swiper-wrapper .swiper-slide .bottom-dv {
      margin-top: 2rem; }
  .sucs-strs .col-4 .nav-slider {
    margin-top: 1rem; }
  .uncv {
    padding: 5rem 0; }
    .uncv .row .col-5 {
      width: 100%; }
      .uncv .row .col-5 .full-servc {
        padding-right: 0; }
        .uncv .row .col-5 .full-servc p {
          padding-right: 0; }
    .uncv .row .col-7 .process-img img {
      display: none; }
    .uncv .row .col-7 .process-img canvas#myCanvas {
      width: 600px !important;
      height: 600px !important;
      top: 7rem; }
    .uncv .row .col-7 .process-img .scene {
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 500px;
      height: 500px;
      opacity: 0.7; }
  body .slidess .h1 {
    font-size: 50px; }
    body .slidess .h1 span {
      font-size: 24px; }
  .our_brands {
    padding: 5rem 0 1rem; }
    .our_brands .row .col-4 {
      width: 33.333333%; }
      .our_brands .row .col-4 .brnd_container img {
        filter: brightness(0) invert(1); } }

@media screen and (max-width: 400px) {
  footer .newslater form .frm-rel .subcription-in {
    width: 45%; }
  footer .newslater span {
    font-size: 20px; }
  footer .home-mbl .explr-cd .bx0r span.h6 {
    font-size: 12px;
    font-weight: 200; }
  footer .home-mbl .explr-cd .bx0r span.h3 {
    font-size: 24px;
    font-weight: 500; }
  footer .home-mbl .explr-cd .bx0r p {
    font-size: 12px;
    border-bottom: 1px solid #ffffff42;
    padding: 0 0 5px;
    margin-bottom: 0; }
  footer .home-mbl .explr-cd .bx0r img {
    position: absolute;
    top: -45px;
    right: 0px;
    width: 40%; }
  footer .ftr-banner {
    width: 100%; }
    footer .ftr-banner a {
      font-size: 16px; }
  footer .footer-nav .col-4 {
    width: 100%; }
    footer .footer-nav .col-4:nth-child(2) {
      width: 50%; }
    footer .footer-nav .col-4:nth-child(3) {
      width: 50%; }
    footer .footer-nav .col-4 .fotter-container .ftr-hd {
      font-size: 20px; }
    footer .footer-nav .col-4 .fotter-container ul li a {
      font-size: 14px;
      align-items: center; }
  .in-bnr .inr-contents span {
    font-size: 45px;
    text-align: center; }
  .in-bnr .inr-contents p {
    text-align: center; }
  .cstdy-desc .reslt {
    width: 80%; }
  .cstdy-desc .cstdy-svg .scene {
    left: -60px; }
  .sec-abt-cnt .col-5 .full-servc span.h2 {
    font-size: 40px; }
  .sec-abt-cnt .col-5 .full-servc p {
    font-size: 16px; }
  body .slidess .h1 {
    font-size: 36px; }
  .home-mbl .elevate .h2 {
    line-height: 45px;
    font-size: 45px; }
  .home-mbl .explr-cd .container .col-12 {
    padding: 0; }
  .home-mbl .explr-cd .hd9y .h2 {
    font-size: 30px;
    text-align: center; }
  .home-mbl .explr-cd .bx0r span.h6 {
    font-size: 16px; }
  .home-mbl .explr-cd .bx0r span.h3 {
    font-size: 20px; }
  .home-mbl .explr-cd .bx0r p {
    font-size: 12px; }
  .home-mbl .explr-cd .bx0r img {
    width: 30%; }
  .home-mbl .explr-cd .bx0r .bt7yt a {
    padding: 8px 0;
    border-radius: 5px;
    font-size: 12px; }
  .our_brands .main-hd span {
    font-size: 30px; }
  .our_brands .main-hd p {
    font-size: 14px; }
  .sucs-strs .col-4 .nav-slider .swiper-next {
    width: 55px;
    height: 55px; }
  .sucs-strs .col-4 .nav-slider .swiper-prev {
    width: 55px;
    height: 55px; } }