@font-face {
  font-family: 'ClashDisplay';
  src: url('/assets/fonts/landing/ClashDisplayBold.otf') format('truetype');
  font-weight: 700; /* Negrita (Bold) */
}

@font-face {
  font-family: 'ClashDisplay';
  src: url('/assets/fonts/landing/ClashDisplayExtraLight.otf') format('truetype');
  font-weight: 200; /* Extra Ligera (Extra Light) */
}

@font-face {
  font-family: 'ClashDisplay';
  src: url('/assets/fonts/landing/ClashDisplayLight.otf') format('truetype');
  font-weight: 300; /* Ligera (Light) */
}

@font-face {
  font-family: 'ClashDisplay';
  src: url('/assets/fonts/landing/ClashDisplayMedium.otf') format('truetype');
  font-weight: 500; /* Media (Medium) */
}

@font-face {
  font-family: 'ClashDisplay';
  src: url('/assets/fonts/landing/ClashDisplayRegular.otf') format('truetype');
  font-weight: 400; /* Normal (Regular) */
}

@font-face {
  font-family: 'ClashDisplay';
  src: url('/assets/fonts/landing/ClashDisplaySemibold.otf') format('truetype');
  font-weight: 600; /* Semi Negrita (Semi-Bold) */
}

/** other text fonts **/

@font-face {
  font-family: 'SpaceG';
  src: url('/assets/fonts/landing/SpaceGrotesk-Bold.ttf') format('truetype');
  font-weight: 700; /* Negrita (Bold) */
}

@font-face {
  font-family: 'SpaceG';
  src: url('/assets/fonts/landing/SpaceGrotesk-Light.ttf') format('truetype');
  font-weight: 300; /* Ligera (Light) */
}

@font-face {
  font-family: 'SpaceG';
  src: url('/assets/fonts/landing/SpaceGrotesk-Medium.ttf') format('truetype');
  font-weight: 500; /* Media (Medium) */
}

@font-face {
  font-family: 'SpaceG';
  src: url('/assets/fonts/landing/SpaceGrotesk-Regular.ttf') format('truetype');
  font-weight: 400; /* Normal (Regular) */
}

@font-face {
  font-family: 'SpaceG';
  src: url('/assets/fonts/landing/SpaceGrotesk-SemiBold.ttf') format('truetype');
  font-weight: 600; /* Semi Negrita (Semi-Bold) */
}

.secondary-title{
    font-size: 55px;
    font-weight: 500 !important;
}

.experience-trust-text.secondary-title{
    font-size: 55px;
    font-weight: 500;
}

.desc-under-h{
    font-size: 22px;
    font-family: 'Inter', sans-serif;
    color: #3C3556 !important;
    margin-bottom: 10px;
}

.col-header-landing{
    width: 100%;
}

.landing-header{
    background-color: #272727;
    padding: 10px 0 !important;
}

.landing-header.stick{
    background-color: #272727;
}

.block-signin .btn{
    color: #ffffff !important;
    padding: 5px 15px;
}

.login-btn-header{
    border: 1px solid white;
    border-radius: 10px;
}

.btn-book-call:hover{
    background: #5234e270;
}

.btn-book-call{
    background: #5234E2;
    display: flex;
    color: white !important;
    padding: 5px 15px;
    border-radius: 8px;
    align-items: center;
    cursor: pointer;
    justify-content: center;
    text-align: center;
    font-family: 'SpaceG', Arial, sans-serif !important;
}

a.btn.signing{
    font-family: 'SpaceG', Arial, sans-serif !important;
}

.with-love.landing {
    color: #d2d2d2 !important;
    font-weight: 500;
}

.footer.blacked .text-gray{
    color: #d2d2d2 !important;
}

a{
    color: #5234E2 !important;
}

.h3header{
    font-size: 60.5px;
    color: #3C3556 !important;
    font-weight: 500;
}

a strong{
    color: #d2d2d2 !important;
}

.sticky-bar.stick{
    border-bottom: none;
}

.btn-simple.lila-simple {
    background: #5234E2;
}

.btn-simple.lila-simple:hover{
    background: #3847a6;
}

body {
  font-family: 'ClashDisplay', Arial, sans-serif !important;
  color:white;
  background:#F5F5F5;
}

h1, h2, h3, h4, h5, h6, .font-heading, .display-1, .display-2, .heading-lg, .heading-sm-1{
    font-family: 'ClashDisplay', Arial, sans-serif !important;
}

body > * {
    color:white;
}

.footer.blacked{
    background: #232340;
}

.footer.blacked > *{
    color:white;
}

.footer.blacked a{
    color:#d2d2d2 !important;
}

.footer.blacked a:hover{
    color:white !important;
    text-decoration: underline;
}

.footer.blacked h6{
    color:white !important;
}

.btn-simple-trans{
    background: #3262f763;
    display: flex;
    color: white !important;
    padding: 5px 25px;
    border-radius: 8px;
    align-items: center;
    cursor: pointer;
    justify-content: center;
    text-align: center;
}

.btn-simple-trans:hover {
    background: #5234E2;
}

a.btn-simple-trans:hover{
    color:white !important;
}

a.btn-simple{
    color:white !important;
}

body section.section-black-text > *{
    color:black;
}

.header-section{
    background: #FAFAFA;
}

.header-section *{
    color:black;
}

.header.transparent{
    background: transparent;
}

.header.transparent.stick{
    background: #0F1835;
}

.header.transparent .btn{
    color:white !important;
    font-size: 1rem;
}

.main-landing{
    display:block;
    background: #FAFAFA;
}

a.btn-simple:hover{
    color:white;
}

.info-header-landing{
    font-size: 23px;
    margin-top: 25px;
    font-weight: 400;
    font-family: 'Inter', Arial, sans-serif !important;
}

.btn-simple.fit-to a{
    font-family: 'SpaceG', Arial, sans-serif !important;
    font-weight: 500;
}

.support-info{
    margin-top: 30px;
    display:flex;
}
.lila-simple a{
    color:white !important;
}

.book-call .btn-simple.fit-to{
    font-size: 1.3rem;
}

.btn-simple.fit-to{
    font-size: 1rem;
}

input.info-request-input{
    height: 45px;
    color:black;
}

input.info-request-input:focus{
    background: white;
}

.input-container {
  position: relative;
}

.input-container i {
  position: absolute;
  top: 50%;
  right: 10px; /* Ajusta la posición del icono */
  transform: translateY(-50%);
}

.info-in-section h2 {
    font-weight: 500;
    color: #3C3556;
}

.btn-underlined{
    align-self: center;
    color:#5468E7;
    cursor:pointer;
    display: flex;
    justify-content: center;
}

.btn-underlined a{
    display: flex;
    align-items: center;
    font-size: 1.1rem;
    font-weight: 600;
}

.btn-underlined a:hover i{
    transform: translateX(8px); /* Mueve la flecha 10px hacia la derecha en hover */
}

.btn-underlined a i {
    font-size: 0.9rem;
    color: #5468E7;
    margin-left: 5px;
    align-self: center;
    margin-top: 3.5px;
    transition: transform 0.3s ease; /* Agrega una transición suave */
}

.info-in-section.centered{
    display:flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.img-fixed{
    max-height: 90%;
    align-self: center;
}

.list-opinions{
    display:flex;
    margin-top: 40px;
    scrollbar-width: none;
    overflow-x: scroll;
    -ms-overflow-style: none;
}

.list-opinions::-webkit-scrollbar { 
    display: none; /* For Safari and Chrome */
}

.list-opinions .item-opinion .fa-star{
    margin-right: 8px;
    color: #FFBA79;
}

.info-opinion{
    margin-top: 10px;
    margin-bottom: 10px;
}

.opinion-avatar{
    height: 40px;
    width: 40px;
    margin-right: 10px;
}

.item-opinion {
    background: white;
    display: flex;
    flex-direction: column;
    padding: 30px;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.opinion-author{
    display:flex;
    align-items: flex-start;
}

.opinion-author .position-opinion {
    font-size: 0.7rem;
    color: #7676B2;
}

.opinion-author .name-opinion{
    font-weight: 700;
}

.input-container input {
  border-radius: 8px;
}

.burger-icon.burger-icon-black > span::before, .burger-icon.burger-icon-black > span::after{
    background-color: #fff;
}

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top.landing{
    border-bottom: 1px solid #27272700;
    background-color:#27272700;
    margin-top: 30px;
}

.mobile-header-wrapper-style.landing .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li .option{
    color:white !important;
    font-size: 24px;
}

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li.btns-display-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu .btns-display-list a{
    width: 100%;
    padding: 10px 15px;
    font-size: 24px;
}

.btns-display-list .btn-book-call{
    font-family: 'ClashDisplay', Arial, sans-serif !important;
}

.btn-outline-login{
    display: flex;
    color: white !important;
    padding: 5px 15px;
    border-radius: 8px;
    align-items: center;
    cursor: pointer;
    justify-content: center;
    text-align: center;
    font-family: 'ClashDisplay', Arial, sans-serif !important;
    background: transparent;
    border: 1px solid #FAFAFA;
}

.mobile-header-wrapper-style.landing{
    background: #272727fa;
}

.color-lighted{
    background-color: #EDF5FD;
}

.info-to{
    color: rgba(35, 35, 64, 0.9);
    line-height: 1;
    width: max-content;
    font-size: 40px;
}

.text-white-footer{
    color: #d2d2d2 !important;
}

.control-carrusel{
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.control-carrusel .btn-navigate{
    font-size: 30px;
    cursor:pointer;
}

.control-carrusel .btn-navigate:hover{
    color:#5234E2;
}

.img-shadowed{
    box-shadow: 4px 5px 10px rgb(29 42 219 / 10%), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.h5header {
    color: #5234E2;
    margin-bottom: 25px;
    font-weight: 600;
    font-size: 16.5px;
}

.text-deel{
    color: #7A7A7A !important;
    margin-left: 10px;
    max-width: 400px;
}

.width-deel-div{
    margin-top: 40px;
    display: flex;
}

.selector-lang.landing{
    padding: 5px 7px;
}

.lang-landing .dropdown-menu li .lang-icon div{
    margin-left: 0px !important;
}

.lang-landing .dropdown-menu{
    max-width: 50px;
    min-width: 30px;
}

.lang-landing .dropdown-menu .dropdown-item{
    justify-content: center;
}

.info-trusted {
    margin-top: 150px;
    display: flex;
    justify-content: center;
    font-size: 1.2rem;
    font-weight: 400;
}

.display-partners{
    width: 100% !important;
    display:flex;
    justify-content: center;
}

.display-partners .slick-companies{
    height: 45px;
    background-size: cover;
}

.display-partners div.partners{
    width: 100% !important;
    padding: 20px 0px;
}

.info-in-section{
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    flex-wrap: wrap;
}

/** EFECTOS DE BOTON **/

.button-hovered-container {
    position: relative;
    max-width: 150px;
}

.button-hovered-container.book-call{
    height: 60px;
    max-width: 400px;
}

.landing-button {
    position: relative;
    top: 0;
    left: 0;
    background-color: #5234E2;
    width: 100%;
    height: 100%;
    color: white;
    cursor: pointer;
    transition: all 0.5s ease;
    border: 1px solid black;
}

.landing-button.blog-button {
    background-color: white;
    border-radius: 7px;
    padding: 4px;
    border: 1px solid #5234E2;
}

.landing-button.blog-button a {
    color: #5234E2 !important;
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
    font-weight: 500;
    font-family: 'ClashDisplay', Arial, sans-serif !important;
}

.landing-button.blog-button a i{
    color: #5234E2;
    margin-left: 5px;
}

.landing-button:hover {
    animation: bounce 0.3s forwards;
    animation-timing-function: ease-out;
    box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.2);
}

.button-hovered-container.blog-button-container::before {
    background-color: #27128C;
}

.button-hovered-container.blog-button-container {
    max-width: 130px;
    margin-top: 20px;
    height: 35px;
}

.button-hovered-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #3700b3;
    border-radius: 8px;
    z-index: 0;
    transition: all 0.5s ease;
}

.button-hovered-container:hover::before {
    animation: bounceDown 0.3s forwards;
    animation-timing-function: ease-out;
}

img.unshadowed{
    box-shadow: none;
}

.first-section-box-1 {
    display: flex;
    background: #FFEBA5;
    flex-direction: column;
    align-items: flex-start;
}

.first-section-box-2{
    display: flex;
    background: #CBEDFF;
    flex-direction: column;
    align-items: flex-start;
}

.first-section-box-1 img{
    align-self: center;
    width: 95%;
}

.first-section-box-2 img{
    align-self: center;
    width: 95%;
}

.box-info-landing {
    padding: 30px;
    border-radius: 8px;
}

.box-info-landing .title-box-info {
    display:flex;
    align-items: center;
    margin-top: 20px;
    font-size: 40px;
    color: #5234E2;
    font-weight: 600;
    line-height: 1;
}

.powered-deel{
    margin-left: 10px;
    padding: 8px 10px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.powered-deel.in-yellow{
    background: #726020;
}

.powered-deel.in-red{
    background: #7A5C47;
}

.powered-deel.in-blue{
    background: #635B7A;
}

.box-info-landing .desc-box-info{
    font-size: 16px;
    font-family: 'Inter', Arial, sans-serif !important;
}

.first-section-box-1 .desc-box-info{
    margin-top: 30px;
}

.button-hovered-container.view-more-btn {
    min-height: 20px;
    width: 130px;
    margin-top: 20px;
}

.landing-button.small-btn {
    display: flex;
    color: white;
    padding: 4px 25px;
    border-radius: 8px;
    align-items: center;
    cursor: pointer;
    justify-content: center;
    text-align: center;
    width: auto;
    height: auto;
}

.landing-button a {
    color: white !important;
    font-family: 'SpaceG', Arial, sans-serif !important;
    font-weight: 500;
}

.view-more-btn .landing-button{
    white-space: nowrap;
}

.view-more-btn .landing-button:hover {
    animation: bounceSmall 0.3s forwards;
    animation-timing-function: ease-out;
    box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.2);
}

.button-hovered-container.view-more-btn:hover::before {
    animation: bounceDownSmall 0.3s forwards;
    animation-timing-function: ease-out;
}

.view-more-btn .landing-button .fa-plus{
    color:white;
    margin-right: 8px;
}

.box-info-landing img{
    transition: transform 0.15s ease-in-out;
}

.first-section-box-1:hover .unshadowed{
    transform: rotate(-3deg) scale(1.05);
}

.first-section-box-2:hover .unshadowed{
    transform: rotate(-4deg) scale(1.05);
}

.first-section-box-3{
    display: flex;
    background: #DCCFFF;
    flex-direction: row;
    align-items: flex-start;
}

.first-section-box-4{
    display: flex;
    background: #FFEBA5;
    flex-direction: row;
    align-items: flex-start;
    margin-top: 25px;
}

.first-section-box-3 .layout-text{
    margin-right: 10px;
}

.first-section-box-3 img{
    max-height: 360px;
}

.first-section-box-4 .layout-text{
    margin-right: 10px;
}

.first-section-box-4 img{
    max-height: 360px;
}

.first-section-box-5 {
    display: flex;
    background: #B0FFCB;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    height: 100%;
}

.first-section-box-3:hover .unshadowed{
    transform: rotate(3deg) scale(1.05);
}

.first-section-box-4:hover .unshadowed{
    transform: rotate(-4deg) scale(1.05);
}

.first-section-box-5:hover .unshadowed{
    transform: rotate(-5deg);
}

.first-section-box-6 {
    display: flex;
    background: #FFE1CC;
    flex-direction: column;
    align-items: flex-start;
}

.first-section-box-7{
    display: flex;
    background: #E3DBFA;
    flex-direction: column;
    align-items: flex-start;
}

.first-section-box-6 img{
    align-self: center;
    width: 95%;
}

.first-section-box-7 img{
    align-self: center;
    width: 95%;
}

.first-section-box-6:hover .unshadowed{
    transform: rotate(3deg) scale(1.05);
}

.first-section-box-7:hover .unshadowed{
    transform: rotate(-4deg) scale(1.05);
}

.offers-section h2{
    font-weight: 500;
    color: #3C3556 !important;
}

.landing-button.view-more-jobs {
    display: flex;
    color: white;
    padding: 10px 25px;
    border-radius: 8px;
    align-items: center;
    cursor: pointer;
    justify-content: center;
    text-align: center;
    width: auto;
    height: auto;
}

.button-hovered-container.view-more-job-offers{
    min-height: 20px;
    max-width: 250px;
    min-width: 90px;
    margin-top: 20px;
}

.view-more-job-offers a{
    white-space: nowrap;
    font-size: 22px;
    font-family: 'SpaceG', Arial, sans-serif !important;
}

.job-list-landing{
    display:flex;
    flex-direction: column;
}

.job-listing{
    margin-top: 25px;
}

.job-offer-landing-item {
    margin-top: 15px;
    display: flex;
    align-items: center;
    border: 1.5px solid black;
    border-radius: 16px;
    padding: 15px;
    justify-content: space-between;
}

.job-offer-landing-item img {
    box-shadow: 4px 4px 1px 2px rgb(0 0 0);
    border-radius: 50%;
    height: 40px;
    width: 40px;
    object-fit: cover;
    border: 2px solid black;
    margin-right: 15px;
}

.title-job-offer-landing {
    font-size: 16px;
    font-weight: 500;
    font-family: 'Inter', Arial, sans-serif !important;
    max-width: 250px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden;
}

.date-job-offer-landing{
    font-family: 'Inter', Arial, sans-serif !important;
}

.view-more-btn.mt-zero{
    margin-top: 0px;
}

.salary-in-job{
    font-family: 'Inter', Arial, sans-serif !important;
    margin-left: 20px;
}

.our-method-text{
    font-weight: 600;
    font-size: 16px;
    color: #323232;
}

.experience-trust-text {
    font-weight: 500;
    color: #3C3556;
    margin-top: 10px;
}

.info-method{
    font-family: 'Inter', Arial, sans-serif !important;
    margin-top: 15px;
    font-size: 23px;
    font-weight: 500;
    color: #3C3556;
}

.list-steps-method{
    display:flex;
    flex-direction: column;
    padding: 0px 30px;
}

.theme-step-image{
    background-size: cover;
}

.step-method-layout{
    padding: 40px 20px;
    border-radius: 24px;
    
}

.step-method-1{
    background: #FFEBA5;
    align-self: flex-start;
}

.step-method-1 .number-method-step{
    color: #AA8502;
}

.step-method-1 .title-method-step{
    color: #AA8502;
}

.step-method-1 .theme-step-image {
    box-shadow: none;
    position: absolute;
    right: -20%;
    top: 50%;
    transform: translateY(-50%);
    width: 350px;
}

.number-method-step{
    font-size: 150px;
    font-weight: bold;
    line-height: 160px;
}

.title-method-step {
    font-weight: 600;
    margin-top: 10px;
    font-size: 25px;
    line-height: 28px;
}

.desc-method-step {
    font-family: 'Inter', Arial, sans-serif !important;
    margin-top: 5px;
    font-size: 16px;
}

.step-method-inverse{
    display: flex;
    flex-direction: row-reverse;
}

.step-method-inverse .display-reverse{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.step-method-inverse .desc-method-step{
    text-align: end;
}

.step-method-2{
    background: #CBEDFF;
    align-self: flex-end;
}

.step-method-2 .number-method-step{
    color: #25A4EA;
}

.step-method-2 .title-method-step{
    color: #25A4EA;
    text-align: end;
}

.step-method-2 .theme-step-image {
    box-shadow: none;
    position: absolute;
    left: -20%;
    top: 50%;
    transform: translateY(-50%);
    width: 350px;
}

.step-method-layout {
    margin-top: 20px; /* Ajusta este valor a tu necesidad */
}

.step-method-layout:first-child {
    margin-top: 0;
}

.step-method-3{
    background: #CAFFDC;
    align-self: flex-start;
}

.step-method-3 .number-method-step{
    color: #0AC148;
}

.step-method-3 .title-method-step{
    color: #0AC148;
}

.step-method-3 .theme-step-image {
    box-shadow: none;
    position: absolute;
    right: -23%;
    top: 50%;
    transform: translateY(-50%);
    width: 350px;
}

.step-method-4{
    background: #E3DBFA;
    align-self: flex-end;
}

.step-method-4 .number-method-step{
    color: #5234E2;
}

.step-method-4 .title-method-step{
    color: #5234E2;
    text-align: end;
}

.step-method-4 .theme-step-image {
    box-shadow: none;
    position: absolute;
    left: -20%;
    top: 50%;
    transform: translateY(-50%);
    width: 350px;
}

.step-method-5{
    background: #FFEBA5;
    align-self: flex-start;
}

.step-method-5 .number-method-step{
    color: #AA8502;
}

.step-method-5 .title-method-step{
    color: #AA8502;
}

.step-method-5 .theme-step-image {
    box-shadow: none;
    position: absolute;
    right: -23%;
    top: 50%;
    transform: translateY(-50%);
    width: 350px;
}

.step-method-6{
    background: #CBEDFF;
    align-self: flex-end;
}

.step-method-6 .number-method-step{
    color: #25A4EA;
}

.step-method-6 .title-method-step{
    color: #25A4EA;
    text-align: end;
}

.step-method-6 .theme-step-image {
    box-shadow: none;
    position: absolute;
    left: -20%;
    top: 50%;
    transform: translateY(-50%);
    width: 350px;
}

.affinity-talents-text {
    text-align: center;
    width: 75%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px 0px;
    margin-top: 25px;
    font-size: 40px;
    color: #5234E2;
    line-height: 1.1;
    align-self: end;
}

.academy-background-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px 0px;
    width: 100%;
    background: #5234E2;
    position: relative;
    height: 90vh;
    justify-content: center;
}

.academy-text-info {
    font-size: 23px;
    z-index: 1;
    width: 70%;
    line-height: 1.3;
    text-align: center;
    color: #FAFAFA;
}

.academy-number-info {
    font-size: 300px;
    line-height: 1;
    margin-top: 20px;
    position: relative;
    z-index: 1;
    color: #FAFAFA;
    font-weight: 800;
}

.special-padded-section {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.academy-background-image{
    position: relative;
    width: 100%;
    height: auto;
    object-fit: fill;
}

.academy-slick{
    margin-top: 20px;
}

.display-partners.partners-landing-header:before,
.display-partners.partners-landing-header:after {
    content: "";
    position: absolute;
    width: 60px; /* Ajusta este valor para cambiar el tamaño del difuminado */
    height: 80px;
    z-index: 1;
    left:0;
    background: linear-gradient(to right, #fafafa, transparent 100%);
}

.display-partners.partners-landing-header:after {
    right: 0;
    left: auto;
    transform: rotateZ(180deg);
}

.display-partners.partners-landing-header.academy-slick:before, .display-partners.partners-landing-header.academy-slick:after{
    background: linear-gradient(to right, #5234E2, transparent 100%);
}

.display-partners.academy-slick .slick-companies.digital-house{
    height: 12px;
}

.display-partners.academy-slick .slick-companies{
    height: 35px;
}

h2.why-use{
    font-weight: 500;
    color: #3C3556;
}

.item-step-use{
    display:flex;
    margin-top: 20px;
    cursor: pointer;
}

.item-step-use:first-child{
    margin-top: 35px;
}

.item-step-use img{
    height: 60px;
}

.item-step-use.selected .dialog-step-use{
    background-image: url("/assets/imgs/theme/usecase_selected_dialog.png");
}

.dialog-step-use {
    background-image: url("/assets/imgs/theme/usecase_unselected_dialog.png");
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-left: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    align-items: center;
}

.dialog-step-use.inverted {
    background-image: url("/assets/imgs/theme/usecase_unselected_dialog_inverted.png");
    padding-left: 10px;
    padding-right: 25px;
}

.item-step-use.selected .dialog-step-use.inverted{
    background-image: url("/assets/imgs/theme/usecase_selected_dialog_inverted.png");
}


.item-step-use.selected .dialog-step-use .title-dialog{
    color: #EAEAFD;
}

.item-step-use.selected .dialog-step-use .desc-dialog{
    color: #EAEAFD;
}

.dialog-step-use .title-dialog{
    font-family: 'Inter', Arial, sans-serif !important;
    color: #3C3556;
    font-size: 15px;
    font-weight: 600;
    padding-left: 10px;
}

.dialog-step-use .desc-dialog{
    font-family: 'Inter', Arial, sans-serif !important;
    color:#3C3556;
    text-align: center;
    font-size: 14px;
    margin: 0px 5px;
}



.step-use-container{
    height: min-content;
}

.step-use-message-container{
    display:flex;
    flex-direction: column;
    position: relative; /* Para posicionar los pseudo-elementos */
}

.step-use-message-wrapped {
    overflow-y: hidden;
    scroll-behavior: smooth;
    display: flex;
    flex-direction: column;
}

.step-use-message-container::before,
.step-use-message-container::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 70px;
    z-index: 1;
    pointer-events: none;
}

.step-use-message-container::after {
    bottom: 0;
    background: linear-gradient(to bottom, rgba(250, 250, 250, 0.1), rgba(250, 250, 250, 1));
}

.step-use-message-container::before {
    top: 0;
    background: linear-gradient(to bottom, rgba(250, 250, 250, 1), rgba(250, 250, 250, 0.1));
}



.message-item-use {
    margin-bottom: 45px;
    padding-right: 50px;
    padding-left: 50px;
    padding-top: 70px;
    padding-bottom: 20px;
    background: white;
    border-radius: 16px;
}

.message-item-use.inverted{
    align-self: end;
}

.message-text-box{
    font-size: 22px;
    color: #434343;
}

.message-item-use .line-divisor{
    background: #B4B4B4;
    height: 1px;
    width: 100%;
    margin-top: 50px;
}

.industry-text{
    background: #CFC7F9;
    padding: 2px 25px;
    border-radius: 7px;
    margin-top: 10px;
    text-align: center;
}

.author-message .extra-info{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.author-message {
    display: flex;
    align-items: flex-end;
    margin-top: 30px;
    justify-content: space-between;
}

.author-message img{
    height: 110px;
}

.author-message .extra-info img{
    height: 20px;
}

.author-info{
    margin-bottom: 20px;
    margin-left: 25px;
}

.author-message .author-info .author-name{
    font-size: 26px;
    font-weight: 600;
    color: #3C3556;
}

.author-message .author-info .author-area{
    font-size: 18px;
    font-weight: 400;
    color: #7A7A7A;
    margin-top: 5px;
}

.title-layout-offers h3 {
    font-weight: 100;
    font-size: 30px;
}

.title-layout-offers h2{
    font-weight: 500;
    font-size: 55px;
}

.header-job {
    background: #EAEAFF;
    border-radius: 16px;
    padding: 15px;
    display: flex;
    position: relative;
    align-items: center;
    z-index: 1;
}

.header-job .top-left {
    display: flex!important;
    flex-direction: column!important;
    flex: 2 0 auto;
}

.top-left-header {
    display: flex;
    align-items: center;
}

.top-left-header img{
    height: 50px;
    margin-right: 10px;
}

.top-left-header div{
    color: #5234E2;
    font-weight: 600;
    font-size: 24px;
}

.job-descriptive-item {
    padding: 30px 0px;
}

.backround-on-bottom-left {
    background: #CFC7F9;
    color: #3C3556;
    margin-top: 15px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    font-weight: bold;
    padding: 5px 0px;
    font-family: 'Inter', Arial, sans-serif !important;
}

.header-job .top-right {
    display: flex!important;
    flex-direction: column!important;
    flex: 1 2 auto;
    margin-left: 100px;
}

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

.pricing-flexible h4{
    font-size: 36px;
    font-weight: 600;
}

.pricing-flexible div{
    font-size: 20px;
}

.tabs-pricing {
    background: #FAFAFA;
    border-radius: 8px;
    padding: 6px;
    margin-top: 25px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.tabs-pricing div {
    font-size: 16px;
    font-weight: 500;
    padding: 2px 15px;
    border-radius: 4px;
    flex: 1 1 auto;
    text-align: center;
    font-family: 'Inter', Arial, sans-serif;
    cursor:pointer;
}

.tabs-pricing div.selected{
    background: #CFC7F9;
    color: #3C3556;
    font-weight: bold;
}

.btn-offer-selection {
    padding: 10px;
    color: white;
    font-weight: 300;
    border-radius: 8px;
    text-align: center;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.landing-button.btn-offer-selection a{
    font-family: 'ClashDisplay', Arial, sans-serif !important;
}

.landing-button.btn-offer-selection a strong{
    color: white !important;
}

.button-hovered-container.offer-btn {
    height: 60px;
    max-width: 100%;
}

.btn-offer-selection strong{
    font-weight: 600;
}

.body-offer {
    padding: 25px 10px;
    margin-top: -15px;
    position: relative;
    z-index: 0;
    display: flex;
    border: 2px solid #EFEFF9;
    border-radius: 10px;
    flex-direction: column;
}

ul.list-features {
    margin-top: 15px;
    list-style-type: disc; /* Esto añade un punto a cada elemento de la lista */
    padding-left: 20px; /* Espacio entre el borde y el texto */
}

.list-features li i {
    font-family: 'Inter', Arial, sans-serif;
}

.faqs-section-landing h4{
    font-weight: 600;
}

.faqs-section-landing .faq-item .header-item-faq .faq-title{
    color: #3C3556;
    font-size: 23px;
    font-weight: 600;
}

.title-primary-faqs{
    font-weight: 600;
    color: #3C3556 !important;
}



.faq-item {
    display: flex;
    flex-direction: column;
    background: #EFECFF;
    padding: 15px 10px;
    border-radius: 8px;
    margin-top: 15px;
}

.header-item-faq {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-item-faq .faq-title {
    font-size: 1.1vw;
    font-weight: 500;
}

.header-item-faq .down-icon {
    height: 24px;
}

.description-faq {
    height: auto;
    display:none;
    overflow: hidden;
    font-weight: 400;
    margin-top: 10px;
    font-family: "Inter", Arial, sans-serif;
}

.experience-method-trust{
    height: min-content;
}

.title-primary-blog{
    font-weight: 600;
    color: #3C3556 !important;
}

h3.section-subtitle{
    font-weight: 400;
    font-size: 30px;
    color: #3C3556 !important;
}

.read-article-btn {
    color: #5234E2;
    border: 1px solid #5234E2;
    border-radius: 6px;
    width: fit-content;
    display: flex;
    margin-top: 35px;
    padding: 2px 25px;
    align-items: center;
    cursor: pointer;
    font-weight: 500;
}

.read-article-btn:hover{
    color: white;
    background: #5234E2;
}

.read-article-btn .fa-arrow-right{
    margin-left: 7px;
    color: #5234E2;
}

.read-article-btn:hover .fa-arrow-right{
   color: white; 
}


.blog-list-post{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}

.blog-title{
    margin-top: 25px;
    font-weight: 600;
    color: #3C3556;
    font-size: 18px;
}

.blog-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
    border-radius: 16px;
    box-shadow: 1px 3px 4px 1px rgb(33 37 41 / 24%);
    margin-top: 15px;
}

.btn-more-post {
    width: fit-content;
    align-self: end;
    font-size: 22px;
    margin-top: 25px;
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-right: 10px;
}

.btn-more-post div{
    color: #5234E2 !important;
    text-decoration: underline;
    text-decoration-skip-ink: none;
}

.btn-more-post .fa-arrow-right{
    margin-left: 6px;
    font-size: 18px;
    color: #5234E2 !important;
}

.simple-step-section{
    position:relative;
    min-height: 190vh;
    overflow: hidden; /* Evita que el contenido salga del contenedor */
}

.section-simple-steps{
    position: relative;
}

.section-simple-steps .background {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    object-fit: cover;
    object-position: top;
}

.section-simple-steps .poly-gon{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
}

.section-simple-steps::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 25%;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, #fafafa, #fafafa85, #ffffff00);
}

.landing-button.btn-ready-get{
    padding: 5px 25px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    text-align: center;
}

.button-hovered-container.ready-get-started {
    height: 75px;
    max-width: 100%;
    margin-top: 30px;
}

/*
.simple-steps-box{
    padding: 80px;
    background: white;
    z-index: 1;
    position: relative;
    border-radius: 8px;
    display: flex;
    color: #3C3556;
    flex-direction: column;
    box-shadow: 1px 3px 4px 1px rgb(33 37 41 / 24%);
}*/

.simple-steps-box {
    padding: 80px;
    background: white;
    z-index: 1;
    position: absolute; /* Cambiado de relative a absolute */
    top: 0; /* Inicia en la parte superior del contenedor */
    left: 0; /* Alineado a la izquierda */
    right: 0; /* Alineado a la derecha */
    margin: 0 auto; /* Centrado horizontalmente */
    border-radius: 8px;
    display: flex;
    color: #3C3556;
    flex-direction: column;
    box-shadow: 1px 3px 4px 1px rgb(33 37 41 / 24%);
    transition: transform 0.3s ease; /* Transición suave para el efecto de escala */
}

.simple-steps-box .simple-steps-subtitle{
    font-size: 20px;
    font-family: 'Inter', Arial, sans-serif;
}

.landing-button.btn-ready-get a {
    font-size: 35px;
    text-align: center;
    display: flex;
    align-items: center;
    font-family: "ClashDisplay", Arial, SANS-SERIF !important;
}

.simple-steps-box h2{
    color: #3C3556;
    font-weight: 500;
}

.simple-steps-box h2 light{
    color: #5234E2;
}

.number-step img {
    height: 45px;
    min-width: 45px;
}

.list-steps-simple .step-path{
    display: flex;
    align-items: flex-start;
}

.step-path .text-step-info {
    margin-left: 15px;
}

.step-path .text-step-info h4{
    font-weight: bold;
    font-size: 25px;
    line-height: 25px;
    font-family: 'Inter', Arial, sans-serif !important;
}

.step-path .text-step-info div {
    font-weight: 400;
    color: #3C3556;
    font-size: 16px;
    margin-top: 15px;
    font-family: 'Inter', Arial, sans-serif;
}

.list-steps-simple{
    margin-top: 35px;
}

.step-1-title-simple{
    color: #5234E2;
}

.step-2-title-simple{
    color: #9E7F21;
}

.step-3-title-simple{
    color: #0AC148;
}

.step-path .number-step{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -5px;
}

.step-path .number-step .down-line{
    height: 120px;
    margin-top: -5px;
}

.step-path .number-step .line-step-1{
    border-left: 1.7px dashed #5234E2;
}

.step-path .number-step .line-step-2{
    border-left: 1.7px dashed #9E7F21;
}

.step-path .number-step .line-step-3{
    border-left: 1.7px dashed #0AC148;
}

.footer-landing{
    background: #272727;
}

.footer-landing a{
    color: #FAFAFA !important;
}

.footer-landing > * {
    font-family: 'SpaceG', Arial, sans-serif !important;
}

.footer-landing h6{
    color: #FAFAFA !important;
}

.footer-landing .logo-footer-img{
    height: 90px;
}

.social-icon {
    background: #414141;
    position: relative;
    display: flex;
    flex-direction: column;
    width: 68px;
    height: 68px;
    padding: 15px;
    border-radius: 16px;
    align-items: center;
    margin-right: 5px;
    justify-content: center;
}

.social-icon:active{
    background: #1E1E1E;
}

.social-icon:hover{
    background: #6A6A6A;
}

.social-icon:hover img{
    height: 100%;
    width: 100%;
}

.social-icon img{
    height: 85%;
    width: 85%;
    transition: width 0.3s, height 0.3s;
}

.jobs-categories li a{
    transition: transform 0.3s ease;
}

.jobs-categories li a:hover{
    transform: translateY(-5px);
}

.socials-list{
    display:flex;
    align-items: center;
    margin-top: 15px;
}

.social-layout-div{
    display: flex!important;
    flex-direction: column!important;
    justify-content: flex-end!important;
    padding-bottom: 70px;
}

.jobs-categories li:first-child{
    margin-top: 0px;
}

.jobs-categories li{
    margin-top: 12px;
}

body.flow-hidden{
    max-width: 100%;
    overflow-x: hidden;
}

.message-item-use {
        width: 85%;
    }

.title-layout-offers > *{
    color: #3C3556 !important;
}

.section-subtitle{
    color: #3C3556 !important;
}

.image-header-earth{
    position: absolute;
    right: 0;
}
    
@keyframes bounce {
    0% { transform: translate(0, 0); }
    50% { transform: translate(15px, -9px); }
    100% { transform: translate(10px, -6px); }
}

@keyframes bounceDown {
    0% { transform: translate(0, 0); }
    50% { transform: translate(0px, 9px); }
    100% { transform: translate(0px, 6px); }
}

@keyframes bounceSmall {
    0% { transform: translate(0, 0); }
    50% { transform: translate(10px, -5px); }
    100% { transform: translate(8px, -3px); }
}

@keyframes bounceDownSmall {
    0% { transform: translate(0, 0); }
    50% { transform: translate(0px, 5px); }
    100% { transform: translate(0px, 3px); }
}


.simple-steps-box{
    width: 860px;
}

@media (max-width: 400px){
    .step-path .number-step .down-line{
        height: 280px !important;
    }
    
    .section-simple-steps .poly-gon{
        bottom: -0.02% !important;
    }
}


@media (max-width: 600px){
    
    .dialog-step-use .title-dialog{
        text-align: center;
    }
    
    .btn-book-call.ml-20{
        margin-left: 0px !important;
        margin-right: 12px;
    }
    
    .section-simple-steps::after{
        height: 15%;
        background: linear-gradient(180deg, #fafafa, #fafafa4f, #ffffff00);
    }
    
    .secondary-title{
        font-size: 35px;
    }
    
    .box-info-landing .title-box-info {
        font-size: 28px;
        flex-direction: column;
        gap: 10px;
        align-items: start;
    }
    
    .powered-deel{
        margin-left: 0px;
    }
    
    .hidden-on-desktop{
        display:block;
    }
    
    .landing-header .lang-selection.lang-scl-home{
        margin-left: 0px;
        margin-right: 10px;
    }
    
    .step-path .number-step .down-line{
        height: 200px;
    }
    
    .job-offers-featured{
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 5px;
    }
    
    .job-offers-featured .col-12{
        padding: 0px;
    }
    
    .section-simple-steps .poly-gon{
        bottom: -0.05%;
    }
    
    .footer-landing .logo-footer-img{
        margin-top: 30px;
    }
    
    .button-hovered-container.ready-get-started{
        height: 55px;
    }
    
    .landing-button.btn-ready-get a{
        font-size: 20px;
    }
    
    .step-path .text-step-info h4{
        font-size: 20px;
        line-height: 1.1;
    }
    
    .step-path .text-step-info div{
        font-size: 15px;
    }
    
    .simple-steps-box{
        padding: 20px;
        position: static;
        width: 100%;
    }
    
    .simple-steps-box h2{
        font-size: 24px;
        line-height: 1.1;
    }
    
    .simple-steps-box .simple-steps-subtitle{
        font-size: 16px;
        margin-top: 10px;
    }
    
    .simple-step-section {
        padding: 100px 15px;
    }

    .blog-item:first-child{
        margin-top: 0px;
    }
    
    .blog-item{
        width: 100%;
        margin-top: 20px;
    }
    
    .title-primary-blog{
        font-size: 44px;
        line-height: 50px;
    }
    
    .faqs-section-landing .faq-item .header-item-faq .faq-title{
        font-size: 18px;
    }
    
    
    
    .btn-offer-selection{
        font-size: 20px;
    }
    
    .title-layout-offers h2{
        font-size: 44px;
        line-height: 50px;
    }
    
    .title-primary-faqs{
        font-size: 44px;
        line-height: 50px;
    }
    
    .button-hovered-container.offer-btn{
        height: 50px;
    }
    
    .tabs-pricing{
        margin-top: 15px;
    }
    
    .header-job .top-right{
        margin-top: 20px;
        margin-left: 0px;
    }
    
    .header-job{
        flex-direction: column;
        align-items: flex-start;
    }
    
    .item-step-use:first-child{
        margin-top: inherit;
    }
    
    .item-step-use.first-child {
        margin-top: 25px;
    }
    
    .item-step-use{
        margin-bottom: 25px;
    }
    
    .author-message .extra-info {
        flex-direction: row;
        margin-top: 3px;
    }
    
    .author-message .extra-info img {
        height: 13px;
        margin-left: 6px;
    }
    
    .industry-text {
        padding: 0px 5px;
        margin-top: 0px;
    }
    
    .author-message .author-info .author-area{
        font-size: 15px;
        margin-top: 0px;
    }
    
    .author-message .author-info .author-name{
        font-size: 20px;
    }
    
    .author-info {
        margin-bottom: 0px;
        margin-left: 15px;
    }
    
    .author-message img {
        height: 80px;
    }
    
    .message-text-box{
        font-size: 18px;
    }
    
    .author-message{
        margin-top: 20px;
    }
    
    .message-item-use{
        width: 100%;
        padding-right: 20px;
        padding-left: 20px;
        margin-bottom: 30px;
        padding-top: 30px;
    }
    
    .academy-number-info{
        font-size: 80px;
        line-height: 85px;
    }
    
    .academy-text-info{
        font-size: 20px;
        width: 100%;
        padding: 0px 10px;
    }
    
    .academy-background-section{
        margin-top: -1px;
        margin-bottom: -1px;
    }
    
    .affinity-talents-text{
        width: 100%;
        align-self: center;
    }
    
    div.relative.step-method-layout{
        position: inherit;
    }
    
    .step-method-layout .theme-step-image {
        right: 0;
        left: 0;
        top: unset;
        transform: none;
    }
    
    .step-method-1 .theme-step-image{
         bottom: 0%;
    }
    
    img.theme-step-image{
         position: relative !important;
    }
    
    .step-method-2 .theme-step-image {
        margin-bottom: 20px;
    }
    
    .step-method-3 .theme-step-image{
         bottom: 0%;
    }
    
    .step-method-4 .theme-step-image{
        margin-bottom: 20px;
    }
    
    .step-method-5 .theme-step-image{
         bottom: 0%;
    }
    
    .step-method-6 .theme-step-image{
         margin-bottom: 20px;
    }
    
    .step-method-layout{
        padding-bottom: 10%;
    }
    
    .list-steps-method{
        padding: 0px;
    }
    
    .experience-trust-text.secondary-title{
        line-height: 50px;
        font-size: 44px;
    }
    
    .number-method-step{
        font-size: 120px;
        line-height: 130px;
    }
    
    .info-method{
        font-size: 18px;
    }
    
    .salary-in-job{
        margin-left: 0px;
    }
    
    .title-job-offer-landing {
        max-width: 230px;
    }
    
    .img-earth-mobile {
        padding: 0px;
        position: relative;
        margin-top: -35%;
        margin-right: -25%;
    }
    
    .col-header.col-header-landing{
        margin-top: -15%;
    }
    
    .h5header{
        margin-bottom: 0px;
    }
    
    h2.h3header{
        font-size: 45px;
        line-height: 55px;
    }
    
    .text-deel{
        font-size: 13px;
        line-height: 16px;
    }
    
    .info-trusted{
        margin-top: 50px;
        text-align: center;
    }
    
    .first-section-box-3{
        flex-direction: column;
    }
    
    .first-section-box-4{
        flex-direction: column;
    }
    
    .centered-in-mobile{
        justify-content: center;
        align-items: center;
    }
    
    .info-to{
        font-size: 19px;
        text-align: left;
    }
    
    .info-in-section h2{
        text-align: left;
    }
    
    
    .header-section{
        background-attachment: scroll;
        background-position: 70% 50%;
    }
    
    .logo-page-landing{
        height: 30px;
    }
    
    .burger-icon.burger-icon-black{
        top: 17px !important;
    }
    
    .padded-section{
        padding:15px;
        margin: 0px;
    }
    
    .padded-section-opinions{
        padding:15px;
        margin: 0px;
    }
    
    section.header-section.padded{
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 100px;
        padding-bottom: 12px;
    }
    
    .header.transparent .btn-simple{
        font-size: 0.85rem;
    }
    
    
    .fit-img-width{
        width: 100%;
        object-fit: cover;
    }
    
    .support-info{
        margin-top: 10px;
        display:flex;
        align-items: center;
        justify-content: center;
    }
    
    .info-header-landing{
        font-size: 16px;
        margin-top: 25px;
    }

    .title-info-partner{
        color: #1f2938;
        font-weight: 700;
        font-size: 30px;
        line-height: 36px;
        text-align: center;
        align-self: center;
    }
    
    .desc-info-partner{
        color: #1f2938;
        font-size: 1rem;
        margin-top: 25px;
        text-align: center;
        align-self: center;
    }
    
    .btn-simple.big-btn{
        font-size: 1.1rem !important;
        padding: 10px 30px !important;
    }
    
    .input-container input {
        padding-right: 20px; /* Ajusta el espacio para el icono */
      }
    
}

@media (min-width: 601px) and (max-width: 990px){
    .hidden-on-desktop{
        display:block;
    }
    
    .message-item-use {
        width: 85%;
    }
    
    .header-section{
        background-attachment: scroll;
        background-position: 70% 50%;
    }
    
    .logo-page-landing{
        height: 40px;
    }
    
    .padded-section{
        padding:10px;
    }
    
    .padded-section-opinions{
        padding:10px;
    }
    
    section.header-section.padded{
        padding: 10px;
    }
    .header.transparent .btn-simple{
        font-size: 1rem;
    }
    
    .input-container input {
        padding-right: 30px; /* Ajusta el espacio para el icono */
      }
    
    .fit-img-width{
        width: 100%;
        object-fit: cover;
    }
    
    .col-header-landing{
        width: 75%;
    }
}

@media (min-width: 991px) and (max-width: 1439px){
    
    
    
    .landing-button {
        padding: 0px;
    }
    
    .padded-section{
        padding: 70px 80px;
    }
    
    .padded-section-opinions{
        padding: 70px 150px;
    }
    
    .header-job .top-right {
        margin-left: 20px;
    }
    
    .header-job{
        justify-content: space-between;
        width: 100%;
    }
    
    .header-job .top-left {
        flex: 1 0 auto;
    }
    
    .faq-section-padded{
        padding: 20px 80px !important;
    }
    
    .col-header-landing{
        width: 66.6666666667%;
    }
    
    .experience-trust-text {
        line-height: 1;
    }
    
    .step-method-layout {
        width: 87%;
        margin-top: 40px;
    }
    
    .pricing-flexible h4 {
        font-size: 30px;
    }
    
    .simple-step-section {
        padding: 530px 320px;
    }
    
    .blog-item{
        box-shadow: 0px 3px 4px 1px rgb(33 37 41 / 19%);
    }
    

    .dialog-step-use{
        width: 270px;
    }
    
    .image-header-earth {
        position: absolute;
        top: 15%;
        right: 0;
    }

    .image-header-earth img{
        height: 44vw;
        width: auto;
    }
    
    .mobile-header-wrapper-style.landing{
        display:none;
    }
    
    .burger-icon-black{
        display:none;
    }
    
    .logo-page-landing{
        height: 40px;
    }
    
    .padded-section{
        padding: 70px 80px;
    }
    
    .padded-section-opinions{
        padding: 70px 100px;
    }
    
    section.header-section.padded {
        padding: 150px 60px;
    }
    
    .header.transparent .btn-simple{
        font-size: 1rem;
    }
    
    .title-info-partner{
        color: #1f2938;
        font-weight: 700;
        font-size: 55px;
        line-height: 67px;
    }
    
    .desc-info-partner{
        color: #1f2938;
        font-size: 1.1rem;
        margin-top: 15px;
    }
    
    .btn-simple.big-btn{
        font-size: 1.25rem !important;
        padding: 10px 40px !important;
    }
    
    .fit-img-width{
        width: 100%;
        object-fit: cover;
    }
    
    .info-to{
        font-size: 30px;
    }
    
    .btn-underlined{
        font-size: 1rem;
    }
    
    .info-header-landing{
        font-size: 23px;
        margin-top: 25px;
    }
    
    .input-container input {
        padding-right: 30px; /* Ajusta el espacio para el icono */
    }

    section.header-section.padded {
        padding-top: 150px;
        padding-right: 60px;
        padding-left: 60px;
        padding-bottom: 100px;
    }
    
    .logo-page-landing {
        height: 60px;
    }
    
    .image-header-earth{
        top: 10%;
    }
    
    .image-header-earth img {
        height: 50vw;
        width: auto;
    }
    
    .info-trusted{
        margin-top: 220px;
    }
    
    .col-header-landing{
        width: 60.6666666667%;
    }
    
    .step-method-1 .theme-step-image{
        right: -35%;
        width: 400px;
    }
    
    .step-method-2 .theme-step-image{
        left: -28%;
        width: 400px;
    }
    
    .step-method-3 .theme-step-image{
        right: -35%;
        width: 400px;
    }
    
    .step-method-4 .theme-step-image{
        left: -28%;
        width: 400px;
    }
    
    .step-method-5 .theme-step-image{
        right: -35%;
        width: 400px;
    }
    
    .step-method-6 .theme-step-image{
        left: -28%;
        width: 400px;
    } 
    
    .first-section-box-4 img {
        max-height: 230px;
    }
    
    .first-section-box-3 img{
        max-height: 250px;
    }
    
    .first-section-box-5{
        justify-content: space-evenly;
    }
    
    /** simple steps adaptation laptops **/
    .number-step img{
        height: 35px;
        min-width: 35px;
    }
    
    .step-path .number-step .down-line{
        height: 95px;
    }
    
    .simple-steps-box .simple-steps-subtitle{
        font-size: 15px;
    }
    
    .simple-steps-box h2{
        font-size: 1.6rem;
    }
    
    .step-path .text-step-info h4{
        font-size: 18px;
    }
    
    .step-path .text-step-info div{
        font-size: 14px;
        margin-top: 10px;
    }
    
    .landing-button.btn-ready-get a{
        font-size: 24px;
    }
}


@media (min-width: 1440px) and (max-width: 1599px){
    
    .landing-button {
        padding: 0px;
    }
    
    section.header-section.padded {
        padding-top: 150px;
        padding-right: 60px;
        padding-left: 60px;
        padding-bottom: 20px;
    }
    
    .logo-page-landing {
        height: 60px;
    }
    
    .image-header-earth{
        top: 10%;
    }
    
    .image-header-earth img {
        height: 50vw;
        width: auto;
    }
    
    .info-trusted{
        margin-top: 220px;
    }
    
    .col-header-landing{
        width: 60.6666666667%;
    }
    
    .step-method-1 .theme-step-image{
        right: -35%;
        width: 400px;
    }
    
    .step-method-2 .theme-step-image{
        left: -35%;
        width: 400px;
    }
    
    .step-method-3 .theme-step-image{
        right: -35%;
        width: 400px;
    }
    
    .step-method-4 .theme-step-image{
        left: -35%;
        width: 400px;
    }
    
    .step-method-5 .theme-step-image{
        right: -35%;
        width: 400px;
    }
    
    .step-method-6 .theme-step-image{
        left: -35%;
        width: 400px;
    } 
    
    .first-section-box-4 img {
        max-height: 310px;
    }
    
    .first-section-box-3 img{
        max-height: 310px;
    }
    
    .first-section-box-5{
        justify-content: space-evenly;
    }
    
    .padded-section {
        padding: 50px 50px;
    }
    
    .padded-section-opinions {
        padding: 50px 50px;
    }
    
    .step-method-layout{
        width: 79%;
        margin-top: 40px;
    }
    
    .footer-landing .logo-footer-img {
        height: 300px;
    }
    
    .simple-step-section {
        padding: 570px 250px;
    }
    
}

@media (min-width: 1600px){
    
    .container-service{
        padding-bottom: 200px;
    }
    
    .flex-text-2{
        padding-right: 25px;
    }
    .simple-steps-box{
        width: 1000px;
    }
    
    .col-header-landing{
        width: 66.6666666667%;
    }
    
    .footer-landing .logo-footer-img {
        height: 300px;
    }
    
    .simple-step-section {
        padding: 570px 450px;
    }
    
    
    .special-padded-section{
        padding: 70px 0px;
    }
    
    .list-steps-method{
        padding: 0px 45px;
    }
    
    .step-method-layout{
        width: 75%;
        margin-top: 40px;
    }
    
    .title-job-offer-landing {
        max-width: 350px;
    }
    
    .col-xxl-7.col-header{
        flex: 0 0 auto;
        width: 41.6666666667% !important;
    }
    
    .padded-section{
        padding: 70px 80px;
    }
    
    .padded-section-opinions{
        padding: 70px 150px;
    }
    
    .logo-page-landing{
        height: 55px;
    }
    
    .display-partners{
        margin-top: 60px;
    }
    
    section.header-section.padded {
    padding-right: 160px;
    padding-left: 160px;
    padding-top: 130px;
    padding-bottom: 50px;
}
    
    .image-header-earth{
        position: absolute;
        top: 10%;
        right: 0;
    }

    .image-header-earth img{
        height: 40vw;
        width: auto;
    }
    
    .box-info-landing {
        padding: 30px;
    }
    
    .job-offer-landing-item img{
        height: 60px;
        width: 60px;
        margin-right: 20px;
    }
    
    .academy-background-image{
        object-fit: fill;
    }
    
    .step-method-1 .theme-step-image{
        width: 450px;
        right: -30%;
    }
    
    .step-method-2 .theme-step-image {
        left: -30%;
        width: 450px;
    }
    
    .step-method-3 .theme-step-image {
        right: -30%;
        width: 450px;
    }
    
    .step-method-4 .theme-step-image {
        left: -30%;
        width: 450px;
    }
    
    .step-method-5 .theme-step-image {
        right: -30%;
        width: 450px;
    }
    
    .step-method-6 .theme-step-image {
        left: -30%;
        width: 450px;
    }
}

/** Juanpa **/

.flex-title-description{
  display: flex;
  flex-direction: column;
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.h1-title {
  font-family: 'Clash Display', arial,sans-serif !important;
  font-weight: 600;
  font-size: 55px;
  margin-bottom: 0px;
  margin-top: 0px;
  color: #3C3556;
}
.h1-title-2 {
  font-family: 'Clash Display', arial,sans-serif !important;
  font-weight: 500;
  font-size: 40px;
  margin-bottom: 0px;
  margin-top: 0px;
  color: #3C3556;
}

.flex-cards-title{
  display: flex;
  padding: 0px;
  gap: 20px;
}
.card-title{
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 450px;
}
.card-title-2{
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 16px;
 
}
.text-title{
  font-family: 'Clash Display', arial,sans-serif !important;
  font-weight: 700;
  font-size: 36px;
  line-height:1.3;
}
.text-title-morado{
  color: #5234E2;
}
.text-title-amarillo{
  color: #AA8502;
}
.text-title-azul{
  color: #25A4EA;
}
.bg-morado{
  background-color: #CFC7F9;
}
.bg-amarillo{
  background-color: #FFEBA5;
}
.bg-azul{
  background-color: #CBEDFF;
}
.text-parafo{
  font-size: 16px;
  padding-right: .5rem;
  font-family: 'Inter', Arial, sans-serif !important;
  color: #3C3556;
}
.flex-title-service{
  display: flex;
  flex-direction: column;
  width: 59%;
  padding: 3.5rem;
  gap: 15px;
}
.text-service{
  font-size: 23px;
  font-weight: bold;
  color: #3C3556;
  font-family: 'Inter', Arial, sans-serif !important;
}
.fondo-imagen{
  background-repeat: no-repeat;
  background-image: url('../../imgs/landing/fondo_morado.svg');
  background-position: center top 25rem;
  width: 100%; 
  background-size: 100%; 
  height: auto;
  position: relative; 
  z-index: 1; 
}
.flex-service{
  display: flex;
  padding: 3.5rem;
}
.card-service-enterprise{
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  border-radius: 24px;
  background-color: #FAFAFA;
  padding: 24px;
  height: auto;
  width: 420px;
  position: absolute;
  top: 10%;
  left: 78%;
  transform: translate(-50%, -50%); 
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.span-personalizado{
  background-color: #CFC7F9;
  color: #3C3556;
  border-radius: 4px;
  padding: 0.5rem 1rem 0.5rem 1rem;
  font-size: 12px;
  font-weight: 600;
  font-family: 'Inter', Arial, sans-serif !important;
}
.container-service{
  display: flex;
  flex-direction: column;
}
.flex-buttom{
  display: flex;
  justify-content: center;
  margin-top: 1.3rem;
}
.flex-buttom button{
  width: 200px;
  height: 50px;
  border-radius: 10px;
  background-color: #5234E2;
  color: white;
  font-size: 20px;
}
.button-hovered-container-2 {
  position: relative;
  width: 100%;
}
.button-hovered-container-2.book-call{
  height: 40px;
  width: 100%;
}

.landing-button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 0;
  left: 0;
  background-color: #5234E2;
  width: 100%;
  height: 100%;
  color: white;
  cursor: pointer;
  transition: all 0.5s ease;
  border: 1px solid black;
  border-radius: 8px;
  padding-left: 10px;
  padding-right: 10px;
}

.landing-button.blog-button {
  background-color: white;
  border-radius: 7px;
  padding: 4px;
  border: 1px solid #5234E2;
}
.landing-button a {
  color: #ffffff !important;
  font-size: 17px;
  font-family: 'ClashDisplay', Arial, sans-serif !important;
}

.landing-button.blog-button a {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: center;
  font-weight: 500;
  font-family: 'ClashDisplay', Arial, sans-serif !important;
}

.landing-button.blog-button a i{
  margin-left: 5px;
}

.landing-button:hover {
  animation: bounce 0.3s forwards;
  animation-timing-function: ease-out;
  box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.2);
}

.button-hovered-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #3700b3;
  border-radius: 8px;
  z-index: 0;
  transition: all 0.5s ease;
}

.button-hovered-container:hover::before {
  animation: bounceDown 0.3s forwards;
  animation-timing-function: ease-out;
}
.button-hovered-container-2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #3700b3;
  border-radius: 8px;
  z-index: 0;
  transition: all 0.5s ease;
}

.button-hovered-container-2:hover::before {
  animation: bounceDown 0.3s forwards;
  animation-timing-function: ease-out;
}

.loading-blogs-landing{
    width:100%;
}

.card-blog.shimmer-rt{
    height: 310px;
    margin-top: 15px;
    border-radius: 16px;
}

.blog-item img{
    height: 238px;
    object-fit: cover;
}

.single-line-text {
    white-space: nowrap;       
    overflow: hidden;          
    text-overflow: ellipsis;
    width: 100%;                
}

.blog-info{
    width: 100%;
}

.partners-footer {
    padding: 35px;
    display: flex;
    background-color: #1C1C1C;
    justify-content: space-evenly;
    align-items: center;
}

footer .partners-footer img{
    height: 40px;
}

@keyframes bounce {
  0% { transform: translate(0, 0); }
  50% { transform: translate(15px, -9px); }
  100% { transform: translate(10px, -6px); }
}

@keyframes bounceDown {
  0% { transform: translate(0, 0); }
  50% { transform: translate(0px, 9px); }
  100% { transform: translate(0px, 6px); }
}

@keyframes bounceSmall {
  0% { transform: translate(0, 0); }
  50% { transform: translate(10px, -5px); }
  100% { transform: translate(8px, -3px); }
}

@keyframes bounceDownSmall {
  0% { transform: translate(0, 0); }
  50% { transform: translate(0px, 5px); }
  100% { transform: translate(0px, 3px); }
}
.top{
  margin-top: .5rem;
}
.top2{
  margin-top: 1.5rem;
}
.top3{
  margin-top: .5rem;
}
.text-purple-service{
  font-family: 'Inter', Arial, sans-serif !important;
  color: #5234E2;
  font-weight: bold;
}
.text-normal-service{
  font-family: 'Inter', Arial, sans-serif !important;
  color: #3C3556;
}
.flex-incluye{
  display: flex;
  align-items: center;
  gap: 5px;
}
.despegable{
  margin-top: 1rem;
  cursor: pointer;
}
.flex-text-2{
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  gap: 10px;
  padding-right: 15px;
}

.text-span-white{
  display: flex;
  width: 50%;
  font-family: 'ClashDisplay', Arial, sans-serif !important;
  font-size: 55px;
  color: #FAFAFA;
  line-height: 1.15;
  text-align: end;
}
.text-span-white-2{
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  width: 50%;
  font-family: 'Inter', Arial, sans-serif !important;
  font-size: 23px;
  color: #FAFAFA;
}
.card-service-enterprise-2{
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  border-radius: 24px;
  background-color: #FAFAFA;
  padding: 24px;
  height: auto;
  width: 420px;
  position: absolute;
  top: 66%;
  left: 26%;
  transform: translate(-50%, -50%); 
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.flex-service-2{
  display: flex;
  justify-content: flex-end;
  padding: 3.5rem;
}

.header-section-services{
    padding-top: 130px;
    padding-right: 80px;
    padding-left: 80px;
}

ul.listado li{
    color: #3C3556;
    font-family: 'Inter', Arial, sans-serif !important;
}

@media (max-width: 768px) {
    
    .partners-footer{
        flex-direction: column;
        gap: 20px;
    }
    
    .partners-footer img{
        height: 40px;
    }
    
    .desc-under-h{
        font-size: 18px;
    }
    
    .flex-incluye{
        font-size: 17px;
    }
    
    .text-title.text-title-morado{
        font-size: 22px;
    }
    
    .text-title.text-title-morado.font-sized{
        font-size: 36px;
    }
    
    .header-job .top-left{
        width: 100%;
        align-items: center;
    }
    
    .header-job .top-right{
        width: 100%;
        align-items: center;
    }
    
    .bottom-left-header{
        width: 100%;
    }
    
    .info-to.width-95-mobile{
        width: 95%;
    }
    
 .header-section-services{
    padding: 4.5rem 0rem 0rem 0rem;
 }
  .text-span-white-2{
    width: 73%;
    margin-top: 1rem;
    margin-bottom: 2rem;
    padding-right: 1rem;
    text-align: right;
    font-size: 18px;
  }
  .text-span-white {
    width: 70%;
    margin-top: 22rem;
    font-size: 22px;
  }
  .card-service-enterprise-2{
    align-items: flex-start;
    border-radius: 24px;
    padding: 24px;
    height: auto;
    width: 90%;
    position: absolute;
    top: 170px;
    left: 1%;
    transform: none;
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .card-service-enterprise {
    align-items: flex-start;
    border-radius: 24px;
    padding: 24px;
    height: auto;
    width: 90%;
    position: absolute;
    top: -100px;
    left: 1%;
    transform: none;
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .fondo-morado-2{
    position: relative;
    margin-bottom: 9rem;
    height: 25rem;
    background-color:#5234E2;
  }
  .fondo-morado{
    position: relative;
    height: 35rem;
    background-color:#5234E2;
  }
  .img-fondo img{
    width: 100%;
    height: 100%;
    object-fit: cover; 
    display: block;
  }
  .text-service{
    color: #3C3556;
    font-size: 18px;
  }
  .flex-title-description {
    padding: 1rem;
  }
  .flex-cards-title {
    display: flex;
    padding: 1rem 1rem 1rem 1rem;
    gap: 20px;
    flex-direction: column;
  }
  .card-title{
    width: 100%;
  }
  .flex-title-service{
    width: 100%;
    padding: 1.5rem;
  }
  .h1-title{
    font-size: 22px;
  }
  .flex-service {
    flex-direction: column;
    padding: 1rem;
  }
  .flex-buttom{
    width: 100%;
  }
}