@media (max-width: 1040px) {
  .post-wrapper {
    display: block !important;
    margin: 0 30px;
  }

  .lp-service-list li {
    display: block !important;
    margin-bottom: 40px;
  }

  .lp-box {
    max-width: 350px !important;
  }

  .slick-arrow {
    display: none !important;
  }
}

#mcReset {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  justify-content: space-between;
}

#mcReset div {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #e1eaf8;
  border-radius: 3px;
  padding: 0px 40px 20px 40px;
  flex-direction: column;
}

#mcReset div p {
  margin-bottom: 0px;
}

img {
  max-width: 100%;
}

strong {
  font-weight: 500;
}

body {
  font-family: soleil, sans-serif !important;
}

input,
textarea {
  width: 100%;
  padding: 10px 0px 10px 15px;
  border-radius: 3px;
  font-weight: 400;
  border: 1px solid transparent;
}

input:focus,
textarea:focus {
  outline: none;
  border-color: #5333ed;
}

#loader {
  background-color: #010529;
  width: 100%;
  height: 100vh;
  z-index: 11111;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

#loader img {
  animation: spin 1s linear infinite;
  margin: 0 auto;
  display: block;
  width: 200px;
}

body {
  overflow-y: scroll;
  overflow-x: hidden;
  max-width: 100vw;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-stroke: 0.45px;
  -webkit-text-stroke: 0.45px rgba(0, 0, 0, 0.1);
}

ul {
  padding-left: 0px;
  list-style-type: none;
}

ul.inline {
  padding-left: 20px;
  list-style-type: disc;
}

ul.inline li {
  color: rgba(3, 27, 78, 0.7);
  font-weight: 400;
  font-size: 1rem;
}

* {
  transition: 0.5s;
}

.service-box-two {
  padding: 40px;
}

.service-box-two img {
  width: 50px;
  margin-bottom: 20px;
}

.dark-nav {
  background-color: #fff !important;
}

.dark-nav .navbar-nav .nav-link {
  color: #0c022f !important;
}

.dark-nav .logo-img,
.fixed-header .logo-img {
  display: none !important;
}

.dark-nav .logo-img-dark,
.fixed-header .logo-img-dark {
  display: block !important;
}

.logo-img-dark {
  display: none;
}

.mt-negative {
  margin-top: -150px;
}

.shadow-hover {
  border: 1px solid #e7e9ee;
  transition: 0.5s;
}

.shadow-hover:hover {
  box-shadow: 0 10px 40px 0 rgba(47, 47, 47, 0.1);
  transition: 0.5s;
}

/* COLORS */

.modal-content #roboaudit input#gr_website,
.modal-content #roboaudit input#gr_email,
.modal-content #roboaudit input#roboname,
.modal-content #roboaudit input#robophone,
.modal-content #roboaudit input#robocompany {
  width: 500px !important;
}

.modal-content #roboaudit button {
  min-width: 500px;
}

@keyframes pulsecolor {
  0% {
    background: #3495fe;
  }

  33% {
    background: #00edac;
  }

  67% {
    background: #b34aff;
  }

  100% {
    background: #3495fe;
  }
}

.btn-audit {
  animation: pulsecolor 6s infinite;
  width: 100%;
  margin-top: 20px !important;
  background-color: #11e7c4;
  color: #150773;
  border: none;
  cursor: pointer;
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 800;
  padding: 30px 0px;
}

#roboauditchecks p {
  color: #fff;
}

.dark-blue {
  color: #031b4e;
}

.dark-bg {
  background-color: #0c022f;
}

.light-blue {
  color: rgba(3, 27, 78, 0.7);
}

.white {
  color: #fff;
}

.light-blue-bg {
  background-color: #e1eaf8;
}

.purple-bg {
  background-color: #5333ed;
}

.update-year {
  background-color: #5333ed;
  border-radius: 3px;
  padding: 10px 5px;
  margin-left: 10px;
  font-size: 12px;
  line-height: 0px;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
}

.gradient-bg {
  background: linear-gradient(135deg, #5333ed 0, #00004d 100%);
}

.white-bg {
  background-color: #fff;
}

/* COLORS END */

.share-links {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.share-links li a {
  padding: 10px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.share-links li img {
  width: 30px;
  height: 30px;
}

.share-links li.facebook a {
  background-color: #0078ff;
}

.share-links li.whatsapp a {
  background-color: #25d366;
}

.share-links li.twitter a {
  background-color: #08a0e9;
}

.share-links li.linkedin a {
  background-color: #0a66c2;
}

.share-links li.telegram a {
  background-color: #0088cc;
}

.share-links li.email a {
  background-color: #0f0e17;
}

/* POSITION */

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

.rel-pos {
  position: relative;
}

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

.row-center {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}

/* POSITION END */

.section {
  padding: 100px 0px;
}

.header {
  padding: 200px 0px;
}

.md-title {
  font-weight: 600;
  font-size: 30px;
  line-height: 40px;
}

.lg-title {
  font-weight: 800;
  font-size: 60px;
}

.sm-title {
  font-weight: 400;
  font-size: 24px;
}

.xs-title {
  font-weight: 600;
  font-size: 20px;
}

.bg-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.box-shadow {
  box-shadow: 0 10px 40px 0 rgba(47, 47, 47, 0.1);
}

.row-center .btn {
  margin: 0px 10px;
}

.btn {
  padding: 12px 25px 12px 25px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  border-radius: 3px;
  transition: 0.5s;
  border: 1px solid transparent;
}

.green-btn {
  background-color: #11e7c4;
  color: #150773;
}

.white-btn {
  background-color: transparent;
  color: #fff;
  border-color: #fff;
}

.blue-btn {
  color: #fff;
  background-color: #5951ff;
}

.light-btn {
  color: #5951ff;
  border-color: #5951ff;
  background-color: transparent;
}

.light-btn:hover {
  color: #423dce;
  background-color: rgba(89, 81, 255, 0.07);
  box-shadow: none;
}

.blue-btn:hover {
  color: #fff;
  box-shadow: none;
}

.white-btn:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.green-btn:hover {
  color: #150773;
  box-shadow: none;
  border-color: #11e7c4;
}

.service-box-one {
  padding: 40px;
  height: auto;
}

.g-recaptcha div,
.g-recaptcha iframe {
  max-width: 100% !important;
}

.rc-anchor-normal {
  max-width: 100% !important;
}

.service-box-one img,
.service-box img {
  width: 70px;
}

.service-box-one h3 {
  margin: 20px auto;
}

.cta-light {
  background-image: url(../images/cta-bg-light.svg);
}

.bg-lines {
  background-image: url(../images/bg-lines.svg);
}

.border-box {
  border: 1px solid rgba(0, 14, 230, 0.2);
  border-radius: 0.5rem;
  background-color: #fff;
  padding: 2rem;
}

.border-blue {
  border-bottom: 1px solid #5333ed;
}

.border-box:hover {
  border-color: #5333ed;
}

.inline-link {
  border-bottom: 1px solid #11e7c4;
  color: #5333ed;
  padding-bottom: 0px;
  font-weight: 400;
}

.inline-link:hover {
  color: #5333ed;
}

.cta-bg-one {
  background-image: url(../images/cta-2-bg.svg),
    linear-gradient(135deg, #5333ed 0, #00004d 100%);
}

.inner-bg {
  background-image: url(../images/spiral.min.svg);
  background-color: #5333ed;
  background-size: 900px;
  background-position: right center;
}

.md-width {
  width: 400px;
}

.sm-width {
  width: 200px;
}

.xs-width {
  width: 50px;
}

.border-top-purple {
  border-top: 3px solid #5333ed;
}

.square-flip {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  -webkit-transform: perspective(1000px);
  -moz-transform: perspective(1000px);
  -ms-transform: perspective(1000px);
  transform: perspective(1000px);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: relative;
}

.square-flip {
  width: 100%;
  height: 400px;
}

.square,
.square2 {
  width: 100%;
  height: 100%;
}

.square {
  background-size: cover;
  background-position: center;
  -ms-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  -webkit-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  overflow: hidden;
  position: absolute;
  top: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.square-flip .square {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -o-transform: rotateY(0);
  -ms-transform: rotateY(0);
  transform: rotateY(0);
  transform-style: preserve-3d;
  z-index: 1;
}

.square-flip:hover .square {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  transform-style: preserve-3d;
}

.square2 {
  background-size: cover;
  background-position: center center;
  -ms-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  -webkit-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  overflow: hidden;
  background-color: #fff;
  position: absolute;
  top: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.square-flip .square2 {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
  transform-style: preserve-3d;
  z-index: 1;
}

.square-flip:hover .square2 {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -o-transform: rotateY(0);
  -ms-transform: rotateY(0);
  transform: rotateY(0);
  transform-style: preserve-3d;
}

.square-container {
  padding: 40px;
  text-align: center;
  position: relative;
  top: 50%;
  -ms-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  -webkit-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  -webkit-transform: translateY(-50%) translateX(0) scale(1);
  -ms-transform: translateY(-50%) translateX(0) scale(1);
  transform: translateY(-50%) translateX(0) scale(1);
  transform-style: preserve-3d;
  z-index: 2;
}

.square-flip:hover .square-container {
  -webkit-transform: translateY(-50%) translateX(-650px) scale(0.88);
  -ms-transform: translateY(-50%) translateX(-650px) scale(0.88);
  transform: translateY(-50%) translateX(-650px) scale(0.88);
  transform-style: preserve-3d;
}

.square-container2 {
  padding: 40px;
  text-align: center;
  position: relative;
  top: 50%;
  -ms-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  -webkit-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  -webkit-transform: translateY(-50%) translateX(650px) translateZ(60px)
    scale(0.88);
  -ms-transform: translateY(-50%) translateX(650px) translateZ(60px) scale(0.88);
  transform: translateY(-50%) translateX(650px) translateZ(60px) scale(0.88);
  transform-style: preserve-3d;
  z-index: 2;
}

.square-flip:hover .square-container2 {
  -webkit-transform: translateY(-50%) translateX(0) translateZ(0) scale(1);
  -ms-transform: translateY(-50%) translateX(0) translateZ(0) scale(1);
  transform: translateY(-50%) translateX(0) translateZ(0) scale(1);
  transform-style: preserve-3d;
}

.square-flip h2 {
  color: #fff;
  font-family: "Open Sans";
  font-weight: 700;
  font-size: 22px;
}

.square-flip h3 {
  color: #fff;
  font-family: "Open Sans";
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
}

.city-header {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 150px 0px;
  position: relative;
}

.city-la {
  background-image: url("../images/los-angeles-bg.jpg");
}

.city-sa {
  background-image: url("../images/san-francisco-bg.jpg");
}

.city-sd {
  background-image: url("../images/san-diego-bg.jpg");
}

.city-lv {
  background-image: url("../images/las-vegas-bg.jpg");
}

.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: #0c022f;
  opacity: 0.8;
  left: 0;
}

.flip-overlay {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.snip1500 {
  font-family: Raleway, Arial, sans-serif;
  position: relative;
  overflow: hidden;
  width: 100%;
  color: #fff;
  text-align: center;
  font-size: 16px;
  background-color: #00004d;
}

.snip1500 *,
.snip1500:after,
.snip1500:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.55s ease;
  transition: all 0.55s ease;
}

.snip1500 {
  max-width: 100%;
  width: 100%;
  height: 400px;
  backface-visibility: hidden;
  vertical-align: top;
}

.snip1500 figcaption {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 10px;
  opacity: 0;
  -webkit-transform: rotate(45deg) translate(-50%, -50%);
  transform: rotate(45deg) translate(-50%, -50%);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}

.snip1500 figcaption:after,
.snip1500 figcaption:before {
  height: 2px;
  width: 400px;
  position: absolute;
  content: "";
  background-color: #fff;
}

.snip1500 figcaption:before {
  top: 0;
  left: 10px;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.snip1500 figcaption:after {
  bottom: 0;
  right: 10px;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.snip1500 figcaption div:after,
.snip1500 figcaption div:before {
  width: 2px;
  height: 300px;
  position: absolute;
  content: "";
  background-color: #fff;
}

.snip1500 figcaption div:before {
  top: 10px;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.snip1500 figcaption div:after {
  bottom: 10px;
  left: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.snip1500 h2,
.snip1500 h4 {
  margin: 0;
  text-transform: uppercase;
}

.snip1500 h2 {
  font-weight: 400;
}

.snip1500 h4 {
  display: block;
  font-weight: 600;
  margin: 3px auto;
  font-size: 18px;
  background-color: #fff;
  padding: 5px 10px;
  color: #00004d;
}

.snip1500 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.snip1500 figcaption {
  opacity: 1;
}

.snip1500 figcaption div:after,
.snip1500 figcaption div:before,
.snip1500 figcaption:after,
.snip1500 figcaption:before,
.snip1500.hover figcaption div:after,
.snip1500.hover figcaption div:before,
.snip1500.hover figcaption:after,
.snip1500.hover figcaption:before {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.snip1500 figcaption:after,
.snip1500 figcaption:before,
.snip1500.hover figcaption:after,
.snip1500.hover figcaption:before {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.gradient-bg-dark {
  background-image: linear-gradient(180deg, #0f1a26 0, #00181e 100%);
}

.timeline {
  margin: 4em auto;
  max-width: 46em;
  position: relative;
}

.timeline:before {
  background-color: #00004d;
  content: "";
  margin-left: -1px;
  position: absolute;
  top: 0;
  left: 2em;
  width: 2px;
  height: 100%;
}

.timeline-event {
  position: relative;
}

.timeline-event:hover .timeline-event-icon {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background-color: #5333ed;
}

.timeline-event:hover .timeline-event-thumbnail {
  -moz-box-shadow: inset 40em 0 0 0 #5333ed;
  -webkit-box-shadow: inset 40em 0 0 0 #5333ed;
  box-shadow: inset 40em 0 0 0 #5333ed;
}

.timeline-event-copy {
  padding: 2em;
  position: relative;
  top: -1.875em;
  left: 4em;
  width: 80%;
}

.timeline-event-copy h3 {
  font-size: 1.75em;
}

.timeline-event-copy h4 {
  font-size: 1.2em;
  margin-bottom: 1.2em;
}

.timeline-event-copy strong {
  font-weight: 700;
}

.timeline-event-copy p:not(.timeline-event-thumbnail) {
  padding-bottom: 1.2em;
}

.timeline-event-icon {
  -moz-transition: -moz-transform 0.2s ease-in;
  -o-transition: -o-transform 0.2s ease-in;
  -webkit-transition: -webkit-transform 0.2s ease-in;
  transition: transform 0.2s ease-in;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #00004d;
  outline: #e1eaf8 solid 10px;
  display: block;
  margin: 0.5em 0.5em 0.5em -0.5em;
  position: absolute;
  top: 0;
  left: 2em;
  width: 1em;
  height: 1em;
}

.timeline-event-thumbnail {
  -moz-transition: box-shadow 0.5s ease-in 0.1s;
  -o-transition: box-shadow 0.5s ease-in 0.1s;
  -webkit-transition: box-shadow 0.5s ease-in;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  transition: box-shadow 0.5s ease-in 0.1s;
  color: #fff;
  font-size: 0.75em;
  background-color: #00004d;
  -moz-box-shadow: inset 0 0 0 0 #11e7c4;
  -webkit-box-shadow: inset 0 0 0 0 #11e7c4;
  box-shadow: inset 0 0 0 0 #11e7c4;
  display: inline-block;
  margin-bottom: 1.2em;
  padding: 0.25em 1em 0.2em;
}

.traffic-value {
  font-size: 150px;
  font-weight: 900;
}

.approach {
  padding: 100px 0;
  background-image: url(../images/spiral.min.svg);
  background-size: inherit;
  background-position: center left;
  background-repeat: no-repeat;
}

.cta-secondary {
  padding: 150px 0 200px;
  background-image: url(../images/bg_lines.min.svg);
  background-repeat: no-repeat;
  background-position: center bottom;
}

.job-details {
  margin-top: -250px;
  background-color: #fff;
  padding: 50px;
  box-shadow: 0 15px 45px 0 rgba(139, 140, 185, 0.2);
}

.job-details ul li {
  list-style-type: square;
}

.job-details ul {
  padding-left: 30px;
}

.scroll-down {
  position: relative;
  width: 100%;
  height: 100%;
}

.scroll-down a {
  padding-top: 60px;
}

.scroll-down a span {
  top: 0;
  width: 30px;
  height: 50px;
  margin-left: -15px;
  border: 2px solid #fff;
  border-radius: 50px;
}

.scroll-down a span::before {
  top: 10px;
  content: "";
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sdb10 2s infinite;
  animation: sdb10 2s infinite;
}

@-webkit-keyframes sdb10 {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }

  40% {
    opacity: 1;
  }

  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes sdb10 {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }

  40% {
    opacity: 1;
  }

  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.scroll-down a span,
.scroll-down a span::before {
  box-sizing: border-box;
  left: 50%;
  position: absolute;
}

.web-developer-seo-banner-img {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  background-image: url(../images/spiral.min.svg);
  background-color: #0c022f;
  padding: 40px;
  margin-right: 70px;
  height: calc(100% - 3em);
}

.text-quote a {
  padding: 5px;
}

.text-quote a:hover {
  color: #fff;
}

.book-bar {
  padding: 20px;
  position: fixed;
  width: 450px;
  z-index: 111111;
  box-shadow: 0 10px 40px 0 rgba(47, 47, 47, 0.1);
  bottom: 30px;
  left: 30px;
  background-color: #fff;
}

.ebook-header {
  padding: 200px 0 150px 0;
  position: relative;
  background-image: url(../images/ebook-bg.jpg);
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

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

.ebook-header svg {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 10vw;
}

.blog-first {
  padding: 150px 0px 30px 0px;
}

.category-header {
  padding: 200px 0px 300px 0px;
  background-image: url("../images/blog-cat-bg.svg");
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
}

.cat-post-img {
  height: 200px;
  width: 100%;
  position: relative;
  min-width: 100%;
  display: block;
}

.cat-post-img img {
  max-width: 100%;
  height: 100%;
  position: absolute;
  width: 100%;
  object-fit: cover;
}

.blog-post-bg h2 {
  font-size: 22px;
  color: #031b4e;
  font-weight: 600;
  line-height: 1.48;
  margin-bottom: 8px;
  overflow: hidden;
}

.post-content p {
  font-size: 18px;
  line-height: 35px;
}

.post-content h3 {
  font-weight: 800;
}

.cat-post-content {
  padding: 30px;
  position: relative;
  height: 100%;
  min-height: 300px;
}

.cat-post-content .author-container {
  position: absolute;
  bottom: 0px;
}

.featured-blog-posts h3 {
  font-size: 20px;
  font-weight: 600;
}

.blog-post-medium {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}

.blog-post-medium-content {
  max-width: 490px;
}

.blog-post-medium-image {
  min-width: 152px;
  min-height: 143px;
  width: 152px;
  height: 143px;
  border-radius: 4px;
  overflow: hidden;
}

.lang-list {
  display: table;
  list-style-type: none;
  margin: 0 auto;
}

.lang-list li {
  display: table-cell;
  min-width: 150px;
}

.lang-list li img {
  min-width: 150px;
  max-width: 10px;
}

.lang-list li a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.payment {
  display: flex;
  align-items: center;
  margin-top: 20px;
  justify-content: space-between;
}

.payment li img {
  max-height: 30px;
  height: 30px;
  margin: 0 auto;
  width: 30px;
}

.blog-post-medium-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.blog-post-head {
  padding: 150px 0px 100px 0px;
}

.blog-post-head h1 {
  font-size: 40px;
  line-height: 45px;
  color: #031b4e;
  font-weight: 800;
  margin-bottom: 20px;
}

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

.author-box img {
  width: 100px;
  border-radius: 50px;
}

.author-box .authors-container {
  margin-left: 25px;
}

.author-box .authors-container p {
  margin: 0px;
  font-size: 14px;
}

.blog-post-head p.desc {
  border-left: 3px solid rgba(0, 0, 0, 0.84);
  padding-left: 20px;
  padding-bottom: 2px;
  font-weight: 400;
  color: #031b4e;
  font-size: 23px;
  line-height: 32px;
  padding-top: 0;
  margin: 30px 0 30px 3px;
}

.post-form {
  position: sticky;
  top: 90px;
  left: 0;
}

.post-wrapper {
  display: flex;
}

.post-body ul {
  list-style: unset !important;
}

.post-body p {
  color: #333;
  line-height: 1.9;
  font-size: 16px;
  font-weight: 400;
}

.post-body img {
  width: 100% !important;
  height: auto !important;
}

.featured-nav-wrapper {
  display: flex;
}

.author-container {
  font-size: 14px;
}

.blog-side-img {
  height: 100px;
  width: 100px;
  position: relative;
  min-width: 100px;
  display: block;
}

.blog-side-img img {
  max-width: 100%;
  height: 100% !important;
  position: absolute;
  border-radius: 4px;
}

.blog-post-side {
  display: flex;
  justify-content: flex-start;
  padding-bottom: 20px;
}

.featured-blog-item {
  box-shadow: 0 4px 20.25px 6.75px rgba(0, 0, 0, 0.06);
  padding: 25px;
  display: flex;
  min-height: 120px;
  background-color: #fff;
}

.featured-blog-item-image-wrapper {
  min-width: 146px;
  min-height: 212px;
  max-width: 146px;
  max-height: 212px;
  border-radius: 6px;
  position: relative;
  box-shadow: 0 3px 17.16px 4.84px rgba(37, 2, 56, 0.1);
}

.featured-blog-item-image-wrapper img {
  display: block;
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  position: absolute;
}

.featured-blog-content {
  padding-top: 0px;
  padding-left: 30px;
  text-align: left;
  padding-right: 0;
}

.featured-blog-content h2 {
  font-size: 17px;
  line-height: 26px;
  font-weight: 600;
  max-width: 200px;
  margin-bottom: 7px;
  color: #031b4e;
}

.featured-slider a {
  width: 476px;
}

.swiper-wrapper {
  padding: 30px;
}

.featured-blog-content p {
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  margin-top: 5px;
  margin-bottom: 6px;
  max-width: 100%;
}

.prev_next ul {
  display: flex;
  align-items: center;
  margin-bottom: 0px;
  justify-content: space-between;
}

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

.web-design-bg {
  background-image: url("../images/web-design-bg-01.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 200px 0px 100px 0px;
}

.prev_next .btn-pag {
  background-color: #fff;
  color: #00004d;
  font-size: 20px;
  margin: 5px;
  border: 2px solid #fff;
  border-radius: 3px;
  padding: 5px 15px;
}

.next-prev a img {
  width: 20px;
}

.prev_next .btn-default {
  border: 2px solid #00004d;
}

.category-content {
  padding: 100px 0px;
  background-color: #e1eaf8;
}

.category-content .cat-post-content {
  background-color: #fff;
}

.blog-post-side h2 {
  font-size: 15px;
  color: #031b4e;
  font-weight: 600;
  line-height: 1.48;
  margin-bottom: 18px;
  overflow: hidden;
}

.blog-post-side .blog-post-content {
  padding-left: 22px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.author-container img {
  float: left;
  width: 42px;
  margin-right: 10px;
}

.blog-author {
  line-height: 20px !important;
  margin-bottom: 0px;
}

.blog-bg-img {
  width: calc(90% + 50px);
}

.blog-bg-img img {
  max-width: 100%;
  height: 300px;
  margin-bottom: 24px;
  border-radius: 4px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.team-content {
  padding: 100px 0px;
}

.team-content h1 {
  text-align: center;
  font-weight: 700;
  margin-bottom: 100px;
}

.team-member::after {
  content: "";
  position: absolute;
  top: 20px;
  right: -75px;
  background-image: url(../images/index.png);
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 70%;
  z-index: 0;
}

.team-member:hover img {
  filter: grayscale(0);
}

.team-member img {
  width: 200px;
  z-index: 1;
  position: relative;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: grayscale(1);
}

.team-member h4,
.team-member p {
  z-index: 1;
  position: relative;
}

.team-member h4 {
  margin-top: 20px;
  font-weight: 700;
  font-size: 20px;
}

.team-member p {
  line-height: 30px;
  font-size: 15px;
  font-weight: 400;
  color: rgba(3, 27, 78, 0.7);
}

.team-member {
  margin: 0 auto;
  display: block;
}

.about-ebook {
  padding: 50px 0;
}

.ebook-header img {
  width: 300px;
  float: right;
}

.book-bar img {
  width: 100px;
  margin: 0 auto;
}

.book-btn {
  background-color: #18f4a3;
  border-color: #18f4a3;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 10px 50px;
  font-size: 12px;
  border-radius: 4px;
  font-weight: 600;
  color: #031b4e;
  text-align: center;
}

.btn-no {
  cursor: pointer;
}

.btn-no span {
  color: #031b4e;
  margin-top: 20px;
  padding-bottom: 5px;
  border-bottom: 1px solid #031b4e;
  font-size: 10px;
  display: inline-block;
}

.book-bar h4 {
  font-weight: 600;
  margin-bottom: 20px;
}

#scene li,
body {
  width: 100%;
  height: 100%;
}

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

.partner-logo-g {
  width: 250px;
  margin: 0 auto;
  display: block;
}

.cert-logo-g {
  width: 150px;
  margin: 0 auto;
  display: block;
}

.cert-logo-b {
  width: 200px;
  margin: 0 auto;
  display: block;
}

.table .thead-dark th {
  background-color: #5333ed;
  border-color: #5333ed;
}

#numberWang {
  position: relative;
  margin: auto;
  width: 100%;
  text-align: center;
  color: #11e7c4;
  font-weight: 700;
}

.animatecss {
  position: fixed;
  bottom: 0;
  left: 2%;
  font-size: 1.4em;
}

.partner-logo-b {
  width: 350px;
  margin: 0 auto;
  display: block;
}

.lp-tools,
.why-list {
  display: table;
  margin: 0 auto;
}

.lp-footer > .footer-bottom {
  display: block;
}

.it-wrapper h3 {
  font-size: 80px;
  text-transform: uppercase;
  font-weight: 900;
  color: #fff;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  transition: all 0.3s linear;
  text-align: center;
}

.lp-tools li {
  display: table-cell;
  padding: 0 20px;
  width: 250px;
}

.why-list li {
  display: table-cell;
  padding: 0 50px;
  max-width: 385px;
}

.why-list li span {
  width: auto;
  display: inherit;
  border-bottom: 3px solid #11e7c4;
}

.why-list li span h5 {
  font-weight: 600;
}

.lp-tools li img {
  max-width: 300px;
}

.modal-content {
  border: none;
  background-image: url(../images/spiral.min.svg),
    linear-gradient(135deg, #5333ed 0, #00004d 100%);
  background-position: center;
  box-shadow: 0 15px 45px 0 rgba(139, 140, 185, 0.2);
  border-radius: 0;
  padding: 0 50px;
  width: 700px;
  margin: 0 auto;
}

.modal-footer,
.modal-header {
  border: none;
}

a {
  color: #5333ed;
}

a:hover {
  color: #00004d;
}

.nav-tabs .nav-link {
  font-size: 10px;
  text-transform: uppercase;
  border-radius: 3px;
  color: #031b4e;
}

.nav-tabs {
  display: table;
  margin: 0 auto 40px auto;
  border-bottom: none;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  border: 1px solid rgba(0, 0, 0, 0.125);
  background-color: #f5f9ff;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  background-color: #f5f9ff;
  border-color: #f1f1f1;
}

.nav-tabs .nav-item {
  display: table-cell;
}

.lp-testimonials {
  padding: 100px 0 0 0;
  background-image: url(../images/lp-testim-bg-2.svg);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: contain;
}

.works {
  margin-bottom: 30px;
}

.works a {
  background-color: #11e7c4;
  color: #031b4e;
  text-transform: uppercase;
  padding: 5px;
  font-size: 12px;
  font-weight: 700;
  border-radius: 3px;
}

.lp-logo img {
  width: 150px;
  float: left;
}

.book-close {
  display: none;
}

.lp-contact ul {
  display: table;
  float: right;
  margin-top: 5px;
}

.lp-contact ul li {
  display: table-cell;
  padding: 0 20px;
}

.lp-contact ul li a {
  color: #fff;
  border-bottom: 3px solid #11e7c4;
  padding-bottom: 5px;
}

.lp-contact ul li a i {
  color: #5333ed;
}

.prn {
  padding-right: 0;
}

.lp-content {
  margin-top: 70px;
}

.lp-header {
  background-image: url(../images/lp-bg-m-01.svg),
    linear-gradient(135deg, #5333ed 0, #00004d 100%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 30px 0 250px 0;
}

.lp-modal-form {
  padding: 0 50px;
}

.close {
  opacity: 1;
  color: #fff;
}

.why-box {
  width: 300px;
}

.why-center {
  margin: 0 auto;
  display: block;
}

.why-left {
  margin-left: 50px;
}

.book-form-box form {
  background-color: #fff;
  padding: 50px;
  box-shadow: 0 10px 40px 0 rgba(47, 47, 47, 0.1);
  width: 400px;
}

.book-form-box h4 {
  color: #fff;
  font-weight: 600;
}

.book-form-box p {
  color: #fff;
}

.green {
  color: #18f4a3;
}

.dark-form input,
.dark-form textarea {
  border: 1px solid #e1eaf8;
  color: #fff;
  background-color: rgba(37, 32, 32, 0.22);
}

.dark-form input::placeholder,
.dark-form textarea::placeholder {
  color: #fff;
}

.light-form input,
.light-form textarea {
  border-color: #e1eaf8;
  color: #131e41;
  background-color: rgba(255, 255, 255, 0.1);
}

.light-form input::placeholder,
.light-form textarea::placeholder {
  color: #131e4170;
}

.light-form input:focus {
  border-color: #879ec1;
}

.header-content h1 {
  font-weight: 600;
  margin-top: 50px;
  font-size: 50px;
  color: #fff;
}

.header-content p {
  color: #fff;
  font-size: 20px;
  line-height: 35px;
}

.navbar-dark .navbar-toggler {
  color: #fff;
  border-color: #fff;
}

.carousel .carousel-row {
  justify-content: flex-end;
}

.carousel .carousel-row .col {
  max-width: 20%;
}

@media (max-width: 1366px) {
  .carousel .carousel-row .col {
    max-width: 30%;
  }
}

.carousel-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: auto;
  height: 75vh;
}

@media (max-width: 1199.98px) {
  .carousel-container {
    height: 95vh;
  }
}

.carousel-container .carousel-track {
  animation: scroll-top 50s linear infinite;
  height: calc(-200px * 16);
  display: flex;
  flex-wrap: wrap;
}

@media (max-width: 1366px) {
  .carousel-container .carousel-track {
    height: calc(-200px * 20);
  }
}

.carousel-container--slide-down .carousel-track {
  animation: scroll-down 50s linear infinite;
}

.carousel-container .carousel-element {
  display: inline-block;
}

.carousel-container .carousel-track {
  animation: scroll-top 50s linear infinite;
  height: calc(-200px * 16);
  display: flex;
  flex-wrap: wrap;
}

@media (max-width: 1366px) {
  .carousel-container .carousel-track {
    height: calc(-200px * 20);
  }
}

.carousel-container--slide-down .carousel-track {
  animation: scroll-down 50s linear infinite;
}

.carousel-container .carousel-element {
  display: inline-block;
}

.img-box {
  position: relative;
  width: 100%;
  margin-bottom: 2.5rem;
  border-radius: 0.5rem;
  background-color: #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.02), 0 0 8px 0 rgba(0, 0, 0, 0.01),
    2px 4px 8px 0 rgba(0, 48, 111, 0.04);
}

@media (max-width: 767.98px) {
  .img-box {
    margin-bottom: 2rem;
  }
}

.img-box::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.img-box img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 90%;
  transform: translate(-50%, -60%);
}

.img-box__title {
  position: absolute;
  right: 0;
  bottom: 11%;
  left: 0;
  font-family: Muli, Arial, Helvetica sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  text-align: center;
}

.img-box__title {
  position: absolute;
  right: 0;
  bottom: 11%;
  left: 0;
  font-family: Muli, Arial, Helvetica sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  text-align: center;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

.img-box::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: #5333ed;
}

.dropdown-item:active span {
  color: #fff;
}

@keyframes scroll-top {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(calc(-200px * 8));
  }
}

@keyframes scroll-down {
  0% {
    transform: translateY(-1000px);
  }

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

.footer-social li a img {
  width: 30px;
}

#the-final-countdown {
  display: flex;
  align-items: center;
  justify-content: center;
}

.hour,
.minute,
.second {
  text-align: center;
  margin: 0px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column-reverse;
}

.lp-box {
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  max-width: 270px;
  height: 100%;
  min-height: 350px;
  background-position: bottom center;
  padding: 50px 20px;
  box-shadow: 0 15px 45px 0 rgba(139, 140, 185, 0.2);
}

.lp-testimonials .text-quote {
  min-height: 400px;
}

.square-flip .square .boxshadow,
.square-flip .square .textshadow,
.square-flip .square2 .boxshadow,
.square-flip .square2 .textshadow {
  -ms-transition: 0.6s;
  transition: 0.6s;
  -webkit-transition: 0.6s;
}

.square-flip .square .boxshadow {
  -webkit-box-shadow: 24px 42px 58px -8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 24px 42px 58px -8px rgba(0, 0, 0, 0.3);
  box-shadow: 24px 42px 58px -8px rgba(0, 0, 0, 0.3);
}

.square-flip .square .textshadow {
  -webkit-text-shadow: 24px 42px 58px -8px rgba(0, 0, 0, 0.3);
  -moz-text-shadow: 24px 42px 58px -8px rgba(0, 0, 0, 0.3);
  text-shadow: 24px 42px 58px -8px rgba(0, 0, 0, 0.3);
}

.square-flip:hover .square .boxshadow,
.square-flip:hover .square .textshadow {
  -webkit-box-shadow: 240px 42px 58px -8px transparent;
  -moz-box-shadow: 240px 42px 58px -8px transparent;
  box-shadow: 240px 42px 58px -8px transparent;
}

.square-flip .square2 .boxshadow {
  -webkit-box-shadow: 240px 42px 58px -8px transparent;
  -moz-box-shadow: 240px 42px 58px -8px transparent;
  box-shadow: 240px 42px 58px -8px transparent;
}

.square-flip .square2 .textshadow {
  -webkit-text-shadow: 240px 42px 58px -8px transparent;
  -moz-text-shadow: 240px 42px 58px -8px transparent;
  text-shadow: 240px 42px 58px -8px transparent;
}

.square-flip:hover .square2 .boxshadow,
.square-flip:hover .square2 .textshadow {
  -webkit-box-shadow: 24px 42px 58px -8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 24px 42px 58px -8px rgba(0, 0, 0, 0.3);
  box-shadow: 24px 42px 58px -8px rgba(0, 0, 0, 0.3);
}

.centerflipcards {
  display: block;
  width: 1330px;
  height: 440px;
  text-align: center;
  margin: 0 auto;
  margin-top: 25px;
}

.clearfix {
  clear: both;
}

.centerflipcards p {
  font-family: "Open Sans";
  font-size: 13px;
  margin-top: 10px;
  font-weight: 700;
}

.desktop-hide {
  display: none;
}

.mobile-hide {
  display: flex;
}

.form-popup {
  background: 0 0 !important;
  padding: 0 !important;
  width: 550px;
  position: relative;
}

.form-popup .modal-header {
  background-color: #5333ed;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  padding: 50px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.form-popup img.icon {
  width: 100px;
  position: absolute;
  top: -55px;
}

.book-banner {
  left: 10px;
  bottom: 10px;
  position: absolute;
  width: 500px;
  background-color: transparent;
  background-image: none;
}

.book-popup {
  background-color: #fff;
  padding: 0;
  background-image: none;
}

.book-popup .modal-body {
  padding: 0;
}

.form-popup .modal-body {
  background-color: #fff;
  padding: 50px;
  background-image: url(../images/form-popup-body-bg.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.form-popup .modal-header h1 {
  color: #fff;
  font-weight: 600;
  width: 300px;
  font-size: 30px;
  text-align: center;
}

.form-popup .close img {
  width: 25px;
  position: absolute;
  top: 5px;
  right: 10px;
}

.book-popup .modal-content {
  background-image: url(../images/popup-bg-01.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 770px;
}

.book-popup .modal-content .modal-body {
  padding: 100px 0;
}

.book-popup .modal-content h1 {
  color: #031b4e;
  width: 400px;
  margin-bottom: 20px;
}

.popup-btn {
  background-color: #18f4a3;
  border-color: #18f4a3;
  padding: 10px 50px;
  text-transform: uppercase;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  border-radius: 50px;
}

p.underlines {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  color: inherit;
  font-family: inherit;
  position: relative;
}

.social-media-icons img {
  width: 250px;
}

.navbar-dark.dark-nav .navbar-toggler {
  border-color: rgba(0, 0, 0, 0.5) !important;
}

.navbar-dark.dark-nav .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}

@media screen and (max-width: 767px) {
  #mcReset div {
    padding: 0px 20px 20px 20px;
  }
  .navbar-dark.dark-nav {
    height: 100%;
  }

  .fixed-header {
    overflow: auto;
  }

  .navbar {
    display: block;
  }

  .book-bar {
    width: 100%;
    left: 0;
  }

  .book-bar img {
    width: 80px;
  }

  .book-bar h4 {
    font-size: 20px;
  }

  .form-box {
    width: 100% !important;
  }

  .square-flip {
    margin: 10px 0;
  }

  .dropdown-item:before {
    display: none;
  }

  .dropdown-item {
    padding: 0 0 10px 36px !important;
    font-size: 11px !important;
    margin-bottom: 10px !important;
    white-space: break-spaces !important;
    border: none !important;
  }

  .dropdown-item .underlines::after {
    content: "";
    color: #e2e8ff;
    width: 100%;
    height: 0;
    /* top: 0; */
    bottom: -3px;
    z-index: 9999999;
    position: absolute;

    left: 0;
    border: 1px solid;
  }

  .dropdown-menu {
    padding: 30px;
    border-radius: 0;
    border: none;
  }

  .desktop-hide {
    display: flex !important;
  }

  .mobile-hide {
    display: none !important;
  }

  .digital-marketing-header h1 {
    font-size: 50px !important;
  }

  .box-why,
  .copyright,
  .pt {
    text-align: center !important;
  }

  .table tr td,
  .table tr th {
    font-size: 12px;
  }

  .lp-table {
    margin-top: 0;
  }

  .partner-logo-g {
    width: 150px;
  }

  .partner-logo-b {
    width: 200px;
  }

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

  .tools {
    padding: 30px 0;
    box-shadow: none;
  }

  .lp-tools li {
    padding: 0 15px;
  }

  .quote-title {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .lp-modal-form {
    padding: 0;
  }

  .quote-text {
    font-size: 14px;
    line-height: 25px;
  }

  .lp-service-list li {
    display: block !important;
    margin-bottom: 40px;
  }

  .controls {
    right: auto;
    top: 500px;
    left: 10px;
  }

  .header-content h1 {
    margin-top: 0;
  }

  .creative-mobile,
  .mobile-logo-section,
  .why-list li {
    display: block;
  }

  .creative-mobile img,
  .mobile-logo-section img {
    margin-bottom: 40px;
  }

  .creative-mobile h1 {
    font-size: 30px;
  }

  .creative-mobile img {
    margin-top: 40px;
  }

  .creative-desktop,
  .desktop-logo-section {
    display: none;
  }

  .modal-content {
    padding: 0 30px;
    width: 100%;
  }

  .lp-banner {
    padding: 35px;
  }
}

@media screen and (max-width: 475px) {
  .blogs-banner-img-img img {
    position: absolute;
    left: 164px !important;
    top: -88px !important;
    right: 0px !important;
    width: 100%;
  }

  .blogs-banner-img-img {
    width: 250px !important;
  }

  .text-quote {
    width: 300px !important;
  }
}

@media screen and (max-width: 575px) {
  .flickity-prev-next-button {
    bottom: 0;
  }

  .lp-footer .copyright,
  .lp-footer .pt {
    text-align: center;
  }

  .table tr td,
  .table tr th {
    font-size: 7px;
  }

  .lp-table {
    margin-top: 0 !important;
  }

  .lp-contact ul li a {
    font-size: 6px;
  }

  .partner-logo-b {
    width: 130px;
  }

  .partner-logo-g {
    width: 100px;
  }

  .lp-banner {
    padding: 35px !important;
  }

  .lp-header {
    padding: 0 0 125px 0;
  }

  .lp-content {
    margin-top: 0;
  }

  .tools {
    padding: 30px 0;
    box-shadow: none;
  }

  .lp-tools li {
    padding: 0 15px;
  }

  .modal-content {
    padding: 0 30px;
    width: 100%;
  }

  .lp-modal-form {
    padding: 0;
  }

  .text-quote {
    font-size: 12px;
    line-height: 20px;
  }

  .quote-title {
    font-size: 12px;
    margin-bottom: 0 !important;
  }

  .lp-contact {
    padding: 30px 0;
  }

  .lp-logo img {
    width: 130px;
    margin: 0 auto;
    float: none;
  }

  .col {
    padding: 0;
  }

  .lp-logo {
    padding: 30px;
  }

  .lp-contact ul li {
    padding: 0 5px;
    font-size: 10px;
  }

  .text-quote {
    padding: 10px !important;
  }

  .quote-title {
    font-size: 15px !important;
    line-height: 20px !important;
  }

  .header-content p {
    color: #fff;
    font-size: 15px;
    line-height: 25px;
  }

  .lp-service-list li {
    display: block !important;
    margin-bottom: 40px;
  }

  .header-content h1 {
    font-size: 30px;
    text-align: center;
    margin-top: 0;
  }
}

.hover-layer {
  display: none;
  -webkit-transition: height 1s ease;
  -moz-transition: ease-in 2s none;
  -ms-transition: ease-in 2s none;
  -o-transition: ease-in 2s none;
  transition: ease-in 2s none;
  background-color: #00004d;
  opacity: 0.95;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 5px;
}

.portfolio-box-link {
  display: block;
  transition: 0.5s;
  position: relative;
  -webkit-transition: height 1s ease;
  -moz-transition: ease-in 2s none;
  -ms-transition: ease-in 2s none;
  -o-transition: ease-in 2s none;
  transition: ease-in 2s none;
}

.portfolio-box-link:hover .hover-layer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  -webkit-transition: height 1s ease;
  -moz-transition: ease-in 2s none;
  -ms-transition: ease-in 2s none;
  -o-transition: ease-in 2s none;
  transition: ease-in 2s none;
}

#scene,
#scene li,
body {
  height: 200px;
  top: 0;
  width: 100%;
}

.pricing-header {
  background-color: #5333ed;
  padding: 250px 0 100px 0;
}

.pricing-header h1 {
  color: #fff;
  text-align: center;
  font-weight: 700;
}

.digital-marketing-header h1 {
  text-align: center;
  color: #fff;
  font-size: 70px;
  font-weight: 600;
}

.digital-marketing-header p {
  text-align: center;
  color: #fff;
}

#roboaudit button,
.form-btn,
.service-button {
  cursor: pointer;
}

#scene {
  padding: 0;
  margin: 0;
  position: absolute;
}

#scene li {
  position: absolute !important;
  -webkit-animation: blurIntro 3s;
  animation: blurIntro 3s;
}

@-webkit-keyframes blurIntro {
  0% {
    -webkit-filter: blur(500px);
    filter: blur(500px);
  }

  100% {
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@keyframes blurIntro {
  0% {
    -webkit-filter: blur(500px);
    filter: blur(500px);
  }

  100% {
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@-webkit-keyframes blink {
  50% {
    opacity: 0.4;
  }
}

@keyframes blink {
  50% {
    opacity: 0.4;
  }
}

html {
  scroll-behavior: smooth;
}

.hor-lines-bg {
  background-image: url("../images/hor_lines.min.svg");
  background-color: #5333ed;
  padding: 40px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center bottom;
}

.story-image {
  max-height: 600px;
  width: 80%;
  object-fit: cover;
  object-position: top;
}

.customer-stories .swiper-button-next {
  right: 110px;
}

.customer-stories .swiper-pagination-fraction {
  left: -150px;
  font-size: 20px;
}

.story-btn {
  display: inline-block;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 15px;
  color: #5333ed;
  border-bottom: 1px solid #5333ed;
}

.seo-case-nav {
  margin: 0px;
  width: 100%;
}

.seo-case-nav .nav-item .nav-link img {
  max-height: 50px;
  width: 100%;
  filter: grayscale();
}

.seo-case-nav .nav-link:focus,
.seo-case-nav .nav-link:hover {
  background-color: transparent !important;
  border: none !important;
}

.seo-case-nav .nav-item {
  max-width: 100px;
}

.seo-case-nav .nav-link.active img {
  filter: none;
}

.seo-case-nav .nav-link {
  border: none;
  text-align: center;
  font-size: 18px;
}

.seo-case-nav .nav-link.active {
  border-radius: 0px;
  border-top: 2px solid #5333ed !important;
  border-bottom: none;
  border-left: none;
  border-right: none;
  background-color: transparent;
}

.story-quote {
  padding: 50px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.slr-story {
  background-image: url("../images/slr-case-bg.png");
  border-radius: 10px;
}

.bontea-story {
  background-image: url("../images/bontea-case-bg.jpg");
  border-radius: 10px;
}

.omlet-story {
  background-image: url("../images/omlet-case-bg.jpg");
  border-radius: 10px;
}

.step-image {
  max-height: 200px;
}

.contact-box {
  border-left: 1px solid #fff;
  padding-left: 40px;
  height: 100%;
}

.contact-box ul li a {
  display: flex;
  color: #fff;
  font-size: 20px;
  align-items: center;
}

.contact-box ul li a svg {
  width: 30px;
  margin-right: 10px;
  height: 30px;
}

.slr-story p {
  color: #fff !important;
}

.story-content h6 {
  border-left: 2px solid #5333ed;
  padding-left: 10px;
}

.story-content ul li img {
  width: 20px;
  margin-right: 10px;
}

.story-content ul li {
  display: flex;
  color: #5333ed;
  align-items: center;
}

.story-content ul {
  width: 400px;
  height: 70px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.customer-stories .swiper-button-next:after {
  color: #000;
}

.front div:nth-child(1) {
  width: 120px;
  height: 120px;
  background: #f3f5f9;
  top: 10%;
  left: 40%;
  -webkit-animation: blink 5s infinite 0.5s;
  animation: blink 5s infinite 0.5s;
}

.front div:nth-child(2) {
  width: 110px;
  height: 110px;
  background: #f3f5f9;
  top: 50%;
  left: 80%;
  -webkit-animation: blink 5s infinite 2s;
  animation: blink 5s infinite 2s;
}

.front div:nth-child(3) {
  width: 80px;
  height: 80px;
  background: #f3f5f9;
  top: 30%;
  left: 10%;
  -webkit-animation: blink 5s infinite 1s;
  animation: blink 5s infinite 1s;
}

.second div:nth-child(1) {
  width: 70px;
  height: 70px;
  background: #f3f5f9;
  top: 60%;
  left: 40%;
  -webkit-animation: blink 5s infinite 0.3s;
  animation: blink 5s infinite 0.3s;
}

.second div:nth-child(2) svg {
  fill: #4dbdeb !important;
}

.second div:nth-child(2) {
  width: 60px;
  height: 60px;
  padding: 10px !important;
  background: #f3f5f9;
  top: 80%;
  left: 60%;
  -webkit-animation: blink 5s infinite 1.2s;
  animation: blink 5s infinite 1.2s;
}

.second div:nth-child(3) {
  width: 70px;
  height: 70px;
  padding: 0 !important;
  background: #f3f5f9;
  top: 90%;
  left: 20%;
  -webkit-animation: blink 5s infinite 1.4s;
  animation: blink 5s infinite 1.4s;
}

.third div:nth-child(1) {
  width: 45px;
  height: 45px;
  background: #f3f5f9;
  top: 25%;
  left: 18%;
  -webkit-animation: blink 5s infinite 0.8s;
  animation: blink 5s infinite 0.8s;
}

.third div:nth-child(2) {
  width: 60px;
  height: 60px;
  background: #f3f5f9;
  top: 75%;
  left: 35%;
  -webkit-animation: blink 5s infinite 1.6s;
  animation: blink 5s infinite 1.6s;
}

.third div:nth-child(3) {
  width: 55px;
  height: 55px;
  background: #f3f5f9;
  top: 10%;
  left: 80%;
  -webkit-animation: blink 5s infinite 1s;
  animation: blink 5s infinite 1s;
}

.forth div:nth-child(1) {
  width: 60px;
  height: 60px;
  background: #f3f5f9;
  top: 45%;
  left: 68%;
  -webkit-animation: blink 5s infinite 0.4s;
  animation: blink 5s infinite 0.4s;
}

.forth div:nth-child(2) {
  width: 80px;
  height: 80px;
  background: #f3f5f9;
  top: 77%;
  left: 25%;
  -webkit-animation: blink 5s infinite 0.9s;
  animation: blink 5s infinite 0.9s;
}

.forth div:nth-child(3) {
  width: 90px;
  height: 90px;
  background: #f3f5f9;
  top: 94%;
  left: 40%;
  -webkit-animation: blink 5s infinite 1.6s;
  animation: blink 5s infinite 1.6s;
}

.fifth div:nth-child(1) {
  width: 30px;
  height: 30px;
  background: #f3f5f9;
  top: 90%;
  left: 28%;
  -webkit-animation: blink 5s infinite 0.4s;
  animation: blink 5s infinite 0.4s;
}

.fifth div:nth-child(2) {
  width: 20px;
  height: 20px;
  background: #f3f5f9;
  top: 57%;
  left: 55%;
  -webkit-animation: blink 5s infinite 0.9s;
  animation: blink 5s infinite 0.9s;
}

.fifth div:nth-child(3),
.fifth div:nth-child(4),
.fifth div:nth-child(5) {
  width: 35px;
  height: 35px;
  background: #f3f5f9;
}

.fifth div:nth-child(3) {
  top: 24%;
  left: 70%;
  -webkit-animation: blink 5s infinite 0.2s;
  animation: blink 5s infinite 0.2s;
}

.fifth div:nth-child(4) {
  top: 1%;
  left: 25%;
  -webkit-animation: blink 5s infinite 1s;
  animation: blink 5s infinite 1s;
}

.fifth div:nth-child(5) {
  top: 0;
  left: 0;
  -webkit-animation: blink 5s infinite 0.6s;
  animation: blink 5s infinite 0.6s;
}

.notfound-section,
.thankyou-section {
  background-repeat: no-repeat;
}

.thankyou-section {
  padding: 200px 0;
  background-image: url(../images/thankyou-bg.svg);
  background-color: #5333ed;
  background-position: center center;
}

.thankyou-section h1 {
  color: #fff;
  font-size: 70px;
}

.thankyou-section h6 {
  color: #fff;
}

.who-section {
  padding: 200px 0 100px;
  background-color: #e1eaf8;
}

.notfound-section h6 {
  font-size: 24px;
  line-height: 40px;
}

#scene li div {
  position: absolute;
  border-radius: 50%;
  padding: 20px;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.service-button a:hover,
a:hover {
  text-decoration: none;
}

.about-section {
  background-image: url(../images/office-2.jpg);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  padding: 450px 0 150px;
  margin-top: -300px;
}

.creative-mobile {
  display: none;
}

.creative-desktop {
  display: block;
}

.about-section h1,
.about-section h2 {
  color: #fff;
}

.about-section p {
  font-size: 15px;
  color: #fff;
  line-height: 30px;
  letter-spacing: 0.5px;
}

.about-us-box {
  padding: 100px 0;
  position: relative;
  overflow: hidden;
}

.about-us-box h2 {
  line-height: 1.7em;
  font-weight: 600;
  margin-bottom: 40px;
  z-index: 111111111;
  position: relative;
  font-size: 25px;
}

.hidden {
  display: none;
}

p {
  color: rgba(3, 27, 78, 0.7);
}

.light-blue-bg {
  background-color: #e1eaf8;
}

.avatar {
  margin-top: 30px;
}

.avatar img,
.project-front-sections-wrap {
  position: relative;
}

.img-responsive,
.modal-dialog,
img {
  max-width: 100%;
  height: auto !important;
}

.slogan h1 {
  font-size: 1rem;
  line-height: 3rem;
  color: #fff;
}

.notfound-section {
  padding: 300px 0 100px;
  background-image: url(../images/404_bg.min.svg);
  background-position: top center;
  background-size: 1000px;
}

.notfound-section h1 {
  color: #031b4e;
  font-weight: 600;
  text-align: center;
}

.notfound-section h6 {
  font-weight: 400;
  color: rgba(3, 27, 78, 0.7);
}

.avatar img {
  border-radius: 50%;
  width: 50px;
  z-index: 1;
}

.circle,
.head-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 260px;
  height: 260px;
}

.blog-image {
  position: relative;
}

.head-image {
  z-index: 0;
}

.circle {
  z-index: 2;
}

.front {
  z-index: 1;
}

.seoH1 {
  font-size: 0;
  width: 1px;
  height: 1px;
  display: inline-block;
  overflow: hidden;
  position: absolute !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  clip: rect(1px, 1px, 1px, 1px);
}

.tools-section {
  background-color: #0c022f;
  padding: 90px 0;
  position: relative;
}

.tools-section h1,
.tools-section h2 {
  color: #fff;
  font-weight: 900;
  font-size: 50px;
}

.tools-section p {
  color: #fff;
}

.pipe-top-middle {
  width: 58%;
  top: -24%;
  position: absolute;
  left: -40%;
}

.pipe-top-right {
  width: 42%;
  position: absolute;
  top: -28%;
  left: 41%;
}

.pipe-top-left {
  width: 60px;
  position: absolute;
  top: 18%;
  left: -1%;
}

.pipe-bottom-left {
  position: absolute;
  width: 180px;
  bottom: -1%;
  left: 8%;
}

.pipe-bottom-middle-left {
  position: absolute;
  width: 596px;
  bottom: -8%;
  left: 0;
}

.pipe-bottom-right {
  width: 152px;
  bottom: -1%;
  right: 0;
  position: absolute;
}

.pipe-bottom-middle-right {
  position: absolute;
  width: 26%;
  bottom: -20%;
  left: 35%;
}

.company-logo {
  width: 500px;
  margin: 0 auto;
  display: block;
}

.author,
.blog-footer {
  color: rgba(3, 27, 78, 0.7);
}

#roboaudit input:focus,
input:focus {
  outline: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .why-list li {
    padding: 0 10px;
  }

  .why-list li span h5 {
    font-size: 15px;
  }

  .text-quote {
    width: 600px !important;
  }
}

@media only screen and (min-width: 575px) and (max-width: 768px) {
  .lp-footer .pt {
    text-align: center;
  }

  .lp-contact ul li {
    padding: 0 5px;
  }

  .lp-contact ul li a {
    font-size: 10px;
  }

  .lp-contact ul {
    margin-top: 15px;
  }

  .header-content h1 {
    text-align: center;
    font-size: 30px;
  }

  .header-content p {
    font-size: 15px;
    line-height: 25px;
    text-align: center;
  }

  .lp-header {
    padding: 30px 0 150px 0;
  }

  .lp-table {
    margin-top: 0;
  }

  .web-steps li {
    max-width: 33.3%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .lp-footer .pt {
    text-align: center;
  }

  .lp-contact ul li {
    padding: 0 5px;
  }

  .lp-contact ul li a {
    font-size: 12px;
  }

  .lp-contact ul {
    margin-top: 17px;
  }

  .header-content h1 {
    font-size: 35px;
  }

  .lp-tools li {
    padding: 0 30px;
  }

  .header-content p {
    font-size: 15px;
    line-height: 25px;
  }

  .lp-header {
    padding: 30px 0 150px 0;
  }

  .lp-table {
    margin-top: 0;
  }
}

@media screen and (min-width: 768px) {
  .lp-footer .pt {
    text-align: center;
  }

  .filter li {
    display: inline-block;
  }

  .filter li.select-filter {
    display: none;
  }
}

.blog-item {
  padding: 5px;
  background-color: #fff;
  height: auto;
  margin: 60px auto !important;
  display: block !important;
  min-height: 400px;
}

.blog-image {
  display: block;
}

.blog-image .image {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #e1eaf8;
  margin-top: -50px;
  border-radius: 3px;
  padding-top: 50%;
  will-change: transform;
  -webkit-transition: -webkit-transform 0.3s
    cubic-bezier(0.52, 0.28, 0.47, 1.15);
  transition: -webkit-transform 0.3s cubic-bezier(0.52, 0.28, 0.47, 1.15);
  transition: transform 0.3s cubic-bezier(0.52, 0.28, 0.47, 1.15);
  transition: transform 0.3s cubic-bezier(0.52, 0.28, 0.47, 1.15),
    -webkit-transform 0.3s cubic-bezier(0.52, 0.28, 0.47, 1.15);
  -webkit-box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.2),
    0 2px 9px 0 rgba(62, 57, 107, 0.2);
  box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.2),
    0 2px 9px 0 rgba(62, 57, 107, 0.2);
}

.blog-footer {
  font-size: 12px;
  padding: 0 35px;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.author,
.date {
  font-weight: 400;
  font-size: 10px;
}

.fixed-soc,
.fixed-toc {
  position: sticky;
  top: 100px;
  left: 0;
}

.blog-item:hover .blog-image .image {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

.date {
  text-align: right;
}

.blog-date {
  display: flex;
  align-items: center;
}

.blog-date span {
  display: flex;
  align-items: center;
}

.blog-date img {
  width: 15px;
}

.blog-desc {
  font-weight: 400;
  color: rgba(3, 27, 78, 0.7);
  line-height: 30px;
}

.blog-desc {
  font-size: 12px;
  line-height: 25px;
}

.fixed-header,
.form-box {
  box-shadow: 0 10px 40px 0 rgba(47, 47, 47, 0.1);
  z-index: 1111;
}

.related-posts {
  padding: 100px 0;
  background-color: #f3f5f9;
}

.fixed-header {
  position: fixed !important;
  top: 0;
  background-color: #fff !important;
  left: 0;
  width: 100%;
  transition: 0.5s;
}

.fixed-b {
  position: sticky;
  top: 100px;
  left: 0;
}

.about-section p {
  margin-top: 30px;
  margin-bottom: 40px;
}

.contact-header,
.digital-marketing-header,
.dm-options,
.mockups,
.speed,
.visible-title {
  background-repeat: no-repeat;
}

.content-box,
.service-box,
.sticky {
  background-color: #fff;
}

.content-box {
  margin: 0 100px -100px;
  padding: 40px;
}

.featured-image {
  width: 500px;
  margin: 0 auto;
  display: block;
}

.sticky {
  position: fixed !important;
  top: 0;
  width: 100%;
}

.fixed-header a img {
  display: none;
}

.visible-title {
  background-image: url(../images/webzool-2.svg);
  background-position: center;
  background-size: contain;
  padding: 75px;
}

.service-box {
  padding: 60px 55px;
  position: relative;
  height: 100%;
}

.service-content-box p {
  color: rgba(3, 27, 78, 0.7);
  line-height: 25px;
}

.service-content-box h4 {
  color: #031b4e;
  height: 40px;
  font-size: 20px;
  margin-bottom: 30px;
  font-weight: 500;
}

.service-button a {
  color: #fff;
}

.service-button {
  position: absolute;
  bottom: 0;
  padding: 15px 0;
  left: 0;
  width: 100%;
  background-color: #5333ed;
}

.service-icon-box {
  border-radius: 50%;
  width: 150px;
  height: 150px;
  background-color: #e1eaf8;
  margin: 0 auto 30px;
  display: flex;
}

.contact-header {
  background-size: 900px;
  background-position: right center;
}

.bg-tr {
  background-color: transparent;
  top: 0;
  z-index: 11111111111;
  width: 100%;
}

.form-box,
.form-field {
  background-color: #fff;
}

.navbar {
  position: absolute;
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
  color: #fff;
  transition: 0.5s;
}

.contact-title,
.form-btn,
.lead,
.navbar-dark .navbar-nav .nav-link {
  color: #fff;
  font-weight: 400;
}

.fixed-header .navbar-nav .nav-link {
  color: #031b4e;
}

.fixed-header .navbar-nav .nav-link:hover {
  color: #031b4e;
  border-color: #031b4e;
}

.slick-initialized .slick-slide {
  padding: 0 10px;
}

:focus {
  outline: 0 !important;
}

.navbar-dark .navbar-nav .nav-link {
  text-transform: uppercase;
  padding-left: 0;
  margin: 0 10px;
  padding-right: 0;
  font-size: 12px;
  letter-spacing: 2px;
  font-weight: 500;
  transition: 0.5s;
}

.logo-img,
.logo-img-dark {
  width: 150px;
}

.contact-header {
  background-size: cover;
  background-image: url(../images/contact-bg.svg),
    linear-gradient(135deg, #5333ed 0, #00004d 100%);
  padding-top: 200px;
  padding-bottom: 200px;
  background-position: bottom, 50%;
}

.mockups,
.speed {
  background-size: contain;
}

.contact-title {
  font-size: 60px;
  font-weight: 600;
}

.form-box {
  margin-top: -150px;
  padding: 40px;
  width: 900px;
  margin: -150px auto 0 auto;
}

.select-style {
  border: 2px solid #e6e5f0;
  width: 100%;
  padding: 11px 16px;
  font-size: 14px;
  font-weight: 400;
  transition: 0.5s;
}

.select-style select {
  width: 100%;
  border: none;
  box-shadow: none;
  background: 0 0;
  background-image: none;
  -webkit-appearance: none;
}

.select-style select:focus {
  outline: 0;
}

.form-field {
  border: 2px solid #e6e5f0;
  width: 100%;
  padding: 11px 16px;
  font-size: 14px;
  font-weight: 400;
  transition: 0.5s;
}

#roboaudit input:focus,
.form-field:focus {
  border-color: #5333ed;
  transition: 0.5s;
}

.btn-secondary,
.form-btn {
  border: 2px solid #5333ed;
}

.form-btn {
  background-color: #5333ed;
  font-weight: 600;
  padding: 10px 35px;
  border-radius: 3px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
}

.footer-title,
.form-label {
  font-weight: 500;
}

.form-btn:hover {
  transition: 0.5s;
  background-color: #423dce;
}

.message {
  margin-bottom: 30px;
}

.contact-section {
  padding-bottom: 100px;
}

.form-label {
  margin-top: 20px;
  margin-bottom: 10px;
  color: rgba(3, 27, 78, 0.7);
}

.footer {
  padding-top: 110px;
  padding-bottom: 30px;
  background-color: #150773;
}

.footer-bottom {
  background-color: #0c022f;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 0;
}

.footer-title {
  color: #fff;
  margin-bottom: 40px;
  font-size: 16px;
}

.footer-nav li a,
.footer-text {
  font-weight: 400;
  font-size: 14px;
  color: hsla(0, 0%, 100%, 0.5);
}

.footer-logo {
  width: 100px;
  margin: 0 auto;
  display: block;
}

.pt {
  margin-top: 20px;
  color: hsla(0, 0%, 100%, 0.5);
  font-size: 13px;
}

.pt a {
  color: #fff;
  font-weight: 400;
}

.footer-text {
  line-height: 24px;
}

.footer-nav li a,
.lead,
.lead-privacy {
  line-height: 30px;
}

.footer-nav {
  padding-left: 0;
  margin-left: 0;
  color: #fff;
}

.footer-nav li a,
.footer-nav li i,
a:not([href]):not([tabindex]) {
  color: hsla(0, 0%, 100%, 0.5);
}

.footer-nav li {
  list-style-type: none;
  padding-bottom: 15px;
}

.footer-nav li a {
  transition: 0.5s;
}

.footer-nav li i {
  margin-right: 7px;
}

.title-section {
  background-image: -webkit-linear-gradient(
    -30deg,
    #00004d 0,
    #5333ed 49%,
    #11e7c4 100%
  );
  padding: 200px 0;
}

.privacy-title {
  font-weight: 700;
  color: #fff;
  font-size: 50px;
}

.privacy h5 {
  color: #fff;
  text-align: center;
}

.lead-privacy {
  color: #fff;
  font-size: 20px;
  margin: 40px auto;
  width: 1000px;
}

.privacy-secondary-title {
  font-weight: 700;
  color: #444;
  margin-bottom: 15px;
  font-size: 20px;
  margin-top: 15px;
}

.container-privacy {
  padding: 100px 0;
}

.container-privacy p,
.container-privacy ul li {
  color: rgba(3, 27, 78, 0.7);
  line-height: 25px;
}

.footer-social {
  display: table;
  padding-left: 0;
}

.footer-social li {
  display: table-cell;
  padding-right: 10px;
}

.footer-social li a i {
  font-size: 35px;
  color: #fff;
}

.footer-nav li a:hover {
  transition: 0.5s;
  color: #f7f7f7;
  font-weight: 400;
  text-decoration: underline !important;
}

.btn-secondary {
  background-color: #5333ed;
  font-weight: 600;
  font-weight: 500;
  padding: 5px 35px;
  border-radius: 80px;
  color: #fff;
  transition: 0.5s;
}

.btn-secondary:hover {
  transition: 0.5s;
  background-color: #fff;
  color: #5333ed;
  text-decoration: none;
}

.web-steps {
  display: flex;
  flex-wrap: wrap;
}

.web-steps li {
  max-width: 20%;
  padding: 0 20px;
}

.web-steps li img {
  width: 100px;
  margin-bottom: 20px;
}

.service-subtitle {
  line-height: 24px;
  text-align: center;
  font-weight: 400;
}

.service-holder-sm {
  background-color: #fff;
  padding: 40px;
  min-height: 450px;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.service-subtitle {
  color: #5333ed;
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
}

.speed {
  background-position: bottom center;
  background-color: #e1eaf8;
  padding-bottom: 150px;
  background-image: url(../images/sep.png);
}

.blog-main {
  background-image: url(../images/hero.svg),
    linear-gradient(180deg, #00004d 0, #5333ed 100%);
  clip-path: polygon(0 0, 100% 0, 100% 70%, 0 100%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 70%, 0 100%);
}

.digital-marketing-header {
  background-image: url(../images/thankyou-bg.svg);
  background-color: #5333ed;
}

.speed-title {
  color: #031b4e;
  font-size: 40px;
  font-weight: 600;
  margin-top: 50px;
}

.speed-text {
  color: rgba(3, 27, 78, 0.7);
  font-weight: 400;
  margin-bottom: 30px;
  font-size: 18px;
  line-height: 30px;
}

.main-btn {
  background-color: #5333ed;
  border: 2px solid #5333ed;
  color: #fff;
  font-weight: 600;
  padding: 11px 33px;
  border-radius: 80px;
}

.main-btn:hover {
  transition: 0.5s;
  background-color: transparent;
  color: #5333ed;
}

.steps {
  display: table;
}

.steps li {
  display: table-cell;
  padding: 0 20px;
}

.img-sm {
  width: 100px;
}

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

/*
.sm-h-25 {
    min-height: 250px
} */

.step-box {
  padding: 30px 50px;
  border-left: 2px solid #5333ed;
  box-shadow: 0 10px 40px 0 rgba(47, 47, 47, 0.1);
}

.step-box h5 {
  font-weight: 700;
}

.step-box p {
  font-size: 14px;
}

.mockups {
  background-image: url(../images/mockups.svg);
  background-position: -50px;
  background-repeat: no-repeat;
  background-size: cover;
}

.section-title {
  margin: 0 auto 100px auto;
}

.section-title h1 {
  font-weight: 700;
  font-size: 30px;
}

.section-title h2 {
  font-weight: 700;
  font-size: 30px;
}

.dropdown-item {
  color: #031b4e;
  font-weight: 600;
}

.process-img {
  margin: 0;
  width: 150px;
}

.dm-img {
  margin: 0 auto;
  width: 100px;
}

.dropdown {
  display: block !important;
  position: initial;
}

.dropdown-item {
  padding-top: 10px;
  margin-bottom: 0;
  padding-bottom: 10px;
}

.digital-marketing-header {
  background-size: cover;
  padding-top: 250px;
  padding-bottom: 200px;
  background-position: center;
}

.dm-options {
  padding: 100px 0;
  position: relative;
  background-color: #e1eaf8;
  background-image: url(../images/sep.png);
  background-position: bottom center;
  background-size: contain;
}

.seo-tools img {
  width: 190px;
  margin: 0 auto;
}

.box-why,
.why-us-dm {
  background-color: #fff;
}

.why-us-dm {
  margin-top: -2px;
}

.blog-main {
  background-size: cover;
  background-position: center;
}

.testimonials {
  padding: 100px 0;
  background-size: 2000px;
  background-position: center;
  background-image: url(../images/testim.svg);
}

.why-brand {
  background-size: contain;
  background-repeat: no-repeat;
}

.avatar:after,
.blog-main,
.testimonials {
  background-repeat: no-repeat;
}

.dm-options-m {
  margin-bottom: -200px;
  margin-top: 100px;
}

.full-width-btn {
  width: 100%;
  text-align: center;
  margin-top: 40px;
}

.form-cta {
  width: 800px;
  margin: 0 auto;
}

.ad-list {
  font-weight: 400;
  line-height: 25px;
}

.ad-list {
  padding-left: 0;
}

.blog-main-title {
  font-weight: 600;
}

.ad-list li {
  margin-bottom: 10px;
}

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

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

.mt-150 {
  margin-top: 150px;
}

.technologies {
  background-color: #e1eaf8;
}

.section-title p {
  text-align: center;
  color: rgba(3, 27, 78, 0.7);
  margin-bottom: 50px;
  margin-top: 30px;
}

.why-brand {
  padding: 100px 0;
  background-image: url(../images/gover-bg.min.svg);
  background-position: bottom right;
  margin-top: -1px;
}

.speed-img {
  width: 200px;
  margin: 0 auto;
  display: block;
}

.secondary-btn {
  border-bottom: 3px solid #11e7c4;
  color: #5333ed;
  padding-bottom: 5px;
  transition: 0.5s;
}

.secondary-btn:hover {
  color: #5333ed !important;
}

.splide__pagination__page.is-active {
  background: #5333ed;
}

.splide__pagination {
  bottom: -50px;
}

.sm-h {
  min-height: 350px;
}

.sm-h a {
  display: table;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

.secondary-btn:hover .fa-long-arrow-alt-right {
  margin-left: 10px;
  transition: 0.5s;
}

.fa-long-arrow-alt-right {
  margin-left: 5px;
  transition: 0.5s;
  color: #5333ed;
}

.blog-main-title {
  text-align: center;
  font-size: 60px;
}

.website-screen {
  margin: 0 auto;
}

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

.logo-image {
  margin: 0 auto;
}

.fa-check {
  color: #5333ed;
  margin-right: 10px;
  margin-top: 5px;
}

.dropdown-item:before,
.navbar-expand-lg .navbar-nav .dropdown-menu:before {
  content: "";
  background-size: contain;
  position: absolute;
  background-repeat: no-repeat;
}

.call-form-box {
  padding: 20px;
  background-color: #fff;
  width: 100%;
  margin: 0 auto;
  border-radius: 3px;
}

div#roboaudit input {
  width: 450px !important;
  border-width: 2px !important;
}

div#roboaudit button {
  font-weight: 600;
}

div#roboauditchecks p {
  margin-top: 0;
  line-height: normal !important;
  margin-bottom: 0 !important;
}

div#roboauditchecks input {
  width: 20px !important;
  margin-top: 0 !important;
}

div#roboauditchecks {
  float: left;
  align-items: center;
  margin-left: 1rem;
}

.blog-main {
  padding-top: 200px;
  padding-bottom: 400px;
}

.hero-text,
.text-quote {
  line-height: 30px;
  margin-bottom: 20px;
  font-weight: 400;
}

.main-logos {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.steps {
  width: 75%;
  margin: 0 auto;
  display: block;
}

.main-logos img {
  max-height: 50px;
}

.swiper-container,
.swiper-portfolio {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.swiper-testimonials .swiper-slide {
  margin: 0 auto !important;
}

.swiper-slide {
  font-size: 18px;
  background: transparent;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.testimonial-name {
  font-size: 18px;
  text-align: center;
}

.text-quote {
  margin: 0 auto;
}
.flickity-viewport {
  padding-top: 25px;
  width: 100%;
}

.testimonial {
  background-color: #fff;
  margin-right: 30px;
  margin-bottom: 50px;
  border: 1px solid #423dce;
  border-radius: 3px;
}

.testimonial img {
  min-height: 300px;
  object-fit: cover;
  object-position: center;
}

.testimonial-content {
  padding: 20px 40px 30px 0px;
}

.testimonial h4 {
  font-weight: 300;
  font-size: 30px;
  background: -webkit-linear-gradient(135deg, #5333ed 0, #00004d 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.portfolio-item {
  background-color: #fff;
}

.portfolio-item img {
  width: 100%;
  min-height: 385px;
  object-fit: cover;
  object-position: center;
}

.portfolio-item .portfolio-item-content {
  padding: 40px 50px 40px 0px;
}

.slick-dots li button:before {
  font-size: 12px;
  color: #5333ed;
}

.slick-dots li.slick-active button:before {
  color: #5333ed;
}

.slick-prev {
  background: url(../images/f-left.svg), #fff;
  width: 50px;
  height: 50px;
  border-radius: 0;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
}

.slick-prev:before {
  content: "";
}

.lp-service-list {
  display: table;
  margin: 0 auto;
}

.lp-service-list li {
  display: table-cell;
  padding: 0 20px;
}

.section-title img {
  width: 50px;
  margin-bottom: 20px;
}

.lp-cta {
  padding: 100px 0;
}

.lp-banner {
  background-color: rgba(17, 231, 196, 0.7);
  padding: 70px;
  text-align: center;
}

.slick-next {
  background: url("../images/f-right.svg"), #fff;
  width: 50px;
  border-radius: 0;
  height: 50px;
  background-repeat: no-repeat;
  background-position: center;
}

.slick-next:before {
  content: "";
}

.testimonial-pos a {
  background-color: #5333ed;
  color: #fff;
  padding: 5px 10px;
  border-radius: 3px;
}

.dropdown-item .sub,
.testimonial-pos {
  color: rgba(3, 27, 78, 0.7);
  font-size: 14px;
}

#roboauditchecks {
  max-width: 785px !important;
}

#roboaudit input {
  border-radius: 0 !important;
  transition: 0.5s;
  border-width: 2px !important;
  border-color: #e6e5f0 !important;
}

#roboaudit input:focus {
  outline: 0;
  border-color: #5333ed !important;
  transition: 0.5s;
}

.clients {
  padding: 150px 0;
  background-color: #e1eaf8;
}

/* .navbar-expand-lg .navbar-nav .dropdown-menu:before {
   display: inline-block;
   width: 36px;
   height: 16px;
   background-image: url(../images/menu-arrow.svg);
   top: -12px;
   left: 38%;
   transform: translate(-50%, 0);
   transition: top 0.2s ease-in-out;
   transition-delay: 0.1s;
   z-index: -1;
} */

.dropdown-menu {
  left: 0;
  top: 60px;
  border: none;
  padding: 50px 200px;
}

.dropdown-menu h5 {
  text-transform: uppercase;
  font-size: 12px;
  margin-left: 15px;
}

.web:before {
  background-image: url(../images/responsive.svg);
  width: 40px !important;
  height: 40px !important;
  left: 15px !important;
}

.django:before {
  background-image: url(../images/django.svg);
}

.wordpress:before {
  background-image: url(../images/wordpress.svg);
}

.shopify:before {
  background-image: url(../images/shopify.svg);
}

.react:before {
  background-image: url(../images/react.svg);
}

.landing:before {
  background-image: url(../images/landing.svg);
}

.on-page:before {
  background-image: url(../images/on-page.svg);
  width: 35px !important;
  height: 35px !important;
  left: 15px !important;
}

.off-page:before {
  background-image: url(../images/off-page.svg);
  width: 35px !important;
  height: 35px !important;
  left: 15px !important;
}

.local:before {
  background-image: url(../images/local-seo.svg);
  width: 35px !important;
  height: 35px !important;
  left: 15px !important;
}

.seo-consult:before {
  background-image: url(../images/seo-consult.svg);
  width: 35px !important;
  height: 35px !important;
  left: 15px !important;
}

.content-marketing:before {
  background-image: url(../images/content-marketing.svg);
  width: 35px !important;
  height: 35px !important;
  left: 15px !important;
}

.digital:before {
  background-image: url(../images/analysis.svg);
  width: 40px !important;
  height: 40px !important;
  left: 15px !important;
}

.brand:before {
  background-image: url(../images/color-palette.svg);
  width: 40px !important;
  height: 40px !important;
  left: 15px !important;
}

.game:before {
  background-image: url(../images/development.svg);
  width: 40px !important;
  height: 40px !important;
  left: 15px !important;
}

.pr:before {
  background-image: url(../images/marketing.svg);
  width: 40px !important;
  height: 40px !important;
  left: 15px !important;
}

.ads:before {
  background-image: url(../images/ad.svg);
  width: 40px !important;
  height: 40px !important;
  left: 15px !important;
}

.seoaudit:before {
  background-image: url(../images/seo.svg);
}

.dropdown-item:before {
  height: 70px;
  width: 70px;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}

.ad-platform-image {
  box-shadow: 0 0px 20px 0 rgba(47, 47, 47, 0.1);
  width: 160px;
  margin: 0 auto;
  display: block;
}

.testimonials-item {
  width: 100%;
  display: inline-flex;
}

.testimonial-btn {
  text-transform: uppercase;
  padding: 10px 15px !important;
  border-radius: 4px;
  font-weight: 600;
  font-size: 12px;
}

.blog-media,
.blog-media a,
.dropdown-item {
  position: relative;
}

.dropdown-item .sub {
  background-image: none !important;
  display: block;
  margin-top: 6px;
  font-weight: 400;
  line-height: 1.4;
  padding: 0;
}

.show a .nav-bg {
  display: block;
  width: 100%;
  background-color: #fff;
  height: 200px;
}

.dropdown-item {
  font-size: 16px;
  font-weight: 500;
  padding-left: 70px;
  border-bottom: 1px solid #e2e8ff;
}

.dropdown-item:last-child {
  border: none;
}

.st-btn {
  width: 50px;
  height: 50px;
}

.header-section {
  background-color: #5333ed;
  padding: 200px 0px 50px 0px;
  /* background-image: url(../images/lines.min.svg); */
  background-repeat: no-repeat;
  background-position: center -10px;
  background-size: 1850px;
}

.header-section .multi_step_form #msform fieldset,
.header .multi_step_form #msform fieldset {
  padding: 20px 50px 0px;
}

.btn-fourth {
  margin: 0 auto;
  display: table;
  padding: 15px 35px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  border-radius: 3px;
  box-shadow: 0 15px 30px 0 rgba(45, 35, 66, 0.15);
  transition: 0.5s;
}

.table {
  background-color: #fff;
}

.blog-title a {
  color: inherit;
}

.hero-text {
  color: #fff;
  text-align: center;
  margin-top: 20px;
}

.fa-play {
  margin-right: 10px;
  font-size: 12px;
  vertical-align: middle;
}

.under-line {
  border-bottom: 2px solid #11e7c4;
  font-weight: 400;
}

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

.post-body {
  width: 100%;
}

.img-centered {
  margin: 0 auto;
}

.bg-light-gray {
  background-color: #eee;
}

.bg-darkest-gray {
  background-color: #222;
}

#portfolio .portfolio-item .portfolio-caption p,
section h3.section-subheading {
  font-style: italic;
}

.owl-theme .owl-controls {
  margin-top: 30px;
}

.blog-media {
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

.blog-media a img {
  vertical-align: top;
  max-width: 100%;
  height: auto;
}

.portfolio-link::before {
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
  left: 0;
  top: 0;
}

.portfolio-link:hover .portfolio-link::before {
  display: block;
}

ul {
  padding-left: 0;
}

.post-date {
  vertical-align: bottom;
  color: #9a9a9a;
}

.fixed-header > .nav-link {
  color: #031b4e !important;
  border-color: #031b4e !important;
}

@media (max-width: 990px) {
  .ppadingright p {
    padding-right: 20px;
  }

  .navbar-collapse {
    background-color: #fff;
    margin-top: 20px;
    /* padding: 20px */
  }

  .notification-top {
    display: none;
  }

  .navbar-collapse .nav-link {
    color: #031b4e !important;
  }
}

@media (max-width: 576px) {
  #the-final-countdown p {
    font-size: 50px;
    line-height: 15px;
  }

  .header-section .mt-50 {
    width: 100%;
    margin-top: 20px;
  }

  .cta-secondary {
    padding: 70px 0 130px;
  }

  .about-section {
    margin-top: -100px;
    padding: 150px 0;
  }

  center div#roboaudit input {
    width: 100% !important;
  }

  #search {
    width: 100%;
  }

  div#roboauditchecks input[type="checkbox"] {
    width: auto !important;
  }

  .notfound-section h6 {
    font-size: 20px;
  }

  .notfound-section h1 {
    font-size: 25px;
  }

  .notfound-section {
    background-size: 600px;
    padding: 150px 0 100px;
  }

  .about-graphic-holder {
    margin-top: 15px;
  }

  .quote-section {
    padding: 50px 0;
  }

  .about-us-box,
  .proccess {
    padding: 100px 0;
  }

  .about-us-box h2 {
    font-size: 1em;
  }

  .cta-contact-btn,
  .form-field {
    margin-bottom: 10px;
  }

  .modal-dialog {
    max-width: 500px !important;
  }

  .header-section {
    padding: 120px 0 50px;
  }

  .lead,
  .service-content-box h4 {
    font-size: 12px;
    margin-bottom: 0;
  }

  .service-holder-sm {
    padding: 40px 20px;
  }

  .service-content-box p {
    font-size: 12px;
    line-height: 22px;
  }

  .service-icon-box {
    width: 100px;
    height: 100px;
  }

  .content-box {
    margin: 0 10px -50px;
    padding: 15px;
  }

  .dm-options,
  .speed,
  .why-choose-us {
    padding-bottom: 100px !important;
  }

  .logo-image,
  .speed-img {
    width: 150px;
  }

  .speed-title {
    font-size: 25px;
  }

  .speed-text {
    font-size: 14px;
    line-height: 25px;
  }

  .fixed-soc,
  .fixed-toc {
    position: relative;
    top: 0;
  }

  .service-box {
    height: auto;
    margin-bottom: 30px;
    padding: 40px;
    min-height: 400px;
  }

  .navbar {
    padding: 0.5rem 1rem 1rem;
  }

  .call-form-box {
    width: 100%;
    margin: 20px;
  }

  .section {
    padding: 50px 0;
  }

  .blog-row .col-md-3 {
    margin-bottom: 20px;
  }
}

.copyright {
  text-align: right;
  color: hsla(0, 0%, 100%, 0.5);
  font-size: 13px;
  margin-top: 20px;
}

.portfolio-link h4,
.portfolio-link p {
  display: none;
  transition: 0.5s;
}

.portfolio-link:hover .portfolio-link h4,
.portfolio-link:hover .portfolio-link p {
  display: block !important;
  transition: 0.5s;
}

#st-1.st-justified {
  width: 400px;
  margin: 0 auto;
}

.st-btn {
  display: inline-block !important;
}

.portfolio-link:hover .img-responsive {
  border: 5px solid #11e7c4;
}

.banner-three {
  margin: 20px;
}

.pagination {
  background-color: #f3f5f9;
}

.pagination-holder {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.pagination-item {
  background-color: #e1eaf8;
  padding: 10px 20px;
  font-weight: 500;
  color: #031b4e;
  border-radius: 3px;
  margin: 10px;
}

@media only screen and (max-width: 650px) {
  .text-quote {
    min-height: 350px;
    width: 400px;
    text-align: center;
    line-height: 30px;
  }

  .digital-marketing-header {
    padding-top: 200px;
    padding-bottom: 100px;
  }

  .dm-options,
  .why-us-dm {
    padding: 100px 0;
  }

  .form-btn {
    font-size: 10px;
  }

  .form-label,
  .full-width-btn {
    margin-top: 0;
  }

  .form-label {
    margin-bottom: 5px;
  }

  .ad-list {
    margin-bottom: 50px;
  }

  .ad-list li {
    margin-bottom: 10px;
    line-height: 25px;
  }
}

.fixed-header .navbar-toggler {
  border-color: rgba(0, 0, 0, 0.5) !important;
}

.fixed-header .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}

.seo-tools img {
  width: 150px;
  margin: 0 auto;
  display: block;
}

@media only screen and (max-width: 992px) {
  .web-steps li {
    max-width: 33.3%;
  }
}

@media only screen and (max-width: 750px) {
  #countdown h2 {
    font-size: 25px;
    line-height: 30px;
    text-align: center;
  }
  .story-content h3 {
    font-size: 24px;
  }
  .seo-case-nav .nav-link {
    font-size: 12px;
  }
  .it-wrapper h3 {
    font-size: 30px;
  }
  .web-design-bg,
  .inner-bg {
    padding: 150px 0px 100px 0px !important;
  }
  .story {
    text-align: center;
  }
  .story > img {
    margin: 0 auto;
    display: block;
  }
  .story h4 {
    margin-bottom: 20px !important;
    margin-top: 20px;
    font-size: 20px;
  }
  .story-image {
    margin: 40px auto 0 auto;
    display: block;
    max-height: 200px;
  }
  .tools-section {
    text-align: center;
  }

  .tools-section h2 {
    font-size: 35px;
  }

  .tools-section img {
    display: none;
  }

  .portfolio-item .portfolio-item-content {
    padding: 40px;
    text-align: center;
  }
  .portfolio-item-content h3 {
    text-align: center;
    font-size: 20px;
  }
  .portfolio-item img {
    min-height: 250px;
  }
  .splide__pagination {
    bottom: 0px;
  }
  .text-quote img {
    width: 100px;
    margin-bottom: 20px !important;
  }

  .text-quote .sm-title {
    font-size: 18px;
  }
  .steps {
    display: none;
  }
  .step-image {
    max-height: 150px;
  }

  .cta-one {
    padding: 50px 0px !important;
  }

  .cta-one p {
    font-size: 15px;
  }
  .main-logos img {
    width: 60px;
  }
  .img-box {
    width: 100px !important;
  }

  .technologies {
    padding-bottom: 50px;
  }

  .web-steps li {
    max-width: 50%;
  }

  .clients,
  .portfolio-section {
    padding: 70px 0;
  }

  .testimonial-name,
  .text-quote {
    font-size: 15px;
  }

  .avatar img {
    border-radius: 50%;
    width: 50px;
    position: relative;
    z-index: 1;
  }

  .servicesList {
    display: block;
  }
}

@media only screen and (max-width: 768px) {
  .getfreeseosection form {
    display: block;
  }

  .getfreeseosection form input {
    margin-bottom: 1em;
  }

  .getfreeseosection form button {
    width: 100%;
  }

  .getfreeseosection form .ml-3 {
    margin-left: 0 !important;
  }

  .section-title {
    margin: 0 auto 50px auto;
  }

  .team-member img {
    margin: 0 auto;
    display: block;
  }

  .team-member {
    text-align: center;
  }

  .post-wrapper {
    display: block;
  }

  .dropdown-menu {
    padding: 0;
  }

  .dropdown-item .sub {
    display: none;
  }

  .lg-title {
    font-size: 35px;
  }

  .header {
    padding: 140px 0px;
  }

  .technology .col {
    flex-basis: auto;
    margin: 0 20px;
  }

  .web-developer-seo-banner-img {
    margin-right: 0px;
    padding: 150px 0px;
  }

  .web-developer-seo-banner-view-all {
    margin-bottom: 25px;
  }

  .blog-bg-img {
    width: 100%;
  }

  .featured-blog-item {
    padding: 0px;
  }

  .featured-blog-content {
    padding: 25px;
    text-align: left;
    padding-left: 16px;
    padding-right: 18px;
  }

  .swiper-container .swiper-wrapper {
    display: block !important;
    height: auto !important;
    padding: 0 8px !important;
  }

  .featured-blog-item {
    margin: 25px 11px;
    margin-right: 26px;
  }

  .featured-blog-item-image-wrapper {
    min-height: 100%;
  }

  .featured-blog-content h2 {
    font-size: 14px;
  }

  .featured-blog-content a {
    font-size: 14px;
  }

  .featured-blog-content p {
    font-size: 11px;
  }
}

.dropdown-menu {
  min-width: 100%;
}

/* Multi Step Contact Form */

.multi_step_form {
  background: #fff;
  display: block;
}

.multi_step_form #msform {
  text-align: center;
  position: relative;
  min-height: 450px;
  max-width: 810px;
  margin: 0 auto;
  background: #ffffff;
  z-index: 1;
}

.sidebar {
  position: sticky;
  top: 100px;
}

.sidebar-form {
  border: 1px solid rgba(0, 14, 230, 0.2);
  border-radius: 0.5rem;
}

.sidebar-form.multi_step_form #msform {
  padding-top: 20px;
}

.sidebar-form.multi_step_form #msform fieldset {
  padding: 20px 20px 10px;
}

.noimgaesauthor {
  width: 70px;
  height: 70px;
  align-items: center;
  justify-content: center;
  display: flex;
  border: 1px solid rgba(0, 14, 230, 0.2);
  border-radius: 50%;
}

.noimgaesauthor span {
  font-size: 25px;
}

.multi_step_form #msform .tittle {
  text-align: center;
  padding-bottom: 55px;
}

.multi_step_form #msform .tittle h2 {
  font: 500 24px/35px;
  color: #3f4553;
  padding-bottom: 5px;
}

.multi_step_form #msform .tittle p {
  font: 400 16px/28px;
  color: #5f6771;
}

.multi_step_form #msform fieldset {
  border: 0;
  padding: 20px 105px 0;
  position: relative;
  width: 100%;
  left: 0;
  right: 0;
}

.multi_step_form #msform fieldset:not(:first-of-type) {
  display: none;
}

.multi_step_form #msform fieldset h3 {
  font: 500 18px/35px;
  color: #3f4553;
}

.multi_step_form #msform fieldset h6 {
  font: 400 15px/28px;
  color: #5f6771;
  padding-bottom: 30px;
}

.multi_step_form #msform fieldset .intl-tel-input {
  display: block;
  background: transparent;
  border: 0;
  box-shadow: none;
  outline: none;
}

.multi_step_form
  #msform
  fieldset
  .intl-tel-input
  .flag-container
  .selected-flag {
  padding: 0 20px;
  background: transparent;
  border: 0;
  box-shadow: none;
  outline: none;
  width: 65px;
}

.multi_step_form
  #msform
  fieldset
  .intl-tel-input
  .flag-container
  .selected-flag
  .iti-arrow {
  border: 0;
}

.multi_step_form
  #msform
  fieldset
  .intl-tel-input
  .flag-container
  .selected-flag
  .iti-arrow:after {
  content: "\f35f";
  position: absolute;
  top: 0;
  right: 0;
  font: normal normal normal 24px/7px Ionicons;
  color: #5f6771;
}

.multi_step_form #msform fieldset .form-group {
  padding: 0px;
  margin: 0px;
}

#google_recaptcha {
  margin-bottom: 20px;
}

.multi_step_form #msform fieldset .fg_2,
.multi_step_form #msform fieldset .fg_3 {
  padding-top: 10px;
  display: block;
  overflow: hidden;
}

.multi_step_form #msform fieldset .fg_3 {
  padding-bottom: 70px;
}

.multi_step_form #msform fieldset .form-control,
.multi_step_form #msform fieldset .product_select {
  border-radius: 3px;
  border: 1px solid #d8e1e7;
  padding: 0 20px;
  height: auto;
  font: 400 15px/48px;
  color: #5f6771;
  box-shadow: none;
  outline: none;
  width: 100%;
}

.multi_step_form #msform fieldset .form-control.placeholder,
.multi_step_form #msform fieldset .product_select.placeholder {
  color: #5f6771;
}

.multi_step_form #msform fieldset .form-control:-moz-placeholder,
.multi_step_form #msform fieldset .product_select:-moz-placeholder {
  color: #5f6771;
}

.multi_step_form #msform fieldset .form-control::-moz-placeholder,
.multi_step_form #msform fieldset .product_select::-moz-placeholder {
  color: #5f6771;
}

.multi_step_form #msform fieldset .form-control::-webkit-input-placeholder,
.multi_step_form #msform fieldset .product_select::-webkit-input-placeholder {
  color: #5f6771;
}

.multi_step_form #msform fieldset .form-control:hover,
.multi_step_form #msform fieldset .form-control:focus,
.multi_step_form #msform fieldset .product_select:hover,
.multi_step_form #msform fieldset .product_select:focus {
  border-color: #5951ff;
}

.multi_step_form #msform fieldset .form-control:focus.placeholder,
.multi_step_form #msform fieldset .product_select:focus.placeholder {
  color: transparent;
}

.multi_step_form #msform fieldset .form-control:focus:-moz-placeholder,
.multi_step_form #msform fieldset .product_select:focus:-moz-placeholder {
  color: transparent;
}

.multi_step_form #msform fieldset .form-control:focus::-moz-placeholder,
.multi_step_form #msform fieldset .product_select:focus::-moz-placeholder {
  color: transparent;
}

.multi_step_form
  #msform
  fieldset
  .form-control:focus::-webkit-input-placeholder,
.multi_step_form
  #msform
  fieldset
  .product_select:focus::-webkit-input-placeholder {
  color: transparent;
}

.multi_step_form #msform fieldset .product_select:after {
  display: none;
}

.multi_step_form #msform fieldset .product_select:before {
  content: "\f35f";
  position: absolute;
  top: 0;
  right: 20px;
  font: normal normal normal 24px/48px Ionicons;
  color: #5f6771;
}

.multi_step_form #msform fieldset .product_select .list {
  width: 100%;
}

.multi_step_form #msform fieldset .done_text {
  padding-top: 40px;
}

.multi_step_form #msform fieldset .done_text .don_icon {
  height: 36px;
  width: 36px;
  line-height: 36px;
  font-size: 22px;
  margin-bottom: 10px;
  background: #5951ff;
  display: inline-block;
  border-radius: 50%;
  color: #ffffff;
  text-align: center;
}

.multi_step_form #msform fieldset .done_text h6 {
  line-height: 23px;
}

.multi_step_form #msform fieldset .code_group {
  margin-bottom: 60px;
}

.multi_step_form #msform fieldset .code_group .form-control {
  border: 0;
  border-bottom: 1px solid #a1a7ac;
  border-radius: 0;
  display: inline-block;
  width: 30px;
  font-size: 30px;
  color: #5f6771;
  padding: 0;
  margin-right: 7px;
  text-align: center;
  line-height: 1;
}

.multi_step_form #msform fieldset .passport {
  margin-top: -10px;
  padding-bottom: 30px;
  position: relative;
}

.multi_step_form #msform fieldset .passport .don_icon {
  height: 36px;
  width: 36px;
  line-height: 36px;
  font-size: 22px;
  position: absolute;
  top: 4px;
  right: 0;
  background: #5951ff;
  display: inline-block;
  border-radius: 50%;
  color: #ffffff;
  text-align: center;
}

.multi_step_form #msform fieldset .passport h4 {
  font: 500 15px/23px;
  color: #5f6771;
  padding: 0;
}

.multi_step_form #msform fieldset .input-group {
  padding-bottom: 40px;
}

.multi_step_form #msform fieldset .input-group .custom-file {
  width: 100%;
  height: auto;
}

del {
  text-decoration-color: #5951ff;
}

ins {
  text-decoration: none;
  color: #5951ff;
  position: absolute;
  margin-left: -180px;
  margin-top: -60px;
}

.multi_step_form #msform fieldset .input-group .custom-file .custom-file-label {
  width: 168px;
  border-radius: 5px;
  cursor: pointer;
  font: 700 14px/40px;
  border: 1px solid #99a2a8;
  text-align: center;
  transition: all 300ms linear 0s;
  color: #5f6771;
}

.multi_step_form
  #msform
  fieldset
  .input-group
  .custom-file
  .custom-file-label
  i {
  font-size: 20px;
  padding-right: 10px;
}

.multi_step_form
  #msform
  fieldset
  .input-group
  .custom-file
  .custom-file-label:hover,
.multi_step_form
  #msform
  fieldset
  .input-group
  .custom-file
  .custom-file-label:focus {
  background: #5951ff;
  border-color: #5951ff;
  color: #fff;
}

.multi_step_form #msform fieldset .input-group .custom-file input {
  display: none;
}

.multi_step_form #msform fieldset .file_added {
  text-align: left;
  padding-left: 190px;
  padding-bottom: 60px;
}

.multi_step_form #msform fieldset .file_added li {
  font: 400 15px/28px;
  color: #5f6771;
}

.multi_step_form #msform fieldset .file_added li a {
  color: #5951ff;
  font-weight: 500;
  display: inline-block;
  position: relative;
  padding-left: 15px;
}

.multi_step_form #msform fieldset .file_added li a i {
  font-size: 22px;
  padding-right: 8px;
  position: absolute;
  left: 0;
  transform: rotate(20deg);
}

.multi_step_form #msform #progressbar {
  margin-bottom: 10px;
  overflow: hidden;
}

.multi_step_form #msform #progressbar li {
  list-style-type: none;
  color: #99a2a8;
  font-size: 9px;
  width: calc(100% / 3);
  float: left;
  position: relative;
  margin-top: 15px;
  font: 500 13px/1;
}

/* .multi_step_form #msform #progressbar li:nth-child(2):before {
    content: "";
}
.multi_step_form #msform #progressbar li:nth-child(3):before {
    content: "";
}
.multi_step_form #msform #progressbar li:before {
    content: "";
    width: 35px;
    height: 35px;
    line-height: 35px;
    display: block;
    background: #eaf0f4;
    border-radius: 50%;
    margin: 0 auto 10px auto;
} */
.multi_step_form #msform #progressbar li:after {
  content: "";
  width: 100%;
  height: 10px;
  background: #eaf0f4;
  position: absolute;
  left: -50%;
  top: -15px;
  z-index: -1;
}

.multi_step_form #msform #progressbar li:last-child:after {
  width: 150%;
}

.multi_step_form #msform #progressbar li.active {
  color: #5951ff;
}

/* .multi_step_form #msform #progressbar li.active:before, */
.multi_step_form #msform #progressbar li.active:after {
  background: #11e7c4;
  color: white;
}

#msform label {
  text-align: left;
  display: block;
}

.input-box {
  position: relative;
  margin-bottom: 20px;
}

.input-box label {
  position: absolute;
  left: 15px;
  color: #00004d;
  font-size: 14px;
  bottom: 5px;
}

.input-box {
  position: relative;
}

.input-box label {
  position: absolute;
  font-size: 14px;
  line-height: 16px;
  color: rgb(85, 88, 123);
  top: 12px;
  padding: 5px;
  left: 10px;
  z-index: 3;
  pointer-events: none;
  transition: all 0.2s ease-out 0s;
}

.input-box input,
.input-box textarea,
.input-box select {
  border-color: #e1eaf8;
  padding: 10px;
}

form input[type="submit"] {
  color: #010529 !important;
  cursor: pointer;
}

.input-box input:not(:focus):valid,
.input-box textarea:not(:focus):valid,
.input-box select:not(:focus):valid {
  border-color: #6831e4 !important;
  background-color: #fff;
}

.input-box input:not(:focus):valid + label,
.input-box textarea:not(:focus):valid + label,
.input-box select:not(:focus):valid + label {
  font-size: 12px;
  color: #6831e4;
  background-color: #fff;
  height: 20px;
  top: -14px;
}

.input-box textarea:focus,
.input-box input:focus,
.input-box select:focus {
  border-color: #6831e4;
}

.input-box input:focus + label,
.input-box textarea:focus + label,
.input-box select:focus + label {
  color: #6831e4;
  font-size: 12px;
  background-color: #fff;
  height: 20px;
  top: -14px;
}

.custom-select {
  position: relative;
  border: none;
  padding: 0px;
}

.custom-select select {
  display: none;
  /*hide original SELECT element:*/
}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/*style the items (options), including the selected item:*/
.select-items div,
.select-selected {
  color: #131e41;
  display: flex;
  padding: 8px 16px;
  border: 1px solid #e1eaf8;
  cursor: pointer;
  user-select: none;
}

/*style items (options):*/
.select-items {
  position: absolute;
  background-color: #f6f9fb;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover,
.same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}
