@charset "UTF-8";

/* CSS Document */

* {
  padding: 0;
  margin: 0;
}
input,
textarea,
button,
select,
a {
  -webkit-tap-highlight-color: transparent;
}

a,
button,
input[type="submit"] {
  outline: none !important;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

body{
  overflow-x: hidden;
}


/* --- TEXT --- */

p{
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.1px;
}
h1, h2, h3, h4, h5{
  letter-spacing: -0.1px !important;
}

/* --- END TEXT --- */


/* --- HEADER --- */

.et-boc .et-l .section-header{
  padding: 30px 0;
  transition: all .2s ease;
}
.et-boc .et-l .section-header .content-header {
  width: 95%;
  display: flex;
  align-items: center;
}
.et-boc .et-l .section-header .content-header .et_pb_column{
  margin: 0;
}
.et-boc .et-l .section-header .content-header .et_pb_column:nth-child(1){
  width: 10%;
}
.et-boc .et-l .section-header .content-header .et_pb_column:nth-child(2){
  width: 90%;
}

/* LOGO */

.et-boc .et-l .section-header .content-header .et_pb_image_wrap img{
  height: 33px;
  transition: all .2s ease;
}

/* MENU */

.et-boc .et-l .section-header .content-header .et_pb_menu__wrap,
.et-boc .et-l .section-header .content-header .et_pb_menu__wrap .et_pb_menu__menu{
  width: 100%;
}
.et-boc .et-l .section-header .content-header .et-menu-nav {
  width: 100%;
  justify-content: flex-end;
}

.et-boc .et-l .section-header .content-header .et-menu-nav .et-menu{
  margin: 0;
  align-items: center;
  gap: 30px;
}
.et-boc .et-l .section-header .content-header .et-menu-nav .et-menu .menu-item{
  padding: 0;
  margin: 0;
}
.et-boc .et-l .section-header .content-header .et-menu-nav .et-menu .menu-item a{
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #666666;
  padding: 0;
}
.et-boc .et-l .section-header .content-header .et-menu-nav .et-menu .menu-item a:hover{
  opacity: 1;
  color: #460099 !important;
}
.et-boc .et-l .section-header .content-header .et-menu-nav .et-menu .menu-item.btn-feature a{
  background-color: #735CE6;
  color: #FFFFFF !important;
  padding: 8px 20px;
  border-radius: 50px;
}
.et-boc .et-l .section-header .content-header .et-menu-nav .et-menu .menu-item.btn-feature a:hover{
  background-color: #460099;
}

/* LANGUAGES */

.et-boc .et-l .section-header .content-header .lang-item a{
  width: 22px;
  height: 22px;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  opacity: .4;
}
.et-boc .et-l .section-header .content-header .lang-item.current-lang a{
  opacity: 1;
}
.et-boc .et-l .section-header .content-header .lang-item.lang-item-pt a{
  background-image: url(../images/flag-brazil.svg);
}
.et-boc .et-l .section-header .content-header .lang-item.lang-item-en a{
  background-image: url(../images/flag-us.svg);
}
.et-boc .et-l .section-header .content-header .lang-item a img{
  display: none;
}
.et-boc .et-l .section-header .content-header .lang-item.lang-item-pt{
  margin-right: -15px !important;
}

/* --- END HEADER --- */


/* --- MAIN --- */

.et-boc #et-main-area{
  margin-top: 100px;
}

/* --- END MAIN --- */


/* --- BANNER --- */

.et-boc .et-l .section-banner,
.section-banner{
  padding-bottom: 70px !important;
}
.section-banner .content-banner .banner-image {
  position: absolute;
  bottom: -50px;
  right: 0;
  width: 660px;
}

/* --- END BANNER --- */


/* --- CLIENTS --- */

.section-clients{
  padding: 80px 0 !important;
}
.section-clients .container-clients{
  display: flex;
  align-items: center;
  padding: 0;
}
.section-clients .container-clients .et_pb_column:nth-child(1){
  width: 100%;
  max-width: 826px;
  margin: auto !important;
}
.section-clients .content-clients,
.section-clients .content-clients .content-clients-inner{
  margin: auto;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.section-clients .content-clients .client{
  margin: 0 !important;
  flex: 0 0 auto;
}
.section-clients .content-clients .client .et_pb_image_wrap{
  height: 50px;
}
.section-clients .content-clients .client .et_pb_image_wrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
}
 
/* --- END CLIENTS --- */


/* --- SOLUTION --- */

.section-solution,
.section-solution .content-solution{
  overflow: initial;
}
.section-solution .content-solution{
  height: 800px;
  display: flex;
  align-items: center;
  border-radius: 30px;
  padding: 50px;
}
.section-solution .content-solution .et_pb_column .et_pb_image{
  width: 750px;
  position: absolute;
  left: -80px;
  top: -150px;
}

/* --- END SOLUTION --- */


/* --- TROPHY --- */

.section-trophy .content-trophy .et_pb_column {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 15px;
}
.section-trophy .content-trophy .trophy{
  width: 290px;
  height: 290px;
  position: absolute;
  left: 35px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.section-trophy .content-trophy .item-trophy{
  width: 36%;
  padding: 25px;
  border-radius: 30px;
  margin: 0 !important;
}
.section-trophy .content-trophy .item-trophy .et_pb_blurb_content{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.section-trophy .content-trophy .item-trophy .et_pb_blurb_content .et_pb_main_blurb_image{
  text-align: left;
  margin-bottom: 10px;
}
.section-trophy .content-trophy .item-trophy .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap{
  width: 48px;
  height: 48px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: initial;
}
.section-trophy .content-trophy .item-trophy.light{
  background-color: #E5EEFF;
}
.section-trophy .content-trophy .item-trophy.light .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap{
  background-color: #FFFFFF;
}
.section-trophy .content-trophy .item-trophy.light .et_pb_blurb_description p{
  color: #460099;
}
.section-trophy .content-trophy .item-trophy.dark{
  background-color: #460099;
}
.section-trophy .content-trophy .item-trophy.dark .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap{
  background-color: #E5EEFF;
}
.section-trophy .content-trophy .item-trophy.dark .et_pb_blurb_description p{
  color: #E5EEFF;
}

/* --- END TROPHY --- */


/* --- LOYALTY --- */

.section-loyalty{
  padding-bottom: 50px !important;
}
.section-loyalty .content-loyalty{
  height: 645px;
  display: flex;
  align-items: center;
  border-radius: 30px;
  padding: 100px;
}
.section-loyalty .content-loyalty .et_pb_column:nth-child(1){
  width: 60%;
}
.section-loyalty .content-loyalty .et_pb_column .et_pb_text:nth-child(1) {
  max-width: 500px;
}
.section-loyalty .content-loyalty .et_pb_column .et_pb_text {
  max-width: 390px;
}
.section-loyalty .content-loyalty .et_pb_column:nth-child(2){
  width: 445px;
  position: absolute;
  top: -35px;
  right: 100px;
}
.section-loyalty .content-loyalty .img-loyalty .et_pb_image_wrap img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.section-loyalty .content-loyalty .feature-text-loyalty{
  background-color: #E5EEFF;
  padding: 25px;
  border-radius: 10px;
  margin-top: 40px;
}
.section-loyalty .content-loyalty .feature-text-loyalty p{
  font-size: 16px;
  color: #460099;
}

/* --- END LOYALTY --- */


/* --- STRAGEGY --- */

.section-strategy .content-strategy p{
  font-weight: 300;
}
.section-strategy .items-strategy{
  padding-bottom: 25px !important;
}
.section-strategy .items-strategy .et_pb_column{
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: space-between;
}
.section-strategy .items-strategy .et_pb_column .item{
  width: 30.8%;
  position: relative;
  margin-bottom: 0;
}
.section-strategy .items-strategy .et_pb_column .item .et_pb_main_blurb_image{
  margin-bottom: 25px;
  position: relative;
}
.section-strategy .items-strategy .et_pb_column .item .et_pb_main_blurb_image::before{
  content: '';
  font-size: 20px;
  line-height: 150%;
  color: #FFFFFF;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 1;
}
.section-strategy .items-strategy .et_pb_column .item.b2b .et_pb_main_blurb_image::before{
  content: 'B2B';
}
.section-strategy .items-strategy .et_pb_column .item.b2e .et_pb_main_blurb_image::before{
  content: 'B2E';
}
.section-strategy .items-strategy .et_pb_column .item.b2c .et_pb_main_blurb_image::before{
  content: 'B2C';
}
.section-strategy .items-strategy .et_pb_column .item .et_pb_main_blurb_image .et_pb_image_wrap {
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
.section-strategy .items-strategy .et_pb_column .item .et_pb_main_blurb_image .et_pb_image_wrap::before{
  content: '';
  width: 100%;
  height: 100%;
  background: linear-gradient(30deg,rgba(70, 0, 153, 1) 0%, rgba(70, 0, 153, 0) 100%);
  position: absolute;
  left: 0;
  top: 0;
  opacity: .4;
}
.section-strategy .items-strategy .et_pb_column .item .et_pb_main_blurb_image .et_pb_image_wrap img{
  height: 100%;
  object-fit: cover;
}
.section-strategy .items-strategy .et_pb_column .item .et_pb_blurb_container {
  padding: 0 10px;
}
.section-strategy .items-strategy .et_pb_column .item .et_pb_module_header{
  font-size: 16px;
  margin-bottom: 20px;
  padding-bottom: 0;
}

/* --- END STRAGEGY --- */


/* --- CALL BLOG --- */

.section-call-blog .content-call-blog .et_pb_posts > div{
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: space-between;
} 
.section-call-blog .content-call-blog .et_pb_posts > div .et_pb_post{
  width: 30.8%;
  position: relative;
  margin-bottom: 0;
  transition: all .2s ease;
}
.section-call-blog .content-call-blog .et_pb_posts > div .et_pb_post:hover .post-content .post-content-inner p{
  color: #460099;
}
.section-call-blog .content-call-blog .et_pb_posts > div .et_pb_post .entry-featured-image-url{
  height: 190px;
  border-radius: 8px;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
}
.section-call-blog .content-call-blog .et_pb_posts > div .et_pb_post .entry-featured-image-url::before{
  content: '';
  width: 100%;
  height: 100%;
  background: linear-gradient(30deg,rgba(70, 0, 153, 1) 0%, rgba(70, 0, 153, 0) 100%);
  position: absolute;
  left: 0;
  top: 0;
  opacity: .4;
}
.section-call-blog .content-call-blog .et_pb_posts > div .et_pb_post .entry-featured-image-url img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section-call-blog .content-call-blog .et_pb_posts > div .et_pb_post .post-meta{
  position: absolute;
  top: 20px;
  right: 20px;
}
.section-call-blog .content-call-blog .et_pb_posts > div .et_pb_post .post-meta a{
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  color: #FFFFFF;
  line-height: 150%;
  letter-spacing: -0.1px;
}
.section-call-blog .content-call-blog .et_pb_posts > div .et_pb_post .post-meta a:hover{
  color: #460099;
}
.section-call-blog .content-call-blog .et_pb_posts > div .et_pb_post .entry-title{
  font-size: 16px;
  line-height: 150%;
  padding-left: 10px;
}
.section-call-blog .content-call-blog .et_pb_posts > div .et_pb_post .post-content .post-content-inner p{
  font-size: 16px;
  line-height: 150%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  padding: 0 10px;
  transition: all .2s ease;
}

/* --- END CALL BLOG --- */


/* --- TESTIMONIALS --- */

.section-testimonials {
  background-color: transparent !important;
  z-index: 1;
}
.section-testimonials .content-testimonials{
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 70px 50px;
}
.section-testimonials .content-testimonials h2{
  font-weight: 400;
}

/* --- END TESTIMONIALS --- */


/* --- DIFFERENCES --- */

.section-differences{
  min-height: 845px;
}
.section-differences .content-differences{
  margin-top: 110px;
  margin-bottom: 80px;
}
.section-differences .content-differences-items .et_pb_column{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
}
.section-differences .content-differences-items .item{
  width: 32.5%;
  height: 100%;
  min-height: 256px;
  background: linear-gradient(50deg, rgba(190, 205, 232, 1) 0%, rgba(255, 255, 255, .9) 100%) padding-box,
              linear-gradient(to right, rgba(190, 205, 232, 1) 0%, rgba(255, 255, 255, .2) 100%) border-box;
  border: 4px solid transparent;
  border-radius: 8px;
  padding: 30px;
  margin-bottom: 0 !important;
}
.section-differences .content-differences-items .item h3{
  margin-bottom: 10px;
}

/* --- END DIFFERENCES --- */


/* --- CONTACT --- */

.section-contact {
  z-index: 1;
  background-color: transparent !important;
}
.section-contact .content-contact{
  border-radius: 20px;
  padding: 90px 140px 50px;
}

/* FORM */

.section-contact .content-contact .wpcf7-form{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.section-contact .content-contact .wpcf7-form .third{
  width: 32%;
  margin-bottom: 10px;
}
.section-contact .content-contact .wpcf7-form .half{
  width: 49%;
  margin-bottom: 10px;
}
.section-contact .content-contact .wpcf7-form .full{
  width: 100%;
  margin-bottom: 10px;
}
.section-contact .content-contact .wpcf7-form .button{
  width: 100%;
  margin-top: 10px;
}

.section-contact .content-contact .wpcf7-form ::placeholder{
  color: #878787;
  font-size: 16px;
}
.section-contact .content-contact .wpcf7-form input,
.section-contact .content-contact .wpcf7-form select,
.section-contact .content-contact .wpcf7-form textarea{
  font-size: 16px;
  color: #666666;
  width: 100%;
  height: 56px;
  padding: 15px;
  border: 0;
  border-radius: 10px;
}
.section-contact .content-contact .wpcf7-form textarea{
  height: 120px;
  resize: none;
}
.section-contact .content-contact .wpcf7-form select{
  appearance: none;
  padding: 15px 40px 15px 15px;
  background-image: url(../images/icon-down.svg);
  background-position: calc(100% - 15px) center;
  background-repeat: no-repeat;
  background-size: 18px;
}

.section-contact .content-contact .wpcf7-form .button p {
  text-align: center;
}
.section-contact .content-contact .wpcf7-form .button .wpcf7-submit{
  width: 100%;
  height: 56px;
  background-color: #E5EEFF;
  color: #460099;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  border-radius: 50px;
  border: 0;
  padding: 10px 30px 12px;
}
.section-contact .content-contact .wpcf7-form .button .wpcf7-submit:hover{
  background-color:#FFFFFF;
}
.section-contact .content-contact .wpcf7-form .wpcf7-spinner{
  margin-top: 10px;
}
.section-contact .content-contact .wpcf7-not-valid-tip{
  font-size: 12px;
  color: #E5EEFF;
}
.section-contact .content-contact .wpcf7 form .wpcf7-response-output{
  width: 100%;
  font-size: 18px;
  color: #E5EEFF;
  border: 0;
  padding: 0;
  margin: 0;
  text-align: center;
}

/* --- END CONTACT --- */


/* --- FOOTER --- */

.section-footer .content-footer {
  padding: 25px 0;
}
.section-footer .content-footer p{
  font-size: 12px;
}

/* --- END FOOTER --- */


/* --- RESPONSIVE --- */

@media screen and (max-width: 1360px) {
  /* --- ROW --- */

  .et_pb_row{
    width: 95% !important;
    max-width: 1116px;
  }

  /* END ROW */
}
@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {


  /* --- SOLUTION --- */

  .section-solution .content-solution{
    height: 540px;
  }
  .section-solution .content-solution .et_pb_column .et_pb_image {
    width: 550px;
    left: -70px;
    top: -135px;
  }

  /* --- END SOLUTION --- */


  /* --- TROPHY --- */

  .section-trophy .content-trophy .trophy{
    width: 250px;
    height: 250px;
    left: 5px;
  }

  /* --- END TROPHY --- */


  /* --- LOYALTY --- */

  .section-loyalty .content-loyalty{
    padding: 60px 250px 60px 60px;
  }
  .section-loyalty .content-loyalty .et_pb_column:nth-child(2){
    right: 40px;
  }

  /* --- END LOYALTY --- */
  

  /* --- TESTIMONIALS --- */

  .section-differences .content-differences {
    margin-top: 160px;
    margin-bottom: 60px;
  }
  .section-differences .content-differences .et_pb_column .et_pb_text{
    max-width: 365px;
  }

  /* --- END TESTIMONIALS --- */


  /* --- CONTACT --- */

  .section-contact .content-contact{
    padding: 90px 80px 50px;
  }

  /* --- END CONTACT --- */

}
@media screen and (max-width: 1100px) {

  /* --- BANNER --- */

  .section-banner .content-banner .banner-image {
    width: 530px;
  }

  /* --- END BANNER --- */


  /* --- CLIENTS --- */

  .section-clients {
    padding: 50px 0 !important;
  }
  .section-clients .container-clients{
    width: 100% !important;
    flex-direction: column;
    padding: 0;
  }
  .section-clients .container-clients::before,
  .section-clients .container-clients::after {
    content: '';
    position: absolute;
    top: 0;
    width: 60px;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .section-clients .container-clients::before {
    left: 0;
    background: linear-gradient(to right, #FFFFFF, transparent);
  }
  .section-clients .container-clients::after {
    right: 0;
    background: linear-gradient(to left, #FFFFFF, transparent);
    visibility: visible;
  }
  .section-clients .container-clients .et_pb_column:nth-child(1){
    width: 100%;
    margin: 0 0 30px 0;
  }
  .section-clients .container-clients .et_pb_column:nth-child(2){
    width: 100%;
  }
  
  .section-clients .content-clients {
    width: 100% !important;
    overflow-x: hidden;
    position: relative;
    cursor: grab;
  }
  .section-clients .content-clients.dragging {
    cursor: grabbing;
  }
  .section-clients .content-clients, 
  .section-clients .content-clients .content-clients-inner{
    gap: 30px;
  }
  .section-clients .content-clients .content-clients-inner {
    display: flex;
    flex-wrap: nowrap;
    width: max-content;
  }
    
  .section-clients .container-clients .et_pb_text_inner,
  .section-clients .container-clients .et_pb_text_inner h2, 
  .section-clients .container-clients .et_pb_text_inner p{
    text-align: center;
  }
  .section-clients .content-clients .et_pb_image {
    flex: 0 0 auto;
    margin-right: 40px;
    user-select: none;
  }

  /* --- END CLIENTS --- */
}

@media screen and (max-width: 983px) {

  /* ROW */

  .et_pb_row{
    width: 90% !important;
  }

  /* END ROW */

  
  /* --- HEADER --- */

  .et-boc .et-l .section-header {
    padding: 20px 0;
  }
  .et-boc .et-l .section-header .content-header {
    width: 85% !important;
  }

  /* MENU */

  .et-boc .et-l .section-header .content-header .et_pb_column:nth-child(1),
  .et-boc .et-l .section-header .content-header .et_pb_column:nth-child(2) {
    width: 100%;
  }
  .et-boc .et-l .section-header .content-header .et_pb_column:nth-child(2){
    position: absolute;
    right: 0;
  }
  .et-boc .et-l .section-header .content-header .mobile_menu_bar::before{
    content: '';
    background-image: url(../images/icon-menu.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 32px;
    height: 24px;
    display: block;
  }
  .et-boc .et-l .section-header .content-header .mobile_nav .et_mobile_menu {
    background-color: #735ce6 !important;
    top: calc(100% + 25px);
    border-top: 0;
    border-radius: 10px;
  }
  .et-boc .et-l .section-header .content-header .mobile_nav .et_mobile_menu .menu-item a{
    font-size: 14px;
    line-height: 160%;
    color: #FFFFFF;
    padding: 7px 0;
    border: 0;
    transition: all .2s;
  }
  .et-boc .et-l .section-header .content-header .mobile_nav .et_mobile_menu .menu-item a:hover{
    color: #ccc1ff;
    opacity: 1;
    background-color: transparent;
  }

  .et-boc .et-l .section-header .content-header .lang-item {
    display: inline-flex;
    padding-top: 20px;
  }
  .et-boc .et-l .section-header .content-header .lang-item.lang-item-pt {
    margin-right: 5px !important;
  }
  .et-boc .et-l .section-header .content-header .lang-item a {
    filter: brightness(100);
  }

  /* --- END HEADER --- */

  
  /* --- MAIN --- */

  .et-boc #et-main-area {
      margin-top: 80px;
  }

  /* --- END MAIN --- */

  
  /* --- BANNER --- */

  .section-banner .content-banner .et_pb_text_inner{
    max-width: 260px;
  }
  .section-banner .content-banner .banner-image {
    width: 390px;
  }

  /* --- END BANNER --- */


  /* --- SOLUTION --- */

  .section-solution .content-solution {
    height: auto;
    flex-direction: column;
    background-size: 880px;
    background-position: top center;
    overflow: hidden;
    padding: 30px;
  }
  .section-solution .content-solution::before{
    content: '';
    width: 100%;
    height: 70%;
    background: linear-gradient(0deg,rgba(103, 67, 157, 1) 0%, rgba(174, 146, 205, 1) 70%, rgba(174, 146, 205, 0) 100%);
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .section-solution .content-solution .et_pb_column{
    width: 100%;
  }
  .section-solution .content-solution .et_pb_column .et_pb_image {
    width: 100%;
    max-width: 450px;
    margin: 130px auto 0;
    left: 0;
    top: 0;
    position: relative;
  }

  /* --- END SOLUTION --- */


  /* --- TROPHY --- */

  .section-trophy,
  .section-trophy .content-trophy {
    padding-top: 0px !important;
  }
  .section-trophy .content-trophy .et_pb_column{
    flex-direction: column;
  }
  .section-trophy .content-trophy .trophy{
    width: 100%;
    height: 100%;
    max-width: 220px;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    transform: translateY(30px);
    margin: 0 auto;
  }
  .section-trophy .content-trophy .item-trophy {
    width: 100%;
  }

  /* --- END TROPHY --- */

  
  /* --- LOYALTY --- */

  .section-loyalty{
    margin-top: 50px;
  }
  .section-loyalty .content-loyalty {
    width: 100% !important;
    height: auto;
    flex-direction: column-reverse;
    border-radius: 0;
    padding: 30px;
    background-size: 2100px;
    background-position: left;
  }
  .section-loyalty .content-loyalty::before{
    content: '';
    background-image: url(../images/circles.svg);
    background-position: right 25px;
    background-repeat: no-repeat;
    background-size: 260px;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: .4;
  }
  .section-loyalty .content-loyalty .et_pb_column:nth-child(1) {
    width: 100%;
    margin-bottom: 0;
  }
  .section-loyalty .content-loyalty .et_pb_column .et_pb_text:nth-child(1),
  .section-loyalty .content-loyalty .et_pb_column .et_pb_text  {
    max-width: 100%;
  }
  .section-loyalty .content-loyalty .et_pb_column:nth-child(2) {
    width: 100%;
    max-width: 350px;
    position: relative;
    top: 0;
    right: 0;
    transform: translateY(-140px);
    margin-bottom: -100px;
  }

  /* --- END LOYALTY --- */

  
  /* --- STRAGEGY --- */

  .section-strategy .items-strategy .et_pb_column .item{
    width: 30.3%;
  }

  /* --- END STRAGEGY --- */


  /* --- CALL BLOG --- */

  .section-call-blog,
  .section-call-blog .content-call-title-blog{
    padding-top: 0 !important;
  }
  .section-call-blog .content-call-blog {
    padding-top: 10px;
  }
  .section-call-blog .content-call-blog .et_pb_posts > div .et_pb_post{
    width: 30%;
  }

  /* --- END CALL BLOG --- */


  /* --- TESTIMONIALS --- */

  .section-differences .content-differences {
    margin-top: 160px;
    margin-bottom: 0px;
  }
  .section-differences .content-differences .et_pb_column .et_pb_text{
    max-width: 275px;
  }
  .section-differences .content-differences .et_pb_column .et_pb_text:nth-child(2){
    margin-bottom: 30px !important;
  }
  .section-differences .content-differences-items .item {
    width: 32%;
  }

  /* --- END TESTIMONIALS --- */


  /* --- CONTACT --- */

  .section-contact .content-contact .et_pb_text{
    max-width: 100%;
  }

  /* --- END CONTACT --- */


  /* --- FOOTER --- */

  .section-footer .content-footer {
    padding: 10px 0 0;
  }
  .section-footer .content-footer:nth-child(1) {
    padding-bottom: 0 !important;
  }
  .section-footer .content-footer:nth-child(2) {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .section-footer .content-footer:nth-child(2) .et_pb_column {
    margin-bottom: 0px;
  }
  .section-footer .content-footer:nth-child(2) .et_pb_column:nth-child(1) p{
    text-align: left;
  }
  .section-footer .content-footer:nth-child(2) .et_pb_column:nth-child(2) p{
    text-align: right;
  }
  
  /* --- END FOOTER --- */
}
@media screen and (max-width: 767px) {

  /* --- BANNER --- */

  .et-boc .et-l .section-banner, 
  .section-banner {
    padding: 40px 0 !important;
  }
  .section-banner::before{
    content:'';
    width: 85%;
    height: 100%;
    background-color: #460099;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    border-radius: 8px;
  }
  .section-banner .content-banner .et_pb_column{
    margin-bottom: 0;
  }
  .section-banner .title-banner,
  .section-banner .content-banner .et_pb_text,
  .section-banner .content-banner .et_pb_button_module_wrapper{
    padding: 0 40px;
  } 
  .section-banner .content-banner .et_pb_text_inner{
    max-width: initial;
  }
  .section-banner .content-banner .banner-image-mobile .et_pb_image_wrap {
    border-radius: 10px;
    overflow: hidden;
    height: 260px;
  }
  .section-banner .content-banner .banner-image-mobile .et_pb_image_wrap img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* --- END BANNER --- */


  /* --- CLIENTS --- */

  .section-clients .container-clients .et_pb_text_inner{
    max-width: 250px;
    margin: auto;
  }
  .section-clients .container-clients .et_pb_text_inner h2{
    font-size: 27px;
  }

  /* --- END CLIENTS --- */

  
  /* --- LOYALTY --- */

  .section-loyalty .content-loyalty {
    background-color: #460099;
    background-size: 1110px;
    background-position: -100px bottom;
  }
  
  /* --- END LOYALTY --- */

    
  /* --- STRAGEGY --- */

  .section-strategy .items-strategy .et_pb_column .item{
    width: 100%;
  }

  /* --- END STRAGEGY --- */

  /* --- CALL BLOG --- */
  
  .section-call-blog .content-call-blog .et_pb_posts > div .et_pb_post{
    width: 100%;
  }

  /* --- END CALL BLOG --- */


  /* --- DIFFERENCES --- */
  
  .section-differences {
    min-height: initial;
    background-size: 760px !important;
    background-position: center -100px !important;
  }
  .section-differences::before {
    content: '';
    width: 100%;
    height: 49%;
    background: linear-gradient(0deg, rgba(88, 44, 133, 1) 0%, rgba(88, 44, 133, 1) 90%, rgba(88, 44, 133, 0) 100%);
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .section-differences .content-differences {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0;
  }
  .section-differences .content-differences-items .et_pb_column{
    flex-direction: column;
  }
  .section-differences .content-differences .et_pb_column .et_pb_text {
    max-width: 100%;
  }
  .section-differences .content-differences .et_pb_column .et_pb_text:nth-child(2) {
    margin-bottom: 640px !important;
  }
  .section-differences .content-differences-items .item {
    width: 100%;
    height: auto;
    min-height: initial;
  }

  /* --- END DIFFERENCES --- */


  /* --- CONTACT --- */

  .section-contact .content-contact .wpcf7-form .half,
  .section-contact .content-contact .wpcf7-form .third{
    width: 100%;
  }

  /* --- END CONTACT --- */

}
@media screen and (max-width: 600px) {

  /* --- SOLUTION --- */

  .section-solution .content-solution {
    background-size: 570px;
  }

  /* --- END SOLUTION --- */

  
  /* --- LOYALTY --- */

  .section-loyalty {
    margin-top: 20px;
  }
  .section-loyalty .content-loyalty .et_pb_column:nth-child(2) {
    width: 106% !important;
    transform: translateY(-100px);
    margin-bottom: -60px;
  }
  .section-loyalty .content-loyalty::before{
    background-size: 310px;
  }

  /* --- END LOYALTY --- */


  /* --- TESTIMONIALS --- */
  
  .section-testimonials {
    padding-top: 0px !important;
    margin: 0;
  }
  .section-testimonials .content-testimonials {
    width: 100% !important;
    height: auto;
    border-radius: 0;
    padding: 50px 12px;
  }

  /* --- END TESTIMONIALS --- */

  
  /* --- DIFFERENCES --- */
  
  .section-differences {
    background-size: 590px !important;
    background-position: center -50px !important;
    margin: 0;
  }
  .section-differences::before {
    height: 60%;
  }
  .section-differences .content-differences .et_pb_column .et_pb_text:nth-child(2) {
    margin-bottom: 470px !important;
  }
  
  /* --- END DIFFERENCES --- */


  /* --- CONTACT --- */

  .section-contact .content-contact {
    padding: 50px 20px;
    border-radius: 0;
    width: 100% !important;
  }

  /* --- END CONTACT --- */
}
@media screen and (max-width: 460px){

  /* --- BANNER --- */

  .section-banner .content-banner .et_pb_text{
    max-width: 260px;
  }
  .section-banner .content-banner .et_pb_button_module_wrapper .et_pb_button{
    width: 100%;
  }

  /* --- END BANNER --- */


  /* --- STRATEGY --- */

  .section-strategy .items-strategy .et_pb_column .item .et_pb_main_blurb_image .et_pb_image_wrap {
    height: 190px;
  }

  /* --- END STRATEGY --- */

  
  /* --- DIFFERENCES --- */
  
  .section-differences {
    background-size: 460px !important;
    background-position: center 0 !important;
  }
  .section-differences .content-differences {
    margin-top: 0px;
  }
  .section-differences .content-differences .et_pb_text{
    padding: 0 30px;
  }
  .section-differences .content-differences .et_pb_button{
    width: 90%;
  }
  .section-differences .content-differences .et_pb_column .et_pb_text:nth-child(2) {
    margin-bottom: 380px !important;
  }
  .section-differences .content-differences-items {
    padding-top: 10px !important;
  }
  .section-differences .content-differences-items .et_pb_column{
    gap: 15px;
  }
  
  /* --- END DIFFERENCES --- */
}
@media screen and (max-width: 360px){

  /* --- DIFFERENCES --- */
  
  .section-differences .content-differences .et_pb_column .et_pb_text:nth-child(2) {
    margin-bottom: 360px !important;
  }
  
  /* --- END DIFFERENCES --- */
}

/* --- END RESPONSIVE --- */