/*
Theme Name: Megantic
Theme URI: http://megantic.com
Author: Megantic
Author URI: http://megantic.com
Description: Megantic Default Theme
Version: 1
Tags: clean, bootstrap
Text Domain: Megantic
*/

@font-face {
  font-family: Larsseit;
  src: url(../megantic/assets/fonts/larsseit/Larsseit.woff);
  font-display: swap;
}

@font-face {
  font-family: Larsseit-Thin;
  src: url(../megantic/assets/fonts/larsseit/Larsseit-Thin.woff);
  font-display: swap;
}

@font-face {
  font-family: Larsseit-Bold;
  src: url(../megantic/assets/fonts/larsseit/Larsseit-Bold.woff);
  font-display: swap;
}

@font-face {
  font-family: Megantic;
  src: url(../megantic/assets/fonts/megantic/megantic.woff);
  font-display: swap;
}

body {
  font-family: Larsseit-Thin;
}

a {
  color: #000000;
}

/* Home */

#mgc-brand {
  font-family: Megantic;
  font-size: 2rem;
}

.home-contact-us {
  padding-top: 20px;
}

#home-banner {
  background-image: url("../../uploads/2022/05/Megantic_10years_logo@2x-100.png");
  background-repeat: no-repeat;
  background-position: center;
  background-position: 40% 15%;
}

#talk-btn {
  background-color: #62269e;
}

.banner-text.one-two {
  font-family: Larsseit-Thin;
  font-size: 3rem;
  color: #62269e;
  font-weight: 600;
  line-height: 1.2;
}

.banner-text.three-four {
  font-family: Larsseit-Thin;
  font-size: 2.2rem;
  color: #384a54;
  font-weight: 600;
  line-height: 1.2;
}

@media only screen and (min-width: 425px) {
  .banner-text.one-two {
    font-size: 1.9rem;
    line-height: 1.1;
  }

  #home-semrush-winner {
    padding-bottom: 40px !important;
  }

  .bigcommerce-numbers {
    padding-bottom: 25px;
  }

  .home .carousel-item {
    min-height: 715px !important;
  }

  .banner-button-container {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .footer-links {
    padding-left: 0 !important;
  }

  .item {
    margin: 8px;
  }

  .banner-text.three-four {
    font-size: 1.6rem;
    line-height: 1.1;
  }

  #footer .list-title {
    padding-bottom: 5px !important;
  }

  #about-infos .img-title {
    padding-bottom: 5px !important;
  }

  .blog-image {
    padding-bottom: 0 !important;
  }

  .blog-widgets {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }

  .megantic_icons li a {
    font-size: 17px;
  }

  #total-market-conversion .row {
    margin: 0;
  }
}

.blog-post-links:hover {
  color: #62269e;
  text-decoration: none;
}

/* Semrush Winner CSS */

#home-semrush-winner,
#home-videos {
  background-color: #62269e;
  color: #fff;
  font-size: 1.4rem;
}

#semrush-finalist ul.five {
  list-style: none;
  padding-left: 5px;
}

@media only screen and (max-width: 768px) {
  #home-semrush-winner .container {
    font-size: 1rem;
  }

  #about-mission .container,
  #awards-mission .container {
    font-size: 1rem;
  }

  #about-unique .form-button {
    font-size: 16px !important;
    padding: 10px 20px !important;
  }

  #about-team .meet {
    padding: 10px 20px !important;
  }

  #home-contact p.title {
    font-size: 1.5rem !important;
  }

  #partners .partners-button {
    padding: 10px 20px !important;
  }

  .megantic-work {
    padding: 0 25px;
  }
}

#home-banner .platforms img {
  max-height: 70px;
}

#home-banner .one-part,
#home-banner .two-part,
#home-whymgc .one-part,
#home-whymgc .two-part {
  background-position: center;
  background-repeat: no-repeat;
  padding: 25%;
  animation-duration: 2s;
}

body .one-part-why-us {
  padding: 50%;
}

@keyframes twopart {
  from {
    transform: translate(150px, -3px);
  }
  to {
    transform: translate(10px, -3px);
  }
}

@keyframes onepart {
  from {
    transform: translate(-150px, -3px);
  }
  to {
    transform: translateX(-10px);
  }
}

#home-welcome,
#partners-button,
#megantic-work,
#channel-growth-protection-brand,
#accountability-transparency-approach,
#five-star-rating,
#media-carousel {
  background-color: #f5f5f5;
}

#home-welcome .container .row,
#home-purpose .container .row {
  padding-top: 120px;
  padding-bottom: 120px;
}

#home-our-results {
  font-size: 1.4rem;
}

#home-our-results .font-weight-bold {
  font-size: 24px;
}

#home-our-results .headline {
  color: #62269e;
  margin-bottom: -10px !important;
}

#home-our-results .result-img {
  max-width: 90px;
  max-height: 56px;
}

#home-our-results .first-row,
#home-our-results .second-row {
  padding-bottom: 30px;
}

#home-our-results .result-title {
  background-color: #f5f5f5;
  padding: 0 25px;
  color: #62269e;
}

#home-longevity {
  background-color: #f5f5f5;
}

#home-longevity .container-fluid {
  padding-top: 120px;
  padding-bottom: 120px;
}

#home-portfolio {
  padding-top: 120px;
}

#home-longevity .title-text {
  font-size: 1.4rem;
  padding-bottom: 20px;
}

#home-longevity img {
  max-width: 90%;
}

#home-demand {
  background-color: #62269e;
  color: #fff;
  font-size: 1.4rem;
  padding-top: 120px;
  padding-bottom: 120px;
}

.title-white {
  font-size: 40px;
  padding-bottom: 60px;
  font-weight: 600;
  color: #fff;
  line-height: 1;
}

.title {
  font-size: 40px;
  padding-bottom: 60px;
  font-weight: 600;
  color: #212529;
  line-height: 1;
}

#home-demand .fixed {
  width: 80px !important;
  padding-bottom: 40px;
}

#home-portfolio .join-family {
  background-color: #62269e;
}
#home-portfolio .join-family button.first {
  background-color: #fff;
  color: #62269e;
}
#home-portfolio .join-family button.first:hover {
  background-color: #62269e;
  color: #fff;
  border: 1px solid #fff;
}
#home-portfolio .join-family button.second {
  border: 1px solid #fff;
  color: #fff;
}
#home-portfolio .join-family button.second:hover {
  background-color: #fff;
  color: #62269e;
}

@media only screen and (min-width: 768px) {
  #home-our-results .container {
    font-size: 1rem;
  }

  .SEM-button {
    width: 390px;
  }

  .no-padding {
    padding-left: 0;
  }

  .no-padding-field {
    padding-left: 0;
    padding-right: 0;
  }

  .second-row-images {
    padding-top: 60px;
  }

  .merchant-sale {
    margin-top: 23px;
  }

  .app-design {
    margin-top: 11px;
  }

  .countries {
    margin-top: 14px;
  }

  #home-our-results .first-row,
  #home-our-results .second-row {
    padding-bottom: unset;
  }

  #home-demand .title {
    font-size: 1.5rem;
    padding: 0 0 30px 0;
  }

  #awards-semrush .winner {
    padding-left: 60px;
  }

  .row-buttons {
    padding-top: 20px;
  }
}

@media only screen and (min-width: 550px) and (max-width: 991px) {
  #home-semrush-winner .apac {
    padding-bottom: 35px;
  }

  .home .carousel-item {
    min-height: 920px !important;
  }

  .banner-button-container {
    padding-top: 30px;
  }
}

@media only screen and (min-width: 969px) {
  .pdf-divs {
    padding: 0 75px;
  }

  #thank-you div.col {
    padding: 0 100px;
  }
  .uber-div-text {
    padding: 0 70px;
  }

  .uber-div-form {
    padding: 0 85px;
  }

  .uber-div-last {
    padding: 0 180px;
  }

  .image-10 {
    max-width: 88%;
  }
}

@media only screen and (max-width: 1200px) {
  .jobs-border a,
  .unique-border a {
    font-size: 16px;
  }

  .jobs-border,
  .unique-border {
    margin: 0 !important;
  }
}

#home-our-view,
#technical-experience-our-view {
  font-size: 1.4rem;
  padding-top: 120px;
  padding-bottom: 120px;
}

#home-our-view {
  background-color: #f5f5f5;
}

#home-case-studies .case-text {
  font-size: 18px;
  line-height: 22px;
}

#home-case-studies ol.carousel-indicators {
  bottom: -75px;
}

#home-case-studies .carousel-indicators li,
#about-values .carousel-indicators li {
  width: 80px;
  height: 8px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  transition: opacity 0.6s ease;
  border: 1px solid #62269e;
}

#home-case-studies .carousel-indicators li.active,
#about-values .carousel-indicators li.active {
  background-color: #62269e;
}

#home-case-studies .carousel-title {
  color: #62269e;
  font-size: 1.4rem;
  font-weight: bold;
}

#home-case-studies button.details {
  color: #62269e;
}
#home-case-studies button.details:hover {
  background-color: #62269e;
  color: #fff;
}

#home-case-studies .carousel-control-next {
  right: -11%;
}

#home-case-studies .carousel-control-prev {
  left: -11%;
}

#home-case-studies svg {
  fill: #62269e;
}

#home-unique {
  background-color: #f5f5f5;
}

#home-unique img {
  max-width: 90%;
}

#home-unique .under-title {
  color: #62269e;
  font-weight: 800;
  font-size: 18px;
}

#home-unique .bottom-link {
  color: #62269e;
}

#why-us-listing .home-unique-text {
  font-size: 18px;
  line-height: 22px;
  margin: 0;
  padding-bottom: 50px;
}

#home-unique .home-unique-text {
  font-size: 22px;
}

#home-unique .carousel-text {
  font-size: 18px;
  line-height: 22px;
}

#home-holistic-strategy {
  background-color: #62269e;
  color: #fff;
  font-size: 1.4rem;
  padding-bottom: 120px;
  padding-top: 120px;
}

#home-holistic-strategy .p-title {
  font-weight: bold;
  font-size: 30px;
}

#home-holistic-strategy .p-text {
  font-size: 18px;
  line-height: 1;
}

#home-our-results .text-secondary {
  line-height: 1;
}

#home-holistic-strategy .border-white {
  border-bottom: 1px solid;
  margin: 0;
}

.border-row {
  padding: 60px 0;
}

#home-holistic-strategy .font-weight-bold {
  font-size: 24px;
  line-height: 40px;
}

#home-holistic-strategy .method-title {
  font-size: 22px;
  line-height: 40px;
}

#home-holistic-strategy .method-text {
  font-size: 18px;
  line-height: 30px;
}

#home-holistic-strategy .holistic-undertext {
  font-size: 16px;
  line-height: 18px;
}

#home-unique .learn-more-unique {
  color: #62269e;
}
#home-unique ol.carousel-indicators {
  position: unset;
  margin: 0;
}
#home-unique .carousel-indicators li {
  width: 100%;
}
#home-unique .carousel-indicators li.active {
  background-color: #62269e;
}

@media only screen and (max-width: 768px) {
  #home-holistic-strategy .title {
    font-size: 1.5rem;
    padding: 0 0 30px 0;
  }

  .SEM-button-reverse {
    width: 50% !important;
  }

  .semrush-text,
  .semrush-list {
    font-size: 18px !important;
  }
}

#m-stage-1 {
  color: #af1f8e;
}

#m-stage-2 {
  color: #33d9c3;
}

#m-stage-3 {
  color: #62279f;
}

#home-welcome .welcome-msg p,
#home-purpose .purpose-msg p,
#home-portfolio .portfolio-msg p {
  transform: rotate(-90deg);
}

#home-welcome .welcome-text p,
#home-purpose .purpose-text p,
#home-portfolio .portfolio-text p,
#home-whymgc p {
  font-size: 1.4rem;
  font-family: Larsseit-Thin;
}

#home-purpose .purpose-msg,
#home-portfolio .portfolio-msg {
  white-space: nowrap;
}

#home-purpose {
  background-color: #af1f8e;
}

#home-methodology .container {
  padding-top: 70px;
  padding-bottom: 70px;
}

#home-methodology .title {
  font-size: 2.5rem;
  padding-bottom: 20px;
}

#home-methodology .method-title {
  font-size: 1.4rem;
}

#home-holistic-strategy button {
  border: 2px solid #62269e;
  color: #62269e;
  background-color: #fff;
  font-weight: 700;
}

#home-holistic-strategy button:hover {
  color: #fff;
  background-color: #62269e;
  border: 2px solid #fff;
}

#home-holistic-strategy .title-holistic {
  font-weight: 600;
}

#home-infos {
  background-color: #62269e;
  color: #fff;
}

/* Innovators */

#home-innovators .leadership {
  transform: rotate(-90deg);
  position: absolute;
  top: 20px;
  left: -76px;
}

#home-innovators {
  background-color: #62279f;
}

#home-innovators {
  color: #ffffff;
  font-family: Larsseit-Thin;
}

#home-partners {
  background-color: #f9f9f9;
}

#home-partners .square {
  width: 10px;
  height: 10px;
  background-color: #62269e;
  border-radius: 3px;
}

/* The Team */

#home-team p.the-team-text {
  transform: rotate(-90deg);
  text-align: center;
  float: right;
}

/* Home Contact */
#home-contact .contact-number {
  color: #62269e;
  font-weight: bold;
  font-size: 22px;
}
#home-contact .contact-email {
  color: #000;
}
#home-contact .contact-land,
#home-contact .contact-touch {
  font-size: 1.4rem;
}
#home-contact .sub-btn input {
  padding: 10px 100px;
  color: #62269e;
  font-weight: bold;
  background-color: #fff;
  margin: 0 auto;
  display: block;
}
#home-contact .sub-btn input:hover {
  color: #fff;
  background-color: #62269e;
}

/* Footer */

#footer {
  font-family: Larsseit-Thin;
}
#footer,
#footer a {
  color: #fff;
}
#footer .list-title {
  font-weight: bold;
  padding-bottom: 10px;
}
#footer .legal {
  background-color: #141213;
}

#footer .social-icons {
  background-color: #263238;
}

#footer .footer-links {
  line-height: 1.4;
}

#about-infos .img-title,
#life-videos .img-title {
  font-size: 22px;
  padding-bottom: 20px;
}

#about-infos .infos-img,
#life-videos .infos-img {
  max-width: 130px;
}

#about-infos .infos-info {
  line-height: 1;
}

#life-videos .infos-info {
  font-size: 22px;
  line-height: 1;
}

/* Screen Media Queries */

@media only screen and (max-width: 425px) {
  .navbar-toggler {
    right: 5%;
    bottom: 5%;
    z-index: 99999;
    border-radius: 50%;
  }
  
  #thank-you {
      height: 93vh!important;
  }

  .SEM-button {
    width: 310px;
  }

  .SEM-mission .title-white.second-title {
    font-size: 30px !important;
  }

  .bottom-padding-mobile {
    padding-bottom: 30px;
  }
  .no-padding {
    padding-bottom: 15px;
  }

  .SEM-order-image {
    order: 2;
  }

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

  .method-text {
    margin-bottom: 15px;
  }

  #about-infos .mobile {
    padding-top: 30px;
  }

  .video-mobile-padding {
    padding: 0 15px;
  }

  .navbar-toggler-icon {
    width: 30px;
    height: 40px;
    color: #000;
  }

  #about-values {
    margin-bottom: 30px;
  }

  .members-layout {
    max-width: 100% !important;
  }

  .members-layout-row {
    padding: 0 40px !important;
  }

  .page-template-free-ubereats-lunch .sub-btn .wpcf7-submit {
    padding: 8px 60px !important;
  }

  .uber-form {
    padding: 10px 10px !important;
  }

  .uber-div-form {
    max-width: 91%;
  }

  .banner-button-container {
    padding: 20px 0;
  }
}

@media screen and (max-width: 735px) {
  #home-team .teamplayer_wrapper {
    text-align: center;
  }
}

/* Blog */
#blog-landing-posts {
  margin-bottom: 30px;
}

#blog-landing-posts .col {
  min-height: 250px;
}

#blog-landing-banner .one-part,
#blog-landing-banner .two-part {
  background-position: center;
  background-repeat: no-repeat;
  padding: 25%;
  animation-duration: 2s;
}

/* blog-postpage */

#blog-postpage .content-text {
  font-size: 1.1rem;
  line-height: 1.4;
  font-family: "Larsseit-Thin";
}

.content-text a {
  color: #62269e;
}

.avatar {
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  float: left;
  margin: 0 10px 10px 0;
}

.author-text {
  white-space: pre-line;
  color: rgba(0, 0, 0, 0.8);
  font-family: "Larsseit";
}

.word-break {
  word-break: break-all;
}

.blog-image-center {
  text-align: center;
}

.image-margin {
  margin-left: 5px;
}

/* Careers */
#careers-landing-posts .col {
  min-height: 250px;
}

#careers-mission {
  background-color: #62269e;
}

#careers-mission p {
  font-size: 24px;
  color: #fff;
}

/* Careers Jobs Page  */

#careers-jobpage .heading-text {
  font-size: 3.5rem;
  line-height: 1.1;
  color: #62269e;
}

#careers-jobpage .content-text {
  font-size: 1.4rem;
}

.apply-btn {
  background-color: #62269e;
  border-color: #62269e;
  font-size: 1.4rem;
  font-weight: 600;
}

.apply-btn:hover {
  background-color: #fff;
  border-color: #62269e;
  color: #62269e !important;
}

.wpcf7-file {
  height: 44px !important;
}

/* / others-landing /  */
#others-landing-posts .col {
  min-height: 250px;
}

#others-case-studies-title {
  height: 200px;
  background-color: #9ba5ae;
  display: flex;
  align-items: center;
}

#others-case-studies {
  margin-top: 100px;
  margin-bottom: 100px;
}

#others-case-studies .card {
  border: 1px solid #62269e;
}

#others-case-studies .h2 {
  color: #62269e;
  font-size: 3.5rem;
  line-height: 1.1;
}

#others-case-studies .study-text {
  color: #384a54;
  font-size: 2.5rem;
  line-height: 1.1;
}

#others-case-studies .study-link-dropdown {
  color: #62269e;
  font-size: 1.4rem;
}

#others-case-studies .under-text {
  background-color: #62269e;
}

#others-case-studies-info-one,
#others-case-studies-info-two,
#others-case-studies-info-three,
#others-case-studies-info-four,
#others-case-studies-info-five {
  min-height: 200px;
  display: flex;
  align-items: center;
}

#others-case-studies-info-one {
  background-color: #62269e;
}

#others-case-studies-info-two {
  background-color: #af1f8e;
}

#others-case-studies-info-three {
  background-color: #343e48;
}

#others-case-studies-info-four {
  background-color: #62269e;
}

#others-case-studies-info-five {
  background-color: #af1f8e;
}

#others-case-studies-info-one span,
#others-case-studies-info-two span,
#others-case-studies-info-three span,
#others-case-studies-info-four span,
#others-case-studies-info-five span {
  color: #33d9c3;
}

/* / others-landing end / */

/* shopify-landing  */
#shopify-landing-posts .col {
  min-height: 250px;
}

#shopify-case-studies {
  margin-top: 100px;
  margin-bottom: 100px;
}

#shopify-case-studies .card {
  border: 1px solid #62269e;
}

#shopify-case-studies .h2 {
  color: #62269e;
  font-size: 3.5rem;
  line-height: 1.1;
}

#shopify-case-studies .study-text {
  color: #384a54;
  font-size: 2.5rem;
  line-height: 1.1;
}

#shopify-case-studies .study-link-dropdown {
  color: #62269e;
  font-size: 1.4rem;
}

#shopify-case-studies .under-text {
  background-color: #62269e;
}

#shopify-case-studies-info {
  min-height: 200px;
  background-color: #62269e;
  display: flex;
  align-items: center;
}

#shopify-case-studies-info span {
  color: #33d9c3;
}

/* shopify-landing end  */

/* neto-landing  */
#neto-case-studies .card {
  border: 1px solid #62269e;
}

#neto-landing-posts .col {
  min-height: 250px;
}

#neto-case-studies {
  margin-top: 100px;
  margin-bottom: 100px;
}

#neto-case-studies .h2 {
  color: #62269e;
  font-size: 3.5rem;
  line-height: 1.1;
}

#neto-case-studies .study-text {
  color: #384a54;
  font-size: 2.5rem;
  line-height: 1.1;
}

#neto-case-studies .study-link-dropdown {
  color: #62269e;
  font-size: 1.4rem;
}

#neto-case-studies .under-text {
  background-color: #62269e;
}

#neto-case-studies-info {
  height: 200px;
  background-color: #62269e;
  display: flex;
  align-items: center;
}

/* neto-landing end  */

/* magento-landing  */
#magento-case-studies .card {
  border: 1px solid #62269e;
}

#magento-landing-posts .col {
  min-height: 250px;
}

#mission {
  background-color: #62269e;
  display: flex;
  align-items: center;
  padding-top: 110px;
  padding-bottom: 110px;
  font-size: 22px;
  line-height: 30px;
}

#magento-case-studies {
  margin-top: 100px;
  margin-bottom: 100px;
}

#magento-case-studies .h2 {
  color: #62269e;
  font-size: 3.5rem;
  line-height: 1.1;
}

#magento-case-studies .study-text {
  color: #384a54;
  font-size: 2.1rem;
  line-height: 1.1;
}

#magento-case-studies .study-link-dropdown {
  color: #62269e;
  font-size: 1.4rem;
}

#magento-case-studies .under-text {
  background-color: #62269e;
}

#magento-case-studies-info {
  height: 200px;
  background-color: #62269e;
  display: flex;
  align-items: center;
}

#audit {
  padding-top: 120px;
  padding-bottom: 120px;
  font-size: 1.4rem;
  background-color: #f5f5f5;
}

.audit-container {
  padding-top: 50px;
}

.audit-button {
  border: 1px solid #62269e;
  color: #62269e;
  font-weight: bold;
  border-radius: 8px;
  padding: 10px 50px;
}
.audit-button:hover {
  background-color: #62269e;
  color: #fff;
  text-decoration: none;
}
#audit span {
  color: #62269e;
  font-weight: bold;
}

#platforms-results {
  padding-top: 120px;
  padding-bottom: 120px;
  background-color: #f5f5f5;
}

.results-text {
  font-size: 22px;
  line-height: 30px;
  padding-top: 45px;
  margin: 0;
}

#neto-results,
#shopify-results,
#magento-results,
.author-infos,
#mentors-1 {
  background-color: #f5f5f5;
}

#market-approach {
  padding-top: 120px;
  padding-bottom: 120px;
}

#market-approach .market-text {
  font-size: 1.4rem;
  color: #62269e;
  font-weight: bold;
  margin: 0;
}

#studies {
  padding-top: 120px;
  padding-bottom: 120px;
}

#studies .studies-text {
  font-weight: bold;
  font-size: 18px;
}

.studies-button {
  color: #62269e;
  font-weight: bold;
  margin-top: 60px;
  border: 2px #62269e solid;
  border-radius: 8px;
  padding: 10px 60px;
}

.studies-button:hover {
  background-color: #62269e;
  color: #fff;
  text-decoration: none;
}

#studies {
  background-color: #f5f5f5;
}

/* recommendations */

#home-recomendations .title-desc {
  color: #af1f8e;
}

#home-testimonials .vert-title p {
  position: absolute;
  top: 50%;
  right: 0;
  transform: rotate(-90deg);
}
/* end recommendations */

/* magento-landing end  */
#home-banner .platforms img {
  max-height: 70px;
}
#home-banner .img-card {
  position: relative;
  display: inline-block;
}
#home-banner .img-card .img-replace {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}
#home-banner .img-card:hover .img-replace {
  display: inline;
}

/* Custom */
.container.about-us .dashicons-phone,
.container.about-us .dashicons-email-alt {
  margin-left: -13px;
  margin-top: -5px;
  margin-right: 31px;
}

.container.about-us .dashicons-location {
  margin-right: 25px;
  margin-top: -5px;
}

.container.about-us .dashicons {
  font-size: 3rem;
}

.mleft-minus-95 {
  margin-left: -95px;
}

.transparent-bg-white {
  background: rgb(255 255 255 / 58%);
  z-index: 10;
}

@media screen and (min-height: 735px) {
  body #talk-to-us .about-us p.lead.px-2.py-3 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .items-holder {
    margin: 0 auto;
  }
}
/* End Custom */

/* Menu */
#main-navbar ul.navbar-nav {
  font-weight: bold;
}
.phone a {
  color: #62269e !important;
}
#menu-div {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 1;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  border: 1px solid #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #623594;
}

#menu-button {
  color: #ffffff;
  margin-right: 9px;
  margin-top: -8px;
}

#menu-button span.dashicons:before {
  font-size: 30px;
}

.mgcnav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 999999;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.mgcnav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #ffffff;
  display: block;
  transition: 0.3s;
}

.mgcnav a:hover {
  color: #f1f1f1;
}

.mgcnav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .mgcnav {
    padding-top: 15px;
  }
  .mgcnav a {
    font-size: 18px;
  }
}
/* end menu */

/* Owl-carousel CSS  */

.owl-theme .owl-nav {
  text-align: unset;
}

/* .owl-item .item {
  padding: 20px;
} */

#home-testimonials svg {
  background-color: aqua;
  color: #fff;
  font-size: 25px;
  border: 3px solid aqua;
}

#home-testimonials .testimonial-name,
#home-testimonials .under-stars span {
  color: #af1f8e;
}

/* END Owl-carousel CSS  */

/* Loader */

.loader,
.loader:before,
.loader:after {
  background: #ffffff;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}

.loader {
  color: #62269e;
  text-indent: -9999em;
  margin: 250px auto;
  position: relative;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: "";
}

.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.loader:after {
  left: 1.5em;
}

@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}

@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}

/* Bootstrap overwrites */

.dropdown-item.active,
.dropdown-item:active {
  color: #333;
  text-decoration: none;
  background-color: #f8f9fa;
}

/* About Us */
body #home-testimonials {
  display: none;
}

.page-template-about-us #mission p.text-left,
.page-template-lifemegantic #mission p.text-left,
.page-template-apac-winner #mission p.text-left,
.page-template-technical-expirience #mission p.text-left,
.page-template-organic-search #mission p.text-left,
.page-template-organic-search #mission p.text-white,
.page-template-total-market-approach #mission p.text-left,
.page-template-channel-growth-protection #mission p.text-left,
.page-template-accountability-transparency #mission p.text-left,
.page-template-feasibility-scoping #mission p.text-left,
.page-template-case-studies #mission p.text-left,
.page-template-platform-general #mission p.text-left,
.page-template-results #mission p.text-left,
.page-template-why-us #mission p.text-left,
.page-template-exclusively-ecommerce #mission p.text-left,
.page-template-global-search-awards #mission p.text-left,
.page-template-global-digital-excelence-awards #mission p.text-left,
.page-template-2021-semrush-winner #mission p.text-left,
.page-template-2020-semrush-winner #mission p.text-left,
.page-template-2021-apac-winner #mission p.text-left,
.page-template-2022-apac-winner #mission p.text-left,
.page-template-semrush-winner #mission p.text-left {
  text-align: center !important;
}

.page-template-global-search-awards #mission p.text-left span.text-big,
.page-template-global-digital-excelence-awards
  #mission
  p.text-left
  span.text-big {
  font-size: 26px !important;
}

#home-semrush-winner {
  padding-top: 85px;
  padding-bottom: 60px;
}

#platforms-pages-banner {
  padding-bottom: 120px;
}

#about-history,
#about-team,
#about-values,
#platform-general-performance,
#platform-general-platforms,
#about-unique,
#platforms-pages-insight,
#platforms-pages-approach,
#platform-pages-results,
#platforms-pages-summary,
#organic-paid,
#total-market-conversion,
#total-market-customers,
#organic-roi,
#organic-traffic,
#total-market-approach,
#organic-before-footer,
#life-videos,
#platforms-partners,
#home-our-results,
#home-case-studies,
#home-unique,
#home-partners,
#home-contact,
#awards-mission,
#partners-agency,
#megantic-matters,
#why-us-platforms,
#results-platforms,
#technical-values,
#apac-finalist,
#semrush-finalist,
#case-studies-studies,
#results-text,
#blog-postpage,
#careers-landing-posts,
#why-us-listing,
#five-star-rating,
#feasibility-scoping-roi,
#channel-growth-protection-brand,
#channel-growth-protection-consult,
#feasibility-scoping-inline,
#accountability-transparency-approach,
#accountability-transparency-no-lock,
#ecommerce-rise,
#ecommerce-shopping,
#partners-button,
#megantic-work,
#careers-life,
#organic-team,
#platform-pages-review,
#revenue,
#organic-channel,
#media-carousel,
#bigcommerce-numbers,
#platforms-pages-results,
#awards-awards .grey,
#awards-awards .white,
#global-pdf,
#mentors-1,
#mentors-2,
#mentorship,
#mentorship-content,
#black-dog,
#are-you-ok {
  padding-bottom: 110px;
  padding-top: 110px;
}

#home-videos {
  padding-bottom: 52px;
  padding-top: 60px;
}

#platforms-video {
  padding-top: 60px;
}

#testimonials-stars {
  padding-top: 52px;
  padding-bottom: 110px;
}

#testimonial-videos {
  padding-top: 52px;
}

#results-performance {
  padding-top: 52px;
  padding-bottom: 110px;
}

#landing-banner,
#home-banner,
#landing-banner-platform-general {
  padding-bottom: 110px;
}

@media only screen and (max-width: 768px) {
  #home-banner,
  #landing-banner,
  #block-shop-banner,
  #tentworld-banner,
  #cargocrew-banner,
  #badbacks-banner,
  #twelve-board-banner,
  #landing-banner-platform-general {
    padding-bottom: 60px;
  }

  #about-history,
  #about-team,
  #about-values,
  #platform-general-performance,
  #platform-general-platforms,
  #about-unique,
  #platforms-pages-insight,
  #platforms-pages-approach,
  #platforms-pages-results,
  #platforms-pages-summary,
  #organic-paid,
  #organic-roi,
  #organic-traffic,
  #total-market-conversion,
  #total-market-customers,
  #total-market-approach,
  #organic-before-footer,
  #life-videos,
  #platforms-partners,
  #home-our-results,
  #home-unique,
  #home-partners,
  #home-contact,
  #awards-mission,
  #partners-agency,
  #megantic-matters,
  #why-us-platforms,
  #results-performance,
  #results-platforms,
  #technical-values,
  #apac-finalist,
  #semrush-finalist,
  #careers-landing-posts,
  #why-us-listing,
  #home-welcome .container .row,
  #home-purpose .container .row,
  #home-longevity .container-fluid,
  #home-demand,
  #home-our-view,
  #technical-experience-our-view,
  #home-holistic-strategy,
  #case-studies-studies,
  #mission,
  #results-text,
  #awards-forbes,
  #audit,
  #platforms-results,
  #market-approach,
  #studies,
  #blog-postpage,
  #five-star-rating,
  #feasibility-scoping-roi,
  #channel-growth-protection-brand,
  #channel-growth-protection-consult,
  #feasibility-scoping-inline,
  #accountability-transparency-approach,
  #accountability-transparency-no-lock,
  #ecommerce-rise,
  #ecommerce-shopping,
  #partners-button,
  #megantic-work,
  #careers-life,
  #organic-team,
  #revenue,
  #organic-channel,
  #media-carousel,
  #single-post-banner,
  #platform-pages-review,
  #bigcommerce-numbers,
  #awards-awards .grey,
  #awards-awards .white,
  #global-pdf,
  #platforms-video,
  #mentors-1,
  #mentors-2,
  #mentorship,
  #mentorship-content,
  #black-dog,
  #are-you-ok {
    padding-bottom: 60px;
    padding-top: 60px;
  }

  #home-videos {
    padding-bottom: 40px;
    padding-top: 60px;
  }

  #testimonials-stars {
    padding-top: 10px;
    padding-bottom: 60px;
  }

  #testimonial-videos {
    padding-top: 20px;
  }

  #home-portfolio,
  #home-case-studies {
    padding-top: 60px !important;
  }
}
@media only screen and (max-width: 550px) {
  #home-banner,
  #landing-banner {
    padding-bottom: 0px;
  }

  #organic-roi .organic-text {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 20px;
  }

  #organic-roi .text-left {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  #organic-traffic .organic-text,
  #total-market-approach .organic-text {
    padding-left: 0 !important;
    padding-top: 20px;
  }

  #contact-banner .reviews-button {
    padding: 10px 44px;
  }

  #platforms-pages-insight img {
    padding-bottom: 30px;
  }

  #platforms-pages-results .results {
    padding-bottom: 30px;
  }

  #market-approach .market-text {
    padding-bottom: 30px;
  }

  #studies .studies-button {
    font-size: 16px;
  }

  #audit .audit-button {
    font-size: 16px;
  }

  .conversion {
    font-size: 26px !important;
  }

  .pdf-divs {
    padding-top: 40px;
  }

  .icons-row .col-12.col-md-3,
  .icons-row-2 .col-12.col-md-3 {
    padding-bottom: 30px;
  }
  
  .grid-careers {
    display: grid;
    grid-template-columns: auto;
    grid-gap: 60px;
  }
  
  .meet-team-image {
    text-align: center;
    padding-top: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 969px) {
  #technical-experience-our-view .five {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}

.page-template-about-us .carousel-item p {
  font-size: 26px;
}

#about-values .p-subtitle {
  font-size: 22px;
  color: #62269e;
}

#about-values .carousel-title {
  font-size: 22px;
}

#about-values .carousel-text {
  font-size: 18px;
  line-height: 22px;
}

.five {
  font-size: 22px;
  line-height: 30px;
}


.five-medium {
  font-size: 22px;
  line-height: 30px;
}

.four-awards {
  font-size: 20px;
  line-height: 26px;
}

.one-part,
.two-part {
  background-position: center;
  background-repeat: no-repeat;
  padding: 25%;
  animation-duration: 2s;
}

#about-unique {
  font-size: 18px;
}

#about-unique .method-title,
#about-unique ul {
  font-size: 22px;
  line-height: 30px;
}

#about-mission p {
  font-size: 38px;
}

#about-mission,
#awards-mission,
#block-shop-introduction,
#mentorship {
  background-color: #62269e;
  color: #fff;
  font-size: 1.4rem;
}

#about-team {
  background-color: #f5f5f5;
  font-size: 18px;
}

#about-team .method-title {
  font-size: 22px;
  line-height: 30px;
}

#careers-mission p.about {
  font-size: 36px !important;
}

.meet,
.partners-button,
.hello-button,
.form-button {
  color: #62269e;
  border: 2px #62269e solid;
  border-radius: 8px;
  font-size: 22 !important;
  padding: 10px 60px;
  font-weight: 800;
}

.winner-button {
  color: #62269e;
  border: 2px #62269e solid;
  border-radius: 8px;
  font-size: 18px;
  padding: 10px 10px;
  font-weight: 800;
}

.global-awards-button,
.generalist-button {
  color: #62269e;
  background-color: #fff;
  border: 2px #62269e solid;
  border-radius: 8px;
  font-size: 20px;
  padding: 10px 60px;
  font-weight: 800;
}

.global-awards-button:hover,
.generalist-button:hover {
  background-color: #62269e;
  border: 1px #fff solid;
  color: #fff;
  text-decoration: none;
}

.say-hello-button,
.reviews-button {
  color: #fff;
  background-color: #62269e;
  border: 2px #62269e solid;
  border-radius: 10px;
  font-size: 20px;
  padding: 10px 60px;
  font-weight: 600;
}

.say-hello-button:hover,
.reviews-button:hover {
  color: #62269e;
  background-color: #fff;
  text-decoration: none;
}

.join-button,
.say-hello-button-2 {
  color: #62269e;
  background-color: #fff;
  border: 2px #62269e solid;
  border-radius: 10px;
  font-size: 20px;
  padding: 10px 60px;
  font-weight: 800;
}

.jobs-button {
  color: #62269e;
  background-color: #fff;
  font-size: 20px;
  font-weight: 800;
  padding: 10px 0;
}

.life-megantic-button {
  color: #fff;
  background-color: #62269e;
  font-size: 20px;
  font-weight: 800;
  padding: 10px 0;
}

.life-megantic-button:hover {
  color: #62269e;
  background: #fff;
  text-decoration: none;
}

.life-megantic-border {
  background-color: #62269e;
  border: 2px #62269e solid;
  border-radius: 8px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0 60px;
}

.life-megantic-border:hover {
  background-color: #fff;
  border: 2px #62269e solid;
  color: #62269e;
  text-decoration: none;
}

.unique-button {
  color: #fff;
  background-color: #62269e;
  font-size: 18px;
  font-weight: 800;
}

.unique-button:hover,
.unique-border:hover {
  color: #62269e;
  background-color: #fff;
  text-decoration: none;
}

.join-button:hover,
.say-hello-button-2:hover,
.jobs-button:hover,
.meet:hover,
.winner-button:hover,
.button-specialist:hover {
  color: #fff !important;
  background-color: #62269e;
  text-decoration: none;
  padding: 0;
}

.hello-button:hover {
  color: #fff !important;
  background-color: #62269e;
  text-decoration: none;
  padding: 10px 60px;
}

.partners-button:hover {
  color: #fff;
  border: 2px #62269e solid;
  background-color: #62269e;
  text-decoration: none;
  border-radius: 8px;
  padding: 10px 60px;
  font-weight: 800;
}

.jobs-border:hover {
  color: #fff !important;
  background-color: #62269e;
  text-decoration: none;
  padding: 10px 0 !important;
}

.jobs-border:hover > .jobs-button {
  background-color: #62269e;
  color: #fff;
}

.unique-border:hover > .unique-button {
  background-color: #62269e;
  color: #fff;
}

.jobs-border {
  border: 2px #62269e solid;
  border-radius: 8px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0 60px;
}

.unique-border {
  border: 2px #62269e solid;
  color: #fff;
  background-color: #62269e;
  border-radius: 6px;
  letter-spacing: 0px;
  padding: 8px 10px;
  font-size: 20px;
}

#about-unique .form-button {
  background-color: #fff;
  outline: none;
  font-size: 18px;
}

#about-unique .form-button:hover {
  text-decoration: none;
  background-color: #62269e;
  color: #fff;
}

#about-infos .about-links,
#life-videos .about-links {
  color: #fff;
  text-decoration: none;
}

#awards-forbes .forbes-button {
  color: #62269e;
  border-radius: 8px;
  font-size: 20px;
  padding: 10px 60px;
  font-weight: 800;
}

.apac-text {
  padding-bottom: 120px;
}

.apac-text p {
  font-size: 18px;
}

.awards-button {
  color: #62269e;
  border-radius: 8px;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  font-weight: 800;
}

.awards-button:hover {
  background-color: #62269e;
  color: #fff !important;
  text-decoration: none;
}
#total-market-conversion,
#feasibility-scoping-inline,
#about-history,
#ecommerce-rise,
#global-pdf {
  background-color: #f5f5f5;
}

#about-team .team-grid p {
  font-size: 26px;
}

#about-team a.clients {
  text-decoration: underline;
}

#about-values {
  color: #62269e;
  background-color: #fff;
}

.carousel-text {
  color: #000;
}

#about-values .carousel-indicators {
  bottom: -33px;
}

#about-values .carousel-indicators li {
  border: 1px solid #62269e;
  border-radius: 10px;
  margin-left: 10px;
}

#about-infos,
#life-videos {
  background-color: #62269e;
  color: #fff;
}

#about-infos {
  padding-top: 60px;
  padding-bottom: 60px;
}

#about-mission p.about {
  color: #fff;
}

#about-unique .home-contact-button:hover {
  color: #fff;
  background-color: #62269e;
}

/* Platform General */
#results-text {
  background-color: #62269e;
  display: flex;
  align-items: center;
  font-size: 22px;
  line-height: 30px;
}
#results-text .title-white {
  padding-bottom: 0;
}
#about-mission p.platform {
  font-size: 22px;
}

#platform-general-platforms,
#results-platforms,
#why-us-platforms {
  background-color: #f5f5f5;
}

#about-mission p.platform {
  font-size: 30px;
}

.description {
  font-size: 22px;
  line-height: 30px;
}

/* Block Shop */

#block-shop-banner div.magento,
#cargocrew-banner div.magento,
#tentworld-banner div.magento,
#twelve-board-banner div.magento {
  margin-top: 40px;
}

#block-shop-banner p.magento,
#tentworld-banner p.magento,
#cargocrew-banner p.magento,
#badbacks-banner p.magento,
#twelve-board-banner p.magento {
  margin: 0;
}

#platforms-pages-insight ul {
  font-size: 22px;
  line-height: 30px;
}

#platforms-pages-approach,
#awards-forbes,
#platforms-pages-summary {
  background-color: #f5f5f5;
}

#platforms-pages-summary div.text-center,
#platforms-pages-approach div.text-center {
  margin-bottom: 35px;
}

#platforms-pages-results .results {
  font-size: 22px;
  margin: 0;
  line-height: 30px;
}

#platform-pages-review .review {
  font-size: 24px;
}

#platform-pages-review .negative-margin {
  margin-top: -10px;
}

/* Awards */
#awards-images {
  margin-top: 5px;
}

#awards-awards .awards-badges {
  padding-left: 100px;
}

.title-forbes {
  font-size: 30px;
  font-weight: 600;
  color: #384a54;
}

#awards-forbes {
  padding-top: 80px;
  padding-bottom: 70px;
}
@media only screen and (max-width: 768px) {
  #awards-forbes {
    padding-top: 60px;
    padding-bottom: 45px;
  }
  #awards-forbes div.text-center {
    margin-bottom: 0;
  }

  #awards-awards .awards-badges {
    padding-left: 30px;
  }

  .unique-border {
    font-size: 16px !important;
  }

  #awards-awards .awards-button-padding {
    padding-top: 50px;
  }
}

.forbes-container {
  padding-top: 20px;
  padding-bottom: 15px;
}

#awards-semrush .semrush-winner span {
  font-size: 18px;
  color: #62269e;
}

#awards-forbes p.forbes {
  font-size: 22px;
  line-height: 30px;
}

#partners .partners {
  padding-top: 60px;
  padding-bottom: 60px;
}

#awards-forbes p.forbes-name {
  font-size: 18px;
}

/* Partners */

#partners-agency .partners-images img {
  margin: 15px;
}

/* Blog Page */
.post-wrap {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  justify-content: space-between;
}

.blog-post-index {
  text-decoration: none !important;
  color: #62269e;
  font-size: 20px;
  font-weight: 800;
}

.blog-post-index:hover {
  text-decoration: none !important;
}

.post-title {
  font-size: 22px;
  line-height: 1.2;
  font-weight: 700;
}

.excerpt {
  margin: 0;
  padding: 10px 15px;
  font-size: 18px;
}

/* Singular Page */
#single-post-banner {
  background-color: #62269e;
}

#single-post-banner {
  padding-top: 120px;
  padding-bottom: 120px;
}

#single-post-banner a {
  font-size: 54px;
  color: #fff;
  font-weight: 700;
}

#single-post-banner a:hover {
  text-decoration: none;
}

#single-post-banner p {
  font-size: 34px;
  color: #333;
  display: inline-block;
}

@media only screen and (min-width: 960px) {
  #single-post-banner p {
    padding-left: 35px;
  }

  .banner-button-container {
    padding-top: 40px;
  }

  .uber-div-form {
    padding: 0 10px 0 25px;
  }
}

@media only screen and (max-width: 991px) {
  .button-div {
    padding-top: 50px;
  }

  .owl-prev {
    display: none;
  }
  .owl-next {
    display: none;
  }
  .disabled {
    display: none !important;
  }
}

.single-horizontal {
  border: 25px solid #62269e;
  margin-top: 3rem;
  margin-bottom: 1rem;
}

.author-name {
  font-size: 16px;
  font-weight: 700;
}

.single-post-title {
  font-size: 30px;
  font-weight: 800;
}

.date-single {
  background-color: #fff;
  margin: 0;
  padding: 11px 20px;
}

.less-then {
  padding: 0;
}

.less-then span a {
  color: #62269e;
  font-size: 18px;
}

.less-then span a:hover {
  text-decoration: none;
}

.video-button {
  color: #62269e;
  font-weight: 700;
}

.video-button {
  font-size: 22px;
}

.video-button:hover {
  text-decoration: none;
  color: #62269e;
}

/* Organic Search */

.organic-text {
  font-size: 22px;
  line-height: 30px;
}

.organic-search-link {
  text-decoration: underline;
  color: #fff;
}

.organic-search-link:hover {
  color: #fff;
}

#organic-channel,
#organic-before-footer {
  background-color: #f5f5f5;
}

#organic-team ul {
  list-style: none;
}

/* Why Us */
.light {
  background-color: #f5f5f5;
}

/* Megantic Matters */

@media only screen and (max-width: 450px) {
  .carousel-visible {
    display: none;
  }

  .winner-button {
    font-size: 15px;
  }

  .global-awards-button {
    font-size: 17px;
    padding: 10px;
  }

  #awards-awards .winner-text {
    font-size: 17px !important;
  }

  .text-padding-right-1 {
    padding-right: 25px !important;
  }

  .text-padding-right-2 {
    padding-right: 60px !important;
  }
}

@media only screen and (min-width: 451px) {
  .carousel-visible {
    display: flex;
  }

  #m-talk-btn {
    display: none !important;
  }

  .semrush-sections-1 {
    padding-right: 25px;
  }

  .semrush-sections-2 {
    padding-left: 25px;
  }
}

.text-white {
  font-size: 22px;
  line-height: 30px;
  margin: 0;
}

/* Technical Experience */

#technical-values {
  background-color: #f5f5f5;
}

/* Partners Page */

#results-performance .rectangle {
  max-width: 70px;
  height: 10px;
  background-color: #81778d;
  border-radius: 1px;
}

.color-purple {
  font-size: 40px;
  color: #62269e;
}

.color-purple-bold {
  font-size: 40px;
  color: #62269e;
  font-weight: 700;
  padding-left: 30px;
}

.greater {
  font-size: 36px;
  color: #62269e;
  font-weight: 700;
  padding-left: 30px;
}

/* Case Studies */

.case-div {
  padding: 30px;
}

.case-modal-button {
  padding: 0;
  background-color: #fff;
  border: solid 0.5px lightgrey !important;
  outline: none !important;
}

.modal-content-case {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  outline: 0;
  padding: 20px;
}

.modal-header-case {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
}

.modal-title-case {
  padding-top: 50px;
}

.modal-body-case {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-body-case ul {
  padding: 0;
  list-style: none;
}

.modal-title-black {
  font-size: 26px;
  font-weight: 800;
  color: #000;
}

.modal-title-purple {
  font-size: 26px;
  font-weight: 800;
  color: #62269e;
}

.case-close {
  font-weight: 900;
  position: absolute;
  right: 20px;
  top: 20px;
  border: none;
  outline: none;
  font-size: 20px;
  background-color: #fff;
}

.cases-height {
  line-height: 20px;
  padding-left: 10px !important;
}

.cases-p-height {
  line-height: 24px;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 900px;
    margin: 1.75rem auto;
  }
  .life-megantic-border {
    margin: 0;
  }
}

/* Main Menu  */
.menu-area {
  background: #fff;
}
.dropdown-menu {
  padding: 0;
  margin: 0;
  border: 0 solid transition !important;
  border: 0 solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.mainmenu a,
.navbar-default .navbar-nav > li > a,
.mainmenu ul li a,
.navbar-expand-lg .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  padding: 5px 15px;
  font-family: Larsseit;
  display: block !important;
}

.mainmenu a.level {
  padding: 5px 15px !important;
}

.mainmenu .active a,
.mainmenu .active a:focus,
.mainmenu .active a:hover,
.mainmenu li a:hover,
.mainmenu li a:focus,
.navbar-default .navbar-nav > .show > a,
.navbar-default .navbar-nav > .show > a:focus,
.navbar-default .navbar-nav > .show > a:hover {
  color: #000;
  background: #fff;
  outline: 0;
}
/*==========Sub Menu=v==========*/
.mainmenu .collapse ul > li:hover > a {
  background: #fff;
}
.mainmenu .collapse ul ul > li:hover > a,
.navbar-default .navbar-nav .show .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .show .dropdown-menu > li > a:hover {
  background: #fff;
}
.mainmenu .collapse ul ul ul > li:hover > a {
  background: #fff;
}

.mainmenu .collapse ul ul,
.mainmenu .collapse ul ul.dropdown-menu {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.mainmenu .collapse ul ul ul,
.mainmenu .collapse ul ul ul.dropdown-menu {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.mainmenu .collapse ul ul ul ul,
.mainmenu .collapse ul ul ul ul.dropdown-menu {
  background: #fff;
}

.navbar-toggler {
  outline: none !important;
}

/******************************Drop-down menu work on hover**********************************/
.mainmenu {
  background: none;
  border: 0 solid;
  margin: 0;
  padding-top: 15px;
  min-height: 20px;
  width: 100%;
}
@media only screen and (min-width: 767px) {
  .container.main-menu {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .mainmenu .collapse ul li:hover > ul {
    display: block;
  }
  .mainmenu .collapse ul ul {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 200px;
    display: none;
  }
  /*******/
  .mainmenu .collapse ul ul li {
    position: relative;
  }
  .mainmenu .collapse ul ul li:hover > ul {
    display: block;
  }
  .mainmenu .collapse ul ul ul {
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 200px;
    display: none;
  }
  /*******/
  .mainmenu .collapse ul ul ul li {
    position: relative;
  }
  .mainmenu .collapse ul ul ul li:hover ul {
    display: block;
  }
  .mainmenu .collapse ul ul ul ul {
    position: absolute;
    top: 0;
    left: -100%;
    min-width: 200px;
    display: none;
    z-index: 1;
  }
}

.page-links {
  text-decoration: underline;
  color: #212529;
}

.page-links-white {
  text-decoration: underline;
  color: #fff;
}

.page-links-white:hover {
  color: #fff;
}

.page-links:hover {
  color: #212529;
}

.hello-font {
  font-size: 22px !important;
}

@media only screen and (min-width: 768px) {
  .technical-purple-sections-div {
    padding: 10px 200px;
  }
  
  .grid-careers {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 60px;
  }
  
}

.technical-purple-sections {
  color: #fff;
  background-color: #62269e;
  font-size: 18px;
  font-weight: 700;
  padding: 10px 10px;
  border: 1px solid #62269e;
  border-radius: 6px;
  align-self: center;
}

.purple {
  color: #62269e;
  font-weight: 600;
}

.purple-link {
  color: #62269e;
  font-weight: 600;
}

.purple-link:hover {
  color: #62269e;
}

.conversion {
  font-size: 35px;
  font-weight: 700;
}

.unique-border-pdf {
  border: 2px #62269e solid;
  border-radius: 8px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #62269e;
  background: #fff;
}

.unique-button-pdf {
  color: #62269e;
  background-color: #fff;
  font-size: 24px;
  font-weight: 800;
}

.unique-button-pdf:hover {
  color: #fff;
  background: #62269e;
  text-decoration: none;
}

.unique-border-pdf:hover {
  color: #fff;
  background: #62269e;
  text-decoration: none;
}

.pdf-text-link:hover {
  text-decoration: none;
}

.life-image {
  max-width: 200px;
  max-height: 70px;
}

.strong {
  font-size: 24;
  font-weight: 800;
}

/* Widget Area */
.widget_custom_html,
.widget_tag_cloud,
.widget_categories {
  font-family: Larsseit;
  padding-bottom: 30px;
}

.widget_categories ul a,
.widget_custom_html ul a {
  color: #62269e;
}

.widget_categories ul a:hover,
.widget_custom_html ul a:hover {
  text-decoration: none;
}

.widget_tag_cloud .tag-cloud-link {
  border: 0.5px #62269e solid;
  font-size: 20px !important;
  padding: 5px;
  margin: 0 5px;
  line-height: 3;
  font-weight: 400;
}

.widget_tag_cloud .tag-cloud-link:hover {
  text-decoration: none;
  color: #62269e;
}

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

.widget_categories ul {
  padding: 0;
  list-style: none;
  font-size: 20px;
}

.widget_categories {
  padding: 0;
}

/* Mobile Navbar Toggler X Form */
#main-navbar {
  background: #fff;
}

.navbar-toggler .icon-bar {
  content: "";
  display: block;
  height: 4px;
  margin: 7px 0;
  width: 30px;
  background-color: #000;
}

.navbar-toggler .icon-bar:nth-of-type(2) {
  top: 1px;
}

.navbar-toggler .icon-bar:nth-of-type(3) {
  top: 1px;
}

.navbar-toggler .icon-bar {
  position: relative;
  transition: all 200ms ease-in-out;
}

.navbar-toggler.active .icon-bar:nth-of-type(1) {
  top: 6px;
  transform: rotate(135deg);
}

.navbar-toggler.active .icon-bar:nth-of-type(2) {
  background-color: transparent;
}

.navbar-toggler.active .icon-bar:nth-of-type(3) {
  top: -16px;
  transform: rotate(-135deg);
}

/* results Page */

@media only screen and (max-width: 500px) {
  .case-studies-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 25px;
    padding: 0 15px;
  }

  .unique-border-pdf {
    font-size: 16px;
  }
}

@media only screen and (min-width: 501px) and (max-width: 769px) {
  .case-studies-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 25px;
  }
  
  .grid-careers {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 60px;
  }
}

@media only screen and (min-width: 770px) and (max-width: 1200px) {
  .case-studies-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 25px;
  }
}

@media only screen and (min-width: 1200px) {
  .case-studies-grid {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 25px;
  }

  .members-layout-row {
    padding: 0 40px !important;
  }
}

.page-template-results #results-platforms {
  background-color: #fff !important;
}

.stars {
  max-width: 150px;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: auto;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.platforms-icon {
  max-width: 120px;
  max-height: 70px;
}

.icons-row {
  font-size: 22px;
}

.icons-row p,
.icons-row-2 p {
  line-height: 1;
}

.icons-row-2 {
  font-size: 22px;
}

/* .media-image {
  padding: 15px 5px;
} */

.grey {
  background: #f5f5f5;
  padding: 0px 15px;
  border: 1px solid #f5f5f5;
  border-radius: 15px;
}

.grey-div {
  background: #f5f5f5;
  padding: 0px 15px;
  border: 1px solid #f5f5f5;
  border-radius: 15px;
  margin-top: 17px;
}

.page-template-blog #mission p.title-white {
  padding: 0px;
}

.item {
  border: 1px solid lightgray;
  padding: 40px 10px;
  background-color: #fff;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
  top: 100px !important;
  color: #62269e;
  font-weight: 800;
  outline: none;
}

.owl-carousel .owl-nav button.owl-next {
  right: -30px !important;
}

.owl-carousel .owl-nav button.owl-prev span,
.owl-carousel .owl-nav button.owl-next span {
  color: #62269e;
  font-weight: 800;
}

.bold-grey {
  font-weight: 600;
  color: #212529;
}

.underline {
  font-weight: 700;
}

.four {
  font-size: 19px;
  line-height: 1.2;
  font-weight: 600;
}

/* Cookies Plugin */
.cli-plugin-main-button,
.cli_setting_save_button {
  background-color: #62269e !important;
  font-family: "Larsseit" !important;
}

.cli-nav-link,
.cli_settings_button {
  outline: none !important;
}

#cookie-law-info-bar {
  z-index: 999999 !important;
  font-family: "Larsseit" !important;
}

/* Vertical Carousel */
.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.vert .carousel-item-next,
.vert .active.carousel-item-right {
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100% 0);
}

.vert .carousel-item-prev,
.vert .active.carousel-item-left {
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

.home .carousel-item {
  min-height: 980px;
}

svg.up {
  transform: rotate(90deg);
}

svg.down {
  transform: rotate(90deg);
}

/* Bigcommerce */

.bigcommerce-numbers {
  max-width: 120px;
  max-height: 110px;
}

.bigcommerce-images-numbers {
  max-width: 950px !important;
}

/* Google Reviews */

body #wpac-google-review {
  background: white !important;
  padding: 5px 5px 0px 5px !important;
  border-color: #4fce6a !important;
  color: black;
  border-top: 5px solid;
  position: fixed;
  width: 230px;
}

.wp-gr.wpac .wp-google-left {
  vertical-align: middle !important;
}

.wp-google-url {
  font-family: Larsseit;
  color: #212529 !important;
  font-size: 100% !important;
  font-weight: bold !important;
  margin: 0 0 2px !important;
  text-decoration: none !important;
}

.wp-gr .wp-google-reviews {
  background: #fff !important;
}

.wp-gr .wp-google-form .wp-google-footer img {
  padding-right: 40px !important;
  padding-top: 10px !important;
  padding-bottom: 0px !important;
  padding-left: 0px !important;
}

.grecaptcha-badge {
  display: none;
}

.awards-paragraph {
  padding-top: 60px;
}

.page-template-careers #mission p.title-white {
  padding-bottom: 0 !important;
}

.home-award-image {
  max-width: 85%;
}

.technical-image {
  max-height: 230px;
}

#technical-values p.purple {
  margin-top: -10px;
  font-weight: 400;
}

.blog-navi a {
  font-weight: 600;
}

.blog-navi a:hover {
  text-decoration: none;
  color: #62269e;
}

.modal {
  background-color: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  max-width: 800px;
  max-height: 500px;
  transform: translate(-50%, -50%);
  padding: 15px 30px;
}

.team-members {
  cursor: pointer;
  padding: 5px;
}

.favorite-project-to-date {
  font-weight: 600;
  font-size: 22px;
  line-height: 1.2;
}

.favorite-project-content {
  font-size: 16px;
  font-size: 20px;
  line-height: 1;
}

.members-layout-row {
  padding: 0 20px;
}

.members-layout {
  max-width: 20%;
}

.row.exe iframe {
  width: 33%;
  padding: 0px 8px;
}

.row.exe-testimonials iframe {
  width: 50%;
  padding: 8px 10px;
}

@media only screen and (max-width: 450px) {
  .row.exe iframe {
    width: 100%;
    margin-bottom: 25px;
  }

  .row.exe-testimonials iframe {
    width: 100%;
    padding: 56px 20px;
  }

  .semrush-sections-2 {
    padding-top: 40px !important;
  }
}

@media only screen and (min-width: 451px) and (max-width: 969px) {
  .row.exe iframe {
    width: 50%;
    margin-bottom: 30px;
  }

  .row.exe-testimonials iframe {
    padding: 61px 20px;
  }
}

.inline-links {
  color: #62269e;
  text-decoration: underline;
}

.semrush-links {
  text-decoration: underline;
}

.semrush-links:hover {
  color: #000;
}

.semrush-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
  font-size: 19px;
  line-height: 1.3;
}

.semrush-text {
  font-size: 19px;
  line-height: 1.2;
}

.mentorship-button {
  color: #62269e;
  background-color: #fff;
  padding: 10px 70px;
  border-radius: 8px;
  font-family: Larsseit;
}

.mentorship-button:hover {
  text-decoration: none;
  color: #62269e;
}

.mentorship-div {
  padding-top: 60px;
}

.page-template-mentors .title-white {
  padding-bottom: 0;
}

.five-white-list {
  font-size: 22px;
  line-height: 30px;
  color: #ffffff;
  text-align: start;
  margin: 0;
  padding-left: 20px;
}

#partners-agency .partner-icon {
  max-width: 300px;
}

#platforms-pages-results div.pt-5 img.img-fluid {
  max-width: 244px;
}

.page-template-free-ubereats-lunch #about-infos,
.page-template-free-ubereats-lunch #home-contact,
.page-template-free-ubereats-lunch #footer-map,
.page-template-free-ubereats-lunch #footer {
  display: none;
}

.uber-form {
  background-color: #f8f9fa;
  padding: 10px 40px;
}

.page-template-free-ubereats-lunch .wpcf7-form-control-wrap input {
  background: #f8f9fa;
  font-size: 16px;
  padding-bottom: 0;
  padding-top: 15px;
}

.page-template-free-ubereats-lunch
  .wpcf7-form-control-wrap
  .wpcf7-form-control:focus {
  box-shadow: none;
}

.page-template-free-ubereats-lunch #landing-banner {
  padding-bottom: 70px;
}

.page-template-free-ubereats-lunch
  .wpcf7-form-control-wrap
  .wpcf7-form-control::-webkit-input-placeholder {
  opacity: 1;
  font-size: 18px;
}

.page-template-free-ubereats-lunch
  .wpcf7-form-control-wrap
  .wpcf7-form-control::-moz-placeholder {
  opacity: 1;
  font-size: 18px;
}

.page-template-free-ubereats-lunch .sub-btn .wpcf7-submit {
  background-color: #ffffff;
  color: #62269e;
  font-size: 25px;
  font-weight: 600;
  border-radius: 10px;
  padding: 8px 90px;
}

.page-template-free-ubereats-lunch .sub-btn .wpcf7-submit:hover {
  background-color: #62269e;
  color: #ffffff;
  transition: ease-in 0.2s;
}

.uber-div-last p {
  font-size: 18px;
}

.page-template-free-ubereats-lunch input:-webkit-autofill,
.page-template-free-ubereats-lunch input:-webkit-autofill:focus {
  transition: background-color 600000s 0s, color 600000s 0s;
}

.home-small-text {
  font-size: 16px !important;
}



#home-welcome p.title {
  font-size: 40px;
  text-align: center;
}

.normal-white-link {
  color: #fff;
  text-decoration: underline;
}

#black-dog {
  background-color: #f5f5f5;
}

.normal-white-link:hover {
  color: #fff;
  text-decoration: underline;
}

.partners-footer-link {
  padding-top: 20px;
}

.right-line {
  padding-right: 15px;
}

.left-line {
  padding-left: 15px;
}

.year-title {
  font-size: 40px;
  font-weight: 600;
}

#home-holistic-strategy.SEM-magento {
  background: #fff;
  color: #000;
}

.SEM-button > button {
  /* background: #62279f !important;
  color: #fff !important;
  text-decoration: none; */
  background: orange !important;
  color: #000 !important;
  border: none !important;
  text-decoration: underline;
  font-size: 20px;
  padding: 12px 0px;
}

.SEM-button > button:hover {
  /* background: #fff !important;
  color: #62279f !important;
  border: 2px solid #62279f !important;
  text-decoration: none; */
  background: #62279f !important;
  color: #fff !important;
  border: none !important;
  text-decoration: underline;
  padding: 12px 0px;
}

.SEM-button:hover {
  text-decoration: none;
}

.SEM-button-reverse {
  background: orange !important;
  color: #000 !important;
  border: 2px solid orange;
  text-decoration: underline;
  width: 30%;
  font-size: 20px;
  padding: 12px 0px;
}

.SEM-button-reverse:hover {
  background: #62279f !important;
  color: #fff !important;
  border: 2px solid #fff !important;
  text-decoration: underline;
  padding: 12px 0px;
}

.sub-btn span.wpcf7-spinner {
  display: block;
}

.SEM-magento .method-text,
.SEM-magento .method-title {
  text-align: left;
}

#home-holistic-strategy.SEM-magento .border-row {
  padding: 30px;
}

.SEM-mission .title-white.second-title {
  font-size: 48px;
}

.magento-form {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

input.input-font {
  background: #8a2be2;
  border: none !important;
}

.page-template-sem-campaign-magento
  .magento-form
  .wpcf7-form-control-wrap
  .wpcf7-form-control::-webkit-input-placeholder {
  opacity: 1;
  font-size: 20px;
  color: #fff !important;
}

.page-template-sem-campaign-magento
  .magento-form
  .wpcf7-form-control-wrap
  .wpcf7-form-control::-moz-placeholder {
  opacity: 1;
  font-size: 20px;
  color: #fff !important;
}

.page-template-sem-campaign-magento input:-webkit-autofill,
.page-template-sem-campaign-magento input:-webkit-autofill:focus {
  transition: background-color 600000s 0s, color 600000s 0s;
  color: #8a2be2;
}

.page-template-sem-campaign-magento
  .magento-form
  .wpcf7-form-control-wrap
  input {
  background: #8a2be2;
  font-size: 18px;
  padding-bottom: 0;
  padding-top: 10px;
  color: #fff;
}

.page-template-sem-campaign-magento .sub-btn {
  max-height: 75px;
}

.page-template-sem-campaign-magento .magento-form .wpcf7-response-output {
  color: #fff !important;
}

.title-white.magento-eccommerce {
  font-size: 23px;
}

.clients-logo {
  padding: 2px;
}

.case-container {
  padding-top: 30px;
}

#thank-you {
  background-color: #62269e;
  color: #fff;
  font-size: 1.4rem;
  height: 89.5vh;
  padding: 80px 0;
}

.team-subtitle {
  font-size: 40px;
  margin-bottom: 20px;
}

.team-text {
  margin-bottom: 60px;
}

.page-template-thank-you #about-infos,
.page-template-thank-you #home-contact,
.page-template-thank-you #footer-map,
.page-template-thank-you #footer {
  display: none;
}

#awards-awards {
  padding: 60px 0;
}

.awards-buttons-wrapper {
  justify-content: space-around;
}

.awards-buttons {
  min-width: 240px;
	font-size: 20px;
}

.logos-container {
  padding-bottom: 60px;
}

#home-portfolio .join-family {
  padding: 30px;
}

.mentor-links {
    color: #fff;
    text-decoration: underline;
}

.mentor-links:hover {
    color: #fff;
}

#mission .enterprise {
  font-size: 16px;
}

.page-template-enterprise-SEO #studies div.row div.col-12.col-md-4 {
  padding: 20px 15px;
}

.careers-icons {
  max-height: 120px;
}

#careers-life {
  background-color: #F5F5F5;
}

.five-smaller {
  font-size: 21px!important;
  line-height: 26px!important;
}
.migration-insights-buttons a, .migration-roadmap-buttons a, .fail-migration-buttons a {
	display: inline-block;
	margin: 5px;
}

#home-feature-in, #news1 {
    padding-top: 120px;
}
#news-deakin {
    padding-top: 120px;
    background-color: #f5f5f5;
}
#news-deakin a, #news-mentorship a, #news1 a {
    color: #62269e;
    text-decoration: underline;
}
#news-deakin ul li:not(:first-child), #news-mentorship ul li:not(:first-child) {
    list-style: none;
}
#news-mentorship {
    padding-top: 120px;
    padding-bottom: 60px
}
#localseo,
#seoimportant,
#seoprocess1,
#seoprocess2,
#seoprocess3,
#casestudy,
#seoprojects,
#whycalculator,
#revenuecalculator,
#research,
#research2,
#research-white {
    padding-top: 120px;
    padding-bottom: 120px
}
#seoimportant,
#seoprocess2,
#casestudy,
#whycalculator,
#research2,
#research {
    background-color: #f5f5f5;
}

.revenue-form-submit,
.revenue-calculator-submit {
    padding: 8px 12px;
    color: #fff;
    border-radius: 5px;
    text-transform: uppercase;
    background: #62269e;
    outline: none;
    border: 1px solid #fff;
    width: 100%;
    font-weight: 700;
    transition: all 0.3s;
    outline: none;
}
.revenue-form-submit:hover,
.revenue-calculator-submit:hover {
    background-color: #fff;
    color: #62269e;
}

#revenue-calculator-form {
    background-color: #62269e;
    padding: 35px 20px 0px;
    border-radius: 15px;
}
#revcalculator .number {
    color: #62269e;
    font-weight: 700;
}

.calculator-slider {
  -webkit-appearance: none;
  width: 100%;
  height: 5px;
  border-radius: 5px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.calculator-slider:hover {
  opacity: 1;
}

.calculator-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #62269e;
  cursor: pointer;
}

.calculator-slider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #62269e;
  cursor: pointer;
}

.calculator-slider:disabled::-webkit-slider-thumb {
    background: #d3d3d3;
}
.revenue__total {
    padding: 30px;
    background: #62269e;
    border-radius: 5px;
}
.revenue__name,
.revenue__incremental {
    color: #fff;
    font-size: 20px;
}
.totalRevenueWrapper {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    padding: 0px;
    background: #fff;
    border-radius: 5px;
    font-size: 26px;
    font-weight: bold;
    color: #62269e;
}
.revenue-calculator-submit {
    border: 2px solid #62269e;
}
.revenue-calculator-submit:focus {
    outline: none;
}

#revcalculator {
    pointer-events: none;
    opacity: 40%;
    transition: all 0.4s;
}
#revcalculator.revcalculator--active {
    pointer-events: all;
    opacity: 100%;
}
#revenue__total {
    display: none;
    animation: showin2 1s;
}

@keyframes showin2 {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
  }
}
@media screen and (max-width: 576px) {
.page-template-technical-seo .say-hello-button {
    padding: 10px;
}
}

#technical-experience-banner {
    margin-top: 2px;
}
#technical-experience-text {
    padding: 30px 0px;
}
#working-with-specialist {
    background-color: #f5f5f5;
    padding: 120px 0px;
}
#exclusively-ecommerce {
    padding: 120px 0px;
}
#total-market-approach {
    background-color: #f5f5f5;
}