.content-icon-down-banner a,
body {
    font-family: "Inter", sans-serif;
}

#header-white,
#header-white.bg-blue {
    background-color: #fff !important
}

.banner-primary,
.bg-cta-training,
.bg-module-t1,
.bg-scientists,
.bg-tree,
.cta-other-sector {
    background-size: cover
}

#contents-tabs.variant-tabs-red .link,
.card-item-type-two.variant-red .link-green {
    height: 52px;
    width: max-content;
    padding: 12px 20px;
    bottom: 0;
    margin-top: 20px;
    color: #e63d3d
}

.footer-red a,
.mx-width {
    max-width: max-content
}

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

@font-face {
    font-family: NeueHaasUnicaPro-Black;
    src: url(../fonts/NeueHaasUnicaPro-Black.ttf)
}

@font-face {
    font-family: NeueHaasUnicaPro-BlackIt;
    src: url(../fonts/NeueHaasUnicaPro-BlackIt.ttf)
}

@font-face {
    font-family: NeueHaasUnicaPro-Bold;
    src: url(../fonts/NeueHaasUnicaPro-Bold.ttf)
}

@font-face {
    font-family: NeueHaasUnicaPro-BoldItalic;
    src: url(../fonts/NeueHaasUnicaPro-BoldItalic.ttf)
}

@font-face {
    font-family: NeueHaasUnicaPro-Heavy;
    src: url(../fonts/NeueHaasUnicaPro-Heavy.ttf)
}

@font-face {
    font-family: NeueHaasUnicaPro-HeavyIt;
    src: url(../fonts/NeueHaasUnicaPro-HeavyIt.ttf)
}

@font-face {
    font-family: NeueHaasUnicaPro-Italic;
    src: url(../fonts/NeueHaasUnicaPro-Italic.ttf)
}

@font-face {
    font-family: NeueHaasUnicaPro-Light;
    src: url(../fonts/NeueHaasUnicaPro-Light.ttf)
}

@font-face {
    font-family: NeueHaasUnicaPro-LightIt;
    src: url(../fonts/NeueHaasUnicaPro-LightIt.ttf)
}

@font-face {
    font-family: NeueHaasUnicaPro-Medium;
    src: url(../fonts/NeueHaasUnicaPro-Medium.ttf)
}

@font-face {
    font-family: NeueHaasUnicaPro-MediumIt;
    src: url(../fonts/NeueHaasUnicaPro-MediumIt.ttf)
}

@font-face {
    font-family: NeueHaasUnicaPro-Regular;
    src: url(../fonts/NeueHaasUnicaPro-Regular.ttf)
}

@font-face {
    font-family: NeueHaasUnicaPro-Thin;
    src: url(../fonts/NeueHaasUnicaPro-Thin.ttf)
}

@font-face {
    font-family: NeueHaasUnicaPro-ThinItalic;
    src: url(../fonts/NeueHaasUnicaPro-ThinItalic.ttf)
}

@font-face {
    font-family: NeueHaasUnicaPro-UltLightIt;
    src: url(../fonts/NeueHaasUnicaPro-UltLightIt.ttf)
}

@font-face {
    font-family: NeueHaasUnicaPro-UltraLight;
    src: url(../fonts/NeueHaasUnicaPro-UltraLight.ttf)
}

@font-face {
    font-family: NeueHaasUnicaPro-XBlack;
    src: url(../fonts/NeueHaasUnicaPro-XBlack.ttf)
}

@font-face {
    font-family: NeueHaasUnicaPro-XBlackIt;
    src: url(../fonts/NeueHaasUnicaPro-XBlackIt.ttf)
}

body {
    color: #2B2350
}

b,
strong {
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.space-tb-150 {
    padding-top: 150px;
    padding-bottom: 150px
}

.p-tb-module-1,
.space-colum-general,
.space-cta-footer,
.space-tb-80 {
    padding-top: 80px;
    padding-bottom: 80px
}

.space-pt-80-pb-40 {
    padding-top: 80px;
    padding-bottom: 40px
}

.space-pt-40-pb-80 {
    padding-top: 40px;
    padding-bottom: 80px
}

.space-pt-40 {
    padding-top: 40px;
    padding-bottom: 40px
}

.btn-blue-outline,
.btn-blue,
.btn-red,
.btn-transparent {
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-style: normal;
    padding: 12px 40px;
    font-size: 14px
}

.big-btn {
    min-width: 270px
}

.btn-red {
    color: #fff !important;
    background-color: #e63d3d !important;
    border-color: #e63d3d !important
}

.btn-blue:hover,
.btn-red:hover,
.btn-transparent {
    border-color: #fff !important
}

.btn-red:hover {
    background-color: #2B2350 !important
}

.btn-transparent {
    background-color: transparent !important
}

.btn-blue {
    background-color: #2B2350 !important;
    border-color: #2B2350 !important
}

.btn-blue-outline {
    color: #2B2350 !important;
    background-color: #fff !important;
    border-color: #2B2350 !important
}

.btn-blue-outline:hover {
    color: #fff !important;
    background-color: #2B2350 !important;
    border-color: #2B2350 !important
}

.bg-red,
.btn-blue:hover {
    background-color: #e63d3d !important
}

form .form-control {
    height: 50px;
    border: .5px solid grey;
    opacity: .4;
    border-radius: 6px;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px
}

main a {
    color: #dc0e2c;
    font-weight: 600
}

header {
    z-index: 100
}

.icon-22 {
    width: 22px;
    height: 22px;
    display: inline-block;
    margin-bottom: -6px;
    margin-right: 10px
}

.icon-adr,
.icon-etiquetas,
.icon-notificacion,
.icon-sds {
    background-repeat: no-repeat;
    width: 65px;
    height: 65px;
    display: inline-block
}

.banner-top h1,
.banner-top h2,
.banner-top p,
.h3-blue-bold,
.text-regulations-descriptions h3 {
    margin-bottom: 20px
}

.icon-funcionalidades-black {
    background-image: url('../img/Comunes/ico-funcionalidades-black.png');
    background-repeat: no-repeat
}

.icon-para-quien-black {
    background-image: url('../img/Comunes/ico-para-quien-black.png');
    background-repeat: no-repeat
}

.icon-beneficios-black {
    background-image: url('../img/Comunes/ico-beneficios-black.png');
    background-repeat: no-repeat
}

.icon-solucion-eQgest-black {
    background-image: url('../img/Comunes/ico-solucion-eQgest-black.png');
    background-repeat: no-repeat
}

.icon-sds {
    background-image: url('../img/Comunes/ico-SDS-cuadrado-verde.png')
}

.icon-notificacion {
    background-image: url('../img/Comunes/ico-notificacion-cuadrado-verde.png')
}

.icon-adr {
    background-image: url('../img/Comunes/ico-ADR-cuadrado-verde.png')
}

.icon-etiquetas {
    background-image: url('../img/Comunes/ico-etiquetas-cuadrado-verde.png')
}

.icon-documentos-verde,
.icon-mundo-verde,
.icon-notificacion-verde,
.icon-puzzle-verde,
.icon-reloj-verde,
.icon-software-verde {
    background-repeat: no-repeat;
    width: 42px;
    height: 42px
}

.icon-reloj-verde {
    background-image: url('../img/Comunes/ico-reloj-verde.png');
    display: inline-block
}

.icon-puzzle-verde {
    background-image: url('../img/Comunes/ico-puzzle-verde.png');
    display: inline-block
}

.icon-notificacion-verde {
    background-image: url('../img/Comunes/ico-notificacion-verde.png');
    display: inline-block
}

.icon-documentos-verde {
    background-image: url('../img/Comunes/ico-documentos-verde.png');
    display: inline-block
}

.icon-mundo-verde {
    background-image: url('../img/Comunes/ico-mundo-verde.png');
    display: inline-block
}

.icon-software-verde {
    background-image: url('../img/Comunes/ico-software-verde.png');
    display: inline-block
}

.icon-alimentacion-verde,
.icon-biocidas-verde,
.icon-ceramica-verde,
.icon-detergentes-verde,
.icon-fertilizantes-verde,
.icon-fragancias-verde,
.icon-pinturas-verde {
    background-repeat: no-repeat;
    width: 65px;
    height: 65px;
    display: inline-block
}

.icon-fertilizantes-verde {
    background-image: url('../img/Comunes/ico-fertilizantes-cuadrado-verde.png')
}

.icon-biocidas-verde {
    background-image: url('../img/Comunes/ico-biocidas-cuadrado-verde.png')
}

.icon-detergentes-verde {
    background-image: url('../img/Comunes/ico-detergentes-cuadrado-verde.png')
}

.icon-fragancias-verde {
    background-image: url('../img/Comunes/ico-fragancias-cuadrado-verde.png')
}

.icon-alimentacion-verde {
    background-image: url('../img/Comunes/ico-alimentacion-animal-cuadrado-verde.png')
}

.icon-pinturas-verde {
    background-image: url('../img/Comunes/ico-pinturas-cuadrado-verde.png')
}

.icon-ceramica-verde {
    background-image: url('../img/Comunes/ico-ceramica-cuadrado-verde.png')
}

.content-icon-down-banner a {
    text-decoration: none;
    color: #e63d3d;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 28px
}

.icon-down-banner {
    width: 30px;
    border: 1px solid #2B2350;
    border-radius: 50%
}

.icon-adr-red,
.icon-clp-red,
.icon-fichas-datos-seguridad-red,
.icon-fsds-red,
.icon-ghs-red,
.icon-pcn-format-red {
    width: 40px;
    height: 40px;
    display: inline-block;
    background-repeat: no-repeat
}

.icon-fichas-datos-seguridad-red {
    background-image: url('../img/ico-modulo-fichas-datos-seguridad.png')
}

.icon-adr-red {
    background-image: url('../img/ico-modulo-adr.png')
}

.icon-clp-red {
    background-image: url('../img/ico-modulo-clp.png')
}

.icon-fsds-red {
    background-image: url('../img/ico-modulo-sds.png')
}

.icon-pcn-format-red {
    background-image: url('../img/ico-modulo-pcn-format.png')
}

.icon-ghs-red {
    background-image: url('../img/ico-modulo-ghs.png')
}

.h3-green {
    font-size: 16px
}

.h1-light {
    font-size: 38px;
    font-family: "Inter", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.h1-blue-regular-48,
.h1-white-regular-48 {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 48px;
    letter-spacing: -.5px;
    line-height: 56px
}

.h1-white-regular-48 {
    color: #fff
}

.h1-white-regular-48 b {
    font-size: 48px;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #fff;
    letter-spacing: -.5px;
    line-height: 56px
}

.h1-blue-bold,
.h1-blue-regular-48 b {
    color: #2B2350;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.h1-blue-regular-48 {
    color: #2B2350
}

.h1-blue-regular-48 b {
    font-size: 48px;
    letter-spacing: -.5px;
    line-height: 56px
}

.h1-blue-bold {
    font-size: 38px
}

.h1-white-bold,
.styles-text-cta-footer .h4,
.styles-text-cta-footer h4 {
    font-size: 38px;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #fff
}

.h2-blue-22,
.h2-blue-28 {
    font-size: 28px;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #2B2350;
    letter-spacing: 0;
    line-height: 38px
}

.h2-blue-22 b,
.h2-blue-28 b,
.h3-blue-bold,
.text-regulations-descriptions h3,
.text-style-description-type-1 h2 strong,
.text-style-description-type-1 h3 strong,
.text-style-description-type-2 h2 strong,
.text-style-description-type-2 h3 strong {
    font-size: 28px;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #2B2350;
    line-height: 38px;
    letter-spacing: 0
}

.text-blue-18,
.text-regular-blue-18,
.text-regular-blue-18 p {
    font-size: 18px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #2B2350
}

.text-white-18 {
    font-size: 18px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #fff
}

.text-green-18 {
    font-size: 18px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #429d77
}

.text-regular-gray-14 {
    font-size: 14px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #6c717b;
    letter-spacing: 0;
    line-height: 22px
}

.text-regular-gray-18,
.text-regular-gray-18 p {
    font-size: 18px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #6c717b
}

#cards-kit-digital-content .card-item-type-two p,
.text-regular-gray-16 p {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    color: #2B2350;
}

.text-list-18 li {
    font-size: 18px
}

#contents-tabs.variant-tabs-red .item-selector-numbers p,
.card-item-type-one p,
.card-item-type-three .p,
.card-item-type-three h3,
.card-item-type-three p,
.card-item-type-two p,
.text-regular-gray-14 p,
.text-regulations-descriptions p {
    font-size: 14px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #2B2350;
}

.card-transparent-white p,
.text-regular-white-14,
.text-regular-white-14 p {
    font-size: 14px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #fff
}

.text-regular-blue-13 {
    font-size: 13px;
    font-family: NeueHaasUnicaPro-Regular;
    color: #2B2350;
}

.color-red,
.text-bold-red-13 {
    color: #db0000 !important
}

.text-bold-red-13 {
    font-size: 13px;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.color-green {
    color: #429d77 !important
}

#header-white .menu-primary-text-white a,
#header-white .menu-top-white a,
#header-white .text-white,
.color-blue {
    color: #2B2350 !important
}

.bg-green {
    background-color: #429d77 !important
}

.bg-blue,
.locale_list li:first-of-type {
    background-color: #2B2350 !important
}

.bg-gray,
.bg-gray-t1 {
    background-color: #f7f7f7 !important
}

.banner-top {
    padding-top: 200px;
    padding-bottom: 200px
}

.banner-top h2 {
    font-family: "Inter", sans-serif;
    font-size: 48px
}

.banner-top h1 {
    font-size: 16px
}

.banner-top p {
    font-size: 14px
}

.banner-primary {
    background-image: url('../img/Home/Home-banner-principal.png');
    background-repeat: no-repeat
}

.banner-text-white h1,
.banner-text-white h2,
.banner-text-white h3,
.banner-text-white p,
.breadcrumb-blog .breadcrumb-item,
.breadcrumb-blog a {
    color: #fff
}

.menu-primary-text-blue a {
    font-size: 14px;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #2B2350;
    text-decoration: none
}

.menu-primary-text-white a {
    font-size: 15px;
    font-family: NeueHaasUnicaPro-Bold;
    color: #fff;
    text-decoration: none
}


#menu-primary .dropdown-item,
.list-arrow,
.list-check,
.menu-top-white a {
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-style: normal
}

#menu-primary .dropdown-item {
    font-size: 15px;
    color: #212529 !important;
    text-decoration: none
}

.menu-top-white a {
    font-size: 12px;
    color: #fff;
    text-decoration: none
}

#header-white {
    position: fixed;
    top: 0;
    box-shadow: 1px 5px 5px -4px rgba(0, 0, 0, .75);
    -webkit-box-shadow: 1px 5px 5px -4px rgba(0, 0, 0, .75);
    -moz-box-shadow: 1px 5px 5px -4px rgba(0, 0, 0, .75)
}

#header-white .border-bottom {
    border-bottom: 1px solid rgba(127, 17, 224, .2) !important
}

#header-white .menu-primary-text-white a.btn-danger,
#pagination li.active span,
.locale_list li:first-of-type a {
    color: #fff !important
}

#header-white a.bold-red {
    color: #e63d3d !important;
    font-weight: 700 !important
}

.list-arrow,
.list-check {
    list-style: none;
    padding-left: 6px;
    font-size: 14px;
    color: #6c717b
}

.list-arrow li,
.list-check li {
    padding-left: 30px;
    background-image: url('../img/Comunes/ico-check-verde.png');
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: 0 4px;
    margin-bottom: 12px;
    margin-left: -10px;
    display: flex;
    align-items: center
}

.list-dark li a.active,
.list-dark li a:hover {
    color: #e63d3d !important
}

.card-item-type-one {
    padding: 30px
}

.card-item-type-one h3 {
    font-size: 18px;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #2B2350
}

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

.mt-60 {
    margin-top: 60px
}

.mt-0 {
    margin-top: 0 !important
}

.pt-0 {
    padding-top: 0 !important
}

.pb-40 {
    padding-bottom: 40px !important
}

.pt-80 {
    padding-top: 80px !important
}

.pb-80 {
    padding-bottom: 80px !important
}

.pt-40 {
    padding-top: 40px !important
}

.text-style-description-type-1 h2,
.text-style-description-type-1 h3,
.text-style-description-type-2 h2,
.text-style-description-type-2 h3 {
    font-size: 28px;
    font-family: "Inter", sans-serif;
    color: #2B2350;
    letter-spacing: 0;
    line-height: 38px;
    margin-bottom: 30px
}

.text-style-description-type-1 p {
    color: #2B2350 !important;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    letter-spacing: 0px;
    line-height: 27px;
}

.card-item-type-two ul li p,
.text-style-description-type-1 ul li p,
.text-style-description-type-2 ul li p {
    margin-bottom: 0
}

.card-item-type-two ul,
.data-selector-numbers ul,
.text-style-description-type-1 ul,
.text-style-description-type-2 ul {
    list-style: none !important;
    padding-left: 6px !important;
    font-size: 14px !important;
    font-family: NeueHaasUnicaPro-Regular !important;
    color: #6c717b !important
}

#content-tabs-seven ul li,
.card-item-type-two ul li,
.data-selector-numbers ul li,
.text-style-description-type-1 ul li,
.text-style-description-type-2 ul li {
    padding-left: 30px;
    background-image: url(../imgn/ico-arrow-bullet-right.svg);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: 0 4px;
    margin-bottom: 12px;
    margin-left: -10px;
    display: flex;
    align-items: center
}

.cta-home-fun {
    padding: 70px 40px
}

.bg-tree {
    background-image: url('../img/Home/Home-banner-configuracion-flexible-back.png');
    background-repeat: no-repeat
}

.bg-scientists {
    background-image: url('../img/Home/Home-beneficios.png');
    background-repeat: no-repeat
}

.card-transparent-white {
    padding: 30px 0
}

.card-item-type-kit .h3,
.card-transparent-white .h3,
.card-transparent-white h3 {
    font-size: 18px;
    font-family: "Inter", sans-serif;
    color: #fff;
    margin-bottom: 20px
}

.bg-cta-training {
    background-image: url('../img/Home/Home-banner-formacion-continua.png');
    background-repeat: no-repeat
}

.item-selector-numbers {
    background-color: #fff;
    padding: 20px 30px 20px 60px;
    position: relative;
    margin-bottom: 30px;
    cursor: pointer
}

.item-selector-numbers h3 {
    font-family: "Inter", sans-serif;
    font-size: 18px;
    color: #2B2350
}

.item-selector-numbers .h3 {
    font-family: NeueHaasUnicaPro-Bold !important;
    font-size: 18px !important;
    color: #2B2350 !important
}

.item-selector-numbers .number-fix {
    font-family: NeueHaasUnicaPro-Bold;
    font-size: 18px;
    color: #429d77;
    position: absolute;
    top: 18px;
    max-width: max-content;
    left: 24px
}

.item-selector-numbers.active {
    border-bottom: 5px solid #429d77
}

.card-item-type-two {
    padding: 30px 30px 60px;
    position: relative;
    background-color: #fff
}

.card-item-type-three .h3,
.card-item-type-three h3,
.card-item-type-two h3 {
    font-size: 16px;
    font-family: "Inter", sans-serif;
    font-weight: 900;
    color: #2B2350;
    margin-bottom: 20px
}

.card-item-type-kit .content-icon,
.card-item-type-three .content-icon,
.card-item-type-two .content-icon {
    margin-bottom: 15px
}

.card-item-type-two .link-green {
    font-size: 16px;
    font-family: "Inter", sans-serif;
    color: #429d77;
    text-decoration: none;
    position: absolute;
    bottom: 30px
}

.cta-other-sector {
    padding: 50px 40px;
    background-image: url('../img/Home/Home-banner-otro-sector-back.png');
    background-repeat: no-repeat
}

.cta-other-sector h3 {
    font-size: 38px;
    font-family: NeueHaasUnicaPro-Bold;
    color: #fff;
    margin-bottom: 20px
}

.cta-other-sector p {
    font-size: 18px;
    font-family: "Inter", sans-serif;
    color: #2B2350;
    font-weight: 400;
    margin-bottom: 30px
}

.pt-100 {
    padding-top: 100px
}

.pt-350 {
    padding-top: 250px
}

.card-item-type-two.variant-red {
    padding: 50px 30px 30px
}

.card-item-type-two.variant-kit,
.variant-red {
    border-bottom: 5px solid #fff
}

.variant-red:hover {
    cursor: pointer;
    border-bottom: 5px solid #e63d3d !important
}

.card-item-type-two.variant-red .content-icon,
.card-item-type-two.variant-red .text {
    text-align: center
}

.card-item-type-two.variant-red .link-green {
    position: relative;
    border: 1px solid #e63d3d;
    border-radius: 6px;
    display: inline-block
}

.card-item-type-three {
    position: relative;
    background-color: #fff
}

.card-item-type-kit .text h3,
.card-item-type-kit .text p,
.card-item-type-three .text h3,
.card-item-type-three .text p {
    padding: 20px 30px 30px
}

.banner-solution .container {
    padding-top: 180px;
    padding-bottom: 30px
}

.banner-solution h1,
.card-banner-module-white h1,
.card-banner-module-white-t2 h1,
.title-h1-blue-48 {
    color: #2B2350;
    font-family: NeueHaasUnicaPro-Light;
    font-weight: 600;
    font-size: 48px;
    letter-spacing: 0;
    line-height: 56px;
    margin-bottom: 30px
}

.banner-solution .h2,
.banner-solution h2,
.banner-solution p,
.card-banner-module-white .h2,
.card-banner-module-white p,
.card-banner-module-white-t2 p {
    color: #2B2350;
    font-family: NeueHaasUnicaPro-Light;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 28px
}

.according-section .accordion-button,
.according-section .accordion-button:not(.collapsed) {
    font-size: 18px;
    color: #2B2350 !important;
    background-color: #FEFFF8 !important;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, .125) !important;
    letter-spacing: 0
}

.banner-solution h1 b,
h1 b {
    font-family: NeueHaasUnicaPro-Medium
}

.module-soluition-text-image-left {
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #f7f7f7
}

#contents-tabs.variant-tabs-red .link {
    border: 1px solid #e63d3d;
    border-radius: 6px;
    display: inline-block;
    font-size: 16px;
    font-family: NeueHaasUnicaPro-Bold;
    text-decoration: none;
    position: relative
}

#pagination .page-item .page-link,
#pagination li {
    line-height: 30px;
    box-sizing: border-box;
    height: 48px;
    width: 48px
}

#contents-tabs.variant-tabs-red .item-selector-numbers.active {
    border-bottom: 5px solid #e63d3d
}

#contents-tabs.variant-tabs-red .item-selector-numbers {
    background-color: #fff;
    padding: 30px 60px;
    position: relative;
    margin-bottom: 30px;
    cursor: pointer
}

.banner-module {
    background-color: #fff;
    padding-top: 130px
}

.bg-module-t1 {
    padding: 50px 40px;
    background-image: url('../img/Modulo-fds-banner.png');
    background-repeat: no-repeat;
    background-position: center center
}

.bg-cta-footer-t1,
.bg-number-1,
.bg-number-2,
.bg-number-3,
.cta-red-degraded {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.card-banner-module-white {
    background-color: rgba(255, 255, 255, .8);
    padding: 60px;
    border-top-left-radius: 100px
}

.card-banner-module-white .img-fr {
    width: 350px;
    position: absolute;
    right: -150px;
    bottom: -22px
}

.cta-red-degraded {
    padding: 70px 40px 40px;
    background-image: url('../img/banner-formacion-continua.png');
    border-radius: 8px
}

.circle-gray {
    height: 70px;
    width: 70px;
    margin: 0 auto;
    border-radius: 50%
}

.icon-autor-green,
.icon-autor-white,
.icon-categoria-green,
.icon-categoria-white,
.icon-fecha-green,
.icon-fecha-white,
.icon-time-blog {
    width: 16px;
    height: 16px;
    float: left
}

.bg-number-1 {
    background-image: url('../img/ico-1.png');
    border-radius: 8px
}

.bg-number-2 {
    background-image: url('../img/ico-2.png');
    border-radius: 8px
}

.bg-number-3 {
    background-image: url('../img/ico-3.png');
    border-radius: 8px
}

.line-height-52 {
    line-height: 52px
}

.bg-cta-footer-t1 {
    background-image: url('../img/Modulo-fds-banner-contact.png')
}

.card-banner-module-white-t2 {
    background-color: rgba(255, 255, 255, .8);
    padding: 60px;
    border-top-left-radius: 100px;
    border-bottom-right-radius: 100px
}

.card-banner-module-white-t2 .img-fr {
    width: 350px;
    position: absolute;
    right: -150px;
    bottom: 0
}

.bg-module-t2 {
    padding: 50px 40px;
    background-image: url('../img/Normativa-reach-banner.png');
    background-repeat: no-repeat;
    background-size: cover
}

.card-regulations {
    padding: 60px 30px
}

.card-regulations p {
    font-size: 18px;
    font-weight: 900;
    font-family: NeueHaasUnicaPro-Bold;
    color: #2B2350;
    letter-spacing: 0;
    line-height: 28px
}

.accordion-body p,
.block-text-image-simple ul li,
article p {
    font-family: NeueHaasUnicaPro-Regular
}

.block-text-image-simple ul li {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px;
    margin-bottom: 20px
}

.block-text-image-simple ul ul {
    margin-top: 20px;
    margin-bottom: 20px;
    list-style: none
}

.card-cta-training {
    padding: 70px 40px !important
}

.bg-cta-regulations {
    background-image: url('../img/Normativa-reach-banner-contacto.png');
    background-repeat: no-repeat;
    background-size: cover
}

.according-section .accordion-item {
    border-radius: 8px;
    border: 0px solid rgba(0, 0, 0, .125);
    margin-bottom: 30px
}

.according-section .accordion-button {
    border-radius: 8px;
    padding: 10px;
    font-family: "Inter", sans-serif !important;
    font-size: 18px;
    font-weight: 400;
    font-style: light;
    letter-spacing: 0;
    line-height: 22px
}

.according-section .accordion-button:not(.collapsed) {
    border-radius: 8px;
    font-family: NeueHaasUnicaPro-Bold;
    line-height: 22px
}

.accordion-body p {
    background-color: #FEFFF8 !important;
    color: #2B2350 !important;
    font-family: "Inter", sans-serif !important;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    letter-spacing: 0;
    line-height: 22px
}

.accordion-body {
    background-color: #FEFFF8 !important;
    font-family: "Inter", sans-serif !important;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    letter-spacing: 0;
    line-height: 22px
}

#menu-primary.menu-landing {
    padding-top: 30px !important;
    padding-bottom: 380px !important
}

#content-form,
.card-item-type-kit {
    position: relative
}

.content-form-landing {
    padding-top: 30px;
    padding-bottom: 40px;
    background-image: url('../img/Landing-banner-back.png');
    background-repeat: no-repeat;
    background-size: cover
}

.space-colums-form-landing {
    margin-top: 70px;
    border-radius: 8px
}

.bg-image-col-landing {
    border-top-left-radius: 8px;
    padding: 60px;
    background: linear-gradient(180deg, #2B2350 0, rgba(7, 20, 43, 0) 100%)
}

.banner-about-us,
.banner-blog,
.banner-partners,
.bg-contact-form,
.cta-search,
.icon-autor-green,
.icon-autor-white,
.icon-categoria-green,
.icon-categoria-white,
.icon-fecha-green,
.icon-fecha-white,
.icon-time-blog {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.bg-form-col-landing {
    padding: 60px 90px
}

.p-tb-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important
}

.card-content-left .content-icon,
.card-content-left .text,
.variant-simple-typ h3,
.variant-simple-typ p {
    text-align: left !important
}

.variant-simple-typ .link-green {
    float: left !important
}

.variant-simple-typ .text {
    padding-bottom: 60px
}

#content-form-section .bg-white,
.item-article img,
.variant-simple-typ .content-icon img {
    border-radius: 8px
}

.card-item-type-two.variant-simple-typ {
    padding: 20px
}

article p {
    font-size: 16px !important;
    color: #2B2350 !important
}

.title-h1-blue-32 {
    color: #2B2350;
    font-family: NeueHaasUnicaPro-Bold;
    font-weight: 600;
    font-size: 32px;
    letter-spacing: 0;
    line-height: 40px;
    margin-bottom: 30px
}

.space-tb-banner {
    margin-top: 148px;
    padding-top: 90px;
    padding-bottom: 90px
}

.banner-about-us {
    background-image: url(../img/quienes-somos-banner-principal.png)
}

.text-style-description-type-2 p {
    font-size: 18px !important;
    font-family: NeueHaasUnicaPro-Regular !important;
    color: #2B2350 !important
}

.rounded-lr-60 {
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px
}

.text-style-description-type-2 .h1-blue-bold {
    font-size: 38px !important;
    font-family: NeueHaasUnicaPro-Bold !important;
    color: #2B2350 !important
}

.content-text-regular-gray-18 p {
    color: grey !important
}

#pagination .page-item .page-link,
.actions-blog,
.actions-blog a,
.text-item-blog p {
    color: #6c727c;
    font-family: NeueHaasUnicaPro-Regular
}

.banner-partners {
    background-image: url(../img/bg-header-eqgest-partners.png);
    margin-top: 148px;
    padding: 50px 40px
}

.card-content-left:hover .content-icon,
.content-icon.color,
.only-768 {
    display: none
}

.circle-green,
.item-card-access p,
.tag {
    display: inline-block
}

.card-content-left:hover .content-icon.color,
.current_locale span:first-of-type {
    display: inline-block !important
}

.banner-contact {
    background-image: url('../img/Contacto-header-principal.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 200px;
    padding-bottom: 200px
}

#content-form-section {
    position: relative;
    top: -160px
}

.bg-contact-form {
    background-image: url('../img/img-eQgest-contacto-form.png');
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}

.content-form {
    padding: 80px 60px
}

.mh-600 {
    min-height: 610px
}

.mh-62 {
    min-height: 62px
}

#content-cards-contact .card-item-type-two:hover {
    transform: translateY(-20px)
}

.blog-int-text-content p a,
.card-item-type-two .text a {
    color: #e63d3d
}

.banner-blog {
    background-image: url('../img/Blog-header-principal.png');
    padding-top: 250px;
    padding-bottom: 80px
}

.item-blog {
    padding-top: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid rgba(128, 128, 128, .2)
}

.icon-time-blog {
    background-image: url('../img/ico-reloj-verde.png');
    margin-right: 10px
}

.icon-autor-green {
    background-image: url('../_icons/icon-DS-EQGEST-BLOG-autor-green.svg');
    margin-right: 10px
}

.icon-categoria-green {
    background-image: url('../_icons/icon-DS-EQGEST-BLOG-categoria-green.svg');
    margin-right: 10px
}

.icon-fecha-green {
    background-image: url('../_icons/icon-DS-EQGEST-BLOG-fecha-green.svg');
    margin-right: 10px
}

.icon-autor-white {
    background-image: url('../_icons/icon-DS-EQGEST-BLOG-autor-white.svg');
    margin-right: 10px
}

.icon-categoria-white {
    background-image: url('../_icons/icon-DS-EQGEST-BLOG-categoria-white.svg');
    margin-right: 10px
}

.icon-fecha-white {
    background-image: url('../_icons/icon-DS-EQGEST-BLOG-fecha-white.svg');
    margin-right: 10px
}

.actions-blog,
.actions-blog a {
    font-size: 15px;
    letter-spacing: 0;
    line-height: 17px
}

.cat-list a,
.text-item-blog p {
    font-size: 16px;
    letter-spacing: 0
}

.text-item-blog p {
    line-height: 26px
}

#pagination .page-item {
    margin-left: 10px;
    margin-right: 10px
}

#pagination .page-item .page-link {
    font-size: 16px;
    letter-spacing: 0;
    border: 1px solid grey;
    border-radius: 4px
}

#pagination .page-link.active {
    background-color: #2B2350;
    color: #fff
}

.content-search {
    border-radius: 8px;
    border: 1px solid rgba(128, 128, 128, .2);
    padding: 40px
}

.input-gray {
    font-family: NeueHaasUnicaPro-Regular;
    font-size: 14px;
    height: 52px !important;
    border-radius: 8px;
    background-color: rgba(231, 231, 231, .5);
    border: 0 solid #ced4da !important
}

.title-18-NeueHaasUnicaPro-Bold,
.title-search {
    color: #2B2350;
    font-family: NeueHaasUnicaPro-Bold;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 20px
}

#cards-kit-digital-content .card-item-type-two .text a,
.tag {
    color: #31c688
}

.cat-list a,
.item-article a {
    font-family: NeueHaasUnicaPro-Regular
}

.item-search {
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(128, 128, 128, .2)
}

.cat-list,
.sub-cat-list {
    margin-bottom: 5px;
    position: relative
}

.cat-list a {
    color: #2B2350;
    line-height: 36px;
    text-decoration: none
}

.item-article a,
.tag {
    line-height: 20px;
    text-decoration: none;
    letter-spacing: 0
}

.sub-cat-list a {
    color: grey;
    padding-left: 20px;
    text-decoration: none
}

.count-search {
    position: absolute;
    right: 0;
    top: 6px
}

.sub-cat-list .count-search {
    top: 0 !important
}

.item-article a {
    color: #2B2350;
    font-size: 14px
}

#pagination li,
#pagination li a,
#pagination li span {
    font-size: 16px;
    font-family: NeueHaasUnicaPro-Regular
}

.circle-green {
    height: 12px;
    width: 12px;
    background-color: #31c688;
    border-radius: 50%;
    margin-top: 2px
}

#content-form-contact div,
.blog-int-text-content img,
.tag {
    width: 100%
}

.blog-int-text-content img,
.cta-white {
    margin-top: 30px;
    margin-bottom: 30px
}

.content-tags div {
    padding-left: 4px;
    padding-right: 4px;
    margin-bottom: 6px
}

.tag {
    border-radius: 15px;
    background-color: rgba(49, 198, 136, .15);
    font-family: NeueHaasUnicaPro-Regular;
    font-size: 12px;
    padding: 2px 10px
}

.cta-search {
    background-image: url('../img/modulo-banner-CTA-suscripcion.png');
    border-radius: 8px;
    padding: 60px 20px 100px
}

#col-blog-content .cta-red-degraded,
.cta-white {
    padding: 40px
}

.cta-search .title-cta-search {
    color: #fff;
    font-family: NeueHaasUnicaPro-Bold;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 26px;
    text-align: center
}

.cta-search .text-white {
    color: #fff;
    font-family: NeueHaasUnicaPro-Regular;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 20px;
    text-decoration: none
}

.blog-int-text-content li,
.blog-int-text-content li ul li {
    margin-bottom: 10px
}

.blog-int-text-content p,
.blog-int-text-content ul li {
    color: #6c727c;
    font-family: NeueHaasUnicaPro-Regular;
    font-size: 16px
}

.text-card-access h2,
.text-card-access h3 {
    color: #fff;
    font-size: 26px
}

.blog-int-text-content h3 {
    font-family: NeueHaasUnicaPro-Bold;
    font-size: 32px;
    letter-spacing: 0;
    line-height: 42px
}

.blog-int-text-content h5,
.cta-white .name-cta,
.title-video {
    letter-spacing: 0;
    line-height: 28px
}

.blog-int-text-content h5 {
    font-family: NeueHaasUnicaPro-Light;
    font-size: 18px
}

.link-document,
.title-video {
    color: #2B2350;
    margin-top: 20px;
    margin-bottom: 20px;
    text-decoration: none
}

.cta-white .name-cta {
    color: #2B2350;
    font-family: NeueHaasUnicaPro-Bold;
    font-size: 18px
}

#col-blog-content .cta-red-degraded p {
    font-size: 28px
}

.divider-social-blog-int {
    padding-top: 40px;
    padding-bottom: 40px;
    border-top: 1px solid rgba(128, 128, 128, .2)
}

#related-articles h3 {
    min-height: 64px
}

.banner-blog-cat {
    padding-top: 200px !important;
    background-image: url('../img/blog-categoria-header-principal.png') !important
}

.banner-access-client,
.bg-cards-access {
    background-image: url('../img/banner-otro-sector-back.png') !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.image-blog-recent-50 {
    width: 50px;
    height: 50px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

#pagination li {
    color: #6c727c;
    letter-spacing: 0;
    border: 1px solid grey;
    border-radius: 4px;
    margin-right: 10px
}

#pagination li a,
#pagination li span {
    color: #6c727c;
    letter-spacing: 0;
    line-height: 40px
}

#pagination li.active {
    background-color: #2B2350
}

.text-card-access h2 {
    font-family: NeueHaasUnicaPro-Light
}

.link-document,
.text-card-access h3,
.title-video {
    font-family: NeueHaasUnicaPro-Bold
}

#tabs-client .accordion-button {
    color: #2B2350 !important;
    font-family: NeueHaasUnicaPro-Bold !important;
    background-color: #d2d2d2 !important
}

.title-video {
    font-size: 26px
}

.link-document,
.link-document .text-red {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 18px
}

.link-document .text-red {
    font-family: NeueHaasUnicaPro-Medium;
    color: #e63d3d
}

.text-video {
    color: #6c717b !important;
    font-size: 22px !important;
    font-family: NeueHaasUnicaPro-Regular !important;
    letter-spacing: 0 !important;
    line-height: 26px !important
}

.text-red-video {
    font-family: NeueHaasUnicaPro-Medium !important;
    font-size: 18px !important;
    letter-spacing: 0 !important;
    line-height: 28px !important;
    color: #e63d3d !important
}

.content-text-info-company p,
.content-text-info-company p span,
.link-red {
    font-family: "Inter", sans-serif !important;
    letter-spacing: 0;
    line-height: 28px
}

.banner-access-client {
    padding-top: 200px;
    padding-bottom: 100px
}

.icon-lang {
    max-width: 200px;
    margin: 0 auto
}

.item-card-access p {
    font-family: NeueHaasUnicaPro-Medium;
    font-size: 14px;
    color: #6c727c;
    width: 100%
}

.link-red {
    font-size: 18px;
    color: #e63d3d
}

.content-text-info-company p {
    color: #2B2350;
    font-size: 18px;
    margin-bottom: 6px
}

.content-text-info-company p span {

    color: #79B7C4;
    font-size: 16px
}

footer a:hover,
footer h3 {
    color: #fff
}

.content-text-legal p {
    color: #2B2350;
    font-family: "Inter", sans-serif !important;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 28px
}

.content-text-legal h2,
.content-text-legal h3 {
    color: #2B2350;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 28px;
    letter-spacing: 0
}

.content-text-legal h3 {
    font-family: NeueHaasUnicaPro-Medium;
    font-size: 18px
}

.content-text-legal h2,
footer h3 {
    font-family: NeueHaasUnicaPro-Bold
}

.content-text-legal h2 {
    font-size: 22px
}

.card-item-type-kit .p,
.card-item-type-kit h3,
.card-item-type-kit p,
.text-gray-type-2-regular p {
    color: #d9dde3;
    font-family: NeueHaasUnicaPro-Regular
}

.text-gray-type-2-regular p {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 28px
}

.card-item-type-kit h3 {
    font-size: 16px
}

.card-item-type-kit .p,
.card-item-type-kit p {
    font-size: 14px
}

.card-item-type-two.variant-kit h3 {
    font-size: 28px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 34px
}

.card-item-type-two.variant-kit p {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 26px;
    font-family: NeueHaasUnicaPro-Regular;
    color: #6c717b
}

.variant-kit:hover {
    cursor: pointer;
    border-bottom: 5px solid #31c688 !important
}

.banner-kit {
    background-image: url(../img/img-header-DS-EQGEST-KIT-DIGITAL.png);
    background-repeat: no-repeat;
    background-size: cover
}

#form-search .input-group {
    background-color: #fff;
    border-radius: 8px
}

footer h3 {
    font-size: 14px
}

footer a,
footer a:hover,
footer p {
    font-family: NeueHaasUnicaPro-Regular;
    display: inline-block;
    width: 100%;
    font-size: 14px
}

footer a,
footer p {
    color: #a2a8b3
}

.menu-top-footer {
    border-bottom: 1px solid #a2a8b3;
    margin-bottom: 40px
}

.menu-top-footer a,
.menu-top-footer a:hover {
    display: inline;
    margin-right: 20px
}

.footer-red {
    padding-top: 20px;
    padding-bottom: 20px
}

.footer-red a {
    font-size: 14px;
    margin-right: 50px
}

#dropdownMenuSoluciones:hover {
    display: block !important
}

.center-middle-img {
    vertical-align: middle;
    display: flex;
    align-items: center
}

.locale_list li:first-of-type {
    color: #fff !important
}

.fade-in-image {
    animation: 2s fadeIn
}

#content-form-contact div div {
    width: 100% !important
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@media (max-width:768px) {

    .footer-red a,
    .only-768 {
        display: inline-block
    }

    .banner-top .btn,
    .footer-red a {
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 10px
    }

    #menu-movil {
        width: 100%;
        background-color: #2B2350 !important;
        padding-top: 20px;
        padding-bottom: 20px
    }

    #header-white.open-menu-movil .text-white,
    #menu-movil a.dropdown-toggle {
        color: #fff !important
    }

    #menu-movil .dropdown-menu.show li a.dropdown-item.text-white {
        color: #2B2350 !important
    }

    .bg-contact-form,
    .no-768,
    .no-movil-768 {
        display: none
    }

    .banner-top h2 {
        font-size: 28px
    }

    .banner-top .btn {
        width: 100%
    }

    .h1-light {
        font-size: 24px
    }

    .card-banner-module-white h1,
    .card-banner-module-white-t2 h1,
    .h1-blue-bold,
    .h1-white-bold,
    .h1-white-regular-48 {
        font-size: 28px;
        line-height: 30px
    }

    .text-style-description-type-1 h3,
    .text-style-description-type-1 h3 strong {
        font-size: 20px;
        line-height: 24px
    }

    .padding-top-movil-768 {
        padding-top: 80px !important
    }

    #menu-bottom-banner ul li {
        width: 100%;
        margin-bottom: 20px;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .text-movil-start {
        text-align: left !important;
        margin-top: 20px
    }

    .card-banner-module-white {
        padding: 30px;
        border-top-left-radius: 0
    }

    .cta-red-degraded img {
        margin-top: 30px
    }

    .banner-module {
        padding-top: 74px
    }

    .bg-module-t1,
    .bg-module-t2 {
        padding: 20px 0
    }

    #content-menu-movil,
    .pt-40 {
        padding-top: 20px
    }

    #content-menu-movil,
    .pb-40 {
        padding-bottom: 20px
    }

    .pt-80 {
        padding-top: 40px !important
    }

    .pt-100 {
        padding-top: 50px
    }

    .block-text-image-simple,
    .module-soluition-text-image-left,
    .text-regulations-descriptions {
        padding-left: 10px;
        padding-right: 10px
    }

    .module-soluition-text-image-left .row img,
    .mt-movil-20,
    .text-regulations-descriptions {
        margin-top: 20px
    }

    .card-banner-module-white-t2 {
        border-top-left-radius: 0;
        border-bottom-right-radius: 0;
        padding: 30px
    }

    .space-colum-general,
    .space-tb-banner {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .bg-cta-footer-t1 {
        text-align: center
    }

    .space-tb-banner {
        margin-top: 60px
    }

    .banner-about-us {
        background-position: right center
    }

    .mt-5 {
        margin-top: 20px !important
    }

    .banner-partners {
        margin-top: 74px;
        padding: 20px 0
    }

    .banner-access-client,
    .banner-contact {
        padding-top: 120px;
        padding-bottom: 50px
    }

    #content-form-section {
        top: 0
    }

    .content-form {
        padding: 20px;
        width: 100%
    }

    #content-form-contact div div {
        width: 100% !important
    }

    .space-movil-tb-30 {
        padding-top: 30px;
        padding-bottom: 30px
    }

    #content-cards-contact .card-item-type-two {
        background-color: #fff
    }

    .banner-top {
        padding-top: 150px;
        padding-bottom: 130px
    }

    .banner-primary {
        background-position: center center
    }

    .content-search {
        padding: 10px
    }

    .banner-blog {
        padding-top: 120px;
        padding-bottom: 100px
    }

    .content-menu-movil a,
    .menu-first-movil {
        display: inline-block;
        padding-bottom: 10px;
        text-decoration: none
    }

    .bd-highlight,
    .menu-movil a {
        display: inline-block;
        width: 100%
    }

    #col-blog-content {
        padding: 20px
    }

    #menu-movil .list-parent-movil li {
        width: 100%;
        display: inline-block
    }

    .menu-first-movil {
        font-family: NeueHaasUnicaPro-Bold;
        padding-top: 10px;
        color: #fff
    }

    .content-menu-movil a {
        width: 100%;
        padding-left: 10px;
        color: rgba(255, 255, 255, .7)
    }

    header {
        height: auto;
        overflow-x: scroll
    }

    header.open-menu-movil {
        height: 100%
    }

    #header-white,
    #header-white.bg-blue,
    header.bg-blue {
        background-color: transparent !important
    }

    #logo-movil {
        max-width: 100px
    }

    #show-menu-movil {
        width: 30px
    }
}

#header-banner-top {
    background-color: #429d77;
}

.col-blog-content h2 {
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.blog-int-text-content h3 {
    font-family: "Inter", sans-serif !important;
    font-size: 28px !important;
    letter-spacing: 0 !important;
    line-height: 36px !important;
}


/***New Styles***/
.btn-red-outline {
    height: 45px;
    color: #FB464D !important;
    background-color: white;
    font-family: "Inter", sans-serif;
    border: 2px solid #FB464D;
    font-size: 14px;
    font-weight: 700;
    font-style: bold;
    letter-spacing: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 16px;
}

#bg-home {
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 749px 539px;
}

.text-aqua {
    color: #79B7C4 !important;
}

.text-subtitle-tag {
    font-size: 14px;
    font-weight: 500;
    font-style: medium;
    font-family: "Inter", sans-serif;
    letter-spacing: 0 !important;
    line-height: 17px !important;
}


.title-banner {
    color: #2B2350;
    font-family: "Inter", sans-serif;
    font-size: 60px !important;
    font-weight: 300;
    font-style: light;
    letter-spacing: 0px;
    line-height: 70px;
}

.title-banner b {
    color: #2B2350;
    font-family: "Inter", sans-serif;
    font-size: 60px !important;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0px;
    line-height: 70px;
}


.bg-text-title b {
    background: linear-gradient(to bottom, transparent 30%, transparent 50%, #D4E7E5 50%, #D4E7E5 100%);
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    padding: 0 0.1em;
    display: inline;
}

.bg-text-title-2 b {
    background: linear-gradient(to bottom, transparent 30%, transparent 50%, #79B7C4 50%, #79B7C4 100%);
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    padding: 0 0.1em;
    display: inline;
}


.text-banner {
    color: rgba(43, 35, 80, 1);
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-size: 18px;
    font-weight: 400;
}

.h2-title-section {
    color: #2B2350;
    font-family: "Inter", sans-serif;
    font-size: 40px;
    font-weight: 300;
    font-style: light;
}

#beneficios .nav-link {
    color: #79B7C4;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 700;
    font-style: bold;
    padding-bottom: 20px;
}

#beneficios .nav-tabs {
    border-bottom: 2px solid rgba(212, 231, 229, 1);
}

#beneficios .nav-link.active {
    color: #2B2350;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 700;
    font-style: bold;
    border-color: #fff #fff #fff;
    border-bottom: 5px solid rgba(43, 35, 80, 1) !important;
}

.font-18-regular {
    color: #2B2350;
    font-family: "Inter", sans-serif !important;
    font-size: 18px !important;
    font-weight: 400;
}

.font-18-bold {
    color: #2B2350;
    font-family: "Inter", sans-serif !important;
    font-size: 18px !important;
    font-weight: 700;
}

.font-20-regular {
    color: #2B2350;
    font-family: "Inter", sans-serif !important;
    font-size: 20px !important;
    font-weight: 400;
}

.font-14-regular {
    color: #2B2350;
    font-family: "Inter", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400;
}

.font-14-bold {
    color: #2B2350;
    font-family: "Inter", sans-serif !important;
    font-size: 14px;
    font-weight: 700;
    font-style: bold;
}

.font-16-bold {
    color: #2B2350;
    font-family: "Inter", sans-serif !important;
    font-size: 16px;
    font-weight: 900;
    font-style: bold;
    letter-spacing: 0px;
    line-height: 22px;
}

.font-40-light {
    font-family: "Inter", sans-serif !important;
    font-size: 40px;
    font-weight: 300 !important;
    letter-spacing: auto;
    line-height: 55px;
    font-style: normal;
}

.font-60-light {
    font-family: "Inter", sans-serif !important;
    font-size: 60px;
    font-weight: 300 !important;
    letter-spacing: auto;
    line-height: 55px;
    font-style: normal;
}

.font-60-bold {
    font-family: "Inter", sans-serif !important;
    font-size: 60px;
    font-weight: 700 !important;
    letter-spacing: auto;
    line-height: 55px;
    font-style: normal;
}

.font-70-light {
    font-family: "Inter", sans-serif !important;
    font-size: 70px;
    font-weight: 300 !important;
    letter-spacing: auto;
    line-height: 75px;
    font-style: normal;
}

.link-blue {
    color: #2B2350 !important;
    ;
}

.text-shadow {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}


.btn-red-big {
    max-width: 280px;
    min-width: 280px;
    box-shadow: 0 0 25px 0 rgba(4, 14, 28, 0.1);
    border-radius: 5px;
    background-color: rgba(251, 70, 77, 1);
    font-family: Inter-Bold;
    font-size: 14px;
    font-weight: 700;
    font-style: bold;
    color: #fff;
    height: 85px;
}

.bg-half-split {
    background: linear-gradient(to right, #d5e8e8 50%, #fefef6 50%);
}



.text-style-description-type-1 h3 {
    color: #2B2350;
    font-family: "Inter", sans-serif !important;
    font-size: 60px !important;
    font-weight: 300;
    font-style: normal;
    letter-spacing: 0px;
    line-height: 70px;

}

.text-style-description-type-1 h3 strong {
    background: linear-gradient(to bottom, transparent 30%, transparent 50%, #D4E7E5 50%, #D4E7E5 100%);
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    padding: 0 0.1em;
    display: inline;
    font-family: "Inter", sans-serif !important;
    font-size: 60px !important;
    font-weight: 700;
}

.card-item-1 h3 {
    font-family: "Inter", sans-serif !important;
    color: #2B2350;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0px;
    line-height: 24px;
}

.card-item-1 p {
    font-family: "Inter", sans-serif !important;
    color: #2B2350;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0px;
    line-height: 24px;
}

.bg-circle-cta {
    background-image: url('../imgn/grafica-recurso-1.png') !important;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 279px 254px;
}

.bg-circle-cta-2 {
    background-image: url('../imgn/grafica-recurso-2.png') !important;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 279px 254px;
}

.bg-circle-cta-3 {
    background-image: url('../imgn/grafica-recurso-3.png') !important;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 270px 293px;
}

.bg-circle-cta-4 {
    background-image: url('../imgn/grafica-recurso-4.png') !important;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 365px 262px;
}

.bg-white-2 {
    background-color: #FEFFF8 !important;
}

.card-count-big .number {
    font-family: "Inter", sans-serif !important;
    font-size: 60px;
    font-weight: 700;
    font-style: normal;
    color: #FB464D;
    letter-spacing: 0px;
    line-height: 55px;
}


.card-count-big .text {
    font-family: "Inter", sans-serif !important;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0px;
    line-height: 22px;
    color: #D4E7E5;
}

.bg-green-aquamarine {
    background-color: #D4E7E5 !important;
}

.bg-green-2 {
    background-color: #79B7C4 !important;
}

.bg-pink {
    background-color: #F8DBDE !important;
}

.bg-blue {
    background-color: #2B2350 !important;
}

.btn-white-absolute {
    position: absolute;
    left: 0px;
    bottom: 0px;
    padding: 15px 30px 15px 45px;
    width: 100%;
    text-align: left;
    background-color: #fff;
    font-family: "Inter", sans-serif !important;
    font-size: 14px;
    font-weight: 700;
    font-style: bold;
    color: #FB464D;

}

.btn-white-absolute img {
    float: right;
}

.pb-100 {
    padding-bottom: 100px !important;
}


.accordion-button::after {
    content: "→";
    font-size: 1.2rem;
    color: #1a1a3f;
    /* ajusta el color a gusto */
    background-image: none !important;
    transform: none;
}

.accordion-button:not(.collapsed)::after {
    content: "↓";
    transform: rotate(0deg);
}

.title-section-footer {
    color: rgba(43, 35, 80, 1);
    font-family: "Inter", sans-serif !important;
    font-size: 12px;
    font-weight: 700;
    font-style: bold;
    letter-spacing: 0px;
    line-height: 16px;
}

.items-footer a {
    color: rgba(43, 35, 80, 1);
    font-family: "Inter", sans-serif !important;
    font-size: 12px;
    font-weight: 300;
    font-style: bold;
    text-decoration: underline;
    margin-bottom: 15px;
}

.items-footer a:hover {
    color: rgba(43, 35, 80, 1);
    font-family: "Inter", sans-serif !important;
    font-size: 12px;
    font-weight: 300;
    font-style: bold;
    text-decoration: underline;
    margin-bottom: 15px;
}

#menu-footer-bottom a {
    display: inline;
    margin-right: 20px;
    color: rgba(43, 35, 80, 1);
    font-family: "Inter", sans-serif !important;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
}

.footer-white a {
    color: rgba(43, 35, 80, 1);
    font-family: "Inter", sans-serif !important;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
}

.footer-white a:hover {
    color: rgba(43, 35, 80, 1);
    font-family: "Inter", sans-serif !important;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
}

.footer-links-copy a {
    max-width: max-content;
    float: left;

}

.content-icon-product {
    background-color: #fff;
    position: relative;
    z-index: 1;
    padding: 10px 10px 10px 10px;
    box-shadow: 0 0 25px 0 rgba(4, 14, 28, 0.1);
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 1);
    max-width: max-content;
}

.img-bottom-benefits-product {
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 0;
}


#benefit-software ul li {
    list-style: none;
    padding-left: 30px;
    background-image: url(../imgn/ico-check.svg);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: 0 4px;
    margin-bottom: 12px;
    margin-left: -10px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(121, 183, 196, 0.5);
    padding-bottom: 10px;
}

#benefit-software ul li p {
    margin-bottom: 0px;
}

.icon-50 {
    width: 15px;
    position: relative;
    bottom: -100px;
}

.img-thumbnail-card {
    max-width: max-content;
    margin-left: 0px;
}

.btn-v-red {
    background-color: #fff;
}


.btn-v-red:hover {
    background-color: #FB464D;
}

.btn-v-red .arrow-icon {
    transition: all 0.3s ease-in-out;
}

.btn-v-red:hover .arrow-icon {
    content: url("/assets/imgn/ico-arrow-cta-right-white.svg");
}

#bg-regulations {
    background-image: url("/assets/imgn/quienes-somos-banner.png");
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 622px 517px;
    min-height: 600px;
}

#bg-kit {
    background-image: url("/assets/imgn/quienes-somos-banner.png");
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 622px 517px;
    min-height: 600px;
}


.items-products .descriptions {}

.items-product:hover {
    background-color: #FB464D !important;
}

.items-product:hover .img-thumbnail-card {
    visibility: hidden;
}

.items-product:hover p {
    color: #fff !important;
}

.items-product:hover .btn-v-red {
    background-color: #FB464D !important;
    border-left: 1px solid #fff;
}


.items-product:hover .arrow-icon {
    content: url(/assets/imgn/ico-arrow-cta-right-white.svg);
}

.card-item-one-solution {
    border-left: 3px solid rgba(121, 183, 196, 1);
    padding-left: 40px;
    padding-right: 40px;
}


.card-item-one-solution .title {
    color: #fff;
    font-family: "Inter", sans-serif !important;
    font-size: 16px;
    font-weight: 900;
    font-style: extrabold;
}

.card-item-one-solution .description {

    color: #fff !important;
    font-family: "Inter", sans-serif !important;
    font-size: 14px;
    font-weight: 400;
}

.card-item-one-solution .link-blue {

    color: rgba(121, 183, 196, 1) !important;
    font-family: "Inter", sans-serif !important;
    font-size: 14px;
    font-weight: 700;
    font-style: bold;
    text-decoration: underline;
}

#bg-about {
    background-image: url('../imgn/quienes-somos-banner.png') !important;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 761px 534px;
}


.about-column p {
    font-family: "Inter", sans-serif !important;
    font-size: 14px !important;
    font-weight: 300;
    font-style: light;
    line-height: 27px;
    letter-spacing: 0px;
}

#tabs_about .nav-link {
    background-color: #fff !important;
    color: rgba(121, 183, 196, 1);
    font-family: "Inter", sans-serif !important;
    font-size: 16px;
    font-weight: 900;
    border-bottom: 2px solid rgba(121, 183, 196, 0.7) !important;
    border-radius: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
}

#tabs_about .nav-link.active {
    color: rgba(43, 35, 80, 1);
    font-family: "Inter", sans-serif !important;
    font-size: 16px;
    font-weight: 900;
    font-style: extrabold;
    border-bottom: 2px solid rgba(43, 35, 80, 1) !important;
}

.timeline-full {
    position: relative;
    width: 100%;
}

.timeline-full::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 3px;
    background-color: #63bfc7;
}

.timeline-item {
    display: flex;
    align-items: center;
    margin: 7rem 0;
    position: relative;

}

.timeline-year {
    flex-shrink: 0;
    background-color: #63bfc7;
    color: white;
    font-weight: bold;
    /* padding: 25px 25px; */
    border-radius: 50px;
    left: 50%;
    z-index: 1;
    width: 60px;
    height: 60px;
    text-align: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    position: absolute;
    margin-left: -30px;
    line-height: 60px;
    font-family: "Inter", sans-serif !important;
    font-size: 14px;
    font-weight: 400;
    font-style: bold;
    text-align: center;
    line-height: 60px;

}

.timeline-content {
    background: white;
    padding: 1rem 1.5rem;
    border-radius: 2rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    max-width: 500px;
    font-weight: 500;
    color: rgba(43, 35, 80, 1);
    font-family: "Inter", sans-serif !important;
    font-size: 14px;
    font-weight: 900;
    font-style: extrabold;

}

.timeline-content.right {
    left: 50%;
    position: absolute;
    margin-left: 33px;
}

.timeline-content.left {
    position: absolute;
    right: 50%;
    margin-right: 33px;
}

.timeline-plus {
    margin-top: 3rem;
}

.plus-circle {
    background-color: white;
    color: #63bfc7;
    font-size: 2rem;
    border-radius: 50%;
    border: 3px solid #63bfc7;
    padding: 0.4rem 0.9rem;
}

.card-blog .btn:hover {
    background-color: rgba(251, 70, 77, 1) !important;
    color: #fff !important;
}

.text-red {
    color: rgba(251, 70, 77, 1) !important;
    font-family: "Inter", sans-serif !important;
    font-size: 14px;
    font-weight: 700;
    font-style: bold;

}


.text-style-description-type-1 ul li {
    background-image: url(../imgn/Trazado.png) !important;
    background-size: 20px 10px;
    background-position-y: 10px;
}

.img-partner-form {
    margin-left: -150px;
}

.img-bottom-prices {
    position: absolute;
    bottom: -48px;
    right: -70px;
    z-index: 0;
}

.card-price-product h5 {
    color: rgba(43, 35, 80, 1);
    font-family: "Inter", sans-serif !important;
    font-size: 14px;
    font-weight: 700;
    font-style: extrabold;
}


.card-price-product p {
    color: rgba(43, 35, 80, 1);
    font-family: "Inter", sans-serif !important;
    font-size: 12px;
    font-weight: 300;
    font-style: light;

}

.card-price-product li {
    color: rgba(43, 35, 80, 1);
    font-family: "Inter", sans-serif !important;
    font-size: 12px;
    font-weight: 300;
    font-style: light;
}

.card-price-product ul {
    padding-left: 0px;
}

.card-price-product ul li {
    list-style: none;
    padding-left: 24px;
    background-image: url(../imgn/ico-check.svg);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: 6px 4px;
    margin-bottom: 12px;
    margin-left: 0px;
    display: flex;
    align-items: center;
    padding-bottom: 0px;
}

.card-price-product ul li p {
    margin-bottom: 0px;
}

.card-footer:hover {
    background-color: rgba(251, 70, 77, 1) !important;
}

.card-footer:hover .text-red-link {
    color: #fff;
    background-color: rgba(251, 70, 77, 1);
    font-family: "Inter", sans-serif !important;
    font-size: 14px;
    font-weight: 700;
    font-style: bold;
    text-decoration: none;
}

.text-red-link {
    color: rgba(251, 70, 77, 1);
    font-family: "Inter", sans-serif !important;
    font-size: 14px;
    font-weight: 700;
    font-style: bold;
    text-decoration: none;
}

.item-card-contact {
    border-left: 3px solid rgba(43, 35, 80, 1);
    padding-left: 20px;
    padding-right: 20px;
}

#content-form {
    position: relative;
}

.form-wrapper-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 100%;
    /* Empieza desde el final de col-5 */
    background-color: #e0f0f0;
    /* cambia a tu color */
    z-index: -1;
}

#form-contact-c {
    width: 400px;
}

.link-aqua {
    font-family: "Inter", sans-serif !important;
    color: #79B7C4;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
}


.text-banner-kit p {
    font-family: "Inter", sans-serif !important;
    color: rgba(43, 35, 80, 1);
    font-family: Inter-Regular;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
}

.link-absolute-contact {
    position: absolute;
    bottom: 30px;
    color: #FB464D;
    font-family: "Inter", sans-serif !important;
    text-decoration: none;
    font-size: 16px;
    font-weight: 900;
    font-style: normal;

}

.link-absolute-contact:hover {
    color: rgba(43, 35, 80, 1);
}

@media (min-width: 992px) {
    .form-wrapper-bg {
        left: calc(100% - (100% / 12 * 5));
        /* Empieza desde col-5 */
    }
}