/*==============================
NEW STYLE
==============================*/

/*------------------- 1.5. Typography -------------------*/
@font-face {
    font-family: "Inter-Bold";
    src: url("../font/Inter-Bold.ttf");
    font-weight: 700;
}
@font-face {
    font-family: "Inter-Semibold";
    src: url("../font/Inter-Semibold.ttf");
    font-weight: 600;
}

@font-face {
    font-family: "Inter-Medium";
    src: url("../font/Inter-Medium.ttf");
    font-weight: 500;
}

@font-face {
    font-family: "Inter-Regular";
    src: url("../font/Inter-Regular.ttf");
    font-weight: 400;
}

@font-face {
    font-family: "DMSans-Bold";
    src: url("../font/DMSans-Bold.ttf");
    font-weight: 600;
}
@font-face {
    font-family: "DMSans-Medium";
    src: url("../font/DMSans-Medium.ttf");
    font-weight: 500;
}

@font-face {
    font-family: "DM Sans";
    src: url("../font/DMSans-Regular.ttf");
    font-weight: 400;
}
@font-face {
    font-family: "Lora";
    src: url("../font/Lora-Italic.ttf");
    font-weight: 400;
}

@font-face {
    font-family: "Morion";
    src: url("../font/Morion-Regular.ttf");
    font-weight: 400;
}
@font-face {
    font-family: "Morion-Bold";
    src: url("../font/Morion-Bold.ttf");
    font-weight: 600;
}

.h1,
h1 {
  font-size: 3vw;
  line-height: 1;
}

/*section hero*/

.logo-header {
  width: 40%;
}

.fuente-negro{
  color: black !important;
}

.fuente-color{
  color: white;"
}

.header-layout2 .sticky-wrapper.header-sticky .fuente-negro{
    color: white !important;
}

.btn-cont {
  width: 100px;
  height: 28px;
  border-radius: 23.5px;
  background: #fff;
  color: #000;
  font-family: "Inter-Regular";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border: none;
}

.btn-cont:hover {
  color: white;
  background: #D92636;
}


.link-effect {
    height: 21px;
}

.btn-header {
  color: #fff;
  text-align: center;
  font-family: "Inter-Medium";
  font-size: 1.3vw;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.header-layout2 .sticky-wrapper.header-sticky {
    background: black;
}

.header-layout2 .main-menu ul.sub-menu {
  background: black;
}

.header-layout2 .main-menu ul.sub-menu a {
  color: white;
}

.main-menu ul.sub-menu a {
  font-family: "Inter-Regular";
}

.header-layout2 .main-menu ul.sub-menu .menu-item-has-children > a:before, .header-layout2 .main-menu ul.sub-menu .menu-item-has-children > a:after {
  background: #ffffff;
}

.btn.style7 {
  border-radius: 47.5px !important;
  background: #28c254;
  padding: 13px 30px;
}

.btn.style7.home{
  background: #D92636;
}

.btn.style7.targe{
  color: black;
  background: #ffffff;
  padding: 19px 58px;
  font-size: 1.4vw;
}

.btn.style7.targe:hover{
  color: #ffffff;
  background: #1A4666;
  padding: 19px 58px;
  font-size: 1.4vw;
}

.btn.style7.sxo{
  color: black;
  background: #ffffff;
  padding: 19px 58px;
  font-size: 1.4vw;
}

.btn.style7.sxo:hover{
  color: #ffffff;
  background: #D92636;
  padding: 19px 58px;
  font-size: 1.4vw;
}

.btn.style7.conver{
  color: black;
  background: #ffffff;
  padding: 19px 58px;
  font-size: 1.4vw;
}

.btn.style7.conver:hover{
  color: #ffffff;
  background: #005E43;
  padding: 19px 58px;
  font-size: 1.4vw;
}

.btn.style7.bridge{
    color: black;
    background: white;
}

.btn.style7.bridge:hover {
    background-color: #28c254;
}

.btn.style7:hover {
  background-color: white;
}

.btn-header:hover {
  color: black;
}

.text-concept {
  text-align: left;
  color: #fff;
  font-family: "Inter-Regular";
  font-size: 5vw;
  font-style: normal;
  font-weight: 400;
  line-height: 116%; /* 104.4px */
  letter-spacing: -3.6px;
}

.text-concept.sub {
  font-size: 4.8vw;
}

.text-concept span {
  color: #fff;
  font-family: Lora;
  font-size: 5.2vw;
  font-weight: 400;
  line-height: 116%;
  letter-spacing: -2px;
}

.hero-title {
  font-family: "Inter-Regular";
  font-size: 7vw;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -4.2px;
  line-height: 7.5vw;
}

.hero-title span {
  letter-spacing: -2px;
}

/*section how*/

.mano {
  width: 40%;
}

.text-how {
  color: #fff;
  font-family: "Inter-Regular";
  font-size: 4.5vw;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 108px */
  letter-spacing: -4.8px;
}

.text-how span {
  color: #fff;
  font-family: Lora;
  font-size: 4.5vw;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -2px;
}

.fix-img {
  width: 5%;
  height: 5%;
  margin-left: 1rem;
}

.btn-how {
  color: #fff;
  font-family: "Inter-Regular";
  font-size: 1.7vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.btn-how.blog {
  font-size: 1.3vw;
}

/*section concept*/

.size-col-conc {
  width: 96%;
}

.size-col-conc h4 {
  font-size: 1.8vw;
  line-height: 3rem;
  color: white;
  font-family: "Inter-Regular";
  border-bottom: 1px solid white;
}

.size-col-conc p {
  color: white;
  font-size: 1.2vw;
  margin-top: 1rem;
  line-height: 21px;
}

.fix-img-arrow {
  width: 5%;
  height: 5%;
  margin-left: 2rem;
}

.fix-img-arrow-blog {
    width: 10%;
    height: 5%;
    margin-left: 1rem;
}

/*#plus {
  display: none;
}

.hid:hover > #plus {
  display: flex;
}

.hid:hover > #arrow {
  display: none;
}

#pink1 {
  display: none;
}

.line1:hover > #pink1 {
  display: flex;
}*/


/*section methodology*/

.crumbs {
  font-size: 1.2vw;
  color: #c1bdbd;
  border-bottom: 2px solid;
  width: 8%;
  display: flex;
  left: 1rem;
  position: relative;
  text-align: left;
}

.back-image-sect {
    background-image: url("../image/back-bridge.png");
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 90vw;
    height: 47vw;;
}

.back-image-sect ul {
  display: flex;
  padding: 0;
  transition: all 1s ease;
  position: relative;
  width: 100%;
  height: 100%;
}

.back-image-sect li.black {
  background-color: black;
  height: 100%;
  padding: 19vw 1vw;
  transition: all 1s ease;
  width: 22vw;
}

.back-image-sect li {
  position: relative;
  display: block;
  float: left;
  transition: all 1s ease;
  width: 31vw;
}

.pruebas{
  position: relative;
  display: block;
  float: left;
  transition: 0.3s ease-in-out;
}

.bg-blue-bridge-mobile{
  height: 0vw;
  transition: all 1s ease;
  background: rgba(26, 70, 102, 0.70);
}

.bg-red-bridge-mobile{
  height: 0vw;
  transition: all 1s ease;
  background: rgba(217, 38, 54, 0.70);
}

.bg-green-bridge-mobile{
  height: 0vw;
  transition: all 1s ease;
  background: rgba(0, 94, 67, 0.70);
}

.incr-height {
  height: 126vw !important;
  transition: all 1s ease;
}

.back-image-sect li.gray-white {
    height: 3.1%;
    padding: 0vw 10rem;
    transition: all 1s ease;
    background: rgba(26, 70, 102, 0.70);
}

.back-image-sect li .bg-icon {
  color: rgba(255, 255, 255, 0.5);
  position: absolute;
  left: 40px;
  top: 30px;
  font-weight: 400;
  font-family: "JosefinSans", sans-serif;
  font-size: 60px;
  line-height: 80px;

}

.back-image-sect li .rotated-title {
    position: absolute;
    left: 10px;
    bottom: 20px;
    font-size: 1.5vw;
    line-height: 60px;
    width: 60px;
    color: rgb(255 255 255);
    white-space: nowrap;
    -webkit-transform: rotate(-90deg);
    font-family: 'Inter-Regular';
}

.posi-img {
  position: absolute;
  bottom: 8vw;
  width: 6%;
  right: -1vw;
}

.posi-img1 {
    position: absolute;
    bottom: 8vw;
    width: 5%;
    right: 0vw;
}

.incr-width {
  height: 74.2% !important;
  transition: all 1s ease;
}

.desc-width {
  width: 0vw !important;
  transition: all 1s ease;
}

.back-image-sect li.gray {
  background: rgba(217, 38, 54, 0.70);
  height: 3.1%;
  padding: 0vw 10rem;
  transition: all 1s ease;
}

.back-image-sect li.black-gray {
    background: rgba(0, 94, 67, 0.70);
    height: 3.1%;
    padding: 0vw 10rem;
    transition: all 1s ease;
}

.conte-bridg-btn{
  position: absolute;
  bottom: 1vw;
  padding: 2vw;
  width: 30%;
}

.conte-bridg-btn.center{
  left: 30vw;
}

.conte-bridg-btn.rigth{
  right: 3vw;
}

.conte-bridg-btn p{
  color: white;
  line-height: 2.5vw;
  font-family: 'Inter-Regular';
  font-size: 2vw;
}

.conte-bridg-btn span{
  color: white;
  font-family: 'Lora';
  font-size: 2vw;
}



.text-current,
.text-current2,
.text-current3 {
  position: absolute;
  padding: 0;
  width: 19vw;
  left: 5vw;
  bottom: 13vw;
  color: #fff;
  font-family: "Inter-Regular";
  font-size: 1.3vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.text-current-a,
.text-current2-a,
.text-current3-a {
  position: absolute;
  padding: 0;
  width: 57%;
  left: 13rem;
  bottom: 11rem;
  color: #fff;
  font-family: "Inter-Bold";
  font-size: 1.3vw;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.line {
  color: #a7a4a4;
  border-top: 1px solid;
  width: 85%;
  height: 30vw;
  display: flex;
  left: 1rem;
  position: relative;
  /*text-align: center;*/
  justify-content: space-between;
  margin: auto;
}

.less-box{
  width: 8%;
  height: 3vw !important;
  margin-left: 1.5vw;
}

.less-box2 {
  position: relative;
  width: 8%;
  height: 3vw !important;
  margin-left: 16.5vw;
}

.less-box3 {
  width: 8%;
  height: 3vw !important;
  margin-left: 1.5vw;
}

.fix-img-met {
  height: 6% !important;
  width: 8%;
  margin-top: 2rem;
}

.fix-text-met {
  margin-top: 0rem;
  color: #fff;
  font-family: "Morion";
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  font-size: 2.5vw;
  margin-bottom: 0;
}

.fix-text-met.marg {
  margin-top: 2vw;
}

.section-click {
  background-color: black;
  padding: 0rem 3rem 5rem;
}

.color-box-met-blue {
  background: #1A4666;
  width: 100%;
  margin: auto;
  padding: 2rem 2rem;
  height: 31vw;
  flex-direction: column;
  justify-content: space-between;
  align-content: space-between;
  flex-wrap: wrap;
}

.reach-card.color-box-met-blue {
    width: 100%;
    height: 100%;
    padding: 3vw 9vw 3vw 5vw;
}

.reach-card.color-box-met-pink {
    width: 100%;
    height: 100%;
    padding: 3vw 9vw 3vw 5vw;
}

.reach-card.color-box-met-green {
    width: 100%;
    height: 100%;
    padding: 4vw 6vw 5vw 5vw;
}

.color-box-met-pink {
  background: #D92636;
  width: 100%;
  margin: auto;
  padding: 2rem 2rem;
  height: 31vw;
  flex-direction: column;
  justify-content: space-between;
  align-content: space-between;
  flex-wrap: wrap;
}

.color-box-met-green {
  margin-top: -1rem;
  background: #005E43;
  width: 100%;
  margin: auto;
  padding: 2rem 2rem;
  height: 31vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.carru-imagen-sol{
  width: 18%;
  padding: 1vw;
}

.top-mar-carru{
    margin-top: -7vw;
  }


/*======end methodology======*/

.color-box-met-pink a, .color-box-met-pink p,
.color-box-met-green a, .color-box-met-green p,
.color-box-met-blue a, .color-box-met-blue p{
  color: #fff;
  font-family: "Inter-Regular";
  font-size: 1.5vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}

.color-box-met-pink .line-inf a, .color-box-met-pink .line-inf p{
  line-height: 49px;
}

.color-box-met-pink .line-inf img {
  width: 7%;
}

.color-box-met-pink .line-inf a img {
  width: 50%;
}


.color-box-met-blue .line-inf a, .color-box-met-blue .line-inf p{
  line-height: 49px;
}

.color-box-met-blue .line-inf img {
  width: 7%;
}

.color-box-met-green .line-inf a, .color-box-met-green .line-inf p{
  line-height: 49px;
}

.color-box-met-green .line-inf img {
  width: 7%;
}

.color-box-met-green .line-inf a img {
  width: 50%;;
}

.color-box-met-blue .line-inf a img {
    width: 50%;
}


.color-box-met-pink button,
.color-box-met-green button,
.color-box-met-blue button {
  border-radius: 47.5px;
  background: #fff;
  color: #000;
  text-align: center;
  font-family: "Inter-Medium";
  font-size: 1.3vw;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  width: 100%;
  padding: 0.8rem;
}

.fix-btn-accor {
  font-family: "Inter-Regular" !important;
  font-size: 2vw !important;
  color: #fff !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: normal !important;
  padding: 1.5vw 1vw 1vw 1vw !important;
}

.fix-btn-answ {
  color: #fff !important;
  font-family: "Inter-Regular" !important;
  font-size: 1.2vw !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 28px !important;
  width: 81% !important;
}

.fix-back-faq {
}

.fix-back-faq:hover {
  background-color: #D92636 !important;
}

.line-accord {
  border-bottom: 2px solid #ffffff !important;
}

/*section back*/

.background-img-puente {
  background-image: url("../image/image-sect.png");
  background-position: center center;
  background-size: cover;
}

/*section faq*/

.accordion-card:hover {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}

.accordion-card:first-child {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}

.accordion-card {
    transition: 0.4s ease-in-out;
    overflow: hidden;
    background: transparent;
    border-bottom: 1px solid #ffffff;
    border-radius: 0px;
    display: flex;
    align-items: start;
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
    justify-content: space-between;
    gap: 20px;
}

.fix-col-carru {
  border-right: 1px solid #a7a4a4;
  justify-content: flex-start;
  display: flex;
  align-items: center;
}

.fix-col-carru img {
  width: 65%;
}

.testi-box1 img {
  width: 40%;
  margin-bottom: 1rem;
}

.testi-box1 .testi-box-text {
  color: #fff;
  font-family: "Inter-Regular";
  font-size: 1.8vw;
  font-style: normal;
  font-weight: 400;
  line-height: 130.408%;
  width: 80%;
}

.testi-box1 .testi-box-name {
  color: #fff;
  font-family: "Inter-Bold";
  font-size: 1.1vw;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  margin: 0;
}

.testi-box1 .testi-box-desig {
  color: #fff;
  font-family: "Inter-Regular";
  font-size: 1vw;
  font-style: normal;
  font-weight: 400;
  line-height: 130.408%;
}

.marg-col {
  margin-left: 5rem;
}

.img-width {
  justify-content: space-between;
  width: 87%;
}

.font-img {
  width: 60% !important;
  margin-right: 6px;
}

/*section testimonials*/

.testi-slider1 .slick-dots li button {
  border: 1px solid #ffffff;
  height: 14px;
  width: 14px;
  margin: .5vw;
}

.redu-img {
  width: 70%;
}

.lina {
  border-right: 1px solid #a7a4a4;
  height: 16vw;
  align-items: center;
  display: flex;
  justify-content: center;
}

.marg-sup {
  margin-top: 7rem;
}

.bg-pink {
  background: #D92636;
}

.text-form {
  color: #fff;
  font-family: "Inter-Regular";
  font-size: 4vw;
  font-style: normal;
  font-weight: 400;
  line-height: 5vw;
  letter-spacing: -5.4px;
  width: 90%;
  margin-bottom: 4rem;
}

.text-form.new {
  font-size: 3.6vw;
  margin-bottom: 0;
}

.text-form span{
  font-family: 'Lora';
  letter-spacing: -2px;
}

.text-form-p {
  color: #fff;
  font-family: Lora;
  font-size: 4vw;
  font-weight: 400;
  line-height: 112px;
  letter-spacing: -2.4px;
}

.text-recp {
  color: #fff;
  font-family: "Inter-Medium";
  font-size: 1vw;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.text-recp span {
  text-decoration-line: underline;
}

.items-footer{
  margin-top: 0.2vw;
  margin-bottom: 1vw; 
}

ul.items-footer li {
  display: block;
  margin-bottom: .5vw;
}

ul.items-footer a {
  color: #fff;
  font-family: "Inter-Regular";
  font-size: 1.1vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5vw;
  text-decoration: none;
}

ul.items-footer2 li {
  display: block;
}

ul.items-footer2 a {
  color: #fff;
  font-family: "Inter-Regular";
  font-size: 1vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8vw;
  text-decoration: none;
}

.med-img{
  display: flex;
}

.med-img img {
  width: 7vw;
  margin-left: 0.7vw;
  margin-top: -1vw;
}

.med-img img.local {
  width: 8vw;
  margin-left: 1vw;
}

.med-img img.conver {
  width: 9vw;
  margin-left: 1vw;
  margin-top: 0vw;
}

.widget-area {
  padding: 6vw 0vw;
}

.inc-img{
  margin-top: -2vw;
}

.inc-img img {
  width: 9vw;
  height: 2.5vw;
  margin-bottom: 0.5vw;
  margin-top: 1vw;
}

.inc-img img.f-logo{
  margin-left: 2vw;
  margin-bottom: 0.5vw;
  width: 11vw;
  height: 2.5vw;
  margin-top: 0.7vw;
}

.inc-img p{
  color: white;
  margin-bottom: 0vw;
  margin-top: 1vw;
}

.line-inf {
  font-size: 1.2vw;
  color: #c1bdbd;
  border-bottom: 2px solid;
  display: flex;
  position: relative;
  text-align: left;
  line-height: 35px;
  margin-top: -3rem;
  justify-content: space-between;
  align-items: center;
}

.faq-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #a7a4a4;
}

.faq-row-color{
  background: #D92636;
}


/*.faq-row:hover {
  background: #D92636;
}

#aqui {
  display: none;
}

.testing:hover > #aqui {
  display: flex;
}*/

.testing:hover > #subr a{
  text-decoration: underline;
  color: black;
}



.faq-row p.title {
  color: black;
  font-size: 2vw;
  margin-top: 1.8vw;
}

.faq-row a.title {
    color: black;
    font-size: 2vw;
    line-height: 6vw;
}

.faq-row p.cont {
  color: black;
  font-size: 1.2vw;
  line-height: 1.7vw;
  margin-top: 17px;
  margin-bottom: 17px;
}

.faq-row img {
  width: 10%;
}

.back-center {
  position: relative;
}

.ubi-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.btn-brig {
  border-radius: 47.5px !important;
  padding: 1vw 3vw;
  font-size: 1.3vw;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-family: "Inter-Medium";
  left: 25.5vw !important;
  top: 45% !important;
  margin: 0 !important;
}

/*<--======== / Solitions Section ========-->*/

.back-sol {
  background-image: url("../image/header.png");
  background-position: center center;
  background-size: cover;
  padding: 12rem 4.5vw;
}

.solc-title {
}

.solc-title h1 {
  font-size: 6.5vw;
  color: #fff;
  font-family: "Inter-Regular";
  font-style: normal;
  font-weight: 500;
  line-height: 110px;
  letter-spacing: -1.6px;
}

.solc-title span {
  font-size: 6.5vw;
  color: #fff;
  font-family: Lora;
  font-weight: 400;
  line-height: 110px;
  letter-spacing: -3.6px;
}

.text-how-solc {
  color: #fff;
  font-family: "Inter-Regular";
  font-size: 4.2vw;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -4.8px;
}

.text-how-solc span {
  color: #fff;
  font-family: Lora;
  font-size: 4.2vw;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -4.8px;
}

.name-how {
  display: flex;
  align-items: center;
}

.name-how p {
  color: #fff;
  font-family: "Inter-Regular";
  font-size: 2vw;
  font-style: normal;
  font-weight: 400;
  line-height: 120.162%;
  letter-spacing: -0.8px;
  border-right: 1px solid;
  padding-right: 2rem;
}

.name-how img {
  width: 20%;
  padding: 2rem;
  margin-bottom: 1vw;
}
/*<--======== / End How ========-->*/

/*<--======== / sol pyramid Section ========-->*/

.title-pyra-down{
  position: absolute;
  color: white;
  font-size: 2vw;
  margin-bottom: 6vw;
}

.py-col {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
}

.py-col.end{
    justify-content: flex-end;
}

.py-col.start{
    justify-content: flex-start;
}

.py-col p{
  color: white;
  width: 45%;
  text-align: center;
  font-size: 1.3vw;
  line-height: 1.2;
  margin-bottom: 2vw;
  margin-top: 1vw;
}

.py-col a {
  color: #fff;
  font-family: "Morion";
  font-size: 3vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 1vw;
}

.py-col a.sxo{
    position: relative;
    top: 2vw;
}

.py-col a.conve{
    position: relative;
    top: 1vw;
}

.py-col h3.sxo{
    position: relative;
    right: 4vw;
    top: 2.7vw;
}

.py-col h3.conve{
    position: relative;
    right: 8vw;
    top: 1.7vw;
}

.py-col a.tar{
    position: relative;
    top: 1.3vw;
}

.py-col h3.tar{
    position: relative;
    right: 0vw;
    top: .7vw;
}


.py-col h3 {
  color: #fff;
  font-family: "Inter-Regular";
  font-size: 1.5vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.py-col-img {
  /*border-bottom: 1px solid white;*/
  display: flex;
  align-items: center;
  justify-content: center;
}

.py-col-imagen{
  width: 18vw;
  margin-top: 2vw;
}

.descent{
  color: white;
  font-size: 1.5vw;
  line-height: 1.2;
}

.parr-int-funnel{
  color: white;
  text-align: center;
  font-size: 1.5vw;
  line-height: 1.2;
  margin-bottom: 4vw;
  margin-top: 1vw;
  padding: 22vw;
}

.parr-int-funnel-red {
  color: white;
  text-align: center;
  font-size: 1.5vw;
  line-height: 1.2;
  margin-bottom: 4vw;
  margin-top: 1vw;
  padding: 14vw;
}

.parr-int-funnel-green {
  color: white;
  text-align: center;
  font-size: 1.5vw;
  line-height: 1.2;
  margin-bottom: 4vw;
  margin-top: -2vw;
  padding: 10vw;
}

.parr-int-funnel-greenlight {
    color: white;
    text-align: center;
    font-size: 1.5vw;
    line-height: 1.2;
    margin-bottom: 4vw;
    margin-top: -5vw;
    padding: 21vw;
}

.title-int-funnel{
  font-family: "Morion";
  font-size: 4vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  position: absolute;
  color: white;
  margin-bottom: 12vw;
  z-index: 2;
}

.title-int-funnel:hover{
  color: white;
}

.title-int-funnel.t-green{
  margin-bottom: 16vw;
}

.fix-text-pyr {
  position: absolute;
  text-align: center;
  display: flex;
  margin-top: 11vw;
}

.fix-text-pyr.d-green {
    display: block;
    margin-top: 14vw;
}

.fix-text-pyr.plus {
  margin-top: 3vw;
}

.fix-text-pyr .primero{
  margin: 2vw;
}

.fix-text-pyr .segundo {
   margin: 2vw 4vw;
}

.mr-pyr {
  margin-bottom: -1rem;
}

.mr-pyr-2 {
  margin-bottom: -7rem;
}

.fix-text-pyr a {
  color: #fff;
  font-family: "Inter-Regular";
  font-size: 1.6vw;
  font-style: normal;
  font-weight: 400;
  margin: 0;
  border-bottom: 1px solid white;
}

.fix-text-pyr a.up-title{
  font-family: Inter-Bold;
  border-bottom: none;
  position: relative;
  color: #18516F;
  background-color: white;
  border-radius: 20px;
  padding: .4vw 1vw;
}

.fix-text-pyr img {
  width: 1vw;
  height: 0.7vw;
  margin-left: 1vw;
}

.testi-ref-sol {
  margin-left: 4vw;
}

.testi-ref-sol p {
  color: #fff;
  font-family: "Inter-Regular";
  font-size: 1.8vw;
  font-style: normal;
  font-weight: 400;
  line-height: 130.408%;
}

.border-ref-sol {
  border-left: 1px solid white;
}

.ref-box img {
  width: 50%;
  padding: 3vw;
}

.btn.style8 {
  border-radius: 47.5px !important;
  background: #28c254;
  padding: 13px 7vw;
}

.btn.style8:hover {
  background-color: white;
  color: black;
}

.padd-pink {
  padding: 2vw 4vw 0rem;
}

.padd-green {
  padding: 2rem 8.2vw 0rem;
}

/*<--======== / end Sol-pyramid ========-->*/

/*<--======== / sol-paid ========-->*/
.back-sol-paid {
  background-image: url("../image/header-paid.png");
  background-position: center center;
  background-size: cover;
  padding: 10rem 5rem;
}

.solc-paid-title p.paid-crums {
  font-size: 1.3vw;
  letter-spacing: 0.4px;
  text-decoration: underline;
}

.solc-paid-title h1 {
  font-size: 6.6vw;
  color: #fff;
  font-family: "Inter-Medium";
  font-style: normal;
  font-weight: 500;
  line-height: 110px;
  letter-spacing: -1.6px;
}

.solc-paid-title p {
  font-size: 3vw;
  color: #fff;
  font-family: "Inter-Regular";
  font-style: normal;
  font-weight: 500;
  line-height: 3.8vw;
  letter-spacing: -0.6px;
}

.solc-paid-title span {
  font-size: 3vw;
  color: #fff;
  font-family: Lora;
  font-weight: 400;
  line-height: 3.8vw;
  letter-spacing: -0.6px;
}

.pad-paid {
  padding: 1vw 6vw;
}

.reach-card {
  height: auto;
}

.padding-seo-reach{
  padding: 2vw 3.5vw;
}

.reach-card.post {
  height: 21.5vw;
}

.reach-card.solucion {
  height: 17.5vw;
}

.reach-card.cro {
  height: 19.5vw;
}

.reach-card h2 {
  color: #fff;
  font-family: "Inter-Bold";
  font-size: 2.5vw;
  font-style: normal;
  font-weight: 700;
  line-height: 113%;
}

.reach-card h4{
  color: #fff;
  font-family: "Inter-Bold";
  font-size: 2.5vw;
  font-style: normal;
  font-weight: 700;
  line-height: 113%;
}

.reach-card h3{
  color: #fff;
  font-family: "Inter-Bold";
  font-size: 2.5vw;
  font-style: normal;
  font-weight: 700;
  line-height: 113%;
}

.reach-card p{
  color: #fff;
  font-family: "Inter-Regular";
  font-size: 2vw;
  font-style: normal;
  font-weight: 400;
  line-height: 2.5vw;
  margin-top: 2vw;
  /*width: 36vw;*/
}

.reach-card p.mexico{
  color: #fff;
  font-family: "Inter-Regular";
  font-size: 1.6vw;
  font-style: normal;
  font-weight: 400;
  line-height: 2.2vw;
  margin-top: 1vw;
  /* width: 36vw; */
}

.btn-how.mexico{
  color: #fff;
  font-family: "Inter-Regular";
  font-size: 1.6vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.box-blue .link-btn.mexico {
  gap: 4vw;
}

.reach-card p.cro{
    width: inherit;
}

.reach-card h4.feature-card-title {
  color: #fff;
  font-family: "Inter-Bold";
  font-size: 1.8vw;
  font-style: normal;
  font-weight: 700;
  line-height: 113%;
}

.reach-card h3.feature-card-title {
  color: #fff;
  font-family: "Inter-Bold";
  font-size: 1.8vw;
  font-style: normal;
  font-weight: 700;
  line-height: 113%;
}


.reach-card p.feature-card-text {
  color: #fff;
  font-family: "Inter-Regular";
  font-size: 1.4vw;
  font-style: normal;
  font-weight: 400;
  line-height: 138%;
  margin-top: 2vw;
}

.reach-card p.print {
  width: 38vw;
}

.reach-card p.result {
    width: 24vw;
  }

.bg-gray{
  background: #131312;
}

.bg-grayligth {
  background: #D1C5BB;
}

.bg-dark-blue {
  background: #1A4666;
}

.bg-black-success {
  background-color: black;
}

.bg-grey-success {
  background-color: #131312;
}

.bg-grayligth .text-concept {
  text-align: left;
  color: black;
  font-family: "Inter-Regular";
  font-size: 5.2vw;
  font-style: normal;
  font-weight: 400;
  line-height: 116%;
  letter-spacing: -3.6px;
}

.bg-grayligth .text-concept span {
  color: black;
  font-family: Lora;
  font-size: 5.2vw;
  font-weight: 400;
  line-height: 116%;
  letter-spacing: -3.6px;
}

.bg-grayligth .faq-row-paid p.title {
  color: black;
  font-size: 2vw;
  margin-top: 2vw;
}

.faq-row-paid.blue {
    padding: 2vw 0vw;
}

.faq-row-paid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #a7a4a4;
}

.faq-row-paid p.title {
  color: black;
  font-size: 2vw;
  margin-top: 8px;
}

.faq-row-paid p.cont {
  color: black;
  font-size: 1.2vw;
  line-height: 1.7vw;
  margin-top: 6px;
  margin-bottom: 8px;
}

.faq-row-paid img {
  width: 12%;
}

.faq-row-paid img.faq {
  width: 29%;
}



.sec-title {
  text-align: left;
  font-family: "Inter-Regular";
  font-size: 5.2vw;
  font-style: normal;
  font-weight: 400;
  line-height: 116%;
  letter-spacing: -3.6px;
}

.reach-card h4.complet {
  font-weight: 500;
}

.video-back {
  background-image: url("../image/group.png");
  background-position: center center;
  background-size: cover;
  padding: 10rem 3rem;
}

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

.width-innova {
  width: 90%;
}

.width-remax {
  width: 17vw;
  margin-top: 0vw;
}

.width-abc {
  width: 40%;
}

.width-play {
  width: 16%;
  margin-top: 3vw;
}

.gray-back {
  background: #D1C5BB;
}
/*<--======== / End-sol-paid ========-->*/

/*<--======== / sol-cro ========-->*/
.back-sol-cro {
  background-image: url("../image/header-cro.png");
  background-position: center center;
  background-size: cover;
  padding: 10rem 5rem;
}

.video-back-cro {
  background-image: url("../image/women.png");
  background-position: center center;
  background-size: cover;
  padding: 10rem 3rem;
}

.video-back-content {
  background-image: url("../image/doctora.png");
  background-position: center center;
  background-size: cover;
  padding: 10rem 3rem;
}

.video-back-innova {
  background-image: url("../image/innova.png");
  background-position: center center;
  background-size: cover;
  padding: 10rem 3rem;
}

.border-expe-cont {
  padding: 0vw 5vw;
}

.border-expe-cont h3 {
  color: white;
  font-size: 2vw;
  font-weight: 400;
}

.border-expe-cont p {
  color: whitesmoke;
  font-size: 1.2vw;
}

.border-expe {
  border-left: 1px solid white;
  padding: 0vw 5vw;
}

.border-expe h3 {
  color: white;
  font-size: 2vw;
  font-weight: 400;
}

.border-expe p {
  color: whitesmoke;
  font-size: 1.2vw;
}

.text-concept.text-cro {
  font-size: 5vw;
}

.text-concept.text-cro span {
  font-size: 5vw;
}

/*<--======== / End-sol-cro ========-->*/
/*<--======== / sol-content ========-->*/
.back-sol-content {
  background-image: url("../image/header-content.png");
  background-position: center center;
  background-size: cover;
  padding: 10rem 5rem;
}

.center-video-testi {
  padding: 6vw;
}

.center-video-partners {
  padding: 8vw 6vw;
}

.center-video-partners p {
  font-size: 4vw;
  line-height: 5vw;
  letter-spacing: 0px;
}

.center-video-partners h3 {
  font-size: 4vw;
  line-height: 5vw;
  letter-spacing: 0px;
}

.center-video-partners span {
    font-family: 'Lora';
}

.width-google{
  width: 14vw;
}

.width-vwo{
  width: 50%;
}

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


.center-video-testi p {
  font-size: 3vw;
  line-height: 4vw;
  letter-spacing: 0px;
}

.center-video-testi h3 {
  font-size: 3vw;
  line-height: 4vw;
  letter-spacing: 0px;
}

.center-video-testi span.font {
  font-family: 'Inter-Bold';
}

.back-seo {
  margin-top: 7vw;
  padding: 12.5vw 2vw;
  background: linear-gradient(270deg, #000 -38.06%, #D92636 55.97%);
}

.back-seo.seo{
  background: linear-gradient(270deg, #000 -38.06%, #D92636 55.97%);
  margin-top: 7vw;
  padding: 14vw 2vw;
}



.link-btn.text-theme.seo:before, .link-btn.text-theme.seo:after {
    background: black;
}

.row-seo {
  padding: 3vw 3vw;
  justify-content: center;
  align-items: center;
}

.boder-seo {
  border-left: 1px solid white;
}

.boder-seo h2 {
  color: white;
  font-size: 2.6vw;
  font-weight: 500;
  margin-left: 5vw;
  line-height: 3vw;
}

.boder-seo span {
  font-family: Lora;
}

.back-partners {
  background: #D92636;
}

.back-partners.cro {
  background: #005E43;
}

.back-partners h2 {
  color: white;
  font-size: 4.2vw;
  letter-spacing: 0px;
  line-height: 5.5vw;
}

.back-partners h2 span{
  font-family: Inter-Bold;
}

.padding-partner {
  padding: 8vw 5vw;
}

.pad-video-sol{
padding: 9vw;
}
/*<--======== / End-sol-content ========-->*/


/*<--======== / sol-targeted ========-->*/
.back-sol-targeted {
    background-image: url("../image/header-targeted.png");
    background-position: center center;
    background-size: cover;
    padding: 12rem 5rem;
}

.solc-targe-title h1 {
  font-size: 5.5vw;
  color: #fff;
  font-family: "Morion";
  font-style: normal;
  font-weight: 500;
  line-height: 6.5vw;
  letter-spacing: -1.6px;
}

.solc-targe-title span{
  font-size: 2.5vw;
  line-height: 6vw;
}

.solc-targe-title h1.mod{
  line-height: 4.5vw;
}

.solc-targe-title h2 {
  font-size: 3vw;
  color: white;
  font-family: 'Morion';
}

.solc-targe-title p {
  font-size: 2vw;
  color: #fff;
  font-family: "Inter-Regular";
  font-style: normal;
  font-weight: 500;
  line-height: 3.2vw;
  letter-spacing: 0.4px;
  width: 75%;
}

.solc-targe-title p.chile {
  font-size: 3.5vw;
  color: #fff;
  font-family: "Inter-Regular";
  font-style: normal;
  font-weight: 500;
  line-height: 5.2vw;
  letter-spacing: 0.4px;
  width: 75%;
}

.solc-targe-title p.conv {
  width: 37vw;;
}

.solc-targe-title p.convMx {
  width: 33vw;
  font-size: 3vw;
  line-height: 4.2vw;
}

.solc-targe-title p.targMx {
  width: 39vw;
  font-size: 3vw;
  line-height: 4.2vw;
}

.carr-targeted p{
  color: white !important;
}

.carr-targeted h3{
  color: white !important;

}

.carr-targeted h4{
  color: white !important;
  font-size: 2vw !important;
  
}

.padd-carru-targ{
  padding: 0vw 8vw;
}

.border-exec-cont {
  background: #131312;
  margin: 0vw 1vw;
  width: 47%;
  padding: 2vw;
}

.border-exec {
    border-left: 1px solid white;
    padding: 0vw 0vw 0 5vw;
}

.border-exec-cont h3 {
    color: white;
    font-size: 2vw;
    font-weight: 400;
    font-family: 'Inter-Regular';
}

.border-exec-cont p {
    color: whitesmoke;
    font-size: 1.4vw;
}

.border-exec h3 {
    color: white;
    font-size: 2vw;
    font-weight: 400;
    font-family: 'Inter-Regular';
}

.border-exec p {
    color: whitesmoke;
    font-size: 1.4vw;
}

.padding-section-targete{
  padding: 6vw 5vw;
}

.padding-section-targete.mexico{
  padding: 6vw 10vw;
}

.padding-section-targete-otr {
    padding: 4vw 5vw 0vw;
}

.reach-card.targe{
  height: 34vw;
  display: flex;
}

.reach-card.targe.conver {
    height: 38vw;
    display: flex;
    flex-wrap: nowrap;
}

.reach-card.targe p{
  font-size: 2.5vw;
}

.targe.color-box-met-blue .line-inf img {
    width: 50%;
}

.back-blue {
  background: linear-gradient(270deg, #000 -48.87%, #1A4666 99.99%);
  margin-top: 7vw;
  padding: 4vw 0vw;
}

.back-blue.value {
  background: #1A4666;
  margin-top: -2vw;
  padding: 4vw 0vw;
}

.back-blue.programmatic{
  padding: 12vw 2vw;
}

.back-blue.display{
  padding: 10.3vw 2vw;
}

.boder-seo-blue {
  border-left: 1px solid white;
}

.boder-seo-blue h2 {
  color: white;
  font-size: 2.6vw;
  font-weight: 500;
  margin-left: 5vw;
  line-height: 3.5vw;
  margin-bottom: 0;
}

.boder-seo-blue h2 span{
  font-family: "Lora";
}

.box-reach{
  background: #131312;
  padding: 2.5vw 2.5vw;
}

.box-reach h5{
  color: white;
  letter-spacing: 1px;
  font-size: 1.7vw;
  width: 90%;
  margin: 0;
}

.box-reach p{
  color: white;
  font-size: 1.7vw;
  margin-left: 2vw;
  width: 90%;
  line-height: 2vw;
}

.value p, .value h3, .value h2{
  color: white;
  font-size: 4.2vw;
  letter-spacing: 0px;
  line-height: 5.5vw;
}

.value span{
  font-family: Inter-Bold;
}

.box-blue .link-btn:after, .box-blue .link-btn:before {
  content: "";
  position: absolute;
  right: 12px;
  bottom: 0px;
  width: 96%;
  height: 2px;
  transition: all ease 0.4s;
}

.box-blue .link-btn{
  gap: 6vw;
}

.back-sol-sxo {
    background-image: url("../image/header-sxo.png");
    background-position: center center;
    background-size: cover;
    padding: 10rem 5rem;
}

.back-sol-sxo.chile {
  background-image: url("../image/header-sxo.png");
  background-position: center center;
  background-size: cover;
  padding: 13rem 5rem;
}

.reach-card.sxo {
    height: 18vw;
}

.bg-dark-pink {
    background: #D92636;
}

.partn{
    border-right: 1px solid #a7a4a4;
    height: 16vw;
    align-items: center;
    display: flex;
}

.partners img{
  width: 20%;
}

.back-sol-conversion {
    background-image: url("../image/header-conversion.png");
    background-position: center center;
    background-size: cover;
    padding: 13rem 5rem;
}

.back-beige {
  background: #D1C5BB;
  padding: 4vw 0vw;
}

.value.black p {
  color: black;
  font-size: 4.2vw;
  letter-spacing: 0px;
  line-height: 5.5vw;
}

.bg-dark-green {
    background: #005E43;
}

.back-green {
  background: #005E43;
  margin-top: 7vw;
  padding: 4vw 0vw;
}

.back-green.value {
  margin-top: -2vw;
}

.back-green.cro{
  padding: 12vw 0vw;
  background: linear-gradient(270deg, #000 -39.86%, #005E43 99.99%);
}

.back-green.data{
  background: linear-gradient(270deg, #000 -39.86%, #005E43 99.99%);
  padding: 12vw 2vw;
}

.font-title-sub{
  color: white;
  font-size: 6vw;
  font-family: 'Morion';
  line-height: 1.1;
}

.font-title-sub.data{
  font-size: 5.5vw;
}

.font-title-sub span{
  font-family: 'Inter-Regular';
  font-size: 4vw;
}




/*<--======== / End-sol-targeted ========-->*/

/*<--======== / casos de exito ========-->*/
.back-header-success {
  background-image: url("../image/header-success.png");
  background-position: center center;
  background-size: cover;
  padding: 16rem 5rem;
}

.back-header-success h1 {
  color: #fff;
  font-family: "Inter-Medium";
  font-size: 6.3vw;
  font-style: normal;
  font-weight: 500;
  line-height: 6vw;
  letter-spacing: -3.5px;
}

.back-header-success span {
  color: #fff;
  font-family: Lora;
  font-size: 6.3vw;
  font-weight: 400;
  line-height: 6vw;
  letter-spacing: -3.5px;
}

.back-header-papers {
  background-image: url("../image/header-success.png");
  background-position: center center;
  background-size: cover;
  padding: 14vw 5rem;
}

.back-header-papers h1 {
  color: #fff;
  font-family: "Inter-Regular";
  font-size: 5.3vw;
  font-style: normal;
  font-weight: 500;
  line-height: 6.5vw;
  letter-spacing: -3.5px;
}

.back-header-papers p {
    font-size: 4vw;
    text-align: end;
    color: #fff;
    font-family: "Inter-Regular";
    font-style: normal;
    line-height: 0vw;
    position: relative;
    top: -3vw;
}

.back-header-papers span {
  color: #fff;
  font-family: Lora;
  font-size: 6.3vw;
  font-weight: 400;
  line-height: 6vw;
  letter-spacing: -3.5px;
}

.btn-header-succ {
  border-radius: 20px;
  border: 3px solid #fff;
  padding: 0.4vw 3vw;
  font-family: "Inter-Medium";
  font-size: 1.3vw;
  font-weight: 500;
  background: none;
  color: white;
  margin: 1vw;
}

.btn-header-succ:hover {
  background: white;
  color: black;
}

.activo {
  background: white;
  color: black;
}

.line-top {
  border-bottom: 1px solid white;
  margin-bottom: 2vw;
  margin-top: 1.5vw;
}

.inter-fix p {
  color: white;
  font-family: "Inter-Regular";
  font-size: 1.45vw;
  line-height: 2vw;
  height: 10vw;
}

.posi-play {
  position: relative;
}

.ubi-play {
  position: absolute;
  bottom: 1vw;
  width: 14%;
  right: 1vw;
}

.faq-row-paper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #a7a4a4;
  padding-bottom: 2vw;
  padding-top: 2vw;
}

.faq-row-paper p{
  font-size: 2.5vw;
  color: white;
  font-weight: 500;
  margin: 0;
}

.faq-row-paper img.logo-i{
  width: 13vw;
}

.faq-row-paper p.cont {
    color: white;
    font-size: 1.2vw;
    line-height: 1.7vw;
    margin-top: 6px;
    margin-bottom: 8px;
}

.plus-l{
  width: 25%;
}

.review-col{
  align-items: center;
  display: flex;
  flex-direction: row;
}

.review-box{
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}

.review-box img{
  width: 40%;
}

.review-box img.clasi{
  width: 40%;
  margin-top: 1vw;
}

.border-review{
  border-left: 1px solid white;
  display: flex;
  align-items: center;
}

.border-review-margin{
  margin-left: 6vw;
}

.border-review-margin p{
  color: #fff;
  font-family: "Inter-Regular";
  font-size: 1.8vw;
  font-style: normal;
  font-weight: 400;
  line-height: 130.408%;
}

.border-review-margin h4{
  color: #fff;
  font-family: "Inter-Bold";
  font-size: 1.1vw;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  margin-top: 2vw;
}

.border-review-margin span{
  color: #fff;
  font-family: "Inter-Regular";
  font-size: 1.1vw;
  font-style: normal;
  font-weight: 400;
  line-height: 130.408%;
}

.border-review-margin img{
    width: 7vw;
    margin-top: 2vw;
}

.size-h{
  height: 26vw;
}


/*<--======== / end casos de exito ========-->*/

/*<--======== / BLOG Section ========-->*/

.back-blog{
  background-image: url("../image/background-blog.png");
  background-position: center center;
  background-size: cover;
  padding: 16rem 5rem;
}

.blog-post-thumb img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}

.blog-post-item {
  background: #000000;
}

.blog-post-content .title a {
  color: #ffffff;
  font-family: 'Inter-Medium';
  font-weight: 500;
}

.blog-post-meta .list-wrap li {
  color: #c1c1c1;
  font-family: 'Inter-Regular';
}

.blog-post-meta .list-wrap li.details {
  color: #000000;
  font-family: 'Inter-Regular';
}

.blog-post-meta .list-wrap li a {
    color: #c1c1c1;
}

.sidebar__widget-title {
  color: white;
}

.sidebar__widget-title-details {
  color: black;
}

.sidebar__cat-list .list-wrap li a {
  color: #ffffff;
  font-family: 'Inter-Regular';
  line-height: 2.7vw;
}

.sidebar__cat-list .list-wrap li a.details {
  color: #000000;
  font-family: 'Inter-Regular';
}

.sidebar__search form input::placeholder {
  color: #ffffff;
  font-size: 18px;
}

.sidebar__search form input.details::placeholder {
  color: #000000;
  font-size: 18px;
}

.sidebar__search form input {
  border-bottom: 1px solid #ffffff;
  color: white;
}

.sidebar__search form input.details {
    border-bottom: 1px solid #101010;
    color: #040404;
}

.sidebar__post-content .title a {
  color: #ffffff;
  font-family: 'Inter-Regular';
}

.sidebar__post-content .title a.chan {
  color: #000000;
  font-family: 'Inter-Regular';
}

.list-wrap li {
  list-style: none;
  display: contents;
}

.sidebar__tag-list .list-wrap li a {
  font-size: 18px;
  background: white;
  font-weight: 400;
  color: var(--title-color);
  display: block;
  font-family: 'Inter-Regular';
  padding: 4px;
}

.sidebar__tag-list .list-wrap li a.details {
  font-size: 18px;
  background: #D1C5BB5E;
  font-weight: 400;
  color: var(--title-color);
  display: block;
  font-family: 'Inter-Regular';
  padding: 4px;
}

.sidebar__search form button svg {
  color: #fdfdfd;
  width: 20px;
}

.sidebar__search form button.details svg {
  color: #060606;
  width: 20px;
}

.sidebar__post-content .date {
  display: flex;
  align-items: center;
  color: #a9a9a9;
  font-size: 14px;
  margin-bottom: -0.5em;
  font-family: 'Inter-Regular';
}

.pagination-wrap .pagination .page-link {
  font-family: 'Inter-Regular';
  color: #ffffff;
  font-size: 1.1vw;
  line-height: 1;
  background: #010101;
  border-radius: 0%;
}

.pagination-wrap .pagination .page-item.active .page-link {
    /* color: var(--white-color); */
    background-color: #000000;
    /* border-color: var(--body-color); */
    border-bottom: 1px solid #fff;
}

.pagination-wrap .pagination .page-link:hover {
    color: var(--white-color);
    background-color: #000000;
    border-bottom: 1px solid #fff;
}

.result-subtitle{
  color: white;
  font-size: 2vw;
}

select, .single-select, .form-control, .form-select, textarea, input {
    font-family: 'Inter-Regular';
}

.breadcumb-menu li, .breadcumb-menu a, .breadcumb-menu span {
    font-size: .9vw;
    font-family: 'Inter-Regular';
}

.text-muted {
    color: #6c757d!important;
    display: none;
}

.mini-img{
  width: 100%;
  display: block;
  height: 4vw !important;
  object-fit: cover;
}

.im-wit{
  width: 16%;
  margin-left: -25px;
}

.link-btn:hover {
    color: #0e0e0e;
}

.fix-link{
  border-bottom: 1px solid white;
  display: inline-flex;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 600;
  font-family: var(--title-font);
  line-height: 0.8;
  position: relative;
  padding-bottom: 6px;
  margin-bottom: 0px;
  color: var(--title-color);
  gap: 10px;
  text-decoration: none;
  align-items: center;
}

.read-plus{
  color: white;
  font-family: 'Inter-Medium';
  font-size: 1.3vw;
  font-weight: 500;
}

.breadcumb-wrapper.style2 {
    padding: 41px 65px;
    text-align: start;
    background: #D1C5BB;
}

.breadcumb-menu li:after {
    content: ">";
}
/*<--======== / END BLOG ========-->*/

/*<--======== / SECTION ABOUT========-->*/
 .testi-slider1 .slick-slide {
    opacity: 0.1;
    transition: 0.4s;
  }

  .testi-slider1 .slick-slide.slick-current {
    opacity: 1;
}

.back-about{
  background-color: black;
  padding: 15vw 6vw;
}

.back-about p.paid-crums {
  font-size: 2.3vw;
  letter-spacing: 0.4px;
  color: #fff;
  font-family: "Inter-Medium";
  font-style: normal;
  font-weight: 500;
  line-height: 3.8vw;
  letter-spacing: -0.6px;
}

.back-about h1 {
  font-size: 5vw;
  color: #fff;
  font-family: "Inter-Regular";
  font-style: normal;
  line-height: 6vw;
  letter-spacing: -1.6px;
}

.back-about span {
  font-size: 5vw;
  color: #fff;
  font-family: Lora;
  letter-spacing: -1.6px;
  line-height: 6vw;
}

.bg-gray-about{
  background-color: #D1C5BB;
  padding: 4vw 5vw;
}

.about-concept{
  color: #000;
  font-family: "Inter-Regular";
  font-size: 5vw;
  font-style: normal;
  font-weight: 400;
  line-height: 112%;
  letter-spacing: -4px;
}

.about-concept span{
  color: #000;
  font-family: Lora;
  font-size: 5vw;
  font-weight: 400;
  line-height: 112%;
  letter-spacing: -4px;
}

.margin-box-1{
  margin-top: 5vw;
}

.margin-box-2{
  margin-top: 8vw;
  margin-bottom: 4vw;
}

.center-card {
  width: 23vw;
}

.center-card h4{
  color: #000;
  font-family: "Inter-Regular";
  font-size: 3vw;
  font-style: normal;
  font-weight: 400;
  line-height: 5vw;
  border-bottom: 1px solid;
}

.center-card p{
  color: #000;
  font-family: "Inter-Regular";
  font-size: 1.5vw;
  font-style: normal;
  font-weight: 400;
  line-height: 128%;
}

.padding-text-map{
  padding: 2vw 6vw;
}

.text-map{
  color: #FFF;
  font-family: "Inter-Regular";
  font-size: 1.2vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: 84%;
}

.pad-awards{
  padding: 7vw 7vw;
}

.position-img img{
  width: 14vw;
}

.position-img p{
  color: #FFF;
  text-align: center;
  font-family: "Inter-Regular";
  font-size: 1.5vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 3vw 9vw;
}

.position-img span{
  color: #FFF;
  font-family: "Inter-Bold";
  font-size: 1.5vw;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.team-card_title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 7px;
}

.team-card_desig {
  font-size: 18px;
  font-weight: 400;
  display: block;
  color: var(--white-color);
  margin-bottom: 0;
  font-family: 'Inter-Regular';
}

.team-card_desig a:hover {
    color: #424242;
}

.team-card_title a:hover {
  color: #D92636;
}

.btn-teams {
  color: #ffffff;
  font-family: "Inter-Regular";
  font-size: 1.5vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-bottom: 1px solid;
  letter-spacing: 1.0px;
  margin-left: 2vw;
}

h3.title-carr{
  color: #000;
  font-family: "Inter-Regular";
  font-size: 4.5vw;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -3px;
}

h3.title-carr span{
  color: #000;
  font-size: 4.5vw;
  font-family: Lora;
  font-weight: 400;
}

.padd-carru{
  padding: 4vw 10vw;
}

.items-carr h4{
  color: #000;
  font-family: "Inter-Regular";
  font-size: 2.5vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.items-carr p{
  color: #000;
  font-family: "Inter-Regular";
  font-size: 1.2vw;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
}
/*<--======== / END ABOUT ========-->*/

/*sction sponsor */

.spon-border-rigth-none{
  border-right: none !important;
}

.spon-border-bottom-none{
  border-bottom: none !important;
}

.fix-contact{
    padding: 0 !important;
    display: contents !important;
}

/*PAPERS*/

.padding-section-papers{
  padding: 3vw 5vw;
}

.border-bottom-sect{
  border-bottom: 1px solid white;
}

.border-bottom-header-paper {
    border-bottom: 1px solid white;
    width: 19vw;
    padding: 1vw 0;
}

.fix-block{
    display: flex;
    justify-content: space-between;
}

.fix-block blockquote{
    color: white;
    font-family: 'Inter-Regular';
    font-size: 1.5vw;
    display: block;
    width: 100%;
    padding: 0vw 5vw 0vw 0vw;
    line-height: 1.8vw;
}

.fix-block blockquote ul li{
  margin-top: 1vw;
}

.fix-block-result {
    display: block;
}

.fix-block-result p {
    font-size: 1.8vw;
    font-family: 'Inter-Regular';
    color: white;
    padding: 1vw 0vw;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.fix-block-result blockquote {
    color: white;
    font-family: 'Inter-Regular';
    font-size: 2.2vw;
    line-height: 2.5vw;
    display: flex;
    border-top: 1px solid white;
    width: 100%;
    padding: 3.5vw 0vw 2vw;
    margin: 1vw 0;
    /*align-items: baseline;*/
    justify-content: space-between;
}

.fix-block-result blockquote em{
    font-size: 5vw;
    font-style: normal;
    /*width: 16vw;
    margin-left: 2vw;*/
}



.mt-box-3{
  margin-top: 3vw;
}

.mt-box-4{
margin-top: 3.65vw;
}

.mt-box-6{
  margin-top: 6.4vw;
}

.process-card .process-card-text {
  font-size: 1.4vw;
  font-weight: 400;
  line-height: 33px;
  color: var(--smoke-color);
  margin-bottom: -0.3em;
  width: 86%;
}

.process-card .process-card-title {
  font-size: 1.9vw;
  font-weight: 400;
  line-height: 34px;
  color: var(--smoke-color);
  margin-bottom: 1px;
  width: 69%;
}

.border-right-class{
  border-right: 1px solid white;
}

.border-right-black-class{
  border-right: 1px solid black;
}

.posit-maso{
  position: relative;
  bottom: 11vw;
  padding: 3vw;
}

.posit-maso.cro{
  bottom: 12vw;
  padding: 2vw 3vw;
}

.posit-maso .col-lg-5{
  display: flex;
  align-items: center;
}

.posit-maso h4{
  color: white;
  letter-spacing: 1px;
  font-size: 1.7vw;
  font-family: 'Inter-Bold';
  width: 90%;
  margin: 0;
}

.posit-maso h3 {
    color: white;
    letter-spacing: 1px;
    font-size: 1.7vw;
    font-family: 'Inter-Bold';
    width: 90%;
    margin: 0;
}

.posit-maso p{
  color: white;
  font-size: 1.7vw;
  margin-left: 2vw;
  line-height: 2vw;
  margin-bottom: 1vw;
  margin-top: .7vw;
}

.posit-maso p.digital {
    color: white;
    font-size: 1.5vw;
    margin-left: 2vw;
    line-height: 2vw;
    margin-bottom: 0vw;
    margin-top: 0vw;
}

.posit-maso p.sem {
    color: white;
    font-size: 1.3vw;
    margin-left: 2vw;
    line-height: 2vw;
    margin-bottom: 0vw;
    margin-top: 0vw;
}

.mobile-menu-wrapper .mobile-menu-area {
  background-color: #131312;
}

.mobile-menu-wrapper .mobile-logo {
  background-color: #131312;
}

.mobile-menu ul li a {
  color: #ffffff;
}

.mobile-menu ul .submenu-item-has-children > a .mean-expand-class {
    color: #ffffff;
}

.mobile-menu ul li.active-class > a {
  color: #ffffff;
}

.mobile-menu ul li a.line-b {
    border-bottom: 1px solid white;
}

.client-list-wrap li {
  border: none;
}

.color-bar-foot{
  background: #D92636;
}

.color-bar-foot p{
  color: white;
  font-size: 2.1vw;
  font-family: Inter-Regular;
}

.color-bar-foot span{
  font-family: Lora;
}

.posit-maso-box-home {
    position: relative;
    bottom: 28.5vw;
    padding: 3vw;
}

.posit-maso-box-home a, .posit-maso-box-home p, .posit-maso-box-home a, .posit-maso-box-home p, .posit-maso-box-home a, .posit-maso-box-home p {
    color: #fff;
    font-family: "Inter-Regular";
    font-size: 1.5vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    margin-top: 2vw;
}

.posit-maso-box-home a.fix-text-met{
  margin-top: 0rem;
  color: #fff;
  font-family: "Morion";
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  font-size: 2.5vw;
  margin-bottom: 0;
}

.posit-maso-box-home .line-inf {
    font-size: 1.2vw;
    color: #c1bdbd;
    border-bottom: 2px solid;
    display: flex;
    position: relative;
    text-align: left;
    line-height: 35px;
    margin-top: 0rem;
    justify-content: space-between;
    align-items: center;
}

.posit-maso-box-home .line-inf a img {
    width: 50%;
}

.client-list-wrap.style3 {
  grid-template-columns: repeat(2, 1fr);
}

.client-list-wrap.style3 li{
  border: 1px solid #a7a4a4;
  border-bottom: none;
  border-left: none;
}

.client-list-wrap.style3 p.right{
  color: white;
  font-size: 1.5vw;
  line-height: 2vw;
  padding: 2vw 3vw 2vw 0vw;
}

.client-list-wrap.style3 p span {
  font-family: 'Inter-Bold';
}

.client-list-wrap.style3 p.left{
  color: white;
  font-size: 1.5vw;
  line-height: 2vw;
  padding: 2vw 0vw 2vw 4vw;
}

.client-list-wrap.style3 h3 {
  color: white;
  font-size: 2vw;
}

.client-list-wrap.style3 h3.top{
  margin-top: 3vw;
  width: 87%;
}


.client-list-wrap.style3 h3.left {
    color: white;
    font-size: 2vw;
    padding: 0vw 0vw 0vw 4vw;
    width: 90%;
}

.client-list-wrap.style3 p.right-new {
    color: white;
    font-size: 1.6vw;
    line-height: 2vw;
    padding: 2vw 6vw 2vw 4vw;
}

.client-list-wrap.style3 p.left-new {
    color: white;
    font-size: 1.6vw;
    line-height: 2vw;
    padding: 2vw 3vw 2vw 9vw;
}


.border--left{
  border-left: 1px solid #a7a4a4;
  padding: .8vw 0vw;
}

.border--right{
  border-right: 1px solid #a7a4a4;
}

.accordion-card.style2 .accordion-button.ask {
  font-size: 2vw;
  color: white;
  font-family: 'Inter-Regular';
  font-weight: 400;
  width: 55%;
  line-height: 1.1;
}

.accordion-card.style2 .accordion-button.ask-ads {
  font-size: 1.8vw;
  color: white;
  font-family: 'Inter-Regular';
  font-weight: 400;
  width: 90%;
  line-height: 1.4;
  padding: 0.2vw 1.5vw;
}

.accordion-card .accordion-button::after {
  background-image: url("../image/plus.png");
  background-size: contain; /* Asegura que la imagen se vea bien */
  background-repeat: no-repeat;
  width: 50px; /* Ajusta según el tamaño de tu imagen */
  height: 30px;
  position: absolute;
  right: 20px; /* Ajusta según el diseño */
  top: 50%;
  transform: translateY(-50%); /* Centra verticalmente */
  z-index: 1;
}

.accordion-card .accordion-button.ask {
  font-size: 1.8vw;
  font-weight: 400;
  font-family: 'Inter-Regular';
  color: #ffffff;
  border: 0;
  background-color: transparent;
  padding: 0.5vw 4vw 0.5vw 2vw;
  gap: 10px;
  margin-bottom: 0;
  text-align: left;
  transition: 0.3s;
  align-items: start;
  position: inherit;
  width: 40vw;
  line-height: 1.2;
}

.accordion-card .accordion-button.ask.black {
  color: #000000;
}

.accordion-card .accordion-body p.answ.black{
    color: black;
}

.accordion-card.black {
  background: transparent;
  border-bottom: 1px solid #000000;
}

.accordion-card.black:first-child {
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

.accordion-card.black:hover {
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

.accordion-card .accordion-button.black:after {
    background-image: url("../image/plus-black.png");
}

.accordion-card .accordion-button.black:not(.collapsed):after {
    background-image: url("../image/less-black.png");
    content: "";
}

.accordion-card .accordion-button:not(.collapsed):after {
  background-image: url("../image/less.png");
  content: "";
}

.accordion-card .accordion-body a {
  margin-bottom: -0.3em;
  font-weight: 400;
  font-size: 1.2vw;
  color: white;
  line-height: 1.4;
  font-family: 'Inter-Regular';
  text-decoration: underline;
}

.accordion-card .accordion-body p.answ {
  margin-bottom: -0.3em;
  font-weight: 400;
  font-size: 1.2vw;
  color: white;
  line-height: 1.4;
  font-family: 'Inter-Regular';
  padding: 1vw 2vw;
}

.accordion-card .accordion-body.contd {
  border-radius: 0;
  background-color: transparent;
  border: none;
  padding: 1vw 0vw 1vw 0vw;
  margin-top: -0.5em;
  max-width: 60vw;
  width: 48vw;
}

.accordion-card.hov:hover {
    border: 2px solid #fff0;
    background: #D92636;
}

#titleA1{
  display: none;
}

#titleA2{
  display: none;
}

#titleA3{
  display: none;
}

#titleA4{
  display: none;
}

.accordion-card .accordion-collapse.posit {
  border: none;
  position: relative;
  left: -5vw;
}

.posit-funnel {
  position: relative;
  bottom: 16vw;
  padding: 3vw;
  text-align: center;
}

.posit-funnel h4 {
  color: white;
  letter-spacing: 1px;
  font-size: 2vw;
  font-family: 'Inter-Regular';
  margin: 0;
}

.posit-funnel a.doble{
  color: #fff;
  font-family: "Inter-Regular";
  font-size: 1.6vw;
  font-style: normal;
  font-weight: 400;
  margin: 3vw;
  border-bottom: 1px solid white;
}

.posit-funnel img {
    width: 1vw;
    height: 0.7vw;
    margin-left: 1vw;
}

.d-contents{
  display: list-item !important;
}

/* Definición de la animación */
@keyframes fadeInDown {
  from {
      opacity: 0;
      transform: translateY(-20px);
  }
  to {
      opacity: 1;
      transform: translateY(0);
  }
}

.wow.wowFunnel {
  opacity: 0; /* Comienza transparente */
  animation: fadeInDown 2s ease forwards;
}

.marquee_mode {
  animation-play-state: running;
}

.marquee_mode:hover {
  animation-play-state: running !important;
}

.h-0 {
  height: 0;
}

.locale-select img
{
  max-height: 1vw;
}

.locale-select a:hover::before
{
  content: "";
  position: absolute;
  width: 60%;
  height: 1px;
  transition: all ease 0.4s;
  bottom: 2.6rem;
}

.page-link::before
{
  content: "";
  position: absolute;
  width: 60%;
  height: 1px;
  transition: all ease 0.4s;
  bottom: 2.6rem;
}

.header-layout2 .main-menu > ul > li > a {
    padding: 3vw .5vw;
    color: var(--white-color);
}

.breadcumb-wrapper {
    margin-top: 7.3vw;
}

.client-list-wrap li div {
    height: 148px;
    line-height: 148px;
    width: 212px;
    display: inline-block;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}

.client-list-wrap li div .link-effect {
    height: fit-content;
    width: 73%;
}

.pagination-wrap.mt-50{
  margin-left: -1.5vw;
}

.blog__details-content a{
  color: #D92636;
}

  /*==========STYLE TEAM===============*/

.back-team{
  background-image: url("../image/header-team.png");
  background-position: center center;
  background-size: cover;
  padding: 16rem 5rem;
}


.back-team h1{
  color: #FFF;
  font-family: 'Inter-Medium';
  font-size: 6.5vw;
  font-style: normal;
  font-weight: 500;
  line-height: 7vw;
  letter-spacing: -.1vw;
}

.back-team p{
  color: #FFF;
  font-family: 'Inter-Regular';
  font-size: 2.2vw;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.04vw;
  line-height: 3.5vw;
}

#certified{
  background: #131312;
  padding: 11vw 3vw;
}

#certified p{
  color: #FFF;
  font-family: 'Inter-Regular';
  font-size: 3vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 0vw 6vw;
}

#certified span{
  font-family: 'Lora';
}

#certified img{
  width: 10vw;
}

#metrics{
  background: #D4C8BE;
  padding: 7vw 4vw;
}

#metrics p{
  color: #000;
  font-family: 'Inter-Regular';
  font-size: 1.7vw;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4vw;
}

#metrics h6{
  color: #000;
  font-family: 'Inter-Regular';
  font-size: 5vw;
  font-style: normal;
  font-weight: 400;
  line-height: 7vw;
  letter-spacing: -0.01vw;
}

#metrics .colMetric{
  padding: 0vw 3vw;
}

#metrics .colMetric2{
  padding: 0vw 6vw;
}

.positionDonw{
  margin-top: 3rem;
  padding-left: 2vw;
}

#attitudes{
  background: #000000;
  padding: 7vw 4vw;
}

#attitudes .pad{
  padding: 3vw 0vw;
}

#attitudes .marg{
  margin: 6vw 0vw;
}

#attitudes p{
  color: #FFF;
  font-family: 'Inter-Regular';
  font-size: 1.95vw;
  font-style: normal;
  font-weight: 400;
  line-height: 3vw;
  padding: 0vw 6vw;
}

#attitudes img{
  width: 7vw;
}

#attitudes h2{
  color: #FFF;
  font-family: 'Inter-Regular';
  font-size: 5vw;
  font-style: normal;
  font-weight: 400;
  line-height: 5vw;
  letter-spacing: -0.01vw;
  margin-bottom: 6vw;
}

#attitudes span{
  color: #FFF;
  font-family: 'Lora';
  font-size: 5vw;
  font-style: normal;
  font-weight: 400;
  line-height: 4vw;
  letter-spacing: -.1vw;
}

.colorBox{
  background: #131312;
  padding: 1vw 2vw;
  margin: 1vw 0vw;
  height: 15vw;
}

.colorBox:hover{
  background: #D92636;
}

#attitudes h5{
  color: #FFF;
  font-family: 'Inter-Regular';
  font-size: 2vw;
  font-style: normal;
  font-weight: 400;
  line-height: 3vw;
  margin-bottom: 2vw;
}

#attitudes p.intern{
  color: #FFF;
  font-family: 'Inter-Regular';
  font-size: 1.5vw;
  font-style: normal;
  font-weight: 400;
  line-height: 2vw;
  padding: 0;
}

#benefits{
  background: #000000;
  padding: 10vw 4vw;
}

#benefits p{
  color: #FFF;
  font-family: 'Inter-Regular';
  font-size: 1.5vw;
  font-style: normal;
  font-weight: 400;
  line-height: 147%;
  padding: 0vw 2vw;
}

#benefits p.bolf{
  font-family: 'Inter-Semibold';
  margin-left: 1vw;
}

#benefits p.post{
  border-left: 1px solid white;
}


#benefits h2{
  color: #FFF;
  font-family: 'Inter-Regular';
  font-size: 5vw;
  font-style: normal;
  font-weight: 400;
  line-height: 129%;
  letter-spacing: -4px;
  margin-bottom: 6vw;
}

#benefits span{
  color: #FFF;
  font-family: 'Lora';
  font-size: 5vw;
  font-style: normal;
  font-weight: 400;
  line-height: 129%;
  letter-spacing: -4px;
}

.contentBox {
  background: #131312;
  padding: 1vw 4vw;
  margin: 1vw 0vw;;
}

.contenImg{
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  
}

.contenImg img{
  width: 5vw;
}

#search{
  background: #D4C8BE;
  padding: 7vw 4vw;
}

#search h2{
  color: #000000;
  font-family: 'Inter-Regular';
  font-size: 5vw;
  font-style: normal;
  font-weight: 400;
  line-height: 129%;
  letter-spacing: -4px;
  margin-bottom: 3vw;
}

#search span{
  color: #000000;
  font-family: 'Lora';
  font-size: 5vw;
  font-style: normal;
  font-weight: 400;
  line-height: 129%;
  letter-spacing: -4px;
}

.fixBtnRow{
  border-bottom: 1px solid black;
  margin: 2vw 0vw 1vw;
}

.fixBtnRow h3{
  font-size: 2vw;
  margin-bottom: 2vw;
}

.btnSEarch{
  border-radius: 56px;
  background: #000;
  font-size: 1vw;
  color: #FFF;
  text-align: center;
  font-weight: 400;
  padding: 1vw 7vw;
  font-family: 'Inter-Regular';
}

#testimonial{
  background: #000000;
  padding: 10vw 4vw 14vw;
}

#testimonial h2{
  color: #fff;
  font-family: 'Inter-Regular';
  font-size: 5vw;
  font-style: normal;
  font-weight: 400;
  line-height: 129%;
  letter-spacing: -4px;
  margin-bottom: 1vw;
}

#testimonial spam{
  color: #fff;
  font-family: 'Lora';
  font-size: 5vw;
  font-style: normal;
  font-weight: 400;
  line-height: 129%;
  letter-spacing: -4px;
  margin-bottom: 1vw;
}

#testimonial p{
  color: #fff;
  font-family: 'Inter-Regular';
  font-size: 1.2vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.9vw;
  letter-spacing: 0.01vw;
  padding: 0vw 4vw;
}

#testimonial p.card-text{
  width: 84%;
}

#testimonial p.name{
  font-family: 'Inter-Semibold';
  margin-top: 2vw;
  line-height: 1vw;
}


#testimonial span{
  color: #FFF;
  font-family: 'Inter-Regular';
  font-size: 2vw;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -1.2px;
  margin-bottom: 2vw;
}

#testimonial .card{
  background: #131312;
  padding: 6vw 4vw 3vw;
}

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

#testimonial .slick-dots {
  background: #131312;
  margin: -5vw 0vw;
  padding: 1vw 0vw 3vw;
}

#button {
  background: #D92636;
  padding: 6vw 0vw 15vw;
}


#button .box-blue .link-btn {
  gap: 0vw;
}

#button .btn-how {
  color: #fff;
  font-family: "Inter-Regular";
  font-size: 1.7vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: 49vw;
  display: flex;
  margin-bottom: 1vw;
}

.size .modal-dialog {
  max-width: 48vw;
  margin: 1.75rem auto;
}

.size.modal{
  top: 7vw;
  height: 80vh;
}

.size .modal-header{
  border: none;
}

.size .modal-footer{
  border: none;
}

.size .modal-content{
  border-radius: 20px;
  background: #000;
  padding-left: 1vw;
}

.size .modal-title{
  color: white !important;
  font-size: 2vw;
  font-family: 'Inter-Regular';
  margin-top: 1rem;
}

.size .modal-body{
  color: white;
}

.size .modal-body p{
  color: white;
  font-size: 1.2vw;
}
.size .modal-body span {
  font-family: 'Lora';
}

.size .btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: .5em;
  color: #ffffff;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7' stroke='white' stroke-width='1.5' fill='none'/%3E%3Cpath d='M5 5 L11 11 M11 5 L5 11' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E") center / contain no-repeat;
  opacity: 1;
  margin-right: .4vw;
}

.btnModal{
  border-radius: 56px;
  background: #FFF;
  color: black;
  padding: 0.5vw 4vw;
  font-family: 'Inter-Regular';
  font-size: 1.2vw;
  margin-top: 1vw;
}

.btnModal:hover{
  background: #FFF;
  color: black;
}

.btnModal:focus{
  background: #FFF;
  color: black;
}

.border-right-black-team{
  border-right: 1px solid black;
}

.modal-body p, li, h5{
  color: white;
}

.size .modal-body p, li, h5 {
    color: white !important;
}

.modal-body {
  overflow-y: scroll !important; /* Cambia de auto a scroll para mostrar la barra siempre */
  max-height: 70vh; /* Ajusta según tu contenido */
}

.modal-body::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px; /* Ancho de la barra de scroll */
}

.modal-body::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5); /* Color de la barra */
  border-radius: 4px;
}

.modal-body {
  overflow-y: scroll !important;
  max-height: 70vh !important;
  scrollbar-width: thin; /* Para Firefox */
}

/* Para Safari y navegadores WebKit */
.modal-body::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
}

.modal-body::-webkit-scrollbar-thumb {
  background-color: rgb(139 139 139);
  border-radius: 5px;
}

.modal-body::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.5);
}

.modal-content {
  scrollbar-color: #888 #000000; /* Color de la barra y el fondo */
}

.modal-footer img{
  width: 1.9vw;
  position: absolute;
  right: 1.5vw;
  bottom: 1.5vw;
}

  /*LANDING SXO CHILE */

#concept .container-fluid{
  background: #131312;
  padding: 7vw 5vw;
}

#concept .container-fluid h2{
  color: #FFF;
  font-family: 'Inter-Regular';
  font-size: 5.5vw;
  font-style: normal;
  font-weight: 400;
  line-height: 124%;
  letter-spacing: -3px;
}

#concept .container-fluid p{
  color: #FFF;
  font-family: 'Inter-Regular';
  font-style: normal;
  font-weight: 400;
  line-height: 151%;
  font-size: 2vw;
}

#concept .container-fluid h3{
  color: #FFF;
  font-family: 'Inter-Regular';
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
  font-size: 1.5vw;
  width: 79%;
  letter-spacing: .4px;
}

.colBenefits{
  border-top: 1px solid;
  padding: 3vw 0vw 0vw;
  margin: 1vw;
}

.colBenefits.down{
  border-bottom: 1px solid;
  padding: 3vw 0vw 3vw;
}

.colBenefits p{
  color: #000;
  font-family: 'Inter-Regular';
  font-size: 2.7vw;
  font-style: normal;
  font-weight: 400;
  line-height: 112%;
}

#integration .container-fluid{
  background: #000000;
  padding: 7vw 5vw;
}

#integration .container-fluid h2{
  color: #FFF;
  font-family: 'Inter-Regular';
  font-size: 5vw;
  font-style: normal;
  font-weight: 400;
  line-height: 124%;
  letter-spacing: -3px;
}

#integration .container-fluid p{
  color: #FFF;
  font-family: 'Inter-Regular';
  font-style: normal;
  font-weight: 400;
  line-height: 151%;
  font-size: 1.9vw;
}

.video-back-remax {
  background-image: url("../image/back-remax.png");
  background-position: center center;
  background-size: cover;
  padding: 10rem 3rem;
}

.center-video-testi.remax {
  padding: 9vw 6vw;
}

/* NUEVOS STYLOS TARGETED */

#concept.target .container-fluid{
  background: #000000;
  padding: 7vw 5vw;
}

#concept.target .container-fluid h2 {
  font-size: 4.5vw;
}

.contentTargedMex{
  background: #131312;
  margin: 0vw 1vw;
  padding: 2vw 3vw;
  height: 100%;
}

.contentTargedMex p{
  color: #ffffff;
  font-size: 1.4vw;
  line-height: 2rem;
}

.contentTargedMex p.Bold {
  font-family: 'Inter-Bold';
}

.downConvMx{
  color: white;
  font-size: 1.9vw;
  text-align: start;
  margin-top: 3rem;
  line-height: 3rem;
}

.lineConv{
  border: 1px solid white;
  margin-bottom: 1rem;
}

.reach-card p.Bold{
  font-family: 'Inter-Bold';
}

.fix-btn {
  display: flex;
  justify-content: center;
  margin-top: -1.5rem;
}

.btn-toggle {
  height: 39px;
  line-height: 38px;
  font-size: 16px;
  font-weight: bold;
  color: #ffff;
  display: block;
  background: #000000;
  text-align: center;
  width: 16%;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-color: gray;
  border-top: 1px solid gray;
  border-right: 1px solid gray;
  border-left: 1px solid gray;
  margin-bottom: -1px;
  font-family: 'Inter-Regular';
}

.seccion-toggle {
  display: none;
  background: #000000;
  border-top: 1px solid #000000;
}

.seccion-toggle a {
  color: #ffff;
  font-size: 1rem;
  font-family: 'Inter-Regular';
}

.btn-toggle:hover {
  text-decoration: none;
  color: rgb(255, 255, 255);
}

#blogPost li{
  color: #000000 !important;
}

#blogPost .modal-body p, li, h5 {
    color: #000000;
}

#blogPost .h2, h2 {
    font-size: 40px;
    line-height: 1.133;
}

#blogPost .h3, h3 {
    font-size: 25px;
    line-height: 1.278;
}

.blog__avatar-wrap {
    margin-top: 60px;
    background: #D1C5BB;
    padding: 1vw;
}

.blog__avatar-info .name a {
    color: var(--title-color);
    display: flex;
    justify-content: space-between;
}

.blog__avatar-info .name img {
  width: 2rem;
}


@media (max-width: 575px) {
  /*HEADER*/

  .mobile-menu ul li a {
    display: block;
    position: relative;
    padding: 8px 0;
    line-height: 1.4;
    font-size: 20px;
    font-weight: 600;
    font-family: var(--title-font);
    color: var(--title-color);
    letter-spacing: normal;
    text-transform: initial;
  }

  .mobile-menu ul .submenu-item-has-children > a.prueba .mean-expand-class:before {
    content: "\f078";
    font-family: var(--icon-font);
    font-weight: 700;
    top: -1.7rem;
    position: relative;
    font-size: 5vw;
  }

  .mobile-menu-wrapper .menu-toggle {
    border: none;
    color: #ffffff;
    font-size: 6vw;
  }

  .mobile-menu-wrapper .mobile-menu-area {
    background-color: #131312;
  }

  .mobile-menu-wrapper .mobile-logo {
    background-color: #131312;
  }

  .mobile-menu ul .submenu-item-has-children > a .mean-expand-class {
    color: #ffffff;
  }

  .mobile-menu ul li.active-class > a {
    color: #ffffff;
  }

  .mobile-menu ul li a {
    color: #ffffff;
  }

  .color-back-ori{
    background-color: #000000;
  }

  .hero-2 .hero-2-thumb img {
    height: auto;
    position: relative;
    top: -4px;
  }

  .mobile-menu ul li a.line-b {
    font-size: 5.5vw;
    font-family: 'Inter-Regular';
    border-bottom: 1px solid white;
    padding-bottom: 4vw;
  }

  .mobile-menu ul li a.line-e {
    font-size: 5.5vw;
    font-family: 'Inter-Regular';
    padding-bottom: 0vw;
    line-height: 1;
  }

  .mobile-menu ul li ul li a {
    font-size: 5vw;
    font-family: 'Inter-Regular';
  }

  /*section metodology*/

  .carru-imagen-sol {
      width: 8%;
      padding: 3vw;
  }

  .back-image-sect1{
    background-image: url("../image/puente1.png");
    background-position: center center;
    background-size: cover;
    height: 169vw;
  }

  .rotated-title-mob{
    position: absolute;
    bottom: 59px;
    font-size: 7vw;
    line-height: 37px;
    width: 82vw;
    color: rgb(255 255 255);
    font-family: 'Inter-Regular';
    margin-left: 9vw;
    /*-webkit-transform: rotate(-90deg);*/
  }

  .text-current-mob {
    width: 80vw;
    bottom: 99vw;
    font-size: 6vw;
    position: absolute;
    color: white;
    margin-left: 9vw;
    font-family: 'Inter-Regular';
    line-height: 8vw;
  }

  .text-current-a-mob {
    width: 64vw;
    bottom: 15rem;
    font-size: 5.5vw;
    position: absolute;
    color: white;
    margin-left: 22vw;
    font-family: 'Inter-Regular';
  }

  .posi-img-mob {
    position: absolute;
    bottom: 43vw;
    width: 8vw;
    margin-left: 86vw;
  }

  .back-image-sect2{
    background-image: url("../image/puente2.png");
    background-position: center center;
    background-size: cover;
    height: 169vw;
  }

  .back-image-sect3{
    background-image: url("../image/puente3.png");
    background-position: center center;
    background-size: cover;
    height: 169vw;
  }


  .back-image-sect li.black {
    background-color: black;
    height: 54vw;
    padding: 20vw 3vw;
  }

  .back-image-sect li.gray-white {
    background: rgba(0, 0, 0, 0.4);
    height: 54vw;
    padding: 21vw 3rem;
  }

  .back-image-sect li.gray {
    background: rgba(0, 0, 0, 0.6);
    height: 54vw;
    padding: 20vw 3rem;
  }

  .back-image-sect li.black-gray {
    background: rgba(0, 0, 0, 0.8);
    height: 54vw;
    padding: 20vw 3rem;
  }

  .top-mar-carru{
    margin-top: 2rem;
  }

  .posi-img {
    width: 10%;
  }

  .text-current-a, .text-current2-a, .text-current3-a {
    width: 65%;
    left: 3rem;
    bottom: 10rem;
    font-size: 2.5vw;
  }

  .text-current, .text-current2, .text-current3 {
    width: 65%;
    left: 3rem;
    bottom: 1rem;
    font-size: 2.5vw;
  }

  .back-image-sect li .rotated-title {
    left: -7px;
    bottom: 20px;
    font-size: 4.5vw;
}

  .posi-img1 {
      width: 8%;
  }

  .fix-img-met {
    height: 16% !important;
    width: 7%;
    margin-top: 1.5rem;
    margin-right: 2vw;
  }

  .fix-text-met {
    margin-top: 0rem;
    color: #fff;
    font-family: "Morion";
    font-style: normal;
    font-weight: 400;
    line-height: 130.506%;
    font-size: 7vw;
    margin-bottom: 0;
  }

  .line {
    color: #a7a4a4;
    border-top: 1px solid;
    width: 85%;
    height: 41vw;
    display: flex;
    left: 0rem;
    position: relative;
    justify-content: space-between;
    margin: auto;
  }

  .less-box {
    position: relative;
    width: 8%;
    height: 7vw !important;
    top: -9vw;
    left: 106px;
  }

  .less-box2 {
    position: relative;
    width: 8%;
    height: 10vw !important;
    top: -.5vw;
    left: 168px;
  }

  .less-box3 {
    position: relative;
    width: 9%;
    height: 10vw !important;
    top: -8vw;
    left: 148px;
  }

  .section-click {
    background-color: black;
    padding: 0rem 1rem 0rem;
  }

  .color-box-met-blue {
    background: #1A4666;
    width: 91%;
    height: 96vw;
    margin: auto;
    padding: 2rem;
    flex-direction: column;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 9vw;
  }

  .color-box-met-green {
    margin-top: -1rem;
    background: #005E43;
    width: 91%;
    margin: auto;
    padding: 2rem;
    height: 82vw;
    display: flex;
    flex-direction: column;
    margin-bottom: 9vw;
    justify-content: space-between;
  }

  .color-box-met-pink {
    background: #D92636;
    width: 91%;
    margin: auto;
    padding: 2rem;
    height: 82vw;
    flex-direction: column;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 9vw;
  }

  .line-inf {
    font-size: 1.2vw;
    color: #c1bdbd;
    border-bottom: 2px solid;
    display: flex;
    position: relative;
    text-align: center;
    line-height: 35px;
    margin-top: 0;
    justify-content: space-between;
    align-items: center;
  }


  .color-box-met-pink a, .color-box-met-pink p, .color-box-met-green a, .color-box-met-green p, .color-box-met-blue a, .color-box-met-blue p {
    color: #fff;
    font-family: "Inter-Regular";
    font-size: 4vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
  }


  .logo-header {
    width: 70%;
    margin-left: 7vw;
  }
  .position-imagen{
    position: absolute;
    top: 5rem;
  }

  .btn-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    text-align: center;
    justify-content: space-around;
  }

  .btn-header {
    font-size: 4.5vw;
  }

  .hero-style2 .hero-title {
    font-size: 12vw;
    letter-spacing: 0px;
    margin-left: 6vw;
    line-height: 14vw;
  }

  .hero-title span {
    font-family: Lora;
    font-size: 12vw;
    letter-spacing: 0px;
  }

  /*section concep*/

  .text-concept {
    font-size: 9vw;
    letter-spacing: 0px;
  }

  .text-concept.pap {
    font-size: 9.2vw;
    letter-spacing: 0px;
  }

  .text-concept span {
    font-size: 10vw;
    letter-spacing: 0px;
  }

  .size-col-conc h4 {
    font-size: 6.8vw;
    color: white;
  }

  .size-col-conc p {
    color: white;
    font-size: 4.2vw;
    margin-top: 1.5rem;
    line-height: 21px;
  }

  .size-col-conc p  span{
    font-family: "Inter-Bold";
  }

  /*section concep*/

  .mano {
    width: 20%;
  }

  .text-how {
    color: #FFF;
    font-family: "Inter-Regular";
    font-size: 10.2vw;
    font-style: normal;
    font-weight: 400;
    line-height: 12vw;
    letter-spacing: 0px;
    margin-top: 1rem;
  }

  .text-how span {
    color: #FFF;
    font-family: Lora;
    font-size: 10.2vw;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0px;
  }

  /*faq*/

  .faq-row img.sub {
    width: 7%;
    position: relative;
    bottom: 46vw;
  }

  .faq-row img.sub2 {
    width: 7%;
    position: relative;
    bottom: 52vw;
  }

  .btn-brig {
    border-radius: 47.5px !important;
    padding: 12px 0px;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-family: "Inter-Medium";
    left: 49% !important;
    top: 47% !important;
  }

  .client-list-wrap.style2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .client-list-wrap li a .link-effect {
    height: fit-content;
    width: 100%;
  }

  .client-list-wrap li a {
    height: 78px;
    line-height: 78px;
    width: 30vw;
  }

  .client-list-wrap li div .link-effect {
    height: fit-content;
    width: 100%;
  }

  .client-list-wrap li div {
    height: 78px;
    line-height: 78px;
    width: 30vw;
  }


  /*<--======== / solucion Section ========-->*/

  .back-sol{
    background-image: url("../image/mobile-header.png");
    padding: 11rem 2rem 10rem;
  }

  .reach-card.targe {
    height: 50vw;
    display: flex;
    flex-wrap: nowrap;
  }

  .back-sol-targeted {
    background-image: url("../image/targeted-branding.png");
    background-position: center center;
    background-size: cover;
    padding: 52vw 9vw 35vw;
  }

  .solc-targe-title p {
    font-size: 6vw;
    color: #fff;
    font-family: "Inter-Regular";
    font-style: normal;
    font-weight: 500;
    line-height: 8.5vw;
    letter-spacing: 0.4px;
    width: 100%;
    margin-top: 12vw;
  }

  .solc-targe-title h1 {
    font-size: 9.6vw;
    line-height: 50px;
  }

  .padding-section-targete {
    padding: 20vw 8vw 13vw;
  }

  .reach-card h4.feature-card-title {
    font-size: 6vw;
  }

  .reach-card p.feature-card-text {
    font-size: 3.8vw;
  }

  .reach-card p.print {
    width: 63vw;
  }

  .reach-card p.result {
    width: 63vw;
  }

  .reach-card.post {
    height: auto;
  }

  .carr-targeted h4 {
    color: white !important;
    font-size: 6vw !important;
  }

  .testi-slider1 .slick-dots li button {
    margin: 1.5vw;
  }

  .border-exec-cont h3 {
    font-size: 7vw;
  }

  .border-exec-cont p {
    color: whitesmoke;
    font-size: 3.4vw;
  }

  .border-exec h3 {
    font-size: 7vw;
  }

  .border-exec {
    padding: 0vw 5vw;
    border-left: none;
  }

  .reach-card.targe p {
    font-size: 3.5vw;
  }

  .border-exec p {
    color: whitesmoke;
    font-size: 3.4vw;
  }

  .border-exec-cont {
    padding: 0vw 5vw;
  }

  .faq-row-paid p.title {
    font-size: 4.5vw;
    margin-top: 8px;
    line-height: 6vw;
  }

  .py-col a.sxo {
    position: unset;
  }

  .py-col h3.sxo {
    position: unset;
  }

  .py-col a.conve {
    position: unset;
  }

  .py-col h3.conve {
    position: unset;
  }
  .py-col a{
    color: #fff;
    font-family: "Morion";
    font-size: 7vw;
    font-style: normal;
    line-height: normal;
    margin-bottom: 4vw;
    margin-top: 7vw;
  }

  .title-pyra-down{
    text-align: center;
    color: white;
    font-family: 'Inter-Regular';
    font-size: 6vw;
    margin-top: -11vw;
  }

  .py-col-imagen {
    width: 37%;
    margin-top: 8vw;
  }

  .descent {
    color: white;
    width: 100%;
    font-size: 4.5vw;
    line-height: 1.5;
  }

  .solc-title h1{
    font-size: 11vw;
    font-style: normal;
    font-weight: 500;
    line-height: 45px;
    letter-spacing: -0.6px;
  }

  .solc-title span{
    font-size: 11vw;
    font-weight: 400;
    line-height: 45px;
    letter-spacing: -0.6px;
  }

  .text-how-solc {
    font-size: 7.5vw;
    letter-spacing: 0;
    margin-top: 2rem;
    line-height: 9vw;
  }

  .text-how-solc span {
    font-size: 7.5vw;
    letter-spacing: 0;
  }

  .name-how p {
    font-size: 5vw;
  }

  .name-how img {
    width: 45%;
    padding: 1rem;
    margin-bottom: 4vw;
  }

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

  .py-col h3 {
    font-size: 5vw;
  }

  .py-col {
    border: none;
  }

  .py-col-img {
    border: none;
  }
  .fix-text-pyr {
    text-align: center;
    position: absolute;
    color: white;
    display: block;
    margin-bottom: -10rem;
  }

  .fix-text-pyr a {
    font-size: 5vw;
    border-bottom: 1px solid white;
  }

  .fix-text-pyr.primero {
    margin-top: -4rem;
  }

  .fix-text-pyr.segundo {
    margin-top: -3rem;
  }

  .fix-text-pyr a.up-title {
    font-family: Inter-Bold;
    border-bottom: none;
    left: -0.5rem;
    position: relative;
  }

  .padd-pink{
    padding: 2vw 5vw 0rem;
  }

  .padd-green{
    padding: 0rem 16vw 0rem;
  }

  .fix-text-pyr img {
    width: 4vw;
    height: 2.7vw;
    margin-left: 1vw;
  }

  .faq-row p.title {
    color: white;
    font-size: 6vw;
    margin-top: 0px;
    position: relative;
    top: 5vw;
  }

  .faq-row img {
    width: 6%;
    position: relative;
    bottom: 8vw;
  }

  .faq-row p.cont {
    font-size: 4.2vw;
    line-height: 5.7vw;
  }

  .testi-ref-sol p {
    font-size: 4.8vw;
  }

  ul.items-footer a {
    font-size: 5vw;
  }

  ul.items-footer2 a {
    font-size: 5vw;
  }

  .med-img img {
    width: 44%;
    margin-left: 9vw;
  }

  .med-img img.local {
    width: 50%;
    margin-left: 5vw;
    margin-bottom: 5vw;
    margin-top: -4.5vw;
  }

  .med-img img.conver {
    width: 48vw;
    margin-left: 5vw;
    margin-top: 0vw;
  }

  .inc-img img {
    width: 47%;
    height: 9.5vw;
    margin-bottom: 1vw;
    margin-top: .5vw;
  }

  .inc-img img.f-logo {
    margin-left: 4vw;
    margin-bottom: 0.5vw;
    width: 32vw;
    height: 10.5vw;
    margin-top: -1.3vw;
  }
  
  .back-sol-paid {
    background-image: url("../image/header-paid-mobile.png");
    background-position: center center;
    background-size: cover;
    padding: 27vw 2rem 59vw;
  }

  .solc-paid-title p.paid-crums {
    font-size: 4.3vw;
    letter-spacing: 0.4px;
    text-decoration: underline;
    margin-top: 5vw;
  }

  .solc-paid-title h1 {
    font-size: 9.5vw;
    line-height: 11vw;
    letter-spacing: 0vw;
  }

  .solc-paid-title p {
    font-size: 6vw;
    color: #FFF;
    font-family: "Inter-Medium";
    font-style: normal;
    font-weight: 500;
    line-height: 7.8vw;
    letter-spacing: 0.4px;
    width: 101%;
  }

    .solc-paid-title p span{
      font-size: 6vw;
    }

  .solc-paid-title span {
    color: #FFF;
    font-family: Lora;
    font-size: 9.5vw;
    font-weight: 400;
    line-height: 5.8vw;
    letter-spacing: 0px;
  }

  .reach-card h2 {
    font-size: 6.4vw;
  }

  .reach-card h4 {
    font-size: 6.4vw;
  }

  .reach-card p {
    font-size: 4.7vw;
    width: 60vw;
  }

  .reach-card.color-box-met-blue {
    width: 100%;
    padding: 3rem 3rem;
    height: auto;
  }

  .reach-card {
    height: auto;
  }

  .bg-grayligth .text-concept {
    font-size: 9vw;
    letter-spacing: 0.4px;
  }

  .bg-grayligth .text-concept span {
    font-size: 9vw;
    letter-spacing: 0.4px;
  }

  .bg-grayligth .faq-row-paid p.title {
    color: black;
    font-size: 6vw;
    margin-top: 5vw;
    margin-bottom: 0vw;
  }

  .faq-row-paid img {
    width: 6%;
    position: relative;
    top: -1.5rem;
  }

  .faq-row-paid img.top-fix {
    top: -2.5rem;
  }

   .faq-row-paid img.estrat {
    width: 30% !important;
    top: -2vw;
  }

  .faq-row-paid p.cont {
    font-size: 3.5vw;
    line-height: 5vw;
  }

  .sec-title {
    font-size: 8.2vw;
    letter-spacing: 1.4px;
  }

  .process-card .process-card-title {
    font-size: 5.9vw;
  }

  .process-card .process-card-text {
    max-width: none;
    font-size: 3.9vw;
    line-height: 6vw;
  }

  .text-form {
    font-size: 9vw;
    letter-spacing: 0.6px;
    line-height: 11vw;
  }

  .text-form.new {
    font-size: 9vw;
  }

  .text-form-p {
    font-size: 7vw;
    letter-spacing: 0.6px;
  }

  .margin-traff{
    margin-top: 5vw;
  }

  .margin-conver{
    margin-top: 5vw;
    margin-bottom: -3vw;
  }

  .mr-pyr{
    margin-bottom: 0rem;
  }

  .mr-pyr-2{
    margin-bottom: -5rem;
  }

  .ref-box{
    text-align: left;
    margin-bottom: 4vw;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .border-expe-cont h3 {
    font-size: 6vw;
  }

  .border-expe-cont p {
    color: whitesmoke;
    font-size: 3.2vw;
  }

  .border-expe h3 {
    color: white;
    font-size: 6vw;
    font-weight: 400;
  }

  .border-expe p {
    color: whitesmoke;
    font-size: 3.2vw;
  }

  .center-video-testi p {
    font-size: 5.5vw;
    line-height: 9.2vw;
    letter-spacing: 1px;
  }

  .back-seo {
    background: linear-gradient(1deg, #000 -38.06%, #D92636 55.97%);
    margin-top: 25vw;
    padding: 26vw 4vw;
  }

  .text-concept.seo{
    font-size: 10.2vw;
  }

  .text-concept.seo span{
    font-size: 10.2vw;
  }

 
  .width-remax {
    width: 90%;
  }

  .width-play {
    width: 20%;
    margin-top: 4vw;
  }

  .pad-paid {
    padding: 0vw 0vw;
  }


  .boder-seo h2 {
    font-size: 6vw;
    margin-left: 0vw;
    margin-top: 4vw;
    line-height: 9vw;
  }

  .boder-seo {
    border-top: 1px solid white;
    border-left: none;
  }

  .btn-how {
    color: #FFF;
    font-family: "Inter-Regular";
    font-size: 4.5vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }

  .back-sol-content {
    background-image: url("../image/header-content-mobile.png");
    background-position: center center;
    background-size: cover;
    padding: 27vw 2rem 81vw;
  }


  .back-sol-cro {
    background-image: url("../image/header-cro-mobile.png");
    background-position: center center;
    background-size: cover;
    padding: 27vw 2rem 81vw;
  }

  .back-header-success {
    padding: 9rem 2rem;
  }


  .btn-header-succ {
    font-size: 4vw;
    margin: 1.5vw 12vw;
    padding: 1vw 3vw;
    text-align: center;
  }

  .py-col {
    display: flex;
    align-items: center;
  }

  .py-col p {
    color: white;
    width: 90%;
    text-align: center;
    font-size: 3.3vw;
    line-height: 1.2;
    margin-bottom: 4vw;
  }

  .py-col.start {
    justify-content: center;
  }

   .py-col.end {
    justify-content: center;
  }

  .reach-card.targe.conver {
    height: auto;
  }
/*<--======== / end Solucion ========-->*/

  .about-concept span {
    font-size: 11vw;
    letter-spacing: 0px;
  }

  .about-concept {
    font-size:11vw;
    letter-spacing: 0px;
  }

  .center-card h4 {
    font-size: 7vw;
    line-height: 13vw;
  }

  .center-card {
    width: auto;
  }

  .center-card p {
    font-size: 4.5vw;
  }

  .text-concept.text-cro span {
    font-size: 9vw;
  }

  .text-concept.text-cro {
    font-size: 9vw;
  }

  .text-map {
    font-size: 3.7vw;
  }

  .position-img img {
    width: 50vw;
  }

  .position-img p {
    font-size: 3.5vw;
  }

  .position-img span {
    font-size: 3.5vw;
  }

  h3.title-carr span {
    font-size: 11.2vw;
  }

  h3.title-carr {
    font-size: 11.2vw;
    letter-spacing: -1px;
  }

  .item h4 {
    font-size: 5.5vw;
  }

  .item p {
    font-size: 3.2vw;
  }

  .btn-teams {
    font-size: 5.5vw;
  }

  .back-about h1 {
    font-size: 11vw;
    font-style: normal;
    font-weight: 500;
    line-height: 56px;
    letter-spacing: -0.6px;
  }

  .back-about span {
    font-size: 11vw;
    letter-spacing: -0.6px;
  }

  .video-wrap .play-btn {
    transform: translate(-50%, -50%) !important;
    width: 89%;
    padding: 3vw 1vw;
  }

  .spon-border-rigth-block{
    border-right: 1px solid #a7a4a4 !important;
  }

  .spon-border-rigth-mobile{
    border-right: none !important;
  }

  .spon-border-bottom-block{
    border-bottom: 1px solid #a7a4a4 !important;
  }

  .fix-img-test{
    width: 29vw;
  }

  .fix-img-test-c{
    width: 25vw;
  }

  .fix-content{
    margin-bottom: 8vw;
  }

  .border-col-test{
    border-bottom: 1px solid white;
  }

  .fix-img-arrow-test{
    width: 56vw;
    margin-top: 7vw;
  }

  .new-testi .testi-box-text {
    color: #fff;
    font-family: "Inter-Regular";
    font-size: 4.8vw;
    font-style: normal;
    font-weight: 400;
    line-height: 130.408%;
    width: 100%;
  }

  .new-testi .testi-box-name {
    color: #fff;
    font-family: "Inter-Bold";
    font-size: 4.1vw;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    margin: 0;
  }

  .new-testi .testi-box-desig {
    color: #fff;
    font-family: "Inter-Regular";
    font-size: 4vw;
    font-style: normal;
    font-weight: 400;
    line-height: 130.408%;
  }

  .read-plus {
    font-size: 5.3vw;
  }

  .mini-img {
    width: 100%;
    display: block;
    height: 15vw !important;
    object-fit: cover;
  }

  .inter-fix p {
    color: white;
    font-family: "Inter-Regular";
    font-size: 4.45vw;
    line-height: 5vw;
    height: 15vw;
  }

/*PAPER MOBILE*/
  .faq-row-paper p {
    font-size: 6.5vw;
    color: white;
    font-weight: 500;
    margin: 0;
  }

  .faq-row-paper p.cont {
    color: white;
    font-size: 4.2vw;
    line-height: 6.7vw;
    margin-top: 6px;
    margin-bottom: 8px;
  }

  .faq-row-paper img.logo-i {
    width: 40vw;
    margin-bottom: 4vw;
    margin-top: 6vw;
  }

  .plus-l {
    width: 7vw;
    position: relative;
  }

  .review-box img {
    width: 20%;
  }

  .size-h {
    height: 72vw;
  }

  .item p.name-car-auto {
    font-size: 4.2vw;
  }

  .item h4.name-car-auto {
    font-size: 3.5vw;
  }

  .border-review-margin span {
    color: #fff;
    font-family: "Inter-Regular";
    font-size: 4.1vw;
    font-style: normal;
    font-weight: 400;
    line-height: 130.408%;
  }

  .border-review-margin img {
    width: 13vw;
    margin-top: 2vw;
  }

  .items-carr p {
    font-size: 4.2vw;
  }

  .items-carr h4 {
    font-size: 5.5vw;
  }

  .review-box {
    align-items: start;
    margin-left: 7vw;
  }

  /*ABOUT*/

  .back-about {
    background-color: black;
    padding: 26vw 10vw;
  }

  .back-about p.paid-crums {
    font-size: 4.3vw;
  }

  .border-expe {
    border-left: none;
    padding: 0vw 5vw;
  }

  .text-concept.min {
    font-size: 10vw;
    letter-spacing: 0px;
  }

  .text-concept.min span {
    font-size: 10vw;
    letter-spacing: 0px;
  }

  .row-seo {
    padding: 6vw 6vw;
  }
  /*PAPERS*/

  .back-header-papers {
    background-image: url("../image/header-success.png");
    background-position: center center;
    background-size: cover;
      padding: 6rem 2rem 9vw;
  }

  .border-bottom-header-paper {
    border-bottom: 1px solid white;
    width: 36vw;
    padding: 1vw 0;
  }

  .back-header-papers p {
    font-size: 9vw;
    text-align: end;
    color: #fff;
    font-family: "Inter-Regular";
    font-style: normal;
    line-height: 0vw;
    position: relative;
    top: 3vw;
  }

  .fix-block {
    display: block;
    /* justify-content: space-between; */
  }

  .fix-block blockquote {
    color: white;
    font-family: 'Inter-Regular';
    font-size: 3.5vw;
    display: block;
    width: 100%;
    padding: 0vw 5vw 0vw 0vw;
    line-height: 4vw;
  }

  .fix-block-result blockquote {
    color: white;
    font-family: 'Inter-Regular';
    font-size: 4vw;
    display: flex;
    border-top: 1px solid white;
    width: 100%;
    padding: 3vw 0vw;
    margin: 1vw 0;
    line-height: 4vw;
  }

  .padding-section-papers {
    padding: 11vw 9vw 5vw;
  }

  .border-right-class{
    border-right: none;
  }

  .border-right-black-class{
    border-right: none;
  }

  .padd-carru-targ {
    padding: 8vw 8vw;
  }

  .slick-dots {
    margin: 1vw 0 -9vw 0;
  }

  .border-exec-cont {
    background: #131312;
    margin: 1vw 1vw;
    width: 100%;
    padding: 2vw;
  }

  .faq-row-paid img.faq {
    width: 6%;
  }

  .back-sol-sxo {
    background-image: url("../image/sxo.png");
    background-position: center center;
    background-size: cover;
    padding: 52vw 9vw 35vw;
  }

  .back-sol-conversion {
    background-image: url("../image/conversion-boost.png");
    background-position: center center;
    background-size: cover;
    padding: 52vw 9vw 35vw;
  }

  .box-reach {
    background: #131312;
    padding: 7.5vw;
  }

  .box-reach h5 {
    color: white;
    letter-spacing: 0px;
    font-size: 5.7vw;
    width: 100%;
    line-height: 7vw;
    margin-bottom: 3vw;
    font-family: 'Inter-semibold';
  }

  .box-reach p {
    margin-top: 4vw;
    color: white;
    font-size: 4.7vw;
    margin-left: 0vw;
    line-height: 6vw;
  }

  .font-title-sub {
    color: white;
    font-size: 13vw;
    line-height: 13vw;
  }

  .back-partners h2 {
    line-height: 9.5vw;
  }

  .center-video-testi {
    padding: 10vw;
  }

  .boder-seo-blue {
    border-top: 1px solid white;
    border-left: none;
  }

  .boder-seo-blue h2 {
    color: white;
    font-size: 7vw;
    font-weight: 500;
    margin-left: 0vw;
    line-height: 9.5vw;
    margin-bottom: 0;
    margin-top: 4vw;
  }

  .back-blue {
    background: linear-gradient(357deg, #000 -48.87%, #1A4666 99.99%);
    margin-top: 25vw;
    padding: 4vw 4vw;
  }

  .back-green {
    background: #005E43;
    margin-top: 25vw;
    padding: 4vw 4vw;
  }

  .partn {
    border-right: none;
    height: 16vw;
    align-items: center;
    display: block;
  }

  .partn .text-concept{
    text-align: center;
  }

  .fix-block-result p {
    font-size: 3.8vw;
    font-family: 'Inter-Regular';
    color: white;
    padding: 1vw 0vw;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .reach-card.sxo {
    height: auto;
  }

  .partners img {
    width: 40%;
  }

  .bg-gray-about {
    background-color: #D1C5BB;
    padding: 11vw 6vw;
  }

  .back-seo.seo {
    background: linear-gradient(1deg, #000 -38.06%, #D92636 55.97%);
    margin-top: 26vw;
    padding: 29vw 2vw;
  }

  .back-green.cro {
    padding: 10vw 4vw;
    background: linear-gradient(1deg, #000 -39.86%, #005E43 99.99%);
  }

  .back-green.data {
    padding: 18vw 4vw;
    background: linear-gradient(1deg, #000 -39.86%, #005E43 99.99%);
  }

  .back-blue.value {
    padding: 13vw 6vw;
  }

  .value p {
    color: white;
    font-size: 8.2vw;
    letter-spacing: 0px;
    line-height: 12vw;
  }

  .mt-box-6 {
    margin-top: 7.4vw;
  }

  .box-blue .link-btn {
    gap: 0vw;
  }

  .width-play-seo{
    width: 50%;
    margin-top: 5vw;
  }

   .width-innova {
    width: 100%;
  }

  .home-testi .slick-dots {
    margin: 1vw 0 0vw 0;
  }

  .faq-row a.title {
    color: white;
    font-size: 5vw;
    line-height: 13vw;
  }

  .border--left{
    border-left: none;
  }

  .border--right{
    border-right: none;
  }

  .color-bar-foot p {
    color: white;
    font-size: 4.1vw;
    font-family: Inter-Regular;
  }

  .portfolio-wrap .portfolio-thumb img {
    transform: scale(5.03);
    transition: 0.4s ease-in-out;
  }

  .solc-targe-title h2 {
    font-size: 7vw;
    color: white;
    font-family: 'Morion';
  }

  .mobile-menu ul .submenu-item-has-children > a.donw .mean-expand-class {
    margin-top: -32.5px;
    width: 11%;
    font-size: 6vw;
  }

  .reach-card.color-box-met-green {
    width: 100%;
    padding: 3rem 2rem;
  }

  .reach-card.color-box-met-pink {
    width: 100%;
    padding: 3rem 3rem;
  }

  .font-title-sub span {
    font-family: 'Inter-Regular';
    font-size: 8vw;
    line-height: 2;
  }

  .accordion-card .accordion-button.ask {
    font-size: 5vw;
    width: 62vw;
  }

  .accordion-card .accordion-body p.answ {
    font-size: 3.5vw;
  }

  .accordion-card.style2 .accordion-button.ask {
    font-size: 5vw;
    width: 90%;
    line-height: 1.4;
  }

  .accordion-card .accordion-body a {
    font-size: 3.5vw;
  }

  .reach-card.solucion {
    height: auto;
  }

  .reach-card.cro {
    height: auto;
  }

  .btn.style7 {
    padding: 13px 4vw;
  }

  .btn.style7.targe {
    padding: 17px 27px;
    font-size: 4.2vw;
    margin-top: 5vw;
  }

  .btn.style7.conver {
    padding: 17px 27px;
    font-size: 4.2vw;
    margin-top: 5vw;
  }

  .btn.style7.sxo {
    padding: 17px 27px;
    font-size: 4.2vw;
    margin-top: 5vw;
  }

  .btn.style7.targe:hover {
    padding: 17px 27px;
    font-size: 4.2vw;
    margin-top: 5vw;
  }

  .btn.style7.conver:hover {
    padding: 17px 27px;
    font-size: 4.2vw;
    margin-top: 5vw;
  }

  .btn.style7.sxo:hover {
    padding: 17px 27px;
    font-size: 4.2vw;
    margin-top: 5vw;
  }

  .btn.style7.home{
    padding: 13px 10.5vw;
  }

  .btn.style7.home.forms{
    padding: 13px 7vw;
  }

  .btn.style7.new{
    padding: 13px 10vw;
  }

  .btn.style7.testig{
    padding: 13px 9vw;
  }

  .btn.style7.funnel{
    padding: 13px 13vw;
  }

  .btn.style8.refe{
    padding: 13px 14vw;
  }

  .accordion-card .accordion-collapse.posit {
    left: -5vw;
  }

  .accordion-card .accordion-body.contd {
    padding: 7vw 0vw 2vw 6vw;
    max-width: 69vw;
    width: 72vw;
  }

  .accordion-card.style2 .accordion-button.ask-ads {
    font-size: 5vw;
  }

  .center-video-partners p {
    font-size: 9vw;
    line-height: 11vw;
    letter-spacing: 0px;
    margin-left: 3vw;
  }

  .width-google {
    width: 70%;
    padding: 10vw;
  }

  .width-vwo {
    width: 70%;
    padding: 10vw;
  }
  marquee_mode
  .accordion-card .accordion-button.ask {
    width: 31vw;
  }
  .accordion-card .accordion-button:after {
    width: 6%;
    top: 50%;
  }

  .ref-box img {
    width: 80%;
    padding: 3vw;
  }

  .ref-box img.google {
    width: 100%;
    padding: 3vw;
  }

  .border-ref-sol {
    border-left: none;
    border-top: 1px solid white;
  }

  .testi-ref-sol {
    margin-left: 0vw;
    margin-top: 6vw;
  }

  .solc-targe-title p.conv {
    width: 100%;
  }

  .text-concept.sub {
    font-size: 9vw;
  }

  .text-concept.sub span {
    font-size: 9vw;
    letter-spacing: 0px;
  }

  .title-int-funnel {
    font-family: "Morion";
    font-size: 8vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    position: absolute;
    color: white;
    margin-bottom: 62vw;
  }

  .inter-texto{
    padding: 3vw;
    font-size: 6vw;
    margin: 0;
    color: rgba(255, 255, 255, 0.50);
  }

  .parr-int-funnel {
    color: white;
    text-align: center;
    font-size: 5vw;
    line-height: 1.2;
    margin-bottom: 52vw;
    margin-top: 0vw;
    padding: 16vw;
  }

  .parr-int-funnel-red {
    color: white;
    text-align: center;
    font-size: 5vw;
    line-height: 1.2;
    margin-bottom: 53vw;
    margin-top: 1vw;
    padding: 14vw;
  }

  .title-int-funnel.t-green {
    margin-bottom: 64vw;
  }

  .parr-int-funnel-green {
    color: white;
    text-align: center;
    font-size: 4.5vw;
    line-height: 1.2;
    margin-bottom: 60vw;
    margin-top: -2vw;
    padding: 25vw;
  }

  .parr-int-funnel-greenlight {
    color: white;
    text-align: center;
    font-size: 5vw;
    line-height: 1.2;
    margin-bottom: 68vw;
    margin-top: -5vw;
    padding: 29vw;
  }

  .fix-text-pyr.d-green {
    display: block;
    margin-top: -6vw;
  }

  .back-blue.programmatic {
    padding: 20vw 4vw;
  }

  .accordion-card .accordion-button.ask {
    padding: 0.5vw 4vw 0.5vw 2.5vw;
  }

  .back-partners h2 {
    color: white;
    font-size: 7.2vw;
    letter-spacing: 0px;
    line-height: 9.5vw;
  }

  .lina {
    border-right: none;
  }

  .border-review {
    border-left: 1px solid white;
    display: flex;
    align-items: flex-start;
  }

  .mobile-menu-wrapper .menu-toggle {
    right: 3px;
  }

  .mobile-menu {
    border-bottom: none;
  }

  .mobile-menu ul .submenu-item-has-children > a .mean-expand-class {
    font-size: 6vw;
  }

  .mobile-menu ul .submenu-item-has-children > a .mean-expand-class:before {
    content: "\f078";
    font-family: var(--icon-font);
    font-weight: 700;
  }

  .mobile-menu ul .submenu-item-has-children.active-class > a .mean-expand-class:before {
    content: "\f077";
  }

  .locale-select img {
    max-height: 4vw;
  }

  .blog-post-thumb img {
    width: 100%;
    height: 300px;
    object-fit: contain;
  }

  .back-blog {
    padding: 16rem 2rem;
  }

  .btn-how.blog {
    font-size: 5vw;
  }

  .link-btn:after, .link-btn:before {
    right: 17px;
  }

  .sidebar__cat-list .list-wrap li a {
    color: #ffffff;
    font-family: 'Inter-Regular';
    line-height: 11vw;
  }

  .blog__details-thumb img {
    border-radius: 0px;
    min-height: 250px;
    object-fit: contain;
  }

  .breadcumb-wrapper {
    margin-top: 20.3vw;
  }

  .breadcumb-wrapper.style2 {
    padding: 42px 29px;
  }

  .breadcumb-menu li, .breadcumb-menu a, .breadcumb-menu span {
    font-size: 4vw;
    font-family: 'Inter-Regular';
  }

  .pagination-wrap .pagination .page-link {
    font-size: 5.1vw;
  }

  .pagination-wrap.mt-50 {
    margin-left: -5.5vw;
  }

  .blog-post-thumb {
    margin-bottom: -60px;
    margin-top: -18vw;
  }

  .result-subtitle {
    color: white;
    font-size: 4vw;
  }

  .blog__details-thumb {
    margin-bottom: -3vw;
    margin-top: -20vw;
  }

  .mobile-menu-wrapper .mobile-menu-area {
    max-width: 345px;
  }

  .back-team {
    position: relative;
    background-image: url("../image/header-team.png");
    background-position: center center;
    background-size: cover;
    padding: 9rem 2rem;
  }

  .back-team h1 {
    font-size: 12.5vw;
    position: relative;
    line-height: 13.5vw;
  }

  .back-team p {
    font-size: 5.2vw;
    line-height: 6.5vw;
  }

  #certified {
    background: #131312;
    padding: 20vw 3vw;
  }

  #certified img {
    width: 30vw;
    text-align: center;
    padding-left: 4vw;
  }

  #certified p {
    color: #FFF;
    font-family: 'Inter-Regular';
    font-size: 6vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 11vw 6vw;
  }

  #metrics .colMetric {
    padding: 8vw 2vw;
  }

  #metrics .colMetric2 {
    padding: 5vw 4vw;
  }

  #metrics h6 {
    font-size: 13vw;
    margin-bottom: 7vw;
  }

  #metrics p {
    font-size: 6vw;
    font-style: normal;
    font-weight: 400;
    line-height: 7.4vw;
  }

  #attitudes {
    background: #000000;
    padding: 7vw 7vw;
  }

  #attitudes h2 {
    color: #FFF;
    font-family: 'Inter-Regular';
    font-size: 11vw;
    font-style: normal;
    font-weight: 400;
    line-height: 12vw;
    letter-spacing: -0.01vw;
    margin-bottom: 12vw;
    margin-top: 7vw;
  }

  #attitudes span {
    color: #FFF;
    font-family: 'Lora';
    font-size: 11vw;
    font-style: normal;
    font-weight: 400;
    line-height: 10vw;
    letter-spacing: -.1vw;
  }

  #attitudes img {
    width: 17vw;
  }

  #attitudes p {
    color: #FFF;
    font-family: 'Inter-Regular';
    font-size: 5vw;
    font-style: normal;
    font-weight: 400;
    line-height: 8vw;
    padding: 8vw 1vw;
  }

  .colorBox {
    background: #131312;
    padding: 1vw 2vw;
    margin: 1vw 0vw;
    height: auto;
  }

  #attitudes h5 {
    color: #FFF;
    font-family: 'Inter-Regular';
    font-size: 5vw;
    font-style: normal;
    font-weight: 400;
    line-height: 6vw;
    margin-bottom: 2vw;
  }

  #attitudes p.intern {
    color: #FFF;
    font-family: 'Inter-Regular';
    font-size: 4.5vw;
    font-style: normal;
    font-weight: 400;
    line-height: 7vw;
    padding: 0;
    margin-top: 4vw;
  }

  #metrics {
    background: #D4C8BE;
    padding: 7vw 7vw;
  }

  #benefits p {
    color: #FFF;
    font-family: 'Inter-Regular';
    font-size: 4.5vw;
    font-style: normal;
    font-weight: 400;
    line-height: 147%;
    padding: 4vw 2vw;
  }

  #benefits h2 {
    color: #FFF;
    font-family: 'Inter-Regular';
    font-size: 11vw;
    font-style: normal;
    font-weight: 400;
    line-height: 129%;
    letter-spacing: -1px;
    margin-bottom: 6vw;
  }

  #benefits span {
    color: #FFF;
    font-family: 'Lora';
    font-size: 11vw;
    font-style: normal;
    font-weight: 400;
    line-height: 129%;
    letter-spacing: -1px;
  }

  #benefits p {
    color: #FFF;
    font-family: 'Inter-Regular';
    font-size: 4.5vw;
    font-style: normal;
    font-weight: 400;
    line-height: 7vw;
    padding: 5vw 2vw;
  }

  .contenImg img {
    width: 14vw;
  }

  #benefits {
    background: #000000;
    padding: 17vw 5vw;
  }

  #search {
    background: #D4C8BE;
    padding: 15vw 4vw;
  }

  #search h2 {
    color: #000000;
    font-family: 'Inter-Regular';
    font-size: 11vw;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: -1px;
    margin-bottom: 6vw;
  }

  #search span {
    color: #000000;
    font-family: 'Lora';
    font-size: 11vw;
    font-style: normal;
    font-weight: 400;
    line-height: 106%;
    letter-spacing: -1px;
  }

  .fixBtnRow h3 {
    font-size: 5vw;
    margin-bottom: 3vw;
  }

  .fixBtnRow {
    border-bottom: 1px solid black;
    margin: 4vw 0vw;
  }

  .btnSEarch {
    border-radius: 56px;
    background: #000;
    font-size: 4vw;
    color: #FFF;
    text-align: center;
    font-weight: 400;
    padding: 1vw 12vw;
    font-family: 'Inter-Regular';
    margin-bottom: 6vw;
  }

  #testimonial spam {
    color: #fff;
    font-family: 'Lora';
    font-size: 11vw;
    font-style: normal;
    font-weight: 400;
    line-height: 129%;
    letter-spacing: -1px;
    margin-bottom: 1vw;
  }

  #testimonial h2 {
    color: #fff;
    font-family: 'Inter-Regular';
    font-size: 11vw;
    font-style: normal;
    font-weight: 400;
    line-height: 129%;
    letter-spacing: -1px;
    margin-bottom: 1vw;
  }

  #testimonial span {
    color: #FFF;
    font-family: 'Inter-Regular';
    font-size: 5vw;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -1.2px;
    margin-bottom: 2vw;
  }

  #testimonial p {
    color: #fff;
    font-family: 'Inter-Regular';
    font-size: 4.5vw;
    font-style: normal;
    font-weight: 400;
    line-height: 5vw;
    letter-spacing: 0.01vw;
    padding: 0vw 4vw;
  }

  #testimonial img {
    width: 32vw;
  }

  #testimonial .card {
    background: #131312;
    padding: 13vw 0vw;
  }

  #button .btn-how {
    color: #fff;
    font-family: "Inter-Regular";
    font-size: 4.7vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 69vw;
    display: flex;
    margin-bottom: 1vw;
  }

  #button {
    background: #D92636;
    padding: 12vw 5vw 23vw;
  }

  .border-right-black-team{
    border-right: none;
    border-bottom: 1px solid black;
    margin-bottom: 5vw;
  }

  .positionDonw {
    margin-top: 1rem;
    padding-left: 3vw;
    font-size: 5vw !important;
  }

  #benefits p.post {
    border-left: none;
    border-top: 1px solid white;
    margin-left: -3vw;
  }

  #testimonial {
    background: #000000;
    padding: 22vw 4vw;
  }

  #testimonial p.name {
    font-family: 'Inter-Semibold';
    margin-top: 7vw;
    line-height: 1vw;
    font-size: 4vw;
  }

  #testimonial p.position {
    font-size: 4vw;
  }

  .size .modal-dialog {
    max-width: 86vw;
    margin: 1.75rem 7vw;
  }

  .size.modal {
    top: 26vw;
    height: 70vh;
  }

  .size .modal-content {
    border-radius: 20px;
    background: #000;
    padding-left: 1vw;
    margin-bottom: 8vw;
}

  .size .modal-title {
    color: white;
    font-size: 5vw;
    font-family: 'Inter-Regular';
  } 

  .size .modal-body p {
    color: white;
    font-size: 4.5vw;
  }

  .btnModal {
    border-radius: 56px;
    background: #FFF;
    color: black;
    padding: 2.5vw 9vw;
    font-family: 'Inter-Regular';
    font-size: 4.4vw;
    margin-top: 1vw;
  }

  .med-img {
    display: block;
  }

  #testimonial .slick-dots {
    background: #131312;
    margin: -6vw 0vw;
    padding: 1vw 0vw 9vw;
  }

  .modal-footer img {
    width: 6.9vw;
    position: absolute;
    right: 4.5vw;
    bottom: 3.5vw;
  }

  .back-sol-sxo.chile {
    background-image: url("../image/sxo.png");
    background-position: center center;
    background-size: cover;
    padding: 62vw 9vw 50vw;
  }

  .solc-targe-title p.chile {
    font-size: 6vw;
    color: #fff;
    font-family: "Inter-Regular";
    font-style: normal;
    font-weight: 500;
    line-height: 9.2vw;
    letter-spacing: 0.4px;
    width: 75%;
  }

  #concept .container-fluid h2 {
    color: #FFF;
    font-family: 'Inter-Regular';
    font-size: 9vw;
    font-style: normal;
    font-weight: 400;
    line-height: 124%;
    letter-spacing: -1px;
  }

  #concept .container-fluid {
    background: #131312;
    padding: 13vw 9vw;
  }

  #concept .container-fluid p {
    color: #FFF;
    font-family: 'Inter-Regular';
    font-style: normal;
    font-weight: 400;
    line-height: 151%;
    font-size: 3.8vw;
  }

  #concept .container-fluid h3 {
    color: #FFF;
    font-family: 'Inter-Regular';
    font-style: normal;
    font-weight: 400;
    line-height: 151%;
    font-size: 3.8vw;
  }

  .colBenefits p {
    color: #000;
    font-family: 'Inter-Regular';
    font-size: 5vw;
    font-style: normal;
    font-weight: 400;
    line-height: 112%;
  }

  .colBenefits {
    border-top: 1px solid;
    padding: 8vw 1vw 2vw;
    margin: 1vw;
  }

  .colBenefits.down {
    border-bottom: 1px solid;
    padding: 8vw 0vw 2vw;
  }

  .colBenefits p {
    color: #000;
    font-family: 'Inter-Regular';
    font-size: 5vw;
    font-style: normal;
    font-weight: 400;
    line-height: 112%;
  }

  #integration .container-fluid h2 {
    color: #FFF;
    font-family: 'Inter-Regular';
    font-size: 9vw;
    font-style: normal;
    font-weight: 400;
    line-height: 124%;
    letter-spacing: -1px;
  }

  #integration .container-fluid p {
    color: #FFF;
    font-family: 'Inter-Regular';
    font-style: normal;
    font-weight: 400;
    line-height: 151%;
    font-size: 5vw;
  }

  #integration .container-fluid {
    background: #000000;
    padding: 13vw 9vw;
  }

  .center-video-testi.remax {
    padding: 9vw 9vw;
  }

  #testimonial p.card-text{
    width: 100%;
  }

  .contentTargedMex p {
    color: #ffffff;
    font-size: 4.4vw;
  }

  .solc-targe-title p.convMx {
    width: 70vw;
    font-size: 6vw;
    line-height: 8.2vw;
  }

  .solc-targe-title p.targMx {
    width: 80vw;
    font-size: 6vw;
    line-height: 8.2vw;
  }

  #concept.target .container-fluid h2 {
    font-size: 9vw;
  }

  #concept.target .container-fluid {
    background: #000000;
    padding: 15vw 7vw;
  }

  .downConvMx {
    color: white;
    font-size: 3.9vw;
    text-align: start;
    margin-top: 3rem;
    line-height: 9vw;
  }

  .reach-card p.mexico {
    color: #fff;
    font-family: "Inter-Regular";
    font-size: 4.7vw;
    font-style: normal;
    font-weight: 400;
    line-height: 5.5vw;
    margin-top: 2vw;
    /* width: 36vw; */
  }

  .btn-how.mexico {
    color: #fff;
    font-family: "Inter-Regular";
    font-size: 3.6vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }

  .reach-card p.Bold {
    font-family: 'Inter-Bold';
  }

  .btn-toggle {
    height: 39px;
    line-height: 38px;
    font-size: 17px;
    font-weight: bold;
    color: #ffff;
    display: block;
    background: #000000;
    text-align: center;
    width: 30%;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-color: gray;
    border-top: 1px solid gray;
    border-right: 1px solid gray;
    border-left: 1px solid gray;
    margin-bottom: -1px;
    font-family: 'Inter-Regular';
  }

  .seccion-toggle a {
    color: #ffff;
    font-size: 0.7rem;
    font-family: 'Inter-Regular';
  }

  .solc-targe-title h1.mod {
    line-height: 9.5vw;
  }

  .solc-targe-title span {
    font-size: 6.5vw;
    line-height: 6vw;
  }

  .blog__avatar-wrap {
      padding: 3vw;
  }


}

@media (max-width: 767px) {
  .hero-2 .hero-2-thumb {
      height: 580px;
      width: 100%;
  }
}


/*==============================
END NEW STYLE
==============================*/