@charset "UTF-8";
@import "https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800";
@import "https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800";
@import "https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800";

.transition1,
.btnRed,
.btnWhite,
.btnPurple,
.btnLightPurple,
.btnYellow,
.link,
.download,
.sites a,
.cont-country .country-options,
.menu-br .btns .btn-yellow,
.menu-br .btns .btn-purple,
.menu-br .btns a,
.menu .dropdown-item,
.menu .item-nav .dropdown-item-nav,
.menu-mobile,
.menu-mobile .dropdown-menu,
.btns-mobile .btn-purple,
.box-ripleyApp,
.nav-slider .col,
.cont-footer a:not(.fontRipleyfono),
.pageDetails_sitioSeguro .arrow-down:after,
.pageDetails_preguntasFrecuentes .arrow-down:after,
.pageDetails_terminos .arrow-down:after,
.pageDetails_masBanca .arrow-right:after,
.pageDetails_tabVideo .arrow-right:after,
.pageDetails_masApp .arrow-right:after {
    transition: all 0.25s ease-in-out;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    width: 100%;
    border: 0;
    max-width: 100%;
    padding: 0;
    margin: 0;
    padding-top: 90px;
}

@media (max-width: 1024px) {
    body {
        padding-top: 60px;
    }
}

@media (max-width: 780px) {
    body {
        max-width: 100vw;
        overflow-x: hidden;
    }
}

button,
a,
input,
select,
option {
    outline: 0;
    box-shadow: none;
}

button:focus,
a:focus,
input:focus,
select:focus,
option:focus {
    box-shadow: none !important;
}

.contentBTN {
    margin: 30px 0;
}

.simple-line-height {
    line-height: 1.3;
}

.low-line-height {
    line-height: 0.8;
}

@media (max-width: 575px) {
    .low-line-height {
        line-height: 1;
    }
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
    font-family: montserrat, sans-serif;
    font-weight: 500;
    font-size: 15.5px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 10px;
}

.btnRed,
.btnWhite,
.btnPurple,
.btnLightPurple,
.btnYellow {
    text-align: center;
    display: inline-block;
    padding: 1rem 1.5rem;
    box-shadow: 1px 2px 3px rgba(76, 76, 76, 0.5);
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 13.5px;
    color: #fff !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.btnRed:hover,
.btnWhite:hover,
.btnPurple:hover,
.btnLightPurple:hover,
.btnYellow:hover {
    box-shadow: 1px 2px 3px rgba(76, 76, 76, 0.75);
    text-decoration: none;
}

.btnYellow {
    background-color: #f2ad4b;
}

.btnYellow:hover {
    background-color: #feb957;
    color: #fff;
}

.btnPurple {
    background-color: #4f2d7f;
}

.btnPurple:hover {
    background-color: #361860;
    color: #fff;
}

.btnLightPurple {
    background-color: #894590;
}

.btnLightPurple:hover {
    background-color: #893492;
    color: #fff;
}

.btnWhite {
    color: #4f2d7f !important;
    background-color: #ededed;
}

.btnWhite:hover {
    background-color: #fff;
    color: #4f2d7f !important;
}

.btnRed {
    background-color: #ee2737;
    border-radius: 4px;
    cursor: pointer;
}

.btnRed:hover {
    background-color: #f8414b;
    color: #fff !important;
}

.btnMeInteresa {
    color: #fff !important;
    background: #894490;
    padding: 11px 0;
    max-width: none;
    width: 30%;
    margin: 20px 0 10px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 4px !important;
    display: inline-block;
}

.link,
.download {
    padding-left: 15px;
    position: relative;
    font-weight: 600;
    color: #894590;
}

.link:hover,
.download:hover {
    text-decoration: none;
    color: #894590;
}

.link:before,
.download:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 16px;
    width: 10px;
}

.link:before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iN3B4IiBoZWlnaHQ9IjVweCIgdmlld0JveD0iMCAwIDcgNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDguMiAoNDczMjcpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPmljb25fc2VsZWN0LWFycm93PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9ImxheW91dC9iYXItcmlwbGV5IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI1Ny4wMDAwMDAsIC0xMy4wMDAwMDApIj4KICAgICAgICA8ZyBpZD0iaW5wdXQvc2VsZWN0LWFycm93IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjU2LjAwMDAwMCwgMTMuMDAwMDAwKSIgZmlsbD0iIzg5NDU5MCIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHBhdGggZD0iTTMuMTkyOTY4MSw1LjgzMzMzMzMzIEMyLjk5NjYwMjA0LDUuODMzMzMzMzMgMi44MDAwOTY5MSw1Ljc1Nzg1OTE5IDIuNjQ2NTY0MjQsNS42MDYwNDE3IEMyLjMyOTIwNzc2LDUuMjkxNjg2ODEgMi4zMTY1NTI0NCw0Ljc2ODcyNzc0IDIuNjE4MTk0MDgsNC40MzgwMDMyMSBMNC4zOTI0NDIwOSwyLjQ5NDIxNzk1IEwyLjYyMDAwMTk4LDAuNTYzOTA1MDQgQzIuMzE3MjQ3NzksMC4yMzQzMzk0MjEgMi4zMjgzNzMzNSwtMC4yODg2MTk2NDggMi42NDQ4OTU0MSwtMC42MDQxMzM0NTggQzIuOTYxNTU2NTQsLTAuOTE5NjQ3MjY3IDMuNDYzNDU4MTgsLTAuOTA3OTEzMjgyIDMuNzY2MjEyMzcsLTAuNTc4MjAyOCBMNi4wNjE1NTM2LDEuOTIxMTM1OTMgQzYuMzU0MTU1NzIsMi4yMzk4MzY3NSA2LjM1NDcxMiwyLjc0MTc5MDU0IDYuMDYzMzYxNTEsMy4wNjE1MDU0IEwzLjc2ODE1OTM0LDUuNTc2NDg5NDUgQzMuNjExOTg0MzUsNS43NDY5OTQzOCAzLjQwMjk2Mjk3LDUuODMzMzMzMzMgMy4xOTI5NjgxLDUuODMzMzMzMzMgWiIgaWQ9IlNoYXBlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjM0MDcyMCwgMi41MDAwMDApIHJvdGF0ZSg5MC4wMDAwMDApIHRyYW5zbGF0ZSgtNC4zNDA3MjAsIC0yLjUwMDAwMCkgIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)
        center center no-repeat;
    background-size: contain;
    transform: rotate(-90deg);
}

.download:before {
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-download.svg) no-repeat
        center center;
    background-size: contain;
}

.arrow-down {
    position: relative;
    display: inline-block;
    font-family: montserrat, sans-serif;
    width: 100%;
}

.arrow-down:after {
    content: "";
    height: 10px;
    width: 10px;
    background: transparent url(/i-down-menu.svg) center center no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 40%;
    right: 25px;
}

.arrow-right {
    position: relative;
    display: inline-block;
    font-family: montserrat, sans-serif;
    width: 100%;
}

.arrow-right:after {
    content: "";
    height: 10px;
    width: 10px;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-down-menu.svg) no-repeat
        right center;
    background-size: contain;
    position: absolute;
    bottom: 40%;
    right: 25px;
}

.t0 {
    font-size: 100px;
}

@media (max-width: 767px) {
    .t0 {
        font-size: 50px;
    }
}

.t1 {
    font-size: 35px;
}

.t2a {
    font-size: 22px;
}

.t2 {
    font-size: 22.5px;
}

.t3,
.tab-content .card_beneficios .box-beneficios__contenido p {
    font-size: 19.5px;
}

.t4 {
    font-size: 16.5px;
}

.t5 {
    font-size: 32px;
}

.t6 {
    font-size: 40px;
}

.t7 {
    font-size: 36px;
}

.t8 {
    font-size: 24px;
}

.t9 {
    font-size: 15px;
}

.t10 {
    font-size: 16px;
}

.t11 {
    font-size: 17px;
}

.s1 {
    font-size: 13.5px;
}

.s2 {
    font-size: 12.5px;
}

.s3 {
    font-size: 11px;
}

.s4 {
    font-size: 12px;
}

.s5 {
    font-size: 14px;
}

.lh1 {
    line-height: 20px !important;
}

.s6 {
    font-size: 10px;
}

.normal {
    font-weight: 400 !important;
}

.light {
    font-weight: 400 !important;
}

.strongLight {
    font-weight: 500 !important;
}

.semiBold {
    font-weight: 600 !important;
}

.bold {
    font-weight: 700 !important;
}

.yellow {
    color: #feb957 !important;
}

.white {
    color: #fff !important;
}

.black1 {
    color: #404040 !important;
}

.black2 {
    color: #424242 !important;
}

.black3 {
    color: #444 !important;
}

.black4 {
    color: #000 !important;
}

.purple {
    color: #894590 !important;
}

.purple3 {
    color: #8c4799 !important;
}

.purpleDark {
    color: #4f2d7f !important;
}

.red {
    color: #ee2737 !important;
}

.grey {
    color: #4c4c4c !important;
}

.grey4 {
    color: #484848 !important;
}

.grey5 {
    color: #737373 !important;
}

.grey6 {
    color: #58595b !important;
}

.subrayado {
    text-decoration: underline;
    cursor: pointer;
}

.grey0 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 37px;
    background-color: transparent;
    position: absolute;
    z-index: 1;
    margin-top: 50px;
    margin-left: 35px;
}

.darkPurple3 {
    color: #4f2d7f !important;
}

.darkPurple3_1 {
    color: #4f2d7f;
}

.darkPurple4 {
    color: #523178;
}

.darkPurple5 {
    color: #462a66;
}

.grey00 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 37px;
    background-color: transparent;
    position: absolute;
    z-index: 1;
    margin-top: 50px;
    margin-left: 35px;
}

.grey1 {
    color: #4c4c4c !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    background-color: transparent;
    position: absolute;
    z-index: 3;
    margin-left: 12%;
    margin-top: 80px;
}

.grey10 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    background-color: transparent;
    position: absolute;
    z-index: 3;
    margin-left: 12%;
    margin-top: 80px;
}

.lightGrey3 {
    color: #7b7e83 !important;
}

.lightGrey4 {
    color: #3f3f41 !important;
}

.lightGrey5 {
    color: #939393 !important;
}

.lightGrey6 {
    color: #8c8c8c !important;
}

.lightGrey7 {
    color: #737373 !important;
}

.lightGrey8 {
    color: #727171;
}

.lightGrey9 {
    color: #9d9d9d;
}

.lightGrey10 {
    color: #aaa7a7;
}

.lightGrey11 {
    color: #6e6e6e;
}

.upCase {
    text-transform: uppercase;
}

.content-line {
    position: relative;
}

.content-line:after {
    content: "";
    height: 100%;
    width: 1px;
    background-color: #efefef;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1px;
}

.globo {
    position: fixed;
    bottom: 35px;
    right: 85px;
    z-index: 4001;
}

.form-dni {
    margin: 30px 0 15px;
}

.form-recaptcha {
    margin: 10px 0;
}

.form-datosPersonales {
    padding: 0;
}

.form-datosPersonales .form-check-input {
    position: absolute;
    opacity: 0;
}

.form-datosPersonales .form-check-input + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    padding-left: 30px;
}

.form-datosPersonales .form-check-input + label:before {
    content: "";
    margin-left: -30px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: 2px;
}

.form-datosPersonales .form-check-input:hover + label:before {
    background: #523178;
}

.form-datosPersonales .form-check-input:checked + label:before {
    background: #523178;
    border: 1px solid #523178;
}

.form-datosPersonales .form-check-input:checked + label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    background: #fff;
    width: 2px;
    height: 2px;
    box-shadow:
        2px 0 0 #fff,
        4px 0 0 #fff,
        4px -2px 0 #fff,
        4px -4px 0 #fff,
        4px -6px 0 #fff,
        4px -8px 0 #fff;
    transform: rotate(45deg);
}

.form-datosPersonales label a {
    text-decoration: underline;
    color: #8c4799;
}

.cardProduct {
    width: 49.5%;
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
}

.cardProduct:hover {
    background: #f1f1f1;
    cursor: pointer;
}

.cardProduct svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    fill: #523178;
}

.tooltipGeneral {
    position: relative;
    display: inline-block;
}

.tooltipGeneral .tooltiptext {
    visibility: hidden;
    width: 220px;
    background-color: #8c4799;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    font-size: 12px;
    bottom: 125%;
    left: 50%;
    margin-left: -110px;
    transition: opacity 0.3s;
    text-align: start;
}

.tooltipGeneral .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #8c4799 transparent transparent transparent;
}

.tooltipGeneral:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.modalError .dialogModal {
    max-width: 600px;
}

.modalError .titleModal {
    font-weight: 600;
    font-size: 14.5px;
    text-align: center;
    color: #523178;
}

.modalError .descriptionModal {
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    color: #404040;
}

.modalError .btnCerrar {
    background: #523178;
    border-radius: 4px;
    padding: 11px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

.modalError .modal-footer {
    border-top: 0;
    justify-content: center;
}

.viewLegal .legal-text {
    bottom: 527px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
    text-align: justify;
}

.viewLegal .titleLegal {
    cursor: pointer !important;
}

.viewLegal .titleLegalMobile {
    cursor: pointer !important;
    text-decoration-line: underline !important;
}

.viewLegal .morelegaldropdown {
    font-weight: 600;
    font-size: 16px;
    color: #8c4799;
    cursor: pointer;
}

.viewLegal .morelegaldropdown:after {
    content: "";
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-arrow-down.svg) center
        center no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 2px;
    margin-left: 15px;
}

.viewLegal .lesslegaldropdown {
    font-weight: 600;
    font-size: 16px;
    color: #8c4799;
    cursor: pointer;
}

.viewLegal .lesslegaldropdown:after {
    content: "";
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-arrow-up.svg) center center
        no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 2px;
    margin-left: 15px;
}

.viewLegal .imgLegal {
    width: 100%;
    max-width: 400px;
}

.viewLegal .imgLegalMobile {
    width: 80%;
    height: 100%;
}

.viewLegal .cerrarModal {
    text-decoration-line: underline !important;
}

.modalGeneral .modal-header {
    border-bottom: 0;
}

.modalGeneral .modal-footer {
    border-top: 0;
    justify-content: center;
}

.disable-scroll {
    position: fixed !important;
    overflow: hidden;
}

.ripley-header {
    background: #f9f9f9;
    position: fixed;
    top: 0;
    z-index: 1000;
}

.sites .logo-ripley {
    height: 30px;
    width: 30px;
    padding: 8px;
    background: #efefef url(https://www.bancoripley.com.pe/img/svg/logo-r.svg)
        center center no-repeat;
}

.sites a {
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 12.5px;
    color: #97999b;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 6px 10px;
    max-height: 30px;
}

.sites a.active {
    background: #fff;
}

.sites a:hover {
    background: #efefef;
    text-decoration: none;
}

.cont-country {
    width: 100%;
    max-width: 150px;
    position: relative;
}

.cont-country span {
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 12.5px;
    color: #7b7e83;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cont-country .country {
    position: relative;
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 12.5px;
    color: #7b7e83;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cont-country .country img {
    margin: 0 10px;
}

.cont-country .country a,
.cont-country .country a:hover {
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 12.5px;
    color: #7b7e83;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none;
}

.cont-country .country-dropdown {
    cursor: pointer;
    position: relative;
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 12.5px;
    color: #7b7e83;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cont-country .country-dropdown img {
    margin: 0 10px;
}

.cont-country .country-dropdown:after {
    content: "";
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-chevron-down.svg) center
        center no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 0;
    right: -20px;
}

.cont-country .country-options {
    background-color: #f9f9f9;
    position: absolute;
    bottom: -30px;
    left: 30px;
    padding: 5px 20px 5px 0;
    height: 30px;
    z-index: 200;
}

.cont-country .country-options:hover {
    background-color: #efefef;
}

.menu-br {
    height: 60px;
    background-color: #fff;
    position: relative;
    z-index: 100;
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.03);
}

.menu-br .logo-br {
    margin-left: 15px;
    max-width: 180px;
}

.menu-br .logo-br img {
    width: 100%;
}

.menu-br .btns .btn-yellow,
.menu-br .btns .btn-purple {
    height: 60px;
}

.menu-br .btns a {
    display: inline-block;
    text-align: center;
    vertical-align: center;
    padding: 0 5px;
    font-family: montserrat, sans-serif;
    font-weight: 700;
    font-size: 11.8px;
    color: #fff !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: uppercase;
}

.menu-br .btns a:hover {
    text-decoration: none;
}

.menu-br .btn-yellow {
    background-color: #f2ad4b;
}

.menu-br .btn-yellow:hover {
    background-color: #feb957;
}

.menu-br .btn-purple {
    background-color: #894590;
}

.menu-br .btn-purple:hover {
    background-color: #893492;
}

.menu-br .btn-purple img {
    margin-left: 10px;
    margin-top: -4px;
}

.menu .navbar {
    padding: 0;
}

.menu li {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu li:hover,
.menu li.active {
    background-color: #ee2737;
}

.menu li:hover .nav-link,
.menu li.active .nav-link {
    color: #fff;
}

.menu .nav-link {
    font-family: montserrat, sans-serif;
    font-weight: 700;
    font-size: 11.8px;
    color: #4c4c4c;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: uppercase;
    text-align: center;
    padding: 0 5px;
}

.menu .navbar-nav {
    padding-right: 0;
}

.menu .dropdown-menu {
    position: absolute;
    margin-top: 0;
    border-radius: 0;
    border: 0;
    padding: 0;
    box-shadow: 0 2px 16px 0 rgba(215, 215, 215, 0.5);
    width: auto;
}

.menu .dropdown-item {
    font-family: montserrat, sans-serif;
    font-weight: 700;
    font-size: 11.8px;
    color: #4c4c4c;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: uppercase;
    padding: 24px 17px;
    word-break: break-word;
}

.menu .dropdown-item:hover {
    background-color: #efefef;
}

.menu .item-nav {
    background-color: #d1d1d1;
}

.menu .item-nav .dropdown-item-nav {
    font-family: montserrat, sans-serif;
    font-weight: 700;
    font-size: 11.8px;
    color: #4c4c4c;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: uppercase;
    padding: 24px 17px;
    text-decoration: none;
}

.menu .item-nav:hover .dropdown-item-nav,
.menu .item-nav.active .dropdown-item-nav {
    color: #fff;
}

.menu .left-content {
    justify-content: left;
}

.menu .icon-after {
    position: relative;
}

.menu .icon-after:after {
    margin-left: 5px;
    margin-top: -3px;
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-external.svg) center center
        no-repeat;
}

.menu-mobile {
    display: none;
    position: fixed;
    background-color: #fff;
    width: 100%;
    max-width: 280px;
    height: 100%;
    right: -100%;
    top: 0;
    overflow: auto;
    z-index: 1000;
}

.menu-mobile.active {
    right: 0;
}

.menu-mobile ul {
    list-style: none;
    padding-left: 0;
    width: 100%;
    padding-top: 5px;
}

.menu-mobile li {
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
}

.menu-mobile li .nav-link {
    text-align: left;
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #7d7d7d;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 13px 20px;
    border-bottom: 1px solid #ebebeb;
}

.menu-mobile li .nav-link.active {
    background-color: #d83f3f;
    color: #fff;
}

.menu-mobile li .icon-menu {
    margin-right: 17px;
}

.menu-mobile button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    border: 0;
    box-shadow: none;
    outline: 0;
}

.menu-mobile .collapsed li:first-child,
.menu-mobile .collapse li:first-child,
.menu-mobile .collapsing li:first-child {
    padding-top: 0;
}

.menu-mobile .collapsed li,
.menu-mobile .collapse li,
.menu-mobile .collapsing li {
    border: 0;
}

.menu-mobile .collapsed li:hover,
.menu-mobile .collapse li:hover,
.menu-mobile .collapsing li:hover {
    background-color: #e9e9e9;
}

.menu-mobile .collapsed a,
.menu-mobile .collapse a,
.menu-mobile .collapsing a {
    padding: 15px 20px 15px 60px;
    display: inline-block;
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #4c4c4c;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.menu-mobile .collapsed a:hover,
.menu-mobile .collapse a:hover,
.menu-mobile .collapsing a:hover {
    color: #8c4799;
    text-decoration: none;
}

.menu-mobile .dropdown-menu {
    display: inline-block;
    position: relative;
    background-color: transparent;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    height: 0;
}

.menu-mobile .dropdown-menu a {
    padding: 10px 15px;
}

.menu-mobile nav {
    padding-bottom: 0;
    align-content: space-between;
    height: 100%;
}

.menu-mobile .footer-menu {
    margin-bottom: 0;
}

.menu-mobile .footer-menu li {
    background-color: #fff;
}

.menu-mobile .footer-menu li:hover {
    background-color: #e9e9e9;
}

.menu-mobile .footer-menu li a {
    border-top: 1px solid #ebebeb;
    border-bottom: 0;
    color: #575757;
}

.menu-mobile .footer-menu a {
    opacity: 1;
}

.menu-mobile .footer-menu a:hover {
    color: #8c4799;
    text-decoration: none;
}

.btns-mobile {
    display: none;
}

.btns-mobile .btn-purple {
    height: 60px;
    width: 60px;
    cursor: pointer;
}

.btns-mobile .btn-purple img {
    margin: 0;
}

.btns-mobile .btnMenu0 {
    height: 60px;
    width: 60px;
    cursor: pointer;
    background-color: #7c3f88 !important;
}

.btns-mobile .btnMenu {
    height: 60px;
    width: 60px;
    cursor: pointer;
    background-color: #4f2d7f;
}

.btns-mobile .btnMenu .line {
    background-color: #fff;
    width: 20px;
    height: 2px;
    position: relative;
    border-radius: 5px;
}

.btns-mobile .btnMenu .line:after,
.btns-mobile .btnMenu .line:before {
    border-radius: 5px;
    content: "";
    position: absolute;
    height: 2px;
    width: 20px;
    background: #fff;
}

.btns-mobile .btnMenu .line:before {
    top: 7px;
}

.btns-mobile .btnMenu .line:after {
    bottom: 7px;
}

.box-ripleyApp {
    padding-top: 25px;
    box-shadow: 0 2px 20px 0 rgba(202, 202, 202, 0.5);
    position: fixed;
    height: 30vh;
    background-color: #fff;
    width: 100%;
    bottom: 0;
    left: 0;
}

.box-ripleyApp.out {
    transform: translateY(100%);
}

.box-ripleyApp #box-ripleyApp_close {
    position: absolute;
    top: 5px;
    right: 15px;
    height: 25px;
    width: 25px;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-close.svg) center center
        no-repeat;
    background-size: 40% auto;
    opacity: 0.3;
    z-index: 10000;
}

.box-ripleyApp .box-ripleyApp_content {
    width: 100%;
    padding: 0 10px;
}

.box-ripleyApp .box-ripleyApp_content img {
    padding: 0 2px;
    max-width: 25vw;
}

.box-ripleyApp .box-ripleyApp_content p {
    padding: 0 2px;
}

.box-ripleyApp .box-ripleyApp_link {
    padding: 15px 0;
}

.box-ripleyApp .btnRed {
    padding: 0.5rem 2.5rem;
}

@media (max-width: 1100px) {
    .sites a {
        font-size: 10px;
    }

    .menu .dropdown-item,
    .menu .nav-link {
        font-size: 10px;
    }

    .menu-br .btns a {
        font-size: 10px;
    }

    .menu-br .logo-br {
        max-width: 150px;
    }
}

@media (max-width: 1024px) {
    .menu-br {
        justify-content: space-between;
    }

    .sites-nav,
    .btns,
    .menu {
        display: none;
    }

    .menu-mobile {
        display: inline-block;
    }

    .btns-mobile {
        display: flex;
    }
}

.cont-vitrina h1,
.cont-vitrina h2,
.cont-vitrina h3,
.cont-vitrina h4,
.cont-vitrina h5,
.cont-vitrina h6,
.cont-vitrina p,
.cont-vitrina a,
.cont-vitrina span {
    line-height: 1.2;
}

.cont-vitrina__footer {
    height: 100px;
    padding: 25px 15px;
    text-align: center;
}

.vitrina__pie {
    background-color: #4f2d7f;
    height: 105px;
    padding: 15px 0;
}

@media (max-width: 768px) {
    .vitrina__pie {
        height: 85px;
    }
}

@media (max-width: 767px) {
    .vitrina__pie .t3,
    .vitrina__pie .tab-content .card_beneficios .box-beneficios__contenido p,
    .tab-content .card_beneficios .box-beneficios__contenido .vitrina__pie p {
        font-size: 15.5px;
        margin: 0 15px;
        padding: 15px;
        width: 100%;
    }
}

.vitrina {
    background-color: #563278;
    overflow: hidden;
}

.vitrina .btnHiddenVitrina {
    visibility: hidden !important;
}

.vitrina .vitrina__img {
    width: 100%;
    text-align: center;
    background-color: #e0e2e1;
}

.vitrina .vitrina__img img {
    width: 100%;
}

.vitrina .vitrina__img_noSlider {
    width: 100%;
    text-align: center;
}

.vitrina .vitrina__img_noSlider img {
    width: 100%;
    max-width: 100%;
}

.vitrina .vitrina__contenido {
    z-index: 10;
    max-width: 350px;
    width: 100%;
    display: inline-block;
    white-space: normal;
    max-height: 450px;
}

.vitrina .vitrina__contenido p {
    word-break: break-word;
}

.vitrina .vitrina__contenido a {
    padding: 5% 6%;
    margin-right: 5%;
}

@media (max-width: 767px) {
    .vitrina {
        background-color: #fff !important;
    }

    .vitrina .vitrina__contenido {
        max-width: 100%;
        display: flex;
        justify-content: space-around;
        align-items: flex-start;
    }

    .vitrina .vitrina__contenido span {
        flex-grow: 1;
    }

    .vitrina .vitrina__contenido span:nth-child(2) {
        display: flex;
        justify-content: space-around;
        flex-grow: 5;
        align-items: flex-start;
    }

    .vitrina .vitrina__contenido a {
        text-align: center;
        padding: 1rem 1.5rem;
        margin: 0 5%;
    }

    .vitrina .vitrina__contenido .white {
        color: #4c4c4c !important;
    }

    .vitrina .vitrina__contenido p,
    .vitrina .vitrina__contenido h3,
    .vitrina .vitrina__contenido h2 {
        color: #4c4c4c;
    }
}

@media (max-width: 576px) {
    .vitrina .vitrina__contenido {
        max-height: 220px;
        flex-direction: column;
        align-items: flex-start;
    }

    .vitrina .vitrina__contenido span {
        width: 100%;
        justify-content: flex-start !important;
        display: inline-block;
        flex-grow: 0;
    }

    .vitrina .vitrina__contenido span:nth-child(2) {
        flex-grow: 0;
    }

    .vitrina .vitrina__contenido .white {
        color: #4c4c4c !important;
    }

    .vitrina .vitrina__contenido a {
        margin-left: 0;
    }
}

.bg-yellow {
    background: #ffb900;
}

.frame {
    width: 100%;
    position: relative;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    white-space: nowrap;
}

.frame .slides {
    display: inline-block;
    padding-left: 0;
    width: 100%;
}

.frame .slides li {
    position: relative;
    display: inline-block;
}

.slider .js_next,
.slider .js_prev {
    background: #fff;
    width: 40px;
    height: 40px;
    opacity: 0.5 !important;
    position: absolute;
    top: 50%;
}

.slider .js_next:after,
.slider .js_prev:after {
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    background: transparent
        url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOXB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCA5IDE2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0OC4yICg0NzMyNykgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+SWNvbi93aGl0ZS1hcnJvdzwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzLz4KICAgIDxnIGlkPSJpY29uL2Fycm93LXNsaWRlciIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE3LjAwMDAwMCwgLTEzLjAwMDAwMCkiPgogICAgICAgIDxnIGlkPSJpY29uL2dyZXktYXJyb3ciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE3LjAwMDAwMCwgMTMuMDAwMDAwKSIgZmlsbD0iIzk3OTk5QiIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHBhdGggZD0iTTguNjc2MTkyMjUsOC4zMDUwNzE5NSBMMS44ODc0MTA5NywxNC44MDM1MzM3IEMxLjQ1NTU2MjQ4LDE1LjIxNzEyNzggMC43NTUzOTQxNzUsMTUuMjE3MTI3OCAwLjMyMzc1NTMzNiwxNC44MDM1MzM3IEMtMC4xMDc5MTg0NDUsMTQuMzkwMzA3NSAtMC4xMDc5MTg0NDUsMTMuNzIwMDk0NCAwLjMyMzc1NTMzNiwxMy4zMDY5MDE2IEw2LjMzMDc3ODY4LDcuNTU2NzU1OTMgTDAuMzIzOTMwMDQ2LDEuODA2ODEwOTIgQy0wLjEwNzc0MzczNSwxLjM5MzQxNzQ5IC0wLjEwNzc0MzczNSwwLjcyMzI3MTI1NCAwLjMyMzkzMDA0NiwwLjMxMDA0NTA3MSBDMC43NTU2MDM4MjcsLTAuMTAzMzQ4MzU3IDEuNDU1NzM3MTksLTAuMTAzMzQ4MzU3IDEuODg3NTg1NjgsMC4zMTAwNDUwNzEgTDguNjc2MzY2OTYsNi44MDg2MDcxNSBDOC44OTIyMDM4NSw3LjAxNTMyMDU4IDksNy4yODU5NTQ2MyA5LDcuNTU2NzIyNDggQzksNy44Mjc2MjQxMiA4Ljg5MTk5NDIsOC4wOTg0NTg4NiA4LjY3NjE5MjI1LDguMzA1MDcxOTUgWiIgaWQ9IlNoYXBlIi8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)
        center center no-repeat;
}

@media (max-width: 768px) {
    .slider .js_next,
    .slider .js_prev {
        opacity: 0.8;
    }
}

.slider .js_prev:after {
    transform: rotate(180deg);
}

.slider .prev,
.slider .next {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    display: block;
    cursor: pointer;
}

.slider .prev svg,
.slider .next svg {
    width: 35px;
}

@media (max-width: 768px) {
    .slider .prev,
    .slider .next {
        top: 40%;
    }
}

.slider .next {
    right: 0;
}

.slider .prev {
    left: 0;
}

.js_slides {
    margin-bottom: 0;
}

.nav-slider {
    background-color: #4f2d7f;
    height: 105px;
    padding: 15px 0;
}

.nav-slider h3 {
    font-size: 13.5px;
    line-height: 1.2;
    margin-bottom: 5px;
}

.nav-slider p {
    font-size: 12px;
    opacity: 0.4;
    line-height: 1.6;
}

.nav-slider .col {
    height: 105px;
    padding: 15px;
    cursor: pointer;
}

.nav-slider .col:hover {
    background: #361860;
}

.nav-slider .active {
    background: #361860;
}

.vitrina_noSlider .vitrina__contenido .t3,
.vitrina_noSlider
    .vitrina__contenido
    .tab-content
    .card_beneficios
    .box-beneficios__contenido
    p,
.tab-content
    .card_beneficios
    .box-beneficios__contenido
    .vitrina_noSlider
    .vitrina__contenido
    p {
    font-size: 18px;
}

@media (max-width: 991px) {
    .vitrina_noSlider .vitrina__contenido .t3,
    .vitrina_noSlider
        .vitrina__contenido
        .tab-content
        .card_beneficios
        .box-beneficios__contenido
        p,
    .tab-content
        .card_beneficios
        .box-beneficios__contenido
        .vitrina_noSlider
        .vitrina__contenido
        p {
        font-size: 15px;
    }

    .vitrina_noSlider .vitrina__contenido .s1 {
        font-size: 12px;
    }
}

.overlay2 {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(66, 66, 66, 0.5);
    z-index: 2;
    padding-top: 10px;
    padding-left: 22px;
    padding-right: 17px;
    cursor: pointer;
}

@media (max-width: 575px) {
    .overlay2 .t1 {
        font-size: 20px;
    }

    .overlay2 .t5 {
        font-size: 20px;
    }

    .overlay2 .t7 {
        font-size: 18px;
    }

    .overlay2 .t4 {
        font-size: 12px;
    }

    .overlay2 .s1 {
        font-size: 11.5px;
    }
}

.box-contingencia {
    height: 100%;
    background: #ffe699;
    background: #fcfcfc;
}

.box-contingencia a {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    color: #894590;
    text-decoration: underline;
}

.box-contingencia a:hover {
    color: #894590;
}

.box-contingencia span {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #404040;
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .box-contingencia span {
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
    }
}

.box-contingencia .fontSpanNormal {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #462a66;
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .box-contingencia .fontSpanNormal {
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
    }
}

.box-contingencia .fontSpanBold {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600 !important;
    font-size: 16px;
    line-height: 20px;
    color: #462a66;
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .box-contingencia .fontSpanBold {
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
    }
}

.box-contingencia .btnContingenciaRed {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    margin: 8px 4px 12px;
    padding: 9px 30px;
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .box-contingencia .btnContingenciaRed {
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        margin: 8px 4px 12px;
        padding: 6px 25px;
        align-items: flex-end;
        text-align: center;
    }
}

.box-contingencia .newParrafoCintillo {
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 22px !important;
    align-items: center !important;
    word-wrap: break-word;
}

@media (max-width: 575px) {
    .box-contingencia .newParrafoCintillo {
        font-size: 15px !important;
        line-height: 18px !important;
    }
}

.box-contingencia .newParrafoCintillo b,
.box-contingencia .newParrafoCintillo strong {
    color: #894590;
}

.box-contingencia .newParrafoCintillo span {
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 22px !important;
    color: #523178;
}

@media (max-width: 575px) {
    .box-contingencia .newParrafoCintillo span {
        font-size: 15px !important;
        line-height: 18px !important;
    }
}

.box-contingencia .newParrafoCintillo a:hover {
    text-decoration: none;
}

.box-contingencia .newParrafoCintillo-bg,
.box-contingencia .newParrafoCintillo-bg-mobile {
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.box-cyber {
    background: linear-gradient(91.01deg, #eee 38.93%, #ece5f3 99.61%);
    font-family: Montserrat;
    font-style: normal;
}

.box-cyber .boxCountDown p {
    line-height: 1;
    font-weight: 700;
    font-size: 30px;
    margin-top: 11px;
    color: #000;
}

.box-cyber .boxCountDown span {
    margin: 5px;
    background: #000;
    color: #fafafa;
    border: 1px solid rgba(255, 255, 255, 0.5);
    padding: 5px;
    font-size: 27px;
    border-radius: 5px;
    text-align: center;
    letter-spacing: 3px;
    font-weight: 700;
}

.box-cyber .boxCountDown span.s {
    min-width: 60px !important;
}

@media (max-width: 575px) {
    .box-cyber .boxCountDown span {
        font-size: 150%;
        padding: 5px 8px;
    }
}

.boxNewRFHome {
    background: #523178;
}

.boxNewRFHome .text-1 {
    font-size: 20px;
    color: #fefefe;
    font-weight: 600;
}

.boxNewRFHome .text-1 a {
    font-weight: 700;
    font-size: 20px;
    color: #f8c21c;
}

.boxNewRFHome .text-1 a:hover {
    text-decoration: none;
    color: #fefefe;
}

.boxNewRFHome .text-2 {
    font-weight: 500;
    color: #fefefe;
    font-size: 16px;
}

.bgVitrinaCintillo {
    background: #523178;
    padding: 20px 0;
}

.bgVitrinaCintillo .text {
    font-weight: 600;
    font-size: 24px;
    text-align: center;
    color: #fff;
}

.bgSubvitrinaCintillo {
    background: #fafafa;
    padding: 15px 0;
}

.bgSubvitrinaCintillo .subtext {
    font-weight: 600;
    font-size: 15.5px;
    text-align: center;
    color: #404040;
}

.bgVitrinaCintilloMovil {
    background: #523178;
    padding: 10px 0;
}

.bgVitrinaCintilloMovil .text {
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    color: #fff;
}

.fixlegalXyber {
    margin-top: -108%;
    margin-bottom: 59%;
}

@media (max-width: 575px) {
    .fixlegalXyber {
        margin-top: 0;
        margin-bottom: 10px;
    }
}

.bgFullWidth {
    z-index: 1;
    background-position: 100%;
    background-repeat: no-repeat;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    position: absolute;
    top: 0;
    height: 100%;
}

.cont-tarjetas {
    margin-bottom: 50px;
    padding: 30px 0 40px;
}

.cont-tarjetas .tr {
    margin: 10px 0 25px;
}

.cont-tarjetas .tr__img {
    max-width: 200px;
    width: 100%;
    margin: 25px 0;
}

.cont-tarjetas p {
    min-height: 80px;
}

@media (max-width: 991px) {
    .cont-tarjetas p {
        min-height: inherit;
        margin-bottom: 20px;
    }

    .cont-tarjetas .tr:first-child {
        border-top: 1px solid red;
        border-bottom: 1px solid red;
    }
}

.cont-tarjetas hr {
    max-width: 80vw;
}

.cont_tarjeta1 {
    padding: 10px 40px 40px;
    z-index: 100;
    box-shadow: 0 2px 15px 0 rgba(202, 202, 202, 0.25);
    background-color: #fff;
    border-top: 1px solid #efefef;
    border-left: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    border-radius: 8px 0 0 8px;
}

.cont_tarjeta2 {
    border-top: 1px solid #efefef;
    background-color: #fdfdfd;
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    border-radius: 0 8px 8px 0;
    padding: 10px 40px 40px;
}

.cont-av-sav {
    margin-top: 50px;
    padding-top: 50px;
    border-top: 1px solid rgba(76, 76, 76, 0.05);
}

.cont-av-sav .btnYellow,
.cont-av-sav .btnRed {
    font-size: 12.5px;
    width: 100%;
    max-width: 220px;
    padding: 10px;
    text-align: center;
}

.cont-av-sav span {
    opacity: 0.4;
}

.cont-av-sav .link {
    margin: 10px 0;
}

@media (max-width: 991px) {
    .cont-av-sav {
        margin-bottom: 50px;
    }

    .cont-av-sav .btnYellow,
    .cont-av-sav .btnRed {
        margin-bottom: 25px;
    }
}

@media (max-width: 576px) {
    .cont-av-sav hr {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .cont-av-sav .bg-mobile {
        padding-right: 40%;
        background: transparent url(../../img/home/img-av-sav.jpg) top right
            no-repeat;
        background-size: 40% auto;
    }
}

.cont-descuentos {
    background: #fff;
    padding: 40px 0 20px;
}

.cont-descuentos ul {
    padding-left: 0;
}

.cont-descuentos ul,
.cont-descuentos li {
    list-style: none;
}

.cont-descuentos .carousel-control-prev,
.cont-descuentos .carousel-control-next {
    top: 55%;
    opacity: 1;
}

.cont-descuentos .carousel-control-prev {
    left: -15px !important;
}

.cont-descuentos .carousel-control-prev:after {
    left: 0 !important;
}

.cont-descuentos .carousel-control-next {
    right: -15px;
}

.cont-descuentos .carousel-control-next:after {
    right: 0;
}

.box-descuento {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0;
    padding-right: 5px;
    padding-left: 5px;
}

.box-descuento .box-descuento__header {
    text-transform: uppercase;
    width: 100%;
    text-align: left;
    font-family: montserrat, sans-serif;
    font-weight: 700;
    font-size: 11.5px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 1px;
    padding: 8px 15px;
    position: relative;
}

.box-descuento .box-descuento__header:after {
    content: "";
    position: absolute;
    bottom: -31px;
    right: 15px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMjQgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ4LjIgKDQ3MzI3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5icmFuZC9pc28tbWFzdGVyPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9ImJhbmNvcmlwbGV5X2hvbWU1IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTk2LjAwMDAwMCwgLTIzMjQuMDAwMDAwKSI+CiAgICAgICAgPGcgaWQ9ImJlbmVmaWNpb3MiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyOS4wMDAwMDAsIDIwNjYuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJicmFuZC9pc28tbWFzdGVyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0NjcuMDAwMDAwLCAyNTguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0ibWFzdGVyLWlzbyI+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTkuNDA4OTg1NzUsNy42MjI4MzIxMiBDOS40MDg5ODU3NSw1LjIzNzg3MzY5IDEwLjUzNTE5MDIsMy4xMTQ0ODIyNCAxMi4yODg5MjE0LDEuNzQwMjk3NjcgQzEwLjk5NTk0NzMsMC43MjY5MDIwOTMgOS4zNjIyOTg0MiwwLjEyMDI3NjQ0MiA3LjU4NDUxMDA0LDAuMTIwMjc2NDQyIEMzLjM5NTY5ODEyLDAuMTIwMjc2NDQyIC00LjA3NzQ5NjI2ZS0wNSwzLjQ3OTMwNDY1IC00LjA3NzQ5NjI2ZS0wNSw3LjYyMjgzMjEyIEMtNC4wNzc0OTYyNmUtMDUsMTEuNzY2MzU5NiAzLjM5NTY5ODEyLDE1LjEyNTM4NzggNy41ODQ1MTAwNCwxNS4xMjUzODc4IEM5LjM2MjI5ODQyLDE1LjEyNTM4NzggMTAuOTk1OTQ3MywxNC41MTg1NjA1IDEyLjI4ODkyMTQsMTMuNTA1MzY2NiBDMTAuNTM1MTkwMiwxMi4xMzExODIgOS40MDg5ODU3NSwxMC4wMDc3OTA1IDkuNDA4OTg1NzUsNy42MjI4MzIxMiIgaWQ9IkZpbGwtMSIgZmlsbD0iI0UzMEUxNyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik04Ljg5ODcwMTMsNy41NjI2NTM1NiBDOC44OTg3MDEzLDkuOTQ3NDIxMjEgMTAuMTE0NTE3NCwxMi4wNzA2NDI4IDEyLjAwNzc5MjIsMTMuNDQ0NzE3NCBDMTMuOTAxMDY3LDEyLjA3MDY0MjggMTUuMTE2ODgzMSw5Ljk0NzQyMTIxIDE1LjExNjg4MzEsNy41NjI2NTM1NiBDMTUuMTE2ODgzMSw1LjE3Nzg4NTkyIDEzLjkwMTA2NywzLjA1NDY2NDMyIDEyLjAwNzc5MjIsMS42ODA1ODk2OCBDMTAuMTE0NTE3NCwzLjA1NDY2NDMyIDguODk4NzAxMyw1LjE3Nzg4NTkyIDguODk4NzAxMyw3LjU2MjY1MzU2IiBpZD0iRmlsbC00IiBmaWxsPSIjRUE2MDBBIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2LjMyNDYyMywwLjEyMDI1NjI3NSBDMTQuNTQ2ODM0NiwwLjEyMDI1NjI3NSAxMi45MTMzODk2LDAuNzI2ODgxOTI2IDExLjYyMDIxMTYsMS43NDAyNzc1IEMxMy4zNzM3Mzg5LDMuMTE0NDYyMDcgMTQuNTAwMTQ3Miw1LjIzNzg1MzUyIDE0LjUwMDE0NzIsNy42MjI4MTE5NSBDMTQuNTAwMTQ3MiwxMC4wMDc3NzA0IDEzLjM3MzczODksMTIuMTMxMTYxOCAxMS42MjAyMTE2LDEzLjUwNTM0NjQgQzEyLjkxMzM4OTYsMTQuNTE4NzQyIDE0LjU0NjgzNDYsMTUuMTI1MzY3NiAxNi4zMjQ2MjMsMTUuMTI1MzY3NiBDMjAuNTEzNDM0OSwxNS4xMjUzNjc2IDIzLjkwOTE3MzgsMTEuNzY2MzM5NCAyMy45MDkxNzM4LDcuNjIyODExOTUgQzIzLjkwOTE3MzgsMy40NzkyODQ0OCAyMC41MTM0MzQ5LDAuMTIwMjU2Mjc1IDE2LjMyNDYyMywwLjEyMDI1NjI3NSIgaWQ9IkZpbGwtNiIgZmlsbD0iI0Y1OUYwMCI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)
        center center no-repeat;
    background-size: contain;
    width: 24px;
    height: 16px;
}

.box-descuento .box-descuento__contenido {
    width: 100%;
    padding: 0 15px;
    min-height: 200px;
}

.box-descuento .box-descuento__contenido img {
    max-height: 55px;
    margin: 10px 0;
}

.box-descuento .box-descuento__contenido .link {
    margin: 20px 0;
}

@media (max-width: 991px) {
    .box-descuento .box-descuento__contenido {
        align-content: flex-start;
    }

    .box-descuento .box-descuento__contenido > .col-12 {
        text-align: left;
    }

    .box-descuento .box-descuento__contenido > .col-12 img {
        max-height: 55px;
    }
}

.contenedor_boxColorDescuento {
    background: #fff;
    border: 1px solid rgba(151, 153, 155, 0.15);
    box-shadow: 0 14px 16px 0 rgba(202, 202, 202, 0.17);
    min-height: 290px;
    border-radius: 8px;
    overflow: hidden;
}

.contenedor_boxColorDescuento .box-descuento__header {
    background: #894590;
}

.boxYellow .box-descuento__header {
    background: #f2ad4b;
}

.boxPurple .box-descuento__header {
    background: #4f2d7f;
}

.cont_cards.active {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
}

#nav-tab {
    margin-top: 50px;
    margin-bottom: 25px;
    border-bottom: 0;
}

#nav-tab .nav-link {
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 13.5px;
    color: rgba(76, 76, 76, 0.5);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 15px 30px;
    border-radius: 0;
    border: 0;
    min-width: 180px;
    position: relative !important;
    text-align: center;
}

#nav-tab .nav-link.active {
    border-bottom: 3px solid #361860;
    color: #361860;
}

.card_beneficios {
    margin-top: 25px;
    margin-bottom: 30px;
}

.card_beneficios .box-beneficios__txtHeader {
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 10px;
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 10.5px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: uppercase;
    z-index: 10;
    background-color: #894590;
}

.card_beneficios .box-beneficios__txtHeader-yellow {
    background-color: #f2ad4b;
}

.card_beneficios .box-beneficios__img {
    cursor: pointer;
    position: relative;
    display: block;
    height: 150px;
    width: 100%;
    overflow: hidden;
}

.card_beneficios .box-beneficios__img-logo {
    position: absolute;
    width: 70px;
    height: 70px;
    top: 0;
    right: 0;
    z-index: 10;
    background-color: #fff;
}

.card_beneficios .box-beneficios__img img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.card_beneficios .box-beneficios__contenido {
    position: relative;
    padding: 15px;
}

.card_beneficios .box-beneficios__contenido:after {
    content: "";
    position: absolute;
    width: 50px;
    height: 30px;
    top: 15px;
    right: 0;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/logo-master.svg) center
        center no-repeat;
}

.card_beneficios .box-beneficios__contenido-logo {
    height: 50px;
}

.card_beneficios .box-beneficios__contenido-logo img {
    max-width: 150px;
    max-height: 45px;
}

.card_beneficios .box-beneficios__contenido p {
    font-weight: 800 !important;
    font-size: 14px;
}

.card_beneficios .box-beneficios__contenido span {
    margin: 10px 0;
}

.card_beneficios .box-beneficios__contenido .link {
    color: #894590;
}

.fontTitlePromoBottom {
    padding-top: 15px;
}

.cont-sitios {
    background: #fff;
    margin-top: 50px;
    margin-bottom: 50px;
}

@media (max-width: 576px) {
    .cont-sitios {
        margin-top: 25px;
        margin-bottom: 25px;
    }
}

.sitio {
    min-height: 200px;
}

.sitio:hover {
    text-decoration: none;
}

.sitio .sitio__img {
    min-height: 100px;
    width: 100%;
}

.sitio h4 {
    text-align: center;
}

.sitio p {
    opacity: 0.8;
    max-width: 280px;
    margin: 0 auto;
    text-align: center;
}

@media (max-width: 576px) {
    .sitio {
        flex-flow: row !important;
        min-height: auto;
        margin-bottom: 25px;
    }

    .sitio img {
        width: 100%;
        max-width: 180px;
    }

    .sitio p,
    .sitio h4 {
        text-align: left;
    }
}

.footerMsg {
    border-top: 1px solid #efefef;
    padding: 20px 0;
    text-align: center;
}

.footerMsg p {
    padding: 0 15px;
}

@media (max-width: 576px) {
    .footerMsg a {
        margin: 15px 0 !important;
        width: 100%;
        max-width: 100%;
    }
}

.cont-footer {
    background-color: rgba(239, 239, 239, 0.5);
    padding-top: 30px;
}

.cont-footer .arrow-down:after {
    bottom: 45%;
}

.cont-footer ul,
.cont-footer li {
    list-style: none;
}

.cont-footer ul {
    padding-left: 0;
}

.cont-footer li {
    margin-bottom: 5px;
}

.cont-footer .title {
    text-transform: uppercase;
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 11.5px;
    color: #4f2d7f;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cont-footer a:not(.fontRipleyfono) {
    font-family: montserrat, sans-serif;
    font-weight: 400;
    font-size: 12.5px;
    color: #7b7e83;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cont-footer a:not(.fontRipleyfono):hover {
    text-decoration: none;
    color: #4c4c4c;
}

.cont-footer img {
    height: 25px;
    width: auto;
    padding-right: 15px;
}

.cont-footer button.title {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    box-shadow: none;
    outline: 0;
    background: 0 0;
    width: 100%;
    text-align: left;
    padding: 15px 10px 10px;
    color: #4c4c4c;
    font-weight: 700;
    border-bottom: 1px solid rgba(151, 153, 155, 0.3);
}

.cont-footer .collapse,
.cont-footer .collapsed,
.cont-footer .collapsing {
    padding: 5px 10px;
}

.cont-footer .btnRed {
    color: #fff;
    font-weight: 600;
    margin: 15px 0;
    width: 100%;
    max-width: 200px;
}

.cont-footer .btnRed img {
    width: 100%;
    margin-top: 0;
    max-width: 25px;
}

@media (max-width: 768px) {
    .cont-footer {
        padding-top: 0;
    }

    .cont-footer img {
        padding-right: 10px;
        margin-top: 5px;
    }

    .cont-footer .grey {
        opacity: 0.5;
    }

    .cont-footer span {
        padding: 25px 0 0;
    }

    .cont-footer span a {
        margin: 10px 10px 35px;
    }

    .cont-footer span p {
        text-transform: capitalize !important;
        opacity: 1 !important;
    }
}

.cont-footer_rrss {
    margin: 25px 0;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(123, 126, 131, 0.3);
}

.cont-footer_rrss a {
    padding-left: 10px;
}

.cont-footer_rrss a img {
    width: auto;
    height: 20px;
}

@media (max-width: 768px) {
    .cont-footer_rrss {
        border-bottom: 0;
        margin: 0;
    }
}

.cont-footer__legal {
    height: 35px;
    background: rgba(151, 153, 155, 0.2);
}

.cont-footer__legal p {
    text-align: center;
    padding: 10px 15px;
    font-family: montserrat, sans-serif;
    font-weight: 400;
    font-size: 12.5px;
    color: #4c4c4c;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 0;
}

.cont-footer__legal p a {
    font-family: montserrat, sans-serif;
    font-weight: 700;
    font-size: 12.5px;
    color: #4c4c4c;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.barra-coloresBR {
    margin-top: 25px;
    display: inline-block;
    height: 8px;
    width: 100%;
    overflow: hidden;
}

.barra-coloresBR .line-red,
.barra-coloresBR .line-yellow,
.barra-coloresBR .line-purple {
    display: inline-block;
    height: 8px;
    float: left;
}

.barra-coloresBR .line-red {
    background: #ee2737;
    width: 50%;
}

.barra-coloresBR .line-yellow {
    background: #f2ad4b;
    width: 15%;
}

.barra-coloresBR .line-purple {
    background: #894590;
    width: 35%;
}

.toggle-mobile {
    position: absolute;
    z-index: 900;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: none;
}

.toggle-mobile.active {
    display: inline-block;
    cursor: pointer;
}

.fa-reclamaciones {
    height: 60px !important;
}

@media (max-width: 768px) {
    .fa-reclamaciones {
        height: 55px !important;
    }
}

@media (max-width: 768px) {
    .align-center-xs {
        text-align: center !important;
    }
}

.transition1,
.btnRed,
.btnWhite,
.btnPurple,
.btnLightPurple,
.btnYellow,
.link,
.download,
.sites a,
.cont-country .country-options,
.menu-br .btns .btn-yellow,
.menu-br .btns .btn-purple,
.menu-br .btns a,
.menu .dropdown-item,
.menu .item-nav .dropdown-item-nav,
.menu-mobile,
.menu-mobile .dropdown-menu,
.btns-mobile .btn-purple,
.box-ripleyApp,
.nav-slider .col,
.cont-footer a:not(.fontRipleyfono),
.pageDetails_sitioSeguro .arrow-down:after,
.pageDetails_preguntasFrecuentes .arrow-down:after,
.pageDetails_terminos .arrow-down:after,
.pageDetails_masBanca .arrow-right:after,
.pageDetails_tabVideo .arrow-right:after,
.pageDetails_masApp .arrow-right:after {
    transition: all 0.25s ease-in-out;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    width: 100%;
    border: 0;
    max-width: 100%;
    padding: 0;
    margin: 0;
    padding-top: 90px;
}

@media (max-width: 1024px) {
    body {
        padding-top: 60px;
    }
}

@media (max-width: 780px) {
    body {
        max-width: 100vw;
        overflow-x: hidden;
    }
}

button,
a,
input,
select,
option {
    outline: 0;
    box-shadow: none;
}

button:focus,
a:focus,
input:focus,
select:focus,
option:focus {
    box-shadow: none !important;
}

.contentBTN {
    margin: 30px 0;
}

.simple-line-height {
    line-height: 1.3;
}

.low-line-height {
    line-height: 0.8;
}

@media (max-width: 575px) {
    .low-line-height {
        line-height: 1;
    }
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
    font-family: montserrat, sans-serif;
    font-weight: 500;
    font-size: 15.5px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 10px;
}

.btnRed,
.btnWhite,
.btnPurple,
.btnLightPurple,
.btnYellow {
    text-align: center;
    display: inline-block;
    padding: 1rem 1.5rem;
    box-shadow: 1px 2px 3px rgba(76, 76, 76, 0.5);
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 13.5px;
    color: #fff !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.btnRed:hover,
.btnWhite:hover,
.btnPurple:hover,
.btnLightPurple:hover,
.btnYellow:hover {
    box-shadow: 1px 2px 3px rgba(76, 76, 76, 0.75);
    text-decoration: none;
}

.btnYellow {
    background-color: #f2ad4b;
}

.btnYellow:hover {
    background-color: #feb957;
    color: #fff;
}

.btnPurple {
    background-color: #4f2d7f;
}

.btnPurple:hover {
    background-color: #361860;
    color: #fff;
}

.btnLightPurple {
    background-color: #894590;
}

.btnLightPurple:hover {
    background-color: #893492;
    color: #fff;
}

.btnWhite {
    color: #4f2d7f !important;
    background-color: #ededed;
}

.btnWhite:hover {
    background-color: #fff;
    color: #4f2d7f !important;
}

.btnRed {
    background-color: #ee2737;
    border-radius: 4px;
    cursor: pointer;
}

.btnRed:hover {
    background-color: #f8414b;
    color: #fff !important;
}

.btnMeInteresa {
    color: #fff !important;
    background: #894490;
    padding: 11px 0;
    max-width: none;
    width: 30%;
    margin: 20px 0 10px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 4px !important;
    display: inline-block;
}

.link,
.download {
    padding-left: 15px;
    position: relative;
    font-weight: 600;
    color: #894590;
}

.link:hover,
.download:hover {
    text-decoration: none;
    color: #894590;
}

.link:before,
.download:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 16px;
    width: 10px;
}

.link:before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iN3B4IiBoZWlnaHQ9IjVweCIgdmlld0JveD0iMCAwIDcgNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDguMiAoNDczMjcpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPmljb25fc2VsZWN0LWFycm93PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9ImxheW91dC9iYXItcmlwbGV5IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI1Ny4wMDAwMDAsIC0xMy4wMDAwMDApIj4KICAgICAgICA8ZyBpZD0iaW5wdXQvc2VsZWN0LWFycm93IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjU2LjAwMDAwMCwgMTMuMDAwMDAwKSIgZmlsbD0iIzg5NDU5MCIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHBhdGggZD0iTTMuMTkyOTY4MSw1LjgzMzMzMzMzIEMyLjk5NjYwMjA0LDUuODMzMzMzMzMgMi44MDAwOTY5MSw1Ljc1Nzg1OTE5IDIuNjQ2NTY0MjQsNS42MDYwNDE3IEMyLjMyOTIwNzc2LDUuMjkxNjg2ODEgMi4zMTY1NTI0NCw0Ljc2ODcyNzc0IDIuNjE4MTk0MDgsNC40MzgwMDMyMSBMNC4zOTI0NDIwOSwyLjQ5NDIxNzk1IEwyLjYyMDAwMTk4LDAuNTYzOTA1MDQgQzIuMzE3MjQ3NzksMC4yMzQzMzk0MjEgMi4zMjgzNzMzNSwtMC4yODg2MTk2NDggMi42NDQ4OTU0MSwtMC42MDQxMzM0NTggQzIuOTYxNTU2NTQsLTAuOTE5NjQ3MjY3IDMuNDYzNDU4MTgsLTAuOTA3OTEzMjgyIDMuNzY2MjEyMzcsLTAuNTc4MjAyOCBMNi4wNjE1NTM2LDEuOTIxMTM1OTMgQzYuMzU0MTU1NzIsMi4yMzk4MzY3NSA2LjM1NDcxMiwyLjc0MTc5MDU0IDYuMDYzMzYxNTEsMy4wNjE1MDU0IEwzLjc2ODE1OTM0LDUuNTc2NDg5NDUgQzMuNjExOTg0MzUsNS43NDY5OTQzOCAzLjQwMjk2Mjk3LDUuODMzMzMzMzMgMy4xOTI5NjgxLDUuODMzMzMzMzMgWiIgaWQ9IlNoYXBlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjM0MDcyMCwgMi41MDAwMDApIHJvdGF0ZSg5MC4wMDAwMDApIHRyYW5zbGF0ZSgtNC4zNDA3MjAsIC0yLjUwMDAwMCkgIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)
        center center no-repeat;
    background-size: contain;
    transform: rotate(-90deg);
}

.download:before {
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-download.svg) no-repeat
        center center;
    background-size: contain;
}

.arrow-down {
    position: relative;
    display: inline-block;
    font-family: montserrat, sans-serif;
    width: 100%;
}

.arrow-down:after {
    content: "";
    height: 10px;
    width: 10px;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-down-menu.svg) center
        center no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 40%;
    right: 25px;
}

.arrow-right {
    position: relative;
    display: inline-block;
    font-family: montserrat, sans-serif;
    width: 100%;
}

.arrow-right:after {
    content: "";
    height: 10px;
    width: 10px;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-down-menu.svg) no-repeat
        right center;
    background-size: contain;
    position: absolute;
    bottom: 40%;
    right: 25px;
}

.t0 {
    font-size: 100px;
}

@media (max-width: 767px) {
    .t0 {
        font-size: 50px;
    }
}

.t1 {
    font-size: 35px;
}

.t2a {
    font-size: 22px;
}

.t2 {
    font-size: 22.5px;
}

.t3,
.tab-content .card_beneficios .box-beneficios__contenido p {
    font-size: 19.5px;
}

.t4 {
    font-size: 16.5px;
}

.t5 {
    font-size: 32px;
}

.t6 {
    font-size: 40px;
}

.t7 {
    font-size: 36px;
}

.t8 {
    font-size: 24px;
}

.t9 {
    font-size: 15px;
}

.t10 {
    font-size: 16px;
}

.t11 {
    font-size: 17px;
}

.s1 {
    font-size: 13.5px;
}

.s2 {
    font-size: 12.5px;
}

.s3 {
    font-size: 11px;
}

.s4 {
    font-size: 12px;
}

.s5 {
    font-size: 14px;
}

.lh1 {
    line-height: 20px !important;
}

.s6 {
    font-size: 10px;
}

.normal {
    font-weight: 400 !important;
}

.light {
    font-weight: 400 !important;
}

.strongLight {
    font-weight: 500 !important;
}

.semiBold {
    font-weight: 600 !important;
}

.bold {
    font-weight: 700 !important;
}

.yellow {
    color: #feb957 !important;
}

.white {
    color: #fff !important;
}

.black1 {
    color: #404040 !important;
}

.black2 {
    color: #424242 !important;
}

.black3 {
    color: #444 !important;
}

.black4 {
    color: #000 !important;
}

.purple {
    color: #894590 !important;
}

.purple3 {
    color: #8c4799 !important;
}

.purpleDark {
    color: #4f2d7f !important;
}

.red {
    color: #ee2737 !important;
}

.grey {
    color: #4c4c4c !important;
}

.grey4 {
    color: #484848 !important;
}

.grey5 {
    color: #737373 !important;
}

.grey6 {
    color: #58595b !important;
}

.subrayado {
    text-decoration: underline;
    cursor: pointer;
}

.grey0 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 37px;
    background-color: transparent;
    position: absolute;
    z-index: 1;
    margin-top: 50px;
    margin-left: 35px;
}

.darkPurple3 {
    color: #4f2d7f !important;
}

.darkPurple3_1 {
    color: #4f2d7f;
}

.darkPurple4 {
    color: #523178;
}

.darkPurple5 {
    color: #462a66;
}

.grey00 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 37px;
    background-color: transparent;
    position: absolute;
    z-index: 1;
    margin-top: 50px;
    margin-left: 35px;
}

.grey1 {
    color: #4c4c4c !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    background-color: transparent;
    position: absolute;
    z-index: 3;
    margin-left: 12%;
    margin-top: 80px;
}

.grey10 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    background-color: transparent;
    position: absolute;
    z-index: 3;
    margin-left: 12%;
    margin-top: 80px;
}

.lightGrey3 {
    color: #7b7e83 !important;
}

.lightGrey4 {
    color: #3f3f41 !important;
}

.lightGrey5 {
    color: #939393 !important;
}

.lightGrey6 {
    color: #8c8c8c !important;
}

.lightGrey7 {
    color: #737373 !important;
}

.lightGrey8 {
    color: #727171;
}

.lightGrey9 {
    color: #9d9d9d;
}

.lightGrey10 {
    color: #aaa7a7;
}

.lightGrey11 {
    color: #6e6e6e;
}

.upCase {
    text-transform: uppercase;
}

.content-line {
    position: relative;
}

.content-line:after {
    content: "";
    height: 100%;
    width: 1px;
    background-color: #efefef;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1px;
}

.globo {
    position: fixed;
    bottom: 35px;
    right: 85px;
    z-index: 4001;
}

.form-dni {
    margin: 30px 0 15px;
}

.form-recaptcha {
    margin: 10px 0;
}

.form-datosPersonales {
    padding: 0;
}

.form-datosPersonales .form-check-input {
    position: absolute;
    opacity: 0;
}

.form-datosPersonales .form-check-input + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    padding-left: 30px;
}

.form-datosPersonales .form-check-input + label:before {
    content: "";
    margin-left: -30px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: 2px;
}

.form-datosPersonales .form-check-input:hover + label:before {
    background: #523178;
}

.form-datosPersonales .form-check-input:checked + label:before {
    background: #523178;
    border: 1px solid #523178;
}

.form-datosPersonales .form-check-input:checked + label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    background: #fff;
    width: 2px;
    height: 2px;
    box-shadow:
        2px 0 0 #fff,
        4px 0 0 #fff,
        4px -2px 0 #fff,
        4px -4px 0 #fff,
        4px -6px 0 #fff,
        4px -8px 0 #fff;
    transform: rotate(45deg);
}

.form-datosPersonales label a {
    text-decoration: underline;
    color: #8c4799;
}

.cardProduct {
    width: 49.5%;
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
}

.cardProduct:hover {
    background: #f1f1f1;
    cursor: pointer;
}

.cardProduct svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    fill: #523178;
}

.tooltipGeneral {
    position: relative;
    display: inline-block;
}

.tooltipGeneral .tooltiptext {
    visibility: hidden;
    width: 220px;
    background-color: #8c4799;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    font-size: 12px;
    bottom: 125%;
    left: 50%;
    margin-left: -110px;
    transition: opacity 0.3s;
    text-align: start;
}

.tooltipGeneral .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #8c4799 transparent transparent transparent;
}

.tooltipGeneral:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.modalError .dialogModal {
    max-width: 600px;
}

.modalError .titleModal {
    font-weight: 600;
    font-size: 14.5px;
    text-align: center;
    color: #523178;
}

.modalError .descriptionModal {
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    color: #404040;
}

.modalError .btnCerrar {
    background: #523178;
    border-radius: 4px;
    padding: 11px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

.modalError .modal-footer {
    border-top: 0;
    justify-content: center;
}

.viewLegal .legal-text {
    bottom: 527px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
    text-align: justify;
}

.viewLegal .titleLegal {
    cursor: pointer !important;
}

.viewLegal .titleLegalMobile {
    cursor: pointer !important;
    text-decoration-line: underline !important;
}

.viewLegal .morelegaldropdown {
    font-weight: 600;
    font-size: 16px;
    color: #8c4799;
    cursor: pointer;
}

.viewLegal .morelegaldropdown:after {
    content: "";
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-arrow-down.svg) center
        center no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 2px;
    margin-left: 15px;
}

.viewLegal .lesslegaldropdown {
    font-weight: 600;
    font-size: 16px;
    color: #8c4799;
    cursor: pointer;
}

.viewLegal .lesslegaldropdown:after {
    content: "";
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-arrow-up.svg) center center
        no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 2px;
    margin-left: 15px;
}

.viewLegal .imgLegal {
    width: 100%;
    max-width: 400px;
}

.viewLegal .imgLegalMobile {
    width: 80%;
    height: 100%;
}

.viewLegal .cerrarModal {
    text-decoration-line: underline !important;
}

.modalGeneral .modal-header {
    border-bottom: 0;
}

.modalGeneral .modal-footer {
    border-top: 0;
    justify-content: center;
}

.modalComponent-icon {
    padding: 10px;
    text-align: center;
    margin-bottom: 15px;
}

.modalComponent .modalComponent-dialog {
    border: 0;
    position: absolute;
    padding: 32px 24px;
    width: 311px !important;
    background: #fff;
    box-shadow:
        0 24px 38px rgba(255, 255, 255, 0.14),
        0 9px 46px rgba(0, 0, 0, 0.12),
        0 11px 15px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    top: 20%;
    left: calc(50% - 156px);
}

.modalComponent .modalComponent-dialog .modal-body {
    padding: 0;
}

.modalComponent .modalComponent-dialog .modal-content {
    border: 0;
}

.modalComponent .modalComponent-dialog-title {
    color: #404040;
    font-weight: 600;
    font-size: 16px;
    line-height: 19.5px;
    margin-bottom: 15px;
    text-align: center;
}

.modalComponent .modalComponent-dialog-paragraph {
    color: #404040;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
}

.modalComponent .modalComponent-dialog-label {
    font-family: Montserrat;
    color: #747079;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: left;
    margin-bottom: 3px;
}

.modalComponent
    .modalComponent-dialog-label
    + .modalComponent-dialog-paragraph {
    font-size: 12px;
    line-height: 16px;
    color: #4c4852;
}

.modalComponent-lg .modalComponent-dialog {
    padding: 23px 40px 40px;
    width: 100% !important;
    max-width: 600px !important;
    top: 10%;
    left: calc(50% - 300px);
}

@media (max-width: 600px) {
    .modalComponent-lg .modalComponent-dialog {
        padding: 16px 27px 25px;
        max-width: 311px !important;
        left: calc(50% - 163px);
    }
}

.modalComponent#previewLibroReclamacionesModal .modalComponent-dialog {
    max-height: 670px;
    height: 100%;
}

.modalComponent#previewLibroReclamacionesModal .modalComponent-dialog-content {
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: calc(670px - 155px);
}

@media (max-width: 600px) {
    .modalComponent#previewLibroReclamacionesModal .modalComponent-dialog {
        max-height: 80vh;
    }

    .modalComponent#previewLibroReclamacionesModal
        .modalComponent-dialog-content {
        overflow-y: scroll;
        overflow-x: hidden;
        max-height: calc(80vh - 170px);
    }
}

.modalComponent#previewLibroReclamacionesModal .displayAdjuntos {
    position: relative;
}

.modalComponent#previewLibroReclamacionesModal .displayAdjuntos .inputfile {
    width: 100%;
    height: 48px;
    background: #fff;
    border: 1px dashed #d9d9d9;
}

.modalComponent#previewLibroReclamacionesModal
    .displayAdjuntos
    .inputfile-view {
    position: relative;
}

.modalComponent#previewLibroReclamacionesModal .displayAdjuntos .inputfile-icon,
.modalComponent#previewLibroReclamacionesModal
    .displayAdjuntos
    .inputfile-view {
    width: 30px;
    height: 30px;
}

.modalComponent#previewLibroReclamacionesModal
    .displayAdjuntos
    .inputfile-icon
    i,
.modalComponent#previewLibroReclamacionesModal
    .displayAdjuntos
    .inputfile-view
    i {
    position: absolute;
    width: 30px;
    height: 30px;
}

.modalComponent#previewLibroReclamacionesModal
    .displayAdjuntos
    .inputfile-icon
    i.icon-file,
.modalComponent#previewLibroReclamacionesModal
    .displayAdjuntos
    .inputfile-view
    i.icon-file {
    border-radius: 50%;
    background: url(https://www.bancoripley.com.pe/img/svg/i-file-white.svg)
        center center no-repeat;
    background-color: #eb2132;
    background-size: 24px auto;
}

.modalComponent#previewLibroReclamacionesModal
    .displayAdjuntos
    .inputfile-icon
    i.icon-view,
.modalComponent#previewLibroReclamacionesModal
    .displayAdjuntos
    .inputfile-view
    i.icon-view {
    border-radius: 50%;
    border: 1px solid inset #90908f;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-view.svg) center center
        no-repeat;
    background-size: 24px auto;
    opacity: 0.8;
    top: 0;
    right: 0;
}

.modalComponent#previewLibroReclamacionesModal
    .displayAdjuntos
    .inputfile-text {
    padding: 0 15px;
    width: calc(100% - 60px);
    height: 48px;
    background: 0;
    border: 0;
    font-weight: 400;
    font-size: 12.5px;
    line-height: 20px;
    color: #90908f;
}

.modalComponent#previewLibroReclamacionesModal
    .displayAdjuntos
    .classInputAttachLibroReclamaciones {
    opacity: 0;
    z-index: 100;
    position: absolute;
    height: 48px;
    width: calc(100% - 30px);
}

.modalComponent#previewLibroReclamacionesModal
    .displayAdjuntos
    .classInputAttachLibroReclamaciones:hover {
    cursor: pointer;
}

.modalComponent#previewLibroReclamacionesModal
    .displayAdjuntos
    .classBtnAttachInputAttachLibroReclamaciones {
    -webkit-appearance: none;
    border: 0;
    background: 0;
}

button.buttonComponent {
    -webkit-appearance: none;
    font-family: montserrat, sans-serif;
    border: 0;
    border-radius: 8px;
    font-weight: 600;
    font-size: 14px;
    line-height: 170%;
    padding: 12px 24px;
    margin-right: 16px;
    margin-left: 16px;
}

button.buttonComponent:hover {
    cursor: pointer;
}

button.buttonComponent:focus {
    outline: 0;
}

.buttonComponent-purple {
    background-color: #523178;
    color: #fff;
}

.buttonComponent-white {
    background-color: #fff;
    color: #523178;
}

.buttonComponent-white:hover {
    text-decoration: underline;
}

.transition1,
.btnRed,
.btnWhite,
.btnPurple,
.btnLightPurple,
.btnYellow,
.link,
.download,
.sites a,
.cont-country .country-options,
.menu-br .btns .btn-yellow,
.menu-br .btns .btn-purple,
.menu-br .btns a,
.menu .dropdown-item,
.menu .item-nav .dropdown-item-nav,
.menu-mobile,
.menu-mobile .dropdown-menu,
.btns-mobile .btn-purple,
.box-ripleyApp,
.nav-slider .col,
.cont-footer a:not(.fontRipleyfono),
.pageDetails_sitioSeguro .arrow-down:after,
.pageDetails_preguntasFrecuentes .arrow-down:after,
.pageDetails_terminos .arrow-down:after,
.pageDetails_masBanca .arrow-right:after,
.pageDetails_tabVideo .arrow-right:after,
.pageDetails_masApp .arrow-right:after {
    transition: all 0.25s ease-in-out;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    width: 100%;
    border: 0;
    max-width: 100%;
    padding: 0;
    margin: 0;
    padding-top: 90px;
}

@media (max-width: 1024px) {
    body {
        padding-top: 60px;
    }
}

@media (max-width: 780px) {
    body {
        max-width: 100vw;
        overflow-x: hidden;
    }
}

button,
a,
input,
select,
option {
    outline: 0;
    box-shadow: none;
}

button:focus,
a:focus,
input:focus,
select:focus,
option:focus {
    box-shadow: none !important;
}

.contentBTN {
    margin: 30px 0;
}

.simple-line-height {
    line-height: 1.3;
}

.low-line-height {
    line-height: 0.8;
}

@media (max-width: 575px) {
    .low-line-height {
        line-height: 1;
    }
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
    font-family: montserrat, sans-serif;
    font-weight: 500;
    font-size: 15.5px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 10px;
}

.btnRed,
.btnWhite,
.btnPurple,
.btnLightPurple,
.btnYellow {
    text-align: center;
    display: inline-block;
    padding: 1rem 1.5rem;
    box-shadow: 1px 2px 3px rgba(76, 76, 76, 0.5);
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 13.5px;
    color: #fff !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.btnRed:hover,
.btnWhite:hover,
.btnPurple:hover,
.btnLightPurple:hover,
.btnYellow:hover {
    box-shadow: 1px 2px 3px rgba(76, 76, 76, 0.75);
    text-decoration: none;
}

.btnYellow {
    background-color: #f2ad4b;
}

.btnYellow:hover {
    background-color: #feb957;
    color: #fff;
}

.btnPurple {
    background-color: #4f2d7f;
}

.btnPurple:hover {
    background-color: #361860;
    color: #fff;
}

.btnLightPurple {
    background-color: #894590;
}

.btnLightPurple:hover {
    background-color: #893492;
    color: #fff;
}

.btnWhite {
    color: #4f2d7f !important;
    background-color: #ededed;
}

.btnWhite:hover {
    background-color: #fff;
    color: #4f2d7f !important;
}

.btnRed {
    background-color: #ee2737;
    border-radius: 4px;
    cursor: pointer;
}

.btnRed:hover {
    background-color: #f8414b;
    color: #fff !important;
}

.btnMeInteresa {
    color: #fff !important;
    background: #894490;
    padding: 11px 0;
    max-width: none;
    width: 30%;
    margin: 20px 0 10px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 4px !important;
    display: inline-block;
}

.link,
.download {
    padding-left: 15px;
    position: relative;
    font-weight: 600;
    color: #894590;
}

.link:hover,
.download:hover {
    text-decoration: none;
    color: #894590;
}

.link:before,
.download:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 16px;
    width: 10px;
}

.link:before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iN3B4IiBoZWlnaHQ9IjVweCIgdmlld0JveD0iMCAwIDcgNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDguMiAoNDczMjcpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPmljb25fc2VsZWN0LWFycm93PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9ImxheW91dC9iYXItcmlwbGV5IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI1Ny4wMDAwMDAsIC0xMy4wMDAwMDApIj4KICAgICAgICA8ZyBpZD0iaW5wdXQvc2VsZWN0LWFycm93IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjU2LjAwMDAwMCwgMTMuMDAwMDAwKSIgZmlsbD0iIzg5NDU5MCIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHBhdGggZD0iTTMuMTkyOTY4MSw1LjgzMzMzMzMzIEMyLjk5NjYwMjA0LDUuODMzMzMzMzMgMi44MDAwOTY5MSw1Ljc1Nzg1OTE5IDIuNjQ2NTY0MjQsNS42MDYwNDE3IEMyLjMyOTIwNzc2LDUuMjkxNjg2ODEgMi4zMTY1NTI0NCw0Ljc2ODcyNzc0IDIuNjE4MTk0MDgsNC40MzgwMDMyMSBMNC4zOTI0NDIwOSwyLjQ5NDIxNzk1IEwyLjYyMDAwMTk4LDAuNTYzOTA1MDQgQzIuMzE3MjQ3NzksMC4yMzQzMzk0MjEgMi4zMjgzNzMzNSwtMC4yODg2MTk2NDggMi42NDQ4OTU0MSwtMC42MDQxMzM0NTggQzIuOTYxNTU2NTQsLTAuOTE5NjQ3MjY3IDMuNDYzNDU4MTgsLTAuOTA3OTEzMjgyIDMuNzY2MjEyMzcsLTAuNTc4MjAyOCBMNi4wNjE1NTM2LDEuOTIxMTM1OTMgQzYuMzU0MTU1NzIsMi4yMzk4MzY3NSA2LjM1NDcxMiwyLjc0MTc5MDU0IDYuMDYzMzYxNTEsMy4wNjE1MDU0IEwzLjc2ODE1OTM0LDUuNTc2NDg5NDUgQzMuNjExOTg0MzUsNS43NDY5OTQzOCAzLjQwMjk2Mjk3LDUuODMzMzMzMzMgMy4xOTI5NjgxLDUuODMzMzMzMzMgWiIgaWQ9IlNoYXBlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjM0MDcyMCwgMi41MDAwMDApIHJvdGF0ZSg5MC4wMDAwMDApIHRyYW5zbGF0ZSgtNC4zNDA3MjAsIC0yLjUwMDAwMCkgIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)
        center center no-repeat;
    background-size: contain;
    transform: rotate(-90deg);
}

.download:before {
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-download.svg) no-repeat
        center center;
    background-size: contain;
}

.arrow-down {
    position: relative;
    display: inline-block;
    font-family: montserrat, sans-serif;
    width: 100%;
}

.arrow-down:after {
    content: "";
    height: 10px;
    width: 10px;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-down-menu.svg) center
        center no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 40%;
    right: 25px;
}

.arrow-right {
    position: relative;
    display: inline-block;
    font-family: montserrat, sans-serif;
    width: 100%;
}

.arrow-right:after {
    content: "";
    height: 10px;
    width: 10px;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-down-menu.svg) no-repeat
        right center;
    background-size: contain;
    position: absolute;
    bottom: 40%;
    right: 25px;
}

.t0 {
    font-size: 100px;
}

@media (max-width: 767px) {
    .t0 {
        font-size: 50px;
    }
}

.t1 {
    font-size: 35px;
}

.t2a {
    font-size: 22px;
}

.t2 {
    font-size: 22.5px;
}

.t3,
.tab-content .card_beneficios .box-beneficios__contenido p {
    font-size: 19.5px;
}

.t4 {
    font-size: 16.5px;
}

.t5 {
    font-size: 32px;
}

.t6 {
    font-size: 40px;
}

.t7 {
    font-size: 36px;
}

.t8 {
    font-size: 24px;
}

.t9 {
    font-size: 15px;
}

.t10 {
    font-size: 16px;
}

.t11 {
    font-size: 17px;
}

.s1 {
    font-size: 13.5px;
}

.s2 {
    font-size: 12.5px;
}

.s3 {
    font-size: 11px;
}

.s4 {
    font-size: 12px;
}

.s5 {
    font-size: 14px;
}

.lh1 {
    line-height: 20px !important;
}

.s6 {
    font-size: 10px;
}

.normal {
    font-weight: 400 !important;
}

.light {
    font-weight: 400 !important;
}

.strongLight {
    font-weight: 500 !important;
}

.semiBold {
    font-weight: 600 !important;
}

.bold {
    font-weight: 700 !important;
}

.yellow {
    color: #feb957 !important;
}

.white {
    color: #fff !important;
}

.black1 {
    color: #404040 !important;
}

.black2 {
    color: #424242 !important;
}

.black3 {
    color: #444 !important;
}

.black4 {
    color: #000 !important;
}

.purple {
    color: #894590 !important;
}

.purple3 {
    color: #8c4799 !important;
}

.purpleDark {
    color: #4f2d7f !important;
}

.red {
    color: #ee2737 !important;
}

.grey {
    color: #4c4c4c !important;
}

.grey4 {
    color: #484848 !important;
}

.grey5 {
    color: #737373 !important;
}

.grey6 {
    color: #58595b !important;
}

.subrayado {
    text-decoration: underline;
    cursor: pointer;
}

.grey0 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 37px;
    background-color: transparent;
    position: absolute;
    z-index: 1;
    margin-top: 50px;
    margin-left: 35px;
}

.darkPurple3 {
    color: #4f2d7f !important;
}

.darkPurple3_1 {
    color: #4f2d7f;
}

.darkPurple4 {
    color: #523178;
}

.darkPurple5 {
    color: #462a66;
}

.grey00 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 37px;
    background-color: transparent;
    position: absolute;
    z-index: 1;
    margin-top: 50px;
    margin-left: 35px;
}

.grey1 {
    color: #4c4c4c !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    background-color: transparent;
    position: absolute;
    z-index: 3;
    margin-left: 12%;
    margin-top: 80px;
}

.grey10 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    background-color: transparent;
    position: absolute;
    z-index: 3;
    margin-left: 12%;
    margin-top: 80px;
}

.lightGrey3 {
    color: #7b7e83 !important;
}

.lightGrey4 {
    color: #3f3f41 !important;
}

.lightGrey5 {
    color: #939393 !important;
}

.lightGrey6 {
    color: #8c8c8c !important;
}

.lightGrey7 {
    color: #737373 !important;
}

.lightGrey8 {
    color: #727171;
}

.lightGrey9 {
    color: #9d9d9d;
}

.lightGrey10 {
    color: #aaa7a7;
}

.lightGrey11 {
    color: #6e6e6e;
}

.upCase {
    text-transform: uppercase;
}

.content-line {
    position: relative;
}

.content-line:after {
    content: "";
    height: 100%;
    width: 1px;
    background-color: #efefef;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1px;
}

.globo {
    position: fixed;
    bottom: 35px;
    right: 85px;
    z-index: 4001;
}

.form-dni {
    margin: 30px 0 15px;
}

.form-recaptcha {
    margin: 10px 0;
}

.form-datosPersonales {
    padding: 0;
}

.form-datosPersonales .form-check-input {
    position: absolute;
    opacity: 0;
}

.form-datosPersonales .form-check-input + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    padding-left: 30px;
}

.form-datosPersonales .form-check-input + label:before {
    content: "";
    margin-left: -30px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: 2px;
}

.form-datosPersonales .form-check-input:hover + label:before {
    background: #523178;
}

.form-datosPersonales .form-check-input:checked + label:before {
    background: #523178;
    border: 1px solid #523178;
}

.form-datosPersonales .form-check-input:checked + label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    background: #fff;
    width: 2px;
    height: 2px;
    box-shadow:
        2px 0 0 #fff,
        4px 0 0 #fff,
        4px -2px 0 #fff,
        4px -4px 0 #fff,
        4px -6px 0 #fff,
        4px -8px 0 #fff;
    transform: rotate(45deg);
}

.form-datosPersonales label a {
    text-decoration: underline;
    color: #8c4799;
}

.cardProduct {
    width: 49.5%;
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
}

.cardProduct:hover {
    background: #f1f1f1;
    cursor: pointer;
}

.cardProduct svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    fill: #523178;
}

.tooltipGeneral {
    position: relative;
    display: inline-block;
}

.tooltipGeneral .tooltiptext {
    visibility: hidden;
    width: 220px;
    background-color: #8c4799;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    font-size: 12px;
    bottom: 125%;
    left: 50%;
    margin-left: -110px;
    transition: opacity 0.3s;
    text-align: start;
}

.tooltipGeneral .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #8c4799 transparent transparent transparent;
}

.tooltipGeneral:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.modalError .dialogModal {
    max-width: 600px;
}

.modalError .titleModal {
    font-weight: 600;
    font-size: 14.5px;
    text-align: center;
    color: #523178;
}

.modalError .descriptionModal {
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    color: #404040;
}

.modalError .btnCerrar {
    background: #523178;
    border-radius: 4px;
    padding: 11px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

.modalError .modal-footer {
    border-top: 0;
    justify-content: center;
}

.viewLegal .legal-text {
    bottom: 527px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
    text-align: justify;
}

.viewLegal .titleLegal {
    cursor: pointer !important;
}

.viewLegal .titleLegalMobile {
    cursor: pointer !important;
    text-decoration-line: underline !important;
}

.viewLegal .morelegaldropdown {
    font-weight: 600;
    font-size: 16px;
    color: #8c4799;
    cursor: pointer;
}

.viewLegal .morelegaldropdown:after {
    content: "";
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-arrow-down.svg) center
        center no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 2px;
    margin-left: 15px;
}

.viewLegal .lesslegaldropdown {
    font-weight: 600;
    font-size: 16px;
    color: #8c4799;
    cursor: pointer;
}

.viewLegal .lesslegaldropdown:after {
    content: "";
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-arrow-up.svg) center center
        no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 2px;
    margin-left: 15px;
}

.viewLegal .imgLegal {
    width: 100%;
    max-width: 400px;
}

.viewLegal .imgLegalMobile {
    width: 80%;
    height: 100%;
}

.viewLegal .cerrarModal {
    text-decoration-line: underline !important;
}

.modalGeneral .modal-header {
    border-bottom: 0;
}

.modalGeneral .modal-footer {
    border-top: 0;
    justify-content: center;
}

.icon {
    display: inline-block;
}

.icon_sad {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjQuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDQxIDQwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MSA0MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiM1MjMxNzg7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjAuNSwyLjlDMTEuMSwyLjksMy40LDEwLjYsMy40LDIwYzAsOS40LDcuNiwxNy4xLDE3LjEsMTcuMWM5LjQsMCwxNy4xLTcuNiwxNy4xLTE3LjEKCUMzNy42LDEwLjYsMjkuOSwyLjksMjAuNSwyLjl6IE0yMC41LDUuM2M4LjEsMCwxNC43LDYuNiwxNC43LDE0LjdjMCw4LjEtNi42LDE0LjctMTQuNywxNC43Yy04LjEsMC0xNC43LTYuNi0xNC43LTE0LjcKCUM1LjgsMTEuOSwxMi40LDUuMywyMC41LDUuM3ogTTEzLDE3LjNjMCwwLjEsMCwwLjIsMCwwLjRoMGMwLDAuMSwwLDAuMiwwLDAuNGwwLDBsMCwwYzAsMC4zLDAsMC42LDAsMC44YzAsMC42LDAuNSwxLjEsMS4yLDEuMQoJYzAuNywwLDEuMi0wLjUsMS4yLTEuMWMwLTAuOCwwLTEuNiwwLTIuNGMwLTAuNi0wLjYtMS4xLTEuMi0xLjFjLTAuNywwLTEuMiwwLjUtMS4yLDEuMUMxMywxNi43LDEzLDE3LDEzLDE3LjN6IE0yNS4zLDE3LjcKCWMwLTAuMSwwLTAuMiwwLTAuNHYwYzAtMC4zLDAtMC42LDAtMC44YzAtMC42LDAuNS0xLjEsMS4yLTEuMWMwLjcsMCwxLjIsMC41LDEuMiwxLjFjMCwwLjgsMCwxLjYsMCwyLjRjMCwwLjctMC42LDEuMS0xLjIsMS4xCgljLTAuNywwLTEuMi0wLjUtMS4yLTEuMWMwLTAuMywwLTAuNiwwLTAuOEMyNS4zLDE3LjksMjUuMywxNy44LDI1LjMsMTcuN3ogTTE3LDI1YzAuOS0wLjgsMi4xLTEuMywzLjQtMS4zczIuNSwwLjUsMy40LDEuMwoJYzAuNCwwLjQsMC40LDAuOSwwLDEuM2MtMC40LDAuNC0xLDAuNC0xLjQsMGMtMC41LTAuNS0xLjItMC43LTItMC43cy0xLjQsMC4zLTIsMC43Yy0wLjQsMC40LTEsMC40LTEuNCwwCglDMTYuNywyNS45LDE2LjcsMjUuNCwxNywyNXoiLz4KPC9zdmc+Cg==);
}

.icon_task_alt {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjQuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDY2IDY2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2NiA2NjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM0RjJEN0Y7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNjAuNSwxNC4yTDI5LjEsNDUuN0wxNy41LDM0bDMuOS0zLjlsNy44LDcuOGwyNy41LTI3LjVMNjAuNSwxNC4yeiBNNTQuNCwyOC4xYzAuNCwxLjYsMC42LDMuMiwwLjYsNC45CgljMCwxMi4yLTkuOCwyMi0yMiwyMnMtMjItOS44LTIyLTIyczkuOC0yMiwyMi0yMmM0LjMsMCw4LjQsMS4zLDExLjgsMy40bDQtNGMtNC41LTMuMS05LjktNS0xNS43LTVDMTcuOCw1LjUsNS41LDE3LjgsNS41LDMzCglTMTcuOCw2MC41LDMzLDYwLjVTNjAuNSw0OC4yLDYwLjUsMzNjMC0zLjMtMC42LTYuNC0xLjctOS4zTDU0LjQsMjguMXoiLz4KPC9zdmc+Cg==);
}

.icon_24 {
    width: 24px;
    height: 24px;
}

.icon_40 {
    width: 40px;
    height: 40px;
}

.icon_66 {
    width: 66px;
    height: 66px;
}

.cont-dosColumnas {
    margin-top: 40px;
    margin-bottom: 30px;
}

@media (max-width: 576px) {
    .cont-dosColumnas {
        margin-bottom: 25px;
    }
}

.cont-dosColumnas .boxItemList {
    margin-top: 10px;
    margin-bottom: 10px;
}

.cont-dosColumnas .boxItemList_img {
    max-width: 70px;
    width: 100%;
    text-align: center;
    margin: 10px;
}

@media (max-width: 576px) {
    .cont-dosColumnas .boxItemList {
        margin-bottom: 25px;
    }

    .cont-dosColumnas .boxItemList_img {
        min-width: 60px;
    }
}

.cont-dosColumnas .boxItemList_list {
    margin-left: 70px;
    padding: 0;
    list-style: none;
}

.cont-dosColumnas .boxItemList_list li {
    width: 200px;
    display: inline-block;
    padding-bottom: 10px;
    font-family: montserrat, sans-serif;
    font-size: 12.5px;
    padding-left: 15px;
    position: relative;
}

.cont-dosColumnas .boxItemList_list li:before {
    position: absolute;
    content: "·";
    left: 0;
    top: -8px;
    font-family: montserrat, sans-serif;
    font-weight: 700;
    font-size: 25px;
    color: #894590;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cont-dosColumnas .boxButtons .btnRed {
    max-width: 200px;
    width: 100%;
    text-align: center;
}

.cont-dosColumnas .boxButtons_links .link {
    margin: 5px 20px;
}

@media (max-width: 576px) {
    .cont-dosColumnas .boxButtons a {
        max-width: 100%;
        margin-top: 25px;
    }
}

.fixwidthMTCRD {
    width: 85%;
}

@media (max-width: 576px) {
    .fixwidthMTCRD {
        width: 96%;
    }
}

.marginFixBotonST {
    margin-left: 10px;
}

@media (max-width: 576px) {
    .marginFixBotonST {
        margin-left: 50px !important;
    }
}

#slide-dosColumnas {
    position: relative;
}

#slide-dosColumnas .boxItemList {
    min-height: 110px;
}

#slide-dosColumnas ul {
    padding: 0;
}

#slide-dosColumnas li {
    list-style: none;
}

#slide-dosColumnas p {
    text-align: center;
}

#slide-dosColumnas a {
    top: 80px !important;
    opacity: 1;
}

#slide-dosColumnas a:after {
    left: 0;
}

#slide-dosColumnas p,
#slide-dosColumnas a,
#slide-dosColumnas h1,
#slide-dosColumnas h2,
#slide-dosColumnas h3,
#slide-dosColumnas h4,
#slide-dosColumnas h5,
#slide-dosColumnas h6 {
    text-align: center;
}

#slide-dosColumnas .prev {
    left: -15px;
}

#slide-dosColumnas .next {
    right: -15px;
}

.boxOportunidades {
    background-color: #f8f8f8;
    padding-top: 60px;
}

@media (max-width: 576px) {
    .boxOportunidades {
        padding-top: 15px;
    }

    .boxOportunidades .t3,
    .boxOportunidades
        .tab-content
        .card_beneficios
        .box-beneficios__contenido
        p,
    .tab-content
        .card_beneficios
        .box-beneficios__contenido
        .boxOportunidades
        p {
        font-size: 15.5px;
    }
}

.boxOportunidades .card {
    width: 100%;
    max-width: 280px;
    padding: 15px;
    border-radius: 0;
    border: 0;
    box-shadow: 0 2px 20px 0 rgba(202, 202, 202, 0.5);
}

.boxOportunidades .card:nth-child(2) {
    margin: 0 30px;
}

.boxOportunidades .card.active {
    box-shadow: 0 2px 20px 0 rgba(202, 202, 202, 0.5);
}

.boxOportunidades .card a {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: center;
    margin-top: 10px;
}

.boxOportunidades .card_imgTarjeta {
    margin-top: 10px;
}

.boxOportunidades .card_imgTarjeta img {
    padding-right: 5px;
    max-width: 50px;
    width: 100%;
}

.boxOportunidades .card_imgTarjeta p {
    padding-left: 5px;
}

.boxdosColumnas_tr .t3,
.boxdosColumnas_tr .tab-content .card_beneficios .box-beneficios__contenido p,
.tab-content .card_beneficios .box-beneficios__contenido .boxdosColumnas_tr p {
    font-size: 16.5px;
}

.boxdosColumnas_tr img.order-first {
    width: 100%;
    max-width: 200px;
}

.boxdosColumnas_tr #slide-dosColumnas {
    margin: 15px 0;
}

@media (max-width: 576px) {
    .boxdosColumnas_tr .t3,
    .boxdosColumnas_tr
        .tab-content
        .card_beneficios
        .box-beneficios__contenido
        p,
    .tab-content
        .card_beneficios
        .box-beneficios__contenido
        .boxdosColumnas_tr
        p,
    .boxdosColumnas_tr .card-title {
        font-size: 14px;
        width: 55%;
        margin-left: 10px;
    }

    .boxdosColumnas_tr img.order-first {
        max-width: 40%;
    }
}

.boxdosColumnas_tr .boxdosColumnas_tr__header p {
    font-size: 12.5px;
}

.boxdosColumnas_tr .boxdosColumnas_tr__header ul {
    padding-left: 15px;
}

.boxdosColumnas_tr .boxdosColumnas_tr__header ul li {
    color: #894590;
    margin-bottom: 15px;
}

.boxdosColumnas_tr .boxdosColumnas_tr__header_noPadding {
    padding-left: 0;
}

@media (max-width: 991px) {
    .boxdosColumnas_tr .boxdosColumnas_tr__header_noPadding img {
        width: 100%;
    }
}

.boxdescubreTR {
    padding-top: 60px;
    padding-bottom: 50px;
    background: #f8f8f8;
    background: -moz-linear-gradient(top, #f8f8f8 0, white 100%);
    background: -webkit-gradient(
        left top,
        left bottom,
        color-stop(0, #f8f8f8),
        color-stop(100%, white)
    );
    background: -webkit-linear-gradient(top, #f8f8f8 0, white 100%);
    background: -o-linear-gradient(top, #f8f8f8 0, white 100%);
    background: -ms-linear-gradient(top, #f8f8f8 0, white 100%);
    background: linear-gradient(to bottom, #f8f8f8 0, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#ffffff', GradientType=0);
}

.boxdescubreTR .t3,
.boxdescubreTR .tab-content .card_beneficios .box-beneficios__contenido p,
.tab-content .card_beneficios .box-beneficios__contenido .boxdescubreTR p {
    text-align: center;
    font-size: 16.5px;
    padding-bottom: 15px;
}

.boxdescubreTR .cardTR {
    margin: 20px 15px;
}

.boxdescubreTR .cardTR img {
    width: 100%;
    max-width: 90px;
}

.boxdescubreTR .cardTR span {
    margin-left: 15px;
    margin-right: 15px;
}

.boxdescubreTR .firstBlock {
    height: 140px;
}

.boxdescubreTR .firstBlock p {
    text-align: center;
}

.boxdescubreTR .listItems {
    list-style: none;
    padding: 0 15px;
}

.boxdescubreTR .listItems li {
    min-height: 50px;
    text-align: right;
    padding: 0 15px;
    border-bottom: 1px solid #efefef;
    line-height: 1.5;
}

.boxdescubreTR .listItems li:last-child {
    border-bottom: 0;
}

.boxdescubreTR .columnTR {
    background-color: #fff;
    padding: 0 15px 20px;
}

.boxdescubreTR .columnTR:not(active) {
    border: 1px solid #efefef;
}

.boxdescubreTR .columnTR.active {
    z-index: 100;
    box-shadow: 0 2px 20px 0 rgba(202, 202, 202, 0.5);
}

.boxdescubreTR .columnTR img {
    max-width: 100px;
    margin-bottom: 15px;
}

.boxdescubreTR .columnTR .listItems {
    width: 100%;
}

.boxdescubreTR .columnTR .listItems img {
    width: 100%;
    max-width: 15px;
    margin-bottom: 0;
}

.boxdescubreTR .columnTR a {
    margin-top: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
}

@media (max-width: 576px) {
    .boxdescubreTR {
        padding-top: 15px;
    }
}

.boxSeguridadTRM {
    background-color: #4f2d7f;
}

.boxSeguridadTRM .fontSeguridadTRM {
    font-style: normal;
    font-weight: 400;
    font-size: 13.5px;
    line-height: 16px;
}

.box_dap {
    padding-top: 50px;
    border-top: 1px solid #efefef;
    margin-bottom: 40px;
}

.box_dap img {
    width: 100%;
}

.cont-accordion_form {
    margin-top: 100px;
}

.cont-accordion_form .purple {
    color: #4f2d7f;
}

.cont-accordion_form .box_accordion button {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-align: left;
    background: 0 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0;
    padding: 0 40px 15px 15px;
    outline: 0;
    border-bottom: 1px solid #efefef;
    margin-top: 15px;
}

.cont-accordion_form .box_accordion a {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-align: left;
    background: 0 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0;
    padding: 0 40px 15px 15px;
    outline: 0;
    margin-top: 18px;
}

.cont-accordion_form .box_accordion a.pf {
    padding: 0;
    color: #4c4c4c;
    font-family: montserrat, sans-serif;
    font-size: 13px;
}

.cont-accordion_form .box_accordion ul {
    list-style: none;
    padding: 0 15px 15px;
}

.cont-accordion_form .box_accordion ul p {
    padding: 10px 0;
}

.box_accordion button {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-align: left;
    background: 0 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0;
    padding: 0 40px 15px 15px;
    outline: 0;
    margin-top: 15px;
}

.bgVitrina_pageDetails {
    position: relative;
    min-height: 300px;
    background: top right no-repeat;
    background-size: auto 100%;
}

.bgVitrina_pageDetails img {
    width: 100%;
}

@media (max-width: 1024px) {
    .bgVitrina_pageDetails {
        min-height: 200px;
    }
}

.bgVitrina_img {
    min-height: 300px;
    background: top right no-repeat;
    background-size: auto 100%;
}

@media (max-width: 1024px) {
    .bgVitrina_img {
        min-height: 200px;
    }
}

.bgVitrina_txt {
    padding-top: 20px;
    padding-bottom: 20px;
}

.bgVitrina_txt * {
    color: #333;
    margin-bottom: 0;
}

@media (max-width: 575px) {
    .bgVitrina_txt {
        background-color: #fff;
    }
}

@media (max-width: 768px) {
    .bgVitrina_txt .t2 {
        font-size: 18px;
    }
}

.bgVitrinaTarjetas_pageDetails {
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: #eaecee;
    position: relative;
    height: 150px;
}

@media (max-width: 992px) {
    .bgVitrinaTarjetas_pageDetails {
        background-position: top right;
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-color: #eaecee;
        position: relative;
        height: 150px;
    }
}

@media (max-width: 575px) {
    .bgVitrinaTarjetas_pageDetails {
        height: 90px;
        background-position: top right;
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-color: #eaecee;
        position: relative;
    }
}

.bgVitrinaTarjetas_txt {
    padding-top: 40px;
    padding-left: 140px;
    padding-right: 50%;
}

@media (max-width: 992px) {
    .bgVitrinaTarjetas_txt {
        padding-top: 20px;
        padding-left: 60px;
    }
}

@media (max-width: 768px) {
    .bgVitrinaTarjetas_txt {
        padding-top: 10px;
        padding-left: 40px;
    }
}

@media (max-width: 575px) {
    .bgVitrinaTarjetas_txt {
        padding-top: 30px;
        padding-left: 16px;
        padding-right: 45%;
    }

    .bgVitrinaTarjetas_txt p {
        padding-right: 20px;
    }

    .bgVitrinaTarjetas_txt .t1 {
        font-size: 20px;
    }

    .bgVitrinaTarjetas_txt .t5 {
        font-size: 20px;
    }

    .bgVitrinaTarjetas_txt .t4 {
        font-size: 12px;
    }

    .bgVitrinaTarjetas_txt .s1 {
        font-size: 11.5px;
    }
}

@media (max-width: 374px) {
    .bgVitrinaTarjetas_txt {
        padding-right: 35%;
    }
}

.bgVitrinaPrestamos_contain {
    padding-top: 42px;
}

@media (max-width: 992px) {
    .bgVitrinaPrestamos_contain {
        padding-top: 32px;
    }
}

@media (max-width: 575px) {
    .bgVitrinaPrestamos_contain {
        padding-top: 18px;
    }
}

.bgVitrinaPrestamos_div1 {
    width: 53px;
    background-color: #ee2737;
    height: 50px;
}

@media (max-width: 992px) {
    .bgVitrinaPrestamos_div1 {
        width: 46px;
        height: 43px;
    }
}

@media (max-width: 575px) {
    .bgVitrinaPrestamos_div1 {
        width: 36px;
        height: 36px;
    }
}

.bgVitrinaPrestamos_div2 {
    width: 33px;
    background-color: #f8c21c;
    height: 50px;
}

@media (max-width: 992px) {
    .bgVitrinaPrestamos_div2 {
        width: 29px;
        height: 43px;
    }
}

@media (max-width: 575px) {
    .bgVitrinaPrestamos_div2 {
        width: 21px;
        height: 36px;
    }
}

.bgVitrinaPrestamos_div3 {
    width: 375px;
    background-color: #8c4799;
    height: 50px;
    line-height: 48px;
    padding-left: 35px;
}

@media (max-width: 992px) {
    .bgVitrinaPrestamos_div3 {
        width: 263px;
        height: 43px;
        line-height: 41px;
        padding-left: 25px;
    }
}

@media (max-width: 575px) {
    .bgVitrinaPrestamos_div3 {
        width: 190px;
        height: 36px;
        line-height: 34px;
        padding-left: 15px;
    }
}

.bgVitrinaPrestamos_pageDetails {
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: #eaecee;
    position: relative;
    height: 160px;
}

@media (max-width: 992px) {
    .bgVitrinaPrestamos_pageDetails {
        background-size: auto 100%;
        background-color: #eaecee;
        position: relative;
        height: 150px;
    }
}

@media (max-width: 575px) {
    .bgVitrinaPrestamos_pageDetails {
        height: 90px;
        background-position: top right;
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-color: #eaecee;
        position: relative;
    }
}

.bgVitrinaPrestamos_txt {
    padding-top: 40px;
    padding-left: 140px;
    padding-right: 50%;
}

@media (max-width: 992px) {
    .bgVitrinaPrestamos_txt {
        padding-top: 20px;
        padding-left: 60px;
    }
}

@media (max-width: 768px) {
    .bgVitrinaPrestamos_txt {
        padding-top: 10px;
        padding-left: 40px;
    }
}

@media (max-width: 575px) {
    .bgVitrinaPrestamos_txt {
        padding-top: 30px;
        padding-left: 16px;
        padding-right: 45%;
    }

    .bgVitrinaPrestamos_txt p {
        padding-right: 20px;
    }

    .bgVitrinaPrestamos_txt .t1 {
        font-size: 20px;
    }

    .bgVitrinaPrestamos_txt .t5 {
        font-size: 20px;
    }

    .bgVitrinaPrestamos_txt .t4 {
        font-size: 12px;
    }

    .bgVitrinaPrestamos_txt .s1 {
        font-size: 11.5px;
    }
}

@media (max-width: 374px) {
    .bgVitrinaPrestamos_txt {
        padding-right: 35%;
    }
}

.bgVitrinaSef_contain {
    padding-top: 42px;
}

@media (max-width: 992px) {
    .bgVitrinaSef_contain {
        padding-top: 32px;
    }
}

@media (max-width: 575px) {
    .bgVitrinaSef_contain {
        padding-top: 18px;
    }
}

.bgVitrinaSef_div1 {
    width: 53px;
    background-color: #ee2737;
    height: 50px;
}

@media (max-width: 992px) {
    .bgVitrinaSef_div1 {
        width: 46px;
        height: 43px;
    }
}

@media (max-width: 575px) {
    .bgVitrinaSef_div1 {
        width: 36px;
        height: 36px;
    }
}

.bgVitrinaSef_div2 {
    width: 33px;
    background-color: #f8c21c;
    height: 50px;
}

@media (max-width: 992px) {
    .bgVitrinaSef_div2 {
        width: 29px;
        height: 43px;
    }
}

@media (max-width: 575px) {
    .bgVitrinaSef_div2 {
        width: 21px;
        height: 36px;
    }
}

.bgVitrinaSef_div3 {
    width: 375px;
    background-color: #8c4799;
    height: 50px;
    line-height: 48px;
    padding-left: 35px;
}

@media (max-width: 992px) {
    .bgVitrinaSef_div3 {
        width: 263px;
        height: 43px;
        line-height: 41px;
        padding-left: 25px;
    }
}

@media (max-width: 575px) {
    .bgVitrinaSef_div3 {
        width: 190px;
        height: 36px;
        line-height: 34px;
        padding-left: 15px;
    }
}

.bgVitrinaSef_pageDetails {
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: #eaecee;
    position: relative;
    height: 165px;
}

@media (max-width: 992px) {
    .bgVitrinaSef_pageDetails {
        background-size: auto 100%;
        background-color: #eaecee;
        position: relative;
        height: 150px;
    }
}

@media (max-width: 575px) {
    .bgVitrinaSef_pageDetails {
        height: 140px;
        background-position: top right;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-color: #eaecee;
        position: relative;
    }
}

.bgVitrinaSef_txt {
    padding-top: 40px;
    padding-left: 140px;
    padding-right: 50%;
}

@media (max-width: 992px) {
    .bgVitrinaSef_txt {
        padding-top: 20px;
        padding-left: 60px;
    }
}

@media (max-width: 768px) {
    .bgVitrinaSef_txt {
        padding-top: 10px;
        padding-left: 40px;
    }
}

@media (max-width: 575px) {
    .bgVitrinaSef_txt {
        padding-top: 30px;
        padding-left: 16px;
        padding-right: 45%;
    }

    .bgVitrinaSef_txt p {
        padding-right: 20px;
    }

    .bgVitrinaSef_txt .t1 {
        font-size: 20px;
    }

    .bgVitrinaSef_txt .t5 {
        font-size: 20px;
    }

    .bgVitrinaSef_txt .t4 {
        font-size: 12px;
    }

    .bgVitrinaSef_txt .s1 {
        font-size: 11.5px;
    }
}

@media (max-width: 374px) {
    .bgVitrinaSef_txt {
        padding-right: 35%;
    }
}

.bgVitrinaEfex_contain {
    padding-top: 42px;
}

@media (max-width: 992px) {
    .bgVitrinaEfex_contain {
        padding-top: 32px;
    }
}

@media (max-width: 575px) {
    .bgVitrinaEfex_contain {
        padding-top: 18px;
    }
}

.bgVitrinaEfex_div1 {
    width: 53px;
    background-color: #ee2737;
    height: 50px;
}

@media (max-width: 992px) {
    .bgVitrinaEfex_div1 {
        width: 46px;
        height: 43px;
    }
}

@media (max-width: 575px) {
    .bgVitrinaEfex_div1 {
        width: 36px;
        height: 36px;
    }
}

.bgVitrinaEfex_div2 {
    width: 33px;
    background-color: #f8c21c;
    height: 50px;
}

@media (max-width: 992px) {
    .bgVitrinaEfex_div2 {
        width: 29px;
        height: 43px;
    }
}

@media (max-width: 575px) {
    .bgVitrinaEfex_div2 {
        width: 21px;
        height: 36px;
    }
}

.bgVitrinaEfex_div3 {
    width: 375px;
    background-color: #8c4799;
    height: 50px;
    line-height: 48px;
    padding-left: 35px;
}

@media (max-width: 992px) {
    .bgVitrinaEfex_div3 {
        width: 263px;
        height: 43px;
        line-height: 41px;
        padding-left: 25px;
    }
}

@media (max-width: 575px) {
    .bgVitrinaEfex_div3 {
        width: 190px;
        height: 36px;
        line-height: 34px;
        padding-left: 15px;
    }
}

.bgVitrinaEfex_pageDetails {
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: #eaecee;
    position: relative;
    height: 165px;
}

@media (max-width: 992px) {
    .bgVitrinaEfex_pageDetails {
        background-size: auto 100%;
        background-color: #eaecee;
        position: relative;
        height: 150px;
    }
}

@media (max-width: 575px) {
    .bgVitrinaEfex_pageDetails {
        height: 140px;
        background-position: top right;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-color: #eaecee;
        position: relative;
    }
}

.bgVitrinaEfex_txt {
    padding-top: 40px;
    padding-left: 140px;
    padding-right: 50%;
}

@media (max-width: 992px) {
    .bgVitrinaEfex_txt {
        padding-top: 20px;
        padding-left: 60px;
    }
}

@media (max-width: 768px) {
    .bgVitrinaEfex_txt {
        padding-top: 10px;
        padding-left: 40px;
    }
}

@media (max-width: 575px) {
    .bgVitrinaEfex_txt {
        padding-top: 30px;
        padding-left: 16px;
        padding-right: 45%;
    }

    .bgVitrinaEfex_txt p {
        padding-right: 20px;
    }

    .bgVitrinaEfex_txt .t1 {
        font-size: 20px;
    }

    .bgVitrinaEfex_txt .t5 {
        font-size: 20px;
    }

    .bgVitrinaEfex_txt .t4 {
        font-size: 12px;
    }

    .bgVitrinaEfex_txt .s1 {
        font-size: 11.5px;
    }
}

@media (max-width: 374px) {
    .bgVitrinaEfex_txt {
        padding-right: 35%;
    }
}

.bgVitrinaPef_contain {
    padding-top: 42px;
}

@media (max-width: 992px) {
    .bgVitrinaPef_contain {
        padding-top: 32px;
    }
}

@media (max-width: 575px) {
    .bgVitrinaPef_contain {
        padding-top: 18px;
    }
}

.bgVitrinaPef_div1 {
    width: 53px;
    background-color: #ee2737;
    height: 50px;
}

@media (max-width: 992px) {
    .bgVitrinaPef_div1 {
        width: 46px;
        height: 43px;
    }
}

@media (max-width: 575px) {
    .bgVitrinaPef_div1 {
        width: 36px;
        height: 36px;
    }
}

.bgVitrinaPef_div2 {
    width: 33px;
    background-color: #f8c21c;
    height: 50px;
}

@media (max-width: 992px) {
    .bgVitrinaPef_div2 {
        width: 29px;
        height: 43px;
    }
}

@media (max-width: 575px) {
    .bgVitrinaPef_div2 {
        width: 21px;
        height: 36px;
    }
}

.bgVitrinaPef_div3 {
    width: 375px;
    background-color: #8c4799;
    height: 50px;
    line-height: 48px;
    padding-left: 35px;
}

@media (max-width: 992px) {
    .bgVitrinaPef_div3 {
        width: 263px;
        height: 43px;
        line-height: 41px;
        padding-left: 25px;
    }
}

@media (max-width: 575px) {
    .bgVitrinaPef_div3 {
        width: 190px;
        height: 36px;
        line-height: 34px;
        padding-left: 15px;
    }
}

.bgVitrinaPef_pageDetails {
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: #eaecee;
    position: relative;
    height: 165px;
}

@media (max-width: 992px) {
    .bgVitrinaPef_pageDetails {
        background-size: auto 100%;
        background-color: #eaecee;
        position: relative;
        height: 150px;
    }
}

@media (max-width: 575px) {
    .bgVitrinaPef_pageDetails {
        height: 140px;
        background-position: top right;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-color: #eaecee;
        position: relative;
    }
}

.bgVitrinaPef_txt {
    padding-top: 40px;
    padding-left: 140px;
    padding-right: 50%;
}

@media (max-width: 992px) {
    .bgVitrinaPef_txt {
        padding-top: 20px;
        padding-left: 60px;
    }
}

@media (max-width: 768px) {
    .bgVitrinaPef_txt {
        padding-top: 10px;
        padding-left: 40px;
    }
}

@media (max-width: 575px) {
    .bgVitrinaPef_txt {
        padding-top: 30px;
        padding-left: 16px;
        padding-right: 45%;
    }

    .bgVitrinaPef_txt p {
        padding-right: 20px;
    }

    .bgVitrinaPef_txt .t1 {
        font-size: 20px;
    }

    .bgVitrinaPef_txt .t5 {
        font-size: 20px;
    }

    .bgVitrinaPef_txt .t4 {
        font-size: 12px;
    }

    .bgVitrinaPef_txt .s1 {
        font-size: 11.5px;
    }
}

@media (max-width: 374px) {
    .bgVitrinaPef_txt {
        padding-right: 35%;
    }
}

.bgVitrinaSefEfex_contain {
    padding-top: 42px;
}

@media (max-width: 992px) {
    .bgVitrinaSefEfex_contain {
        padding-top: 32px;
    }
}

@media (max-width: 575px) {
    .bgVitrinaSefEfex_contain {
        padding-top: 18px;
    }
}

.bgVitrinaSefEfex_div1 {
    width: 53px;
    background-color: #ee2737;
    height: 50px;
}

@media (max-width: 992px) {
    .bgVitrinaSefEfex_div1 {
        width: 46px;
        height: 43px;
    }
}

@media (max-width: 575px) {
    .bgVitrinaSefEfex_div1 {
        width: 36px;
        height: 36px;
    }
}

.bgVitrinaSefEfex_div2 {
    width: 33px;
    background-color: #f8c21c;
    height: 50px;
}

@media (max-width: 992px) {
    .bgVitrinaSefEfex_div2 {
        width: 29px;
        height: 43px;
    }
}

@media (max-width: 575px) {
    .bgVitrinaSefEfex_div2 {
        width: 21px;
        height: 36px;
    }
}

.bgVitrinaSefEfex_div3 {
    width: 375px;
    background-color: #8c4799;
    height: 50px;
    line-height: 48px;
    padding-left: 35px;
}

@media (max-width: 992px) {
    .bgVitrinaSefEfex_div3 {
        width: 263px;
        height: 43px;
        line-height: 41px;
        padding-left: 25px;
    }
}

@media (max-width: 575px) {
    .bgVitrinaSefEfex_div3 {
        width: 190px;
        height: 36px;
        line-height: 34px;
        padding-left: 15px;
    }
}

.bgVitrinaSefEfex_pageDetails {
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: #eaecee;
    position: relative;
    height: 165px;
}

@media (max-width: 992px) {
    .bgVitrinaSefEfex_pageDetails {
        background-size: auto 100%;
        background-color: #eaecee;
        position: relative;
        height: 150px;
    }
}

@media (max-width: 575px) {
    .bgVitrinaSefEfex_pageDetails {
        height: 140px;
        background-position: top right;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-color: #eaecee;
        position: relative;
    }
}

.bgVitrinaSefEfex_txt {
    padding-top: 40px;
    padding-left: 140px;
    padding-right: 50%;
}

@media (max-width: 992px) {
    .bgVitrinaSefEfex_txt {
        padding-top: 20px;
        padding-left: 60px;
    }
}

@media (max-width: 768px) {
    .bgVitrinaSefEfex_txt {
        padding-top: 10px;
        padding-left: 40px;
    }
}

@media (max-width: 575px) {
    .bgVitrinaSefEfex_txt {
        padding-top: 30px;
        padding-left: 16px;
        padding-right: 45%;
    }

    .bgVitrinaSefEfex_txt p {
        padding-right: 20px;
    }

    .bgVitrinaSefEfex_txt .t1 {
        font-size: 20px;
    }

    .bgVitrinaSefEfex_txt .t5 {
        font-size: 20px;
    }

    .bgVitrinaSefEfex_txt .t4 {
        font-size: 12px;
    }

    .bgVitrinaSefEfex_txt .s1 {
        font-size: 11.5px;
    }
}

@media (max-width: 374px) {
    .bgVitrinaSefEfex_txt {
        padding-right: 35%;
    }
}

.cts {
    font-size: 32px;
}

.cts-percentage {
    font-size: 28px;
}

@media (max-width: 575px) {
    .respons .t1 {
        font-size: 24px;
    }

    .respons .t5 {
        font-size: 24px;
    }

    .respons .t6 {
        font-size: 24px;
    }

    .respons .t4 {
        font-size: 12px;
    }

    .respons .s1 {
        font-size: 12px;
    }

    .respons .t9 {
        font-size: 13px;
    }

    .respons .cts {
        font-size: 24px;
    }

    .respons .cts-percentage {
        font-size: 22px;
    }
}

.condiciones:before {
    content: "";
    height: 5px;
    width: 250px;
    background-color: #ee2737;
    position: absolute;
    top: -5px;
    left: 0;
}

.pageDetails {
    box-shadow: 0 2px 12px 0 rgba(222, 222, 222, 0.5);
    background-color: #fff;
    position: relative;
    margin-top: -50px;
    margin-bottom: 0;
    padding: 30px;
}

@media (max-width: 991px) {
    .pageDetails {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .pageDetails {
        padding: 25px;
    }
}

.pageDetails h2 {
    margin-bottom: 25px;
}

.pageDetails ul {
    padding: 0;
    list-style: none;
}

.pageDetails_2col_list ul:not(._1col_list) {
    -moz-column-count: 2;
    -moz-column-gap: 50px;
    -webkit-column-count: 2;
    -webkit-column-gap: 50px;
    column-count: 2;
    column-gap: 50px;
}

@media (max-width: 767px) {
    .pageDetails_2col_list ul:not(._1col_list) {
        -moz-column-count: 1;
        -moz-column-gap: 50px;
        -webkit-column-count: 1;
        -webkit-column-gap: 50px;
        column-count: 1;
        column-gap: 50px;
    }
}

.pageDetails_2col_list ul._1col_list {
    -moz-column-count: 1;
    -moz-column-gap: 50px;
    -webkit-column-count: 1;
    -webkit-column-gap: 50px;
    column-count: 1;
    column-gap: 50px;
}

.pageDetails_2col_list li.none-content {
    color: #000;
    position: relative;
    font-family: montserrat, sans-serif;
    font-weight: 500;
    font-size: 12.5px;
    color: #4c4c4c;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 1.8;
}

.pageDetails_2col_list li.none-content.none-padding {
    padding-left: 0;
}

.pageDetails_2col_list li.none-content ul {
    -moz-column-count: 1;
    -moz-column-gap: 50px;
    -webkit-column-count: 1;
    -webkit-column-gap: 50px;
    column-count: 1;
    column-gap: 50px;
}

.pageDetails_2col_list li.none-content ul li {
    color: #000;
    position: relative;
    font-family: montserrat, sans-serif;
    font-weight: 500;
    font-size: 12.5px;
    color: #4c4c4c;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    margin-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 1.8;
}

.pageDetails_2col_list li.none-content ul li:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 1px;
    background-color: #4c4c4c;
    top: 8px;
    left: 0;
}

.pageDetails_2col_list li:not(.none-content) {
    color: #000;
    position: relative;
    font-family: montserrat, sans-serif;
    font-weight: 500;
    font-size: 12.5px;
    color: #4c4c4c;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 1.8;
}

.pageDetails_2col_list li:not(.none-content):before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: #894590;
    top: 8px;
    left: 0;
}

@media (max-width: 767px) {
    .pageDetails_1col_list ul {
        -moz-column-count: 1;
        -moz-column-gap: 50px;
        -webkit-column-count: 1;
        -webkit-column-gap: 50px;
        column-count: 1;
        column-gap: 50px;
    }
}

.pageDetails_1col_list li {
    color: #000;
    position: relative;
    font-family: montserrat, sans-serif;
    font-weight: 500;
    font-size: 12.5px;
    color: #4c4c4c;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 1.8;
}

.pageDetails_2col_download li {
    margin-bottom: 15px;
}

.pageDetails_2col_download li p {
    opacity: 0.8;
    margin-bottom: 20px;
}

.pageDetails_2col_download li a {
    width: 100%;
    display: block;
    margin-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #efefef;
}

.pageDetails_2col_download li .download {
    position: relative;
    padding-right: 40px;
}

.pageDetails_2col_download li .download:before {
    content: "";
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-download.svg) no-repeat
        center center;
    background-size: contain;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0;
    left: calc(100% - 30px);
}

.pageDetails_2col_download li .download-2 {
    border-bottom: 0;
}

.pageDetails_2col_download li .download-2:before {
    content: "";
    background: 0 0 !important;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: calc(100% - 30px);
}

.pageDetails_2col_download li .sub-download {
    padding-left: 0;
    position: relative;
    font-weight: 500;
    color: #894590;
    margin-top: 0;
    font-style: italic;
    font-size: 14px;
    border-bottom: 0;
    padding-bottom: 0;
    width: 90%;
}

.pageDetails_2col_download li .sub-download:before {
    content: "";
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-download.svg) no-repeat
        center center;
    background-size: contain;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0;
    left: calc(100% - 30px);
}

.pageDetails_2col_download li .content-subtab {
    display: block;
    padding-bottom: 15px;
}

.pageDetails_2col_download li .content-subtab li {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    padding-left: 15px;
}

.pageDetails_2col_download li .content-subtab li:before {
    content: "•";
    color: #894590;
    font-size: 20px;
    margin-right: 10px;
}

.pageDetails_2col_download .sub-elements {
    border-bottom: 1px solid #efefef;
}

.pageDetails_2col_download1 li {
    margin-bottom: 15px;
}

.pageDetails_2col_download1 li p {
    opacity: 0.8;
    margin-bottom: 20px;
}

.pageDetails_2col_download1 li a {
    width: 100%;
    display: block;
    margin-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #efefef;
}

.pageDetails_2col_download1 li .download {
    position: relative;
    padding-right: 40px;
}

.pageDetails_2col_download1 li .download:before {
    content: "";
    background: 0 0;
    background-size: contain;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0;
    left: calc(100% - 30px);
}

.pageDetails_2col_bases li {
    margin-bottom: 40px;
}

.pageDetails_2col_bases .box-links a {
    margin-right: 15px;
}

.pageDetails_sitioSeguro.cont-accordion_form,
.pageDetails_preguntasFrecuentes.cont-accordion_form {
    margin-top: 0;
}

.pageDetails_sitioSeguro .semiBold,
.pageDetails_preguntasFrecuentes .semiBold {
    margin-bottom: 0;
    margin-top: 40px;
}

.pageDetails_sitioSeguro .s1,
.pageDetails_preguntasFrecuentes .s1 {
    font-size: 13.5px !important;
}

.pageDetails_sitioSeguro .s3,
.pageDetails_preguntasFrecuentes .s3 {
    font-size: 18px !important;
}

.pageDetails_sitioSeguro .arrow-down.active:after,
.pageDetails_preguntasFrecuentes .arrow-down.active:after {
    transform: rotate(180deg);
    opacity: 0.5;
}

.pageDetails_sitioSeguro .arrow-down:after,
.pageDetails_preguntasFrecuentes .arrow-down:after {
    right: 3px;
}

.pageDetails_sitioSeguro .collapse p,
.pageDetails_sitioSeguro .collapsing p,
.pageDetails_preguntasFrecuentes .collapse p,
.pageDetails_preguntasFrecuentes .collapsing p {
    font-size: 12px;
    line-height: 1.5;
    padding: 0 20px;
    color: rgba(51, 51, 51, 0.8);
    font-weight: 600;
}

.pageDetails_sitioSeguro .collapse li,
.pageDetails_sitioSeguro .collapsing li,
.pageDetails_preguntasFrecuentes .collapse li,
.pageDetails_preguntasFrecuentes .collapsing li {
    color: #000;
    position: relative;
    font-family: montserrat, sans-serif;
    font-weight: 500;
    font-size: 12.5px;
    color: #4c4c4c;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 1.8;
}

.pageDetails_sitioSeguro .collapse li a,
.pageDetails_sitioSeguro .collapsing li a,
.pageDetails_preguntasFrecuentes .collapse li a,
.pageDetails_preguntasFrecuentes .collapsing li a {
    color: #894590;
}

.pageDetails_sitioSeguro .collapse li a:hover,
.pageDetails_sitioSeguro .collapsing li a:hover,
.pageDetails_preguntasFrecuentes .collapse li a:hover,
.pageDetails_preguntasFrecuentes .collapsing li a:hover {
    text-decoration: underline;
}

.pageDetails_sitioSeguro .collapse li:before,
.pageDetails_sitioSeguro .collapsing li:before,
.pageDetails_preguntasFrecuentes .collapse li:before,
.pageDetails_preguntasFrecuentes .collapsing li:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: #894590;
    top: 8px;
    left: 0;
}

.pageDetails_sitioSeguro .collapse .col-4 p,
.pageDetails_sitioSeguro .collapsing .col-4 p,
.pageDetails_preguntasFrecuentes .collapse .col-4 p,
.pageDetails_preguntasFrecuentes .collapsing .col-4 p {
    padding: 0;
}

.pageDetails_sitioSeguro .collapse > p:first-child,
.pageDetails_sitioSeguro .collapse > ul:first-child,
.pageDetails_sitioSeguro .collapse > .col-12:first-child,
.pageDetails_sitioSeguro .collapsing > p:first-child,
.pageDetails_sitioSeguro .collapsing > ul:first-child,
.pageDetails_sitioSeguro .collapsing > .col-12:first-child,
.pageDetails_preguntasFrecuentes .collapse > p:first-child,
.pageDetails_preguntasFrecuentes .collapse > ul:first-child,
.pageDetails_preguntasFrecuentes .collapse > .col-12:first-child,
.pageDetails_preguntasFrecuentes .collapsing > p:first-child,
.pageDetails_preguntasFrecuentes .collapsing > ul:first-child,
.pageDetails_preguntasFrecuentes .collapsing > .col-12:first-child {
    padding-top: 15px;
}

.pageDetails_terminos.cont-accordion_form {
    margin-top: 0;
}

.pageDetails_terminos .semiBold {
    margin-bottom: 20px;
    margin-top: 0;
}

.pageDetails_terminos .s1 {
    font-size: 13.5px !important;
}

.pageDetails_terminos .s3 {
    font-size: 18px !important;
}

.pageDetails_terminos .arrow-down.active:after {
    transform: rotate(180deg);
    opacity: 0.5;
}

.pageDetails_terminos .arrow-down:after {
    right: 3px;
}

.pageDetails_terminos .collapse p,
.pageDetails_terminos .collapsing p {
    font-size: 12px;
    line-height: 1.5;
    padding: 0 20px;
    color: rgba(51, 51, 51, 0.8);
    font-weight: 600;
}

.pageDetails_terminos .collapse li,
.pageDetails_terminos .collapsing li {
    color: #000;
    position: relative;
    font-family: montserrat, sans-serif;
    font-weight: 500;
    font-size: 12.5px;
    color: #4c4c4c;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 1.8;
}

.pageDetails_terminos .collapse li a,
.pageDetails_terminos .collapsing li a {
    color: #894590;
}

.pageDetails_terminos .collapse li a:hover,
.pageDetails_terminos .collapsing li a:hover {
    text-decoration: underline;
}

.pageDetails_terminos .collapse li:before,
.pageDetails_terminos .collapsing li:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: #894590;
    top: 8px;
    left: 0;
}

.pageDetails_terminos .collapse .col-4 p,
.pageDetails_terminos .collapsing .col-4 p {
    padding: 0;
}

.pageDetails_terminos .collapse > p:first-child,
.pageDetails_terminos .collapse > ul:first-child,
.pageDetails_terminos .collapse > .col-12:first-child,
.pageDetails_terminos .collapsing > p:first-child,
.pageDetails_terminos .collapsing > ul:first-child,
.pageDetails_terminos .collapsing > .col-12:first-child {
    padding-top: 15px;
}

.pageDetails_sitioSeguro .collapse ul,
.pageDetails_sitioSeguro .collapsing ul {
    margin-top: 15px;
    list-style: disc;
    padding: 0 30px;
}

.pageDetails_sitioSeguro .collapse li,
.pageDetails_sitioSeguro .collapsing li {
    font-size: 12px;
    margin-bottom: 0;
    padding: 0;
}

.pageDetails_sitioSeguro .collapse li:before,
.pageDetails_sitioSeguro .collapsing li:before {
    display: none;
}

.pageDetails_sitioSeguro .collapse li a,
.pageDetails_sitioSeguro .collapsing li a {
    font-size: 12px;
}

.pageDetails_sitioSeguro .collapse a,
.pageDetails_sitioSeguro .collapsing a {
    color: #894590;
    font-size: 12px;
    font-weight: 600;
}

.pageDetails_preguntasFrecuentes #nav-tab {
    margin-top: 0;
}

.pageDetails_preguntasFrecuentes p.semiBold {
    margin-top: 35px;
    margin-bottom: 15px;
}

.pageDetails_preguntasFrecuentes .s2 {
    font-weight: 600;
    font-size: 12px;
}

.pageDetails_preguntasFrecuentes a.purple {
    color: #894590;
}

.pageDetails_preguntasFrecuentes .noList {
    list-style: none;
    padding: 0;
}

.pageDetails_preguntasFrecuentes .noList li {
    padding-left: 0;
    padding-right: 0;
}

.pageDetails_preguntasFrecuentes .noList li:before {
    content: none;
}

.pageDetails_preguntasFrecuentes .collapse > p:first-child,
.pageDetails_preguntasFrecuentes .collapse > ul:first-child,
.pageDetails_preguntasFrecuentes .collapse > .col-12:first-child,
.pageDetails_preguntasFrecuentes .collapsing > p:first-child,
.pageDetails_preguntasFrecuentes .collapsing > ul:first-child,
.pageDetails_preguntasFrecuentes .collapsing > .col-12:first-child {
    padding-top: 15px;
}

.pageDetails_masBanca .colorItemAcordion {
    font-size: 15px !important;
}

.pageDetails_masBanca #nav-tab {
    margin-top: 10px;
    margin-left: -20px;
}

@media (max-width: 575px) {
    .pageDetails_masBanca #nav-tab {
        margin-left: -2%;
        margin-top: -20px;
    }
}

.pageDetails_masBanca #nav-tab.nav-tabs .nav-link.active {
    color: #8c4799;
    border-bottom: 3px solid #8c4799;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 34px;
}

.pageDetails_masBanca #nav-tab.nav-tabs {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 34px;
}

.pageDetails_masBanca #nav-tab .nav-link {
    min-width: 110px;
    padding: 0 18px 3px;
    margin-left: 20px;
}

.pageDetails_masBanca #nav-tab.nav-tabs .nav-link {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 34px;
    border-bottom: 3px solid #a5a5a5;
}

.pageDetails_masBanca #nav-tab.nav-tabs a:hover {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 34px;
    border-bottom: 3px solid #a5a5a5;
}

.pageDetails_masBanca ul {
    padding: 0;
    list-style: none;
}

.pageDetails_masBanca .s1 {
    font-size: 13.5px !important;
}

.pageDetails_masBanca .arrow-right.active:after {
    transform: rotate(180deg);
    opacity: 0.5;
}

.pageDetails_masBanca .arrow-right:after {
    right: 3px;
}

.pageDetails_tabVideo #nav-tab {
    margin-top: 10px;
    margin-left: -20px;
}

@media (max-width: 575px) {
    .pageDetails_tabVideo #nav-tab {
        margin-left: -2%;
        margin-top: -20px;
    }
}

.pageDetails_tabVideo #nav-tab.nav-tabs .nav-link.active {
    color: #8c4799;
    border-bottom: 3px solid #8c4799;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    background-color: #fafafa;
}

.pageDetails_tabVideo #nav-tab.nav-tabs {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 34px;
}

.pageDetails_tabVideo #nav-tab .nav-link {
    min-width: 110px;
    padding: 0 18px 3px;
    margin-left: 20px;
}

.pageDetails_tabVideo #nav-tab.nav-tabs .nav-link {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
}

.pageDetails_tabVideo #nav-tab.nav-tabs a:hover {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    border-bottom: 3px solid #a5a5a5;
}

.pageDetails_tabVideo ul {
    padding: 0;
    list-style: none;
}

.pageDetails_tabVideo .s1 {
    font-size: 13.5px !important;
}

.pageDetails_tabVideo .arrow-right.active:after {
    transform: rotate(180deg);
    opacity: 0.5;
}

.pageDetails_tabVideo .arrow-right:after {
    right: 3px;
}

.pageDetails_masApp .colorItemAcordionApp {
    font-size: 15px !important;
}

.pageDetails_masApp #nav-tab {
    margin-top: 10px;
    margin-left: -20px;
}

@media (max-width: 575px) {
    .pageDetails_masApp #nav-tab {
        margin-left: -2%;
        margin-top: -20px;
    }
}

.pageDetails_masApp #nav-tab.nav-tabs .nav-link.active {
    color: #8c4799;
    border-bottom: 3px solid #8c4799;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 34px;
    background-color: #fff;
}

.pageDetails_masApp #nav-tab.nav-tabs {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 34px;
}

.pageDetails_masApp #nav-tab .nav-link {
    min-width: 110px;
    padding: 0 18px 3px;
    margin-left: 20px;
}

.pageDetails_masApp #nav-tab.nav-tabs .nav-link {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 34px;
    border-bottom: 3px solid #a5a5a5;
}

.pageDetails_masApp #nav-tab.nav-tabs a:hover {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 34px;
    border-bottom: 3px solid #a5a5a5;
}

.pageDetails_masApp ul {
    padding: 0;
    list-style: none;
}

.pageDetails_masApp .s1 {
    font-size: 13.5px !important;
}

.pageDetails_masApp .arrow-right.active:after {
    transform: rotate(180deg);
    opacity: 0.5;
}

.pageDetails_masApp .arrow-right:after {
    right: 3px;
}

.pageDetails_descuentoDestacado {
    height: 100%;
    max-height: 900px;
    background-color: #fff;
}

@media (max-width: 767px) {
    .pageDetails_descuentoDestacado {
        max-height: 100%;
    }
}

.pageDetails_gobCorp {
    padding-top: 50px;
}

.pageDetails_gobCorp #nav-tab {
    margin-bottom: 30px;
    margin-top: 0;
}

.pageDetails_gobCorp #nav-tab a {
    border-bottom: 1px solid rgba(76, 76, 76, 0.25) !important;
}

.pageDetails_gobCorp #nav-tab a span {
    font-size: 12.5px;
    text-align: left;
    color: #7b7e83;
    margin-top: 3px;
    font-weight: 600;
}

.pageDetails_gobCorp #nav-tab a.active {
    background-color: #efefef;
}

.pageDetails_gobCorp #nav-tab a.active:after {
    content: "";
    height: 10px;
    width: 10px;
    position: absolute;
    top: 18px;
    right: 15px;
    transform: rotate(-90deg);
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-chevron-down.svg) center
        center no-repeat;
    background-size: 100% auto;
}

.pageDetails_gobCorp #nav-tab a.active span {
    color: #4c4c4c;
}

.pageDetails_gobCorp #nav-tab a:hover {
    background-color: #efefef;
}

.pageDetails_gobCorp #nav-tab a .boxImg {
    min-width: 30px;
    margin-right: 15px;
}

@media (max-width: 991px) {
    .pageDetails_gobCorp #nav-tab a {
        min-height: 45px;
        height: auto;
        background-color: #f9f9f9 !important;
        border: 1px solid rgba(76, 76, 76, 0.2) !important;
        padding: 10px 15px !important;
        display: none !important;
    }

    .pageDetails_gobCorp #nav-tab a.active {
        justify-content: flex-start !important;
        display: flex !important;
    }

    .pageDetails_gobCorp #nav-tab a.active:after {
        display: block !important;
        cursor: pointer;
        height: 43px !important;
        width: 42px !important;
        background-color: #efefef !important;
        transform: rotate(0) !important;
        background-size: 15px !important;
        top: 0 !important;
        right: 0 !important;
        border-left: 1px solid rgba(76, 76, 76, 0.25) !important;
    }

    .pageDetails_gobCorp #nav-tab a.selectTabs {
        display: flex !important;
        margin-bottom: 0;
    }

    .pageDetails_gobCorp #nav-tab a:after {
        display: none !important;
    }

    .pageDetails_gobCorp #nav-tab a .boxImg {
        max-width: 30px;
        display: inline-block;
    }
}

.pageDetails_gobCorp #nav-tabContent p {
    margin-bottom: 25px;
}

.pageDetails_gobCorp #nav-tabContent p.grey {
    line-height: 1.8;
    opacity: 0.8;
}

.pageDetails_gobCorp #nav-tabContent p.description {
    margin-bottom: 1px;
}

.pageDetails_gobCorp #nav-tabContent p.s1 {
    margin-bottom: 15px;
}

.pageDetails_gobCorp #nav-tabContent p strong {
    color: #000;
}

.pageDetails_gobCorp select {
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 13.5px;
    color: #7b7e83;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 10px 8px;
    -webkit-appearance: none;
    border-radius: 0;
    color: #333;
    background-color: #fff;
    border-color: rgba(76, 76, 76, 0.13);
    background: url(https://www.bancoripley.com.pe/img/svg/i-chevron-down.svg)
        no-repeat;
    background-position: calc(100% - 10px) center;
    background-size: 10px;
}

.pageDetails_gobCorp select:before {
    content: "";
    position: absolute;
    top: 0;
    right: 10px;
    height: 30px;
    width: 30px;
}

.pageDetails_gobCorp-gerency img {
    margin-bottom: 20px;
}

.pageDetails_gobCorp .btnDocumentos {
    padding: 10px 5px 10px 8px;
    display: inline-block;
    width: 100%;
    color: #4c4c4c;
    background: #f9f9f9
        url(https://www.bancoripley.com.pe/img/svg/i-download.svg) no-repeat;
    background-position: calc(100% - 10px) center;
    background-size: 10px;
    margin-bottom: 10px;
}

.pageDetails_gobCorp .btnDocumentos:hover {
    background-color: #efefef;
    text-decoration: none;
}

.pageDetails_ripleyPuntosGo #nav-tab {
    border-bottom: 1px solid #efefef;
    padding-left: 25px;
    padding-right: 25px;
}

@media (max-width: 991px) {
    .pageDetails_ripleyPuntosGo #nav-tab {
        border-bottom: 0;
        padding: 0;
    }
}

.pageDetails_ripleyPuntosGo #nav-tabContent {
    margin-top: 25px;
}

.pageDetails_ripleyPuntosGo #nav-tabContent .box-img {
    text-align: center;
    width: 100%;
    max-width: 40px;
    margin-right: 15px;
}

.pageDetails_ripleyPuntosGo #nav-tabContent .item-list {
    margin: 15px 0;
}

.pageDetails_ripleyPuntosGo #nav-queCanjear img[alt="giftcards"] {
    margin-top: 50px;
    margin-bottom: 25px;
    max-width: 90%;
}

.pageDetails_ripleyPuntosGo #nav-queCanjear h2.purple {
    margin-bottom: 25px;
}

.pageDetails_ripleyPuntosGo #nav-queCanjear .cardBox {
    margin-top: 25px;
    margin-bottom: 25px;
}

.pageDetails_ripleyPuntosGo #nav-queCanjear .cardBox:first-child {
    -webkit-box-shadow: 0 2px 20px 0 rgba(202, 202, 202, 0.5);
    -moz-box-shadow: 0 2px 20px 0 rgba(202, 202, 202, 0.5);
    box-shadow: 0 2px 20px 0 rgba(202, 202, 202, 0.5);
}

.pageDetails_ripleyPuntosGo #nav-queCanjear .cardBox_img {
    border: 1px solid #ededed;
    border-bottom: 0;
    background-color: #4c4c4c;
    height: 150px;
    position: relative;
    overflow: hidden;
}

.pageDetails_ripleyPuntosGo #nav-queCanjear .cardBox_img img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.pageDetails_ripleyPuntosGo #nav-queCanjear .cardBox_img span {
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #f2ad4b;
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 15px;
    z-index: 2;
}

.pageDetails_ripleyPuntosGo #nav-queCanjear .cardBox_contenido {
    border: 1px solid #ededed;
    padding: 15px;
}

.pageDetails_ripleyPuntosGo #nav-queCanjear .cardBox_contenido p {
    padding: 10px 0;
}

.pageDetails_ripleyPuntosGo #nav-queCanjear .contGiftCards_header {
    border-bottom: 1px solid rgba(76, 76, 76, 0.3);
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 25px;
}

.pageDetails_ripleyPuntosGo #nav-queCanjear .contGiftCards_header p {
    text-align: center;
}

.pageDetails_ripleyPuntosGo #nav-queCanjear .contGiftCards .btnRed {
    margin: 25px 0;
    width: 100%;
    max-width: 150px;
}

.pageDetails_ripleyPuntosGo #nav-queCanjear .contGiftCards_giftCards {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(237, 237, 237, 0.5);
}

.pageDetails_ripleyPuntosGo
    #nav-queCanjear
    .contGiftCards_giftCards:nth-child(5) {
    margin-bottom: 25px;
}

.pageDetails_ripleyPuntosGo #nav-queCanjear .contGiftCards_giftCards img {
    max-width: 75px;
    min-width: 50px;
}

.pageDetails_ripleyPuntosGo #nav-queCanjear .contGiftCards_giftCards .bg {
    padding: 8px 10px;
    margin: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.pageDetails_ripleyPuntosGo #nav-queCanjear .contGiftCards_giftCards .bg_C1 {
    background-color: #a45e9f;
}

.pageDetails_ripleyPuntosGo #nav-queCanjear .contGiftCards_giftCards .bg_C2 {
    background-color: #da3e7d;
}

.pageDetails_ripleyPuntosGo #nav-queCanjear .contGiftCards_giftCards .bg_C3 {
    background-color: #df6522;
}

.pageDetails_ripleyPuntosGo #nav-queCanjear .contGiftCards_giftCards .bg_C4 {
    background-color: #dca626;
}

.pageDetails_ripleyPuntosGo #nav-queCanjear .contGiftCards_giftCards .color_C1 {
    color: #a45e9f;
}

.pageDetails_ripleyPuntosGo #nav-queCanjear .contGiftCards_giftCards .color_C2 {
    color: #da3e7d;
}

.pageDetails_ripleyPuntosGo #nav-queCanjear .contGiftCards_giftCards .color_C3 {
    color: #df6522;
}

.pageDetails_ripleyPuntosGo #nav-queCanjear .contGiftCards_giftCards .color_C4 {
    color: #dca626;
}

.pageDetails_ripleyPuntosGo #nav-millasLatamPass .boxConversion {
    margin: 25px 0;
}

.pageDetails_ripleyPuntosGo #nav-millasLatamPass .boxConversion > p {
    padding-bottom: 15px;
    border-bottom: 1px solid #ededed;
}

.pageDetails_ripleyPuntosGo #nav-millasLatamPass .boxConversion_millas {
    padding: 15px 0;
}

.pageDetails_ripleyPuntosGo
    #nav-millasLatamPass
    .boxConversion_millas
    p[alt*="="] {
    margin-left: 15px;
    margin-right: 15px;
}

.pageDetails_ripleyPuntosGo
    #nav-millasLatamPass
    .boxConversion_millas
    p[align="right"],
.pageDetails_ripleyPuntosGo
    #nav-millasLatamPass
    .boxConversion_millas
    p[align="left"] {
    width: 100%;
    max-width: 200px;
    font-size: 14px;
}

.pageDetails_ripleyPuntosGo .boxDetalleAcumulacion,
.pageDetails_ripleyPuntosGo .boxDetalleAcumulacion_noBorder {
    margin: 15px 0;
    padding: 15px 0;
    border-bottom: 1px solid #efefef;
}

.pageDetails_ripleyPuntosGo .boxDetalleAcumulacion_noBorder,
.pageDetails_ripleyPuntosGo .boxDetalleAcumulacion_noBorder_noBorder {
    border-bottom: 0;
}

.pageDetails_ripleyPuntosGo .boxDetalleAcumulacion .boxTarjeta,
.pageDetails_ripleyPuntosGo .boxDetalleAcumulacion_noBorder .boxTarjeta {
    text-align: center;
}

.pageDetails_ripleyPuntosGo .boxDetalleAcumulacion .boxTarjeta img,
.pageDetails_ripleyPuntosGo .boxDetalleAcumulacion_noBorder .boxTarjeta img {
    max-width: 90px;
}

.pageDetails_ripleyPuntosGo .boxDetalleAcumulacion .boxTarjeta p,
.pageDetails_ripleyPuntosGo .boxDetalleAcumulacion_noBorder .boxTarjeta p {
    padding: 5px 0;
}

@media (max-width: 575px) {
    .pageDetails_ripleyPuntosGo .boxDetalleAcumulacion .boxTarjeta,
    .pageDetails_ripleyPuntosGo .boxDetalleAcumulacion_noBorder .boxTarjeta {
        margin-bottom: 15px;
    }

    .pageDetails_ripleyPuntosGo .boxDetalleAcumulacion .boxTarjeta img,
    .pageDetails_ripleyPuntosGo
        .boxDetalleAcumulacion_noBorder
        .boxTarjeta
        img {
        max-width: 70px;
    }

    .pageDetails_ripleyPuntosGo .boxDetalleAcumulacion .boxTarjeta p,
    .pageDetails_ripleyPuntosGo .boxDetalleAcumulacion_noBorder .boxTarjeta p {
        padding: 0 0 0 15px;
    }
}

.pageDetails_ripleyPuntosGo .boxDetalleAcumulacion .boxPuntos span,
.pageDetails_ripleyPuntosGo .boxDetalleAcumulacion_noBorder .boxPuntos span {
    margin: 0 10px;
}

@media (max-width: 575px) {
    .pageDetails_ripleyPuntosGo .boxDetalleAcumulacion .boxPuntos span,
    .pageDetails_ripleyPuntosGo
        .boxDetalleAcumulacion_noBorder
        .boxPuntos
        span {
        margin: 0 7px 0 0;
    }

    .pageDetails_ripleyPuntosGo .boxDetalleAcumulacion .boxPuntos .lightGrey3,
    .pageDetails_ripleyPuntosGo
        .boxDetalleAcumulacion_noBorder
        .boxPuntos
        .lightGrey3 {
        margin-bottom: 10px;
    }
}

.detalle-av-sav-cc__title {
    margin-top: 80px;
}

.detalle-av-sav-cc__title h1 {
    line-height: 1.3;
}

.detalle-av-sav-cc .pageDetails {
    margin-top: 30px;
    padding: 0;
}

.detalle-av-sav-cc .pageDetails:before {
    content: "";
    height: 5px;
    width: 250px;
    background-color: #f2ad4b;
    position: absolute;
    top: -5px;
    left: 0;
}

.detalle-av-sav-cc .box-detalle__contenido {
    padding: 45px;
}

.detalle-av-sav-cc .box-detalle__contenido h2 {
    font-size: 16.5px;
}

.detalle-av-sav-cc .box-detalle__contenido-vigencia {
    margin: 25px 0;
}

.detalle-av-sav-cc .box-detalle__contenido-vigencia img {
    margin-right: 20px;
}

.detalle-av-sav-cc .box-detalle__contenido-legal {
    margin-bottom: 30px;
    font-weight: 400;
}

.detalle-av-sav-cc .box-detalle__img {
    overflow: hidden;
}

.detalle-av-sav-cc .box-detalle__img img {
    height: 100%;
}

.detalle-av-sav-cc .box-detalle .btnRed {
    margin: 0 15px 15px 0;
}

.pageDescuento {
    padding: 0;
}

.pageDescuento .box-beneficios__img {
    overflow: hidden;
    padding: 0;
    position: relative;
}

.pageDescuento .box-beneficios__img span {
    width: 100%;
    text-align: center;
    background-color: #894590;
    padding: 10px 15px;
    position: absolute;
    top: 0;
    left: 0;
    font-family: montserrat, sans-serif;
    font-weight: 700;
    font-size: 11.5px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 1px;
    text-transform: uppercase;
    z-index: 10;
}

.pageDescuento .box-beneficios__img img {
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.pageDescuento .box-beneficios__contenido {
    padding: 50px;
    position: relative;
}

.pageDescuento .box-beneficios__contenido-logo {
    position: absolute;
    top: 50px;
    right: 50px;
}

.pageDescuento .box-beneficios__contenido-logo img {
    max-height: 55px;
}

.pageDescuento .box-beneficios__contenido p {
    margin-bottom: 15px;
}

.pageDescuento .box-beneficios__contenido .txtDcto {
    margin-bottom: 0;
    font-size: 29.5px;
}

.pageDescuento .box-beneficios__contenido-vigencia,
.pageDescuento .box-beneficios__contenido-tarjeta {
    margin-bottom: 25px;
    display: inline-block;
}

.pageDescuento .box-beneficios__contenido-vigencia img,
.pageDescuento .box-beneficios__contenido-tarjeta img {
    max-height: 30px;
    width: auto;
    margin-right: 15px;
}

@media (max-width: 767px) {
    .pageDescuento .box-beneficios__img {
        min-height: 200px;
    }

    .pageDescuento .box-beneficios__img img {
        height: auto;
        width: 100%;
    }

    .pageDescuento .box-beneficios__contenido {
        padding: 20px;
    }

    .pageDescuento .box-beneficios__contenido-vigencia,
    .pageDescuento .box-beneficios__contenido-tarjeta {
        margin-bottom: 15px;
    }
}

.contenedorCreditos {
    margin-top: 50px;
    margin-bottom: 70px;
}

.contenedorCreditos_box {
    border-radius: 6px;
    background-color: #4f2d7f;
    margin-top: 50px;
    padding: 40px 6px 20px 19px;
    position: relative;
    min-height: 250px;
}

.contenedorCreditos_box-txtHeader {
    border-radius: 6px 0 6px 0;
    background: #f2ad4b;
    padding: 8px 15px;
    position: absolute;
    top: 0;
    left: 0;
    text-transform: uppercase;
    font-family: montserrat, sans-serif;
    font-weight: 700;
    font-size: 12.5px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.contenedorCreditos_box .bold {
    font-weight: 900 !important;
}

.contenedorCreditos_box .btnRed {
    margin-top: 20px;
    padding: 10px 0;
    width: 80%;
}

.contenedorCreditos_box .yellow {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 28.5px;
}

@media (max-width: 991px) {
    .tabsToSelect #nav-tab a {
        width: 100%;
        background-color: #f9f9f9 !important;
        border: 1px solid rgba(76, 76, 76, 0.2) !important;
        padding: 11.5px 16px !important;
        display: none !important;
        text-align: left;
    }

    .tabsToSelect #nav-tab a span {
        font-size: 11.5px;
        text-align: left;
        color: #7b7e83;
        margin-top: 3px;
        font-weight: 600;
    }

    .tabsToSelect #nav-tab a.active {
        background-color: #efefef;
        justify-content: flex-start !important;
        display: flex !important;
    }

    .tabsToSelect #nav-tab a.active:after {
        content: "";
        position: absolute;
        background: transparent
            url(https://www.bancoripley.com.pe/img/svg/i-chevron-down.svg)
            center center no-repeat;
        display: block !important;
        cursor: pointer;
        height: 43px !important;
        width: 42px !important;
        background-color: #efefef !important;
        transform: rotate(0) !important;
        background-size: 15px !important;
        top: 0 !important;
        right: 0 !important;
        border-left: 1px solid rgba(76, 76, 76, 0.25) !important;
    }

    .tabsToSelect #nav-tab a.active span {
        color: #4c4c4c;
    }

    .tabsToSelect #nav-tab a:hover {
        background-color: #efefef;
    }

    .tabsToSelect #nav-tab a .boxImg {
        min-width: 30px;
        max-width: 30px;
        margin-right: 5px;
        display: inline-block;
    }

    .tabsToSelect #nav-tab a.selectTabs {
        display: flex !important;
        margin-bottom: 0;
    }

    .tabsToSelect #nav-tab a:after {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .cont-beneficios .tabsToSelect #nav-tab a {
        width: 100%;
        background-color: #f9f9f9 !important;
        border: 1px solid rgba(76, 76, 76, 0.2) !important;
        padding: 10px 15px !important;
        display: none !important;
    }

    .cont-beneficios .tabsToSelect #nav-tab a span {
        font-size: 12.5px;
        text-align: left;
        color: #7b7e83;
        margin-top: 3px;
        font-weight: 600;
    }

    .cont-beneficios .tabsToSelect #nav-tab a.active {
        background-color: #efefef;
        justify-content: flex-start !important;
        display: flex !important;
    }

    .cont-beneficios .tabsToSelect #nav-tab a.active:after {
        content: "";
        position: absolute;
        background: transparent
            url(https://www.bancoripley.com.pe/img/svg/i-chevron-down.svg)
            center center no-repeat;
        display: block !important;
        cursor: pointer;
        height: 43px !important;
        width: 42px !important;
        background-color: #efefef !important;
        transform: rotate(0) !important;
        background-size: 15px !important;
        top: 0 !important;
        right: 0 !important;
        border-left: 1px solid rgba(76, 76, 76, 0.25) !important;
    }

    .cont-beneficios .tabsToSelect #nav-tab a.active span {
        color: #4c4c4c;
    }

    .cont-beneficios .tabsToSelect #nav-tab a:hover {
        background-color: #efefef;
    }

    .cont-beneficios .tabsToSelect #nav-tab a .boxImg {
        min-width: 30px;
        max-width: 30px;
        margin-right: 15px;
        display: inline-block;
    }

    .cont-beneficios .tabsToSelect #nav-tab a.selectTabs {
        display: flex !important;
        margin-bottom: 0;
    }

    .cont-beneficios .tabsToSelect #nav-tab a:after {
        display: none !important;
    }
}

.pageDetails_masBanca .collapse li,
.pageDetails_masBanca .collapsing li {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #58595b;
}

.pageDetails_masApp .collapse li,
.pageDetails_masApp .collapsing li {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #58595b;
}

#listaItemTutorial {
    margin-top: 23px;
    margin-left: 20px;
}

.itemlistApp {
    display: -webkit-inline-box !important;
}

.itemlistApp h3 {
    width: 30px !important;
}

.itemlistApp p {
    margin-right: 20px;
}

.pageDetails_sucursales .col-12 iframe,
.iframe-client-form iframe {
    width: 100%;
    height: 1000px;
    border: 0;
}

.container-client-form {
    margin-top: 50px;
}

.simulatorLastText {
    font-size: 14px;
    margin-top: 10px;
    line-height: 160%;
    text-align: left;
    color: #4c4c4c;
    margin-bottom: 0;
}

.listaTutorial {
    margin-top: 20px;
    font-family: montserrat, sans-serif;
    font-size: 15.5px;
}

.listaTutorial:last-child {
    margin-bottom: 50px;
}

@media (min-width: 992px) {
    .listaTutorial {
        margin-top: 10%;
    }
}

.mbottom50 {
    margin-bottom: 50px;
}

.legalBox p,
.legalBox a {
    font-family: Montserrat;
    font-size: 11px;
    line-height: 18px;
    font-weight: 400;
    color: #7b7e83;
    margin-bottom: 10px;
    text-decoration: none !important;
}

.no-underline {
    text-decoration: none !important;
}

table > thead > tr > th {
    background: #e8e8ea;
    color: #533278;
    font-family: Montserrat;
    font-size: 14px;
    text-align: center;
}

table > tbody > tr > td {
    font-family: Montserrat;
    font-size: 12px;
    line-height: 1em;
    color: #333;
}

.text-horary {
    color: #000;
    font-size: 14px;
    text-align: center;
}

p.s2.purple.semiBold {
    padding-right: 0;
}

.cab_comite {
    font-size: 14px;
    color: #523178;
    font-weight: 700;
}

.det_comite {
    font-size: 14px;
    color: #58595b;
    font-weight: 700;
}

.det {
    font-size: 14px;
    color: #58595b;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .width-tab {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .cab_comite {
        font-size: 12px;
    }

    .det_comite {
        font-size: 12px;
    }

    .det {
        font-size: 12px;
    }
}

@media (max-width: 991px) {
    .center-horizontal {
        text-align: center;
    }
}

@media (max-width: 575px) {
    .cab_comite {
        font-size: 10px;
    }

    .det_comite {
        font-size: 10px;
    }

    .det {
        font-size: 10px;
    }
}

@media (min-width: 992px) {
    .width-tab {
        width: 25%;
    }
}

@media (min-width: 1200px) {
    .width-tab {
        width: 25%;
    }
}

.mobile-modal-layout {
    width: 100%;
    height: 100vh;
    z-index: 2000;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    position: fixed;
    top: 0;
    padding-bottom: 30px;
}

.mobile-modal-layout .overlay {
    height: auto;
    width: 86%;
    margin: auto;
    background: #fff;
    vertical-align: center;
    box-shadow: 0 2px 20px 0 #333;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    border-radius: 10px;
    align-self: center;
}

.mobile-modal-layout .overlay .close {
    font: 13px montserratregular;
    width: 30px;
    color: #4c4c4c;
    height: 30px;
    float: left;
    position: absolute;
    right: 5px;
    top: 5px;
    background-size: 15px;
    cursor: pointer;
    background-position: center;
    opacity: 1;
}

.i-close-light {
    background-image: url(../img/ic_close.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.mobile-modal-layout .overlay .info {
    padding: 15px 0;
}

.mobile-modal-layout .overlay .info p {
    color: #000;
}

.mobile-modal-layout .overlay .info-app {
    padding: 14px 24px;
}

.mobile-modal-layout .overlay .btn-container {
    margin: 24px 0 15px;
}

.mobile-modal-layout .overlay .info-app .app-icon {
    width: 65px;
    height: 65px;
    float: left;
    margin-right: 10px;
}

.i-logo-app-store {
    background-image: url(../img/app-icon.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.mobile-modal-layout .overlay .info-app .info-app-store {
    text-align: left;
}

.mobile-modal-layout .overlay .info-app .info-app-store h1 {
    color: #000;
}

.mobile-modal-layout .overlay .overlay-image img {
    width: 100%;
    border-radius: 10px 10px 0 0;
}

.mobile-modal-layout .overlay .info-app .info-app-store .app-stars {
    height: 24px;
}

.mobile-modal-layout .overlay .info-app .info-app-store .app-stars .star {
    height: 12px;
    width: 12px;
    display: inline-block;
}

.i-star-app-full {
    background: url(../img/i-star-app-full.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.info-app-store h1 {
    margin-bottom: 0;
    font-size: 12px;
}

.mobile-modal-layout .overlay .btn-container .btn {
    max-width: calc(100% - 48px);
    min-width: 160px;
    height: 37px;
    padding: 8px 20px;
    clear: both;
    margin-top: 16px;
}

.yellow-btn {
    background: #f2ad4b;
}

.btn {
    color: #fff;
    border-radius: 0;
    box-shadow: 0 2px 10px 0 rgba(164, 164, 164, 0.5);
    transition: ease-in 200ms;
    max-width: 230px;
    display: block;
    font-size: 15px;
    width: 200px;
    margin: auto;
    font-weight: 700;
}

.fontRipleyfono {
    font-size: 28px;
    font-weight: 700;
}

.fontRipleyfono:hover {
    text-decoration: none;
}

.marginTopText {
    margin-top: 10px;
}

.fontLibro {
    color: #4c4c4c;
    text-decoration: underline;
}

.box_accordion .row {
    align-items: center;
}

.box_accordion .row img {
    padding-left: 17px;
}

ul li span {
    color: purple;
    font-weight: 700;
    font-size: 14px;
}

.margin-top {
    margin-top: 30px;
}

.margin-topPageDetails {
    margin-top: 40px;
}

.observacion {
    margin: 5px 0;
    color: #4c4c4c;
}

@media (max-width: 767px) {
    .observacion {
        margin: 5px 20px;
    }
}

.condicionDescuento {
    margin: 12px 0 0;
    color: gray !important;
}

.carousel-indicators li {
    background-color: #adadad;
}

.margin-left {
    margin-left: 10px;
}

.beneficio-align {
    margin: 15px 0;
}

@media (max-width: 575px) {
    .beneficio-align {
        margin-bottom: 15px;
        min-height: 110px;
    }
}

.titleGeneral {
    font-size: 18px;
}

.titleGeneralResponsive {
    font-size: 18px;
    text-align: center;
}

.centerText {
    text-align: center;
}

.nav-item span {
    margin-right: 25px;
}

.font-white {
    color: #fff;
}

.center-child {
    display: flex;
    align-items: center;
}

.bottom-child {
    display: flex;
    align-items: flex-end;
}

.top-child {
    display: flex;
    align-items: flex-start;
}

.px-10 {
    padding-left: 6.5rem !important;
    padding-right: 6.5rem !important;
}

@media (max-width: 991px) {
    .px-10 {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }
}

@media (max-width: 576px) {
    .px-10 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
}

.px-12 {
    padding-left: 9.5rem !important;
    padding-right: 9.5rem !important;
}

.breadcrumbEnlace {
    color: #3f3f41;
}

.breadcrumb-item.active {
    color: #8c4799;
}

.breadcrumb {
    background: #fff;
}

.breadcrumbContainer {
    margin-top: 15px;
}

.breadcrumbNav {
    margin-left: -15px;
}

.link-caracteristica {
    padding-left: 15px;
    position: relative;
    color: #894590;
    width: auto !important;
}

ul.banner {
    padding-left: 0;
}

ul.banner li.list-banner {
    display: block;
    color: #4c4c4c;
    font-family: montserrat, sans-serif;
    font-size: 12.5px;
    padding-left: 12px;
    font-weight: 400;
}

ul.banner li.list-banner:before {
    position: absolute;
    content: "·";
    left: 0;
    top: -10px;
    font-family: montserrat, sans-serif;
    font-weight: 700;
    font-size: 25px;
    color: #4c4c4c;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.contenedorSolicitarProducto {
    height: auto;
    width: 100%;
    background: #523178;
}

.contenedorSolicitarProducto.bgLight {
    background: #ededed;
}

.contenedorSolicitarProducto .sol-producto-with-bg {
    background: #5e388a;
    border-radius: 10px;
}

.contenedorSolicitarProducto .sol-producto:hover {
    background: #5e388a;
    box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.contenedorSolicitarProducto .sol-producto1:hover {
    background: #fff;
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.contenedorSolicitarProducto .link-product:hover {
    text-decoration: none;
    cursor: pointer;
}

.sectionTraslada_CTS {
    background-color: #f9f9f9;
}

.sectionTraslada_CTS .fontTitlesectionTraslada_CTS {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
}

.sectionTraslada_CTS .fontSubTitlesectionTraslada_CTS {
    font-weight: 400 !important;
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .sectionTraslada_CTS .fontSubTitlesectionTraslada_CTS {
        font-size: 14.5px !important;
    }
}

.sectionTraslada_CTS .tituloTrasladaCTS {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #523178;
    text-align: center;
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .sectionTraslada_CTS .tituloTrasladaCTS {
        text-align: left !important;
        margin-right: -21px;
        margin-left: -10px;
    }
}

.sectionTraslada_CTS .linkVerManual {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #8c4799;
}

.sectionTraslada_CTS .linkVerManual:hover {
    text-decoration: none;
    color: #8c4799;
}

.sectionTraslada_CTS .linkDescarga {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #8c4799;
    margin-left: -24px;
    margin-top: 4px;
    width: 200px;
}

.sectionTraslada_CTS .linkDescarga:hover {
    text-decoration: none;
    color: #8c4799;
}

.sectionTraslada_CTS a:hover {
    text-decoration: none;
}

.sectionTraslada_CTS .rowCustomCenter {
    width: 84%;
    margin: auto;
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .sectionTraslada_CTS .rowCustomCenter {
        width: auto;
        margin-right: -15px !important;
        margin-left: -15px !important;
    }
}

.sectionTraslada_CTS .anchoCustomMax {
    max-width: 242px;
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .sectionTraslada_CTS .anchoCustomMax {
        max-width: none;
    }
}

.sectionTraslada_CTS .anchoCustomMaxRight {
    max-width: 248px;
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .sectionTraslada_CTS .anchoCustomMaxRight {
        max-width: none;
    }
}

.sectionTraslada_CTS .rowRight {
    float: right;
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .sectionTraslada_CTS .rowRight {
        float: left;
    }
}

.sectionTraslada_CTS .rowCenter {
    margin: auto;
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .sectionTraslada_CTS .rowCenter {
        margin-right: -15px !important;
        margin-left: -15px !important;
        float: left;
    }
}

.sectionTraslada_CTS .rowLeft {
    float: left;
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .sectionTraslada_CTS .rowLeft {
        float: left;
    }
}

.EncuentraDocumento {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
}

.EncuentraDocumentoLink {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    display: inline !important;
}

.EncuentraDocumentoLink:hover {
    text-decoration: underline;
}

.contenedorPagoTarjeta {
    height: auto;
    width: 100%;
    background: #fafafa;
}

.contenedorPagoTarjeta .sol-productoPagTar:hover {
    background: #6b409c;
    box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.contenedorPagoTarjeta .link-productPagTar:hover {
    text-decoration: none;
    cursor: pointer;
}

@media (max-width: 575.98px) {
    .contenedorPagoTarjeta .sol-productoPagTar {
        width: auto !important;
        height: 63px;
    }
}

.contenedorPagoTarjeta .sol-productoPagTar {
    width: 100%;
    height: 70px;
    background: #5e388a;
    box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.titleItemSolicitarProducto {
    font-size: 20px;
    color: #404040;
    font-weight: 700;
    line-height: 132.87%;
}

.subtitleItemSolicitarProducto {
    font-size: 16px;
    color: #404040;
    font-weight: 500;
    line-height: 135%;
}

.sol-productoHover {
    min-height: 158px;
}

.boxHomeNewBR {
    text-align: center;
    background: #f6f2fb;
    border-radius: 15px;
    margin: auto;
    height: 153px;
    width: 82%;
}

.boxHomeNewBR h2 {
    font-weight: 600;
    font-size: 22px;
    line-height: 27px;
    color: #523178;
}

.boxHomeNewBR p {
    font-weight: 500;
    font-size: 17px;
    line-height: 21px;
    color: #404040;
}

.boxHomeNewBR a {
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 20px;
    align-items: center;
    color: #fefefe;
}

.boxHomeNewBR .btnRed {
    background: #8c4799;
    padding: 9px 30px;
    box-shadow: none;
}

.boxHomeNewBR .btnRed:hover {
    background: #9c4faa;
    box-shadow: none !important;
}

@media (max-width: 575px) {
    .boxHomeNewBR .btnRed {
        width: 98%;
    }
}

@media (max-width: 575px) {
    .boxHomeNewBR {
        height: 259px;
        width: 90%;
    }
}

.fixSolicitarProductoCenter {
    width: 80%;
    border: 3px solid #523178;
    border-radius: 15px;
    margin: auto;
    margin-top: -14px;
    padding-bottom: 21px;
    padding-top: 15px;
}

.link-productMargin {
    padding-left: 0;
    padding-right: 0;
}

.fontTitlePagaTarjetaRMTC {
    font-size: 18px;
    line-height: 16px;
    font-style: normal;
    font-weight: 600;
    color: #f8c21c;
}

.fontTitlePagaTarjetaPPSE {
    font-size: 18px;
    line-height: 22px;
    font-style: normal;
    font-weight: 600;
    color: #f8c21c;
}

.subfontTitlePagaTarjetaPPSE {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #fafafa;
}

@media (max-width: 575.98px) {
    .fixSolicitarProductoCenter {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        border: 3px solid #523178;
        border-radius: 8px;
        margin-top: -25px;
        padding-top: 30px;
    }

    .titleItemSolicitarProducto {
        font-size: 18px;
        line-height: 89%;
    }

    .subtitleItemSolicitarProducto {
        font-size: 15px;
        font-weight: 500;
        line-height: 135%;
    }

    .link-productMargin {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

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

    .fontTitlePagaTarjetaPPSE {
        font-weight: 700;
        font-size: 17px;
        line-height: 132.87%;
    }

    .subfontTitlePagaTarjetaPPSE {
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        line-height: 18px;
    }
}

#vitrinaflotante {
    max-width: 419px;
    max-height: 410px;
    width: 419px;
    height: 400px;
    margin-top: -60px;
    position: relative;
    background-color: #fff;
    margin-left: 70px;
}

@media (max-width: 577px) {
    #vitrinaflotante {
        max-width: 91%;
        margin-top: -25px;
        margin-left: 5%;
        height: 80%;
    }
}

@media (max-width: 767px) {
    #vitrinaflotante {
        height: 97%;
    }
}

.fixSegundaVitrinaflotanteNBPI {
    right: -4px;
}

@media (max-width: 991px) {
    .fixSegundaVitrinaflotanteNBPI {
        right: 0;
    }
}

@media (max-width: 577px) {
    .fixFirstColumnNBPI {
        margin-top: -132px;
        padding-right: 0;
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    .fixFirstColumnNBPI {
        margin-top: -132px;
    }
}

@media (max-width: 991px) {
    .fixFirstColumnNBPI {
        margin-top: -132px;
    }
}

@media (max-width: 577px) {
    .fixSecondColumnNBPI {
        margin-top: 15px;
        margin-bottom: 50px;
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    .fixSecondColumnNBPI {
        margin-top: 15px;
        margin-bottom: 50px;
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 991px) {
    .fixSecondColumnNBPI {
        margin-top: 15px;
        margin-bottom: 50px;
        padding-left: 0;
        padding-right: 0;
    }
}

#vitrinaflotanteNBPI {
    position: absolute;
    width: 530px;
    height: 660px;
    left: -79px;
    top: 63px;
    max-width: 560px;
    max-height: 660px;
    margin-top: -221px;
    position: relative;
    background-color: #fff;
    margin-left: 85px;
    margin-bottom: 152px;
    padding-left: 22px;
}

@media (max-width: 577px) {
    #vitrinaflotanteNBPI {
        min-width: 335px;
        max-width: 92%;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
        margin: auto;
        left: 0;
        top: 0;
    }
}

@media (max-width: 767px) {
    #vitrinaflotanteNBPI {
        min-width: 335px;
        max-width: 92%;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
        margin: auto;
        left: 0;
        top: 0;
    }
}

@media (max-width: 991px) {
    #vitrinaflotanteNBPI {
        min-width: 335px;
        max-width: 92%;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
        margin: auto;
        left: 0;
        top: 0;
    }
}

.divCerrarFlotante {
    padding: 12px;
    border: 0;
    margin-top: -50px;
    padding-top: 10px;
}

.divCerrarFlotanteSpan {
    width: 20px;
    float: right;
    position: absolute;
    top: -25px;
    right: -10px;
    margin-top: 0;
    margin-right: 0;
}

.divCerrarFlotanteSpanMovil {
    width: 20px;
    float: right;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 0;
    margin-right: 0;
    z-index: 8999;
}

.SpanFlotante {
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    cursor: hand;
}

.modalVerPelicula {
    position: relative;
    padding: 0;
}

#modalVerVideo {
    top: 19%;
    z-index: 10040;
}

@media (max-width: 931px) {
    #modalVerVideo {
        padding-left: 17px;
    }
}

.dgModal {
    max-width: 898px;
    margin: 20px auto;
}

.modalFondoVerVideo {
    background-color: #523178;
}

#cartoonVideo {
    width: 100%;
    height: 100%;
}

.marcoImagen {
    width: 898px;
    height: 475px;
}

.divSeguridad {
    margin-top: -40px;
    padding-bottom: 50px;
}

.style2ItemBeneficioSMS {
    margin-left: -15px;
}

.fixMargenTextoMasBanca {
    margin-top: 60px !important;
}

@media (max-width: 767px) {
    .fixMargenTextoMasBanca {
        margin-top: 6px !important;
    }
}

.imgFormaIngresoMovil {
    width: 272px;
    height: 171px;
}

.imgFormaIngresoMovilApp {
    width: 271px;
    height: 353px;
}

@media (max-width: 575px) {
    .detalleConociasNosotros {
        margin-left: 12px;
        margin-top: 0 !important;
    }

    .divSeguridad {
        margin-top: 30px;
        padding-bottom: 0;
    }
}

@media (max-width: 767px) {
    .divSeguridad {
        margin-top: 30px;
        padding-bottom: 0;
    }
}

@media (max-width: 432px) {
    .responsHB .circuloItemBeneficio {
        text-align: center;
        margin-top: 10px;
    }
}

@media (max-width: 575px) {
    .responsHB #nav-tab .nav-link {
        min-width: 90px;
        padding: 0;
    }

    .responsHB .imgFormaIngreso0Movil {
        margin-left: 5px;
        margin-top: 125px;
    }

    .responsHB .imgFormaIngresoMovil {
        margin-top: 25px;
    }

    .responsHB .imgFormaIngresoMovilApp {
        margin-top: 25px;
    }

    .responsHB .imgAfiliateSMSToken {
        margin-top: -40px;
        margin-left: 5%;
        width: 94%;
    }

    .responsHB .imgAfiliateSMSToken2 {
        margin-left: 5%;
        width: 94%;
    }

    .responsHB .imgAfiliateSMSToken3 {
        margin-left: 5%;
        width: 94%;
    }

    .responsHB .style1imgAfiliateSMSToken2 {
        margin-left: 0;
    }

    .responsHB .style1imgAfiliateSMSToken3 {
        margin-left: 0;
    }

    .responsHB .style1ItemBeneficioSMS {
        margin-top: -10px;
        width: 98%;
        margin-left: 0;
        margin-bottom: 20px;
    }

    .responsHB .style2ItemBeneficioSMS {
        margin-left: 0;
        margin-top: -10px;
        width: 98%;
        margin-left: 2%;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .responsHB .style0ItemBeneficioSMS {
        margin-left: 0;
    }

    .responsHB .colorItemAcordion {
        line-height: 20px;
    }

    .responsHB .colorItemAcordionApp {
        line-height: 20px;
    }

    .responsHB .espacioItemCol2 {
        font-size: 16px;
        margin-right: -2px;
    }

    .responsHB .detalleBancaInternet {
        line-height: 20px;
        margin-left: -20px;
        margin-right: 8px;
    }

    .responsHB .tituloBancaInternet {
        font-weight: 400;
        font-size: 22px;
        line-height: 29px;
        margin-bottom: 30px;
        margin-top: -20px;
        margin-left: 15px;
    }

    .responsHB .negritaSpan {
        font-weight: 400;
        font-size: 22px;
        line-height: 29px;
    }

    .responsHB .circuloItemBeneficio {
        text-align: center;
        margin-top: 10px;
    }

    .responsHB .DetalleTituloItemBeneficio {
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 20px;
        margin-bottom: 50px;
    }

    .responsHB .DetalleTituloItemBeneficioApp {
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 20px;
        margin-bottom: 50px;
    }

    .responsHB .btnletraIngresar {
        margin-left: 10px;
        margin-bottom: 40px;
    }

    .responsHB .btnletraIngresarApp {
        margin-left: 10px;
        margin-bottom: 40px;
    }

    .responsHB .TituloIngresar {
        margin-left: 9px;
        margin-top: 20px;
        padding-top: 25px;
    }

    .responsHB .DescripcionIngresar {
        margin-left: 10px;
        text-align: left;
        font-size: 16px;
        line-height: 22px;
    }

    .responsHB .DescripcionIngresar a {
        font-size: 16px !important;
    }

    .responsHB .imgFormaIngreso {
        margin-left: -15px;
        width: 340px;
    }

    .responsHB .imgFormaIngresoApp {
        margin-left: -15px;
        width: 340px;
    }

    .responsHB .itemDetalleBeneficio {
        margin-left: 0;
        margin-right: 0;
        margin-top: -15px;
    }

    .responsHB .ItemBeneficio {
        margin-bottom: 25px;
    }

    .responsHB .margenFilaQuesePuedeHacer {
        margin-top: 10px;
        margin-bottom: 0;
        margin-left: -20px;
    }

    .responsHB .espacioBottom {
        margin-bottom: 50px;
        margin-top: 160px;
    }

    .responsHB .espacioBottomApp {
        margin-bottom: 50px;
        margin-top: 275px;
    }

    .responsHB .tituloDetalleMasBanca {
        margin-left: 0;
    }

    .responsHB .detalleMasBanca {
        margin-right: 0;
        margin-left: 0;
    }

    .responsHB .detalleMasBancaSubItem {
        margin-right: 0;
        margin-left: 20px;
    }

    .responsHB .margenIzquierdaTutorial {
        margin-left: -20px;
        margin-right: -30px;
        margin-top: 15px;
    }

    .responsHB #listaItemTutorial {
        margin-left: 1px;
        margin-right: 10px;
    }

    .responsHB #listaItemTutorial > li {
        font-size: 15px;
    }

    .responsHB .detalleTutoriales {
        margin-left: 0;
        padding-left: 0;
    }

    .responsHB .verVideo {
        margin-left: 0;
    }

    .responsHB .TextoMasBanca {
        margin-left: 0;
        margin-top: 20px;
        margin-bottom: 50px;
        font-size: 20px;
    }

    .responsHB .TextoMasBancaApp {
        margin-left: 0;
        margin-top: 20px;
        margin-bottom: 50px;
        font-size: 22px !important;
    }

    .responsHB .strongTextoPurpleMasBanco {
        font-size: 22px;
    }

    .responsHB .pageDetails {
        width: 335px;
    }
}

@media (max-width: 768px) {
    .responsHB .style0ItemBeneficioSMS {
        margin-left: 0;
    }

    .responsHB .imgFormaIngreso0Movil {
        margin-left: 5px;
        margin-top: 125px;
    }

    .responsHB .imgFormaIngresoMovil {
        margin-top: 25px;
    }

    .responsHB .imgFormaIngresoMovilApp {
        margin-top: 25px;
        margin-left: -8%;
    }

    .responsHB .TituloIngresar {
        margin-top: 10px;
        padding-top: 25px;
    }

    .responsHB .espacioBottomApp {
        margin-bottom: 50px;
        margin-top: 275px;
    }
}

@media (max-width: 991px) {
    .responsHB .style0ItemBeneficioSMS {
        margin-left: 0;
    }

    .responsHB .imgFormaIngreso0 {
        margin-left: -10px;
    }

    .responsHB .detalleBancaInternet {
        margin-bottom: 60px;
    }

    .responsHB .imgFormaIngreso {
        margin-top: 30px;
        margin-left: 20px;
        padding-bottom: 0;
    }

    .responsHB .imgFormaIngresoApp {
        margin-top: 30px;
        margin-left: 20px;
        padding-bottom: 0;
    }

    .responsHB .margenFilaQuesePuedeHacer {
        margin-top: -50px;
        margin-bottom: 0;
    }

    .responsHB .margenLeftFilaQuesePuedeHacer {
        margin-left: 5px;
    }

    .responsHB .TextoMasBanca {
        margin-left: 0;
    }

    .responsHB .TextoMasBancaApp {
        margin-left: 0;
    }
}

@media (min-width: 576px) and (max-width: 990px) {
    .detalleConociasNosotros {
        margin-left: 23px;
        margin-top: 0;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .style0ItemBeneficioSMS {
        margin-left: 10%;
    }

    .style2ItemBeneficioSMS {
        margin-left: 10%;
    }

    .margenLeftFilaQuesePuedeHacer {
        margin-left: 20px;
    }

    .imgEstrella {
        margin-top: -407px;
        margin-left: 60%;
    }

    .detalleBancaInternet {
        width: 320px;
    }
}

.imgMasBanca0 {
    margin-top: 174px;
    margin-left: -65px;
    position: absolute;
    z-index: 1;
}

.imgMasBanca {
    margin-top: 30px;
    z-index: -1;
}

.margenFilaQuesePuedeHacer {
    margin-bottom: -50px;
}

.itemDetalleBeneficio {
    margin-left: 60px;
    margin-right: 60px;
}

.iconBNPI {
    padding-left: 84px;
    padding-top: 32px;
}

.TituloIngresar {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 28px;
    color: #523178;
    margin-left: 45px;
    margin-top: 70px;
    padding-top: 10px;
}

@media (max-width: 767px) {
    .TituloIngresar {
        font-size: 26px;
    }
}

.TituloBNPI {
    font-family: Montserrat !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 26px !important;
    line-height: 28px !important;
    color: #523178 !important;
    margin-left: 45px;
    margin-top: 40px !important;
    padding-top: 10px !important;
}

@media (max-width: 575px) {
    .TituloBNPI {
        text-align: center;
        font-style: normal;
        font-weight: 500;
        font-size: 24px !important;
        line-height: 28px !important;
        margin-left: 0 !important;
        margin-top: 20px !important;
    }
}

.SubTituloBNPI {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    line-height: 28px;
    color: #404040;
    margin-left: -16px;
}

@media (max-width: 575px) {
    .SubTituloBNPI {
        text-align: center;
        margin-left: 0;
        font-style: normal;
        font-weight: 500;
        font-size: 13px;
        line-height: 28px;
        margin-left: 0;
    }
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #000;
}

.SubTituloBNPI .tooltiptext {
    position: absolute;
    z-index: 1;
    visibility: hidden;
    width: 220px;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    position: absolute;
    background: #8c4799;
    border-radius: 9.4186px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    margin-left: -185px;
    margin-top: 35px;
}

.SubTituloBNPI .tooltipImg {
    position: absolute;
    z-index: 1;
    visibility: hidden;
    padding-top: 29px;
    margin-left: -15px;
}

.SubTituloBNPI:hover .tooltiptext {
    visibility: visible;
}

.SubTituloBNPI:hover .tooltipImg {
    visibility: visible;
}

.textoBNPI {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #404040;
    position: absolute;
    padding-top: 13px;
    width: 202px;
}

.textoDosBNPI {
    padding-top: 9px;
    padding-left: 51px;
    width: 236px;
}

.textlink {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 28px;
    text-decoration-line: underline;
    color: #8c4799;
    margin-left: 22px;
    max-width: none !important;
}

@media (max-width: 575px) {
    .textlink {
        margin-left: 40px;
    }
}

.textlink2 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 28px;
    text-decoration-line: underline;
    color: #8c4799;
    margin-left: 22px;
    max-width: none !important;
}

@media (max-width: 575px) {
    .textlink2 {
        margin-left: 40px;
    }
}

.textlink:hover {
    text-decoration-line: underline;
    color: #8c4799;
}

.textoComplemetnoBNPI {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 25px;
    color: #404040;
    width: 263px;
    padding-left: 23px;
}

@media (max-width: 575px) {
    .textoComplemetnoBNPI {
        font-size: 13px;
        padding-left: 25px;
    }
}

@media (max-width: 575px) {
    .divFilaMasAdelante {
        margin-left: 0;
    }
}

@media (max-width: 991px) {
    .divFilaMasAdelante {
        margin-top: 20px;
        margin-left: 25px;
    }
}

.detalleConociasNosotros {
    margin-top: 23px;
}

.subtitleConsultaCuentaAhorro {
    margin-right: 34px;
}

@media (max-width: 575px) {
    .subtitleConsultaCuentaAhorro {
        margin-right: 25px;
        float: left;
    }
}

.textoBNI {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    display: flex;
    align-items: center;
    color: #404040;
}

@media (max-width: 575px) {
    .textoBNI {
        font-size: 14px;
        line-height: 22px;
    }
}

.textoBNILeft {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: #404040;
}

@media (max-width: 575px) {
    .textoBNILeft {
        font-size: 14px;
        line-height: 22px;
    }
}

.textoSeparadorBPI {
    width: 344px;
    padding-left: 18px;
}

.textoSeparadorBPILeft {
    width: 92%;
    padding-left: 8%;
}

@media (max-width: 575px) {
    .textoSeparadorBPILeft {
        padding-left: 5%;
    }
}

.divSeparador {
    padding-top: 12px;
}

.textoBNIMovil {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #404040;
}

@media (max-width: 575px) {
    .fixAltovitrinaflotanteNBPI {
        height: 552px !important;
    }
}

.centerTituloBNPI {
    margin-left: 11px;
}

@media (max-width: 575px) {
    .centerTituloBNPI {
        margin-top: 15px !important;
        margin-left: 12px !important;
        margin-right: 12px;
    }
}

.imgBPNI {
    margin-right: 34px;
}

.divFitaBottomSecondColumn {
    margin-top: 137px;
}

@media (max-width: 575px) {
    .divFitaBottomSecondColumn {
        margin-top: 60px;
    }
}

@media (max-width: 991px) {
    .divFitaBottomSecondColumn {
        margin-top: 60px;
    }
}

.listaBNPI {
    width: 263px;
    padding-left: 46px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #404040;
    align-items: center;
}

@media (max-width: 575px) {
    .listaBNPI {
        font-size: 13px;
    }
}

.listaBNPI li {
    padding-left: 1em;
    text-indent: -0.7em;
    list-style: none;
    margin-left: -27px;
}

.listaBNPI li::before {
    color: #8c4799 !important;
}

.DescripcionIngresar {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #58595b;
    margin-left: 45px;
    margin-top: 20px;
    margin-right: 45px;
}

.DescripcionIngresar a {
    font-size: 14px;
}

@media (max-width: 767px) {
    .DescripcionIngresar {
        margin-top: 20px;
        margin-right: 10px;
    }
}

.fixEnterateKasnet {
    text-align: center;
    padding-top: 60px;
    padding-bottom: 10px;
}

.fixEnterateKasnet p {
    font-size: 16px !important;
}

@media (max-width: 767px) {
    .fixEnterateKasnet {
        text-align: left;
        padding-top: 35px !important;
        padding-bottom: 0 !important;
    }
}

.btnletraIngresar {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 15px;
    text-align: center;
    background-color: #e7273a !important;
    margin: 15px;
    margin-left: 45px;
    margin-top: 30px;
    width: 173px;
    height: 46px;
}

.btnletraIngresarApp {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600 !important;
    font-size: 16px;
    line-height: 15px;
    text-align: center;
    background-color: #e7273a !important;
    margin: 15px;
    margin-left: 45px;
    margin-top: 30px;
    width: 173px;
    height: 46px;
}

.imgFormaIngreso0 {
    margin-top: 165px;
    margin-left: -230px;
    position: absolute;
    z-index: 1;
}

.imgFormaIngreso0Movil {
    width: 120px;
    height: 127px;
    margin-top: 160px;
    margin-left: -230px;
    position: absolute;
    z-index: 1;
}

.imgFormaIngreso {
    margin-top: -120px;
    margin-left: -190px;
    padding-bottom: 10px;
    z-index: -1;
}

.imgFormaIngresoApp {
    margin-top: -112px;
    margin-left: -170px;
    padding-bottom: 10px;
    width: 400px;
    height: 453px;
    z-index: -1;
}

.imgAfiliateSMSToken {
    max-width: 457px;
    max-height: 284px;
    margin-left: 30%;
    margin-top: 50px;
}

.style0imgAfiliateSMSTokenMovil {
    text-align: center;
}

.style1imgAfiliateSMSToken2Movil {
    text-align: center;
    margin-top: 45px;
    margin-bottom: 10px;
}

.style2imgAfiliateSMSToken3Movil {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
}

.imgAfiliateSMSToken2 {
    max-width: 426px;
    max-height: 301px;
    margin-top: 25px;
}

.imgAfiliateSMSToken3 {
    max-width: 426px;
    max-height: 301px;
    margin-left: 25%;
    margin-top: 10px;
}

.TextoBeneficios {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 28px;
    text-align: center;
    color: #8c4799;
    margin-bottom: 60px;
    margin-top: -110px;
}

@media (max-width: 767px) {
    .TextoBeneficios {
        font-size: 30px;
    }
}

.TextoBeneficiosApp {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 28px;
    text-align: center;
    color: #8c4799;
    margin-bottom: 60px;
    margin-top: -210px;
}

@media (max-width: 767px) {
    .TextoBeneficiosApp {
        font-size: 30px;
    }
}

.TextoMasBanca {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 28px;
    color: #523178;
    margin-top: 120px;
    margin-left: -10px;
    margin-bottom: 25px;
}

.TextoMasBancaApp {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 28px;
    color: #523178;
    margin-top: 45px;
    margin-left: -10px;
    margin-bottom: 50px;
}

.fixMargin {
    margin-left: -22px;
    margin-top: 80px;
}

@media (max-width: 767px) {
    .fixMargin {
        margin-top: 50px !important;
        font-family: Montserrat;
        font-style: normal;
        font-weight: 400;
        font-size: 22px !important;
        line-height: 28px;
    }
}

.content-Panel {
    margin-left: 12px;
    margin-bottom: 40px;
}

.ItemBeneficio {
    text-align: center;
    margin-bottom: 10px;
}

.circuloItemBeneficio {
    margin-left: 0;
    height: 52px;
}

.circuloVerVideo {
    width: 23px;
    height: 23px;
    border-radius: 50px;
    background: #8c4799;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-vector.svg) no-repeat
        center center;
    float: left;
}

.verVideo {
    margin-top: 25px;
    margin-left: 15px;
    margin-bottom: 40px;
}

.TituloItemBeneficio {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 800;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    color: #333;
    margin-top: 20px;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .TituloItemBeneficio {
        font-size: 20px;
        line-height: 22px;
    }
}

.DetalleTituloItemBeneficio {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #58595b;
    margin-left: 15px;
    margin-right: 15px;
}

.DetalleTituloItemBeneficioApp {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #58595b;
    margin-left: 19px;
    margin-right: 19px;
}

.ItemBeneficioSMS {
    margin-top: 10%;
    width: 92%;
}

.circuloItemBeneficioSMS {
    width: 42px;
    height: 42px;
    margin-left: -30px;
    margin-bottom: 30px;
}

.rowSMSToken {
    margin-top: 15px;
    margin-bottom: 12px;
}

@media (max-width: 767px) {
    .rowSMSToken {
        margin-top: 0;
    }
}

.style0ItemBeneficioSMS {
    width: 92%;
}

@media (max-width: 767px) {
    .style0ItemBeneficioSMS {
        width: 100%;
    }
}

.style0TituloItemBeneficioSMS {
    width: 90%;
}

@media (max-width: 767px) {
    .style0TituloItemBeneficioSMS {
        width: 100%;
    }
}

.style1ItemBeneficioSMS {
    width: 92%;
    margin-left: 12%;
}

.style1TituloItemBeneficioSMS {
    width: 70%;
}

@media (max-width: 767px) {
    .style1TituloItemBeneficioSMS {
        width: 90%;
    }
}

.style1TituloItemBeneficioSMSApp {
    width: 80%;
}

@media (max-width: 767px) {
    .style1TituloItemBeneficioSMSApp {
        width: 90%;
    }
}

.style2TituloItemBeneficioSMSApp {
    width: 85%;
}

@media (max-width: 767px) {
    .style2TituloItemBeneficioSMSApp {
        width: 90%;
    }
}

.style1imgAfiliateSMSToken2 {
    margin-left: 15%;
}

.style1imgAfiliateSMSToken3 {
    margin-left: 25%;
}

.TituloItemBeneficioSMS {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
    line-height: 32px;
    color: #333;
    margin-top: 20px;
    margin-bottom: 25px;
    margin-left: 15px;
    text-align: left;
}

@media (max-width: 767px) {
    .TituloItemBeneficioSMS {
        font-weight: 500;
        font-size: 18px;
        line-height: 24px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
}

.DetalleTituloItemBeneficioSMS {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 23px;
    text-align: left;
    color: #58595b;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .DetalleTituloItemBeneficioSMS {
        line-height: 22px;
        text-align: center;
        margin-left: -10px;
        margin-right: -10px;
    }
}

.fixDetalleTituloItemBeneficioSMS {
    margin-right: 30px;
}

.DetalleTituloItemBeneficioSMSApp {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 23px;
    text-align: left;
    color: #58595b;
    margin-left: 21px;
    margin-right: 25px;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .DetalleTituloItemBeneficioSMSApp {
        line-height: 22px;
        text-align: center;
        margin-left: -10px;
        margin-right: -10px;
    }
}

.clsVisualiza {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 27px;
    color: #f2c94c;
}

.divConsultaRP {
    margin-top: -15px;
    margin-left: -20px;
    z-index: 899;
}

.topAdemasAccede {
    margin-top: 25px !important;
}

.divAdemasAccede {
    margin-top: -30px;
    margin-left: 2px;
}

.tituloBancaInternet {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 42px;
    color: #fff;
    margin-bottom: 50px;
    margin-top: -30px;
    margin-left: -10px;
}

.negritaSpan {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 42px;
    color: #fff;
}

.detalleBancaInternet {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: #fff;
    margin-top: 2px;
    margin-left: 25px;
    margin-right: 20px;
}

.detalleMasBanca {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #4c4c4c;
    list-style: none;
    margin-right: 50px;
    margin-left: 30px;
    margin-top: -20px;
}

.detalleMasBancaSubItem {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #4c4c4c;
    list-style: none;
    margin-right: 50px;
    margin-top: 10px;
}

.imgQuePuedoHacerBancaInternet {
    width: 471px;
    height: 275px;
}

.detalleMasBancaTitulo {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;
    color: #4c4c4c;
    list-style: none;
    margin-right: 50px;
    margin-left: 30px;
    margin-top: -20px;
    margin-bottom: 20px;
}

.tituloDetalleMasBanca {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 33px;
    color: #523178;
    margin-bottom: 50px;
    margin-left: 30px;
    margin-top: 50px;
}

.strongTextoMasBanco {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
    color: #523178;
}

.strongTextoPurpleMasBanco {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 28px;
    color: #523178;
}

.divFixImagen {
    margin-top: -275px;
    margin-bottom: 260px;
}

@media (max-width: 992px) {
    .divFixImagen {
        margin-top: 0;
    }
}

.imgQuePuedoHacerBancaInternet0 {
    max-width: 809px;
    max-height: 580px;
}

.imgEstrella {
    margin-left: -150px;
    margin-top: -120px;
}

@media (max-width: 1200px) {
    .imgEstrella {
        opacity: 0;
    }
}

.imgEstrellaTop {
    margin-top: -377px;
    margin-left: 100px;
    position: absolute;
}

.imgQuePuedoHacerBancaInternetMovil {
    min-width: 324px;
    min-height: 189px;
    width: 324px;
    height: 189px;
    margin-top: 4px;
}

@media (max-width: 374px) {
    .imgQuePuedoHacerBancaInternetMovil {
        margin-left: -8%;
    }
}

@media (max-width: 576px) {
    .imgQuePuedoHacerBancaInternetMovil {
        margin-top: -20px;
    }
}

.espacioBottom {
    margin-bottom: 90px;
}

.espacioBottomApp {
    margin-bottom: 90px;
}

.espacioItem {
    margin-bottom: 15px;
}

.espacioVideoApp {
    margin-top: -170px;
    margin-bottom: 250px;
}

@media (max-width: 575px) {
    .espacioVideoApp {
        margin-top: -140px;
    }
}

@media (max-width: 575px) {
    .fixPaddXMobile {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

.itemCheckVideoApp {
    margin-right: 15px;
}

@media (max-width: 575px) {
    .itemCheckVideoApp {
        margin-right: 10px;
    }
}

.espacioItem0 {
    margin-bottom: 15px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    color: #8c4799;
    margin-top: 40px;
}

.espacioItem2 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #58595b;
    margin-bottom: 8px;
    max-width: 607px;
}

.espacioItemCol2 {
    margin-bottom: 10px;
}

.rowContainerFluid {
    padding-bottom: 40px;
}

.menuTopRight {
    margin-top: -60px;
    margin-right: 0;
}

.tutoComoRegistro {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #454343;
}

.LinkAtrasPage {
    font-family: Montserrat;
    font-style: normal;
    font-size: 24px;
    line-height: 29px;
    color: #523178;
}

.margenIzquierdaTutorial {
    margin-left: 17px;
}

.fontVerVideo {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 135.4%;
    color: #424242;
    padding-left: 15px;
}

.col_box_accordion button {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-align: left;
    background: 0 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0;
    padding: 0 40px 15px 15px;
    outline: 0;
    border-bottom: 1px solid #efefef;
    margin-top: 15px;
    line-height: 37px;
}

.colorItemAcordion {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    color: #8c4799;
}

.colorItemAcordionApp {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    color: #8c4799;
}

.boxDegradadoHB {
    background: #f8f8f8;
    background: -moz-linear-gradient(top, #f8f8f8 0, white 100%);
    background: -webkit-gradient(
        left top,
        left bottom,
        color-stop(0, #f8f8f8),
        color-stop(100%, white)
    );
    background: -webkit-linear-gradient(top, #f8f8f8 0, white 100%);
    background: -o-linear-gradient(top, #f8f8f8 0, white 100%);
    background: -ms-linear-gradient(top, #f8f8f8 0, white 100%);
    background: linear-gradient(to bottom, #f8f8f8 0, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}

.containersectionTop {
    background-color: #523178;
    padding-top: 120px;
    padding-bottom: 50px;
}

.divContainerAfiliateSMSToken {
    background: linear-gradient(180deg, #f2f4f9 0, #f2f4f9 100%);
}

@media (max-width: 767px) {
    .divBottomSeguridad {
        padding-bottom: 10px;
    }
}

.bgVitrinaBxI_pageDetails {
    background: url(../img/landingbxi/bancainternet_normal.png) top right
        no-repeat;
    background-size: auto 100%;
    background-color: #ebeae8;
    position: relative;
    height: 240px;
}

@media (max-width: 992px) {
    .bgVitrinaBxI_pageDetails {
        background: url(../img/landingbxi/bancainternet_sm.png) top right
            no-repeat;
        background-size: auto 100%;
        background-color: #ebeae8;
        position: relative;
    }
}

@media (max-width: 575px) {
    .bgVitrinaBxI_pageDetails {
        height: 200px;
        background: url(../img/landingbxi/bancainternet_xs.png) top right
            no-repeat;
        background-size: auto 100%;
        background-color: #ebeae8;
        position: relative;
    }
}

.bgVitrinaNBPI_pageDetails {
    background-size: auto 100%;
    background-color: #7c3f88;
    position: relative;
    height: 220px;
}

@media (max-width: 992px) {
    .bgVitrinaNBPI_pageDetails {
        background-size: auto 100%;
        background-color: #7c3f88;
        position: relative;
    }
}

@media (max-width: 575px) {
    .bgVitrinaNBPI_pageDetails {
        height: 150px;
        background-size: auto 100%;
        background-color: #7c3f88;
        position: relative;
    }
}

.btnNBPI {
    padding: 18px 90px;
    background: #4f2d7f;
    border-radius: 4px;
    color: #fff;
}

.btnNBPI:hover {
    color: #fff;
    text-decoration: none !important;
    background-color: #5e388a !important;
}

.btnNBPI2 {
    margin-top: 209px;
    padding: 18px 95.8px;
    background: #4f2d7f;
    border-radius: 4px;
    color: #fff;
}

.btnNBPI2:hover {
    color: #fff;
    text-decoration: none !important;
    background-color: #5e388a !important;
}

.btnNBPIFix {
    margin-top: 209px;
    padding: 18px 95.8px;
    background: #4f2d7f;
    border-radius: 4px;
    color: #fff;
}

.btnNBPIFix:hover {
    color: #fff;
    text-decoration: none !important;
    background-color: #5e388a !important;
}

.bgVitrinaApp_pageDetails {
    background: url(../img/landingapp/app_normal.png) top right no-repeat;
    background-size: auto 100%;
    background-color: #533279;
    position: relative;
    height: 240px;
}

@media (max-width: 992px) {
    .bgVitrinaApp_pageDetails {
        background: url(../img/landingapp/app_sm.png) top right no-repeat;
        background-size: auto 100%;
        background-color: #533279;
        position: relative;
    }
}

@media (max-width: 575px) {
    .bgVitrinaApp_pageDetails {
        height: 200px;
        background: url(../img/landingapp/app_xs.png) top right no-repeat;
        background-size: auto 100%;
        background-color: #533279;
        position: relative;
    }
}

.background-gray {
    background: rgba(66, 66, 66, 0.5);
    height: 100%;
}

.background-grayApp {
    background: rgba(66, 66, 66, 0.57);
    height: 100%;
}

@media (max-width: 575px) {
    .divConsultaRP {
        margin-left: 5px;
    }

    .topAdemasAccede {
        margin-top: -20px !important;
    }

    .divAdemasAccede {
        margin-top: -20px;
    }

    .espacioItem2 {
        margin-left: -17px;
    }

    #divcontainersectionTop {
        margin-top: 0;
        margin-bottom: 30px;
    }
}

.divfontComoloHago {
    text-align: left;
}

@media (max-width: 767px) {
    .divfontComoloHago {
        text-align: center;
    }
}

.fontComoloHago {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-decoration-line: underline;
    color: #8c4799;
}

.video-btn:hover {
    color: #8c4799;
}

.fontComoloHago:hover {
    color: #8c4799;
}

.StyleVitrinaflotante {
    box-shadow: 0 40px 30px rgba(230, 231, 243, 0.3);
    box-shadow: 0 24px 30px rgba(230, 231, 243, 0.3);
    -webkit-box-shadow: 0 24px 30px rgba(230, 231, 243, 0.3);
    -moz-box-shadow: 0 24px 30px rgba(230, 231, 243, 0.3);
    border-radius: 10px;
}

.StyleVitrinaflotanteNBPI {
    background: #fff !important;
    border: 1px solid rgba(151, 153, 155, 0.15) !important;
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(242, 244, 249, 0.5) !important;
    border-radius: 7.98637px !important;
}

@media (min-width: 992px) and (max-width: 1200px) {
    #vitrinaflotanteNBPI {
        width: 510px !important;
    }

    .imgEstrellaTop {
        margin-top: -697px;
        margin-left: 450px;
        position: relative;
    }

    .divAdemasAccede {
        margin-left: -10px;
    }

    .margenFilaQuesePuedeHacer {
        margin-bottom: 5px;
    }
}

.fixUnaLinea {
    width: 360px;
}

@media (max-width: 450px) {
    .fixUnaLinea {
        width: 100%;
    }
}

.bloqueante:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: " ";
    background-color: rgba(0, 0, 0, 0.1);
}

.backColorVitrinaHBK {
    background-color: #7c3f88 !important;
}

.filaNewBancaHBK {
    height: 130px;
    text-align: center;
    margin-left: 10px;
}

@media (max-width: 1199px) {
    .filaNewBancaHBK {
        margin-left: 0;
    }
}

.contImgNewBancaHBK {
    height: 40px;
    width: 46px;
    margin: auto;
    margin-bottom: -5px;
    padding-left: 18px;
}

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

@media (min-width: 576px) and (max-width: 991px) {
    .centerTituloBNPI {
        padding-left: 40px;
    }
}

@media (min-width: 991px) and (max-width: 1200px) {
    .divFitaBottomSecondColumn {
        margin-top: 100px;
    }
}

.btnWhite2 {
    text-align: center !important;
    background-color: #f2ad4b !important;
    color: #fff !important;
    border-radius: 4px;
    line-height: 31px !important;
    padding-left: 13px !important;
    padding-right: 13px !important;
}

@media (max-width: 576px) {
    .btnWhite2 {
        line-height: 15px !important;
        margin-left: 0 !important;
        margin-right: -15px !important;
    }
}

@media (max-width: 767px) {
    .btnWhite2 {
        line-height: 15px !important;
        margin-left: 0 !important;
        margin-right: -15px !important;
    }
}

.btnSecondVitrina {
    margin-left: 153px;
    margin-top: -46px;
}

@media (max-width: 576px) {
    .btnSecondVitrina {
        margin-left: -15px !important;
        margin-top: 0 !important;
        width: 150px;
    }
}

@media (max-width: 767px) {
    .btnSecondVitrina {
        margin-left: 0 !important;
        margin-top: 0 !important;
        width: 150px;
    }
}

.suavizarBorde {
    border-radius: 4px;
}

.cssVerAgenciaKasNet {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-decoration-line: underline;
    color: #8c4799;
}

.cssVerAgenciaKasNet:hover {
    text-decoration-line: underline;
    color: #8c4799;
}

.btnFix {
    padding: 1% 2% !important;
    width: 140px;
    position: absolute;
}

@media (max-width: 575.98px) {
    .btnFix {
        padding: 2% 6% !important;
        position: relative;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .btnFix {
        padding: 2% 6% !important;
        position: relative;
    }
}

.btnFix2 {
    padding: 2% !important;
    width: 140px;
    position: relative;
}

@media (max-width: 575.98px) {
    .btnFix2 {
        padding: 2% 6% !important;
        position: relative;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .btnFix2 {
        padding: 2% 6% !important;
        position: relative;
    }
}

.withOutPaddingBase {
    margin-top: -35px;
    margin-bottom: -35px;
}

.s0_ {
    font-size: 14px !important;
}

.s1_0 {
    font-size: 12px !important;
}

.tachadoLine {
    text-decoration: line-through;
    text-decoration-color: red;
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
}

#modalCMS {
    z-index: 10000;
    background-color: #0000004d;
}

#modalCMS .modal-content {
    background: #000;
    overflow: hidden;
    border: 0;
    box-shadow: 4px 2px 10px #0000004d;
}

#modalCMS .modal-header {
    padding: 0;
    border: 0;
}

#modalCMS .modal-header .close {
    top: 3.5%;
    right: 2.5%;
    mix-blend-mode: difference;
    width: 30px;
    height: 30px;
    background-size: 12px auto !important;
    position: absolute;
    z-index: 100;
    padding: 0;
    margin: 0;
}

@media (max-width: 767px) {
    #modalCMS .modal-header .close {
        top: 0;
        right: 0;
    }
}

#modalCMS .modal-header img {
    width: 100%;
}

#modalCMS .modalCMS_href {
    width: 100%;
}

.contentListQuestions {
    background: #fff;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 4px 8px rgba(200, 200, 200, 0.5);
    margin-top: 3px;
    color: #747079;
    margin-bottom: 5px;
    max-height: 240px;
    overflow-y: auto;
}

.contentListQuestions ul li {
    padding: 10px 18px;
    cursor: pointer;
}

.contentListQuestions ul li:hover {
    background: #f3f3f3;
}

.contentSelected {
    background: #fff;
    box-sizing: border-box;
    padding: 20px 20px 30px;
}

.contentSelected .question {
    border-bottom: 1px solid #ededed;
    padding-bottom: 10px;
}

.contentSelected .answer {
    font-weight: 500;
    color: #404040;
}

#searchLr {
    color: #462a66;
    border: 1px solid #523178;
    height: 48px;
    padding: 12px 16px;
    border-radius: 4px;
    background: #fff
        url(https://www.bancoripley.com.pe/img/svg/icon-search-lr.svg) no-repeat
        98%;
}

.resetBackground {
    background: 0 0 !important;
}

#nav-tab-reclamaciones .nav-link.active {
    border-bottom: 2px solid #361860;
    color: #361860;
}

#nav-tab-reclamaciones {
    border-bottom: 0 !important;
}

#nav-tab-reclamaciones .nav-link {
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 13.5px;
    color: rgba(76, 76, 76, 0.5);
    border: 0;
    border-bottom: 2px solid rgba(76, 76, 76, 0.5);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 15px 30px;
    border-radius: 0;
    min-width: 180px;
    position: relative !important;
    text-align: center;
    background-color: transparent;
}

#nav-tab-reclamaciones .nav-link:first-child {
    margin-right: 10px;
}

#nav-tab-reclamaciones .nav-link:last-child {
    margin-left: 10px;
}

.p-tracking-subtitle {
    letter-spacing: 1.25px;
    font-size: 14px;
    color: #58595b;
}

#tracking-button {
    width: 165px;
    height: 32px;
    background: #523178;
    border-radius: 4px;
    font-size: 14px;
    letter-spacing: 0.5px;
    color: #fff;
    font-weight: 600;
    border: 0;
}

.tracking-error-message {
    align-items: flex-start;
    background-color: #fdf4ff;
    border-radius: 8px;
    display: flex;
    gap: 16px;
    padding: 16px;
    width: 100%;
}

.tracking-error-message p {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.5px;
    color: #8c4799;
    font-weight: 500;
}

.tracking-box-status {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 48px;
    gap: 32px;
    background: #fff;
    border-radius: 16px;
}

.tracking-box-status .title-status {
    font-weight: 600;
    font-size: 24px;
    letter-spacing: 0.15px;
    color: #523178;
}

.tracking-box-status .date-status {
    font-weight: 600;
    color: #444;
    font-size: 16px;
    letter-spacing: 0.25px;
}

.tracking-box-status .content-status-message {
    display: flex;
    gap: 32px;
    align-items: center;
}

.tracking-box-status .content-status-message .icon-status .circle-border {
    border-radius: 100%;
    border: 2px solid #8c4799;
    height: 86px;
    width: 86px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tracking-box-status .content-status-message .status-message {
    display: flex;
    flex-direction: column;
    letter-spacing: 0.25px;
    gap: 9px;
}

.tracking-box-status .content-status-message .status-message .title-message {
    font-size: 20px;
    font-weight: 700;
    color: #8c4799;
}

.tracking-box-status .content-status-message .status-message .body-message {
    font-size: 16px;
    line-height: 24px;
    color: #4f4f4f;
}

.tracking-box-status
    .content-status-message
    .status-message
    .body-message
    strong {
    font-weight: 600;
}

.content-tab-promotions {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.content-tab-promotions img {
    max-width: 35px;
}

.whatsapp-icon {
    width: 64px;
}

@media (min-width: 768px) {
    .contentBrHome > div:nth-child(1) {
        border-right: 1px solid #f8c21c;
    }
}

@media (max-width: 767px) {
    .contentBrHome > div:nth-child(1) {
        border-bottom: 1px solid #f8c21c;
    }
}

.main-title-home {
    font-size: 20px;
    line-height: 24px;
    color: #523178;
}

@media (max-width: 990px) {
    .main-title-home {
        margin-top: 20px;
    }
}

.box-cortaClara {
    padding-top: 100px;
    overflow: hidden;
}

.box-cortaClara .col-md-6 {
    background-color: #f9f9f9;
}

.box-cortaClara_img {
    position: relative;
}

.box-cortaClara_img img {
    position: absolute;
    bottom: 0;
    left: 20%;
    max-width: 300px;
    width: 100%;
}

@media (max-width: 767px) {
    .box-cortaClara_img img {
        position: relative;
    }
}

.box-cortaClara_contenido {
    padding: 30px 15px;
}

.box-cortaClara_contenido img {
    margin: 20px 0;
    width: 100%;
}

.box-cortaClara_contenido a {
    margin-top: 20px;
    border-radius: 8px;
}

@media (max-width: 997px) {
    .box-cortaClara_contenido {
        padding: 15px;
    }

    .box-cortaClara_contenido img {
        max-width: 100%;
    }
}

@charset "UTF-8";
@import "https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800";

.transition1,
.btnRed,
.btnWhite,
.btnPurple,
.btnLightPurple,
.btnYellow,
.link,
.download {
    transition: all 0.25s ease-in-out;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    width: 100%;
    border: 0;
    max-width: 100%;
    padding: 0;
    margin: 0;
    padding-top: 90px;
}

@media (max-width: 1024px) {
    body {
        padding-top: 60px;
    }
}

@media (max-width: 780px) {
    body {
        max-width: 100vw;
        overflow-x: hidden;
    }
}

button,
a,
input,
select,
option {
    outline: 0;
    box-shadow: none;
}

button:focus,
a:focus,
input:focus,
select:focus,
option:focus {
    box-shadow: none !important;
}

.contentBTN {
    margin: 30px 0;
}

.simple-line-height {
    line-height: 1.3;
}

.low-line-height {
    line-height: 0.8;
}

@media (max-width: 575px) {
    .low-line-height {
        line-height: 1;
    }
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
    font-family: montserrat, sans-serif;
    font-weight: 500;
    font-size: 15.5px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 10px;
}

.btnRed,
.btnWhite,
.btnPurple,
.btnLightPurple,
.btnYellow {
    text-align: center;
    display: inline-block;
    padding: 1rem 1.5rem;
    box-shadow: 1px 2px 3px rgba(76, 76, 76, 0.5);
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 13.5px;
    color: #fff !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.btnRed:hover,
.btnWhite:hover,
.btnPurple:hover,
.btnLightPurple:hover,
.btnYellow:hover {
    box-shadow: 1px 2px 3px rgba(76, 76, 76, 0.75);
    text-decoration: none;
}

.btnYellow {
    background-color: #f2ad4b;
}

.btnYellow:hover {
    background-color: #feb957;
    color: #fff;
}

.btnPurple {
    background-color: #4f2d7f;
}

.btnPurple:hover {
    background-color: #361860;
    color: #fff;
}

.btnLightPurple {
    background-color: #894590;
}

.btnLightPurple:hover {
    background-color: #893492;
    color: #fff;
}

.btnWhite {
    color: #4f2d7f !important;
    background-color: #ededed;
}

.btnWhite:hover {
    background-color: #fff;
    color: #4f2d7f !important;
}

.btnRed {
    background-color: #ee2737;
    border-radius: 4px;
    cursor: pointer;
}

.btnRed:hover {
    background-color: #f8414b;
    color: #fff !important;
}

.btnMeInteresa {
    color: #fff !important;
    background: #894490;
    padding: 11px 0;
    max-width: none;
    width: 30%;
    margin: 20px 0 10px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 4px !important;
    display: inline-block;
}

.link,
.download {
    padding-left: 15px;
    position: relative;
    font-weight: 600;
    color: #894590;
}

.link:hover,
.download:hover {
    text-decoration: none;
    color: #894590;
}

.link:before,
.download:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 16px;
    width: 10px;
}

.link:before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iN3B4IiBoZWlnaHQ9IjVweCIgdmlld0JveD0iMCAwIDcgNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDguMiAoNDczMjcpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPmljb25fc2VsZWN0LWFycm93PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9ImxheW91dC9iYXItcmlwbGV5IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI1Ny4wMDAwMDAsIC0xMy4wMDAwMDApIj4KICAgICAgICA8ZyBpZD0iaW5wdXQvc2VsZWN0LWFycm93IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjU2LjAwMDAwMCwgMTMuMDAwMDAwKSIgZmlsbD0iIzg5NDU5MCIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHBhdGggZD0iTTMuMTkyOTY4MSw1LjgzMzMzMzMzIEMyLjk5NjYwMjA0LDUuODMzMzMzMzMgMi44MDAwOTY5MSw1Ljc1Nzg1OTE5IDIuNjQ2NTY0MjQsNS42MDYwNDE3IEMyLjMyOTIwNzc2LDUuMjkxNjg2ODEgMi4zMTY1NTI0NCw0Ljc2ODcyNzc0IDIuNjE4MTk0MDgsNC40MzgwMDMyMSBMNC4zOTI0NDIwOSwyLjQ5NDIxNzk1IEwyLjYyMDAwMTk4LDAuNTYzOTA1MDQgQzIuMzE3MjQ3NzksMC4yMzQzMzk0MjEgMi4zMjgzNzMzNSwtMC4yODg2MTk2NDggMi42NDQ4OTU0MSwtMC42MDQxMzM0NTggQzIuOTYxNTU2NTQsLTAuOTE5NjQ3MjY3IDMuNDYzNDU4MTgsLTAuOTA3OTEzMjgyIDMuNzY2MjEyMzcsLTAuNTc4MjAyOCBMNi4wNjE1NTM2LDEuOTIxMTM1OTMgQzYuMzU0MTU1NzIsMi4yMzk4MzY3NSA2LjM1NDcxMiwyLjc0MTc5MDU0IDYuMDYzMzYxNTEsMy4wNjE1MDU0IEwzLjc2ODE1OTM0LDUuNTc2NDg5NDUgQzMuNjExOTg0MzUsNS43NDY5OTQzOCAzLjQwMjk2Mjk3LDUuODMzMzMzMzMgMy4xOTI5NjgxLDUuODMzMzMzMzMgWiIgaWQ9IlNoYXBlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjM0MDcyMCwgMi41MDAwMDApIHJvdGF0ZSg5MC4wMDAwMDApIHRyYW5zbGF0ZSgtNC4zNDA3MjAsIC0yLjUwMDAwMCkgIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)
        center center no-repeat;
    background-size: contain;
    transform: rotate(-90deg);
}

.download:before {
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-download.svg) no-repeat
        center center;
    background-size: contain;
}

.arrow-down {
    position: relative;
    display: inline-block;
    font-family: montserrat, sans-serif;
    width: 100%;
}

.arrow-down:after {
    content: "";
    height: 10px;
    width: 10px;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-down-menu.svg) center
        center no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 40%;
    right: 25px;
}

.arrow-right {
    position: relative;
    display: inline-block;
    font-family: montserrat, sans-serif;
    width: 100%;
}

.arrow-right:after {
    content: "";
    height: 10px;
    width: 10px;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-down-menu.svg) no-repeat
        right center;
    background-size: contain;
    position: absolute;
    bottom: 40%;
    right: 25px;
}

.t0 {
    font-size: 100px;
}

@media (max-width: 767px) {
    .t0 {
        font-size: 50px;
    }
}

.t1 {
    font-size: 35px;
}

.t2a {
    font-size: 22px;
}

.t2 {
    font-size: 22.5px;
}

.t3 {
    font-size: 19.5px;
}

.t4 {
    font-size: 16.5px;
}

.t5 {
    font-size: 32px;
}

.t6 {
    font-size: 40px;
}

.t7 {
    font-size: 36px;
}

.t8 {
    font-size: 24px;
}

.t9 {
    font-size: 15px;
}

.t10 {
    font-size: 16px;
}

.t11 {
    font-size: 17px;
}

.s1 {
    font-size: 13.5px;
}

.s2 {
    font-size: 12.5px;
}

.s3 {
    font-size: 11px;
}

.s4 {
    font-size: 12px;
}

.s5 {
    font-size: 14px;
}

.lh1 {
    line-height: 20px !important;
}

.s6 {
    font-size: 10px;
}

.normal {
    font-weight: 400 !important;
}

.light {
    font-weight: 400 !important;
}

.strongLight {
    font-weight: 500 !important;
}

.semiBold {
    font-weight: 600 !important;
}

.bold {
    font-weight: 700 !important;
}

.yellow {
    color: #feb957 !important;
}

.white {
    color: #fff !important;
}

.black1 {
    color: #404040 !important;
}

.black2 {
    color: #424242 !important;
}

.black3 {
    color: #444 !important;
}

.black4 {
    color: #000 !important;
}

.purple {
    color: #894590 !important;
}

.purple3 {
    color: #8c4799 !important;
}

.purpleDark {
    color: #4f2d7f !important;
}

.red {
    color: #ee2737 !important;
}

.grey {
    color: #4c4c4c !important;
}

.grey4 {
    color: #484848 !important;
}

.grey5 {
    color: #737373 !important;
}

.grey6 {
    color: #58595b !important;
}

.subrayado {
    text-decoration: underline;
    cursor: pointer;
}

.grey0 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 37px;
    background-color: transparent;
    position: absolute;
    z-index: 1;
    margin-top: 50px;
    margin-left: 35px;
}

.darkPurple3 {
    color: #4f2d7f !important;
}

.darkPurple3_1 {
    color: #4f2d7f;
}

.darkPurple4 {
    color: #523178;
}

.darkPurple5 {
    color: #462a66;
}

.grey00 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 37px;
    background-color: transparent;
    position: absolute;
    z-index: 1;
    margin-top: 50px;
    margin-left: 35px;
}

.grey1 {
    color: #4c4c4c !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    background-color: transparent;
    position: absolute;
    z-index: 3;
    margin-left: 12%;
    margin-top: 80px;
}

.grey10 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    background-color: transparent;
    position: absolute;
    z-index: 3;
    margin-left: 12%;
    margin-top: 80px;
}

.lightGrey3 {
    color: #7b7e83 !important;
}

.lightGrey4 {
    color: #3f3f41 !important;
}

.lightGrey5 {
    color: #939393 !important;
}

.lightGrey6 {
    color: #8c8c8c !important;
}

.lightGrey7 {
    color: #737373 !important;
}

.lightGrey8 {
    color: #727171;
}

.lightGrey9 {
    color: #9d9d9d;
}

.lightGrey10 {
    color: #aaa7a7;
}

.lightGrey11 {
    color: #6e6e6e;
}

.upCase {
    text-transform: uppercase;
}

.content-line {
    position: relative;
}

.content-line:after {
    content: "";
    height: 100%;
    width: 1px;
    background-color: #efefef;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1px;
}

.globo {
    position: fixed;
    bottom: 35px;
    right: 85px;
    z-index: 4001;
}

.form-dni {
    margin: 30px 0 15px;
}

.form-recaptcha {
    margin: 10px 0;
}

.form-datosPersonales {
    padding: 0;
}

.form-datosPersonales .form-check-input {
    position: absolute;
    opacity: 0;
}

.form-datosPersonales .form-check-input + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    padding-left: 30px;
}

.form-datosPersonales .form-check-input + label:before {
    content: "";
    margin-left: -30px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: 2px;
}

.form-datosPersonales .form-check-input:hover + label:before {
    background: #523178;
}

.form-datosPersonales .form-check-input:checked + label:before {
    background: #523178;
    border: 1px solid #523178;
}

.form-datosPersonales .form-check-input:checked + label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    background: #fff;
    width: 2px;
    height: 2px;
    box-shadow:
        2px 0 0 #fff,
        4px 0 0 #fff,
        4px -2px 0 #fff,
        4px -4px 0 #fff,
        4px -6px 0 #fff,
        4px -8px 0 #fff;
    transform: rotate(45deg);
}

.form-datosPersonales label a {
    text-decoration: underline;
    color: #8c4799;
}

.cardProduct {
    width: 49.5%;
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
}

.cardProduct:hover {
    background: #f1f1f1;
    cursor: pointer;
}

.cardProduct svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    fill: #523178;
}

.tooltipGeneral {
    position: relative;
    display: inline-block;
}

.tooltipGeneral .tooltiptext {
    visibility: hidden;
    width: 220px;
    background-color: #8c4799;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    font-size: 12px;
    bottom: 125%;
    left: 50%;
    margin-left: -110px;
    transition: opacity 0.3s;
    text-align: start;
}

.tooltipGeneral .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #8c4799 transparent transparent transparent;
}

.tooltipGeneral:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.modalError .dialogModal {
    max-width: 600px;
}

.modalError .titleModal {
    font-weight: 600;
    font-size: 14.5px;
    text-align: center;
    color: #523178;
}

.modalError .descriptionModal {
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    color: #404040;
}

.modalError .btnCerrar {
    background: #523178;
    border-radius: 4px;
    padding: 11px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

.modalError .modal-footer {
    border-top: 0;
    justify-content: center;
}

.viewLegal .legal-text {
    bottom: 527px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
    text-align: justify;
}

.viewLegal .titleLegal {
    cursor: pointer !important;
}

.viewLegal .titleLegalMobile {
    cursor: pointer !important;
    text-decoration-line: underline !important;
}

.viewLegal .morelegaldropdown {
    font-weight: 600;
    font-size: 16px;
    color: #8c4799;
    cursor: pointer;
}

.viewLegal .morelegaldropdown:after {
    content: "";
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-arrow-down.svg) center
        center no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 2px;
    margin-left: 15px;
}

.viewLegal .lesslegaldropdown {
    font-weight: 600;
    font-size: 16px;
    color: #8c4799;
    cursor: pointer;
}

.viewLegal .lesslegaldropdown:after {
    content: "";
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-arrow-up.svg) center center
        no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 2px;
    margin-left: 15px;
}

.viewLegal .imgLegal {
    width: 100%;
    max-width: 400px;
}

.viewLegal .imgLegalMobile {
    width: 80%;
    height: 100%;
}

.viewLegal .cerrarModal {
    text-decoration-line: underline !important;
}

.modalGeneral .modal-header {
    border-bottom: 0;
}

.modalGeneral .modal-footer {
    border-top: 0;
    justify-content: center;
}

body {
    background-color: #fafafa;
}

#bannerContainer,
#bannerContainerMobile {
    background-color: #523178;
}

.contenedorSolicitarTarjeta {
    padding-top: 22px;
    padding-bottom: 22px;
    background: #fafafa;
    font-family: montserrat, sans-serif;
}

.contenedorSolicitarTarjeta .divBannerApertura {
    background-repeat: no-repeat !important;
    text-align: center;
    background-position: center bottom !important;
    background-size: contain !important;
    background-color: #523178;
}

@media (max-width: 575px) {
    .contenedorSolicitarTarjeta .buttonsPasos {
        position: fixed;
        display: block;
        width: 100%;
        bottom: 0;
        background: #fcfcfc;
    }

    .contenedorSolicitarTarjeta .btnContinuar {
        font-size: 14px;
        border-radius: 0;
    }

    .contenedorSolicitarTarjeta .buttonsPasos .btnContinuar::after {
        content: " →";
        color: #fff;
    }

    .contenedorSolicitarTarjeta .btnAnterior {
        font-size: 14px;
    }

    .contenedorSolicitarTarjeta .divFormulario {
        background-color: #e5e5e5;
    }

    .contenedorSolicitarTarjeta .divForm::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: -50%;
        width: 50%;
        height: 100%;
        background: #e4eaed;
    }

    .contenedorSolicitarTarjeta .divForm::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: -50%;
        width: 50%;
        height: 100%;
        background: #e4eaed;
    }

    .contenedorSolicitarTarjeta .divFormLoSentimos::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: -50%;
        width: 50%;
        height: 100%;
        background: #e4eaed;
    }

    .contenedorSolicitarTarjeta .divFormLoSentimos::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: -50%;
        width: 50%;
        height: 100%;
        background: #e4eaed;
    }
}

.contenedorSolicitarTarjeta #cardSeeAgencies {
    font-weight: 600;
    color: #8c4799;
    text-decoration: underline;
}

.contenedorSolicitarTarjeta .openCardBenefitLogo {
    height: 120px;
}

.contenedorSolicitarTarjeta .openCardbenefitsList {
    width: 100%;
}

@media (max-width: 767px) {
    .contenedorSolicitarTarjeta .form-oferta {
        width: 90%;
        margin: auto;
    }

    .contenedorSolicitarTarjeta .msg-evaluacion {
        width: 90%;
        margin: auto;
    }

    .contenedorSolicitarTarjeta .btnAnterior {
        font-size: 14px;
    }

    .contenedorSolicitarTarjeta .banner-tc {
        font-size: 10px;
    }

    .contenedorSolicitarTarjeta .divForm::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background: #e4eaed;
    }

    .contenedorSolicitarTarjeta .divFormLoSentimos::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background: #e4eaed;
    }

    .contenedorSolicitarTarjeta .btnBeneficios2 {
        color: #fff;
        background: #523178;
        width: 278px;
        height: 48px;
        font-size: 16px;
        font-weight: 500;
        border-radius: 4px;
        display: inline-block;
    }

    .contenedorSolicitarTarjeta .btnCancelarFixed {
        background: #eee;
    }

    .contenedorSolicitarTarjeta .divFormLoSentimos::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 0;
        height: 100%;
        background: #e4eaed;
    }

    .contenedorSolicitarTarjeta .divForm::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 0;
        height: 100%;
        background: #e4eaed;
    }

    .contenedorSolicitarTarjeta .divBanner::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background: #523178;
    }

    .contenedorSolicitarTarjeta .divBanner::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 0;
        height: 100%;
        background: #523178;
    }

    .contenedorSolicitarTarjeta .divBannerApertura {
        background-repeat: no-repeat !important;
        text-align: center;
        background-position: center bottom !important;
        background-size: contain !important;
        background-color: #523178;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .contenedorSolicitarTarjeta .form-oferta {
        width: 90%;
    }

    .contenedorSolicitarTarjeta .msg-evaluacion {
        width: 90%;
    }

    .contenedorSolicitarTarjeta .banner-tc {
        font-size: 10px;
    }

    .contenedorSolicitarTarjeta .divForm {
        padding-bottom: 80px;
    }

    .contenedorSolicitarTarjeta .divFormLoSentimos::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: -50%;
        width: 50%;
        height: 100%;
        background: #e4eaed;
    }

    .contenedorSolicitarTarjeta .divForm::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: -50%;
        width: 50%;
        height: 100%;
        background: #e4eaed;
    }

    .contenedorSolicitarTarjeta .divBanner::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: -265%;
        width: 265%;
        height: 100%;
        background: #523178;
    }

    .contenedorSolicitarTarjeta .divForm::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background: #e6eaec;
    }

    .contenedorSolicitarTarjeta .divFormLoSentimos::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background: #e6eaec;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .contenedorSolicitarTarjeta .form-oferta {
        width: 68%;
    }

    .contenedorSolicitarTarjeta .msg-evaluacion {
        width: 75%;
    }

    .contenedorSolicitarTarjeta .banner-tc {
        font-size: 10px;
    }

    .contenedorSolicitarTarjeta .divForm {
        padding-bottom: 130px;
    }

    .contenedorSolicitarTarjeta .divBanner::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: -265%;
        width: 265%;
        height: 100%;
        background: #523178;
    }

    .contenedorSolicitarTarjeta .divBanner::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: -200%;
        width: 200%;
        height: 100%;
        background: #523178;
    }

    .contenedorSolicitarTarjeta .divForm::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: -980%;
        width: 980%;
        height: 100%;
        background: #e4eaed;
    }
}

@media (min-width: 1200px) {
    .contenedorSolicitarTarjeta .form-oferta {
        width: 54%;
    }

    .contenedorSolicitarTarjeta .msg-evaluacion {
        width: 55%;
    }

    .contenedorSolicitarTarjeta .divForm {
        padding-bottom: 130px;
    }

    .contenedorSolicitarTarjeta .divBanner::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: -265%;
        width: 265%;
        height: 100%;
        background: #523178;
    }

    .contenedorSolicitarTarjeta .divBanner::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: -200%;
        width: 200%;
        height: 100%;
        background: #523178;
    }

    .contenedorSolicitarTarjeta .divForm::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: -980%;
        width: 980%;
        height: 100%;
        background: #e4eaed;
    }
}

.contenedorSolicitarTarjeta .credit-line {
    color: #404040 !important;
    font-weight: 500;
}

.contenedorSolicitarTarjeta .mensaje-final {
    background-color: #fff;
    border: 1px solid #eaeaea;
    box-sizing: border-box;
    border-radius: 8px;
}

.contenedorSolicitarTarjeta .btnContinuar {
    color: #fff;
    background: #894490;
    padding: 10px 0;
    max-width: none;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
    display: inline-block;
}

.contenedorSolicitarTarjeta .btnBeneficios {
    color: #fff;
    background: #523178;
    padding: 13px 45px;
    width: 250px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 4px;
    display: inline-block;
}

.contenedorSolicitarTarjeta .btnCancelarFixed {
    background: #eee;
}

.contenedorSolicitarTarjeta .btnEnviarDni {
    color: #fff;
    background: #894490;
    padding: 11px 0;
    max-width: none;
    width: 65%;
    margin: 30px auto 0;
    font-size: 18px;
    font-weight: 600;
    border-radius: 4px !important;
    display: block;
}

.contenedorSolicitarTarjeta .btnEmpezar {
    color: #fff;
    background: #523178;
    padding: 12px 0;
    width: 165px;
    margin: 0 0 30px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 4px !important;
    display: inline-block;
}

.contenedorSolicitarTarjeta .btnAnterior {
    color: #a5a5a5;
    background: 0 0;
    padding: 10px 0;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px !important;
    display: inline-block;
    border: 0;
    box-shadow: 0 0;
    transition: 0;
}

.contenedorSolicitarTarjeta .btnModalProtocolo {
    background: #8c4799;
    border-radius: 4px;
    width: auto;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    padding: 10px 30px;
}

.contenedorSolicitarTarjeta .btnContinuarFormulario {
    color: #fff;
    background: #894490;
    padding: 12px 0;
    width: 45%;
    margin: 20px 10px 10px 0;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px !important;
    display: inline-block;
}

.contenedorSolicitarTarjeta .btnLlamada {
    color: #8c4799;
    background: 0 0;
    padding: 12px 0;
    width: 45%;
    margin: 20px 0 10px 10px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px !important;
    display: inline-block;
    border: 0;
    box-shadow: 0 0;
    transition: 0;
}

.contenedorSolicitarTarjeta .btnRedAgencia {
    color: #8c4799;
    background: 0 0;
    padding: 12px 0;
    width: 140px;
    margin: 20px 0 10px 10px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px !important;
    display: inline-block;
    border: 0;
    box-shadow: 0 0;
    transition: 0;
}

.contenedorSolicitarTarjeta .btnEnviarCodigo {
    color: #fff;
    background: #8c4799;
    padding: 8px 3px;
    width: 211px;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    display: inline-block;
    border: 0;
    box-shadow: 0 0;
    transition: 0;
}

.contenedorSolicitarTarjeta .form-control {
    height: calc(2.25rem + 12px);
}

.contenedorSolicitarTarjeta input {
    color: #464b5b;
}

.contenedorSolicitarTarjeta input::placeholder {
    color: #c3c3c3;
}

.contenedorSolicitarTarjeta input:-ms-input-placeholder {
    color: #c3c3c3;
}

.contenedorSolicitarTarjeta input::-webkit-input-placeholder {
    color: #c3c3c3;
}

.contenedorSolicitarTarjeta input::-moz-placeholder {
    color: #c3c3c3;
}

.contenedorSolicitarTarjeta .message-recaptcha {
    display: block;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
}

.contenedorSolicitarTarjeta .form-dni {
    margin: 20px 0 5px;
}

.contenedorSolicitarTarjeta .form-datosPersonales {
    padding: 0;
}

.contenedorSolicitarTarjeta .form-datosPersonales .form-check-input {
    position: absolute;
    opacity: 0;
}

.contenedorSolicitarTarjeta .form-datosPersonales .form-check-input + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    padding-left: 30px;
}

.contenedorSolicitarTarjeta
    .form-datosPersonales
    .form-check-input
    + label:before {
    content: "";
    margin-left: -30px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: 2px;
}

.contenedorSolicitarTarjeta
    .form-datosPersonales
    .form-check-input:hover
    + label:before {
    background: #523178;
}

.contenedorSolicitarTarjeta
    .form-datosPersonales
    .form-check-input:checked
    + label:before {
    background: #523178;
    border: 1px solid #523178;
}

.contenedorSolicitarTarjeta
    .form-datosPersonales
    .form-check-input:checked
    + label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    background: #fff;
    width: 2px;
    height: 2px;
    box-shadow:
        2px 0 0 #fff,
        4px 0 0 #fff,
        4px -2px 0 #fff,
        4px -4px 0 #fff,
        4px -6px 0 #fff,
        4px -8px 0 #fff;
    transform: rotate(45deg);
}

.contenedorSolicitarTarjeta .form-datosPersonales label a {
    text-decoration: underline;
    color: #8c4799;
}

.contenedorSolicitarTarjeta .seleccionOpcion {
    width: 100%;
    display: inline-block;
    background: #fff;
    height: 330px;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    box-shadow: 0 10px 14px rgba(190, 199, 227, 0.25);
    border-radius: 6px;
    padding: 70px 30px;
    transition: border-bottom 0.3s;
}

.contenedorSolicitarTarjeta .seleccionOpcion:hover {
    border-bottom: 5px solid #523178;
}

.contenedorSolicitarTarjeta .opcion1 {
    margin-right: 0;
}

.contenedorSolicitarTarjeta .opcion2 {
    margin-left: 0;
}

.contenedorSolicitarTarjeta .opcion:link {
    text-decoration: none;
}

.contenedorSolicitarTarjeta .horarios div {
    background: #fff;
    border: 1px solid #e9e9ec;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 11px 5px;
    box-shadow: none;
    transition: 0s 0s all ease;
}

.contenedorSolicitarTarjeta .horarios div p {
    color: #4c4c4c;
}

.contenedorSolicitarTarjeta .horarios .active {
    background: #4f2d7f !important;
}

.contenedorSolicitarTarjeta .horarios .active p {
    color: #fff !important;
}

.contenedorSolicitarTarjeta .menu-pasos {
    display: flex;
    justify-content: center;
    padding-top: 5px;
}

.contenedorSolicitarTarjeta .menu-pasos ul {
    list-style: none;
}

.contenedorSolicitarTarjeta .menu-pasos ul li {
    margin: 0 0 15px;
    color: #d4d4d4;
    font-weight: 500;
}

.contenedorSolicitarTarjeta .menu-pasos ul li.active {
    color: #8c4799;
    font-weight: 600;
}

.contenedorSolicitarTarjeta .menu-pasos ul li.active:before {
    content: url(https://www.bancoripley.com.pe/img/svg/i-arrow-right.svg);
    margin-left: -30px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
}

.contenedorSolicitarTarjeta .menu-pasos ul li.checked {
    color: #373737;
    font-weight: 600;
}

.contenedorSolicitarTarjeta .menu-pasos ul li.checked:before {
    content: url(https://www.bancoripley.com.pe/img/svg/i-checked-green.svg);
    margin-left: -30px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
}

.contenedorSolicitarTarjeta .codigo-sms .onlyCodeSms {
    height: 63px;
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    border: 1px solid #ccc;
}

.contenedorSolicitarTarjeta .codigo-sms .inputCodeSms {
    border: 1.5px solid #c563d1 !important;
}

.contenedorSolicitarTarjeta .valid-codigo-sms {
    font-weight: 600;
    font-size: 12px;
    color: #6bb81e;
    padding-left: 30px;
}

.contenedorSolicitarTarjeta .valid-codigo-sms:before {
    content: url(https://www.bancoripley.com.pe/img/svg/i-wait-cursor.svg);
    margin-left: -30px;
    margin-top: -2px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
}

.contenedorSolicitarTarjeta .invalid-codigo-sms {
    font-weight: 500;
    font-size: 12px;
    color: #ee2737;
    padding-left: 30px;
    line-height: 135.31%;
}

.contenedorSolicitarTarjeta .invalid-codigo-sms:before {
    content: url(https://www.bancoripley.com.pe/img/svg/i-warning-red.svg);
    margin-left: -27px;
    margin-right: 7px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
}

.contenedorSolicitarTarjeta .invalid-codigo-sms-expira {
    font-weight: 500;
    font-size: 12px;
    color: #ee2737;
    padding-left: 30px;
    line-height: 135.31%;
}

.contenedorSolicitarTarjeta .invalid-codigo-sms-expira:before {
    content: url(https://www.bancoripley.com.pe/img/svg/i-warning-red.svg);
    margin-left: -27px;
    margin-right: 7px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
}

.contenedorSolicitarTarjeta .form-estado-cuenta div {
    margin-right: 15px;
    padding: 11px 0 0 27px;
    border-radius: 10%;
    background-color: transparent;
}

.contenedorSolicitarTarjeta .form-control.is-invalid {
    border-color: #dc3545;
    padding-right: 5px;
    background-position: 0 0;
    background-size: auto;
    background-image: none;
}

.contenedorSolicitarTarjeta .form-oferta {
    width: 95%;
    max-width: 500px;
    background: #f4f6f6;
    border: 1px solid #e4e4e4;
    box-sizing: border-box;
    border-radius: 8px;
    margin-bottom: 30px;
    margin-top: 15px;
}

.contenedorSolicitarTarjeta .msg-evaluacion {
    width: 65%;
}

.contenedorSolicitarTarjeta .divBanner {
    background: #523178;
}

.contenedorSolicitarTarjeta .divFormLoSentimos {
    background: #fafafa;
}

.contenedorSolicitarTarjeta .divFormLoSentimos::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -980%;
    width: 980%;
    height: 100%;
    background: #fafafa;
}

.contenedorSolicitarTarjeta .divForm {
    background: #fafafa;
}

.contenedorSolicitarTarjeta .imgTarjeta {
    transform: translateY(20%);
}

@media (max-width: 767px) {
    .contenedorSolicitarTarjeta .imgTarjeta {
        transform: translateY(0);
    }
}

@media (min-width: 576px) {
    .modalSolicitarTarjeta .modal-min {
        max-width: 450px;
    }
}

.modalSolicitarTarjeta .modal-content {
    border-radius: 8px;
}

.modalSolicitarTarjeta .modal-header {
    border-bottom: 0;
    padding: 0 1rem;
}

.modalSolicitarTarjeta .modal-body {
    padding: 1rem 5rem 1rem 4rem;
}

.modalSolicitarTarjeta .modal-footer {
    border-top: 0;
    padding: 0 1rem 0 4rem;
    margin: 20px 0 37px;
}

.modalSolicitarTarjeta .form-datosPersonales {
    padding: 0;
}

.modalSolicitarTarjeta .form-datosPersonales .form-check-input {
    position: absolute;
    opacity: 0;
}

.modalSolicitarTarjeta .form-datosPersonales .form-check-input + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    padding-left: 30px;
}

.modalSolicitarTarjeta .form-datosPersonales .form-check-input + label:before {
    content: "";
    margin-left: -30px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #fff;
}

.modalSolicitarTarjeta
    .form-datosPersonales
    .form-check-input:hover
    + label:before {
    background: #523178;
}

.modalSolicitarTarjeta
    .form-datosPersonales
    .form-check-input:checked
    + label:before {
    background: #523178;
}

.modalSolicitarTarjeta
    .form-datosPersonales
    .form-check-input:checked
    + label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    background: #fff;
    width: 2px;
    height: 2px;
    box-shadow:
        2px 0 0 #fff,
        4px 0 0 #fff,
        4px -2px 0 #fff,
        4px -4px 0 #fff,
        4px -6px 0 #fff,
        4px -8px 0 #fff;
    transform: rotate(45deg);
}

.modalSolicitarTarjeta .form-datosPersonales label a {
    text-decoration: underline;
    color: #8c4799;
}

.modalSolicitarTarjeta .btnContinuar {
    color: #fff;
    background: #894490;
    padding: 12px 0;
    width: 165px;
    margin: 0 0 30px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 4px !important;
    display: inline-block;
}

.modalSolicitarTarjeta .form-control {
    height: calc(2.25rem + 12px);
}

.modalSolicitarTarjeta input[type="text"] {
    color: #464b5b;
}

.modalSolicitarTarjeta input[type="text"]::placeholder {
    color: #c3c3c3;
}

.modalSolicitarTarjeta input[type="text"]:-ms-input-placeholder {
    color: #c3c3c3;
}

.modalSolicitarTarjeta input[type="text"]::-webkit-input-placeholder {
    color: #c3c3c3;
}

.modalSolicitarTarjeta input[type="text"]::-moz-placeholder {
    color: #c3c3c3;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #f8c21c;
    background-color: #f8c21c;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    color: #fff;
    background-color: #e9cda6;
    border-color: #e9cda6;
}

.app-opacity {
    background-color: rgba(255, 255, 255, 0.9);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    display: none;
}

.app-opacity .app-loading {
    background: url(../img/loading.svg) center center no-repeat;
    width: 200px;
    height: 200px;
    position: fixed;
    top: 50%;
    left: 47.5%;
    margin-top: -25px;
    margin-left: -25px;
    z-index: 110;
}

@media (max-width: 575px) {
    .app-opacity .app-loading {
        left: 41%;
    }
}

.datepicker-input {
    background-image: url(https://www.bancoripley.com.pe/img/svg/i-calendar.svg) !important;
    background-position: 97% center !important;
    background-repeat: no-repeat !important;
    cursor: pointer !important;
}

.datepicker span {
    color: #464b5b;
}

.callcenter span {
    color: #464b5b;
}

.imgCard {
    width: 240px;
}

.imgTrBanner {
    width: 100%;
    height: 100%;
}

.solicitarBtn {
    color: #fff;
    background: #8c4799;
    padding: 12px 0;
    width: 100%;
    margin: 20px 0 10px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 4px !important;
    display: inline-block;
}

.solicitarBtn:hover {
    color: #fff;
}

.txtSolicitarTarjeta {
    font-size: 24px;
}

@media (max-width: 1300px) {
    .respons .solicitarBtn {
        width: 50%;
    }

    .respons .txtSolicitarTarjeta {
        font-size: 24px;
    }
}

@media (max-width: 991px) {
    .respons .solicitarBtn {
        width: 100%;
    }

    .respons .txtSolicitarTarjeta {
        font-size: 20px;
    }
}

@media (max-width: 518px) {
    .respons .solicitarBtn {
        width: 40%;
        font-size: 15px;
    }

    .respons .txtSolicitarTarjeta {
        font-size: 18px;
    }
}

@media (max-width: 575px) {
    .respons .btnEnviarDni {
        font-size: 16px;
        width: 100%;
        margin: 20px 0 5px;
    }

    .respons .imgCard {
        width: 160px;
    }

    .respons .btnWidth2 {
        width: 85% !important;
    }
}

.respons .solicitar {
    font-size: 32px;
}

.respons .pidela {
    font-size: 17px;
}

@media (max-width: 575px) {
    .respons .buttonsPasos {
        position: fixed;
        display: block;
        width: 100%;
        bottom: 0;
        background: #fcfcfc;
    }

    .respons .solicitar {
        font-size: 20px;
    }

    .respons .pidela {
        font-size: 15px;
    }

    .respons .btnBeneficios {
        padding: 13px 20px;
        font-size: 14px;
    }

    .respons .btnContinuar {
        font-size: 14px;
        border-radius: 0;
    }

    .respons .buttonsPasos .btnContinuar::after {
        content: " →";
        color: #fff;
    }

    .respons .btnAnterior {
        font-size: 14px;
    }

    .respons .divForm::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: -50%;
        width: 50%;
        height: 100%;
        background: #fafafa;
    }

    .respons .divForm::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: -50%;
        width: 50%;
        height: 100%;
        background: #fafafa;
    }

    .respons .divFormLoSentimos::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: -50%;
        width: 50%;
        height: 100%;
        background: #fafafa;
    }

    .respons .divFormLoSentimos::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: -50%;
        width: 50%;
        height: 100%;
        background: #fafafa;
    }
}

@media (max-width: 767px) {
    .respons .form-oferta {
        width: 100%;
        margin: auto;
    }

    .respons .msg-evaluacion {
        width: 90%;
    }

    .respons .btnAnterior {
        font-size: 14px;
    }

    .respons .banner-tc {
        font-size: 10px;
    }

    .respons .divForm::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background: #fafafa;
    }

    .respons .divFormLoSentimos::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background: #fafafa;
    }

    .respons .divFormLoSentimos::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 0;
        height: 100%;
        background: #fafafa;
    }

    .respons .divForm::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 0;
        height: 100%;
        background: #fafafa;
    }

    .respons .divBanner::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background: #523178;
    }

    .respons .divBanner::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 0;
        height: 100%;
        background: #523178;
    }

    .respons .tceaText {
        padding: 2rem;
        text-align: justify;
    }

    .respons .cardProductTarjeta {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .respons .form-oferta {
        width: 100%;
    }

    .respons .msg-evaluacion {
        width: 90%;
    }

    .respons .banner-tc {
        font-size: 10px;
    }

    .respons .divForm {
        padding-bottom: 80px;
    }

    .respons .divFormLoSentimos::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: -50%;
        width: 50%;
        height: 100%;
        background: #fafafa;
    }

    .respons .divForm::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: -50%;
        width: 50%;
        height: 100%;
        background: #fafafa;
    }

    .respons .divBanner::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: -265%;
        width: 265%;
        height: 100%;
        background: #523178;
    }

    .respons .divForm::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background: #fafafa;
    }

    .respons .divFormLoSentimos::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background: #fafafa;
    }

    .respons .cardProductTarjeta {
        width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .respons .form-oferta {
        width: 100%;
    }

    .respons .msg-evaluacion {
        width: 75%;
    }

    .respons .banner-tc {
        font-size: 10px;
    }

    .respons .divForm {
        padding-bottom: 130px;
    }

    .respons .divBanner::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: -265%;
        width: 265%;
        height: 100%;
        background: #523178;
    }

    .respons .divBanner::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: -200%;
        width: 200%;
        height: 100%;
        background: #523178;
    }

    .respons .divForm::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: -980%;
        width: 980%;
        height: 100%;
        background: #e5e5e5;
    }
}

@media (min-width: 1200px) {
    .respons .form-oferta {
        width: 100%;
    }

    .respons .msg-evaluacion {
        width: 55%;
    }

    .respons .divForm {
        padding-bottom: 50px;
    }

    .respons .divBanner::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: -265%;
        width: 265%;
        height: 100%;
        background: #523178;
    }

    .respons .divBanner::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: -200%;
        width: 200%;
        height: 100%;
        background: #523178;
    }

    .respons .divForm::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: -980%;
        width: 980%;
        height: 100%;
        background: #fafafa;
    }
}

.btnWidth {
    width: 45% !important;
}

.btnWidth2 {
    width: 65% !important;
}

.btn {
    box-shadow: none;
}

.circle {
    background: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    color: #d4d4d4;
    font-weight: 600;
}

.line {
    width: 15px;
    height: auto;
    display: inline-block;
    border-bottom: 1px solid #e0e0e0;
    vertical-align: middle;
}

.labelCenter {
    vertical-align: middle;
}

.pasoActive {
    color: #8c4799;
}

.btn-edit {
    background-image: url(https://www.bancoripley.com.pe/img/svg/i-edit.svg);
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    display: inline-block;
    margin: auto;
    cursor: pointer;
}

.btn-check {
    background-image: url(https://www.bancoripley.com.pe/img/svg/i-checked-green.svg);
    height: 13px;
    width: 16px;
    background-repeat: no-repeat;
    display: inline-block;
    margin: auto;
}

.btn-opacity {
    opacity: 0.2;
}

.btnReenviarCodigo {
    text-decoration: underline !important;
    cursor: pointer;
}

.withOutPadding {
    margin-top: -22px;
    margin-bottom: -22px;
}

.withOutPaddingEfex {
    margin-top: -35px;
    margin-bottom: -35px;
}

.menu-pasos-movil {
    margin-top: -22px;
    height: 65px;
    line-height: 65px;
    background: #f0f0f0;
}

.movil-PT {
    height: auto;
    background: #f4f5f5;
}

.ubicationTitleResponsivePT {
    margin: 12px 5px 20px;
}

.titlePTMb {
    color: #8c4799;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    margin-left: 5px;
}

.contenedorSeguroTarjetasMb {
    margin: 0 5px 0 10px;
}

.banner-tc {
    position: absolute;
    bottom: 0;
    color: #404040;
    margin: auto;
    left: 0;
    right: 0;
    font-size: 15px;
}

.banner-tc a {
    font-size: 12px;
    color: #404040;
    font-weight: 600;
}

.banner-tc a:hover {
    text-decoration: underline;
    cursor: pointer;
}

.banner-tc-responsive {
    position: absolute;
    bottom: -11px;
    color: #404040;
    margin: auto;
    left: 0;
    right: 0;
    font-size: 8px;
    background-color: #523178;
    z-index: 1;
    padding-bottom: 2px;
}

.banner-tc-responsive a {
    font-size: 8px;
    font-weight: 600;
    color: #404040;
}

.banner-tc-responsive a:hover {
    text-decoration: underline;
    cursor: pointer;
}

.bannerKia {
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    text-align: center;
}

.tcealogo {
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    text-align: center;
}

.tceaText {
    padding: 2rem;
    text-align: justify;
}

.cardProductTarjeta {
    width: 64%;
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 4px;
    box-sizing: border-box;
}

.cardProductTarjeta2 {
    width: 64%;
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 4px;
    box-sizing: border-box;
}

.cardProductTarjeta:hover {
    background: #f1f1f1;
    cursor: pointer;
}

.cardProductTarjeta svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    fill: #523178;
}

#tabEmail {
    border-radius: 4px 0 0 4px;
    height: 39px;
    line-height: 39px;
    text-align: center;
}

#tabAddress {
    border-radius: 0 4px 4px 0;
    height: 39px;
    line-height: 39px;
    text-align: center;
}

.tabSelected {
    background: #523178;
    cursor: pointer;
}

.tabUnselected {
    background: #fff;
    box-shadow: 0 10px 10px rgba(134, 134, 134, 0.08);
    cursor: pointer;
}

.labelSelected {
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
}

.labelUnselected {
    color: #8c8c8c;
    font-weight: 500;
    font-size: 15px;
    cursor: pointer;
}

.fondoPromociones {
    background-color: #fff;
}

.titlePromociones {
    font-size: 14px;
    color: #404040;
    background-color: #fff;
    width: inherit;
    margin-left: -10px;
    position: absolute;
    margin-top: -20px;
    font-weight: 700;
}

.txtTituloInsurance {
    font-size: 30px;
    color: #523178;
    font-weight: 600;
    font-style: normal;
}

.ptText {
    font-family: Montserrat;
    color: #2e2e2e;
    font-size: 15px;
    font-weight: 600;
    font-style: normal;
}

.checkText {
    font-family: Montserrat;
    color: #3f3f41;
    font-size: 13px;
    font-style: normal;
}

.checkTextColor {
    font-family: Montserrat;
    color: #523178;
    font-size: 13px;
}

@media (max-width: 767px) {
    .fondoPromociones {
        background-color: #fafafa;
    }

    .titlePromociones {
        background-color: #fff;
    }
}

@media (min-width: 768px) {
    .titlePromociones {
        background-color: #fff;
    }
}

@import "https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800";

.transition1,
.btnRed,
.btnWhite,
.btnPurple,
.btnLightPurple,
.btnYellow,
.link,
.download {
    transition: all 0.25s ease-in-out;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    width: 100%;
    border: 0;
    max-width: 100%;
    padding: 0;
    margin: 0;
    padding-top: 90px;
}

@media (max-width: 1024px) {
    body {
        padding-top: 60px;
    }
}

@media (max-width: 780px) {
    body {
        max-width: 100vw;
        overflow-x: hidden;
    }
}

button,
a,
input,
select,
option {
    outline: 0;
    box-shadow: none;
}

button:focus,
a:focus,
input:focus,
select:focus,
option:focus {
    box-shadow: none !important;
}

.contentBTN {
    margin: 30px 0;
}

.simple-line-height {
    line-height: 1.3;
}

.low-line-height {
    line-height: 0.8;
}

@media (max-width: 575px) {
    .low-line-height {
        line-height: 1;
    }
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
    font-family: montserrat, sans-serif;
    font-weight: 500;
    font-size: 15.5px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 10px;
}

.btnRed,
.btnWhite,
.btnPurple,
.btnLightPurple,
.btnYellow {
    text-align: center;
    display: inline-block;
    padding: 1rem 1.5rem;
    box-shadow: 1px 2px 3px rgba(76, 76, 76, 0.5);
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 13.5px;
    color: #fff !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.btnRed:hover,
.btnWhite:hover,
.btnPurple:hover,
.btnLightPurple:hover,
.btnYellow:hover {
    box-shadow: 1px 2px 3px rgba(76, 76, 76, 0.75);
    text-decoration: none;
}

.btnYellow {
    background-color: #f2ad4b;
}

.btnYellow:hover {
    background-color: #feb957;
    color: #fff;
}

.btnPurple {
    background-color: #4f2d7f;
}

.btnPurple:hover {
    background-color: #361860;
    color: #fff;
}

.btnLightPurple {
    background-color: #894590;
}

.btnLightPurple:hover {
    background-color: #893492;
    color: #fff;
}

.btnWhite {
    color: #4f2d7f !important;
    background-color: #ededed;
}

.btnWhite:hover {
    background-color: #fff;
    color: #4f2d7f !important;
}

.btnRed {
    background-color: #ee2737;
    border-radius: 4px;
    cursor: pointer;
}

.btnRed:hover {
    background-color: #f8414b;
    color: #fff !important;
}

.btnMeInteresa {
    color: #fff !important;
    background: #894490;
    padding: 11px 0;
    max-width: none;
    width: 30%;
    margin: 20px 0 10px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 4px !important;
    display: inline-block;
}

.link,
.download {
    padding-left: 15px;
    position: relative;
    font-weight: 600;
    color: #894590;
}

.link:hover,
.download:hover {
    text-decoration: none;
    color: #894590;
}

.link:before,
.download:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 16px;
    width: 10px;
}

.link:before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iN3B4IiBoZWlnaHQ9IjVweCIgdmlld0JveD0iMCAwIDcgNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDguMiAoNDczMjcpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPmljb25fc2VsZWN0LWFycm93PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9ImxheW91dC9iYXItcmlwbGV5IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI1Ny4wMDAwMDAsIC0xMy4wMDAwMDApIj4KICAgICAgICA8ZyBpZD0iaW5wdXQvc2VsZWN0LWFycm93IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjU2LjAwMDAwMCwgMTMuMDAwMDAwKSIgZmlsbD0iIzg5NDU5MCIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHBhdGggZD0iTTMuMTkyOTY4MSw1LjgzMzMzMzMzIEMyLjk5NjYwMjA0LDUuODMzMzMzMzMgMi44MDAwOTY5MSw1Ljc1Nzg1OTE5IDIuNjQ2NTY0MjQsNS42MDYwNDE3IEMyLjMyOTIwNzc2LDUuMjkxNjg2ODEgMi4zMTY1NTI0NCw0Ljc2ODcyNzc0IDIuNjE4MTk0MDgsNC40MzgwMDMyMSBMNC4zOTI0NDIwOSwyLjQ5NDIxNzk1IEwyLjYyMDAwMTk4LDAuNTYzOTA1MDQgQzIuMzE3MjQ3NzksMC4yMzQzMzk0MjEgMi4zMjgzNzMzNSwtMC4yODg2MTk2NDggMi42NDQ4OTU0MSwtMC42MDQxMzM0NTggQzIuOTYxNTU2NTQsLTAuOTE5NjQ3MjY3IDMuNDYzNDU4MTgsLTAuOTA3OTEzMjgyIDMuNzY2MjEyMzcsLTAuNTc4MjAyOCBMNi4wNjE1NTM2LDEuOTIxMTM1OTMgQzYuMzU0MTU1NzIsMi4yMzk4MzY3NSA2LjM1NDcxMiwyLjc0MTc5MDU0IDYuMDYzMzYxNTEsMy4wNjE1MDU0IEwzLjc2ODE1OTM0LDUuNTc2NDg5NDUgQzMuNjExOTg0MzUsNS43NDY5OTQzOCAzLjQwMjk2Mjk3LDUuODMzMzMzMzMgMy4xOTI5NjgxLDUuODMzMzMzMzMgWiIgaWQ9IlNoYXBlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjM0MDcyMCwgMi41MDAwMDApIHJvdGF0ZSg5MC4wMDAwMDApIHRyYW5zbGF0ZSgtNC4zNDA3MjAsIC0yLjUwMDAwMCkgIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)
        center center no-repeat;
    background-size: contain;
    transform: rotate(-90deg);
}

.download:before {
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-download.svg) no-repeat
        center center;
    background-size: contain;
}

.arrow-down {
    position: relative;
    display: inline-block;
    font-family: montserrat, sans-serif;
    width: 100%;
}

.arrow-down:after {
    content: "";
    height: 10px;
    width: 10px;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-down-menu.svg) center
        center no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 40%;
    right: 25px;
}

.arrow-right {
    position: relative;
    display: inline-block;
    font-family: montserrat, sans-serif;
    width: 100%;
}

.arrow-right:after {
    content: "";
    height: 10px;
    width: 10px;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-down-menu.svg) no-repeat
        right center;
    background-size: contain;
    position: absolute;
    bottom: 40%;
    right: 25px;
}

.t0 {
    font-size: 100px;
}

@media (max-width: 767px) {
    .t0 {
        font-size: 50px;
    }
}

.t1 {
    font-size: 35px;
}

.t2a {
    font-size: 22px;
}

.t2 {
    font-size: 22.5px;
}

.t3 {
    font-size: 19.5px;
}

.t4 {
    font-size: 16.5px;
}

.t5 {
    font-size: 32px;
}

.t6 {
    font-size: 40px;
}

.t7 {
    font-size: 36px;
}

.t8 {
    font-size: 24px;
}

.t9 {
    font-size: 15px;
}

.t10 {
    font-size: 16px;
}

.t11 {
    font-size: 17px;
}

.s1 {
    font-size: 13.5px;
}

.s2 {
    font-size: 12.5px;
}

.s3 {
    font-size: 11px;
}

.s4 {
    font-size: 12px;
}

.s5 {
    font-size: 14px;
}

.lh1 {
    line-height: 20px !important;
}

.s6 {
    font-size: 10px;
}

.normal {
    font-weight: 400 !important;
}

.light {
    font-weight: 400 !important;
}

.strongLight {
    font-weight: 500 !important;
}

.semiBold {
    font-weight: 600 !important;
}

.bold {
    font-weight: 700 !important;
}

.yellow {
    color: #feb957 !important;
}

.white {
    color: #fff !important;
}

.black1 {
    color: #404040 !important;
}

.black2 {
    color: #424242 !important;
}

.black3 {
    color: #444 !important;
}

.black4 {
    color: #000 !important;
}

.purple {
    color: #894590 !important;
}

.purple3 {
    color: #8c4799 !important;
}

.purpleDark {
    color: #4f2d7f !important;
}

.red {
    color: #ee2737 !important;
}

.grey {
    color: #4c4c4c !important;
}

.grey4 {
    color: #484848 !important;
}

.grey5 {
    color: #737373 !important;
}

.grey6 {
    color: #58595b !important;
}

.subrayado {
    text-decoration: underline;
    cursor: pointer;
}

.grey0 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 37px;
    background-color: transparent;
    position: absolute;
    z-index: 1;
    margin-top: 50px;
    margin-left: 35px;
}

.darkPurple3 {
    color: #4f2d7f !important;
}

.darkPurple3_1 {
    color: #4f2d7f;
}

.darkPurple4 {
    color: #523178;
}

.darkPurple5 {
    color: #462a66;
}

.grey00 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 37px;
    background-color: transparent;
    position: absolute;
    z-index: 1;
    margin-top: 50px;
    margin-left: 35px;
}

.grey1 {
    color: #4c4c4c !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    background-color: transparent;
    position: absolute;
    z-index: 3;
    margin-left: 12%;
    margin-top: 80px;
}

.grey10 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    background-color: transparent;
    position: absolute;
    z-index: 3;
    margin-left: 12%;
    margin-top: 80px;
}

.lightGrey3 {
    color: #7b7e83 !important;
}

.lightGrey4 {
    color: #3f3f41 !important;
}

.lightGrey5 {
    color: #939393 !important;
}

.lightGrey6 {
    color: #8c8c8c !important;
}

.lightGrey7 {
    color: #737373 !important;
}

.lightGrey8 {
    color: #727171;
}

.lightGrey9 {
    color: #9d9d9d;
}

.lightGrey10 {
    color: #aaa7a7;
}

.lightGrey11 {
    color: #6e6e6e;
}

.upCase {
    text-transform: uppercase;
}

.content-line {
    position: relative;
}

.content-line:after {
    content: "";
    height: 100%;
    width: 1px;
    background-color: #efefef;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1px;
}

.globo {
    position: fixed;
    bottom: 35px;
    right: 85px;
    z-index: 4001;
}

.form-dni {
    margin: 30px 0 15px;
}

.form-recaptcha {
    margin: 10px 0;
}

.form-datosPersonales {
    padding: 0;
}

.form-datosPersonales .form-check-input {
    position: absolute;
    opacity: 0;
}

.form-datosPersonales .form-check-input + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    padding-left: 30px;
}

.form-datosPersonales .form-check-input + label:before {
    content: "";
    margin-left: -30px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: 2px;
}

.form-datosPersonales .form-check-input:hover + label:before {
    background: #523178;
}

.form-datosPersonales .form-check-input:checked + label:before {
    background: #523178;
    border: 1px solid #523178;
}

.form-datosPersonales .form-check-input:checked + label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    background: #fff;
    width: 2px;
    height: 2px;
    box-shadow:
        2px 0 0 #fff,
        4px 0 0 #fff,
        4px -2px 0 #fff,
        4px -4px 0 #fff,
        4px -6px 0 #fff,
        4px -8px 0 #fff;
    transform: rotate(45deg);
}

.form-datosPersonales label a {
    text-decoration: underline;
    color: #8c4799;
}

.cardProduct {
    width: 49.5%;
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
}

.cardProduct:hover {
    background: #f1f1f1;
    cursor: pointer;
}

.cardProduct svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    fill: #523178;
}

.tooltipGeneral {
    position: relative;
    display: inline-block;
}

.tooltipGeneral .tooltiptext {
    visibility: hidden;
    width: 220px;
    background-color: #8c4799;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    font-size: 12px;
    bottom: 125%;
    left: 50%;
    margin-left: -110px;
    transition: opacity 0.3s;
    text-align: start;
}

.tooltipGeneral .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #8c4799 transparent transparent transparent;
}

.tooltipGeneral:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.modalError .dialogModal {
    max-width: 600px;
}

.modalError .titleModal {
    font-weight: 600;
    font-size: 14.5px;
    text-align: center;
    color: #523178;
}

.modalError .descriptionModal {
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    color: #404040;
}

.modalError .btnCerrar {
    background: #523178;
    border-radius: 4px;
    padding: 11px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

.modalError .modal-footer {
    border-top: 0;
    justify-content: center;
}

.viewLegal .legal-text {
    bottom: 527px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
    text-align: justify;
}

.viewLegal .titleLegal {
    cursor: pointer !important;
}

.viewLegal .titleLegalMobile {
    cursor: pointer !important;
    text-decoration-line: underline !important;
}

.viewLegal .morelegaldropdown {
    font-weight: 600;
    font-size: 16px;
    color: #8c4799;
    cursor: pointer;
}

.viewLegal .morelegaldropdown:after {
    content: "";
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-arrow-down.svg) center
        center no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 2px;
    margin-left: 15px;
}

.viewLegal .lesslegaldropdown {
    font-weight: 600;
    font-size: 16px;
    color: #8c4799;
    cursor: pointer;
}

.viewLegal .lesslegaldropdown:after {
    content: "";
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-arrow-up.svg) center center
        no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 2px;
    margin-left: 15px;
}

.viewLegal .imgLegal {
    width: 100%;
    max-width: 400px;
}

.viewLegal .imgLegalMobile {
    width: 80%;
    height: 100%;
}

.viewLegal .cerrarModal {
    text-decoration-line: underline !important;
}

.modalGeneral .modal-header {
    border-bottom: 0;
}

.modalGeneral .modal-footer {
    border-top: 0;
    justify-content: center;
}

.contenedorSolicitarPrestamo {
    padding-top: 22px;
    padding-bottom: 22px;
    background: #fafafa;
    font-family: montserrat, sans-serif;
}

.contenedorSolicitarPrestamo .mensaje-final {
    background-color: #fff;
    border: 1px solid #eaeaea;
    box-sizing: border-box;
    border-radius: 8px;
}

.contenedorSolicitarPrestamo .title {
    font-size: 32px;
    color: #4f2d7f;
    font-weight: 700;
}

.contenedorSolicitarPrestamo .btnBeneficios {
    color: #fff;
    background: #894490;
    padding: 12px 0;
    max-width: none;
    width: auto;
    margin: 20px 0 10px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px !important;
    display: inline-block;
    padding: 12px;
}

.contenedorSolicitarPrestamo .btnConsultar {
    width: 70%;
    background: #8c4799;
    color: #fff;
    font-size: 18px;
    border: 1px solid transparent;
    padding: 0.75rem 0;
    border-radius: 0.25rem;
    margin: inherit;
    max-width: none;
}

.contenedorSolicitarPrestamo .btnContinuar {
    color: #fff;
    background: #894490;
    padding: 12px 0;
    max-width: none;
    margin: 20px 0 10px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 4px !important;
    display: inline-block;
}

.contenedorSolicitarPrestamo .btnMensajeContinuar {
    color: #fff;
    background: #894490;
    padding: 13px;
    max-width: none;
    width: auto;
    margin: 20px 0 10px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 4px !important;
    display: inline-block;
}

.contenedorSolicitarPrestamo .btnEmpezar {
    color: #fff;
    background: #ee2737;
    padding: 12px 0;
    width: 165px;
    margin: 0 0 30px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 4px !important;
    display: inline-block;
}

.contenedorSolicitarPrestamo .btnEmpezarPres {
    color: #fff;
    background: #ee2737;
    padding: 12px 0;
    width: 100%;
    max-width: 280px;
    font-size: 15.5px;
    font-weight: 600;
    border-radius: 4px !important;
    display: inline-block;
}

.contenedorSolicitarPrestamo .space-b {
    height: 20px;
}

.contenedorSolicitarPrestamo .btnAnterior {
    color: #a5a5a5;
    background: 0 0;
    padding: 12px 0;
    width: 45%;
    margin: 20px 0 10px 10px;
    font-size: 18px;
    font-weight: 400;
    border-radius: 4px !important;
    display: inline-block;
    border: 0;
    box-shadow: 0 0;
    transition: 0;
}

.contenedorSolicitarPrestamo .btnContinuarFormulario {
    color: #fff;
    background: #894490;
    padding: 12px 0;
    width: 45%;
    margin: 20px 10px 10px 0;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px !important;
    display: inline-block;
}

.contenedorSolicitarPrestamo .btnLlamada {
    color: #8c4799;
    background: 0 0;
    padding: 12px 0;
    width: 45%;
    margin: 20px 0 10px 10px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px !important;
    display: inline-block;
    border: 0;
    box-shadow: 0 0;
    transition: 0;
}

.contenedorSolicitarPrestamo .btnRedAgencia {
    color: #8c4799;
    background: 0 0;
    padding: 12px 0;
    width: 140px;
    margin: 20px 0 10px 10px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px !important;
    display: inline-block;
    border: 0;
    box-shadow: 0 0;
    transition: 0;
}

.contenedorSolicitarPrestamo .btnEnviarCodigo {
    color: #484848;
    background: #e6e7e8;
    padding: 8px 3px;
    width: 211px;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    display: inline-block;
    border: 0;
    box-shadow: 0 0;
    transition: 0;
}

.contenedorSolicitarPrestamo .form-control {
    height: calc(2.25rem + 12px);
}

.contenedorSolicitarPrestamo input {
    color: #464b5b;
}

.contenedorSolicitarPrestamo input::placeholder {
    color: #c3c3c3;
}

.contenedorSolicitarPrestamo input:-ms-input-placeholder {
    color: #c3c3c3;
}

.contenedorSolicitarPrestamo input::-webkit-input-placeholder {
    color: #c3c3c3;
}

.contenedorSolicitarPrestamo input::-moz-placeholder {
    color: #c3c3c3;
}

.contenedorSolicitarPrestamo .message-recaptcha {
    display: block;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
}

.contenedorSolicitarPrestamo .divBannerPrestamo {
    background-repeat: no-repeat !important;
    text-align: center;
    background-position: center bottom !important;
    background-size: contain !important;
    background: #4f3173;
}

.contenedorSolicitarPrestamo .divBannerPrestamo::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -659%;
    width: 659%;
    height: 100%;
    background: #4f3173;
}

.contenedorSolicitarPrestamo .divBannerPrestamoPef {
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    text-align: center;
    background: #4f3173;
}

.contenedorSolicitarPrestamo .divBannerPrestamoPef::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -659%;
    width: 659%;
    height: 100%;
    background: #4f3173;
}

.contenedorSolicitarPrestamo .divFormAfterPrestamo {
    display: block;
    background-color: #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    z-index: 1;
    width: calc((100vw - 1160px) / 2);
}

.contenedorSolicitarPrestamo .divFormAfterPrestamoGracias {
    display: block;
    background-color: #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    z-index: 1;
    width: calc((100vw - 1160px) / 2);
}

.contenedorSolicitarPrestamo .form-dni {
    margin: 30px 0 15px;
}

.contenedorSolicitarPrestamo .form-recaptcha {
    position: relative;
    z-index: 100;
    margin: 10px 0;
}

.contenedorSolicitarPrestamo .form-datosPersonales {
    padding: 0;
}

.contenedorSolicitarPrestamo .form-datosPersonales .form-check-input {
    position: absolute;
    opacity: 0;
}

.contenedorSolicitarPrestamo .form-datosPersonales .form-check-input + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    padding-left: 30px;
}

.contenedorSolicitarPrestamo
    .form-datosPersonales
    .form-check-input
    + label:before {
    content: "";
    margin-left: -30px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: 2px;
}

.contenedorSolicitarPrestamo
    .form-datosPersonales
    .form-check-input:hover
    + label:before {
    background: #523178;
}

.contenedorSolicitarPrestamo
    .form-datosPersonales
    .form-check-input:checked
    + label:before {
    background: #523178;
    border: 1px solid #523178;
}

.contenedorSolicitarPrestamo
    .form-datosPersonales
    .form-check-input:checked
    + label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    background: #fff;
    width: 2px;
    height: 2px;
    box-shadow:
        2px 0 0 #fff,
        4px 0 0 #fff,
        4px -2px 0 #fff,
        4px -4px 0 #fff,
        4px -6px 0 #fff,
        4px -8px 0 #fff;
    transform: rotate(45deg);
}

.contenedorSolicitarPrestamo .form-datosPersonales label a {
    text-decoration: underline;
    color: #8c4799;
}

.contenedorSolicitarPrestamo .seleccionOpcion {
    width: 100%;
    display: inline-block;
    background: #fff;
    height: 330px;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    box-shadow: 0 10px 14px rgba(190, 199, 227, 0.25);
    border-radius: 6px;
    padding: 70px 30px;
    transition: border-bottom 0.3s;
}

.contenedorSolicitarPrestamo .seleccionOpcion:hover {
    border-bottom: 5px solid #523178;
}

.contenedorSolicitarPrestamo .opcion1 {
    margin-right: 0;
}

.contenedorSolicitarPrestamo .opcion2 {
    margin-left: 0;
}

.contenedorSolicitarPrestamo .opcion:link {
    text-decoration: none;
}

.contenedorSolicitarPrestamo .horarios div {
    background: #fff;
    border: 1px solid #e9e9ec;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 11px 5px;
    box-shadow: none;
    transition: 0s 0s all ease;
}

.contenedorSolicitarPrestamo .horarios div p {
    color: #4c4c4c;
}

.contenedorSolicitarPrestamo .horarios .active {
    background: #4f2d7f !important;
}

.contenedorSolicitarPrestamo .horarios .active p {
    color: #fff !important;
}

.contenedorSolicitarPrestamo .menu-pasos {
    display: flex;
    justify-content: center;
    padding-top: 5px;
}

.contenedorSolicitarPrestamo .menu-pasos ul {
    list-style: none;
}

.contenedorSolicitarPrestamo .menu-pasos ul li {
    margin: 0 0 15px;
    color: #d4d4d4;
    font-weight: 500;
}

.contenedorSolicitarPrestamo .menu-pasos ul li.active {
    color: #8c4799;
    font-weight: 600;
}

.contenedorSolicitarPrestamo .menu-pasos ul li.active:before {
    content: url(https://www.bancoripley.com.pe/img/svg/i-arrow-right.svg);
    margin-left: -30px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
}

.contenedorSolicitarPrestamo .menu-pasos ul li.checked {
    color: #373737;
    font-weight: 600;
}

.contenedorSolicitarPrestamo .menu-pasos ul li.checked:before {
    content: url(https://www.bancoripley.com.pe/img/svg/i-checked-green.svg);
    margin-left: -30px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
}

.contenedorSolicitarPrestamo .codigo-sms input {
    height: 63px;
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    border: 1px solid #ccc;
}

.contenedorSolicitarPrestamo .codigo-sms input:focus {
    border: 1.5px solid #c563d1;
}

.contenedorSolicitarPrestamo .valid-codigo-sms {
    font-weight: 600;
    font-size: 12px;
    color: #6bb81e;
    padding-left: 30px;
}

.contenedorSolicitarPrestamo .valid-codigo-sms:before {
    content: url(https://www.bancoripley.com.pe/img/svg/i-wait-cursor.svg);
    margin-left: -30px;
    margin-top: -2px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
}

.contenedorSolicitarPrestamo .invalid-codigo-sms {
    font-weight: 500;
    font-size: 12px;
    color: #ee2737;
    padding-left: 30px;
    line-height: 135.31%;
}

.contenedorSolicitarPrestamo .invalid-codigo-sms:before {
    content: url(https://www.bancoripley.com.pe/img/svg/i-warning-red.svg);
    margin-left: -27px;
    margin-right: 7px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
}

.contenedorSolicitarPrestamo .invalid-codigo-sms-expira {
    font-weight: 500;
    font-size: 12px;
    color: #ee2737;
    padding-left: 30px;
    line-height: 135.31%;
}

.contenedorSolicitarPrestamo .invalid-codigo-sms-expira:before {
    content: url(https://www.bancoripley.com.pe/img/svg/i-warning-red.svg);
    margin-left: -27px;
    margin-right: 7px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
}

.contenedorSolicitarPrestamo .form-estado-cuenta div {
    margin-right: 15px;
    padding: 11px 0 0 27px;
    border-radius: 10%;
    background-color: transparent;
}

.contenedorSolicitarPrestamo .form-control.is-invalid {
    border-color: #dc3545;
    padding-right: 5px;
    background-position: 0 0;
    background-size: auto;
    background-image: none;
}

.contenedorSolicitarPrestamo .form-oferta-prestamo {
    width: 100%;
    max-width: 500px;
    background: #f4f6f6;
    border: 1px solid #e4e4e4;
    box-sizing: border-box;
    border-radius: 8px;
    margin-top: 15px;
}

.contenedorSolicitarPrestamo .text-evaluacion {
    max-width: 500px;
    border: 1px solid #e4e4e4;
    box-sizing: border-box;
    border-radius: 8px;
    margin-bottom: 30px;
    margin-top: 15px;
}

.contenedorSolicitarPrestamo .text-beneficios {
    text-align: left;
    color: #727171;
}

.contenedorSolicitarPrestamo .text-beneficio-titulo {
    color: #727171;
    text-align: right;
}

.contenedorSolicitarPrestamo .separador-hr {
    border: 0;
    color: #727171;
    border-left: 1px solid #e3e6e8;
    height: 100%;
    width: 1px;
}

.contenedorSolicitarPrestamo .p-titulo {
    font-size: 18px !important;
}

.contenedorSolicitarPrestamo .t-aling {
    align-self: center !important;
}

.contenedorSolicitarPrestamo .divBanner {
    background: #fff;
}

.contenedorSolicitarPrestamo .divFormulario {
    background: #e5e5e5;
}

.contenedorSolicitarPrestamo .btnEnviarDni {
    color: #fff;
    background: #894490;
    padding: 11px 0;
    max-width: none;
    width: 65%;
    margin: 20px 0 10px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 4px !important;
    display: inline-block;
}

.contenedorSolicitarPrestamo .div-prestamos {
    background: #fff;
    border: 1px solid #eee;
    box-sizing: border-box;
    box-shadow: 0 8px 20px rgba(179, 177, 177, 0.15);
    border-radius: 6px;
    height: 100%;
    width: 100%;
    max-width: 430px;
}

.contenedorSolicitarPrestamo .div-prestamos-no-tag {
    background: 0 0;
    border: 1px solid transparent;
    box-sizing: border-box;
    box-shadow: 0 8px 20px rgba(255, 255, 255, 0.15);
    border-radius: 6px;
    height: 100%;
    width: 100%;
    max-width: 430px;
}

.contenedorSolicitarPrestamo .t-aling {
    text-align: center;
}

.contenedorSolicitarPrestamo .aling-text-b {
    text-align: left !important;
}

.contenedorSolicitarPrestamo .t-space {
    min-height: 70px;
}

.contenedorSolicitarPrestamo .labelMonto1Prestamo {
    font-size: 36px;
    color: #404040;
    font-weight: 600;
    width: 60%;
    border-radius: 4px !important;
}

.contenedorSolicitarPrestamo .labelMonto1PrestamoResponse {
    font-size: 28px;
    color: #404040;
    font-weight: 600;
    width: 100%;
    border-radius: 4px !important;
}

.contenedorSolicitarPrestamo .labelMonto2Prestamos {
    font-size: 36px;
    color: #404040;
    font-weight: 600;
    width: 100%;
    border-radius: 4px !important;
}

.contenedorSolicitarPrestamo .labelMonto2PrestamosResponse {
    font-size: 28px;
    color: #404040;
    font-weight: 600;
    width: 100%;
    border-radius: 4px !important;
}

.contenedorSolicitarPrestamo .viewFelicitaciones .title {
    font-weight: 700;
    font-size: 28px;
    line-height: 34px;
    text-align: center;
    color: #8c4799;
}

.contenedorSolicitarPrestamo .viewFelicitaciones .subtitle {
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    color: #404040;
}

.contenedorSolicitarPrestamo .viewFelicitaciones .subtext {
    font-weight: 500;
    font-size: 14px;
    color: #58595b;
}

.contenedorSolicitarPrestamo .viewFelicitaciones .product {
    font-weight: 600;
    font-size: 26px;
    line-height: 135%;
    color: #523178;
}

.contenedorSolicitarPrestamo .viewFelicitaciones .amount {
    font-weight: 700;
    font-size: 30px;
    color: #404040;
}

.contenedorSolicitarPrestamo .viewFelicitaciones .date {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #404040;
}

.contenedorSolicitarPrestamo .viewFelicitaciones .dataTitle {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #404040;
}

.contenedorSolicitarPrestamo .viewFelicitaciones .dataTitleSmall {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #404040;
}

.contenedorSolicitarPrestamo .viewFelicitaciones .dataSubtitle {
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #523178;
}

.contenedorSolicitarPrestamo .viewFelicitaciones .text-footer {
    font-weight: 400;
    font-size: 12px;
    color: #737373;
}

.contenedorSolicitarPrestamo .viewFelicitaciones .separator {
    border: 1px solid #ededed;
}

.contenedorSolicitarPrestamo .viewFelicitaciones .box-header {
    background: #f7ae41;
    border-radius: 0 8px;
    min-width: 45%;
    width: auto;
    float: right;
    padding: 2px 5px;
}

.contenedorSolicitarPrestamo .viewFelicitaciones .box-header .text-header {
    font-weight: 600;
    font-size: 13px;
    line-height: 23px;
    color: #fff;
}

.contenedorSolicitarPrestamo .viewFelicitaciones .box-header-sef {
    background: #8c4799;
    border-radius: 0 8px;
    min-width: 45%;
    width: auto;
    float: right;
    padding: 2px 5px;
}

.contenedorSolicitarPrestamo .viewFelicitaciones .box-header-sef .text-header {
    font-weight: 600;
    font-size: 13px;
    line-height: 23px;
    color: #fff;
}

.contenedorSolicitarPrestamo .viewFelicitaciones .box-header-otro {
    background: 0 0;
    border-radius: 0 8px;
    min-width: 45%;
    width: auto;
    float: right;
    padding: 2px 5px;
}

.contenedorSolicitarPrestamo .viewFelicitaciones .box-header-otro .text-header {
    font-weight: 600;
    font-size: 13px;
    line-height: 23px;
    color: #fff;
}

.contenedorSolicitarPrestamo .viewFelicitaciones .lineSeparator {
    border: 2px solid #ffb81c;
    max-width: 2%;
    border-radius: 20%;
    background: #ffb81c;
}

.contenedorSolicitarPrestamo .viewFelicitaciones .dataDescription {
    font-weight: 500;
    font-size: 15px;
    text-align: center;
    color: #404040;
}

.contenedorSolicitarPrestamo .viewFelicitaciones .textDetail {
    cursor: pointer;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    color: #8c4799;
}

@media (max-width: 767px) {
    .contenedorSolicitarPrestamo .btnConsultar {
        width: 100%;
        margin: auto;
    }

    .contenedorSolicitarPrestamo .title {
        font-size: 25px;
    }

    .contenedorSolicitarPrestamo .viewFelicitaciones .dataTitle {
        font-size: 14px;
    }

    .contenedorSolicitarPrestamo .viewFelicitaciones .dataSubtitle {
        font-size: 14px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .contenedorSolicitarPrestamo .btnConsultar {
        width: 100%;
    }

    .contenedorSolicitarPrestamo .title {
        font-size: 29px;
    }

    .contenedorSolicitarPrestamo .viewFelicitaciones .dataTitle {
        font-size: 14px;
    }

    .contenedorSolicitarPrestamo .viewFelicitaciones .dataSubtitle {
        font-size: 14px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .contenedorSolicitarPrestamo .btnConsultar {
        width: 70%;
    }
}

@media (min-width: 1200px) {
    .contenedorSolicitarPrestamo .btnConsultar {
        width: 70%;
    }
}

.withOutPaddingPrestamo {
    margin-top: -22px;
    margin-bottom: -22px;
}

.btnModal {
    color: #fff;
    background: #894490;
    padding: 12px 0;
    max-width: none;
    width: 50%;
    margin: 20px 0 10px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 4px !important;
    display: inline-block;
    font-family: Montserrat !important;
}

@media (max-width: 575px) {
    .respons .btnEnviarDni {
        font-size: 16px;
        width: 100%;
        margin: 10px 0 5px;
    }

    .respons .t-aling {
        text-align: left;
    }

    .respons .aling-text-b {
        text-align: center !important;
    }
}

@media (max-width: 767px) {
    .respons .form-oferta-prestamo {
        width: 90%;
        margin: auto;
    }

    .respons .text-evaluacion {
        width: 90%;
        margin: auto;
    }

    .respons .msg-evaluacion {
        width: 90%;
    }

    .respons .btnGraciasPrestamos {
        padding: 8px 0;
        font-size: 15px;
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .respons .form-oferta-prestamo {
        width: 90%;
        margin: auto;
    }

    .respons .text-evaluacion {
        width: 90%;
    }

    .respons .msg-evaluacion {
        width: 90%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .respons .form-oferta-prestamo {
        width: 75%;
    }

    .respons .text-evaluacion {
        width: 75%;
    }

    .respons .msg-evaluacion {
        width: 75%;
    }
}

@media (min-width: 1200px) {
    .respons .form-oferta-prestamo {
        width: 100%;
    }

    .respons .text-evaluacion {
        width: 55%;
    }

    .respons .msg-evaluacion {
        width: 55%;
    }

    .respons .bottom-losentimos {
        margin-bottom: 200px;
    }
}

.bottom-losentimos {
    margin-bottom: 0;
}

.imgTrBannerPrestamo {
    width: 100%;
    height: 100%;
}

.btnGraciasPrestamos {
    color: #fff;
    background: #523178;
    padding: 12px 0;
    max-width: none;
    font-size: 18px;
    font-weight: 600;
    width: 230px;
    border-radius: 4px !important;
}

.accordion .card {
    border: 0;
    transition: 200ms all;
}

.accordion .card .card-header {
    cursor: pointer;
    border-bottom: 2px solid #8c4799;
}

.accordion .card .card-header h2 {
    color: #8c4799;
    font-weight: 600;
}

.accordion .card .card-body {
    background: #fafafa;
}

.accordion .card .card-header[aria-expanded="true"] h2::after {
    content: "-";
    float: right;
    font-size: 20px;
    transition: 1000ms all;
    font-weight: 400;
}

.accordion .card .card-header[aria-expanded="false"] h2::after {
    content: "+";
    float: right;
    font-size: 20px;
    transition: 1000ms all;
    font-weight: 400;
}

.content-slide-prestamo {
    width: 100%;
    max-width: 600px;
}

.content-slide-prestamo .item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.content-slide-prestamo .item .image-slide {
    height: 80px;
}

@media only screen and (max-width: 600px) {
    .content-slide-prestamo .item .image-slide {
        height: 100px;
    }
}

.content-slide-prestamo .item span {
    text-align: center;
    max-width: 170px;
}

@media only screen and (max-width: 600px) {
    .content-slide-prestamo .item span {
        max-width: 100%;
    }
}

.content-slide-prestamo .title-slide-bottom {
    color: #4f2d7f !important;
    font-size: 28px;
    max-width: 500px;
    font-weight: 600;
}

@media only screen and (max-width: 600px) {
    .content-slide-prestamo .title-slide-bottom {
        font-size: 20px;
    }
}

@media only screen and (max-width: 480px) {
    .content-slide-prestamo .title-slide-bottom {
        font-size: 15px;
    }
}

.content-slide-prestamo .slick-dots .slick-active button {
    background-color: #7030a0;
}

.content-slide-prestamo .slick-dots button {
    background-color: #adadad;
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

.content-slide-prestamo .slick-dots button::before {
    content: "" !important;
}

@media (min-width: 992px) {
    #big-container {
        max-width: 1100px;
    }
}

@media (min-width: 768px) {
    .space-in {
        flex: 0 0 32.33333% !important;
        margin: auto 3px;
    }
}

@media (min-width: 768px) {
    .space-in-v2 {
        flex: 0 0 32.33333% !important;
        margin-right: 3px;
        margin-left: 3px;
    }
}

@import "https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800";

.transition1,
.btnRed,
.btnWhite,
.btnPurple,
.btnLightPurple,
.btnYellow,
.link,
.download {
    transition: all 0.25s ease-in-out;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    width: 100%;
    border: 0;
    max-width: 100%;
    padding: 0;
    margin: 0;
    padding-top: 90px;
}

@media (max-width: 1024px) {
    body {
        padding-top: 60px;
    }
}

@media (max-width: 780px) {
    body {
        max-width: 100vw;
        overflow-x: hidden;
    }
}

button,
a,
input,
select,
option {
    outline: 0;
    box-shadow: none;
}

button:focus,
a:focus,
input:focus,
select:focus,
option:focus {
    box-shadow: none !important;
}

.contentBTN {
    margin: 30px 0;
}

.simple-line-height {
    line-height: 1.3;
}

.low-line-height {
    line-height: 0.8;
}

@media (max-width: 575px) {
    .low-line-height {
        line-height: 1;
    }
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
    font-family: montserrat, sans-serif;
    font-weight: 500;
    font-size: 15.5px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 10px;
}

.btnRed,
.btnWhite,
.btnPurple,
.btnLightPurple,
.btnYellow {
    text-align: center;
    display: inline-block;
    padding: 1rem 1.5rem;
    box-shadow: 1px 2px 3px rgba(76, 76, 76, 0.5);
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 13.5px;
    color: #fff !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.btnRed:hover,
.btnWhite:hover,
.btnPurple:hover,
.btnLightPurple:hover,
.btnYellow:hover {
    box-shadow: 1px 2px 3px rgba(76, 76, 76, 0.75);
    text-decoration: none;
}

.btnYellow {
    background-color: #f2ad4b;
}

.btnYellow:hover {
    background-color: #feb957;
    color: #fff;
}

.btnPurple {
    background-color: #4f2d7f;
}

.btnPurple:hover {
    background-color: #361860;
    color: #fff;
}

.btnLightPurple {
    background-color: #894590;
}

.btnLightPurple:hover {
    background-color: #893492;
    color: #fff;
}

.btnWhite {
    color: #4f2d7f !important;
    background-color: #ededed;
}

.btnWhite:hover {
    background-color: #fff;
    color: #4f2d7f !important;
}

.btnRed {
    background-color: #ee2737;
    border-radius: 4px;
    cursor: pointer;
}

.btnRed:hover {
    background-color: #f8414b;
    color: #fff !important;
}

.btnMeInteresa {
    color: #fff !important;
    background: #894490;
    padding: 11px 0;
    max-width: none;
    width: 30%;
    margin: 20px 0 10px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 4px !important;
    display: inline-block;
}

.link,
.download {
    padding-left: 15px;
    position: relative;
    font-weight: 600;
    color: #894590;
}

.link:hover,
.download:hover {
    text-decoration: none;
    color: #894590;
}

.link:before,
.download:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 16px;
    width: 10px;
}

.link:before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iN3B4IiBoZWlnaHQ9IjVweCIgdmlld0JveD0iMCAwIDcgNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDguMiAoNDczMjcpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPmljb25fc2VsZWN0LWFycm93PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9ImxheW91dC9iYXItcmlwbGV5IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI1Ny4wMDAwMDAsIC0xMy4wMDAwMDApIj4KICAgICAgICA8ZyBpZD0iaW5wdXQvc2VsZWN0LWFycm93IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjU2LjAwMDAwMCwgMTMuMDAwMDAwKSIgZmlsbD0iIzg5NDU5MCIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHBhdGggZD0iTTMuMTkyOTY4MSw1LjgzMzMzMzMzIEMyLjk5NjYwMjA0LDUuODMzMzMzMzMgMi44MDAwOTY5MSw1Ljc1Nzg1OTE5IDIuNjQ2NTY0MjQsNS42MDYwNDE3IEMyLjMyOTIwNzc2LDUuMjkxNjg2ODEgMi4zMTY1NTI0NCw0Ljc2ODcyNzc0IDIuNjE4MTk0MDgsNC40MzgwMDMyMSBMNC4zOTI0NDIwOSwyLjQ5NDIxNzk1IEwyLjYyMDAwMTk4LDAuNTYzOTA1MDQgQzIuMzE3MjQ3NzksMC4yMzQzMzk0MjEgMi4zMjgzNzMzNSwtMC4yODg2MTk2NDggMi42NDQ4OTU0MSwtMC42MDQxMzM0NTggQzIuOTYxNTU2NTQsLTAuOTE5NjQ3MjY3IDMuNDYzNDU4MTgsLTAuOTA3OTEzMjgyIDMuNzY2MjEyMzcsLTAuNTc4MjAyOCBMNi4wNjE1NTM2LDEuOTIxMTM1OTMgQzYuMzU0MTU1NzIsMi4yMzk4MzY3NSA2LjM1NDcxMiwyLjc0MTc5MDU0IDYuMDYzMzYxNTEsMy4wNjE1MDU0IEwzLjc2ODE1OTM0LDUuNTc2NDg5NDUgQzMuNjExOTg0MzUsNS43NDY5OTQzOCAzLjQwMjk2Mjk3LDUuODMzMzMzMzMgMy4xOTI5NjgxLDUuODMzMzMzMzMgWiIgaWQ9IlNoYXBlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjM0MDcyMCwgMi41MDAwMDApIHJvdGF0ZSg5MC4wMDAwMDApIHRyYW5zbGF0ZSgtNC4zNDA3MjAsIC0yLjUwMDAwMCkgIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)
        center center no-repeat;
    background-size: contain;
    transform: rotate(-90deg);
}

.download:before {
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-download.svg) no-repeat
        center center;
    background-size: contain;
}

.arrow-down {
    position: relative;
    display: inline-block;
    font-family: montserrat, sans-serif;
    width: 100%;
}

.arrow-down:after {
    content: "";
    height: 10px;
    width: 10px;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-down-menu.svg) center
        center no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 40%;
    right: 25px;
}

.arrow-right {
    position: relative;
    display: inline-block;
    font-family: montserrat, sans-serif;
    width: 100%;
}

.arrow-right:after {
    content: "";
    height: 10px;
    width: 10px;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-down-menu.svg) no-repeat
        right center;
    background-size: contain;
    position: absolute;
    bottom: 40%;
    right: 25px;
}

.t0 {
    font-size: 100px;
}

@media (max-width: 767px) {
    .t0 {
        font-size: 50px;
    }
}

.t1 {
    font-size: 35px;
}

.t2a {
    font-size: 22px;
}

.t2 {
    font-size: 22.5px;
}

.t3 {
    font-size: 19.5px;
}

.t4 {
    font-size: 16.5px;
}

.t5 {
    font-size: 32px;
}

.t6 {
    font-size: 40px;
}

.t7 {
    font-size: 36px;
}

.t8 {
    font-size: 24px;
}

.t9 {
    font-size: 15px;
}

.t10 {
    font-size: 16px;
}

.t11 {
    font-size: 17px;
}

.s1 {
    font-size: 13.5px;
}

.s2 {
    font-size: 12.5px;
}

.s3 {
    font-size: 11px;
}

.s4 {
    font-size: 12px;
}

.s5 {
    font-size: 14px;
}

.lh1 {
    line-height: 20px !important;
}

.s6 {
    font-size: 10px;
}

.normal {
    font-weight: 400 !important;
}

.light {
    font-weight: 400 !important;
}

.strongLight {
    font-weight: 500 !important;
}

.semiBold {
    font-weight: 600 !important;
}

.bold {
    font-weight: 700 !important;
}

.yellow {
    color: #feb957 !important;
}

.white {
    color: #fff !important;
}

.black1 {
    color: #404040 !important;
}

.black2 {
    color: #424242 !important;
}

.black3 {
    color: #444 !important;
}

.black4 {
    color: #000 !important;
}

.purple {
    color: #894590 !important;
}

.purple3 {
    color: #8c4799 !important;
}

.purpleDark {
    color: #4f2d7f !important;
}

.red {
    color: #ee2737 !important;
}

.grey {
    color: #4c4c4c !important;
}

.grey4 {
    color: #484848 !important;
}

.grey5 {
    color: #737373 !important;
}

.grey6 {
    color: #58595b !important;
}

.subrayado {
    text-decoration: underline;
    cursor: pointer;
}

.grey0 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 37px;
    background-color: transparent;
    position: absolute;
    z-index: 1;
    margin-top: 50px;
    margin-left: 35px;
}

.darkPurple3 {
    color: #4f2d7f !important;
}

.darkPurple3_1 {
    color: #4f2d7f;
}

.darkPurple4 {
    color: #523178;
}

.darkPurple5 {
    color: #462a66;
}

.grey00 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 37px;
    background-color: transparent;
    position: absolute;
    z-index: 1;
    margin-top: 50px;
    margin-left: 35px;
}

.grey1 {
    color: #4c4c4c !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    background-color: transparent;
    position: absolute;
    z-index: 3;
    margin-left: 12%;
    margin-top: 80px;
}

.grey10 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    background-color: transparent;
    position: absolute;
    z-index: 3;
    margin-left: 12%;
    margin-top: 80px;
}

.lightGrey3 {
    color: #7b7e83 !important;
}

.lightGrey4 {
    color: #3f3f41 !important;
}

.lightGrey5 {
    color: #939393 !important;
}

.lightGrey6 {
    color: #8c8c8c !important;
}

.lightGrey7 {
    color: #737373 !important;
}

.lightGrey8 {
    color: #727171;
}

.lightGrey9 {
    color: #9d9d9d;
}

.lightGrey10 {
    color: #aaa7a7;
}

.lightGrey11 {
    color: #6e6e6e;
}

.upCase {
    text-transform: uppercase;
}

.content-line {
    position: relative;
}

.content-line:after {
    content: "";
    height: 100%;
    width: 1px;
    background-color: #efefef;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1px;
}

.globo {
    position: fixed;
    bottom: 35px;
    right: 85px;
    z-index: 4001;
}

.form-dni {
    margin: 30px 0 15px;
}

.form-recaptcha {
    margin: 10px 0;
}

.form-datosPersonales {
    padding: 0;
}

.form-datosPersonales .form-check-input {
    position: absolute;
    opacity: 0;
}

.form-datosPersonales .form-check-input + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    padding-left: 30px;
}

.form-datosPersonales .form-check-input + label:before {
    content: "";
    margin-left: -30px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: 2px;
}

.form-datosPersonales .form-check-input:hover + label:before {
    background: #523178;
}

.form-datosPersonales .form-check-input:checked + label:before {
    background: #523178;
    border: 1px solid #523178;
}

.form-datosPersonales .form-check-input:checked + label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    background: #fff;
    width: 2px;
    height: 2px;
    box-shadow:
        2px 0 0 #fff,
        4px 0 0 #fff,
        4px -2px 0 #fff,
        4px -4px 0 #fff,
        4px -6px 0 #fff,
        4px -8px 0 #fff;
    transform: rotate(45deg);
}

.form-datosPersonales label a {
    text-decoration: underline;
    color: #8c4799;
}

.cardProduct {
    width: 49.5%;
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
}

.cardProduct:hover {
    background: #f1f1f1;
    cursor: pointer;
}

.cardProduct svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    fill: #523178;
}

.tooltipGeneral {
    position: relative;
    display: inline-block;
}

.tooltipGeneral .tooltiptext {
    visibility: hidden;
    width: 220px;
    background-color: #8c4799;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    font-size: 12px;
    bottom: 125%;
    left: 50%;
    margin-left: -110px;
    transition: opacity 0.3s;
    text-align: start;
}

.tooltipGeneral .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #8c4799 transparent transparent transparent;
}

.tooltipGeneral:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.modalError .dialogModal {
    max-width: 600px;
}

.modalError .titleModal {
    font-weight: 600;
    font-size: 14.5px;
    text-align: center;
    color: #523178;
}

.modalError .descriptionModal {
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    color: #404040;
}

.modalError .btnCerrar {
    background: #523178;
    border-radius: 4px;
    padding: 11px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

.modalError .modal-footer {
    border-top: 0;
    justify-content: center;
}

.viewLegal .legal-text {
    bottom: 527px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
    text-align: justify;
}

.viewLegal .titleLegal {
    cursor: pointer !important;
}

.viewLegal .titleLegalMobile {
    cursor: pointer !important;
    text-decoration-line: underline !important;
}

.viewLegal .morelegaldropdown {
    font-weight: 600;
    font-size: 16px;
    color: #8c4799;
    cursor: pointer;
}

.viewLegal .morelegaldropdown:after {
    content: "";
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-arrow-down.svg) center
        center no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 2px;
    margin-left: 15px;
}

.viewLegal .lesslegaldropdown {
    font-weight: 600;
    font-size: 16px;
    color: #8c4799;
    cursor: pointer;
}

.viewLegal .lesslegaldropdown:after {
    content: "";
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-arrow-up.svg) center center
        no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 2px;
    margin-left: 15px;
}

.viewLegal .imgLegal {
    width: 100%;
    max-width: 400px;
}

.viewLegal .imgLegalMobile {
    width: 80%;
    height: 100%;
}

.viewLegal .cerrarModal {
    text-decoration-line: underline !important;
}

.modalGeneral .modal-header {
    border-bottom: 0;
}

.modalGeneral .modal-footer {
    border-top: 0;
    justify-content: center;
}

.contenedorSolicitarCuentaAhorro {
    padding-top: 35px;
    padding-bottom: 35px;
    background: #fff;
    font-family: montserrat, sans-serif;
}

.contenedorSolicitarCuentaAhorro .form-control {
    height: calc(2.25rem + 12px);
}

.contenedorSolicitarCuentaAhorro .divBanner {
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    text-align: center;
    background: #523178;
}

.contenedorSolicitarCuentaAhorro .divBanner::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -659%;
    width: 659%;
    height: 100%;
    background: #523178;
}

.contenedorSolicitarCuentaAhorro .divBanner:hover {
    cursor: pointer;
}

.contenedorSolicitarCuentaAhorro .divFormAfterCuentaAhorro {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    z-index: 1;
    width: calc((100vw - 1160px) / 2);
}

.contenedorSolicitarCuentaAhorro .imgBannerMovil {
    width: 100%;
    height: 100%;
}

.contenedorSolicitarCuentaAhorro .title {
    font-size: 32px;
    color: #4f2d7f;
    font-weight: 700;
}

.contenedorSolicitarCuentaAhorro .pasos-adjust-left {
    margin-left: 0;
}

.contenedorSolicitarCuentaAhorro .pasos-adjust-top {
    margin-top: -6px;
}

.contenedorSolicitarCuentaAhorro .circle-pasos-check {
    background: #f1ac4b;
    border: 1px solid #f1ac4b;
    box-sizing: border-box;
    padding: 5px 0;
    border-radius: 35px;
    max-width: 25px;
}

.contenedorSolicitarCuentaAhorro .circle-pasos-current {
    background: #fff;
    border: 1px solid #f1ac4b;
    box-sizing: border-box;
    padding: 5px 0;
    border-radius: 35px;
    max-width: 25px;
}

.contenedorSolicitarCuentaAhorro .text-circle-pasos-current {
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    color: #f1ac4b;
    font-weight: 600;
}

.contenedorSolicitarCuentaAhorro .line-pasos {
    height: 30px;
    width: 2px;
    background-color: #d9d9d9;
    margin: auto;
}

.contenedorSolicitarCuentaAhorro .circle-pasos {
    background: #fff;
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
    padding: 5px 0;
    border-radius: 35px;
    max-width: 25px;
}

.contenedorSolicitarCuentaAhorro .text-circle-pasos {
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    color: #949494;
    font-weight: 600;
}

.contenedorSolicitarCuentaAhorro .text-circle-pasos-check {
    font-size: 14px;
    line-height: 13px;
    text-align: center;
    color: #fff;
    font-weight: 600;
}

.contenedorSolicitarCuentaAhorro .text-pasos-current {
    font-size: 14px;
    font-weight: 600;
}

.contenedorSolicitarCuentaAhorro .text-pasos {
    font-size: 12px;
    font-weight: 500;
}

.contenedorSolicitarCuentaAhorro .btnAnterior {
    background: #ededed;
    color: #949494;
    font-size: 15px;
    width: 180px;
    border-radius: 4px;
    font-weight: 600;
    padding: 12px;
}

.contenedorSolicitarCuentaAhorro .btnContinuar {
    background: #523178;
    color: #fff;
    font-size: 15px;
    border-radius: 4px;
    width: 180px;
    font-weight: 600;
    padding: 10px;
}

.contenedorSolicitarCuentaAhorro .titlePasos {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #523178;
}

.contenedorSolicitarCuentaAhorro .tooltipCustomDeclaracion {
    position: relative;
    display: inline-block;
}

.contenedorSolicitarCuentaAhorro .tooltipCustomDeclaracion .tooltipText {
    visibility: hidden;
    width: 220px;
    background-color: #8c4799;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    font-size: 12px;
    bottom: 125%;
    left: 50%;
    margin-left: -50px;
    transition: opacity 0.3s;
    text-align: start;
}

.contenedorSolicitarCuentaAhorro .tooltipCustomDeclaracion .tooltipText::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 86%;
    margin-left: -145px;
    border-width: 5px;
    border-style: solid;
    border-color: #8c4799 transparent transparent transparent;
}

.contenedorSolicitarCuentaAhorro .tooltipCustomDeclaracion:hover .tooltipText {
    visibility: visible;
    opacity: 1;
}

.contenedorSolicitarCuentaAhorro
    .custom-control-input
    ~ .custom-control-label::before {
    margin-top: -2px;
    border: 1px solid #523178;
}

.contenedorSolicitarCuentaAhorro
    .custom-control-input:checked
    ~ .custom-control-label::before {
    color: #fff;
    border-color: #523178;
    background-color: #523178;
    margin-top: -2px;
}

.contenedorSolicitarCuentaAhorro
    .custom-control-input:checked
    ~ .custom-control-label::after {
    margin-top: -2px;
}

.contenedorSolicitarCuentaAhorro
    .custom-control-input:not(:disabled):active
    ~ .custom-control-label::before {
    color: #fff;
    background-color: #a796bf;
    border-color: #a796bf;
}

.contenedorSolicitarCuentaAhorro .menu-pasos-movil {
    margin-top: -47px;
    height: 65px;
    line-height: 65px;
    background: #f0f0f0;
}

.contenedorSolicitarCuentaAhorro .circle {
    background: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    color: #d4d4d4;
    font-weight: 600;
}

.contenedorSolicitarCuentaAhorro .circleActive {
    background: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    color: #d4d4d4;
    font-weight: 600;
    border: 1px solid #f1ac4b;
}

.contenedorSolicitarCuentaAhorro .circleCheck {
    background: #f1ac4b;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    color: #d4d4d4;
    font-weight: 600;
    border: 1px solid #f1ac4b;
}

.contenedorSolicitarCuentaAhorro .line {
    width: 30px;
    height: auto;
    display: inline-block;
    border-bottom: 2px solid #e0e0e0;
    vertical-align: middle;
}

.contenedorSolicitarCuentaAhorro .lineCheck {
    width: 30px;
    height: auto;
    display: inline-block;
    border-bottom: 2px solid #f1ac4b;
    vertical-align: middle;
}

.contenedorSolicitarCuentaAhorro .labelCenter {
    vertical-align: middle;
}

.contenedorSolicitarCuentaAhorro .pasoActive {
    color: #f1ac4b;
}

.contenedorSolicitarCuentaAhorro .pasoCheck {
    color: #fff;
}

.contenedorSolicitarCuentaAhorro .viewConsulta .btnConsultar {
    width: 54%;
    background: #8c4799;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    border: 1px solid transparent;
    padding: 0.75rem 0;
    border-radius: 0.25rem;
    margin: inherit;
    max-width: none;
}

.contenedorSolicitarCuentaAhorro .viewConsulta .form-oferta {
    width: 100%;
    max-width: 500px;
    background: #f4f6f6;
    border: 1px solid #e4e4e4;
    box-sizing: border-box;
    border-radius: 8px;
    margin-top: 15px;
}

.contenedorSolicitarCuentaAhorro .viewConsulta .titleForm {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    text-align: center;
    color: #737373;
}

.contenedorSolicitarCuentaAhorro .viewConsulta .inputDni {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #404040;
}

.contenedorSolicitarCuentaAhorro .viewConsulta .textFooter {
    color: #9d9d9d;
    margin-left: 130px;
    font-weight: 500;
    font-size: 14px;
}

.contenedorSolicitarCuentaAhorro .viewConsulta .personalData {
    font-weight: 500;
    font-size: 12px;
    color: #515151;
}

.contenedorSolicitarCuentaAhorro .cardProductCuentaAhorro {
    width: 49.5%;
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
}

.contenedorSolicitarCuentaAhorro .cardProductCuentaAhorro .cts-product {
    font-size: 37px;
    font-weight: 700;
    color: #523178;
    line-height: 1;
}

.contenedorSolicitarCuentaAhorro .cardProductCuentaAhorro .div-percentage {
    background: #523178;
    border-radius: 2.8024px;
    width: fit-content;
    padding: 0 5px;
}

.contenedorSolicitarCuentaAhorro
    .cardProductCuentaAhorro
    .div-percentage
    .cts-percentage {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
}

.contenedorSolicitarCuentaAhorro
    .cardProductCuentaAhorro
    .div-percentage
    .trea-percentage {
    font-weight: 500;
    font-size: 4px;
    color: #fff;
    text-align: end;
}

.contenedorSolicitarCuentaAhorro .cardProductCuentaAhorro .app-product {
    font-size: 16px;
    font-weight: 700;
    color: #523178;
}

.contenedorSolicitarCuentaAhorro .cardProductCuentaAhorro .description-product {
    font-size: 10px;
    color: #523178;
}

.contenedorSolicitarCuentaAhorro .cardProductCuentaAhorro:hover {
    background: #f1f1f1;
    cursor: pointer;
}

.contenedorSolicitarCuentaAhorro .cardProductCuentaAhorro svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    fill: #523178;
}

.contenedorSolicitarCuentaAhorro .viewNoCliente .backgroundGreyMovil {
    background: #fff;
}

.contenedorSolicitarCuentaAhorro .viewNoCliente .divNoCliente {
    background: #fff;
}

.contenedorSolicitarCuentaAhorro .viewNoCliente .margin-text-no-cliente {
    margin-left: 0;
    margin-right: 0;
}

.contenedorSolicitarCuentaAhorro .viewTypeAccount .titleTypeAccount {
    font-size: 24px;
    color: #4f2d7f;
    font-weight: 700;
    line-height: 26px;
}

.contenedorSolicitarCuentaAhorro .viewTypeAccount .subtitleTypeAccount {
    font-weight: 400;
    font-size: 13px;
    color: #404040;
    line-height: 16px;
}

.contenedorSolicitarCuentaAhorro .viewTypeAccount .textOneTypeAccount {
    font-size: 24px;
    color: #4f2d7f;
}

.contenedorSolicitarCuentaAhorro .viewTypeAccount .textTwoTypeAccount {
    font-size: 18px;
    color: #434343;
}

.contenedorSolicitarCuentaAhorro .viewTypeAccount .cardTypeAccount {
    background: #fff;
    box-sizing: border-box;
    border: 1.5px solid #e2e2e2;
    box-shadow: 0 2px 12px rgba(230, 230, 230, 0.4);
    border-radius: 8px;
    width: 100%;
    min-height: 360px;
}

.contenedorSolicitarCuentaAhorro
    .viewTypeAccount
    .cardTypeAccount
    .backgroundAccountSimple {
    background: #eaebed;
}

.contenedorSolicitarCuentaAhorro
    .viewTypeAccount
    .cardTypeAccount
    .backgroundAccountPlus {
    background: #f7f1e5;
}

.contenedorSolicitarCuentaAhorro
    .viewTypeAccount
    .cardTypeAccount
    .borderVitrina {
    border-radius: 8px 0 0 8px;
}

.contenedorSolicitarCuentaAhorro .viewTypeAccount .descriptionTypeAccount {
    font-weight: 400;
    font-size: 13.5px;
    line-height: 20px;
    color: #404040;
}

.contenedorSolicitarCuentaAhorro .viewTypeAccount .viewMoreTypeAccount {
    font-weight: 600;
    font-size: 13.5px;
    line-height: 20px;
    color: #894590;
    text-decoration: underline;
    cursor: pointer;
}

.contenedorSolicitarCuentaAhorro .viewTypeAccount .buttonTypeAccount {
    background: #ee2737;
    border-radius: 4px;
    color: #fff;
    font-weight: 600;
    max-width: none;
    width: auto;
    padding: 10px 40px;
}

.contenedorSolicitarCuentaAhorro .viewTypeAccount .lineTypeAccount {
    border: 1px solid #eaeaea;
}

.contenedorSolicitarCuentaAhorro .viewTypeAccount .bannerAccountSimple {
    background-image: url(./../img/solicitar-cuenta-ahorro/cuenta_simple.png);
    border-radius: 0 5px 5px 0;
    min-height: 135px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.contenedorSolicitarCuentaAhorro .viewTypeAccount .bannerAccountPlus {
    border-radius: 5px;
    min-height: 135px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.contenedorSolicitarCuentaAhorro .viewTypeAccount .textFinalTypeAccount {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #404040;
}

.contenedorSolicitarCuentaAhorro .viewValidacionIdentidad .subtext {
    font-weight: 400;
    font-size: 13px;
    line-height: 26px;
    color: #58595b;
}

.contenedorSolicitarCuentaAhorro .viewValidacionIdentidad .button-keyboard {
    background: #f9f4f4;
    border-radius: 40px;
    height: 55px;
    width: 55px;
    padding-top: 17px;
    margin: auto;
    cursor: pointer;
}

.contenedorSolicitarCuentaAhorro
    .viewValidacionIdentidad
    .text-button-keyboard {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #424242;
    text-align: center;
}

.contenedorSolicitarCuentaAhorro .viewValidacionIdentidad .buttonNumber {
    width: 80px;
    margin-left: -12px;
    margin-top: -7px;
}

.contenedorSolicitarCuentaAhorro .viewValidacionIdentidad .textFooter {
    color: #8c4799;
    font-weight: 600;
    font-size: 12px;
}

.contenedorSolicitarCuentaAhorro .viewValidacionIdentidad .inputKey {
    background: #fff;
    border: 1px solid #ccbde1;
    box-sizing: border-box;
    border-radius: 3px;
    height: 40px;
    padding: 0 0 0 15px;
}

.contenedorSolicitarCuentaAhorro .viewValidacionIdentidad .inputKeyCorrect {
    background: #fff;
    border: 1px solid #6bb81e;
    box-sizing: border-box;
    border-radius: 3px;
    height: 40px;
    padding: 0 0 0 15px;
}

.contenedorSolicitarCuentaAhorro .viewValidacionIdentidad .inputKeyIncorrect {
    background: #fff;
    border: 1px solid #ee2737;
    box-sizing: border-box;
    border-radius: 3px;
    height: 40px;
    padding: 0 0 0 15px;
}

.contenedorSolicitarCuentaAhorro .viewValidacionIdentidad .pointKey {
    font-size: 80px;
    margin-top: -47px;
}

.contenedorSolicitarCuentaAhorro .viewValidacionIdentidad .textKeyIncorrect {
    font-weight: 500;
    font-size: 12px;
    line-height: 19px;
    text-align: center;
    color: #ee2737;
}

.contenedorSolicitarCuentaAhorro .viewValidacionIdentidad .textKeyCorrect {
    font-weight: 500;
    font-size: 12px;
    line-height: 19px;
    text-align: center;
    color: #6bb81e;
}

.contenedorSolicitarCuentaAhorro
    .modalIntentosValidacionIdentidad
    .dialogModal {
    max-width: 600px;
}

.contenedorSolicitarCuentaAhorro .modalIntentosValidacionIdentidad .titleModal {
    font-weight: 600;
    font-size: 14.5px;
    text-align: center;
    color: #523178;
}

.contenedorSolicitarCuentaAhorro
    .modalIntentosValidacionIdentidad
    .descriptionModal {
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    color: #404040;
}

.contenedorSolicitarCuentaAhorro .modalIntentosValidacionIdentidad .btnCerrar {
    background: #523178;
    border-radius: 4px;
    padding: 11px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

.contenedorSolicitarCuentaAhorro
    .modalIntentosValidacionIdentidad
    .modal-footer {
    border-top: 0;
    justify-content: center;
}

.contenedorSolicitarCuentaAhorro .viewDeclaracionJurada .subtext {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #404040;
}

.contenedorSolicitarCuentaAhorro .viewDeclaracionJurada .questions {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #58595b;
}

.contenedorSolicitarCuentaAhorro .viewDeclaracionJurada .moreInformation {
    font-size: 13px;
    font-weight: 600;
    color: #894590;
    text-decoration: underline;
    cursor: pointer;
}

.contenedorSolicitarCuentaAhorro .viewDeclaracionJurada .titleFooter {
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    color: #404040;
}

.contenedorSolicitarCuentaAhorro .viewDeclaracionJurada .textFooter {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #58595b;
}

.contenedorSolicitarCuentaAhorro .viewDeclaracionJurada .boxOption {
    background: #fff;
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
    border-radius: 3px;
}

.contenedorSolicitarCuentaAhorro .viewDeclaracionJurada .optionQuestion {
    color: #404040;
    font-size: 13px;
}

.contenedorSolicitarCuentaAhorro
    .modalMoreInformationDeclaracionJurada
    .dialogModal {
    max-width: 700px;
}

.contenedorSolicitarCuentaAhorro
    .modalMoreInformationDeclaracionJurada
    .headerModal {
    border-bottom: 0;
}

.contenedorSolicitarCuentaAhorro
    .modalMoreInformationDeclaracionJurada
    .titleModal {
    font-weight: 600;
    font-size: 14.5px;
    text-align: center;
    color: #523178;
}

.contenedorSolicitarCuentaAhorro
    .modalMoreInformationDeclaracionJurada
    .descriptionModal {
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    color: #404040;
}

.contenedorSolicitarCuentaAhorro
    .modalMoreInformationDeclaracionJurada
    .btnCerrar {
    background: #523178;
    border-radius: 4px;
    padding: 11px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

.contenedorSolicitarCuentaAhorro
    .modalMoreInformationDeclaracionJurada
    .modal-footer {
    border-top: 0;
    justify-content: center;
}

.contenedorSolicitarCuentaAhorro
    .modalAnswerIncorrectDeclaracionJurada
    .dialogModal {
    max-width: 600px;
}

.contenedorSolicitarCuentaAhorro
    .modalAnswerIncorrectDeclaracionJurada
    .titleModal {
    font-weight: 600;
    font-size: 14.5px;
    text-align: center;
    color: #523178;
}

.contenedorSolicitarCuentaAhorro
    .modalAnswerIncorrectDeclaracionJurada
    .descriptionModal {
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    color: #404040;
}

.contenedorSolicitarCuentaAhorro
    .modalAnswerIncorrectDeclaracionJurada
    .complementDescriptionModal {
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    color: #894590;
    font-weight: 700;
}

.contenedorSolicitarCuentaAhorro
    .modalAnswerIncorrectDeclaracionJurada
    .btnDeAcuerdo {
    background: #523178;
    border-radius: 4px;
    padding: 11px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

.contenedorSolicitarCuentaAhorro
    .modalAnswerIncorrectDeclaracionJurada
    .modal-footer {
    border-top: 0;
    justify-content: center;
}

.contenedorSolicitarCuentaAhorro .viewMoneda .subtext {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #404040;
}

.contenedorSolicitarCuentaAhorro .viewMoneda .boxMoneda {
    background: #fff;
    border: 1px solid #eee;
    box-sizing: border-box;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    border-radius: 6px;
    padding: 13px 5px 13px 20px;
    cursor: pointer;
}

.contenedorSolicitarCuentaAhorro .viewMoneda .boxMonedaSelected {
    border: 1px solid #ccbde1 !important;
}

.contenedorSolicitarCuentaAhorro .viewMoneda .boxSelected {
    border: 1px solid #ccbde1;
}

.contenedorSolicitarCuentaAhorro .viewMoneda .boxMoneda label {
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    color: #58595b;
    margin-bottom: 0;
    margin-left: 3px;
    cursor: pointer;
}

.contenedorSolicitarCuentaAhorro .viewMoneda .checkMoneda {
    float: right;
    width: 26px;
    margin-top: -7px;
}

.contenedorSolicitarCuentaAhorro .viewConfirmacion .subtext {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #404040;
}

.contenedorSolicitarCuentaAhorro .viewConfirmacion .boxLeft {
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 3px 0 0 3px;
}

.contenedorSolicitarCuentaAhorro .viewConfirmacion .boxCenter {
    background: #fff;
    border: 1px solid #ededed;
}

.contenedorSolicitarCuentaAhorro .viewConfirmacion .boxRight {
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 0 3px 3px 0;
}

.contenedorSolicitarCuentaAhorro .viewConfirmacion .titleBox {
    font-weight: 400;
    font-size: 12.5px;
    line-height: 22px;
    color: #737373;
}

.contenedorSolicitarCuentaAhorro .viewConfirmacion .descriptionBox {
    font-weight: 600;
    font-size: 12.5px;
    line-height: 22px;
    color: #737373;
}

.contenedorSolicitarCuentaAhorro .viewConfirmacion .boxMovil {
    border-bottom: 1px solid #ededed;
}

.contenedorSolicitarCuentaAhorro .viewConfirmacion .boxInformation {
    background: #f9f5f9;
    border-radius: 3px;
    padding: 10px 10px 10px 0;
}

.contenedorSolicitarCuentaAhorro .viewConfirmacion .boxInformation img {
    margin: auto;
    display: block;
}

.contenedorSolicitarCuentaAhorro .viewConfirmacion .boxInformation p {
    font-weight: 600;
    font-size: 10.5px;
    line-height: 13px;
    display: flex;
    align-items: center;
    color: #834f8e;
}

.contenedorSolicitarCuentaAhorro .viewConfirmacion .textImportant {
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    color: #404040;
}

.contenedorSolicitarCuentaAhorro .viewConfirmacion .textCheckBox {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #58595b;
}

.contenedorSolicitarCuentaAhorro .viewConfirmacion .textEmailCheckBox {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #58595b;
}

.contenedorSolicitarCuentaAhorro .viewConfirmacion .textContratoCheckBox {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #834f8e;
}

.contenedorSolicitarCuentaAhorro .viewFelicidades .boxFinal {
    background: #fff;
    border: 1px solid #eee;
    box-sizing: border-box;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    padding: 30px 60px;
}

.contenedorSolicitarCuentaAhorro .viewFelicidades .titleBox {
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #404040;
}

.contenedorSolicitarCuentaAhorro .viewFelicidades .subtitleBox {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: #404040;
}

.contenedorSolicitarCuentaAhorro .viewFelicidades .textBox {
    font-weight: 400;
    font-size: 11.5px;
    line-height: 19px;
    text-align: center;
    color: #58595b;
    margin: 0 100px;
}

.contenedorSolicitarCuentaAhorro .viewFelicidades .titleDatos {
    font-weight: 600;
    font-size: 12.5px;
    line-height: 23px;
    color: #434343;
}

.contenedorSolicitarCuentaAhorro .viewFelicidades .descriptionDatos {
    font-weight: 500;
    font-size: 12.5px;
    line-height: 23px;
    color: #58595b;
}

.contenedorSolicitarCuentaAhorro .viewFelicidades .textDatos {
    font-weight: 500;
    font-size: 11.5px;
    line-height: 22px;
    color: #58595b;
}

.contenedorSolicitarCuentaAhorro .viewFelicidades .imageCard {
    width: 75px;
    margin-top: 3px;
}

.contenedorSolicitarCuentaAhorro .viewFelicidades .imageApp {
    width: 70px;
}

.contenedorSolicitarCuentaAhorro .viewFelicidades .textImage {
    font-weight: 400;
    font-size: 11px;
    line-height: 18px;
    color: #58595b;
}

.contenedorSolicitarCuentaAhorro .viewFelicidades .textImageBold {
    font-weight: 600;
    font-size: 11px;
    line-height: 18px;
    color: #58595b;
}

.contenedorSolicitarCuentaAhorro .viewFelicidades .textImagePurple {
    font-weight: 600;
    font-size: 11px;
    line-height: 18px;
    color: #894590;
    text-decoration: underline;
    cursor: pointer;
}

.contenedorSolicitarCuentaAhorro .viewFelicidades .textImagePurple:hover {
    color: #894590;
    text-decoration: underline;
    cursor: pointer;
}

.contenedorSolicitarCuentaAhorro .viewFelicidades .btnDescargarApp {
    background: #523178;
    border-radius: 4px;
    font-weight: 600;
    font-size: 15.5px;
    color: #fff;
    width: 100%;
    max-width: none;
    padding: 12px;
}

.contenedorSolicitarCuentaAhorro .viewFelicidades .btnHome {
    background: #523178;
    border-radius: 4px;
    font-weight: 600;
    font-size: 15.5px;
    color: #fff;
    padding: 10px;
}

@media (max-width: 265px) {
    .contenedorSolicitarCuentaAhorro .tooltipCustomDeclaracion .tooltipText {
        width: 180px;
        font-size: 10.5px;
        margin-left: -140px;
    }

    .contenedorSolicitarCuentaAhorro
        .tooltipCustomDeclaracion
        .tooltipText::after {
        margin-left: -20px;
    }

    .contenedorSolicitarCuentaAhorro .viewValidacionIdentidad .inputKey {
        padding: 0 0 0 10px;
    }

    .contenedorSolicitarCuentaAhorro .viewValidacionIdentidad .inputKeyCorrect {
        padding: 0 0 0 10px;
    }

    .contenedorSolicitarCuentaAhorro
        .viewValidacionIdentidad
        .inputKeyIncorrect {
        padding: 0 0 0 10px;
    }
}

@media (min-width: 266px) and (max-width: 350px) {
    .contenedorSolicitarCuentaAhorro .tooltipCustomDeclaracion .tooltipText {
        width: 180px;
        font-size: 10.5px;
        margin-left: -30px;
    }

    .contenedorSolicitarCuentaAhorro
        .tooltipCustomDeclaracion
        .tooltipText::after {
        margin-left: -130px;
    }

    .contenedorSolicitarCuentaAhorro .viewValidacionIdentidad .inputKey {
        padding: 0 0 0 10px;
    }

    .contenedorSolicitarCuentaAhorro .viewValidacionIdentidad .inputKeyCorrect {
        padding: 0 0 0 10px;
    }

    .contenedorSolicitarCuentaAhorro
        .viewValidacionIdentidad
        .inputKeyIncorrect {
        padding: 0 0 0 10px;
    }
}

@media (min-width: 351px) and (max-width: 767px) {
    .contenedorSolicitarCuentaAhorro .tooltipCustomDeclaracion .tooltipText {
        margin-left: -190px;
    }

    .contenedorSolicitarCuentaAhorro
        .tooltipCustomDeclaracion
        .tooltipText::after {
        margin-left: -5px;
    }

    .contenedorSolicitarCuentaAhorro .viewValidacionIdentidad .inputKey {
        padding: 0 0 0 28px;
    }

    .contenedorSolicitarCuentaAhorro .viewValidacionIdentidad .inputKeyCorrect {
        padding: 0 0 0 28px;
    }

    .contenedorSolicitarCuentaAhorro
        .viewValidacionIdentidad
        .inputKeyIncorrect {
        padding: 0 0 0 28px;
    }
}

@media (max-width: 767px) {
    .contenedorSolicitarCuentaAhorro .title {
        font-size: 25px;
    }

    .contenedorSolicitarCuentaAhorro .btnAnterior {
        width: 100%;
        max-width: none;
        background: 0;
        color: #523178;
    }

    .contenedorSolicitarCuentaAhorro .btnContinuar {
        width: 100%;
        max-width: none;
        padding: 12px;
    }

    .contenedorSolicitarCuentaAhorro .titlePasos {
        font-weight: 600;
        font-size: 17px;
        line-height: 21px;
        color: #404040;
        text-align: center;
    }

    .contenedorSolicitarCuentaAhorro .viewConsulta .btnConsultar {
        width: 100%;
        margin: auto;
    }

    .contenedorSolicitarCuentaAhorro .viewConsulta .form-oferta {
        width: 90%;
        margin: auto;
    }

    .contenedorSolicitarCuentaAhorro .viewConsulta .textFooter {
        margin-left: 20px;
    }

    .contenedorSolicitarCuentaAhorro .cardProductCuentaAhorro {
        width: 100%;
    }

    .contenedorSolicitarCuentaAhorro .cardProductCuentaAhorro .app-product {
        font-size: 21px;
    }

    .contenedorSolicitarCuentaAhorro
        .cardProductCuentaAhorro
        .description-product {
        font-size: 13px;
        color: #523178;
    }

    .contenedorSolicitarCuentaAhorro .viewNoCliente .backgroundGreyMovil {
        background: #fafafa;
    }

    .contenedorSolicitarCuentaAhorro .viewNoCliente .divNoCliente {
        border: 1px solid #eaeaea;
        box-sizing: border-box;
        border-radius: 8px;
        padding: 20px 15px;
    }

    .contenedorSolicitarCuentaAhorro .viewTypeAccount .titleTypeAccount {
        font-size: 18px;
        line-height: 20px;
    }

    .contenedorSolicitarCuentaAhorro .viewTypeAccount .subtitleTypeAccount {
        font-size: 12px;
    }

    .contenedorSolicitarCuentaAhorro .viewTypeAccount .textFinalTypeAccount {
        font-size: 12px;
    }

    .contenedorSolicitarCuentaAhorro .viewTypeAccount .textTwoTypeAccount {
        font-size: 14px;
    }

    .contenedorSolicitarCuentaAhorro .viewValidacionIdentidad .subtext {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #404040;
        text-align: center;
    }

    .contenedorSolicitarCuentaAhorro .viewValidacionIdentidad .button-keyboard {
        height: 75px;
        width: 75px;
    }

    .contenedorSolicitarCuentaAhorro .viewValidacionIdentidad .buttonNumber {
        width: 90px;
        margin-left: -7px;
        margin-top: 0;
    }

    .contenedorSolicitarCuentaAhorro .viewConfirmacion .titleBox {
        line-height: 33px;
        color: #404040;
        margin-bottom: 0;
    }

    .contenedorSolicitarCuentaAhorro .viewConfirmacion .descriptionBox {
        font-weight: 500;
        line-height: 33px;
        float: right;
        color: #8c4799;
        margin-bottom: 0;
    }

    .contenedorSolicitarCuentaAhorro .viewFelicidades .boxFinal {
        padding: 30px 20px;
    }

    .contenedorSolicitarCuentaAhorro .viewFelicidades .textBox {
        margin: 15px;
    }

    .contenedorSolicitarCuentaAhorro .viewFelicidades .descriptionDatos {
        color: #8c8c8c;
    }

    .contenedorSolicitarCuentaAhorro .viewFelicidades .imageCard {
        width: 60px;
        margin-top: 8px;
    }

    .contenedorSolicitarCuentaAhorro .viewFelicidades .imageApp {
        width: 60px;
    }

    .contenedorSolicitarCuentaAhorro .viewFelicidades .btnHome {
        background: 0;
        border-radius: 0;
        padding: 0;
        color: #523178;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .contenedorSolicitarCuentaAhorro .title {
        font-size: 29px;
    }

    .contenedorSolicitarCuentaAhorro .btnAnterior {
        width: 100%;
        max-width: none;
        background: 0;
        color: #523178;
    }

    .contenedorSolicitarCuentaAhorro .btnContinuar {
        width: 100%;
        max-width: none;
        padding: 12px;
    }

    .contenedorSolicitarCuentaAhorro .titlePasos {
        font-weight: 600;
        font-size: 17px;
        line-height: 21px;
        color: #404040;
        text-align: center;
    }

    .contenedorSolicitarCuentaAhorro .viewConsulta .btnConsultar {
        width: 100%;
    }

    .contenedorSolicitarCuentaAhorro .viewConsulta .form-oferta {
        width: 90%;
        margin: auto;
    }

    .contenedorSolicitarCuentaAhorro .viewConsulta .textFooter {
        margin-left: 115px;
    }

    .contenedorSolicitarCuentaAhorro .cardProductCuentaAhorro {
        width: 100%;
    }

    .contenedorSolicitarCuentaAhorro .cardProductCuentaAhorro .app-product {
        font-size: 21px;
    }

    .contenedorSolicitarCuentaAhorro
        .cardProductCuentaAhorro
        .description-product {
        font-size: 13px;
        color: #523178;
    }

    .contenedorSolicitarCuentaAhorro .viewNoCliente .backgroundGreyMovil {
        background: #fafafa;
    }

    .contenedorSolicitarCuentaAhorro .viewNoCliente .divNoCliente {
        border: 1px solid #eaeaea;
        box-sizing: border-box;
        border-radius: 8px;
        padding: 20px 15px;
    }

    .contenedorSolicitarCuentaAhorro .viewTypeAccount .titleTypeAccount {
        font-size: 18px;
        line-height: 20px;
    }

    .contenedorSolicitarCuentaAhorro .viewTypeAccount .subtitleTypeAccount {
        font-size: 12px;
    }

    .contenedorSolicitarCuentaAhorro .viewTypeAccount .textFinalTypeAccount {
        font-size: 12px;
    }

    .contenedorSolicitarCuentaAhorro .viewTypeAccount .textTwoTypeAccount {
        font-size: 14px;
    }

    .contenedorSolicitarCuentaAhorro .pasos-adjust-left {
        margin-left: 3px;
    }

    .contenedorSolicitarCuentaAhorro .viewValidacionIdentidad .subtext {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #404040;
        text-align: center;
    }

    .contenedorSolicitarCuentaAhorro .viewValidacionIdentidad .inputKey {
        padding: 0 0 0 20px;
    }

    .contenedorSolicitarCuentaAhorro .viewValidacionIdentidad .inputKeyCorrect {
        padding: 0 0 0 20px;
    }

    .contenedorSolicitarCuentaAhorro
        .viewValidacionIdentidad
        .inputKeyIncorrect {
        padding: 0 0 0 20px;
    }

    .contenedorSolicitarCuentaAhorro .viewValidacionIdentidad .buttonNumber {
        width: 90px;
        margin-left: -7px;
        margin-top: 0;
    }

    .contenedorSolicitarCuentaAhorro .viewConfirmacion .titleBox {
        line-height: 33px;
        color: #404040;
        margin-bottom: 0;
    }

    .contenedorSolicitarCuentaAhorro .viewConfirmacion .descriptionBox {
        font-weight: 500;
        line-height: 33px;
        float: right;
        color: #8c4799;
        margin-bottom: 0;
    }

    .contenedorSolicitarCuentaAhorro .viewFelicidades .boxFinal {
        padding: 30px 20px;
    }

    .contenedorSolicitarCuentaAhorro .viewFelicidades .textBox {
        margin: 15px;
    }

    .contenedorSolicitarCuentaAhorro .viewFelicidades .descriptionDatos {
        color: #8c8c8c;
    }

    .contenedorSolicitarCuentaAhorro .viewFelicidades .imageCard {
        width: 60px;
        margin-top: 8px;
    }

    .contenedorSolicitarCuentaAhorro .viewFelicidades .imageApp {
        width: 60px;
    }

    .contenedorSolicitarCuentaAhorro .viewFelicidades .btnHome {
        background: 0;
        border-radius: 0;
        padding: 0;
        color: #523178;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .contenedorSolicitarCuentaAhorro .viewConsulta .btnConsultar {
        width: 70%;
    }

    .contenedorSolicitarCuentaAhorro .viewConsulta .form-oferta {
        width: 75%;
    }

    .contenedorSolicitarCuentaAhorro .viewValidacionIdentidad .inputKey {
        padding: 0 0 0 4px;
    }

    .contenedorSolicitarCuentaAhorro .viewValidacionIdentidad .inputKeyCorrect {
        padding: 0 0 0 4px;
    }

    .contenedorSolicitarCuentaAhorro
        .viewValidacionIdentidad
        .inputKeyIncorrect {
        padding: 0 0 0 4px;
    }

    .contenedorSolicitarCuentaAhorro .viewValidacionIdentidad .pointKey {
        font-size: 75px;
        margin-top: -43px;
    }
}

@media (min-width: 1200px) {
    .contenedorSolicitarCuentaAhorro .viewConsulta .btnConsultar {
        width: 54%;
    }

    .contenedorSolicitarCuentaAhorro .viewConsulta .form-oferta {
        width: 100%;
    }

    .contenedorSolicitarCuentaAhorro .viewNoCliente .margin-text-no-cliente {
        margin-left: 100px;
        margin-right: 100px;
    }
}

@import "https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800";

.transition1,
.btnRed,
.btnWhite,
.btnPurple,
.btnLightPurple,
.btnYellow,
.link,
.download,
.section-caracteristicas .arrow-right:after {
    transition: all 0.25s ease-in-out;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    width: 100%;
    border: 0;
    max-width: 100%;
    padding: 0;
    margin: 0;
    padding-top: 90px;
}

@media (max-width: 1024px) {
    body {
        padding-top: 60px;
    }
}

@media (max-width: 780px) {
    body {
        max-width: 100vw;
        overflow-x: hidden;
    }
}

button,
a,
input,
select,
option {
    outline: 0;
    box-shadow: none;
}

button:focus,
a:focus,
input:focus,
select:focus,
option:focus {
    box-shadow: none !important;
}

.contentBTN {
    margin: 30px 0;
}

.simple-line-height {
    line-height: 1.3;
}

.low-line-height {
    line-height: 0.8;
}

@media (max-width: 575px) {
    .low-line-height {
        line-height: 1;
    }
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
    font-family: montserrat, sans-serif;
    font-weight: 500;
    font-size: 15.5px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 10px;
}

.btnRed,
.btnWhite,
.btnPurple,
.btnLightPurple,
.btnYellow {
    text-align: center;
    display: inline-block;
    padding: 1rem 1.5rem;
    box-shadow: 1px 2px 3px rgba(76, 76, 76, 0.5);
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 13.5px;
    color: #fff !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.btnRed:hover,
.btnWhite:hover,
.btnPurple:hover,
.btnLightPurple:hover,
.btnYellow:hover {
    box-shadow: 1px 2px 3px rgba(76, 76, 76, 0.75);
    text-decoration: none;
}

.btnYellow {
    background-color: #f2ad4b;
}

.btnYellow:hover {
    background-color: #feb957;
    color: #fff;
}

.btnPurple {
    background-color: #4f2d7f;
}

.btnPurple:hover {
    background-color: #361860;
    color: #fff;
}

.btnLightPurple {
    background-color: #894590;
}

.btnLightPurple:hover {
    background-color: #893492;
    color: #fff;
}

.btnWhite {
    color: #4f2d7f !important;
    background-color: #ededed;
}

.btnWhite:hover {
    background-color: #fff;
    color: #4f2d7f !important;
}

.btnRed {
    background-color: #ee2737;
    border-radius: 4px;
    cursor: pointer;
}

.btnRed:hover {
    background-color: #f8414b;
    color: #fff !important;
}

.btnMeInteresa {
    color: #fff !important;
    background: #894490;
    padding: 11px 0;
    max-width: none;
    width: 30%;
    margin: 20px 0 10px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 4px !important;
    display: inline-block;
}

.link,
.download {
    padding-left: 15px;
    position: relative;
    font-weight: 600;
    color: #894590;
}

.link:hover,
.download:hover {
    text-decoration: none;
    color: #894590;
}

.link:before,
.download:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 16px;
    width: 10px;
}

.link:before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iN3B4IiBoZWlnaHQ9IjVweCIgdmlld0JveD0iMCAwIDcgNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDguMiAoNDczMjcpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPmljb25fc2VsZWN0LWFycm93PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9ImxheW91dC9iYXItcmlwbGV5IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI1Ny4wMDAwMDAsIC0xMy4wMDAwMDApIj4KICAgICAgICA8ZyBpZD0iaW5wdXQvc2VsZWN0LWFycm93IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjU2LjAwMDAwMCwgMTMuMDAwMDAwKSIgZmlsbD0iIzg5NDU5MCIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHBhdGggZD0iTTMuMTkyOTY4MSw1LjgzMzMzMzMzIEMyLjk5NjYwMjA0LDUuODMzMzMzMzMgMi44MDAwOTY5MSw1Ljc1Nzg1OTE5IDIuNjQ2NTY0MjQsNS42MDYwNDE3IEMyLjMyOTIwNzc2LDUuMjkxNjg2ODEgMi4zMTY1NTI0NCw0Ljc2ODcyNzc0IDIuNjE4MTk0MDgsNC40MzgwMDMyMSBMNC4zOTI0NDIwOSwyLjQ5NDIxNzk1IEwyLjYyMDAwMTk4LDAuNTYzOTA1MDQgQzIuMzE3MjQ3NzksMC4yMzQzMzk0MjEgMi4zMjgzNzMzNSwtMC4yODg2MTk2NDggMi42NDQ4OTU0MSwtMC42MDQxMzM0NTggQzIuOTYxNTU2NTQsLTAuOTE5NjQ3MjY3IDMuNDYzNDU4MTgsLTAuOTA3OTEzMjgyIDMuNzY2MjEyMzcsLTAuNTc4MjAyOCBMNi4wNjE1NTM2LDEuOTIxMTM1OTMgQzYuMzU0MTU1NzIsMi4yMzk4MzY3NSA2LjM1NDcxMiwyLjc0MTc5MDU0IDYuMDYzMzYxNTEsMy4wNjE1MDU0IEwzLjc2ODE1OTM0LDUuNTc2NDg5NDUgQzMuNjExOTg0MzUsNS43NDY5OTQzOCAzLjQwMjk2Mjk3LDUuODMzMzMzMzMgMy4xOTI5NjgxLDUuODMzMzMzMzMgWiIgaWQ9IlNoYXBlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjM0MDcyMCwgMi41MDAwMDApIHJvdGF0ZSg5MC4wMDAwMDApIHRyYW5zbGF0ZSgtNC4zNDA3MjAsIC0yLjUwMDAwMCkgIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)
        center center no-repeat;
    background-size: contain;
    transform: rotate(-90deg);
}

.download:before {
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-download.svg) no-repeat
        center center;
    background-size: contain;
}

.arrow-down {
    position: relative;
    display: inline-block;
    font-family: montserrat, sans-serif;
    width: 100%;
}

.arrow-down:after {
    content: "";
    height: 10px;
    width: 10px;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-down-menu.svg) center
        center no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 40%;
    right: 25px;
}

.arrow-right {
    position: relative;
    display: inline-block;
    font-family: montserrat, sans-serif;
    width: 100%;
}

.arrow-right:after {
    content: "";
    height: 10px;
    width: 10px;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-down-menu.svg) no-repeat
        right center;
    background-size: contain;
    position: absolute;
    bottom: 40%;
    right: 25px;
}

.t0 {
    font-size: 100px;
}

@media (max-width: 767px) {
    .t0 {
        font-size: 50px;
    }
}

.t1 {
    font-size: 35px;
}

.t2a {
    font-size: 22px;
}

.t2 {
    font-size: 22.5px;
}

.t3 {
    font-size: 19.5px;
}

.t4 {
    font-size: 16.5px;
}

.t5 {
    font-size: 32px;
}

.t6 {
    font-size: 40px;
}

.t7 {
    font-size: 36px;
}

.t8 {
    font-size: 24px;
}

.t9 {
    font-size: 15px;
}

.t10 {
    font-size: 16px;
}

.t11 {
    font-size: 17px;
}

.s1 {
    font-size: 13.5px;
}

.s2 {
    font-size: 12.5px;
}

.s3 {
    font-size: 11px;
}

.s4 {
    font-size: 12px;
}

.s5 {
    font-size: 14px;
}

.lh1 {
    line-height: 20px !important;
}

.s6 {
    font-size: 10px;
}

.normal {
    font-weight: 400 !important;
}

.light {
    font-weight: 400 !important;
}

.strongLight {
    font-weight: 500 !important;
}

.semiBold {
    font-weight: 600 !important;
}

.bold {
    font-weight: 700 !important;
}

.yellow {
    color: #feb957 !important;
}

.white {
    color: #fff !important;
}

.black1 {
    color: #404040 !important;
}

.black2 {
    color: #424242 !important;
}

.black3 {
    color: #444 !important;
}

.black4 {
    color: #000 !important;
}

.purple {
    color: #894590 !important;
}

.purple3 {
    color: #8c4799 !important;
}

.purpleDark {
    color: #4f2d7f !important;
}

.red {
    color: #ee2737 !important;
}

.grey {
    color: #4c4c4c !important;
}

.grey4 {
    color: #484848 !important;
}

.grey5 {
    color: #737373 !important;
}

.grey6 {
    color: #58595b !important;
}

.subrayado {
    text-decoration: underline;
    cursor: pointer;
}

.grey0 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 37px;
    background-color: transparent;
    position: absolute;
    z-index: 1;
    margin-top: 50px;
    margin-left: 35px;
}

.darkPurple3 {
    color: #4f2d7f !important;
}

.darkPurple3_1 {
    color: #4f2d7f;
}

.darkPurple4 {
    color: #523178;
}

.darkPurple5 {
    color: #462a66;
}

.grey00 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 37px;
    background-color: transparent;
    position: absolute;
    z-index: 1;
    margin-top: 50px;
    margin-left: 35px;
}

.grey1 {
    color: #4c4c4c !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    background-color: transparent;
    position: absolute;
    z-index: 3;
    margin-left: 12%;
    margin-top: 80px;
}

.grey10 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    background-color: transparent;
    position: absolute;
    z-index: 3;
    margin-left: 12%;
    margin-top: 80px;
}

.lightGrey3 {
    color: #7b7e83 !important;
}

.lightGrey4 {
    color: #3f3f41 !important;
}

.lightGrey5 {
    color: #939393 !important;
}

.lightGrey6 {
    color: #8c8c8c !important;
}

.lightGrey7 {
    color: #737373 !important;
}

.lightGrey8 {
    color: #727171;
}

.lightGrey9 {
    color: #9d9d9d;
}

.lightGrey10 {
    color: #aaa7a7;
}

.lightGrey11 {
    color: #6e6e6e;
}

.upCase {
    text-transform: uppercase;
}

.content-line {
    position: relative;
}

.content-line:after {
    content: "";
    height: 100%;
    width: 1px;
    background-color: #efefef;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1px;
}

.globo {
    position: fixed;
    bottom: 35px;
    right: 85px;
    z-index: 4001;
}

.form-dni {
    margin: 30px 0 15px;
}

.form-recaptcha {
    margin: 10px 0;
}

.form-datosPersonales {
    padding: 0;
}

.form-datosPersonales .form-check-input {
    position: absolute;
    opacity: 0;
}

.form-datosPersonales .form-check-input + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    padding-left: 30px;
}

.form-datosPersonales .form-check-input + label:before {
    content: "";
    margin-left: -30px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: 2px;
}

.form-datosPersonales .form-check-input:hover + label:before {
    background: #523178;
}

.form-datosPersonales .form-check-input:checked + label:before {
    background: #523178;
    border: 1px solid #523178;
}

.form-datosPersonales .form-check-input:checked + label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    background: #fff;
    width: 2px;
    height: 2px;
    box-shadow:
        2px 0 0 #fff,
        4px 0 0 #fff,
        4px -2px 0 #fff,
        4px -4px 0 #fff,
        4px -6px 0 #fff,
        4px -8px 0 #fff;
    transform: rotate(45deg);
}

.form-datosPersonales label a {
    text-decoration: underline;
    color: #8c4799;
}

.cardProduct {
    width: 49.5%;
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
}

.cardProduct:hover {
    background: #f1f1f1;
    cursor: pointer;
}

.cardProduct svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    fill: #523178;
}

.tooltipGeneral {
    position: relative;
    display: inline-block;
}

.tooltipGeneral .tooltiptext {
    visibility: hidden;
    width: 220px;
    background-color: #8c4799;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    font-size: 12px;
    bottom: 125%;
    left: 50%;
    margin-left: -110px;
    transition: opacity 0.3s;
    text-align: start;
}

.tooltipGeneral .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #8c4799 transparent transparent transparent;
}

.tooltipGeneral:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.modalError .dialogModal {
    max-width: 600px;
}

.modalError .titleModal {
    font-weight: 600;
    font-size: 14.5px;
    text-align: center;
    color: #523178;
}

.modalError .descriptionModal {
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    color: #404040;
}

.modalError .btnCerrar {
    background: #523178;
    border-radius: 4px;
    padding: 11px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

.modalError .modal-footer {
    border-top: 0;
    justify-content: center;
}

.viewLegal .legal-text {
    bottom: 527px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
    text-align: justify;
}

.viewLegal .titleLegal {
    cursor: pointer !important;
}

.viewLegal .titleLegalMobile {
    cursor: pointer !important;
    text-decoration-line: underline !important;
}

.viewLegal .morelegaldropdown {
    font-weight: 600;
    font-size: 16px;
    color: #8c4799;
    cursor: pointer;
}

.viewLegal .morelegaldropdown:after {
    content: "";
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-arrow-down.svg) center
        center no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 2px;
    margin-left: 15px;
}

.viewLegal .lesslegaldropdown {
    font-weight: 600;
    font-size: 16px;
    color: #8c4799;
    cursor: pointer;
}

.viewLegal .lesslegaldropdown:after {
    content: "";
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-arrow-up.svg) center center
        no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 2px;
    margin-left: 15px;
}

.viewLegal .imgLegal {
    width: 100%;
    max-width: 400px;
}

.viewLegal .imgLegalMobile {
    width: 80%;
    height: 100%;
}

.viewLegal .cerrarModal {
    text-decoration-line: underline !important;
}

.modalGeneral .modal-header {
    border-bottom: 0;
}

.modalGeneral .modal-footer {
    border-top: 0;
    justify-content: center;
}

.vitrina-kasnet {
    background: url(../img/landingkasnet/banner.png) top right no-repeat;
    background-size: auto 100%;
    background-color: #ffeeb0;
    position: relative;
    height: 240px;
}

@media (max-width: 992px) {
    .vitrina-kasnet {
        height: 200px;
        background: url(../img/landingkasnet/banner-xs.png) top right no-repeat;
        background-size: auto 100%;
        background-color: #ffed9a;
        position: relative;
    }

    .vitrina-kasnet h2 {
        font-size: 24px;
        margin-top: 60px;
    }
}

@media (max-width: 768px) {
    .vitrina-kasnet h2 {
        font-size: 24px;
        margin-top: 55px;
    }
}

@media (max-width: 576px) {
    .vitrina-kasnet {
        height: 200px;
        background: url(../img/landingkasnet/banner-xs.png) top right no-repeat;
        background-size: auto 100%;
        background-color: #ffed9a;
        position: relative;
    }

    .vitrina-kasnet h2 {
        font-size: 30px;
        margin-top: 50px;
    }
}

.divFixImagenKasnet {
    margin-top: -220px;
    margin-bottom: 260px;
}

@media (max-width: 992px) {
    .divFixImagenKasnet {
        margin-bottom: 0;
    }
}

.imgFormaIngresoKasnet {
    margin-top: -110px;
    margin-left: -120px;
    padding-bottom: 50px;
    width: 349px;
    z-index: -1;
}

@media (max-width: 576px) {
    .imgFormaIngresoKasnet {
        margin-top: -110px;
        margin-left: -15px;
        width: 340px;
    }
}

@media (max-width: 991px) {
    .imgFormaIngresoKasnet {
        margin-top: -30px;
        margin-left: -60px;
        padding-bottom: 0;
        width: 206px;
    }
}

.imgFormaIngresoMovilKasnet {
    max-width: 251px;
    min-height: 353px;
}

@media (max-width: 576px) {
    .imgFormaIngresoMovilKasnet {
        margin-top: 20px;
        margin-left: 5%;
        width: 93%;
    }
}

@media (max-width: 768px) {
    .imgFormaIngresoMovilKasnet {
        margin-top: 20px;
        margin-left: 5%;
    }
}

.section-consideracion {
    padding-top: 50px;
    padding-bottom: 20px;
}

.section-consideracion .t2 {
    font-size: 22px;
    line-height: 29px;
}

@media (max-width: 992px) {
    .section-consideracion .t2 {
        font-size: 13px;
    }
}

@media (max-width: 576px) {
    .section-consideracion .t2 {
        font-size: 18px;
        line-height: 20px;
    }
}

.section-consideracion .t3 {
    font-size: 18px;
    line-height: 29px;
    color: #462a66;
}

@media (max-width: 992px) {
    .section-consideracion .t3 {
        font-size: 13px;
    }
}

@media (max-width: 576px) {
    .section-consideracion .t3 {
        font-size: 16px;
    }
}

.section-consideracion .s1 {
    font-size: 14px;
    line-height: 22px;
    color: #58595b;
    font-weight: 500 !important;
}

@media (max-width: 992px) {
    .section-consideracion .s1 {
        font-size: 13px;
    }
}

@media (max-width: 576px) {
    .section-consideracion .s1 {
        font-size: 15px;
    }
}

@media (max-width: 992px) {
    .section-consideracion {
        padding-top: 30px;
        padding-bottom: 15px;
    }

    .section-consideracion h2 {
        padding-left: 18px;
    }

    .section-consideracion .t1 {
        font-size: 18px;
    }
}

@media (max-width: 576px) {
    .section-consideracion {
        padding-top: 30px;
        padding-bottom: 15px;
    }

    .section-consideracion h2 {
        padding-left: 18px;
    }

    .section-consideracion .t1 {
        font-size: 22px;
    }
}

.div-img-kasnet {
    height: 275px;
}

.whitetogreycontainer {
    background: linear-gradient(180deg, rgba(242, 244, 249, 0) 0, #f2f4f9 100%);
}

.fontCanalesBottom {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 28px;
}

@media (max-width: 576px) {
    .fontCanalesBottom {
        font-weight: 500 !important;
        font-size: 24px;
        line-height: 28px;
    }
}

.boxTipSecurity {
    height: 43px;
    max-width: 685px;
    background: #fefefe;
    border-radius: 8px;
    display: flex;
    align-items: center;
}

.boxTipSecurity p,
.boxTipSecurity span {
    font-weight: 400;
    font-size: 16px;
    line-height: 135%;
    text-align: center;
    display: contents;
}

@media (max-width: 576px) {
    .boxTipSecurity {
        height: auto;
        max-width: max-content;
    }

    .boxTipSecurity p,
    .boxTipSecurity span {
        font-weight: 400;
        font-size: 14px !important;
        line-height: 135%;
        text-align: left;
    }
}

.marginContainerMobile {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media (max-width: 576px) {
    .marginSubfontCanales {
        margin-left: -13px !important;
        margin-right: -13px !important;
    }
}

.SubfontCanales {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
}

@media (max-width: 576px) {
    .SubfontCanales {
        font-size: 18px !important;
        line-height: 28px !important;
    }
}

.fontCanales {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 28px;
    text-align: center;
    color: #523178 !important;
}

.fontPagaTarjeta {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #404040 !important;
}

@media (max-width: 576px) {
    .fontPagaTarjeta {
        font-style: normal;
        font-weight: 600 !important;
        font-size: 20px !important;
        line-height: 20px !important;
    }
}

.section-caracteristicas {
    padding-top: 20px;
    padding-bottom: 15px;
}

.section-caracteristicas .fontIndice {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 138.97%;
    color: #8c4799;
    position: absolute;
    margin-left: 5px;
    margin-top: 2px;
}

.section-caracteristicas .FixmarginSubfontCanales {
    width: 96%;
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .section-caracteristicas .FixmarginSubfontCanales {
        width: 110%;
    }
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .section-caracteristicas .strongLight {
        font-size: 14px !important;
        line-height: 138.97%;
        margin-right: -32px;
        margin-left: -5px;
    }
}

.section-caracteristicas .fontMasPreguntas {
    font-size: 20px;
    font-family: Montserrat;
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .section-caracteristicas .subteinforma {
        line-height: 137% !important;
    }
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .section-caracteristicas .titleteinforma {
        font-style: normal;
        font-weight: 600;
        font-size: 17px;
        line-height: 21px;
    }
}

.section-caracteristicas .fontNewHorarioLink {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600px;
    font-size: 16px;
    line-height: 138.97%;
    align-items: center;
    color: #404040;
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .section-caracteristicas .fontNewHorarioLink {
        width: 312px !important;
    }
}

.section-caracteristicas .fontNewHorarioLinkPurple {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 138.97%;
    align-items: center;
    color: #8c4799;
}

.section-caracteristicas .fontNewHorarioLinkPurple:hover {
    color: #8c4799;
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .section-caracteristicas .fixTitleMobileTeinforma {
        margin-left: -31px !important;
        margin-right: 11px !important;
    }
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .section-caracteristicas .fixPaddingXMovilGrid {
        margin-left: -14px !important;
        margin-right: -14px !important;
    }
}

.section-caracteristicas .marginInternoItem {
    margin-left: -17px;
}

@media (max-width: 576px) {
    .section-caracteristicas .marginInternoItem {
        margin-left: -6px !important;
    }
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .section-caracteristicas .fixTopImgLogo {
        margin-top: 20px;
    }
}

.section-caracteristicas .centertabPage {
    display: inline-block;
}

.section-caracteristicas .fontMasCanales {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    color: #523178;
}

@media (max-width: 576px) {
    .section-caracteristicas .fontMasCanales {
        margin-left: -16px;
        margin-right: -16px;
    }
}

@media (max-width: 576px) {
    .section-caracteristicas .fontfixCenter {
        margin-left: -10px;
        margin-right: -12px;
    }
}

.section-caracteristicas .img-ilustracion {
    max-width: 457px;
    max-height: 284px;
}

.section-caracteristicas .imgBancosLogoContainer {
    text-align: center !important;
}

.section-caracteristicas .imgBancosLogoContainer .imgBancosLogo {
    padding-left: 2px;
    padding-right: 20px;
}

.section-caracteristicas .imgboxBancos {
    border: 1px solid #8c4799;
    box-sizing: border-box;
    border-radius: 10px;
    height: 82px;
    margin: auto;
    width: 100%;
    text-align: center;
}

.section-caracteristicas .imgboxBancos p {
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    color: #8c4799;
    width: 88px;
    text-align: left;
}

.section-caracteristicas .imgboxBancos:hover {
    border: 2.5px solid #8c4799;
}

.section-caracteristicas .imgboxBancos.active {
    border: 2.5px solid #8c4799;
}

.section-caracteristicas .imgboxBancos.active .arrow-right:after {
    transform: rotate(180deg);
}

.section-caracteristicas .slide-up,
.section-caracteristicas .slide-down {
    overflow: hidden;
}

.section-caracteristicas .slide-up > div,
.section-caracteristicas .slide-down > div {
    margin-top: -29%;
    transition: margin-top 0.6s ease-in-out;
}

@media (max-width: 575px) {
    .section-caracteristicas .slide-up > div,
    .section-caracteristicas .slide-down > div {
        margin-top: -59%;
    }
}

.section-caracteristicas .slide-down > div {
    margin-top: 50px;
}

@media (max-width: 575px) {
    .section-caracteristicas .slide-down > div {
        margin-top: 30px;
        margin-bottom: 12px;
    }
}

.section-caracteristicas .arrow-right {
    position: relative;
    display: inline-block;
    font-family: montserrat, sans-serif;
    width: 100%;
}

.section-caracteristicas .arrow-right:after {
    content: "";
    height: 18px;
    width: 18px;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-down-purple.svg) no-repeat
        right center;
    background-size: contain;
    position: absolute;
    bottom: 40%;
    right: -1px;
    top: 3px;
}

.section-caracteristicas .divColumnaLeft {
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
    margin-left: 0;
}

@media (max-width: 576px) {
    .section-caracteristicas .divColumnaLeft {
        margin-top: 25px !important;
        margin-left: -10px !important;
        margin-right: -10px !important;
    }
}

.section-caracteristicas .firstparrofoConfirmCTSCheck {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 135%;
    color: #404040;
}

.section-caracteristicas .parrofoConfirmCTSCheck {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 135%;
    color: #404040;
}

@media (max-width: 576px) {
    .section-caracteristicas .parrofoConfirmCTSCheck {
        width: 116% !important;
    }
}

.section-caracteristicas .parrofoConfirmCTSCheckNro {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 135%;
    color: #404040;
}

@media (max-width: 576px) {
    .section-caracteristicas .parrofoConfirmCTSCheckNro {
        width: 111% !important;
    }
}

.section-caracteristicas .parrofoConfirmCTSCheckwidth {
    width: 89%;
}

@media (max-width: 576px) {
    .section-caracteristicas .parrofoConfirmCTSCheckwidth {
        width: 116%;
    }
}

.section-caracteristicas .parrofoConfirmCTSCheckNrowidth {
    width: 107%;
}

.section-caracteristicas .spanComprasInternet {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 135%;
    color: #8c4799;
}

.section-caracteristicas #nav-tabSection {
    margin-top: 0;
    margin-bottom: 0;
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .section-caracteristicas #nav-tabSection {
        margin-left: -60px;
        margin-right: -60px;
    }
}

.section-caracteristicas #nav-tabSection .nav-link {
    padding: 0;
    padding-bottom: 3px;
    margin-left: 0;
    margin-right: 40px;
    border: 0;
    min-width: 160px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (max-width: 575px) {
    .section-caracteristicas #nav-tabSection .nav-link {
        margin-right: 0;
    }
}

.section-caracteristicas #nav-tabSection.nav-tabs .nav-link {
    display: inline-block;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 34px;
    color: #8c8c8c;
    margin-top: 2px;
    margin-bottom: 2px;
    border: 0;
}

@media (max-width: 575px) {
    .section-caracteristicas #nav-tabSection.nav-tabs .nav-link {
        font-size: 20px !important;
    }
}

.section-caracteristicas #nav-tabSection.nav-tabs .nav-link.active {
    border-top: 2px solid #8c4799;
    border-bottom: 6px solid #8c4799;
    border-radius: 0;
    color: #8c4799;
    font-weight: 700;
    background: #fff;
}

.section-caracteristicas .nav-tabs {
    border-bottom: none !important;
}

.section-caracteristicas #nav-tabVideo {
    margin-top: 0;
    margin-bottom: 0;
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .section-caracteristicas #nav-tabVideo {
        margin-left: -60px;
        margin-right: -60px;
    }
}

.section-caracteristicas #nav-tabVideo .nav-link {
    padding: 0;
    padding-bottom: 6px;
    margin-left: 0;
    margin-right: 95px;
    border: 0;
    min-width: 160px;
}

@media (max-width: 575px) {
    .section-caracteristicas #nav-tabVideo .nav-link {
        min-width: 115px !important;
        font-size: 17px !important;
        line-height: 24px !important;
        margin-left: 6px !important;
        margin-right: 6px;
    }
}

.section-caracteristicas #nav-tabVideo.nav-tabs .nav-link {
    display: inline-block;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 28px;
    color: #8c8c8c;
    margin-top: 2px;
    margin-bottom: 2px;
    border: 0;
}

.section-caracteristicas #nav-tabVideo.nav-tabs .nav-link.active {
    border-bottom: 3px solid #8c4799;
    color: #8c4799;
    font-weight: 600;
    background: #f2f4f9;
}

.section-caracteristicas .centraTabSecciones {
    display: inline-block;
}

.section-caracteristicas .div-caracteristica {
    padding-top: 55px;
}

.section-caracteristicas .img-ilustracion {
    max-width: 457px;
    max-height: 284px;
}

.section-caracteristicas .contentPagoOtro .fixLeft {
    margin: auto;
    margin-right: 10px;
}

@media (max-width: 575.98px) {
    .section-caracteristicas .contentPagoOtro .fixLeft {
        margin-right: 0;
    }
}

.section-caracteristicas .contentPagoOtro .fixRight {
    margin: auto;
    margin-left: 10px;
}

@media (max-width: 575.98px) {
    .section-caracteristicas .contentPagoOtro .fixRight {
        margin-left: 0;
    }
}

.section-caracteristicas .contentPagoOtro .sol-producto-otro {
    background: #523178;
    box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    width: 86%;
}

@media (max-width: 575.98px) {
    .section-caracteristicas .contentPagoOtro .sol-producto-otro {
        width: 100%;
    }
}

.section-caracteristicas .contentPagoOtro .fontTitlePagaTarjetaRMTCInforma {
    font-size: 18px;
    line-height: 16px;
    font-style: normal;
    font-weight: 600;
    color: #f8c21c;
}

@media (max-width: 575.98px) {
    .section-caracteristicas .contentPagoOtro .fontTitlePagaTarjetaRMTCInforma {
        margin-bottom: 7px !important;
    }
}

.section-caracteristicas .contentPagoOtro .sol-producto-otro:hover {
    text-decoration: none;
    cursor: pointer;
    background: #523178;
    box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.section-caracteristicas .contentPagoOtro .link-product:hover {
    text-decoration: none;
    cursor: pointer;
}

.section-caracteristicas .contentPagoOtro .link-productMarginOtro {
    padding-left: 0;
    padding-right: 0;
    margin-top: 9%;
}

@media (max-width: 575.98px) {
    .section-caracteristicas .contentPagoOtro .link-productMarginOtro {
        min-width: 110%;
        margin-left: -15px;
    }
}

@media (max-width: 992px) {
    .section-caracteristicas .div-caracteristica {
        padding-top: 35px;
        padding-bottom: 40px;
    }

    .section-caracteristicas .img-ilustracion {
        width: 182px;
    }

    .section-caracteristicas h2,
    .section-caracteristicas h2 span {
        font-size: 20px;
        line-height: 26px;
    }

    .section-caracteristicas h3 {
        font-size: 16px;
        line-height: 20px;
    }

    .section-caracteristicas p {
        font-size: 11px;
        line-height: 15px;
    }
}

@media (max-width: 768px) {
    .section-caracteristicas .img-ilustracion {
        margin-top: 0;
        margin-left: 0;
        width: 250px;
    }
}

@media (max-width: 576px) {
    .section-caracteristicas {
        padding-bottom: 30px;
    }

    .section-caracteristicas .div-caracteristica {
        padding-bottom: 10px;
    }

    .section-caracteristicas .div-ilustracion {
        text-align: center;
        margin-top: 15px;
    }

    .section-caracteristicas .img-ilustracion {
        width: 130px;
    }

    .section-caracteristicas h2,
    .section-caracteristicas h2 span {
        font-size: 22px;
        line-height: 28px;
    }

    .section-caracteristicas h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .section-caracteristicas p {
        font-size: 15px;
        line-height: 22px;
    }
}

.section-mensaje-inicial h2 {
    margin-left: 45px;
    margin-top: 60px;
    padding-top: 10px;
    font-size: 28px;
}

@media (max-width: 992px) {
    .section-mensaje-inicial h2 {
        font-size: 18px;
        margin-top: 30px;
    }

    .section-mensaje-inicial p {
        font-size: 10px;
    }

    .section-mensaje-inicial a {
        font-size: 12px;
    }

    .section-mensaje-inicial #vitrinaflotante {
        width: 250px;
        height: 300px;
        margin-top: -50px;
        margin-left: 60px;
    }
}

@media (max-width: 767px) {
    .section-mensaje-inicial h2 {
        margin-top: 10px;
        padding-top: 25px;
    }

    .section-mensaje-inicial #vitrinaflotante {
        height: 250px;
        margin-bottom: 50px;
    }
}

@media (max-width: 576px) {
    .section-mensaje-inicial h2 {
        margin-left: 9px;
        margin-top: 20px;
        padding-top: 25px;
        font-size: 26px;
    }

    .section-mensaje-inicial #vitrinaflotante {
        margin-left: 5%;
        height: 340px;
        margin-bottom: 0;
    }
}

@media (max-width: 320px) {
    .section-mensaje-inicial #vitrinaflotante {
        height: 370px;
    }
}

.ItemBeneficioKasnet {
    margin-top: 10%;
    width: 92%;
}

.circuloItemBeneficioKasnet {
    width: 42px;
    height: 42px;
    margin-left: -30px;
    margin-bottom: 30px;
}

#ubica-tu-agente-kasnet {
    padding-top: 30px;
    padding-bottom: 50px;
}

#ubica-tu-agente-kasnet button {
    display: inline-block;
}

#ubica-tu-agente-kasnet #ubicaciones {
    height: 300px;
    background-color: #fff;
}

#ubica-tu-agente-kasnet #mapa {
    height: 300px;
    background-color: #fff;
}

.divSeguridadKasnet {
    font-family: Montserrat;
    margin-top: -260px;
}

@media (max-width: 767px) {
    .divSeguridadKasnet {
        margin-top: -40px;
    }
}

@media (max-width: 576px) {
    .divSeguridadKasnet {
        margin-top: 30px;
    }
}

.divReprogramacionPagos {
    background-color: #7030a0;
    font-family: Montserrat;
    font-style: normal;
}

.divReprogramacionPagosSolicitud {
    background-color: #a6a6a6;
    font-family: Montserrat;
    font-style: normal;
    margin-top: 35px;
    margin-bottom: 75px;
}

.divReprogramacionPagosPreguntaFrecuente {
    font-family: Montserrat;
    font-style: normal;
    background-color: #ebeae8;
}

.btnletraIngresarKasnet {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 19px !important;
    text-align: center;
    background: #e7273a !important;
    box-shadow: 1px 2px 3px rgba(76, 76, 76, 0.25);
    border-radius: 4px;
    margin: 10px;
    margin-left: 14%;
    margin-top: 30px;
    width: 139px;
    height: 45px;
    padding: 14px !important;
}

@media (max-width: 576px) {
    .btnletraIngresarKasnet {
        width: 129px;
        margin-left: 24px;
        margin-top: 25px;
    }
}

.btnletraIngresarKasnetAgencia {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 19px !important;
    text-align: center;
    box-shadow: 1px 2px 3px rgba(76, 76, 76, 0.25);
    border-radius: 4px;
    margin: 15px;
    margin-left: 8px;
    margin-top: 30px;
    width: 139px;
    height: 45px;
    padding: 14px !important;
}

@media (max-width: 576px) {
    .btnletraIngresarKasnetAgencia {
        margin-top: 25px;
    }
}

.box-pagatc-teinforma {
    width: 481px;
    height: 76px;
    background: #523178;
    box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

@media (max-width: 575px) {
    .box-pagatc-teinforma {
        width: auto !important;
        height: auto !important;
    }
}

.box-pagatc-teinforma:hover {
    text-decoration: none;
    cursor: pointer;
    background: #5e388a;
    box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

@media (max-width: 575px) {
    .fixPaddingXMovil {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media (max-width: 575px) {
    .img-response-TeInforma {
        width: 100%;
    }
}

.text-ImgTeInforma {
    text-align: left;
    font-size: 20px;
    padding: 0 13%;
}

@media (max-width: 575px) {
    .text-ImgTeInforma {
        text-align: center !important;
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 22px;
        margin-left: -2px;
        margin-right: -2px;
    }
}

.contenedorTabsTeInforma {
    font-family: montserrat, sans-serif;
}

.contenedorTabsTeInforma .fixAnchoLegal {
    width: 93%;
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .contenedorTabsTeInforma .fixAnchoLegal {
        width: 100%;
    }
}

.contenedorTabsTeInforma .fontTitleSecctionTeInforma {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    text-align: center;
    color: #523178 !important;
}

@media (max-width: 575px) {
    .contenedorTabsTeInforma .fontTitleSecctionTeInforma {
        line-height: 30px !important;
        margin-left: -20px;
        margin-right: -20px;
    }
}

.contenedorTabsTeInforma .title_home {
    font-weight: 600;
    font-size: 26px;
    line-height: 32px;
    text-align: center;
    color: #523178;
}

@media (max-width: 575px) {
    .contenedorTabsTeInforma .title_home {
        font-size: 20px;
        line-height: 28px;
    }
}

.contenedorTabsTeInforma #nav-tab {
    margin-top: 0;
    margin-bottom: 0;
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .contenedorTabsTeInforma #nav-tab {
        margin-left: -60px;
        margin-right: -60px;
    }
}

.contenedorTabsTeInforma #nav-tab .nav-link {
    padding: 0;
    padding-bottom: 6px;
    margin-left: 0;
    margin-right: 75px;
    border: 0;
    min-width: 140px;
}

@media (max-width: 575px) {
    .contenedorTabsTeInforma #nav-tab .nav-link {
        min-width: 115px !important;
        font-size: 17px !important;
        line-height: 24px !important;
        margin-left: 6px !important;
        margin-right: 6px;
    }
}

.contenedorTabsTeInforma #nav-tab.nav-tabs .nav-link {
    display: inline-block;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 17px;
    color: #8c8c8c;
    margin-top: 2px;
    margin-bottom: 2px;
    border: 0;
}

.contenedorTabsTeInforma #nav-tab.nav-tabs .nav-link.active {
    border-bottom: 3px solid #8c4799;
    color: #8c4799;
    font-weight: 600;
    background: 0 0;
}

.contenedorTabsTeInforma .cuadro_lima_provincia {
    background: #fff;
    align-items: center;
    height: 40px;
    max-width: 953px;
    border: 1.05px solid rgba(151, 153, 155, 0.5);
    box-sizing: border-box;
    border-radius: 4px;
    margin: auto;
}

@media (max-width: 575px) {
    .contenedorTabsTeInforma .cuadro_lima_provincia {
        height: auto !important;
    }
}

.contenedorTabsTeInforma .cuadro_lima_provincia_header {
    background: #5e388a;
    height: 40px;
    max-width: 953px;
    border: 1.05px solid rgba(151, 153, 155, 0.5);
    box-sizing: border-box;
    border-radius: 4px;
    margin: auto;
}

.contenedorTabsTeInforma .cuadro_lima_provincia_header p {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #fefefe;
}

@media (max-width: 575px) {
    .contenedorTabsTeInforma .cuadro_lima_provincia_header {
        height: auto !important;
    }
}

.contenedorTabsTeInforma .response-box {
    height: 54px !important;
}

@media (max-width: 575px) {
    .contenedorTabsTeInforma .response-box {
        height: auto !important;
    }
}

@media (max-width: 575px) {
    .contenedorTabsTeInforma .fixMarginRightMovile {
        margin-right: 0 !important;
    }
}

.contenedorTabsTeInforma .cuadro_kasnet {
    background: #fff;
    align-items: center;
    height: 57px;
    max-width: 820px;
    border: 1.05px solid rgba(151, 153, 155, 0.15);
    box-sizing: border-box;
    border-radius: 4px;
    margin: auto;
}

@media (max-width: 575px) {
    .contenedorTabsTeInforma .cuadro_kasnet {
        height: 91px;
    }
}

@media (max-width: 575px) {
    .contenedorTabsTeInforma .response-box-hm {
        height: 130px !important;
    }
}

.contenedorTabsTeInforma .newListTeInforma ul {
    padding-left: 0;
    font-weight: 600;
}

.contenedorTabsTeInforma .newListTeInforma ul li {
    list-style-position: inside;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    list-style: none;
}

.contenedorTabsTeInforma .newListTeInforma ul li a {
    font-size: 14px;
    font-weight: 400;
}

.titleTabsTeInforma {
    color: #523178 !important;
    font-size: 20px;
    text-align: center;
    font-weight: 600;
}

@import "https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800";

.transition1,
.btnRed,
.btnWhite,
.btnPurple,
.btnLightPurple,
.btnYellow,
.link,
.download {
    transition: all 0.25s ease-in-out;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    width: 100%;
    border: 0;
    max-width: 100%;
    padding: 0;
    margin: 0;
    padding-top: 90px;
}

@media (max-width: 1024px) {
    body {
        padding-top: 60px;
    }
}

@media (max-width: 780px) {
    body {
        max-width: 100vw;
        overflow-x: hidden;
    }
}

button,
a,
input,
select,
option {
    outline: 0;
    box-shadow: none;
}

button:focus,
a:focus,
input:focus,
select:focus,
option:focus {
    box-shadow: none !important;
}

.contentBTN {
    margin: 30px 0;
}

.simple-line-height {
    line-height: 1.3;
}

.low-line-height {
    line-height: 0.8;
}

@media (max-width: 575px) {
    .low-line-height {
        line-height: 1;
    }
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
    font-family: montserrat, sans-serif;
    font-weight: 500;
    font-size: 15.5px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 10px;
}

.btnRed,
.btnWhite,
.btnPurple,
.btnLightPurple,
.btnYellow {
    text-align: center;
    display: inline-block;
    padding: 1rem 1.5rem;
    box-shadow: 1px 2px 3px rgba(76, 76, 76, 0.5);
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 13.5px;
    color: #fff !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.btnRed:hover,
.btnWhite:hover,
.btnPurple:hover,
.btnLightPurple:hover,
.btnYellow:hover {
    box-shadow: 1px 2px 3px rgba(76, 76, 76, 0.75);
    text-decoration: none;
}

.btnYellow {
    background-color: #f2ad4b;
}

.btnYellow:hover {
    background-color: #feb957;
    color: #fff;
}

.btnPurple {
    background-color: #4f2d7f;
}

.btnPurple:hover {
    background-color: #361860;
    color: #fff;
}

.btnLightPurple {
    background-color: #894590;
}

.btnLightPurple:hover {
    background-color: #893492;
    color: #fff;
}

.btnWhite {
    color: #4f2d7f !important;
    background-color: #ededed;
}

.btnWhite:hover {
    background-color: #fff;
    color: #4f2d7f !important;
}

.btnRed {
    background-color: #ee2737;
    border-radius: 4px;
    cursor: pointer;
}

.btnRed:hover {
    background-color: #f8414b;
    color: #fff !important;
}

.btnMeInteresa {
    color: #fff !important;
    background: #894490;
    padding: 11px 0;
    max-width: none;
    width: 30%;
    margin: 20px 0 10px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 4px !important;
    display: inline-block;
}

.link,
.download {
    padding-left: 15px;
    position: relative;
    font-weight: 600;
    color: #894590;
}

.link:hover,
.download:hover {
    text-decoration: none;
    color: #894590;
}

.link:before,
.download:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 16px;
    width: 10px;
}

.link:before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iN3B4IiBoZWlnaHQ9IjVweCIgdmlld0JveD0iMCAwIDcgNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDguMiAoNDczMjcpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPmljb25fc2VsZWN0LWFycm93PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9ImxheW91dC9iYXItcmlwbGV5IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI1Ny4wMDAwMDAsIC0xMy4wMDAwMDApIj4KICAgICAgICA8ZyBpZD0iaW5wdXQvc2VsZWN0LWFycm93IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjU2LjAwMDAwMCwgMTMuMDAwMDAwKSIgZmlsbD0iIzg5NDU5MCIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHBhdGggZD0iTTMuMTkyOTY4MSw1LjgzMzMzMzMzIEMyLjk5NjYwMjA0LDUuODMzMzMzMzMgMi44MDAwOTY5MSw1Ljc1Nzg1OTE5IDIuNjQ2NTY0MjQsNS42MDYwNDE3IEMyLjMyOTIwNzc2LDUuMjkxNjg2ODEgMi4zMTY1NTI0NCw0Ljc2ODcyNzc0IDIuNjE4MTk0MDgsNC40MzgwMDMyMSBMNC4zOTI0NDIwOSwyLjQ5NDIxNzk1IEwyLjYyMDAwMTk4LDAuNTYzOTA1MDQgQzIuMzE3MjQ3NzksMC4yMzQzMzk0MjEgMi4zMjgzNzMzNSwtMC4yODg2MTk2NDggMi42NDQ4OTU0MSwtMC42MDQxMzM0NTggQzIuOTYxNTU2NTQsLTAuOTE5NjQ3MjY3IDMuNDYzNDU4MTgsLTAuOTA3OTEzMjgyIDMuNzY2MjEyMzcsLTAuNTc4MjAyOCBMNi4wNjE1NTM2LDEuOTIxMTM1OTMgQzYuMzU0MTU1NzIsMi4yMzk4MzY3NSA2LjM1NDcxMiwyLjc0MTc5MDU0IDYuMDYzMzYxNTEsMy4wNjE1MDU0IEwzLjc2ODE1OTM0LDUuNTc2NDg5NDUgQzMuNjExOTg0MzUsNS43NDY5OTQzOCAzLjQwMjk2Mjk3LDUuODMzMzMzMzMgMy4xOTI5NjgxLDUuODMzMzMzMzMgWiIgaWQ9IlNoYXBlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjM0MDcyMCwgMi41MDAwMDApIHJvdGF0ZSg5MC4wMDAwMDApIHRyYW5zbGF0ZSgtNC4zNDA3MjAsIC0yLjUwMDAwMCkgIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)
        center center no-repeat;
    background-size: contain;
    transform: rotate(-90deg);
}

.download:before {
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-download.svg) no-repeat
        center center;
    background-size: contain;
}

.arrow-down {
    position: relative;
    display: inline-block;
    font-family: montserrat, sans-serif;
    width: 100%;
}

.arrow-down:after {
    content: "";
    height: 10px;
    width: 10px;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-down-menu.svg) center
        center no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 40%;
    right: 25px;
}

.arrow-right {
    position: relative;
    display: inline-block;
    font-family: montserrat, sans-serif;
    width: 100%;
}

.arrow-right:after {
    content: "";
    height: 10px;
    width: 10px;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-down-menu.svg) no-repeat
        right center;
    background-size: contain;
    position: absolute;
    bottom: 40%;
    right: 25px;
}

.t0 {
    font-size: 100px;
}

@media (max-width: 767px) {
    .t0 {
        font-size: 50px;
    }
}

.t1 {
    font-size: 35px;
}

.t2a {
    font-size: 22px;
}

.t2 {
    font-size: 22.5px;
}

.t3 {
    font-size: 19.5px;
}

.t4 {
    font-size: 16.5px;
}

.t5 {
    font-size: 32px;
}

.t6 {
    font-size: 40px;
}

.t7 {
    font-size: 36px;
}

.t8 {
    font-size: 24px;
}

.t9 {
    font-size: 15px;
}

.t10 {
    font-size: 16px;
}

.t11 {
    font-size: 17px;
}

.s1 {
    font-size: 13.5px;
}

.s2 {
    font-size: 12.5px;
}

.s3 {
    font-size: 11px;
}

.s4 {
    font-size: 12px;
}

.s5 {
    font-size: 14px;
}

.lh1 {
    line-height: 20px !important;
}

.s6 {
    font-size: 10px;
}

.normal {
    font-weight: 400 !important;
}

.light {
    font-weight: 400 !important;
}

.strongLight {
    font-weight: 500 !important;
}

.semiBold {
    font-weight: 600 !important;
}

.bold {
    font-weight: 700 !important;
}

.yellow {
    color: #feb957 !important;
}

.white {
    color: #fff !important;
}

.black1 {
    color: #404040 !important;
}

.black2 {
    color: #424242 !important;
}

.black3 {
    color: #444 !important;
}

.black4 {
    color: #000 !important;
}

.purple {
    color: #894590 !important;
}

.purple3 {
    color: #8c4799 !important;
}

.purpleDark {
    color: #4f2d7f !important;
}

.red {
    color: #ee2737 !important;
}

.grey {
    color: #4c4c4c !important;
}

.grey4 {
    color: #484848 !important;
}

.grey5 {
    color: #737373 !important;
}

.grey6 {
    color: #58595b !important;
}

.subrayado {
    text-decoration: underline;
    cursor: pointer;
}

.grey0 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 37px;
    background-color: transparent;
    position: absolute;
    z-index: 1;
    margin-top: 50px;
    margin-left: 35px;
}

.darkPurple3 {
    color: #4f2d7f !important;
}

.darkPurple3_1 {
    color: #4f2d7f;
}

.darkPurple4 {
    color: #523178;
}

.darkPurple5 {
    color: #462a66;
}

.grey00 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 37px;
    background-color: transparent;
    position: absolute;
    z-index: 1;
    margin-top: 50px;
    margin-left: 35px;
}

.grey1 {
    color: #4c4c4c !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    background-color: transparent;
    position: absolute;
    z-index: 3;
    margin-left: 12%;
    margin-top: 80px;
}

.grey10 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    background-color: transparent;
    position: absolute;
    z-index: 3;
    margin-left: 12%;
    margin-top: 80px;
}

.lightGrey3 {
    color: #7b7e83 !important;
}

.lightGrey4 {
    color: #3f3f41 !important;
}

.lightGrey5 {
    color: #939393 !important;
}

.lightGrey6 {
    color: #8c8c8c !important;
}

.lightGrey7 {
    color: #737373 !important;
}

.lightGrey8 {
    color: #727171;
}

.lightGrey9 {
    color: #9d9d9d;
}

.lightGrey10 {
    color: #aaa7a7;
}

.lightGrey11 {
    color: #6e6e6e;
}

.upCase {
    text-transform: uppercase;
}

.content-line {
    position: relative;
}

.content-line:after {
    content: "";
    height: 100%;
    width: 1px;
    background-color: #efefef;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1px;
}

.globo {
    position: fixed;
    bottom: 35px;
    right: 85px;
    z-index: 4001;
}

.form-dni {
    margin: 30px 0 15px;
}

.form-recaptcha {
    margin: 10px 0;
}

.form-datosPersonales {
    padding: 0;
}

.form-datosPersonales .form-check-input {
    position: absolute;
    opacity: 0;
}

.form-datosPersonales .form-check-input + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    padding-left: 30px;
}

.form-datosPersonales .form-check-input + label:before {
    content: "";
    margin-left: -30px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: 2px;
}

.form-datosPersonales .form-check-input:hover + label:before {
    background: #523178;
}

.form-datosPersonales .form-check-input:checked + label:before {
    background: #523178;
    border: 1px solid #523178;
}

.form-datosPersonales .form-check-input:checked + label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    background: #fff;
    width: 2px;
    height: 2px;
    box-shadow:
        2px 0 0 #fff,
        4px 0 0 #fff,
        4px -2px 0 #fff,
        4px -4px 0 #fff,
        4px -6px 0 #fff,
        4px -8px 0 #fff;
    transform: rotate(45deg);
}

.form-datosPersonales label a {
    text-decoration: underline;
    color: #8c4799;
}

.cardProduct {
    width: 49.5%;
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
}

.cardProduct:hover {
    background: #f1f1f1;
    cursor: pointer;
}

.cardProduct svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    fill: #523178;
}

.tooltipGeneral {
    position: relative;
    display: inline-block;
}

.tooltipGeneral .tooltiptext {
    visibility: hidden;
    width: 220px;
    background-color: #8c4799;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    font-size: 12px;
    bottom: 125%;
    left: 50%;
    margin-left: -110px;
    transition: opacity 0.3s;
    text-align: start;
}

.tooltipGeneral .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #8c4799 transparent transparent transparent;
}

.tooltipGeneral:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.modalError .dialogModal {
    max-width: 600px;
}

.modalError .titleModal {
    font-weight: 600;
    font-size: 14.5px;
    text-align: center;
    color: #523178;
}

.modalError .descriptionModal {
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    color: #404040;
}

.modalError .btnCerrar {
    background: #523178;
    border-radius: 4px;
    padding: 11px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

.modalError .modal-footer {
    border-top: 0;
    justify-content: center;
}

.viewLegal .legal-text {
    bottom: 527px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
    text-align: justify;
}

.viewLegal .titleLegal {
    cursor: pointer !important;
}

.viewLegal .titleLegalMobile {
    cursor: pointer !important;
    text-decoration-line: underline !important;
}

.viewLegal .morelegaldropdown {
    font-weight: 600;
    font-size: 16px;
    color: #8c4799;
    cursor: pointer;
}

.viewLegal .morelegaldropdown:after {
    content: "";
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-arrow-down.svg) center
        center no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 2px;
    margin-left: 15px;
}

.viewLegal .lesslegaldropdown {
    font-weight: 600;
    font-size: 16px;
    color: #8c4799;
    cursor: pointer;
}

.viewLegal .lesslegaldropdown:after {
    content: "";
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-arrow-up.svg) center center
        no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 2px;
    margin-left: 15px;
}

.viewLegal .imgLegal {
    width: 100%;
    max-width: 400px;
}

.viewLegal .imgLegalMobile {
    width: 80%;
    height: 100%;
}

.viewLegal .cerrarModal {
    text-decoration-line: underline !important;
}

.modalGeneral .modal-header {
    border-bottom: 0;
}

.modalGeneral .modal-footer {
    border-top: 0;
    justify-content: center;
}

.responsNP_NuevaPromocion #divContainerDireccionesGoogleMaps {
    width: 441px;
    height: 373px;
    background: #fefefe;
    border: 1px solid rgba(151, 153, 155, 0.15);
    box-sizing: border-box;
    box-shadow: 0 8px 20px #f2f4f9;
    border-radius: 8px;
    overflow-y: scroll;
}

.responsNP_NuevaPromocion .divDireccionesGoogleMaps {
    font-family: Montserrat;
    font-style: normal;
    height: 105px;
    padding: 10px 25px;
    border: 0.2px solid #eee;
    cursor: pointer;
}

.responsNP_NuevaPromocion .divDireccionesGoogleMapsActive {
    background: #f4f4f4 !important;
    border: 0.2px solid #eee;
    box-sizing: border-box;
}

.responsNP_NuevaPromocion
    .divDireccionesGoogleMapsActive
    .fontDescripcionDetailsMapsNewPromoHeader {
    color: #8d4896;
}

.responsNP_NuevaPromocion #divContainerDireccionesGoogleMapsResponsive {
    width: 100%;
    overflow-x: scroll;
    display: -webkit-box;
    z-index: 99;
    margin-top: -132px;
}

.responsNP_NuevaPromocion .divDireccionesGoogleMapsResponsive {
    width: 277px;
    height: 110px;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0 4px 10px rgba(86, 86, 86, 0.25);
    border-radius: 6px;
    margin-right: 14px;
}

.responsNP_NuevaPromocion .ListaDireccionUl {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.responsNP_NuevaPromocion .ControlCarrusel {
    height: 100px;
    width: 50px;
    top: 50px;
}

.responsNP_NuevaPromocion .textVerMasCarousel {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: #6b409c;
    width: 50px;
    margin-left: -8px;
}

.responsNP_NuevaPromocion .divImgLinkControlCarouselPrev {
    margin-top: 70%;
    margin-left: 80px;
    width: 20px;
}

@media (min-width: 576px) and (max-width: 606.99px) {
    .responsNP_NuevaPromocion .divImgLinkControlCarouselPrev {
        margin-left: 5%;
    }
}

@media (min-width: 607px) and (max-width: 1199.99px) {
    .responsNP_NuevaPromocion .divImgLinkControlCarouselPrev {
        margin-left: -100%;
    }
}

.responsNP_NuevaPromocion .divImgLinkControlCarouselNext {
    margin-top: 70%;
    margin-left: -75px;
    width: 20px;
}

@media (min-width: 576px) and (max-width: 606.99px) {
    .responsNP_NuevaPromocion .divImgLinkControlCarouselNext {
        margin-left: 5%;
    }
}

@media (min-width: 607px) and (max-width: 1199.99px) {
    .responsNP_NuevaPromocion .divImgLinkControlCarouselNext {
        margin-left: 110%;
    }
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .responsNP_NuevaPromocion #nav-tab {
        margin-left: -60px;
        margin-right: -60px;
        margin-top: 20px;
        margin-bottom: 80px;
    }
}

.responsNP_NuevaPromocion .CondicionesdeTextoLegal {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px !important;
    color: #8c4799;
}

.responsNP_NuevaPromocion #nav-tab .nav-link {
    height: 95px;
    min-width: 128px;
    padding: 0;
    padding-top: 16px;
    margin-left: 21px;
    margin-right: 1px;
    border: 0;
    text-align: center;
}

@media (max-width: 575px) {
    .responsNP_NuevaPromocion #nav-tab .nav-link {
        min-width: 98px !important;
        height: 88px !important;
        font-size: 11px !important;
        line-height: 13px !important;
        margin-left: 1px !important;
    }
}

.responsNP_NuevaPromocion #nav-tab .nav-link img {
    margin-bottom: 8px;
}

.responsNP_NuevaPromocion #nav-tab .nav-link span {
    margin-right: 0;
}

.responsNP_NuevaPromocion #nav-tab.nav-tabs .nav-link {
    height: 95px;
    display: inline-block;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #4f2d7f;
    margin-top: 2px;
    margin-bottom: 2px;
}

.responsNP_NuevaPromocion #nav-tab-dt.nav-tabs,
.responsNP_NuevaPromocion #nav-tab-mb.nav-tabs {
    border: 0;
}

.responsNP_NuevaPromocion #nav-tab-dt.nav-tabs .paginate a,
.responsNP_NuevaPromocion #nav-tab-mb.nav-tabs .paginate a {
    height: 40px;
}

.responsNP_NuevaPromocion #nav-tab-dt.nav-tabs .paginate a:hover,
.responsNP_NuevaPromocion #nav-tab-mb.nav-tabs .paginate a:hover {
    height: 40px;
    color: #fff;
    background: #8c4799;
    border: 1px solid #8c4799;
    box-sizing: border-box;
    border-radius: 5px;
}

.responsNP_NuevaPromocion #nav-tab.nav-tabs a {
    height: 95px;
}

.responsNP_NuevaPromocion #nav-tab.nav-tabs .nav-link.active {
    border: 0;
    height: 95px;
    background: #9c4faa;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #fafafa;
}

.responsNP .altoLineNP {
    line-height: 28px;
}

@media (max-width: 575px) {
    .responsNP .altoLineNP {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 600;
        line-height: 28px;
        text-align: center;
        margin-bottom: 30px;
    }
}

.responsNP .marginFormControlNP {
    width: 50%;
}

.responsNP .buttonSearchNP {
    background: #fff;
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-left: 0;
    background-image: url(https://www.bancoripley.com.pe/img/svg/searchNP.svg);
    background-position: center center;
    background-repeat: no-repeat;
    width: 34px;
    height: 34px;
    margin-left: -4px;
    cursor: pointer;
}

.responsNP .inputSearchNP {
    background: #fff;
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-right: 0;
    height: 34px;
}

@media (max-width: 432px) {
    .responsNP .inputSearchNP {
        width: 100%;
        height: 34px;
        font-size: 13px;
        line-height: 16px;
    }
}

@media (min-width: 433px) and (max-width: 990.98px) {
    .responsNP .inputSearchNP {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100%;
        height: 34px;
        font-size: 13px;
        line-height: 16px;
    }
}

.responsNP .inputSelectNP {
    border: 0;
    border-bottom: 1px solid #8c4799;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #8c4799;
    height: 34px;
    width: 100%;
    border-radius: 0;
}

@media (min-width: 433px) and (max-width: 575.98px) {
    .responsNP .inputSelectNP {
        margin-left: 0 !important;
        margin-right: 0 !important;
        font-size: 13px;
        line-height: 16px;
    }
}

@media (min-width: 576px) and (max-width: 1200px) {
    .responsNP .inputSelectNP {
        margin-left: 0 !important;
        margin-right: 0 !important;
        font-size: 13px;
        line-height: 16px;
    }
}

.responsNP .inputSearchNP::placeholder {
    font-family: Montserrat;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 17px !important;
    color: #737373 !important;
    vertical-align: middle !important;
    height: 17px !important;
}

.responsNP .fontOrdenarNP {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    float: left;
}

.responsNP .inputOrdenarNP {
    width: 161px;
    height: 34px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    float: left;
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
    border-radius: 4px;
}

.responsNP .boxContainerNewPromo {
    width: 347px;
    height: 262px;
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
    border-radius: 4px;
}

@media (min-width: 350px) and (max-width: 990.98px) {
    .responsNP .boxContainerNewPromo {
        width: 334px !important;
        margin-left: auto;
        margin-right: auto;
        border-radius: 10px;
        height: 278px;
    }
}

.responsNP .boxContainerNewPromo:hover {
    border: 1px solid #8c4799;
    box-sizing: border-box;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

@media (min-width: 350px) and (max-width: 990.98px) {
    .responsNP .boxContainerNewPromo:hover {
        border-radius: 10px;
    }
}

.responsNP .boxContainerNewPromoTop {
    width: 345px;
    height: 170px;
}

@media (min-width: 300px) and (max-width: 990.98px) {
    .responsNP .boxContainerNewPromoTop {
        width: 333px !important;
    }
}

.responsNP .boxContainerNewPromoTopChild1 {
    width: 176px;
    height: 140px;
}

.responsNP .boxDetailsImgNewPromo {
    width: 535px;
    height: 293px;
}

@media (min-width: 350px) and (max-width: 990.98px) {
    .responsNP .boxDetailsImgNewPromo {
        width: 100%;
        height: 233px;
    }
}

.responsNP .boxDetailsImgGoogleMaps {
    width: 635px;
    height: 373px;
}

@media (min-width: 350px) and (max-width: 990.98px) {
    .responsNP .boxDetailsImgGoogleMaps {
        width: 100%;
        height: 430px;
    }
}

.responsNP .fontTitleDetailsNewPromoMaps {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #6b409c;
    text-align: left;
}

.responsNP .boxDetailsContainerNewPromoTop {
    width: 90%;
}

.responsNP .boxDetailsContainerNewPromoBottom {
    width: 90%;
}

.responsNP .boxContainerNewPromoTopChild2 {
    width: 345px;
    height: 170px;
    border-radius: 4px 4px 0 0;
}

@media (min-width: 350px) and (max-width: 990.98px) {
    .responsNP .boxContainerNewPromoTopChild2 {
        width: 331.3px !important;
        margin-left: 0.3px !important;
        margin-top: 0 !important;
        border-radius: 10px 10px 0 0;
    }
}

.responsNP .boxContainerNewPromoTopChild3 {
    width: 294px;
    height: 154px;
}

.responsNP .boxContainerNewPromoBottom {
    width: 100%;
    height: 90px;
    position: relative;
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .responsNP .boxContainerNewPromoBottom {
        height: 106px !important;
    }
}

.responsNP .boxContainerNewPromoBottomLeft {
    width: 100%;
    height: 91px;
    float: left;
}

.responsNP .purpleCustomNew {
    padding: inherit !important;
    color: #fefefe !important;
}

.responsNP .boxContainerNewPromoBottomRight {
    display: grid;
    align-items: center;
    float: right !important;
    width: 128px;
    height: 82px;
    background: rgba(82, 49, 120, 0.9);
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}

.responsNP .fontTitlePromoBottom {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    color: #523178;
    text-align: left;
}

.responsNP .fontDescripcionPromoBottom {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #404040;
    text-align: left;
}

.responsNP .fontTitleDetailsNewPromoHeader {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #462a66;
    text-align: left;
}

@media (min-width: 350px) and (max-width: 990.98px) {
    .responsNP .fontTitleDetailsNewPromoHeader {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 20px;
    }
}

.responsNP .fixStarDetalleRowNewPromo {
    margin-top: -40px;
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .responsNP .fixStarDetalleRowNewPromo {
        margin-top: 0;
    }
}

.responsNP .fontSubTitleDetailsNewPromo {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #523178;
    text-align: left;
}

.responsNP .fixImgMarginAutoWidth {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.responsNP .fontDescripcionDetailsNewPromo {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #404040;
    text-align: left;
}

@media (min-width: 350px) and (max-width: 990.98px) {
    .responsNP .fontDescripcionDetailsNewPromo {
        font-style: normal;
        font-weight: 400;
    }
}

.responsNP .fontDescripcionDetailsNewPromoNegrita {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #404040;
    text-align: left;
}

@media (min-width: 350px) and (max-width: 990.98px) {
    .responsNP .fontDescripcionDetailsNewPromoNegrita {
        font-style: normal;
        font-weight: 500;
        width: 290px !important;
    }
}

.responsNP .fontDescripcionDetailsNewPromoSimple {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #404040;
    text-align: left;
    width: 450px;
}

@media (min-width: 350px) and (max-width: 990.98px) {
    .responsNP .fontDescripcionDetailsNewPromoSimple {
        font-style: normal;
        font-weight: 400;
        width: 290px !important;
    }
}

.responsNP .infoDetails {
    margin-left: -50px;
}

@media (min-width: 350px) and (max-width: 950.98px) {
    .responsNP .infoDetails {
        margin-left: -5px !important;
        margin-top: 0 !important;
        padding-left: 0 !important;
    }
}

.responsNP .fontDescripcionDetailsMapsNewPromo {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #404040;
    text-align: left;
}

@media (min-width: 350px) and (max-width: 950.98px) {
    .responsNP .fontDescripcionDetailsMapsNewPromo {
        font-size: 14px;
    }
}

.responsNP .fontDescripcionDetailsMapsNewPromoHeader {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #523178;
    text-align: left;
}

.responsNP .fontDescripcionDetailsMapsNewPromoSub1 {
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    color: #6a6a6a;
    text-align: left;
}

.responsNP .fontDescripcionDetailsMapsNewPromoSub2 {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #737373;
    text-align: left;
}

.responsNP .fontDescripcionDetailsGoogleMaps {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #737373;
    text-align: left;
}

.responsNP .boxGoogleMaps {
    width: 35px;
    height: 35px;
    background: #fff;
    border: 1px solid #eee;
    box-sizing: border-box;
    border-radius: 4px;
    float: left;
}

.responsNP .itemTextoLegalNewPromo {
    font-family: Montserrat;
    font-style: normal;
    font-size: 12px;
    line-height: 145%;
    text-align: justify;
    color: #404040;
}

.responsNP .CondicionesTextoLegal {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px !important;
    color: #8c4799;
}

.responsNP .CondicionesTextoLegal img {
    transform: rotate(180deg);
}

.responsNP .CondicionesTextoLegal.collapsed img {
    transform: rotate(0);
}

@media (min-width: 350px) and (max-width: 950.98px) {
    .responsNP .CondicionesTextoLegal {
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
    }
}

.responsNP .CondicionesTextoLegal:hover {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px !important;
    color: #8c4799;
}

@media (min-width: 350px) and (max-width: 950.98px) {
    .responsNP .CondicionesTextoLegal:hover {
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
    }
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .responsNP .col_box_TextoLegal {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

.responsNP .col_box_TextoLegal button {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-align: left;
    background: 0 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0;
    padding: 0 40px 15px 15px;
    outline: 0;
    margin-top: 15px;
    line-height: 37px;
}

.responsNP .fontTitlePromoBottomPrice {
    text-align: center !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    text-align: left;
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .responsNP .fontTitlePromoBottomPrice {
        font-size: 20px;
    }
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .responsNP .fixMarginMovileNP {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .responsNP .titleMovile {
        padding-left: 30px !important;
        padding-right: 0 !important;
    }
}

.responsNP #nav-tabContentNuevaPromocion {
    margin-top: -60px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .responsNP #containerPaginationNuevaPromcion {
        margin-left: 8%;
        margin-top: 20px;
        margin-bottom: 70px;
    }
}

.responsNP .pagelinkItem {
    margin-right: 25px;
    width: 40px;
    height: 40px;
    background: #fff;
    border: 1px solid #737373;
    box-sizing: border-box;
    border-radius: 5px;
    text-align: center;
    vertical-align: middle;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    align-items: center;
    text-align: center;
    color: #737373;
    padding-top: 15%;
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .responsNP .pagelinkItem {
        margin-right: 8px;
        padding-top: none;
    }
}

.responsNP .pagelinkItem:hover {
    color: #fff;
    background: #8c4799;
    border: 1px solid #8c4799;
    box-sizing: border-box;
    border-radius: 5px;
}

.responsNP .page-item.active .pagelinkItem {
    z-index: 1;
    color: #fff;
    background: #8c4799 !important;
    border: 1px solid #8c4799 !important;
}

.responsNP .carousel-control-prev {
    opacity: 1 !important;
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .responsNP .carousel-control-prev {
        height: 90px;
        top: 20px;
        left: -10px;
    }
}

.responsNP .carousel-control-next {
    opacity: 1 !important;
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .responsNP .carousel-control-next {
        height: 90px;
        top: 20px;
        right: -10px;
    }
}

.responsNP .paginacion-prev {
    left: 20%;
    width: 50px;
    height: 40px;
}

@media (max-width: 575px) {
    .responsNP .paginacion-prev {
        width: 50px;
        height: 40px;
        top: 1px;
        left: -18px;
    }
}

.responsNP .paginacion-next {
    right: 22%;
    width: 50px;
    height: 40px;
}

@media (max-width: 575px) {
    .responsNP .paginacion-next {
        width: 50px;
        height: 40px;
        top: 1px;
        right: -15px;
    }
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .centradoResponsiveNoSearch {
        text-align: center !important;
    }
}

.DestacadoPromcionFontRecomendados {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #6b409c;
}

.fontNoResultadoBusquedaTitle {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #7c3f88 !important;
}

.fontResultadoBusqueda {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
}

.fontNoResultadoBusqueda {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
}

.linkRegresarPromocion {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    display: flex;
    align-items: center;
    color: #8c4799;
}

.linkRegresarPromocion:hover {
    color: #8c4799;
}

.marginImgRegresarPromocion {
    margin-right: 10px;
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .marginImgRegresarPromocion {
        margin-left: -18px;
    }
}

.fontTitleDetallePromotion {
    font-size: 24px;
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .fontTitleDetallePromotion {
        font-weight: 600 !important;
        font-size: 18px !important;
        line-height: 28px !important;
        text-align: center !important;
    }
}

.pagelinkItemFix:hover {
    color: #fff !important;
    background: #8c4799;
    border: 1px solid #8c4799;
    box-sizing: border-box;
    border-radius: 5px;
}

#appModalTerminosLegal {
    padding-right: 0 !important;
}

.dgModal {
    max-width: 898px;
    margin: 20px auto;
}

.modalTCB {
    margin-bottom: 80px;
    margin-top: 100px;
    margin-left: 10px;
    margin-right: 10px;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6);
    border-radius: 8px;
}

.divCerrarFlotanteSpanMovilTCB {
    width: 20px;
    float: right;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 10px;
    margin-right: 10px;
    z-index: 8999;
}

.titleModalTermCondBenef {
    color: #8c4799;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
}

.itemTerminosLegalNewCategoria {
    font-family: Montserrat;
    font-style: normal;
    font-size: 12px;
    line-height: 145%;
    text-align: justify;
    color: #404040;
}

.clsPorcentaje {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #8c4799;
}

.boxLeftDetailTitle {
    width: 80%;
    float: left;
}

.boxRigthDetailTitle {
    width: 20%;
    float: right;
}

.DestacadoPromcionFont {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #5e388a;
    text-align: left;
}

.hr-rpg-greyC {
    width: 450px !important;
    float: left;
    border: 0.5px solid #d9d9d9;
    width: 450px;
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .hr-rpg-greyC {
        width: 270px !important;
    }
}

.boxContainerNewPromoBottomDestacado {
    border-radius: 0 0 4px 4px;
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .boxContainerNewPromoBottomDestacado {
        border-radius: 0 0 10px 10px !important;
    }
}

.fixCategoriaSaludBelleza {
    padding-top: 16px !important;
}

.fixitemCategoriaSaludBelleza {
    padding-top: 15px !important;
}

#inputSearchNP-message {
    text-align: left;
    position: absolute;
    margin-top: 40px;
    margin-left: 5px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 134%;
    color: #f03f4d;
}

.fontTitleDetailsNewPromo {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 32px;
    color: #8c4799;
    text-align: left;
}

@media (min-width: 350px) and (max-width: 990.98px) {
    .fontTitleDetailsNewPromo {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 700;
        font-size: 22px;
        line-height: 23px;
        text-align: center;
        width: 120%;
    }
}

.cssCyber {
    background: rgba(251, 221, 127, 0.2);
    border-radius: 4px !important;
    font-family: Montserrat !important;
    font-style: normal !important;
    font-weight: 500;
    font-size: 14px !important;
    line-height: 17px !important;
}

.selectCardApply {
    border: 0;
    border-bottom: 1px solid #8c4799;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #8c4799;
    height: 34px;
    width: 100%;
    border-radius: 0;
}

@media only screen and (max-width: 576px) {
    .filterSelect {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-top: 5px;
    }
}

@import "https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800";

.transition1,
.btnRed,
.btnWhite,
.btnPurple,
.btnLightPurple,
.btnYellow,
.link,
.download {
    transition: all 0.25s ease-in-out;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    width: 100%;
    border: 0;
    max-width: 100%;
    padding: 0;
    margin: 0;
    padding-top: 90px;
}

@media (max-width: 1024px) {
    body {
        padding-top: 60px;
    }
}

@media (max-width: 780px) {
    body {
        max-width: 100vw;
        overflow-x: hidden;
    }
}

button,
a,
input,
select,
option {
    outline: 0;
    box-shadow: none;
}

button:focus,
a:focus,
input:focus,
select:focus,
option:focus {
    box-shadow: none !important;
}

.contentBTN {
    margin: 30px 0;
}

.simple-line-height {
    line-height: 1.3;
}

.low-line-height {
    line-height: 0.8;
}

@media (max-width: 575px) {
    .low-line-height {
        line-height: 1;
    }
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
    font-family: montserrat, sans-serif;
    font-weight: 500;
    font-size: 15.5px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 10px;
}

.btnRed,
.btnWhite,
.btnPurple,
.btnLightPurple,
.btnYellow {
    text-align: center;
    display: inline-block;
    padding: 1rem 1.5rem;
    box-shadow: 1px 2px 3px rgba(76, 76, 76, 0.5);
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 13.5px;
    color: #fff !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.btnRed:hover,
.btnWhite:hover,
.btnPurple:hover,
.btnLightPurple:hover,
.btnYellow:hover {
    box-shadow: 1px 2px 3px rgba(76, 76, 76, 0.75);
    text-decoration: none;
}

.btnYellow {
    background-color: #f2ad4b;
}

.btnYellow:hover {
    background-color: #feb957;
    color: #fff;
}

.btnPurple {
    background-color: #4f2d7f;
}

.btnPurple:hover {
    background-color: #361860;
    color: #fff;
}

.btnLightPurple {
    background-color: #894590;
}

.btnLightPurple:hover {
    background-color: #893492;
    color: #fff;
}

.btnWhite {
    color: #4f2d7f !important;
    background-color: #ededed;
}

.btnWhite:hover {
    background-color: #fff;
    color: #4f2d7f !important;
}

.btnRed {
    background-color: #ee2737;
    border-radius: 4px;
    cursor: pointer;
}

.btnRed:hover {
    background-color: #f8414b;
    color: #fff !important;
}

.btnMeInteresa {
    color: #fff !important;
    background: #894490;
    padding: 11px 0;
    max-width: none;
    width: 30%;
    margin: 20px 0 10px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 4px !important;
    display: inline-block;
}

.link,
.download {
    padding-left: 15px;
    position: relative;
    font-weight: 600;
    color: #894590;
}

.link:hover,
.download:hover {
    text-decoration: none;
    color: #894590;
}

.link:before,
.download:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 16px;
    width: 10px;
}

.link:before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iN3B4IiBoZWlnaHQ9IjVweCIgdmlld0JveD0iMCAwIDcgNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDguMiAoNDczMjcpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPmljb25fc2VsZWN0LWFycm93PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9ImxheW91dC9iYXItcmlwbGV5IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI1Ny4wMDAwMDAsIC0xMy4wMDAwMDApIj4KICAgICAgICA8ZyBpZD0iaW5wdXQvc2VsZWN0LWFycm93IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjU2LjAwMDAwMCwgMTMuMDAwMDAwKSIgZmlsbD0iIzg5NDU5MCIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHBhdGggZD0iTTMuMTkyOTY4MSw1LjgzMzMzMzMzIEMyLjk5NjYwMjA0LDUuODMzMzMzMzMgMi44MDAwOTY5MSw1Ljc1Nzg1OTE5IDIuNjQ2NTY0MjQsNS42MDYwNDE3IEMyLjMyOTIwNzc2LDUuMjkxNjg2ODEgMi4zMTY1NTI0NCw0Ljc2ODcyNzc0IDIuNjE4MTk0MDgsNC40MzgwMDMyMSBMNC4zOTI0NDIwOSwyLjQ5NDIxNzk1IEwyLjYyMDAwMTk4LDAuNTYzOTA1MDQgQzIuMzE3MjQ3NzksMC4yMzQzMzk0MjEgMi4zMjgzNzMzNSwtMC4yODg2MTk2NDggMi42NDQ4OTU0MSwtMC42MDQxMzM0NTggQzIuOTYxNTU2NTQsLTAuOTE5NjQ3MjY3IDMuNDYzNDU4MTgsLTAuOTA3OTEzMjgyIDMuNzY2MjEyMzcsLTAuNTc4MjAyOCBMNi4wNjE1NTM2LDEuOTIxMTM1OTMgQzYuMzU0MTU1NzIsMi4yMzk4MzY3NSA2LjM1NDcxMiwyLjc0MTc5MDU0IDYuMDYzMzYxNTEsMy4wNjE1MDU0IEwzLjc2ODE1OTM0LDUuNTc2NDg5NDUgQzMuNjExOTg0MzUsNS43NDY5OTQzOCAzLjQwMjk2Mjk3LDUuODMzMzMzMzMgMy4xOTI5NjgxLDUuODMzMzMzMzMgWiIgaWQ9IlNoYXBlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjM0MDcyMCwgMi41MDAwMDApIHJvdGF0ZSg5MC4wMDAwMDApIHRyYW5zbGF0ZSgtNC4zNDA3MjAsIC0yLjUwMDAwMCkgIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)
        center center no-repeat;
    background-size: contain;
    transform: rotate(-90deg);
}

.download:before {
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-download.svg) no-repeat
        center center;
    background-size: contain;
}

.arrow-down {
    position: relative;
    display: inline-block;
    font-family: montserrat, sans-serif;
    width: 100%;
}

.arrow-down:after {
    content: "";
    height: 10px;
    width: 10px;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-down-menu.svg) center
        center no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 40%;
    right: 25px;
}

.arrow-right {
    position: relative;
    display: inline-block;
    font-family: montserrat, sans-serif;
    width: 100%;
}

.arrow-right:after {
    content: "";
    height: 10px;
    width: 10px;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-down-menu.svg) no-repeat
        right center;
    background-size: contain;
    position: absolute;
    bottom: 40%;
    right: 25px;
}

.t0 {
    font-size: 100px;
}

@media (max-width: 767px) {
    .t0 {
        font-size: 50px;
    }
}

.t1 {
    font-size: 35px;
}

.t2a {
    font-size: 22px;
}

.t2 {
    font-size: 22.5px;
}

.t3 {
    font-size: 19.5px;
}

.t4 {
    font-size: 16.5px;
}

.t5 {
    font-size: 32px;
}

.t6 {
    font-size: 40px;
}

.t7 {
    font-size: 36px;
}

.t8 {
    font-size: 24px;
}

.t9 {
    font-size: 15px;
}

.t10 {
    font-size: 16px;
}

.t11 {
    font-size: 17px;
}

.s1 {
    font-size: 13.5px;
}

.s2 {
    font-size: 12.5px;
}

.s3 {
    font-size: 11px;
}

.s4 {
    font-size: 12px;
}

.s5 {
    font-size: 14px;
}

.lh1 {
    line-height: 20px !important;
}

.s6 {
    font-size: 10px;
}

.normal {
    font-weight: 400 !important;
}

.light {
    font-weight: 400 !important;
}

.strongLight {
    font-weight: 500 !important;
}

.semiBold {
    font-weight: 600 !important;
}

.bold {
    font-weight: 700 !important;
}

.yellow {
    color: #feb957 !important;
}

.white {
    color: #fff !important;
}

.black1 {
    color: #404040 !important;
}

.black2 {
    color: #424242 !important;
}

.black3 {
    color: #444 !important;
}

.black4 {
    color: #000 !important;
}

.purple {
    color: #894590 !important;
}

.purple3 {
    color: #8c4799 !important;
}

.purpleDark {
    color: #4f2d7f !important;
}

.red {
    color: #ee2737 !important;
}

.grey {
    color: #4c4c4c !important;
}

.grey4 {
    color: #484848 !important;
}

.grey5 {
    color: #737373 !important;
}

.grey6 {
    color: #58595b !important;
}

.subrayado {
    text-decoration: underline;
    cursor: pointer;
}

.grey0 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 37px;
    background-color: transparent;
    position: absolute;
    z-index: 1;
    margin-top: 50px;
    margin-left: 35px;
}

.darkPurple3 {
    color: #4f2d7f !important;
}

.darkPurple3_1 {
    color: #4f2d7f;
}

.darkPurple4 {
    color: #523178;
}

.darkPurple5 {
    color: #462a66;
}

.grey00 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 37px;
    background-color: transparent;
    position: absolute;
    z-index: 1;
    margin-top: 50px;
    margin-left: 35px;
}

.grey1 {
    color: #4c4c4c !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    background-color: transparent;
    position: absolute;
    z-index: 3;
    margin-left: 12%;
    margin-top: 80px;
}

.grey10 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    background-color: transparent;
    position: absolute;
    z-index: 3;
    margin-left: 12%;
    margin-top: 80px;
}

.lightGrey3 {
    color: #7b7e83 !important;
}

.lightGrey4 {
    color: #3f3f41 !important;
}

.lightGrey5 {
    color: #939393 !important;
}

.lightGrey6 {
    color: #8c8c8c !important;
}

.lightGrey7 {
    color: #737373 !important;
}

.lightGrey8 {
    color: #727171;
}

.lightGrey9 {
    color: #9d9d9d;
}

.lightGrey10 {
    color: #aaa7a7;
}

.lightGrey11 {
    color: #6e6e6e;
}

.upCase {
    text-transform: uppercase;
}

.content-line {
    position: relative;
}

.content-line:after {
    content: "";
    height: 100%;
    width: 1px;
    background-color: #efefef;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1px;
}

.globo {
    position: fixed;
    bottom: 35px;
    right: 85px;
    z-index: 4001;
}

.form-dni {
    margin: 30px 0 15px;
}

.form-recaptcha {
    margin: 10px 0;
}

.form-datosPersonales {
    padding: 0;
}

.form-datosPersonales .form-check-input {
    position: absolute;
    opacity: 0;
}

.form-datosPersonales .form-check-input + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    padding-left: 30px;
}

.form-datosPersonales .form-check-input + label:before {
    content: "";
    margin-left: -30px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: 2px;
}

.form-datosPersonales .form-check-input:hover + label:before {
    background: #523178;
}

.form-datosPersonales .form-check-input:checked + label:before {
    background: #523178;
    border: 1px solid #523178;
}

.form-datosPersonales .form-check-input:checked + label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    background: #fff;
    width: 2px;
    height: 2px;
    box-shadow:
        2px 0 0 #fff,
        4px 0 0 #fff,
        4px -2px 0 #fff,
        4px -4px 0 #fff,
        4px -6px 0 #fff,
        4px -8px 0 #fff;
    transform: rotate(45deg);
}

.form-datosPersonales label a {
    text-decoration: underline;
    color: #8c4799;
}

.cardProduct {
    width: 49.5%;
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
}

.cardProduct:hover {
    background: #f1f1f1;
    cursor: pointer;
}

.cardProduct svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    fill: #523178;
}

.tooltipGeneral {
    position: relative;
    display: inline-block;
}

.tooltipGeneral .tooltiptext {
    visibility: hidden;
    width: 220px;
    background-color: #8c4799;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    font-size: 12px;
    bottom: 125%;
    left: 50%;
    margin-left: -110px;
    transition: opacity 0.3s;
    text-align: start;
}

.tooltipGeneral .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #8c4799 transparent transparent transparent;
}

.tooltipGeneral:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.modalError .dialogModal {
    max-width: 600px;
}

.modalError .titleModal {
    font-weight: 600;
    font-size: 14.5px;
    text-align: center;
    color: #523178;
}

.modalError .descriptionModal {
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    color: #404040;
}

.modalError .btnCerrar {
    background: #523178;
    border-radius: 4px;
    padding: 11px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

.modalError .modal-footer {
    border-top: 0;
    justify-content: center;
}

.viewLegal .legal-text {
    bottom: 527px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
    text-align: justify;
}

.viewLegal .titleLegal {
    cursor: pointer !important;
}

.viewLegal .titleLegalMobile {
    cursor: pointer !important;
    text-decoration-line: underline !important;
}

.viewLegal .morelegaldropdown {
    font-weight: 600;
    font-size: 16px;
    color: #8c4799;
    cursor: pointer;
}

.viewLegal .morelegaldropdown:after {
    content: "";
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-arrow-down.svg) center
        center no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 2px;
    margin-left: 15px;
}

.viewLegal .lesslegaldropdown {
    font-weight: 600;
    font-size: 16px;
    color: #8c4799;
    cursor: pointer;
}

.viewLegal .lesslegaldropdown:after {
    content: "";
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-arrow-up.svg) center center
        no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 2px;
    margin-left: 15px;
}

.viewLegal .imgLegal {
    width: 100%;
    max-width: 400px;
}

.viewLegal .imgLegalMobile {
    width: 80%;
    height: 100%;
}

.viewLegal .cerrarModal {
    text-decoration-line: underline !important;
}

.modalGeneral .modal-header {
    border-bottom: 0;
}

.modalGeneral .modal-footer {
    border-top: 0;
    justify-content: center;
}

.sectionNewSeguros table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

.sectionNewSeguros td {
    text-align: center;
    padding: 8px;
    color: #404040 !important;
    font-weight: 500 !important;
    font-size: 15px;
}

.sectionNewSeguros .textoNotaPreguntasSeguros {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #404040;
}

.sectionNewSeguros .titulo_principal {
    font-size: 30px;
    line-height: 28px;
}

@media (max-width: 575px) {
    .sectionNewSeguros .titulo_principal {
        font-size: 22px;
    }
}

.sectionNewSeguros .subtitulo_principal {
    font-size: 15px;
    line-height: 28px;
}

@media (max-width: 575px) {
    .sectionNewSeguros .subtitulo_principal {
        font-size: 14px;
        margin-bottom: 0 !important;
        padding-bottom: 8% !important;
    }
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .sectionNewSeguros .fixMarginMovileSeguro {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

.sectionNewSeguros .fixStarDetalleRowSeguro {
    margin-top: -40px;
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .sectionNewSeguros .fixStarDetalleRowSeguro {
        margin-top: 0;
    }
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .sectionNewSeguros .fixPaddingFullMovileSeguro {
        padding: 0 !important;
    }
}

.sectionNewSeguros .boxContainerSeguro {
    width: 335px;
    height: 310px;
    background: #fff;
    border: 1.0482px solid rgba(151, 153, 155, 0.15);
    box-sizing: border-box;
    box-shadow: 0 8px 20px #f2f4f9;
    border-radius: 8px;
}

@media (min-width: 350px) and (max-width: 990.98px) {
    .sectionNewSeguros .boxContainerSeguro {
        width: 335px !important;
        margin-left: auto;
        margin-right: auto;
    }
}

.sectionNewSeguros a:hover {
    text-decoration: none !important;
}

.sectionNewSeguros .boxContainerSeguro:hover {
    border: 1.0482px solid #8c4799;
    box-sizing: border-box;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.sectionNewSeguros .boxContainerSeguroTop {
    width: 333px;
    height: 194px;
}

.sectionNewSeguros .boxContainerSeguroBottom {
    height: 114px;
    position: relative;
}

.sectionNewSeguros .titulo_box {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 132.87%;
    color: #523178;
}

.sectionNewSeguros .subtitulo_box {
    font-size: 14px;
    line-height: 138.97%;
    color: #404040;
}

.sectionNewSeguros .link_seguros {
    font-size: 14px;
    line-height: 138.97%;
    display: block;
    text-align: right;
}

.sectionNewSeguros #nav-tab {
    margin-top: 0;
    margin-bottom: 0;
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .sectionNewSeguros #nav-tab {
        margin-left: -60px;
        margin-right: -60px;
    }
}

.sectionNewSeguros #nav-tab .nav-link {
    padding: 0;
    padding-bottom: 6px;
    margin-left: 0;
    margin-right: 5.5%;
    border: 0;
    min-width: 136px;
}

@media (max-width: 575px) {
    .sectionNewSeguros #nav-tab .nav-link {
        min-width: 121px !important;
        font-size: 17px !important;
        line-height: 24px !important;
        margin-left: 15px !important;
        margin-right: 15px;
    }
}

.sectionNewSeguros #nav-tab.nav-tabs .nav-link {
    display: inline-block;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 17px;
    color: #8c8c8c;
    margin-top: 2px;
    margin-bottom: 2px;
    border: 0;
}

.sectionNewSeguros #nav-tab.nav-tabs .nav-link.active {
    border-bottom: 3px solid #8c4799;
    color: #8c4799;
    font-weight: 700;
}

.sectionNewSeguros .img-detalle {
    max-width: 432px;
    max-height: 295px;
    width: 100%;
    height: 100%;
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .sectionNewSeguros .img-detalle {
        max-width: 100%;
        width: 100%;
    }
}

.sectionNewSeguros .titulo_detalle {
    font-size: 20px;
    line-height: 28px;
}

@media (max-width: 575px) {
    .sectionNewSeguros .titulo_detalle {
        text-align: center;
        margin: 0 16px;
    }
}

.sectionNewSeguros .descrp_titulo {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #404040;
}

@media (max-width: 575px) {
    .sectionNewSeguros .descrp_titulo {
        font-size: 15px;
        line-height: 18px;
        margin-left: 18px;
        margin-right: 18px;
    }
}

.sectionNewSeguros .subtitulo_detalle {
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    color: #8c4799;
}

@media (max-width: 575px) {
    .sectionNewSeguros .subtitulo_detalle {
        text-align: center;
    }
}

.sectionNewSeguros .item_detalle {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #404040;
}

@media (max-width: 575px) {
    .sectionNewSeguros .item_detalle {
        font-size: 15px;
        line-height: 18px;
        margin: 0 !important;
    }
}

.sectionNewSeguros .box-detalle-cobertura {
    width: 186px;
    height: 110px;
    background: #7747ae;
    margin: auto;
    border: 1px solid #5e388a;
    box-sizing: border-box;
    border-radius: 5px 20px 20px 20px;
    color: #fff;
    padding-top: 24px;
}

.sectionNewSeguros .titulo_detalle_section {
    font-weight: 600;
    font-size: 17px;
    line-height: 28px;
    color: #462a66;
}

.sectionNewSeguros .contenido_detalle_section {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #404040;
}

@media (max-width: 575px) {
    .sectionNewSeguros .contenido_detalle_section {
        font-size: 15px;
        line-height: 18px;
    }
}

.sectionNewSeguros .download {
    position: relative;
    padding-left: 25px;
}

.sectionNewSeguros .download:before {
    content: "";
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-download.svg) no-repeat
        center center;
    background-size: contain;
    width: 12px;
    height: 15px;
    position: absolute;
    margin-top: 1px;
}

.sectionNewSeguros li {
    color: #462a66;
}

.sectionNewSeguros .margenPreguntasSeguros {
    margin-left: 17px;
    margin-top: 18px;
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .sectionNewSeguros .margenPreguntasSeguros {
        margin-left: -4px;
        margin-right: -20px;
        margin-top: 15px;
    }
}

.sectionNewSeguros .margenPreguntasSeguros p {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #404040;
}

@media (max-width: 575px) {
    .sectionNewSeguros .margenPreguntasSeguros p {
        font-size: 15px;
        line-height: 135%;
    }
}

.sectionNewSeguros .colorItemAcordion {
    font-size: 15px !important;
    line-height: 20px;
    padding-left: 3px;
    padding-right: 48px;
}

.sectionNewSeguros .title-tab-5 {
    font-size: 20px;
    line-height: 29px;
}

@media (max-width: 575px) {
    .sectionNewSeguros .title-tab-5 {
        font-size: 16px;
        line-height: 29px;
    }
}

@media (max-width: 575px) {
    .sectionNewSeguros .text-responsive {
        text-align: center;
    }
}

.sectionNewSeguros .border-mapfre {
    border-right: 1px solid #d9d9d9;
}

@media (max-width: 575px) {
    .sectionNewSeguros .border-mapfre {
        border: 0;
    }
}

.sectionNewSeguros .box-inf-mapfre {
    margin-left: 50px;
}

@media (max-width: 575px) {
    .sectionNewSeguros .box-inf-mapfre {
        margin-left: 0;
    }
}

.sectionNewSeguros tbody {
    overflow: hidden;
    border-radius: 4px;
}

.sectionNewSeguros .rowTableSeguros {
    height: 40px;
    align-items: center;
    border-radius: 4px;
    box-sizing: border-box;
    overflow: hidden;
}

.sectionNewSeguros .rowTableSeguros td {
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid rgba(151, 153, 155, 0.4);
}

.sectionNewSeguros .rowTableSeguros td center {
    font-weight: 600;
    line-height: 1.2;
}

.sectionNewSeguros .rowTableSeguros td:first-child {
    border-radius: 4px 0 0 4px;
}

.sectionNewSeguros .rowTableSeguros td:last-child {
    border-radius: 0 4px 4px 0;
}

@media (max-width: 575px) {
    .sectionNewSeguros .rowTableSeguros {
        height: auto;
        padding-left: 0;
        padding-right: 0;
    }

    .sectionNewSeguros .rowTableSeguros td {
        min-width: auto;
        font-size: 10px;
    }

    .sectionNewSeguros .rowTableSeguros td:first-child {
        min-width: 107px;
        min-width: auto;
    }

    .sectionNewSeguros .rowTableSeguros td:first-child center {
        font-size: 12px;
    }
}

.sectionNewSeguros .rowTableSeguros_color {
    height: 40px;
    align-items: center;
    border-radius: 4px;
    box-sizing: border-box;
    overflow: hidden;
}

.sectionNewSeguros .rowTableSeguros_color td {
    border-left: 1px solid rgba(151, 153, 155, 0.4);
}

.sectionNewSeguros .rowTableSeguros_color td center {
    font-weight: 600;
    line-height: 1.2;
    font-size: 15px;
}

.sectionNewSeguros .rowTableSeguros_color td:last-child {
    border-radius: 0 4px 4px 0;
}

.sectionNewSeguros .rowTableSeguros_color td:first-child {
    border-radius: 4px 0 0 4px;
    min-width: 356px;
    border: 0;
}

.sectionNewSeguros .rowTableSeguros_color td:first-child center {
    font-size: 15px;
    font-weight: 700;
}

@media (max-width: 575px) {
    .sectionNewSeguros .rowTableSeguros_color td {
        min-width: 48px;
    }

    .sectionNewSeguros .rowTableSeguros_color td center {
        font-size: 10px;
    }

    .sectionNewSeguros .rowTableSeguros_color td:first-child {
        min-width: 107px;
    }

    .sectionNewSeguros .rowTableSeguros_color td:first-child center {
        font-size: 12px;
    }
}

.sectionNewSeguros .rowTableSeguro_header {
    background: #8455ba;
    overflow: hidden;
    border: 0;
}

.sectionNewSeguros .rowTableSeguro_header p,
.sectionNewSeguros .rowTableSeguro_header th {
    border: 0;
    background: #8455ba;
    font-weight: 700;
    font-size: 16px;
    line-height: 138.97%;
    color: #fefefe !important;
}

@media (max-width: 575px) {
    .sectionNewSeguros .rowTableSeguro_header p,
    .sectionNewSeguros .rowTableSeguro_header th {
        font-size: 12px;
        height: 30px;
    }
}

.sectionNewSeguros .rowTableSeguro_header th:first-child {
    border-right: 1px solid #8455ba;
    border-radius: 4px 0 0 0;
}

.sectionNewSeguros .rowTableSeguro_header th:last-child {
    border-radius: 0 4px 0 0;
}

.sectionNewSeguros .backGrey1 {
    background: #fafafa;
}

@media (max-width: 575px) {
    .sectionNewSeguros .backGrey1 {
        height: 63px;
        border-radius: 4px 4px 0 0;
    }
}

.sectionNewSeguros .backGrey2 {
    background: #e3e3e3;
}

.sectionNewSeguros .backYell {
    background: #fbdd7f;
}

.sectionNewSeguros .borderRTable {
    border-right: 1px solid rgba(151, 153, 155, 0.4);
    box-sizing: border-box;
    border-radius: 4px 0 0 4px;
    height: 100%;
    display: grid;
    align-items: center;
}

.sectionNewSeguros .borderBTable {
    border-bottom: 1px solid rgba(151, 153, 155, 0.4);
    box-sizing: border-box;
    display: grid;
    align-items: center;
}

.sectionNewSeguros .fixHeightCelda {
    height: 57px;
}

@import "https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800";

.transition1,
.btnRed,
.btnWhite,
.btnPurple,
.btnLightPurple,
.btnYellow,
.link,
.download {
    transition: all 0.25s ease-in-out;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    width: 100%;
    border: 0;
    max-width: 100%;
    padding: 0;
    margin: 0;
    padding-top: 90px;
}

@media (max-width: 1024px) {
    body {
        padding-top: 60px;
    }
}

@media (max-width: 780px) {
    body {
        max-width: 100vw;
        overflow-x: hidden;
    }
}

button,
a,
input,
select,
option {
    outline: 0;
    box-shadow: none;
}

button:focus,
a:focus,
input:focus,
select:focus,
option:focus {
    box-shadow: none !important;
}

.contentBTN {
    margin: 30px 0;
}

.simple-line-height {
    line-height: 1.3;
}

.low-line-height {
    line-height: 0.8;
}

@media (max-width: 575px) {
    .low-line-height {
        line-height: 1;
    }
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
    font-family: montserrat, sans-serif;
    font-weight: 500;
    font-size: 15.5px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 10px;
}

.btnRed,
.btnWhite,
.btnPurple,
.btnLightPurple,
.btnYellow {
    text-align: center;
    display: inline-block;
    padding: 1rem 1.5rem;
    box-shadow: 1px 2px 3px rgba(76, 76, 76, 0.5);
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 13.5px;
    color: #fff !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.btnRed:hover,
.btnWhite:hover,
.btnPurple:hover,
.btnLightPurple:hover,
.btnYellow:hover {
    box-shadow: 1px 2px 3px rgba(76, 76, 76, 0.75);
    text-decoration: none;
}

.btnYellow {
    background-color: #f2ad4b;
}

.btnYellow:hover {
    background-color: #feb957;
    color: #fff;
}

.btnPurple {
    background-color: #4f2d7f;
}

.btnPurple:hover {
    background-color: #361860;
    color: #fff;
}

.btnLightPurple {
    background-color: #894590;
}

.btnLightPurple:hover {
    background-color: #893492;
    color: #fff;
}

.btnWhite {
    color: #4f2d7f !important;
    background-color: #ededed;
}

.btnWhite:hover {
    background-color: #fff;
    color: #4f2d7f !important;
}

.btnRed {
    background-color: #ee2737;
    border-radius: 4px;
    cursor: pointer;
}

.btnRed:hover {
    background-color: #f8414b;
    color: #fff !important;
}

.btnMeInteresa {
    color: #fff !important;
    background: #894490;
    padding: 11px 0;
    max-width: none;
    width: 30%;
    margin: 20px 0 10px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 4px !important;
    display: inline-block;
}

.link,
.download {
    padding-left: 15px;
    position: relative;
    font-weight: 600;
    color: #894590;
}

.link:hover,
.download:hover {
    text-decoration: none;
    color: #894590;
}

.link:before,
.download:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 16px;
    width: 10px;
}

.link:before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iN3B4IiBoZWlnaHQ9IjVweCIgdmlld0JveD0iMCAwIDcgNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDguMiAoNDczMjcpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPmljb25fc2VsZWN0LWFycm93PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9ImxheW91dC9iYXItcmlwbGV5IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI1Ny4wMDAwMDAsIC0xMy4wMDAwMDApIj4KICAgICAgICA8ZyBpZD0iaW5wdXQvc2VsZWN0LWFycm93IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjU2LjAwMDAwMCwgMTMuMDAwMDAwKSIgZmlsbD0iIzg5NDU5MCIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHBhdGggZD0iTTMuMTkyOTY4MSw1LjgzMzMzMzMzIEMyLjk5NjYwMjA0LDUuODMzMzMzMzMgMi44MDAwOTY5MSw1Ljc1Nzg1OTE5IDIuNjQ2NTY0MjQsNS42MDYwNDE3IEMyLjMyOTIwNzc2LDUuMjkxNjg2ODEgMi4zMTY1NTI0NCw0Ljc2ODcyNzc0IDIuNjE4MTk0MDgsNC40MzgwMDMyMSBMNC4zOTI0NDIwOSwyLjQ5NDIxNzk1IEwyLjYyMDAwMTk4LDAuNTYzOTA1MDQgQzIuMzE3MjQ3NzksMC4yMzQzMzk0MjEgMi4zMjgzNzMzNSwtMC4yODg2MTk2NDggMi42NDQ4OTU0MSwtMC42MDQxMzM0NTggQzIuOTYxNTU2NTQsLTAuOTE5NjQ3MjY3IDMuNDYzNDU4MTgsLTAuOTA3OTEzMjgyIDMuNzY2MjEyMzcsLTAuNTc4MjAyOCBMNi4wNjE1NTM2LDEuOTIxMTM1OTMgQzYuMzU0MTU1NzIsMi4yMzk4MzY3NSA2LjM1NDcxMiwyLjc0MTc5MDU0IDYuMDYzMzYxNTEsMy4wNjE1MDU0IEwzLjc2ODE1OTM0LDUuNTc2NDg5NDUgQzMuNjExOTg0MzUsNS43NDY5OTQzOCAzLjQwMjk2Mjk3LDUuODMzMzMzMzMgMy4xOTI5NjgxLDUuODMzMzMzMzMgWiIgaWQ9IlNoYXBlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjM0MDcyMCwgMi41MDAwMDApIHJvdGF0ZSg5MC4wMDAwMDApIHRyYW5zbGF0ZSgtNC4zNDA3MjAsIC0yLjUwMDAwMCkgIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)
        center center no-repeat;
    background-size: contain;
    transform: rotate(-90deg);
}

.download:before {
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-download.svg) no-repeat
        center center;
    background-size: contain;
}

.arrow-down {
    position: relative;
    display: inline-block;
    font-family: montserrat, sans-serif;
    width: 100%;
}

.arrow-down:after {
    content: "";
    height: 10px;
    width: 10px;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-down-menu.svg) center
        center no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 40%;
    right: 25px;
}

.arrow-right {
    position: relative;
    display: inline-block;
    font-family: montserrat, sans-serif;
    width: 100%;
}

.arrow-right:after {
    content: "";
    height: 10px;
    width: 10px;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-down-menu.svg) no-repeat
        right center;
    background-size: contain;
    position: absolute;
    bottom: 40%;
    right: 25px;
}

.t0 {
    font-size: 100px;
}

@media (max-width: 767px) {
    .t0 {
        font-size: 50px;
    }
}

.t1 {
    font-size: 35px;
}

.t2a {
    font-size: 22px;
}

.t2 {
    font-size: 22.5px;
}

.t3 {
    font-size: 19.5px;
}

.t4 {
    font-size: 16.5px;
}

.t5 {
    font-size: 32px;
}

.t6 {
    font-size: 40px;
}

.t7 {
    font-size: 36px;
}

.t8 {
    font-size: 24px;
}

.t9 {
    font-size: 15px;
}

.t10 {
    font-size: 16px;
}

.t11 {
    font-size: 17px;
}

.s1 {
    font-size: 13.5px;
}

.s2 {
    font-size: 12.5px;
}

.s3 {
    font-size: 11px;
}

.s4 {
    font-size: 12px;
}

.s5 {
    font-size: 14px;
}

.lh1 {
    line-height: 20px !important;
}

.s6 {
    font-size: 10px;
}

.normal {
    font-weight: 400 !important;
}

.light {
    font-weight: 400 !important;
}

.strongLight {
    font-weight: 500 !important;
}

.semiBold {
    font-weight: 600 !important;
}

.bold {
    font-weight: 700 !important;
}

.yellow {
    color: #feb957 !important;
}

.white {
    color: #fff !important;
}

.black1 {
    color: #404040 !important;
}

.black2 {
    color: #424242 !important;
}

.black3 {
    color: #444 !important;
}

.black4 {
    color: #000 !important;
}

.purple {
    color: #894590 !important;
}

.purple3 {
    color: #8c4799 !important;
}

.purpleDark {
    color: #4f2d7f !important;
}

.red {
    color: #ee2737 !important;
}

.grey {
    color: #4c4c4c !important;
}

.grey4 {
    color: #484848 !important;
}

.grey5 {
    color: #737373 !important;
}

.grey6 {
    color: #58595b !important;
}

.subrayado {
    text-decoration: underline;
    cursor: pointer;
}

.grey0 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 37px;
    background-color: transparent;
    position: absolute;
    z-index: 1;
    margin-top: 50px;
    margin-left: 35px;
}

.darkPurple3 {
    color: #4f2d7f !important;
}

.darkPurple3_1 {
    color: #4f2d7f;
}

.darkPurple4 {
    color: #523178;
}

.darkPurple5 {
    color: #462a66;
}

.grey00 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 37px;
    background-color: transparent;
    position: absolute;
    z-index: 1;
    margin-top: 50px;
    margin-left: 35px;
}

.grey1 {
    color: #4c4c4c !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    background-color: transparent;
    position: absolute;
    z-index: 3;
    margin-left: 12%;
    margin-top: 80px;
}

.grey10 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    background-color: transparent;
    position: absolute;
    z-index: 3;
    margin-left: 12%;
    margin-top: 80px;
}

.lightGrey3 {
    color: #7b7e83 !important;
}

.lightGrey4 {
    color: #3f3f41 !important;
}

.lightGrey5 {
    color: #939393 !important;
}

.lightGrey6 {
    color: #8c8c8c !important;
}

.lightGrey7 {
    color: #737373 !important;
}

.lightGrey8 {
    color: #727171;
}

.lightGrey9 {
    color: #9d9d9d;
}

.lightGrey10 {
    color: #aaa7a7;
}

.lightGrey11 {
    color: #6e6e6e;
}

.upCase {
    text-transform: uppercase;
}

.content-line {
    position: relative;
}

.content-line:after {
    content: "";
    height: 100%;
    width: 1px;
    background-color: #efefef;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1px;
}

.globo {
    position: fixed;
    bottom: 35px;
    right: 85px;
    z-index: 4001;
}

.form-dni {
    margin: 30px 0 15px;
}

.form-recaptcha {
    margin: 10px 0;
}

.form-datosPersonales {
    padding: 0;
}

.form-datosPersonales .form-check-input {
    position: absolute;
    opacity: 0;
}

.form-datosPersonales .form-check-input + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    padding-left: 30px;
}

.form-datosPersonales .form-check-input + label:before {
    content: "";
    margin-left: -30px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: 2px;
}

.form-datosPersonales .form-check-input:hover + label:before {
    background: #523178;
}

.form-datosPersonales .form-check-input:checked + label:before {
    background: #523178;
    border: 1px solid #523178;
}

.form-datosPersonales .form-check-input:checked + label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    background: #fff;
    width: 2px;
    height: 2px;
    box-shadow:
        2px 0 0 #fff,
        4px 0 0 #fff,
        4px -2px 0 #fff,
        4px -4px 0 #fff,
        4px -6px 0 #fff,
        4px -8px 0 #fff;
    transform: rotate(45deg);
}

.form-datosPersonales label a {
    text-decoration: underline;
    color: #8c4799;
}

.cardProduct {
    width: 49.5%;
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
}

.cardProduct:hover {
    background: #f1f1f1;
    cursor: pointer;
}

.cardProduct svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    fill: #523178;
}

.tooltipGeneral {
    position: relative;
    display: inline-block;
}

.tooltipGeneral .tooltiptext {
    visibility: hidden;
    width: 220px;
    background-color: #8c4799;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    font-size: 12px;
    bottom: 125%;
    left: 50%;
    margin-left: -110px;
    transition: opacity 0.3s;
    text-align: start;
}

.tooltipGeneral .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #8c4799 transparent transparent transparent;
}

.tooltipGeneral:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.modalError .dialogModal {
    max-width: 600px;
}

.modalError .titleModal {
    font-weight: 600;
    font-size: 14.5px;
    text-align: center;
    color: #523178;
}

.modalError .descriptionModal {
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    color: #404040;
}

.modalError .btnCerrar {
    background: #523178;
    border-radius: 4px;
    padding: 11px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

.modalError .modal-footer {
    border-top: 0;
    justify-content: center;
}

.viewLegal .legal-text {
    bottom: 527px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
    text-align: justify;
}

.viewLegal .titleLegal {
    cursor: pointer !important;
}

.viewLegal .titleLegalMobile {
    cursor: pointer !important;
    text-decoration-line: underline !important;
}

.viewLegal .morelegaldropdown {
    font-weight: 600;
    font-size: 16px;
    color: #8c4799;
    cursor: pointer;
}

.viewLegal .morelegaldropdown:after {
    content: "";
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-arrow-down.svg) center
        center no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 2px;
    margin-left: 15px;
}

.viewLegal .lesslegaldropdown {
    font-weight: 600;
    font-size: 16px;
    color: #8c4799;
    cursor: pointer;
}

.viewLegal .lesslegaldropdown:after {
    content: "";
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-arrow-up.svg) center center
        no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 2px;
    margin-left: 15px;
}

.viewLegal .imgLegal {
    width: 100%;
    max-width: 400px;
}

.viewLegal .imgLegalMobile {
    width: 80%;
    height: 100%;
}

.viewLegal .cerrarModal {
    text-decoration-line: underline !important;
}

.modalGeneral .modal-header {
    border-bottom: 0;
}

.modalGeneral .modal-footer {
    border-top: 0;
    justify-content: center;
}

.contenedorSolicitarEfex {
    padding-top: 35px;
    padding-bottom: 35px;
    background: #fcfcfc;
    font-family: montserrat, sans-serif;
}

.contenedorSolicitarEfex .c1 {
    font-size: 30px;
}

.contenedorSolicitarEfex .c2 {
    font-size: 29px;
}

.contenedorSolicitarEfex .c3 {
    font-size: 28px;
}

.contenedorSolicitarEfex .c4 {
    font-size: 27px;
}

.contenedorSolicitarEfex .c5 {
    font-size: 26px;
}

.contenedorSolicitarEfex .d1 {
    font-size: 25px;
}

.contenedorSolicitarEfex .d2 {
    font-size: 24px;
}

.contenedorSolicitarEfex .d3 {
    font-size: 23px;
}

.contenedorSolicitarEfex .d4 {
    font-size: 22px;
}

.contenedorSolicitarEfex .d5 {
    font-size: 21px;
}

.contenedorSolicitarEfex .t1 {
    font-size: 20px;
}

.contenedorSolicitarEfex .t2 {
    font-size: 19px;
}

.contenedorSolicitarEfex .t3 {
    font-size: 18px;
}

.contenedorSolicitarEfex .t4 {
    font-size: 17px;
}

.contenedorSolicitarEfex .t5 {
    font-size: 16px;
}

.contenedorSolicitarEfex .s1 {
    font-size: 15px;
}

.contenedorSolicitarEfex .s2 {
    font-size: 14px;
}

.contenedorSolicitarEfex .s3 {
    font-size: 13px;
}

.contenedorSolicitarEfex .s4 {
    font-size: 12px;
}

.contenedorSolicitarEfex .s5 {
    font-size: 11px;
}

.contenedorSolicitarEfex .p1 {
    font-size: 10px;
}

.contenedorSolicitarEfex .p2 {
    font-size: 9px;
}

.contenedorSolicitarEfex .p3 {
    font-size: 8px;
}

.contenedorSolicitarEfex .p4 {
    font-size: 7px;
}

.contenedorSolicitarEfex .p5 {
    font-size: 6px;
}

.contenedorSolicitarEfex .title {
    color: #523178;
    font-size: 32px;
}

.contenedorSolicitarEfex .form-control {
    height: calc(2.25rem + 12px);
}

.contenedorSolicitarEfex input[type="text"] {
    color: #464b5b;
}

.contenedorSolicitarEfex input[type="text"]::placeholder {
    color: #c3c3c3;
}

.contenedorSolicitarEfex input[type="text"]:-ms-input-placeholder {
    color: #c3c3c3;
}

.contenedorSolicitarEfex input[type="text"]::-webkit-input-placeholder {
    color: #c3c3c3;
}

.contenedorSolicitarEfex input[type="text"]::-moz-placeholder {
    color: #c3c3c3;
}

.contenedorSolicitarEfex
    .custom-control-input:checked
    ~ .custom-control-label::before {
    color: #fff;
    border-color: #8c4799;
    background-color: #8c4799;
}

.contenedorSolicitarEfex
    .custom-control-input:not(:disabled):active
    ~ .custom-control-label::before {
    color: #fff;
    background-color: #e9cda6;
    border-color: #e9cda6;
}

.contenedorSolicitarEfex .otherOptionsEfex {
    width: 100%;
    background: #fafafa;
    border: 1px solid #eee;
    box-sizing: border-box;
    border-radius: 5px;
}

.contenedorSolicitarEfex .menu-pasos {
    display: flex;
    justify-content: center;
    padding-top: 5px;
}

.contenedorSolicitarEfex .menu-pasos ul {
    list-style: none;
}

.contenedorSolicitarEfex .menu-pasos ul li {
    margin: 0 0 15px;
    color: #d4d4d4;
    font-weight: 500;
}

.contenedorSolicitarEfex .menu-pasos ul li.active {
    color: #8c4799;
    font-weight: 600;
}

.contenedorSolicitarEfex .menu-pasos ul li.active:before {
    content: url(https://www.bancoripley.com.pe/img/svg/i-arrow-right.svg);
    margin-left: -30px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
}

.contenedorSolicitarEfex .menu-pasos ul li.checked {
    color: #373737;
    font-weight: 600;
}

.contenedorSolicitarEfex .menu-pasos ul li.checked:before {
    content: url(https://www.bancoripley.com.pe/img/svg/i-checked-green.svg);
    margin-left: -30px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
}

.contenedorSolicitarEfex .form-oferta {
    width: 100%;
    max-width: 500px;
    background: #f4f6f6;
    border: 1px solid #e4e4e4;
    box-sizing: border-box;
    border-radius: 4px;
    margin-top: 15px;
}

.contenedorSolicitarEfex .divFormAfterPrestamo {
    display: block;
    background-color: #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    z-index: 1;
    width: calc((100vw - 1160px) / 2);
}

.contenedorSolicitarEfex .divFormulario {
    background: #e5e5e5;
}

.contenedorSolicitarEfex .fitContent {
    width: fit-content;
}

.contenedorSolicitarEfex .pointer {
    cursor: pointer;
}

.contenedorSolicitarEfex .divResumen {
    background: #f6f6f6;
    border-radius: 6px;
    margin-top: 20px;
    padding: 25px;
}

.contenedorSolicitarEfex .textSelected {
    color: #fff;
}

.contenedorSolicitarEfex .textUnselected {
    color: #523178;
}

.contenedorSolicitarEfex .boxSelected {
    background: #523178;
}

.contenedorSolicitarEfex .boxRipleyBank {
    cursor: pointer;
}

.contenedorSolicitarEfex .boxOtherBank {
    cursor: pointer;
}

.contenedorSolicitarEfex .textRipleyBank {
    cursor: pointer;
}

.contenedorSolicitarEfex .textOtherBank {
    cursor: pointer;
}

.contenedorSolicitarEfex .divFormContain {
    position: relative;
}

.contenedorSolicitarEfex .divBackOne {
    height: 260px;
    background: #523178;
}

.contenedorSolicitarEfex .divBackTwo {
    height: 350px;
    background: #fff;
}

.contenedorSolicitarEfex .divForm {
    background: #e0e0e0;
    padding-top: 110px;
    padding-bottom: 110px;
}

.contenedorSolicitarEfex .divBanner {
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    text-align: center;
    background: #4f3173;
}

.contenedorSolicitarEfex .divBanner::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -659%;
    width: 659%;
    height: 100%;
    background: #4f3173;
}

.contenedorSolicitarEfex .divFormAfter {
    display: block;
    background-color: #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    z-index: 1;
    width: calc((100vw - 838px) / 2);
}

.contenedorSolicitarEfex .divFormLoSentimosAfter {
    display: block;
    background-color: #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    z-index: 1;
    width: calc((100vw - 1157px) / 2);
}

.contenedorSolicitarEfex .divCellphone {
    background: #f0f0f0;
    border-radius: 4px;
}

.contenedorSolicitarEfex .divCellphone img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

.contenedorSolicitarEfex .divRecommended {
    background: #8c4799;
    border-radius: 0 6px;
    position: absolute;
    top: 0;
    right: 0;
    padding-left: 15px;
    padding-right: 15px;
}

.contenedorSolicitarEfex .divRecommended label {
    vertical-align: middle;
}

.contenedorSolicitarEfex .resend_code {
    text-decoration: underline;
    cursor: pointer;
}

.contenedorSolicitarEfex .btn:hover {
    color: #fff;
}

.contenedorSolicitarEfex .btnModalEmail {
    background: #523178;
    border-radius: 4px;
    padding-top: 12px;
    padding-bottom: 12px;
    width: 60%;
    max-width: none;
}

.contenedorSolicitarEfex .btnCerrar {
    background: #523178;
    border-radius: 4px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 0;
    width: -webkit-fill-available;
    margin: 0 auto;
}

.contenedorSolicitarEfex .centerTextHorizontal {
    text-align: center;
}

.contenedorSolicitarEfex .tooltip1 {
    position: relative;
    display: inline-block;
}

.contenedorSolicitarEfex .tooltip1 .tooltiptext {
    visibility: hidden;
    width: 220px;
    background-color: #8c4799;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    font-size: 12px;
    bottom: 125%;
    left: 50%;
    margin-left: -110px;
    transition: opacity 0.3s;
    text-align: start;
}

.contenedorSolicitarEfex .tooltip1 .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #8c4799 transparent transparent transparent;
}

.contenedorSolicitarEfex .tooltip1:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.contenedorSolicitarEfex .endTextHorizontal {
    text-align: end;
}

.contenedorSolicitarEfex .morePromotionals {
    font-weight: 600;
    font-size: 16px;
    color: #8c4799;
}

.contenedorSolicitarEfex .morePromotionals:before {
    content: url(../img/efex/svg/ic_more.svg);
    margin-right: 5px;
    width: 20px;
    height: 20px;
}

.contenedorSolicitarEfex .lessPromotionals {
    font-weight: 600;
    font-size: 16px;
    color: #8c4799;
}

.contenedorSolicitarEfex .lessPromotionals:before {
    content: url(../img/efex/svg/ic_less.svg);
    margin-right: 5px;
    width: 20px;
    height: 20px;
    vertical-align: 10%;
}

.contenedorSolicitarEfex .listGraciasEfex {
    margin-left: 210px;
    margin-right: 210px;
}

.contenedorSolicitarEfex .btnSendSms {
    background: #523178;
    border-radius: 4px;
    width: -webkit-fill-available;
    max-width: 320px;
    padding-top: 12px;
    padding-bottom: 12px;
    float: left;
}

.contenedorSolicitarEfex .form-dni {
    margin: 30px 0 0;
}

.contenedorSolicitarEfex .btnConsultar {
    width: 70%;
    background: #8c4799;
    color: #fff;
    font-size: 18px;
    border: 1px solid transparent;
    padding: 0.75rem 0;
    border-radius: 0.25rem;
    margin: inherit;
    max-width: none;
}

.contenedorSolicitarEfex .btnConfirmar {
    width: 70%;
    background: #8c4799;
    color: #fff;
    font-size: 18px;
    border: 1px solid transparent;
    padding: 0.75rem 0;
    border-radius: 0.25rem;
    margin: inherit;
    max-width: none;
}

.contenedorSolicitarEfex .btnContinuar {
    width: 60%;
    background: #523178;
    color: #fff;
    font-size: 16px;
    border: 1px solid transparent;
    padding: 0.75rem 0;
    border-radius: 0.25rem;
}

.contenedorSolicitarEfex .btnContinuarResumen {
    width: 70%;
    background: #523178;
    color: #fff;
    font-size: 16px;
    border: 1px solid transparent;
    padding: 0.75rem 0;
    border-radius: 0.25rem;
    margin: inherit;
    max-width: none;
}

.contenedorSolicitarEfex .btnAnteriorBancos {
    width: -webkit-fill-available;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #939393 !important;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
}

.contenedorSolicitarEfex .btnContinuarBancos {
    width: 100%;
    background: #523178;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid transparent;
    padding: 0.75rem 0;
    border-radius: 0.25rem;
    margin: inherit;
    max-width: none;
}

.contenedorSolicitarEfex .btnEnviar {
    width: 40%;
    background: #523178;
    color: #fff;
    font-size: 18px;
    border: 1px solid transparent;
    padding: 0.75rem 0;
    border-radius: 0.25rem;
}

.contenedorSolicitarEfex .btnEnviarCallCenter {
    width: 70%;
    background: #523178;
    color: #fff;
    font-size: 18px;
    border: 1px solid transparent;
    padding: 0.75rem 0;
    border-radius: 0.25rem;
    max-width: none;
}

.contenedorSolicitarEfex .codigo-sms-efex .codeSmsToken {
    width: 50px;
    height: 55px;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    border: 1px solid #ccc;
}

.contenedorSolicitarEfex .codigo-sms-efex .inputCodeSms {
    border: 1.5px solid #c563d1 !important;
}

.contenedorSolicitarEfex .codigo-sms-efex .inputCodeSmsValid {
    border: 1.5px solid #6bb81e !important;
}

.contenedorSolicitarEfex .codeSmsValid {
    border: 1.5px solid #c563d1 !important;
}

.contenedorSolicitarEfex .itemPromotional {
    background: #fff;
    border: 1px solid #eee;
    box-sizing: border-box;
    box-shadow: 0 8px 20px rgba(179, 177, 177, 0.15);
    border-radius: 6px;
}

.contenedorSolicitarEfex .itemPromotional img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.contenedorSolicitarEfex .itemPromotional .amount {
    color: #404040;
}

.contenedorSolicitarEfex .itemPromotional:hover {
    cursor: pointer;
}

.contenedorSolicitarEfex .itemPromotional:hover .amount {
    color: #8c4799;
}

.contenedorSolicitarEfex .notePromotional {
    background: #fafafa;
    border: 1px solid #eee;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 15px;
}

.contenedorSolicitarEfex .notePromotional img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.contenedorSolicitarEfex .validate-codigo {
    font-weight: 600;
    font-size: 12px;
    color: #6bb81e;
    padding-left: 30px;
}

.contenedorSolicitarEfex .validate-codigo:before {
    content: url(../img/efex/svg/ic_check.svg);
    margin-left: -30px;
    margin-top: -2px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
}

.contenedorSolicitarEfex .invalid-codigo-sms {
    font-weight: 500;
    font-size: 12px;
    color: #ee2737;
    padding-left: 30px;
    line-height: 135.31%;
}

.contenedorSolicitarEfex .invalid-codigo-sms:before {
    content: url(https://www.bancoripley.com.pe/img/svg/i-warning-red.svg);
    margin-left: -27px;
    margin-right: 7px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
}

.contenedorSolicitarEfex .invalid-codigo-sms-expira {
    font-weight: 500;
    font-size: 12px;
    color: #ee2737;
    padding-left: 30px;
    line-height: 135.31%;
}

.contenedorSolicitarEfex .invalid-codigo-sms-expira:before {
    content: url(https://www.bancoripley.com.pe/img/svg/i-warning-red.svg);
    margin-left: -27px;
    margin-right: 7px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
}

.contenedorSolicitarEfex .valid-codigo-sms {
    font-weight: 600;
    font-size: 12px;
    color: #6bb81e;
    padding-left: 30px;
}

.contenedorSolicitarEfex .valid-codigo-sms:before {
    content: url(https://www.bancoripley.com.pe/img/svg/i-wait-cursor.svg);
    margin-left: -30px;
    margin-top: -2px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
}

.contenedorSolicitarEfex .beneficio::before {
    content: url(https://www.bancoripley.com.pe/img/svg/i-checked-green.svg);
}

.contenedorSolicitarEfex .form-datosPersonales {
    padding: 0;
}

.contenedorSolicitarEfex .form-datosPersonales .form-check-input {
    position: absolute;
    opacity: 0;
}

.contenedorSolicitarEfex .form-datosPersonales .form-check-input + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    padding-left: 30px;
}

.contenedorSolicitarEfex
    .form-datosPersonales
    .form-check-input
    + label:before {
    content: "";
    margin-left: -30px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: 2px;
}

.contenedorSolicitarEfex
    .form-datosPersonales
    .form-check-input:hover
    + label:before {
    background: #523178;
}

.contenedorSolicitarEfex
    .form-datosPersonales
    .form-check-input:checked
    + label:before {
    background: #523178;
    border: 1px solid #523178;
}

.contenedorSolicitarEfex
    .form-datosPersonales
    .form-check-input:checked
    + label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    background: #fff;
    width: 2px;
    height: 2px;
    box-shadow:
        2px 0 0 #fff,
        4px 0 0 #fff,
        4px -2px 0 #fff,
        4px -4px 0 #fff,
        4px -6px 0 #fff,
        4px -8px 0 #fff;
    transform: rotate(45deg);
}

.contenedorSolicitarEfex .form-datosPersonales label a {
    text-decoration: underline;
    color: #8c4799;
}

.contenedorSolicitarEfex .boxNoTeConvence {
    background: #eee;
    border-radius: 4px;
    padding-left: 35px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.contenedorSolicitarEfex .boxNoTeConvence:hover {
    border: 2px solid #b070bd;
    box-sizing: border-box;
}

.contenedorSolicitarEfex .btnDeAcuerdo {
    width: 75%;
    background: #523178;
    color: #fff;
    font-size: 16px;
    border: 1px solid transparent;
    padding: 0.75rem 0;
    border-radius: 4px;
}

.contenedorSolicitarEfex .btnInicio {
    width: 75%;
    background: #523178;
    color: #fff;
    font-size: 16px;
    border: 1px solid transparent;
    padding: 0.75rem 0;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .contenedorSolicitarEfex .centerTextHorizontalMovil {
        text-align: center;
    }

    .contenedorSolicitarEfex .centerImageHorizontalMovil {
        display: block;
        margin: auto;
    }

    .contenedorSolicitarEfex .form-oferta {
        width: 90%;
        margin: auto;
    }

    .contenedorSolicitarEfex .btnConsultar {
        width: 100%;
        margin: auto;
    }

    .contenedorSolicitarEfex .btnConfirmar {
        width: 100%;
        margin: auto;
    }

    .contenedorSolicitarEfex .btnContinuar {
        width: 100%;
    }

    .contenedorSolicitarEfex .s1 {
        font-size: 14px;
    }

    .contenedorSolicitarEfex .divFormConsult p {
        text-align: center;
        margin-left: 5px;
        margin-right: 5px;
    }

    .contenedorSolicitarEfex .form-dni {
        margin: 20px 0 0;
    }

    .contenedorSolicitarEfex .divForm {
        background: 0;
        padding: 0 13px;
    }

    .contenedorSolicitarEfex .divFormContain {
        position: absolute;
        left: 50%;
        top: 36%;
        width: fit-content;
        transform: translate(-50%, 0);
    }

    .contenedorSolicitarEfex .title {
        font-size: 22px;
    }

    .contenedorSolicitarEfex .listGraciasEfex {
        margin-left: 5px;
        margin-right: 5px;
    }

    .contenedorSolicitarEfex .btnContinuarResumen {
        width: 80%;
    }

    .contenedorSolicitarEfex .btnContinuarBancos {
        width: 80%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .contenedorSolicitarEfex .centerTextHorizontalMovil {
        text-align: center;
    }

    .contenedorSolicitarEfex .centerImageHorizontalMovil {
        display: block;
        margin: auto;
    }

    .contenedorSolicitarEfex .form-oferta {
        width: 90%;
        margin: auto;
    }

    .contenedorSolicitarEfex .btnConsultar {
        width: 100%;
    }

    .contenedorSolicitarEfex .btnConfirmar {
        width: 100%;
    }

    .contenedorSolicitarEfex .btnContinuar {
        width: 100%;
    }

    .contenedorSolicitarEfex .form-dni {
        margin: 20px 0 0;
    }

    .contenedorSolicitarEfex .divForm {
        background: 0;
        padding: 0 13px;
    }

    .contenedorSolicitarEfex .divFormContain {
        position: absolute;
        left: 50%;
        top: 30%;
        width: fit-content;
        transform: translate(-50%, 0);
    }

    .contenedorSolicitarEfex .title {
        font-size: 28px;
    }

    .contenedorSolicitarEfex .listGraciasEfex {
        margin-left: 10px;
        margin-right: 10px;
    }

    .contenedorSolicitarEfex .btnContinuarResumen {
        width: 80%;
    }

    .contenedorSolicitarEfex .btnContinuarBancos {
        width: 80%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .contenedorSolicitarEfex .form-oferta {
        width: 75%;
    }

    .contenedorSolicitarEfex .btnConsultar {
        width: 70%;
    }

    .contenedorSolicitarEfex .btnConfirmar {
        width: 70%;
    }

    .contenedorSolicitarEfex .btnContinuar {
        width: 60%;
    }

    .contenedorSolicitarEfex .listGraciasEfex {
        margin-left: 50px;
        margin-right: 50px;
    }
}

@media (min-width: 1200px) {
    .contenedorSolicitarEfex .form-oferta {
        width: 100%;
    }

    .contenedorSolicitarEfex .btnConsultar {
        width: 70%;
    }

    .contenedorSolicitarEfex .btnConfirmar {
        width: 70%;
    }

    .contenedorSolicitarEfex .btnContinuar {
        width: 60%;
    }
}

@charset "UTF-8";
@import "https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800";

.transition1,
.btnRed,
.btnWhite,
.btnPurple,
.btnLightPurple,
.btnYellow,
.link,
.download {
    transition: all 0.25s ease-in-out;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    width: 100%;
    border: 0;
    max-width: 100%;
    padding: 0;
    margin: 0;
    padding-top: 90px;
}

@media (max-width: 1024px) {
    body {
        padding-top: 60px;
    }
}

@media (max-width: 780px) {
    body {
        max-width: 100vw;
        overflow-x: hidden;
    }
}

button,
a,
input,
select,
option {
    outline: 0;
    box-shadow: none;
}

button:focus,
a:focus,
input:focus,
select:focus,
option:focus {
    box-shadow: none !important;
}

.contentBTN {
    margin: 30px 0;
}

.simple-line-height {
    line-height: 1.3;
}

.low-line-height {
    line-height: 0.8;
}

@media (max-width: 575px) {
    .low-line-height {
        line-height: 1;
    }
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
    font-family: montserrat, sans-serif;
    font-weight: 500;
    font-size: 15.5px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 10px;
}

.btnRed,
.btnWhite,
.btnPurple,
.btnLightPurple,
.btnYellow {
    text-align: center;
    display: inline-block;
    padding: 1rem 1.5rem;
    box-shadow: 1px 2px 3px rgba(76, 76, 76, 0.5);
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 13.5px;
    color: #fff !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.btnRed:hover,
.btnWhite:hover,
.btnPurple:hover,
.btnLightPurple:hover,
.btnYellow:hover {
    box-shadow: 1px 2px 3px rgba(76, 76, 76, 0.75);
    text-decoration: none;
}

.btnYellow {
    background-color: #f2ad4b;
}

.btnYellow:hover {
    background-color: #feb957;
    color: #fff;
}

.btnPurple {
    background-color: #4f2d7f;
}

.btnPurple:hover {
    background-color: #361860;
    color: #fff;
}

.btnLightPurple {
    background-color: #894590;
}

.btnLightPurple:hover {
    background-color: #893492;
    color: #fff;
}

.btnWhite {
    color: #4f2d7f !important;
    background-color: #ededed;
}

.btnWhite:hover {
    background-color: #fff;
    color: #4f2d7f !important;
}

.btnRed {
    background-color: #ee2737;
    border-radius: 4px;
    cursor: pointer;
}

.btnRed:hover {
    background-color: #f8414b;
    color: #fff !important;
}

.btnMeInteresa {
    color: #fff !important;
    background: #894490;
    padding: 11px 0;
    max-width: none;
    width: 30%;
    margin: 20px 0 10px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 4px !important;
    display: inline-block;
}

.link,
.download {
    padding-left: 15px;
    position: relative;
    font-weight: 600;
    color: #894590;
}

.link:hover,
.download:hover {
    text-decoration: none;
    color: #894590;
}

.link:before,
.download:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 16px;
    width: 10px;
}

.link:before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iN3B4IiBoZWlnaHQ9IjVweCIgdmlld0JveD0iMCAwIDcgNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDguMiAoNDczMjcpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPmljb25fc2VsZWN0LWFycm93PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9ImxheW91dC9iYXItcmlwbGV5IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI1Ny4wMDAwMDAsIC0xMy4wMDAwMDApIj4KICAgICAgICA8ZyBpZD0iaW5wdXQvc2VsZWN0LWFycm93IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjU2LjAwMDAwMCwgMTMuMDAwMDAwKSIgZmlsbD0iIzg5NDU5MCIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHBhdGggZD0iTTMuMTkyOTY4MSw1LjgzMzMzMzMzIEMyLjk5NjYwMjA0LDUuODMzMzMzMzMgMi44MDAwOTY5MSw1Ljc1Nzg1OTE5IDIuNjQ2NTY0MjQsNS42MDYwNDE3IEMyLjMyOTIwNzc2LDUuMjkxNjg2ODEgMi4zMTY1NTI0NCw0Ljc2ODcyNzc0IDIuNjE4MTk0MDgsNC40MzgwMDMyMSBMNC4zOTI0NDIwOSwyLjQ5NDIxNzk1IEwyLjYyMDAwMTk4LDAuNTYzOTA1MDQgQzIuMzE3MjQ3NzksMC4yMzQzMzk0MjEgMi4zMjgzNzMzNSwtMC4yODg2MTk2NDggMi42NDQ4OTU0MSwtMC42MDQxMzM0NTggQzIuOTYxNTU2NTQsLTAuOTE5NjQ3MjY3IDMuNDYzNDU4MTgsLTAuOTA3OTEzMjgyIDMuNzY2MjEyMzcsLTAuNTc4MjAyOCBMNi4wNjE1NTM2LDEuOTIxMTM1OTMgQzYuMzU0MTU1NzIsMi4yMzk4MzY3NSA2LjM1NDcxMiwyLjc0MTc5MDU0IDYuMDYzMzYxNTEsMy4wNjE1MDU0IEwzLjc2ODE1OTM0LDUuNTc2NDg5NDUgQzMuNjExOTg0MzUsNS43NDY5OTQzOCAzLjQwMjk2Mjk3LDUuODMzMzMzMzMgMy4xOTI5NjgxLDUuODMzMzMzMzMgWiIgaWQ9IlNoYXBlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjM0MDcyMCwgMi41MDAwMDApIHJvdGF0ZSg5MC4wMDAwMDApIHRyYW5zbGF0ZSgtNC4zNDA3MjAsIC0yLjUwMDAwMCkgIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)
        center center no-repeat;
    background-size: contain;
    transform: rotate(-90deg);
}

.download:before {
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-download.svg) no-repeat
        center center;
    background-size: contain;
}

.arrow-down {
    position: relative;
    display: inline-block;
    font-family: montserrat, sans-serif;
    width: 100%;
}

.arrow-down:after {
    content: "";
    height: 10px;
    width: 10px;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-down-menu.svg) center
        center no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 40%;
    right: 25px;
}

.arrow-right {
    position: relative;
    display: inline-block;
    font-family: montserrat, sans-serif;
    width: 100%;
}

.arrow-right:after {
    content: "";
    height: 10px;
    width: 10px;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-down-menu.svg) no-repeat
        right center;
    background-size: contain;
    position: absolute;
    bottom: 40%;
    right: 25px;
}

.t0 {
    font-size: 100px;
}

@media (max-width: 767px) {
    .t0 {
        font-size: 50px;
    }
}

.t1 {
    font-size: 35px;
}

.t2a {
    font-size: 22px;
}

.t2 {
    font-size: 22.5px;
}

.t3 {
    font-size: 19.5px;
}

.t4 {
    font-size: 16.5px;
}

.t5 {
    font-size: 32px;
}

.t6 {
    font-size: 40px;
}

.t7 {
    font-size: 36px;
}

.t8 {
    font-size: 24px;
}

.t9 {
    font-size: 15px;
}

.t10 {
    font-size: 16px;
}

.t11 {
    font-size: 17px;
}

.s1 {
    font-size: 13.5px;
}

.s2 {
    font-size: 12.5px;
}

.s3 {
    font-size: 11px;
}

.s4 {
    font-size: 12px;
}

.s5 {
    font-size: 14px;
}

.lh1 {
    line-height: 20px !important;
}

.s6 {
    font-size: 10px;
}

.normal {
    font-weight: 400 !important;
}

.light {
    font-weight: 400 !important;
}

.strongLight {
    font-weight: 500 !important;
}

.semiBold {
    font-weight: 600 !important;
}

.bold {
    font-weight: 700 !important;
}

.yellow {
    color: #feb957 !important;
}

.white {
    color: #fff !important;
}

.black1 {
    color: #404040 !important;
}

.black2 {
    color: #424242 !important;
}

.black3 {
    color: #444 !important;
}

.black4 {
    color: #000 !important;
}

.purple {
    color: #894590 !important;
}

.purple3 {
    color: #8c4799 !important;
}

.purpleDark {
    color: #4f2d7f !important;
}

.red {
    color: #ee2737 !important;
}

.grey {
    color: #4c4c4c !important;
}

.grey4 {
    color: #484848 !important;
}

.grey5 {
    color: #737373 !important;
}

.grey6 {
    color: #58595b !important;
}

.subrayado {
    text-decoration: underline;
    cursor: pointer;
}

.grey0 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 37px;
    background-color: transparent;
    position: absolute;
    z-index: 1;
    margin-top: 50px;
    margin-left: 35px;
}

.darkPurple3 {
    color: #4f2d7f !important;
}

.darkPurple3_1 {
    color: #4f2d7f;
}

.darkPurple4 {
    color: #523178;
}

.darkPurple5 {
    color: #462a66;
}

.grey00 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 37px;
    background-color: transparent;
    position: absolute;
    z-index: 1;
    margin-top: 50px;
    margin-left: 35px;
}

.grey1 {
    color: #4c4c4c !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    background-color: transparent;
    position: absolute;
    z-index: 3;
    margin-left: 12%;
    margin-top: 80px;
}

.grey10 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    background-color: transparent;
    position: absolute;
    z-index: 3;
    margin-left: 12%;
    margin-top: 80px;
}

.lightGrey3 {
    color: #7b7e83 !important;
}

.lightGrey4 {
    color: #3f3f41 !important;
}

.lightGrey5 {
    color: #939393 !important;
}

.lightGrey6 {
    color: #8c8c8c !important;
}

.lightGrey7 {
    color: #737373 !important;
}

.lightGrey8 {
    color: #727171;
}

.lightGrey9 {
    color: #9d9d9d;
}

.lightGrey10 {
    color: #aaa7a7;
}

.lightGrey11 {
    color: #6e6e6e;
}

.upCase {
    text-transform: uppercase;
}

.content-line {
    position: relative;
}

.content-line:after {
    content: "";
    height: 100%;
    width: 1px;
    background-color: #efefef;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1px;
}

.globo {
    position: fixed;
    bottom: 35px;
    right: 85px;
    z-index: 4001;
}

.form-dni {
    margin: 30px 0 15px;
}

.form-recaptcha {
    margin: 10px 0;
}

.form-datosPersonales {
    padding: 0;
}

.form-datosPersonales .form-check-input {
    position: absolute;
    opacity: 0;
}

.form-datosPersonales .form-check-input + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    padding-left: 30px;
}

.form-datosPersonales .form-check-input + label:before {
    content: "";
    margin-left: -30px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: 2px;
}

.form-datosPersonales .form-check-input:hover + label:before {
    background: #523178;
}

.form-datosPersonales .form-check-input:checked + label:before {
    background: #523178;
    border: 1px solid #523178;
}

.form-datosPersonales .form-check-input:checked + label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    background: #fff;
    width: 2px;
    height: 2px;
    box-shadow:
        2px 0 0 #fff,
        4px 0 0 #fff,
        4px -2px 0 #fff,
        4px -4px 0 #fff,
        4px -6px 0 #fff,
        4px -8px 0 #fff;
    transform: rotate(45deg);
}

.form-datosPersonales label a {
    text-decoration: underline;
    color: #8c4799;
}

.cardProduct {
    width: 49.5%;
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
}

.cardProduct:hover {
    background: #f1f1f1;
    cursor: pointer;
}

.cardProduct svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    fill: #523178;
}

.tooltipGeneral {
    position: relative;
    display: inline-block;
}

.tooltipGeneral .tooltiptext {
    visibility: hidden;
    width: 220px;
    background-color: #8c4799;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    font-size: 12px;
    bottom: 125%;
    left: 50%;
    margin-left: -110px;
    transition: opacity 0.3s;
    text-align: start;
}

.tooltipGeneral .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #8c4799 transparent transparent transparent;
}

.tooltipGeneral:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.modalError .dialogModal {
    max-width: 600px;
}

.modalError .titleModal {
    font-weight: 600;
    font-size: 14.5px;
    text-align: center;
    color: #523178;
}

.modalError .descriptionModal {
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    color: #404040;
}

.modalError .btnCerrar {
    background: #523178;
    border-radius: 4px;
    padding: 11px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

.modalError .modal-footer {
    border-top: 0;
    justify-content: center;
}

.viewLegal .legal-text {
    bottom: 527px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
    text-align: justify;
}

.viewLegal .titleLegal {
    cursor: pointer !important;
}

.viewLegal .titleLegalMobile {
    cursor: pointer !important;
    text-decoration-line: underline !important;
}

.viewLegal .morelegaldropdown {
    font-weight: 600;
    font-size: 16px;
    color: #8c4799;
    cursor: pointer;
}

.viewLegal .morelegaldropdown:after {
    content: "";
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-arrow-down.svg) center
        center no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 2px;
    margin-left: 15px;
}

.viewLegal .lesslegaldropdown {
    font-weight: 600;
    font-size: 16px;
    color: #8c4799;
    cursor: pointer;
}

.viewLegal .lesslegaldropdown:after {
    content: "";
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-arrow-up.svg) center center
        no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 2px;
    margin-left: 15px;
}

.viewLegal .imgLegal {
    width: 100%;
    max-width: 400px;
}

.viewLegal .imgLegalMobile {
    width: 80%;
    height: 100%;
}

.viewLegal .cerrarModal {
    text-decoration-line: underline !important;
}

.modalGeneral .modal-header {
    border-bottom: 0;
}

.modalGeneral .modal-footer {
    border-top: 0;
    justify-content: center;
}

.contenedorSolicitarLiberacionCTS {
    background: #fafafa;
    font-family: montserrat, sans-serif;
}

.contenedorSolicitarLiberacionCTS .fixMargenBottomLabel {
    margin-bottom: -0.5px;
}

.contenedorSolicitarLiberacionCTS .btn-TypeDocumento {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    border-color: #523178;
    height: 33px;
}

.contenedorSolicitarLiberacionCTS .btn-TypeDocumento-izq {
    border-radius: 4px 0 0 4px;
}

.contenedorSolicitarLiberacionCTS .btn-TypeDocumento-der {
    border-radius: 0 4px 4px 0;
}

.contenedorSolicitarLiberacionCTS #radioBtn .active {
    background-color: #523178;
    color: #fff;
}

.contenedorSolicitarLiberacionCTS #radioBtn .notActive {
    color: #523178;
    background-color: #fafafa;
}

.contenedorSolicitarLiberacionCTS #radioBtnMoneda .active {
    background-color: #523178;
    color: #fff;
}

.contenedorSolicitarLiberacionCTS #radioBtnMoneda .notActive {
    color: #523178;
    background-color: #fafafa;
}

.contenedorSolicitarLiberacionCTS .form-control {
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 20px !important;
}

@media (max-width: 575px) {
    .contenedorSolicitarLiberacionCTS .fixMargenBottomLabel {
        font-weight: 500 !important;
        font-size: 16px !important;
        line-height: 20px !important;
    }

    .contenedorSolicitarLiberacionCTS .divBannerIzquierdoOMP {
        padding-top: 0 !important;
        padding-left: 0 !important;
    }

    .contenedorSolicitarLiberacionCTS .buttonsPasos {
        position: fixed;
        display: block;
        width: 100%;
        bottom: 0;
        background: #fcfcfc;
    }

    .contenedorSolicitarLiberacionCTS .btnContinuar {
        font-size: 14px;
        border-radius: 0;
    }

    .contenedorSolicitarLiberacionCTS .buttonsPasos .btnContinuar::after {
        content: " →";
        color: #fff;
    }

    .contenedorSolicitarLiberacionCTS .btnAnterior {
        font-size: 14px;
    }

    .contenedorSolicitarLiberacionCTS .divForm::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: -50%;
        width: 50%;
        height: 100%;
        background: #e4eaed;
    }

    .contenedorSolicitarLiberacionCTS .divForm::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: -50%;
        width: 50%;
        height: 100%;
        background: #e4eaed;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .contenedorSolicitarLiberacionCTS .divBannerIzquierdoOMP {
        padding-right: 0;
        padding-left: 0;
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .contenedorSolicitarLiberacionCTS .form-oferta {
        width: 90%;
        margin: auto;
    }

    .contenedorSolicitarLiberacionCTS .msg-evaluacion {
        width: 90%;
        margin: auto;
    }

    .contenedorSolicitarLiberacionCTS .btnAnterior {
        font-size: 14px;
    }

    .contenedorSolicitarLiberacionCTS .banner-tc {
        font-size: 10px;
    }

    .contenedorSolicitarLiberacionCTS .divForm::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background: #e4eaed;
    }

    .contenedorSolicitarLiberacionCTS .divFormLoSentimos::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background: #e4eaed;
    }

    .contenedorSolicitarLiberacionCTS .divFormLoSentimos::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 0;
        height: 100%;
        background: #e4eaed;
    }

    .contenedorSolicitarLiberacionCTS .divForm::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 0;
        height: 100%;
        background: #e4eaed;
    }

    .contenedorSolicitarLiberacionCTS .divBanner::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background: #523178;
    }

    .contenedorSolicitarLiberacionCTS .divBanner::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 0;
        height: 100%;
        background: #523178;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .contenedorSolicitarLiberacionCTS .form-oferta {
        width: 90%;
    }

    .contenedorSolicitarLiberacionCTS .msg-evaluacion {
        width: 90%;
    }

    .contenedorSolicitarLiberacionCTS .banner-tc {
        font-size: 10px;
    }

    .contenedorSolicitarLiberacionCTS .divForm {
        padding-bottom: 80px;
    }

    .contenedorSolicitarLiberacionCTS .divFormLoSentimos::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: -50%;
        width: 50%;
        height: 100%;
        background: #e4eaed;
    }

    .contenedorSolicitarLiberacionCTS .divForm::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: -50%;
        width: 50%;
        height: 100%;
        background: #e4eaed;
    }

    .contenedorSolicitarLiberacionCTS .divBanner::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: -265%;
        width: 265%;
        height: 100%;
        background: #523178;
    }

    .contenedorSolicitarLiberacionCTS .divForm::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background: #e6eaec;
    }

    .contenedorSolicitarLiberacionCTS .divFormLoSentimos::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background: #e6eaec;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .contenedorSolicitarLiberacionCTS .form-oferta {
        width: 68%;
    }

    .contenedorSolicitarLiberacionCTS .msg-evaluacion {
        width: 75%;
    }

    .contenedorSolicitarLiberacionCTS .banner-tc {
        font-size: 10px;
    }

    .contenedorSolicitarLiberacionCTS .divForm {
        padding-bottom: 130px;
    }

    .contenedorSolicitarLiberacionCTS .divBanner::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: -265%;
        width: 265%;
        height: 100%;
        background: #523178;
    }

    .contenedorSolicitarLiberacionCTS .divBanner::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: -200%;
        width: 200%;
        height: 100%;
        background: #523178;
    }

    .contenedorSolicitarLiberacionCTS .divForm::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: -980%;
        width: 980%;
        height: 100%;
        background: #e4eaed;
    }
}

@media (min-width: 1200px) {
    .contenedorSolicitarLiberacionCTS .form-oferta {
        width: 54%;
    }

    .contenedorSolicitarLiberacionCTS .msg-evaluacion {
        width: 55%;
    }

    .contenedorSolicitarLiberacionCTS .divBanner::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: -265%;
        width: 265%;
        height: 100%;
        background: #523178;
    }

    .contenedorSolicitarLiberacionCTS .divBanner::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: -200%;
        width: 200%;
        height: 100%;
        background: #523178;
    }

    .contenedorSolicitarLiberacionCTS .divForm::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: -980%;
        width: 980%;
        height: 100%;
        background: #e4eaed;
    }
}

.contenedorSolicitarLiberacionCTS .credit-line {
    color: #404040 !important;
    font-weight: 500;
}

.contenedorSolicitarLiberacionCTS .mensaje-final {
    background-color: #fff;
    border: 1px solid #eaeaea;
    box-sizing: border-box;
    border-radius: 8px;
}

.contenedorSolicitarLiberacionCTS .btnContinuar {
    color: #fff;
    background: #894490;
    padding: 13px 0;
    max-width: none;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    border-radius: 4px;
    display: inline-block;
}

.contenedorSolicitarLiberacionCTS .btnBeneficios {
    color: #fff;
    background: #523178;
    padding: 13px 45px;
    max-width: none;
    width: auto;
    font-size: 16px;
    font-weight: 500;
    border-radius: 4px;
    display: inline-block;
}

.contenedorSolicitarLiberacionCTS .btnCancelarFixed {
    background: #eee;
}

.contenedorSolicitarLiberacionCTS .btnLiberarCTS {
    color: #fff;
    background: #894490;
    padding: 11px 0;
    max-width: none;
    width: 65%;
    margin: 30px auto 0;
    font-size: 18px;
    font-weight: 600;
    border-radius: 4px !important;
    display: block;
}

.contenedorSolicitarLiberacionCTS .btnCTSIrInicio {
    color: #fff;
    background: #894490;
    padding: 11px 0;
    max-width: none;
    width: 65%;
    margin: 30px auto 0;
    font-size: 18px;
    font-weight: 600;
    border-radius: 4px !important;
    display: block;
}

.contenedorSolicitarLiberacionCTS .btnEmpezar {
    color: #fff;
    background: #523178;
    padding: 12px 0;
    width: 165px;
    margin: 0 0 30px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 4px !important;
    display: inline-block;
}

.contenedorSolicitarLiberacionCTS .btnAnterior {
    color: #a5a5a5;
    background: 0 0;
    padding: 12px 0;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    border-radius: 4px !important;
    display: inline-block;
    border: 0;
    box-shadow: 0 0;
    transition: 0;
}

.contenedorSolicitarLiberacionCTS .btnContinuarFormulario {
    color: #fff;
    background: #894490;
    padding: 12px 0;
    width: 45%;
    margin: 20px 10px 10px 0;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px !important;
    display: inline-block;
}

.contenedorSolicitarLiberacionCTS .btnLlamada {
    color: #8c4799;
    background: 0 0;
    padding: 12px 0;
    width: 45%;
    margin: 20px 0 10px 10px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px !important;
    display: inline-block;
    border: 0;
    box-shadow: 0 0;
    transition: 0;
}

.contenedorSolicitarLiberacionCTS .btnRedAgencia {
    color: #8c4799;
    background: 0 0;
    padding: 12px 0;
    width: 140px;
    margin: 20px 0 10px 10px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px !important;
    display: inline-block;
    border: 0;
    box-shadow: 0 0;
    transition: 0;
}

.contenedorSolicitarLiberacionCTS .btnEnviarCodigo {
    color: #fff;
    background: #8c4799;
    padding: 8px 3px;
    width: 211px;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    display: inline-block;
    border: 0;
    box-shadow: 0 0;
    transition: 0;
}

.contenedorSolicitarLiberacionCTS .form-control {
    height: calc(2.25rem + 12px);
}

.contenedorSolicitarLiberacionCTS input {
    color: #464b5b;
}

.contenedorSolicitarLiberacionCTS input::placeholder {
    color: #c3c3c3;
}

.contenedorSolicitarLiberacionCTS input:-ms-input-placeholder {
    color: #c3c3c3;
}

.contenedorSolicitarLiberacionCTS input::-webkit-input-placeholder {
    color: #c3c3c3;
}

.contenedorSolicitarLiberacionCTS input::-moz-placeholder {
    color: #c3c3c3;
}

.contenedorSolicitarLiberacionCTS .message-recaptcha {
    display: block;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
}

.contenedorSolicitarLiberacionCTS .form-dni {
    margin: 20px 0 5px;
}

.contenedorSolicitarLiberacionCTS .form-datosPersonales {
    padding: 0;
}

.contenedorSolicitarLiberacionCTS .form-datosPersonales .form-check-input {
    position: absolute;
    opacity: 0;
}

.contenedorSolicitarLiberacionCTS
    .form-datosPersonales
    .form-check-input
    + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    padding-left: 30px;
}

.contenedorSolicitarLiberacionCTS
    .form-datosPersonales
    .form-check-input
    + label:before {
    content: "";
    margin-left: -30px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: 2px;
}

.contenedorSolicitarLiberacionCTS
    .form-datosPersonales
    .form-check-input:hover
    + label:before {
    background: #523178;
}

.contenedorSolicitarLiberacionCTS
    .form-datosPersonales
    .form-check-input:checked
    + label:before {
    background: #523178;
    border: 1px solid #523178;
}

.contenedorSolicitarLiberacionCTS
    .form-datosPersonales
    .form-check-input:checked
    + label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    background: #fff;
    width: 2px;
    height: 2px;
    box-shadow:
        2px 0 0 #fff,
        4px 0 0 #fff,
        4px -2px 0 #fff,
        4px -4px 0 #fff,
        4px -6px 0 #fff,
        4px -8px 0 #fff;
    transform: rotate(45deg);
}

.contenedorSolicitarLiberacionCTS .form-datosPersonales label a {
    text-decoration: underline;
    color: #8c4799;
}

.contenedorSolicitarLiberacionCTS .seleccionOpcion {
    width: 100%;
    display: inline-block;
    background: #fff;
    height: 330px;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    box-shadow: 0 10px 14px rgba(190, 199, 227, 0.25);
    border-radius: 6px;
    padding: 70px 30px;
    transition: border-bottom 0.3s;
}

.contenedorSolicitarLiberacionCTS .seleccionOpcion:hover {
    border-bottom: 5px solid #523178;
}

.contenedorSolicitarLiberacionCTS .opcion1 {
    margin-right: 0;
}

.contenedorSolicitarLiberacionCTS .opcion2 {
    margin-left: 0;
}

.contenedorSolicitarLiberacionCTS .opcion:link {
    text-decoration: none;
}

.contenedorSolicitarLiberacionCTS .horarios div {
    background: #fff;
    border: 1px solid #e9e9ec;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 11px 5px;
    box-shadow: none;
    transition: 0s 0s all ease;
}

.contenedorSolicitarLiberacionCTS .horarios div p {
    color: #4c4c4c;
}

.contenedorSolicitarLiberacionCTS .horarios .active {
    background: #4f2d7f !important;
}

.contenedorSolicitarLiberacionCTS .horarios .active p {
    color: #fff !important;
}

.contenedorSolicitarLiberacionCTS .menu-pasos {
    display: flex;
    justify-content: center;
    padding-top: 5px;
}

.contenedorSolicitarLiberacionCTS .menu-pasos ul {
    list-style: none;
}

.contenedorSolicitarLiberacionCTS .menu-pasos ul li {
    margin: 0 0 15px;
    color: #d4d4d4;
    font-weight: 500;
}

.contenedorSolicitarLiberacionCTS .menu-pasos ul li.active {
    color: #8c4799;
    font-weight: 600;
}

.contenedorSolicitarLiberacionCTS .menu-pasos ul li.active:before {
    content: url(https://www.bancoripley.com.pe/img/svg/i-arrow-right.svg);
    margin-left: -30px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
}

.contenedorSolicitarLiberacionCTS .menu-pasos ul li.checked {
    color: #373737;
    font-weight: 600;
}

.contenedorSolicitarLiberacionCTS .menu-pasos ul li.checked:before {
    content: url(https://www.bancoripley.com.pe/img/svg/i-checked-green.svg);
    margin-left: -30px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
}

.contenedorSolicitarLiberacionCTS .codigo-sms .onlyCodeSms {
    height: 63px;
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    border: 1px solid #ccc;
}

.contenedorSolicitarLiberacionCTS .codigo-sms .inputCodeSms {
    border: 1.5px solid #c563d1 !important;
}

.contenedorSolicitarLiberacionCTS .valid-codigo-sms {
    font-weight: 600;
    font-size: 12px;
    color: #6bb81e;
    padding-left: 30px;
}

.contenedorSolicitarLiberacionCTS .valid-codigo-sms:before {
    content: url(https://www.bancoripley.com.pe/img/svg/i-wait-cursor.svg);
    margin-left: -30px;
    margin-top: -2px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
}

.contenedorSolicitarLiberacionCTS .invalid-codigo-sms {
    font-weight: 500;
    font-size: 12px;
    color: #ee2737;
    padding-left: 30px;
    line-height: 135.31%;
}

.contenedorSolicitarLiberacionCTS .invalid-codigo-sms:before {
    content: url(https://www.bancoripley.com.pe/img/svg/i-warning-red.svg);
    margin-left: -27px;
    margin-right: 7px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
}

.contenedorSolicitarLiberacionCTS .invalid-codigo-sms-expira {
    font-weight: 500;
    font-size: 12px;
    color: #ee2737;
    padding-left: 30px;
    line-height: 135.31%;
}

.contenedorSolicitarLiberacionCTS .invalid-codigo-sms-expira:before {
    content: url(https://www.bancoripley.com.pe/img/svg/i-warning-red.svg);
    margin-left: -27px;
    margin-right: 7px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
}

.contenedorSolicitarLiberacionCTS .form-estado-cuenta div {
    margin-right: 15px;
    padding: 11px 0 0 27px;
    border-radius: 10%;
    background-color: transparent;
}

.contenedorSolicitarLiberacionCTS .form-control.is-invalid {
    border-color: #dc3545;
    padding-right: 5px;
    background-position: 0 0;
    background-size: auto;
    background-image: none;
}

.contenedorSolicitarLiberacionCTS .form-oferta {
    width: 95%;
    max-width: 500px;
    box-sizing: border-box;
    border-radius: 8px;
    margin-bottom: 30px;
    margin-top: 15px;
}

.contenedorSolicitarLiberacionCTS .msg-evaluacion {
    width: 65%;
}

.contenedorSolicitarLiberacionCTS .divBanner {
    background: #523178;
}

.contenedorSolicitarLiberacionCTS .divFormLoSentimos {
    background: #fafafa;
}

.contenedorSolicitarLiberacionCTS .divFormLoSentimos::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -980%;
    width: 980%;
    height: 100%;
    background: #fafafa;
}

.contenedorSolicitarLiberacionCTS .divForm {
    background: #fafafa;
}

.overflow-xCTS {
    overflow-x: hidden;
}

.responslcts #customFile-message {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 138.97%;
    color: #ee2737;
    margin-top: -35px;
    margin-left: 38px;
}

@media (max-width: 575px) {
    .responslcts #customFile-message {
        margin-top: -20px;
    }
}

.responslcts .margenButtom {
    margin-bottom: 15px;
}

.responslcts .imgAdjunta {
    padding-top: 4px;
}

.responslcts .custom-file-label {
    background-color: transparent;
    border: 0;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 13.5px;
    line-height: 138.97%;
    color: #404040;
    margin-left: 30px;
}

.responslcts #Fichier1 .custom-file-label::after {
    content: "Adjuntar carta de Suspensión laboral perfecta";
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 138.97%;
    text-decoration-line: underline;
    color: #8c4799;
    border: 0;
    background: 0 0;
}

.responslcts #Fichier1 .custom-file-label.selected::after {
    content: "Cambiar";
}

.responslcts #Fichier1 .custom-file-label.selected.selectedSecondRow::after {
    content: "Cambiar";
    position: relative;
    margin-left: -10px;
}

.responslcts #Fichier1 .custom-file-label.linkSinDocumento::after {
    position: relative;
    margin-left: -15px;
    margin-top: -6px;
}

.responslcts #Fichier1 .custom-file-label.selected::before {
    content: "" !important;
}

.responslcts #Fichier1 .custom-file-label::before {
    content: "";
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 138.97%;
    color: #404040;
}

@media (max-width: 575px) {
    .responslcts .btnLiberarCTS {
        font-size: 16px;
        width: 100%;
        margin: 20px 0 5px;
    }

    .responslcts .btnCTSIrInicio {
        font-size: 16px;
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
    }
}

.responslcts .solicitar {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 37px;
    text-align: center;
    color: #523178;
}

.responslcts .pidela {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #404040;
}

.responslcts .pidelaTitle {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #737373;
}

.responslcts .datosPersonalesSuspencionPL {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 138.97%;
    color: #515151;
    margin-right: -20px;
    margin-left: -15px;
}

@media (max-width: 575px) {
    .responslcts .datosPersonalesSuspencionPL {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .responslcts .parrofoConfirmCTS {
        margin-right: -7px !important;
    }

    .responslcts .solicitar {
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 137%;
    }

    .responslcts .pidela {
        font-size: 15px;
        font-weight: 500 !important;
        margin-left: 13px;
        margin-right: 13px;
    }

    .responslcts .divForm::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: -50%;
        width: 50%;
        height: 100%;
        background: #fafafa;
    }

    .responslcts .divForm::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: -50%;
        width: 50%;
        height: 100%;
        background: #fafafa;
    }
}

@media (max-width: 767px) {
    .responslcts .form-oferta {
        width: 100%;
        margin: auto;
    }

    .responslcts .msg-evaluacion {
        width: 90%;
    }

    .responslcts .btnAnterior {
        font-size: 14px;
    }

    .responslcts .banner-tc {
        font-size: 10px;
    }

    .responslcts .divForm::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background: #fafafa;
    }

    .responslcts .divFormLoSentimos::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background: #fafafa;
    }

    .responslcts .divFormLoSentimos::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 0;
        height: 100%;
        background: #fafafa;
    }

    .responslcts .divForm::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 0;
        height: 100%;
        background: #fafafa;
    }

    .responslcts .divBanner::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background: #523178;
    }

    .responslcts .divBanner::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 0;
        height: 100%;
        background: #523178;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .responslcts .form-oferta {
        width: 100%;
    }

    .responslcts .msg-evaluacion {
        width: 90%;
    }

    .responslcts .banner-tc {
        font-size: 10px;
    }

    .responslcts .divForm {
        padding-bottom: 80px;
    }

    .responslcts .divForm::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: -50%;
        width: 50%;
        height: 100%;
        background: #fafafa;
    }

    .responslcts .divBanner::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: -265%;
        width: 265%;
        height: 100%;
        background: #523178;
    }

    .responslcts .divForm::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background: #fafafa;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .responslcts .form-oferta {
        width: 100%;
    }

    .responslcts .msg-evaluacion {
        width: 75%;
    }

    .responslcts .banner-tc {
        font-size: 10px;
    }

    .responslcts .divBanner::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: -265%;
        width: 265%;
        height: 100%;
        background: #523178;
    }

    .responslcts .divBanner::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: -200%;
        width: 200%;
        height: 100%;
        background: #523178;
    }

    .responslcts .divForm::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: -980%;
        width: 980%;
        height: 100%;
        background: #e5e5e5;
    }
}

@media (min-width: 1200px) {
    .responslcts .form-oferta {
        width: 100%;
    }

    .responslcts .msg-evaluacion {
        width: 55%;
    }

    .responslcts .divBanner::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: -265%;
        width: 265%;
        height: 100%;
        background: #523178;
    }

    .responslcts .divBanner::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: -200%;
        width: 200%;
        height: 100%;
        background: #523178;
    }

    .responslcts .divForm::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: -980%;
        width: 980%;
        height: 100%;
        background: #fafafa;
    }
}

.withOutPaddingcts {
    margin-top: -22px;
    margin-bottom: -22px;
}

.banner-lcts {
    position: absolute;
    bottom: 0;
    color: #404040;
    margin: auto;
    left: 0;
    right: 0;
    font-size: 15px;
}

.banner-lcts-responsive {
    position: absolute;
    bottom: -11px;
    color: #404040;
    margin: auto;
    left: 0;
    right: 0;
    font-size: 8px;
    background-color: #523178;
    z-index: 1;
    padding-bottom: 2px;
}

.bannerLiberacionCTS {
    background-image: url(../img/lateral-banner-liberacion-cts.png) !important;
    background-repeat: no-repeat !important;
    background-position: right top !important;
    background-size: contain !important;
    text-align: center;
}

.bannerLiberacionCTS-colaborador {
    background-image: url(../img/lateral-banner-liberacion-cts-colaborador.png) !important;
    background-repeat: no-repeat !important;
    background-position: right top !important;
    background-size: contain !important;
    text-align: center;
}

.col_box_TextoLegal button {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-align: left;
    background: 0 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0;
    padding: 0 40px 15px 15px;
    outline: 0;
    margin-top: 15px;
    line-height: 37px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    color: #8c4799;
}

.itemLegalCTS {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 145%;
    text-align: justify;
    color: #404040;
}

.resposiveTextLegalCTS {
    position: relative;
}

@media (max-width: 575.98px) {
    .resposiveTextLegalCTS {
        margin-bottom: -73px;
        margin-top: 25px;
    }

    .formConfirmContaintCTS {
        margin: 0 !important;
        width: 92% !important;
        margin-left: 4% !important;
        margin-right: 4% !important;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .resposiveTextLegalCTS {
        margin-bottom: -73px;
        margin-top: 25px;
    }

    .formConfirmContaintCTS {
        margin: 0 !important;
        width: 92% !important;
        margin-left: 4% !important;
        margin-right: 4% !important;
    }
}

.fontTextLegalCTSMovil {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px !important;
    color: #8c4799;
}

.fontTextLegalCTSMovil:hover {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px !important;
    color: #8c4799;
}

.formConfirmContaintCTS {
    width: 64%;
    margin-left: 20%;
    margin-right: 20%;
    background: #f4f6f6;
    border: 1px solid #e4e4e4;
    box-sizing: border-box;
    border-radius: 8px;
}

.titleConfirmCTS {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: #523178;
}

.subtitleConfirmCTS {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 135.31%;
    text-align: center;
    color: #404040;
}

.parrofoConfirmCTS {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 135.31%;
    color: #404040;
    text-align: left !important;
}

.fontImportanteCTS {
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 135.31%;
    color: #523178;
}

.contenedorSolicitarCTS {
    background: #533178;
    height: 391px;
}

.vitrina_cts {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 22.5px;
    line-height: 27px;
    color: #fff;
    margin-top: 124px;
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .fixPaddingXMovil {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

.contenedorSolicitarLiberacionCTSHome {
    padding: 30px 8%;
    font-family: montserrat, sans-serif;
}

.contenedorSolicitarLiberacionCTSHome .title_home {
    font-weight: 600;
    font-size: 26px;
    line-height: 32px;
    text-align: center;
    color: #523178;
}

@media (max-width: 575px) {
    .contenedorSolicitarLiberacionCTSHome .title_home {
        font-size: 20px;
        line-height: 28px;
    }
}

.contenedorSolicitarLiberacionCTSHome #nav-tab {
    margin-top: 0;
    margin-bottom: 0;
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .contenedorSolicitarLiberacionCTSHome #nav-tab {
        margin-left: -60px;
        margin-right: -60px;
    }
}

.contenedorSolicitarLiberacionCTSHome #nav-tab .nav-link {
    padding: 0;
    padding-bottom: 6px;
    margin-left: 0;
    margin-right: 8%;
    border: 0;
    min-width: 160px;
}

@media (max-width: 575px) {
    .contenedorSolicitarLiberacionCTSHome #nav-tab .nav-link {
        min-width: 115px !important;
        font-size: 16px !important;
        line-height: 24px !important;
        margin-left: 6px !important;
        margin-right: 6px;
    }
}

.contenedorSolicitarLiberacionCTSHome #nav-tab.nav-tabs .nav-link {
    display: inline-block;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 17px;
    color: #737373;
    margin-top: 2px;
    margin-bottom: 2px;
    border: 0;
}

.contenedorSolicitarLiberacionCTSHome #nav-tab.nav-tabs .nav-link.active {
    border-bottom: 3px solid #8c4799;
    color: #8c4799;
    font-weight: 700;
}

.contenedorSolicitarLiberacionCTSHome .cuadro_lima_provincia {
    height: 40px;
    max-width: 953px;
    border: 1.05px solid rgba(151, 153, 155, 0.5);
    box-sizing: border-box;
    border-radius: 4px;
    margin: auto;
    align-items: center;
}

@media (max-width: 575px) {
    .contenedorSolicitarLiberacionCTSHome .cuadro_lima_provincia {
        height: auto !important;
    }
}

.contenedorSolicitarLiberacionCTSHome .cuadro_lima_provincia_header {
    background: #5e388a;
    height: 40px;
    max-width: 953px;
    border: 1.05px solid rgba(151, 153, 155, 0.5);
    box-sizing: border-box;
    border-radius: 4px;
    margin: auto;
}

.contenedorSolicitarLiberacionCTSHome .cuadro_lima_provincia_header p {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #fefefe;
}

@media (max-width: 575px) {
    .contenedorSolicitarLiberacionCTSHome .cuadro_lima_provincia_header {
        height: auto !important;
    }
}

.contenedorSolicitarLiberacionCTSHome .response-box {
    height: 54px !important;
}

@media (max-width: 575px) {
    .contenedorSolicitarLiberacionCTSHome .response-box {
        height: auto !important;
    }
}

@media (max-width: 575px) {
    .contenedorSolicitarLiberacionCTSHome .fixboxsuspension {
        padding-right: 0 !important;
        margin-right: -15px !important;
    }
}

.fontNewHorarioLink {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600px;
    font-size: 16px;
    line-height: 138.97%;
    align-items: center;
    color: #404040;
}

@media (min-width: 350px) and (max-width: 766.98px) {
    .fontNewHorarioLink {
        width: 312px !important;
    }
}

.fontNewHorarioLinkPurple {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 138.97%;
    align-items: center;
    color: #8c4799;
}

.fontNewHorarioLinkPurple:hover {
    color: #8c4799;
}

.fontHorarioRipleyFono {
    font-weight: 500 !important;
}

.fontHorarioRipleyFonoNormal {
    font-weight: 400 !important;
}

.linehSuspension {
    line-height: 20px !important;
}

.fontTextoHashTag {
    font-size: 28px;
}

@media (max-width: 575px) {
    .fontTextoHashTag {
        font-size: 24px;
        margin-left: -10px;
        margin-right: -10px;
    }
}

@import "https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800";

.transition1,
.btnRed,
.btnWhite,
.btnPurple,
.btnLightPurple,
.btnYellow,
.link,
.download {
    transition: all 0.25s ease-in-out;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    width: 100%;
    border: 0;
    max-width: 100%;
    padding: 0;
    margin: 0;
    padding-top: 90px;
}

@media (max-width: 1024px) {
    body {
        padding-top: 60px;
    }
}

@media (max-width: 780px) {
    body {
        max-width: 100vw;
        overflow-x: hidden;
    }
}

button,
a,
input,
select,
option {
    outline: 0;
    box-shadow: none;
}

button:focus,
a:focus,
input:focus,
select:focus,
option:focus {
    box-shadow: none !important;
}

.contentBTN {
    margin: 30px 0;
}

.simple-line-height {
    line-height: 1.3;
}

.low-line-height {
    line-height: 0.8;
}

@media (max-width: 575px) {
    .low-line-height {
        line-height: 1;
    }
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
    font-family: montserrat, sans-serif;
    font-weight: 500;
    font-size: 15.5px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 10px;
}

.btnRed,
.btnWhite,
.btnPurple,
.btnLightPurple,
.btnYellow {
    text-align: center;
    display: inline-block;
    padding: 1rem 1.5rem;
    box-shadow: 1px 2px 3px rgba(76, 76, 76, 0.5);
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 13.5px;
    color: #fff !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.btnRed:hover,
.btnWhite:hover,
.btnPurple:hover,
.btnLightPurple:hover,
.btnYellow:hover {
    box-shadow: 1px 2px 3px rgba(76, 76, 76, 0.75);
    text-decoration: none;
}

.btnYellow {
    background-color: #f2ad4b;
}

.btnYellow:hover {
    background-color: #feb957;
    color: #fff;
}

.btnPurple {
    background-color: #4f2d7f;
}

.btnPurple:hover {
    background-color: #361860;
    color: #fff;
}

.btnLightPurple {
    background-color: #894590;
}

.btnLightPurple:hover {
    background-color: #893492;
    color: #fff;
}

.btnWhite {
    color: #4f2d7f !important;
    background-color: #ededed;
}

.btnWhite:hover {
    background-color: #fff;
    color: #4f2d7f !important;
}

.btnRed {
    background-color: #ee2737;
    border-radius: 4px;
    cursor: pointer;
}

.btnRed:hover {
    background-color: #f8414b;
    color: #fff !important;
}

.btnMeInteresa {
    color: #fff !important;
    background: #894490;
    padding: 11px 0;
    max-width: none;
    width: 30%;
    margin: 20px 0 10px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 4px !important;
    display: inline-block;
}

.link,
.download {
    padding-left: 15px;
    position: relative;
    font-weight: 600;
    color: #894590;
}

.link:hover,
.download:hover {
    text-decoration: none;
    color: #894590;
}

.link:before,
.download:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 16px;
    width: 10px;
}

.link:before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iN3B4IiBoZWlnaHQ9IjVweCIgdmlld0JveD0iMCAwIDcgNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDguMiAoNDczMjcpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPmljb25fc2VsZWN0LWFycm93PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9ImxheW91dC9iYXItcmlwbGV5IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI1Ny4wMDAwMDAsIC0xMy4wMDAwMDApIj4KICAgICAgICA8ZyBpZD0iaW5wdXQvc2VsZWN0LWFycm93IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjU2LjAwMDAwMCwgMTMuMDAwMDAwKSIgZmlsbD0iIzg5NDU5MCIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHBhdGggZD0iTTMuMTkyOTY4MSw1LjgzMzMzMzMzIEMyLjk5NjYwMjA0LDUuODMzMzMzMzMgMi44MDAwOTY5MSw1Ljc1Nzg1OTE5IDIuNjQ2NTY0MjQsNS42MDYwNDE3IEMyLjMyOTIwNzc2LDUuMjkxNjg2ODEgMi4zMTY1NTI0NCw0Ljc2ODcyNzc0IDIuNjE4MTk0MDgsNC40MzgwMDMyMSBMNC4zOTI0NDIwOSwyLjQ5NDIxNzk1IEwyLjYyMDAwMTk4LDAuNTYzOTA1MDQgQzIuMzE3MjQ3NzksMC4yMzQzMzk0MjEgMi4zMjgzNzMzNSwtMC4yODg2MTk2NDggMi42NDQ4OTU0MSwtMC42MDQxMzM0NTggQzIuOTYxNTU2NTQsLTAuOTE5NjQ3MjY3IDMuNDYzNDU4MTgsLTAuOTA3OTEzMjgyIDMuNzY2MjEyMzcsLTAuNTc4MjAyOCBMNi4wNjE1NTM2LDEuOTIxMTM1OTMgQzYuMzU0MTU1NzIsMi4yMzk4MzY3NSA2LjM1NDcxMiwyLjc0MTc5MDU0IDYuMDYzMzYxNTEsMy4wNjE1MDU0IEwzLjc2ODE1OTM0LDUuNTc2NDg5NDUgQzMuNjExOTg0MzUsNS43NDY5OTQzOCAzLjQwMjk2Mjk3LDUuODMzMzMzMzMgMy4xOTI5NjgxLDUuODMzMzMzMzMgWiIgaWQ9IlNoYXBlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjM0MDcyMCwgMi41MDAwMDApIHJvdGF0ZSg5MC4wMDAwMDApIHRyYW5zbGF0ZSgtNC4zNDA3MjAsIC0yLjUwMDAwMCkgIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)
        center center no-repeat;
    background-size: contain;
    transform: rotate(-90deg);
}

.download:before {
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-download.svg) no-repeat
        center center;
    background-size: contain;
}

.arrow-down {
    position: relative;
    display: inline-block;
    font-family: montserrat, sans-serif;
    width: 100%;
}

.arrow-down:after {
    content: "";
    height: 10px;
    width: 10px;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-down-menu.svg) center
        center no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 40%;
    right: 25px;
}

.arrow-right {
    position: relative;
    display: inline-block;
    font-family: montserrat, sans-serif;
    width: 100%;
}

.arrow-right:after {
    content: "";
    height: 10px;
    width: 10px;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-down-menu.svg) no-repeat
        right center;
    background-size: contain;
    position: absolute;
    bottom: 40%;
    right: 25px;
}

.t0 {
    font-size: 100px;
}

@media (max-width: 767px) {
    .t0 {
        font-size: 50px;
    }
}

.t1 {
    font-size: 35px;
}

.t2a {
    font-size: 22px;
}

.t2 {
    font-size: 22.5px;
}

.t3 {
    font-size: 19.5px;
}

.t4 {
    font-size: 16.5px;
}

.t5 {
    font-size: 32px;
}

.t6 {
    font-size: 40px;
}

.t7 {
    font-size: 36px;
}

.t8 {
    font-size: 24px;
}

.t9 {
    font-size: 15px;
}

.t10 {
    font-size: 16px;
}

.t11 {
    font-size: 17px;
}

.s1 {
    font-size: 13.5px;
}

.s2 {
    font-size: 12.5px;
}

.s3 {
    font-size: 11px;
}

.s4 {
    font-size: 12px;
}

.s5 {
    font-size: 14px;
}

.lh1 {
    line-height: 20px !important;
}

.s6 {
    font-size: 10px;
}

.normal {
    font-weight: 400 !important;
}

.light {
    font-weight: 400 !important;
}

.strongLight {
    font-weight: 500 !important;
}

.semiBold {
    font-weight: 600 !important;
}

.bold {
    font-weight: 700 !important;
}

.yellow {
    color: #feb957 !important;
}

.white {
    color: #fff !important;
}

.black1 {
    color: #404040 !important;
}

.black2 {
    color: #424242 !important;
}

.black3 {
    color: #444 !important;
}

.black4 {
    color: #000 !important;
}

.purple {
    color: #894590 !important;
}

.purple3 {
    color: #8c4799 !important;
}

.purpleDark {
    color: #4f2d7f !important;
}

.red {
    color: #ee2737 !important;
}

.grey {
    color: #4c4c4c !important;
}

.grey4 {
    color: #484848 !important;
}

.grey5 {
    color: #737373 !important;
}

.grey6 {
    color: #58595b !important;
}

.subrayado {
    text-decoration: underline;
    cursor: pointer;
}

.grey0 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 37px;
    background-color: transparent;
    position: absolute;
    z-index: 1;
    margin-top: 50px;
    margin-left: 35px;
}

.darkPurple3 {
    color: #4f2d7f !important;
}

.darkPurple3_1 {
    color: #4f2d7f;
}

.darkPurple4 {
    color: #523178;
}

.darkPurple5 {
    color: #462a66;
}

.grey00 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 37px;
    background-color: transparent;
    position: absolute;
    z-index: 1;
    margin-top: 50px;
    margin-left: 35px;
}

.grey1 {
    color: #4c4c4c !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    background-color: transparent;
    position: absolute;
    z-index: 3;
    margin-left: 12%;
    margin-top: 80px;
}

.grey10 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    background-color: transparent;
    position: absolute;
    z-index: 3;
    margin-left: 12%;
    margin-top: 80px;
}

.lightGrey3 {
    color: #7b7e83 !important;
}

.lightGrey4 {
    color: #3f3f41 !important;
}

.lightGrey5 {
    color: #939393 !important;
}

.lightGrey6 {
    color: #8c8c8c !important;
}

.lightGrey7 {
    color: #737373 !important;
}

.lightGrey8 {
    color: #727171;
}

.lightGrey9 {
    color: #9d9d9d;
}

.lightGrey10 {
    color: #aaa7a7;
}

.lightGrey11 {
    color: #6e6e6e;
}

.upCase {
    text-transform: uppercase;
}

.content-line {
    position: relative;
}

.content-line:after {
    content: "";
    height: 100%;
    width: 1px;
    background-color: #efefef;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1px;
}

.globo {
    position: fixed;
    bottom: 35px;
    right: 85px;
    z-index: 4001;
}

.form-dni {
    margin: 30px 0 15px;
}

.form-recaptcha {
    margin: 10px 0;
}

.form-datosPersonales {
    padding: 0;
}

.form-datosPersonales .form-check-input {
    position: absolute;
    opacity: 0;
}

.form-datosPersonales .form-check-input + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    padding-left: 30px;
}

.form-datosPersonales .form-check-input + label:before {
    content: "";
    margin-left: -30px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: 2px;
}

.form-datosPersonales .form-check-input:hover + label:before {
    background: #523178;
}

.form-datosPersonales .form-check-input:checked + label:before {
    background: #523178;
    border: 1px solid #523178;
}

.form-datosPersonales .form-check-input:checked + label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    background: #fff;
    width: 2px;
    height: 2px;
    box-shadow:
        2px 0 0 #fff,
        4px 0 0 #fff,
        4px -2px 0 #fff,
        4px -4px 0 #fff,
        4px -6px 0 #fff,
        4px -8px 0 #fff;
    transform: rotate(45deg);
}

.form-datosPersonales label a {
    text-decoration: underline;
    color: #8c4799;
}

.cardProduct {
    width: 49.5%;
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
}

.cardProduct:hover {
    background: #f1f1f1;
    cursor: pointer;
}

.cardProduct svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    fill: #523178;
}

.tooltipGeneral {
    position: relative;
    display: inline-block;
}

.tooltipGeneral .tooltiptext {
    visibility: hidden;
    width: 220px;
    background-color: #8c4799;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    font-size: 12px;
    bottom: 125%;
    left: 50%;
    margin-left: -110px;
    transition: opacity 0.3s;
    text-align: start;
}

.tooltipGeneral .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #8c4799 transparent transparent transparent;
}

.tooltipGeneral:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.modalError .dialogModal {
    max-width: 600px;
}

.modalError .titleModal {
    font-weight: 600;
    font-size: 14.5px;
    text-align: center;
    color: #523178;
}

.modalError .descriptionModal {
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    color: #404040;
}

.modalError .btnCerrar {
    background: #523178;
    border-radius: 4px;
    padding: 11px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

.modalError .modal-footer {
    border-top: 0;
    justify-content: center;
}

.viewLegal .legal-text {
    bottom: 527px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
    text-align: justify;
}

.viewLegal .titleLegal {
    cursor: pointer !important;
}

.viewLegal .titleLegalMobile {
    cursor: pointer !important;
    text-decoration-line: underline !important;
}

.viewLegal .morelegaldropdown {
    font-weight: 600;
    font-size: 16px;
    color: #8c4799;
    cursor: pointer;
}

.viewLegal .morelegaldropdown:after {
    content: "";
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-arrow-down.svg) center
        center no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 2px;
    margin-left: 15px;
}

.viewLegal .lesslegaldropdown {
    font-weight: 600;
    font-size: 16px;
    color: #8c4799;
    cursor: pointer;
}

.viewLegal .lesslegaldropdown:after {
    content: "";
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-arrow-up.svg) center center
        no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 2px;
    margin-left: 15px;
}

.viewLegal .imgLegal {
    width: 100%;
    max-width: 400px;
}

.viewLegal .imgLegalMobile {
    width: 80%;
    height: 100%;
}

.viewLegal .cerrarModal {
    text-decoration-line: underline !important;
}

.modalGeneral .modal-header {
    border-bottom: 0;
}

.modalGeneral .modal-footer {
    border-top: 0;
    justify-content: center;
}

.contenedorReprogramacionDeuda {
    padding-top: 35px;
    padding-bottom: 35px;
    background: #fcfcfc;
    font-family: montserrat, sans-serif;
}

.contenedorReprogramacionDeuda .btnContinuar {
    width: -webkit-fill-available;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #523178;
    border-radius: 4px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
}

.contenedorReprogramacionDeuda .title {
    font-weight: 700;
    font-size: 32px;
    line-height: 39px;
    color: #523178;
}

.contenedorReprogramacionDeuda .subtitle {
    font-weight: 400;
    font-size: 17px;
    line-height: 23px;
    color: #404040;
    margin-left: 18%;
}

.contenedorReprogramacionDeuda .form-oferta {
    width: 100%;
    max-width: 458px;
    background: #f4f6f6;
    border: 1px solid #e4e4e4;
    box-sizing: border-box;
    border-radius: 4px;
    margin-bottom: 30px;
    margin-top: 15px;
}

.contenedorReprogramacionDeuda .form-oferta .titleForm {
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    text-align: center;
    color: #737373;
}

.contenedorReprogramacionDeuda .form-oferta .btnSolicitar {
    width: -webkit-fill-available;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #8c4799;
    border-radius: 4px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
}

.contenedorReprogramacionDeuda .form-oferta .btnAnterior {
    width: -webkit-fill-available;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #737373;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
}

.contenedorReprogramacionDeuda .form-oferta .boxSelected {
    background: #523178;
}

.contenedorReprogramacionDeuda .form-oferta .textSelected {
    color: #fff;
}

.contenedorReprogramacionDeuda .form-oferta .textUnselected {
    color: #523178;
}

.contenedorReprogramacionDeuda .form-oferta .boxDni {
    cursor: pointer;
}

.contenedorReprogramacionDeuda .form-oferta .boxCe {
    cursor: pointer;
}

.contenedorReprogramacionDeuda .form-oferta .textDni {
    cursor: pointer;
}

.contenedorReprogramacionDeuda .form-oferta .textCe {
    cursor: pointer;
}

.contenedorReprogramacionDeuda .form-reprogramacion {
    width: 100%;
    max-width: 500px;
    box-sizing: border-box;
    border-radius: 4px;
    margin-bottom: 30px;
    margin-top: 15px;
}

.contenedorReprogramacionDeuda .form-reprogramacion .titleForm {
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    text-align: center;
    color: #737373;
}

.contenedorReprogramacionDeuda .form-reprogramacion .btnAnterior {
    width: -webkit-fill-available;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #737373;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
}

.contenedorReprogramacionDeuda .form-reprogramacion .boxSelected {
    background: #523178;
}

.contenedorReprogramacionDeuda .form-reprogramacion .textSelected {
    color: #fff;
}

.contenedorReprogramacionDeuda .form-reprogramacion .textUnselected {
    color: #523178;
}

.contenedorReprogramacionDeuda .form-reprogramacion .boxDni {
    cursor: pointer;
}

.contenedorReprogramacionDeuda .form-reprogramacion .boxCe {
    cursor: pointer;
}

.contenedorReprogramacionDeuda .form-reprogramacion .textDni {
    cursor: pointer;
}

.contenedorReprogramacionDeuda .form-reprogramacion .textCe {
    cursor: pointer;
}

.contenedorReprogramacionDeuda .form-reprogramacion .line-space {
    border: 0.386473px solid #dcdcdc !important;
    margin-top: 30px;
}

.contenedorReprogramacionDeuda .form-reprogramacion .re-detalle {
    width: 90%;
    background: #f4f6f6;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
}

.contenedorReprogramacionDeuda .form-reprogramacion .re-position {
    position: inherit;
}

.contenedorReprogramacionDeuda .form-datosPersonales {
    padding: 0;
}

.contenedorReprogramacionDeuda .form-datosPersonales .form-check-input {
    position: absolute;
    opacity: 0;
}

.contenedorReprogramacionDeuda .form-datosPersonales .form-check-input + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    padding-left: 30px;
}

.contenedorReprogramacionDeuda
    .form-datosPersonales
    .form-check-input
    + label:before {
    content: "";
    margin-left: -30px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: 2px;
}

.contenedorReprogramacionDeuda
    .form-datosPersonales
    .form-check-input:hover
    + label:before {
    background: #8c4799;
}

.contenedorReprogramacionDeuda
    .form-datosPersonales
    .form-check-input:checked
    + label:before {
    background: #8c4799;
    border: 1px solid #8c4799;
}

.contenedorReprogramacionDeuda
    .form-datosPersonales
    .form-check-input:checked
    + label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    background: #fff;
    width: 2px;
    height: 2px;
    box-shadow:
        2px 0 0 #fff,
        4px 0 0 #fff,
        4px -2px 0 #fff,
        4px -4px 0 #fff,
        4px -6px 0 #fff,
        4px -8px 0 #fff;
    transform: rotate(45deg);
}

.contenedorReprogramacionDeuda .form-datosPersonales label a {
    text-decoration: underline;
    color: #8c4799;
}

.contenedorReprogramacionDeuda
    .custom-control-input:checked
    ~ .custom-control-label::before {
    color: #fff;
    border-color: #8c4799;
    background-color: #8c4799;
}

.contenedorReprogramacionDeuda
    .custom-control-input:not(:disabled):active
    ~ .custom-control-label::before {
    color: #fff;
    background-color: #e9cda6;
    border-color: #e9cda6;
}

.contenedorReprogramacionDeuda .validate-codigo-reprogramacion {
    font-weight: 600;
    font-size: 12px;
    color: #6bb81e;
    padding-left: 30px;
}

.contenedorReprogramacionDeuda .validate-codigo-reprogramacion:before {
    content: url(../img/efex/svg/ic_check.svg);
    margin-left: -30px;
    margin-top: -2px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
}

.contenedorReprogramacionDeuda .invalid-codigo-sms-reprogramacion {
    font-weight: 500;
    font-size: 12px;
    color: #ee2737;
    padding-left: 30px;
    line-height: 135.31%;
}

.contenedorReprogramacionDeuda .invalid-codigo-sms-reprogramacion:before {
    content: url(https://www.bancoripley.com.pe/img/svg/i-warning-red.svg);
    margin-left: -27px;
    margin-right: 7px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
}

.contenedorReprogramacionDeuda .valid-codigo-sms-reprogramacion {
    font-weight: 600;
    font-size: 12px;
    color: #6bb81e;
    padding-left: 30px;
}

.contenedorReprogramacionDeuda .valid-codigo-sms-reprogramacion:before {
    content: url(https://www.bancoripley.com.pe/img/svg/i-wait-cursor.svg);
    margin-left: -30px;
    margin-top: -2px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
}

.contenedorReprogramacionDeuda .smsFinalizado {
    width: 100%;
    height: 389px;
    left: 506px;
    top: 232px;
    background: #f4f6f6;
    border: 1px solid #e4e4e4;
    box-sizing: border-box;
    border-radius: 8px;
}

.contenedorReprogramacionDeuda .boxDigts {
    background: #fafafa;
    padding: 20px 25px;
}

.contenedorReprogramacionDeuda .codigo-sms-reprogramacion .codeSmsToken {
    width: 50px;
    height: 55px;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    border: 1px solid #ccc;
}

.contenedorReprogramacionDeuda .codigo-sms-reprogramacion .inputCodeSms {
    border: 1.5px solid #c563d1 !important;
}

.contenedorReprogramacionDeuda .codigo-sms-reprogramacion .inputCodeSmsValid {
    border: 1.5px solid #6bb81e !important;
}

.contenedorReprogramacionDeuda .divFormContain {
    position: relative;
}

.contenedorReprogramacionDeuda .divBanner {
    background-image: url(../img/reprogramacion/lateral-banner-reprogramacion.png) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    text-align: center;
    background: #523178;
    max-height: 700px;
}

.contenedorReprogramacionDeuda .divBanner::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -659%;
    width: 659%;
    height: 100%;
    background: #523178;
}

.contenedorReprogramacionDeuda .divFormAfter {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    z-index: 1;
    width: calc((75vw - 798px) / 2);
}

.contenedorReprogramacionDeuda .divForm {
    padding-top: 40px;
    padding-bottom: 110px;
}

@media (max-width: 767px) {
    .contenedorReprogramacionDeuda .divForm {
        background: 0;
        padding: 0 13px;
    }

    .contenedorReprogramacionDeuda .codigo-sms-reprogramacion .codeSmsToken {
        width: 40px;
    }

    .contenedorReprogramacionDeuda .boxDigts {
        padding: 20px 10px;
    }

    .contenedorReprogramacionDeuda .subtitle {
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .contenedorReprogramacionDeuda .divForm {
        background: 0;
        padding: 0 13px;
    }
}

.invalid-feedback-grace {
    margin-top: 3px !important;
}

.invalid-feedback-channel {
    margin-top: 2px !important;
}

#reschedulingConsultantIndex main {
    margin: 0 auto;
    padding: 40px;
    padding-bottom: 80px;
}

#reschedulingConsultantIndex .title {
    margin-bottom: 50px;
}

#reschedulingConsultantIndex form {
    width: 458px;
    padding: 50px 75px;
    display: grid;
    gap: 24px;
}

#reschedulingConsultantIndex form header {
    color: #737373;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
}

#reschedulingConsultantIndex form .check {
    margin-top: -25px;
    margin-bottom: 15px;
}

#reschedulingConsultantIndex form .check label {
    margin-left: 5px;
}

#reschedulingConsultantIndex form button {
    background-color: #8c4799;
    background-position: center;
    border-radius: 4px;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    outline: 0;
    padding: 15px 18px;
    transition: background 0.8s;
    margin: 0 20px;
}

#reschedulingConsultantIndex form button:hover {
    background: rgba(140, 71, 153, 0.8)
        radial-gradient(circle, transparent 1%, rgba(82, 49, 120, 0.8) 1%)
        center/15000%;
}

#reschedulingConsultantMotive main {
    margin: 0 auto;
    padding: 40px;
    padding-bottom: 80px;
}

#reschedulingConsultantMotive main .title {
    margin-bottom: 24px;
}

#reschedulingConsultantMotive main .complete {
    color: #404040;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 133.9%;
    margin-bottom: 34px;
}

#reschedulingConsultantMotive main .income-motive {
    margin-bottom: 41px;
}

#reschedulingConsultantMotive main .income-motive header {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #404040;
    margin-bottom: 20px;
}

#reschedulingConsultantPersonalInformation main {
    margin: 0 auto;
    padding: 40px;
    padding-bottom: 80px;
}

#reschedulingConsultantPersonalInformation main .step {
    font-size: 16px;
    color: #523178;
    margin-bottom: 10px;
}

#reschedulingConsultantPersonalInformation main .title {
    margin-bottom: 24px;
}

#reschedulingConsultantPersonalInformation main .complete {
    color: #404040;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 133.9%;
    margin-bottom: 34px;
}

#reschedulingConsultantPersonalInformation main .document {
    margin-bottom: 29px;
}

#reschedulingConsultantPersonalInformation main .document div {
    display: inline-block;
    margin-right: 20px;
}

#reschedulingConsultantPersonalInformation main .document div header {
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    color: #404040;
    margin-bottom: 3px;
}

#reschedulingConsultantPersonalInformation main .document div p {
    background: #eee;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    color: #737373;
    font-size: 16px;
    height: 48px;
    padding: 14px;
    width: 217px;
}

#reschedulingConsultantPersonalInformation main .email-shippingMethod {
    margin-bottom: 41px;
}

#reschedulingConsultantPersonalInformation main .email-shippingMethod header {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #404040;
    margin-bottom: 11px;
}

#reschedulingConsultantReschedulingInformation main {
    margin: 0 auto;
    padding: 40px;
    padding-bottom: 80px;
}

#reschedulingConsultantReschedulingInformation main .step {
    font-size: 16px;
    color: #523178;
    margin-bottom: 10px;
}

#reschedulingConsultantReschedulingInformation main .title {
    margin-bottom: 24px;
}

#reschedulingConsultantReschedulingInformation main .complete {
    color: #404040;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 133.9%;
    margin-bottom: 34px;
}

#reschedulingConsultantReschedulingInformation main form > div {
    margin-bottom: 15px;
}

#reschedulingConsultantReschedulingInformation main form input::placeholder {
    color: #d9d9d9;
}

#reschedulingConsultantReschedulingInformation main form .first-last-payment {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    column-gap: 23px;
}

#reschedulingConsultantReschedulingInformation
    main
    form
    .first-last-payment
    input:invalid {
    color: #d9d9d9;
}

#reschedulingConsultantReschedulingInformation main form .groupButtons {
    margin-top: 30px;
}

#reschedulingConsultantReady main {
    margin: 0 auto;
    padding: 100px;
    padding-bottom: 350px;
    display: grid;
    justify-content: center;
    row-gap: 20px;
}

#reschedulingConsultantReady main img {
    margin: 0 auto;
}

#reschedulingConsultantReady main .ready {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    color: #523178;
}

#reschedulingConsultantReady main .indicted {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #484848;
}

#reschedulingConsultantThanks main {
    margin: 0 auto;
    padding: 40px;
    padding-top: 80px;
    padding-bottom: 80px;
}

#reschedulingConsultantThanks main .title {
    margin-bottom: 45px;
    text-align: center;
}

#reschedulingConsultantThanks main .message-container {
    background: #f4f6f6;
    border: 1px solid #e4e4e4;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 55px;
    width: 458px;
    display: grid;
}

#reschedulingConsultantThanks main .message-container p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #404040;
    margin-bottom: 20px;
}

#reschedulingConsultantThanks main .message-container p span {
    font-weight: 700;
}

#reschedulingConsultantThanks main .message-container button {
    margin: 40px 50px;
    margin-bottom: 30px;
}

#reschedulingConsultantError main {
    margin: 100px auto;
    grid-template-columns: 270px;
    display: grid;
    justify-content: center;
    row-gap: 35px;
}

#reschedulingConsultantError main .ups {
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 24px;
    text-align: center;
    color: #484848;
}

#reschedulingConsultantError main .sorry {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #484848;
}

#reschedulingConsultantError main .ups-image {
    display: grid;
    justify-content: center;
    margin-left: 50px;
}

#reschedulingConsultantError main button {
    margin: 20px 0;
}

#reschedulingConsultantIndex .container,
#reschedulingConsultantMotive .container,
#reschedulingConsultantPersonalInformation .container,
#reschedulingConsultantReschedulingInformation .container,
#reschedulingConsultantReady .container,
#reschedulingConsultantThanks .container,
#reschedulingConsultantError .container {
    display: grid;
    grid-template-columns: 500px auto;
    margin: 0;
    padding: 0;
    max-width: 100%;
}

@media only screen and (max-width: 950px) {
    #reschedulingConsultantIndex .container,
    #reschedulingConsultantMotive .container,
    #reschedulingConsultantPersonalInformation .container,
    #reschedulingConsultantReschedulingInformation .container,
    #reschedulingConsultantReady .container,
    #reschedulingConsultantThanks .container,
    #reschedulingConsultantError .container {
        grid-template-columns: auto;
    }
}

#reschedulingConsultantIndex .primary-rescheduling,
#reschedulingConsultantMotive .primary-rescheduling,
#reschedulingConsultantPersonalInformation .primary-rescheduling,
#reschedulingConsultantReschedulingInformation .primary-rescheduling,
#reschedulingConsultantReady .primary-rescheduling,
#reschedulingConsultantThanks .primary-rescheduling,
#reschedulingConsultantError .primary-rescheduling {
    background-color: #523178;
    background-position: center;
    border-radius: 4px;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    outline: 0;
    padding: 13px 18px;
    transition: background 0.8s;
}

#reschedulingConsultantIndex .primary-rescheduling:hover,
#reschedulingConsultantMotive .primary-rescheduling:hover,
#reschedulingConsultantPersonalInformation .primary-rescheduling:hover,
#reschedulingConsultantReschedulingInformation .primary-rescheduling:hover,
#reschedulingConsultantReady .primary-rescheduling:hover,
#reschedulingConsultantThanks .primary-rescheduling:hover,
#reschedulingConsultantError .primary-rescheduling:hover {
    background: rgba(82, 49, 120, 0.8)
        radial-gradient(circle, transparent 1%, rgba(82, 49, 120, 0.8) 1%)
        center/15000%;
}

#reschedulingConsultantIndex .secondary-rescheduling,
#reschedulingConsultantMotive .secondary-rescheduling,
#reschedulingConsultantPersonalInformation .secondary-rescheduling,
#reschedulingConsultantReschedulingInformation .secondary-rescheduling,
#reschedulingConsultantReady .secondary-rescheduling,
#reschedulingConsultantThanks .secondary-rescheduling,
#reschedulingConsultantError .secondary-rescheduling {
    background-color: #fff;
    background-position: center;
    border-radius: 4px;
    border: 0;
    color: #8c8c8c;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    outline: 0;
    padding: 12px 18px;
    transition: background 0.8s;
}

#reschedulingConsultantIndex .secondary-rescheduling:hover,
#reschedulingConsultantMotive .secondary-rescheduling:hover,
#reschedulingConsultantPersonalInformation .secondary-rescheduling:hover,
#reschedulingConsultantReschedulingInformation .secondary-rescheduling:hover,
#reschedulingConsultantReady .secondary-rescheduling:hover,
#reschedulingConsultantThanks .secondary-rescheduling:hover,
#reschedulingConsultantError .secondary-rescheduling:hover {
    background: #eee radial-gradient(circle, transparent 1%, #eee 1%)
        center/15000%;
}

#reschedulingConsultantIndex .groupButtons button,
#reschedulingConsultantMotive .groupButtons button,
#reschedulingConsultantPersonalInformation .groupButtons button,
#reschedulingConsultantReschedulingInformation .groupButtons button,
#reschedulingConsultantReady .groupButtons button,
#reschedulingConsultantThanks .groupButtons button,
#reschedulingConsultantError .groupButtons button {
    display: inline-block;
    margin-right: 20px;
    width: 154px;
}

@media only screen and (max-width: 950px) {
    #reschedulingConsultantIndex .groupButtons button,
    #reschedulingConsultantMotive .groupButtons button,
    #reschedulingConsultantPersonalInformation .groupButtons button,
    #reschedulingConsultantReschedulingInformation .groupButtons button,
    #reschedulingConsultantReady .groupButtons button,
    #reschedulingConsultantThanks .groupButtons button,
    #reschedulingConsultantError .groupButtons button {
        width: 100%;
    }
}

#reschedulingConsultantIndex .banner-rescheduling,
#reschedulingConsultantMotive .banner-rescheduling,
#reschedulingConsultantPersonalInformation .banner-rescheduling,
#reschedulingConsultantReschedulingInformation .banner-rescheduling,
#reschedulingConsultantReady .banner-rescheduling,
#reschedulingConsultantThanks .banner-rescheduling,
#reschedulingConsultantError .banner-rescheduling {
    background-image: url(../img/reprogramacion/lateral-banner-reprogramacion.png);
    background-color: #533278;
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
}

#reschedulingConsultantIndex input.form-control[data-invalidate="true"],
#reschedulingConsultantMotive input.form-control[data-invalidate="true"],
#reschedulingConsultantPersonalInformation
    input.form-control[data-invalidate="true"],
#reschedulingConsultantReschedulingInformation
    input.form-control[data-invalidate="true"],
#reschedulingConsultantReady input.form-control[data-invalidate="true"],
#reschedulingConsultantThanks input.form-control[data-invalidate="true"],
#reschedulingConsultantError input.form-control[data-invalidate="true"] {
    border: 1px solid #ee2737;
}

#reschedulingConsultantIndex div.invalid-feedback[data-invalidate="true"],
#reschedulingConsultantMotive div.invalid-feedback[data-invalidate="true"],
#reschedulingConsultantPersonalInformation
    div.invalid-feedback[data-invalidate="true"],
#reschedulingConsultantReschedulingInformation
    div.invalid-feedback[data-invalidate="true"],
#reschedulingConsultantReady div.invalid-feedback[data-invalidate="true"],
#reschedulingConsultantThanks div.invalid-feedback[data-invalidate="true"],
#reschedulingConsultantError div.invalid-feedback[data-invalidate="true"] {
    display: block;
}

#reschedulingConsultantIndex div.invalid-feedback,
#reschedulingConsultantMotive div.invalid-feedback,
#reschedulingConsultantPersonalInformation div.invalid-feedback,
#reschedulingConsultantReschedulingInformation div.invalid-feedback,
#reschedulingConsultantReady div.invalid-feedback,
#reschedulingConsultantThanks div.invalid-feedback,
#reschedulingConsultantError div.invalid-feedback {
    margin-top: -3px;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 140%;
    align-items: center;
    color: #ee2737;
}

.form-reprogramacion {
    background: #f4f6f6;
    border: 1px solid #e4e4e4;
    padding: 20px;
    box-sizing: border-box;
}

@import "https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800";

.transition1,
.btnRed,
.btnWhite,
.btnPurple,
.btnLightPurple,
.btnYellow,
.link,
.download {
    transition: all 0.25s ease-in-out;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    width: 100%;
    border: 0;
    max-width: 100%;
    padding: 0;
    margin: 0;
    padding-top: 90px;
}

@media (max-width: 1024px) {
    body {
        padding-top: 60px;
    }
}

@media (max-width: 780px) {
    body {
        max-width: 100vw;
        overflow-x: hidden;
    }
}

button,
a,
input,
select,
option {
    outline: 0;
    box-shadow: none;
}

button:focus,
a:focus,
input:focus,
select:focus,
option:focus {
    box-shadow: none !important;
}

.contentBTN {
    margin: 30px 0;
}

.simple-line-height {
    line-height: 1.3;
}

.low-line-height {
    line-height: 0.8;
}

@media (max-width: 575px) {
    .low-line-height {
        line-height: 1;
    }
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
    font-family: montserrat, sans-serif;
    font-weight: 500;
    font-size: 15.5px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 10px;
}

.btnRed,
.btnWhite,
.btnPurple,
.btnLightPurple,
.btnYellow {
    text-align: center;
    display: inline-block;
    padding: 1rem 1.5rem;
    box-shadow: 1px 2px 3px rgba(76, 76, 76, 0.5);
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 13.5px;
    color: #fff !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.btnRed:hover,
.btnWhite:hover,
.btnPurple:hover,
.btnLightPurple:hover,
.btnYellow:hover {
    box-shadow: 1px 2px 3px rgba(76, 76, 76, 0.75);
    text-decoration: none;
}

.btnYellow {
    background-color: #f2ad4b;
}

.btnYellow:hover {
    background-color: #feb957;
    color: #fff;
}

.btnPurple {
    background-color: #4f2d7f;
}

.btnPurple:hover {
    background-color: #361860;
    color: #fff;
}

.btnLightPurple {
    background-color: #894590;
}

.btnLightPurple:hover {
    background-color: #893492;
    color: #fff;
}

.btnWhite {
    color: #4f2d7f !important;
    background-color: #ededed;
}

.btnWhite:hover {
    background-color: #fff;
    color: #4f2d7f !important;
}

.btnRed {
    background-color: #ee2737;
    border-radius: 4px;
    cursor: pointer;
}

.btnRed:hover {
    background-color: #f8414b;
    color: #fff !important;
}

.btnMeInteresa {
    color: #fff !important;
    background: #894490;
    padding: 11px 0;
    max-width: none;
    width: 30%;
    margin: 20px 0 10px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 4px !important;
    display: inline-block;
}

.link,
.download {
    padding-left: 15px;
    position: relative;
    font-weight: 600;
    color: #894590;
}

.link:hover,
.download:hover {
    text-decoration: none;
    color: #894590;
}

.link:before,
.download:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 16px;
    width: 10px;
}

.link:before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iN3B4IiBoZWlnaHQ9IjVweCIgdmlld0JveD0iMCAwIDcgNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDguMiAoNDczMjcpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPmljb25fc2VsZWN0LWFycm93PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9ImxheW91dC9iYXItcmlwbGV5IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI1Ny4wMDAwMDAsIC0xMy4wMDAwMDApIj4KICAgICAgICA8ZyBpZD0iaW5wdXQvc2VsZWN0LWFycm93IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjU2LjAwMDAwMCwgMTMuMDAwMDAwKSIgZmlsbD0iIzg5NDU5MCIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHBhdGggZD0iTTMuMTkyOTY4MSw1LjgzMzMzMzMzIEMyLjk5NjYwMjA0LDUuODMzMzMzMzMgMi44MDAwOTY5MSw1Ljc1Nzg1OTE5IDIuNjQ2NTY0MjQsNS42MDYwNDE3IEMyLjMyOTIwNzc2LDUuMjkxNjg2ODEgMi4zMTY1NTI0NCw0Ljc2ODcyNzc0IDIuNjE4MTk0MDgsNC40MzgwMDMyMSBMNC4zOTI0NDIwOSwyLjQ5NDIxNzk1IEwyLjYyMDAwMTk4LDAuNTYzOTA1MDQgQzIuMzE3MjQ3NzksMC4yMzQzMzk0MjEgMi4zMjgzNzMzNSwtMC4yODg2MTk2NDggMi42NDQ4OTU0MSwtMC42MDQxMzM0NTggQzIuOTYxNTU2NTQsLTAuOTE5NjQ3MjY3IDMuNDYzNDU4MTgsLTAuOTA3OTEzMjgyIDMuNzY2MjEyMzcsLTAuNTc4MjAyOCBMNi4wNjE1NTM2LDEuOTIxMTM1OTMgQzYuMzU0MTU1NzIsMi4yMzk4MzY3NSA2LjM1NDcxMiwyLjc0MTc5MDU0IDYuMDYzMzYxNTEsMy4wNjE1MDU0IEwzLjc2ODE1OTM0LDUuNTc2NDg5NDUgQzMuNjExOTg0MzUsNS43NDY5OTQzOCAzLjQwMjk2Mjk3LDUuODMzMzMzMzMgMy4xOTI5NjgxLDUuODMzMzMzMzMgWiIgaWQ9IlNoYXBlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjM0MDcyMCwgMi41MDAwMDApIHJvdGF0ZSg5MC4wMDAwMDApIHRyYW5zbGF0ZSgtNC4zNDA3MjAsIC0yLjUwMDAwMCkgIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)
        center center no-repeat;
    background-size: contain;
    transform: rotate(-90deg);
}

.download:before {
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-download.svg) no-repeat
        center center;
    background-size: contain;
}

.arrow-down {
    position: relative;
    display: inline-block;
    font-family: montserrat, sans-serif;
    width: 100%;
}

.arrow-down:after {
    content: "";
    height: 10px;
    width: 10px;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-down-menu.svg) center
        center no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 40%;
    right: 25px;
}

.arrow-right {
    position: relative;
    display: inline-block;
    font-family: montserrat, sans-serif;
    width: 100%;
}

.arrow-right:after {
    content: "";
    height: 10px;
    width: 10px;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-down-menu.svg) no-repeat
        right center;
    background-size: contain;
    position: absolute;
    bottom: 40%;
    right: 25px;
}

.t0 {
    font-size: 100px;
}

@media (max-width: 767px) {
    .t0 {
        font-size: 50px;
    }
}

.t1 {
    font-size: 35px;
}

.t2a {
    font-size: 22px;
}

.t2 {
    font-size: 22.5px;
}

.t3 {
    font-size: 19.5px;
}

.t4 {
    font-size: 16.5px;
}

.t5 {
    font-size: 32px;
}

.t6 {
    font-size: 40px;
}

.t7 {
    font-size: 36px;
}

.t8 {
    font-size: 24px;
}

.t9 {
    font-size: 15px;
}

.t10 {
    font-size: 16px;
}

.t11 {
    font-size: 17px;
}

.s1 {
    font-size: 13.5px;
}

.s2 {
    font-size: 12.5px;
}

.s3 {
    font-size: 11px;
}

.s4 {
    font-size: 12px;
}

.s5 {
    font-size: 14px;
}

.lh1 {
    line-height: 20px !important;
}

.s6 {
    font-size: 10px;
}

.normal {
    font-weight: 400 !important;
}

.light {
    font-weight: 400 !important;
}

.strongLight {
    font-weight: 500 !important;
}

.semiBold {
    font-weight: 600 !important;
}

.bold {
    font-weight: 700 !important;
}

.yellow {
    color: #feb957 !important;
}

.white {
    color: #fff !important;
}

.black1 {
    color: #404040 !important;
}

.black2 {
    color: #424242 !important;
}

.black3 {
    color: #444 !important;
}

.black4 {
    color: #000 !important;
}

.purple {
    color: #894590 !important;
}

.purple3 {
    color: #8c4799 !important;
}

.purpleDark {
    color: #4f2d7f !important;
}

.red {
    color: #ee2737 !important;
}

.grey {
    color: #4c4c4c !important;
}

.grey4 {
    color: #484848 !important;
}

.grey5 {
    color: #737373 !important;
}

.grey6 {
    color: #58595b !important;
}

.subrayado {
    text-decoration: underline;
    cursor: pointer;
}

.grey0 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 37px;
    background-color: transparent;
    position: absolute;
    z-index: 1;
    margin-top: 50px;
    margin-left: 35px;
}

.darkPurple3 {
    color: #4f2d7f !important;
}

.darkPurple3_1 {
    color: #4f2d7f;
}

.darkPurple4 {
    color: #523178;
}

.darkPurple5 {
    color: #462a66;
}

.grey00 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 37px;
    background-color: transparent;
    position: absolute;
    z-index: 1;
    margin-top: 50px;
    margin-left: 35px;
}

.grey1 {
    color: #4c4c4c !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    background-color: transparent;
    position: absolute;
    z-index: 3;
    margin-left: 12%;
    margin-top: 80px;
}

.grey10 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    background-color: transparent;
    position: absolute;
    z-index: 3;
    margin-left: 12%;
    margin-top: 80px;
}

.lightGrey3 {
    color: #7b7e83 !important;
}

.lightGrey4 {
    color: #3f3f41 !important;
}

.lightGrey5 {
    color: #939393 !important;
}

.lightGrey6 {
    color: #8c8c8c !important;
}

.lightGrey7 {
    color: #737373 !important;
}

.lightGrey8 {
    color: #727171;
}

.lightGrey9 {
    color: #9d9d9d;
}

.lightGrey10 {
    color: #aaa7a7;
}

.lightGrey11 {
    color: #6e6e6e;
}

.upCase {
    text-transform: uppercase;
}

.content-line {
    position: relative;
}

.content-line:after {
    content: "";
    height: 100%;
    width: 1px;
    background-color: #efefef;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1px;
}

.globo {
    position: fixed;
    bottom: 35px;
    right: 85px;
    z-index: 4001;
}

.form-dni {
    margin: 30px 0 15px;
}

.form-recaptcha {
    margin: 10px 0;
}

.form-datosPersonales {
    padding: 0;
}

.form-datosPersonales .form-check-input {
    position: absolute;
    opacity: 0;
}

.form-datosPersonales .form-check-input + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    padding-left: 30px;
}

.form-datosPersonales .form-check-input + label:before {
    content: "";
    margin-left: -30px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: 2px;
}

.form-datosPersonales .form-check-input:hover + label:before {
    background: #523178;
}

.form-datosPersonales .form-check-input:checked + label:before {
    background: #523178;
    border: 1px solid #523178;
}

.form-datosPersonales .form-check-input:checked + label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    background: #fff;
    width: 2px;
    height: 2px;
    box-shadow:
        2px 0 0 #fff,
        4px 0 0 #fff,
        4px -2px 0 #fff,
        4px -4px 0 #fff,
        4px -6px 0 #fff,
        4px -8px 0 #fff;
    transform: rotate(45deg);
}

.form-datosPersonales label a {
    text-decoration: underline;
    color: #8c4799;
}

.cardProduct {
    width: 49.5%;
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
}

.cardProduct:hover {
    background: #f1f1f1;
    cursor: pointer;
}

.cardProduct svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    fill: #523178;
}

.tooltipGeneral {
    position: relative;
    display: inline-block;
}

.tooltipGeneral .tooltiptext {
    visibility: hidden;
    width: 220px;
    background-color: #8c4799;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    font-size: 12px;
    bottom: 125%;
    left: 50%;
    margin-left: -110px;
    transition: opacity 0.3s;
    text-align: start;
}

.tooltipGeneral .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #8c4799 transparent transparent transparent;
}

.tooltipGeneral:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.modalError .dialogModal {
    max-width: 600px;
}

.modalError .titleModal {
    font-weight: 600;
    font-size: 14.5px;
    text-align: center;
    color: #523178;
}

.modalError .descriptionModal {
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    color: #404040;
}

.modalError .btnCerrar {
    background: #523178;
    border-radius: 4px;
    padding: 11px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

.modalError .modal-footer {
    border-top: 0;
    justify-content: center;
}

.viewLegal .legal-text {
    bottom: 527px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
    text-align: justify;
}

.viewLegal .titleLegal {
    cursor: pointer !important;
}

.viewLegal .titleLegalMobile {
    cursor: pointer !important;
    text-decoration-line: underline !important;
}

.viewLegal .morelegaldropdown {
    font-weight: 600;
    font-size: 16px;
    color: #8c4799;
    cursor: pointer;
}

.viewLegal .morelegaldropdown:after {
    content: "";
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-arrow-down.svg) center
        center no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 2px;
    margin-left: 15px;
}

.viewLegal .lesslegaldropdown {
    font-weight: 600;
    font-size: 16px;
    color: #8c4799;
    cursor: pointer;
}

.viewLegal .lesslegaldropdown:after {
    content: "";
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-arrow-up.svg) center center
        no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 2px;
    margin-left: 15px;
}

.viewLegal .imgLegal {
    width: 100%;
    max-width: 400px;
}

.viewLegal .imgLegalMobile {
    width: 80%;
    height: 100%;
}

.viewLegal .cerrarModal {
    text-decoration-line: underline !important;
}

.modalGeneral .modal-header {
    border-bottom: 0;
}

.modalGeneral .modal-footer {
    border-top: 0;
    justify-content: center;
}

.banner-formularios {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
}

.fixHeightImgFormCMS {
    height: 283px;
}

@media (max-width: 575px) {
    .fixHeightImgFormCMS {
        height: auto;
    }
}

.sectionFormulariosCMS {
    font-family: Montserrat;
    font-style: normal;
    background: #f7f7f7;
}

.sectionFormulariosCMS .tituloPrincipal {
    font-weight: 700;
    font-size: 26px;
    line-height: 135%;
    text-align: center;
    height: auto;
    color: #523178;
}

@media (max-width: 575px) {
    .sectionFormulariosCMS .tituloPrincipal {
        font-size: 24px;
    }
}

.sectionFormulariosCMS .subtituloPrincipal {
    font-weight: 500;
    font-size: 15px;
    line-height: 135%;
    text-align: center;
    height: auto;
    color: #404040;
}

@media (max-width: 575px) {
    .sectionFormulariosCMS .subtituloPrincipal {
        font-size: 14.5px;
    }
}

.sectionFormulariosCMS .formCMS {
    width: 85%;
}

@media (max-width: 575px) {
    .sectionFormulariosCMS .formCMS {
        width: 100%;
    }
}

.sectionFormulariosCMS .formCMS .form-control {
    width: 288px;
    height: 30px;
    font-weight: 400;
    font-size: 14.5px !important;
    line-height: 19px;
    letter-spacing: 0.0054px;
    color: #404040;
    background: #fcfcfc;
    border-radius: 2px 2px 0 0;
    border: 0;
    border-bottom: 1px solid #e1e1e1;
}

.sectionFormulariosCMS .formCMS .form-control .typeEmail {
    border: 0;
    background: #fcfcfc;
    width: 99.5%;
    height: 100%;
}

.sectionFormulariosCMS .formCMS .form-control .imgEmail {
    background: url(https://www.bancoripley.com.pe/img/svg/i-mail-grey.svg)
        no-repeat center;
    width: 24px;
    margin-left: auto;
}

.sectionFormulariosCMS .formCMS .form-control.active {
    border-bottom: 1px solid #523178;
}

.sectionFormulariosCMS .formCMS .form-control.active .imgEmail {
    background: url(https://www.bancoripley.com.pe/img/svg/i-mail-purple.svg)
        no-repeat center;
}

@media (max-width: 575px) {
    .sectionFormulariosCMS .formCMS .form-control {
        margin: 0 auto;
    }
}

.sectionFormulariosCMS .formCMS .form-control.is-invalid {
    padding: 0.375rem 0.75rem;
}

.sectionFormulariosCMS .formCMS .labelText {
    font-weight: 600;
    font-size: 12.5px;
    line-height: 15px;
    letter-spacing: 0.164286px;
    color: #404040;
    display: block;
    width: 288px;
}

@media (max-width: 575px) {
    .sectionFormulariosCMS .formCMS .labelText {
        margin-left: auto;
        margin-right: auto;
    }
}

.sectionFormulariosCMS .formCMS .btnInscripcion {
    color: #fff;
    background: #4f2d7f;
    padding: 11px 0;
    max-width: none;
    width: 330px;
    height: 52px;
    margin: 40px 0 45px 24%;
    display: block;
    mix-blend-mode: normal;
    opacity: 0.5;
    border-radius: 5px !important;
    font-weight: 600;
    font-size: 15.5px;
    line-height: 19px;
}

.sectionFormulariosCMS .formCMS .btnInscripcion.active {
    box-shadow: 0 0 8px rgba(188, 188, 188, 0.5);
    opacity: 1;
}

@media (max-width: 575px) {
    .sectionFormulariosCMS .formCMS .btnInscripcion {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 575px) {
    .sectionFormulariosCMS .formCMS .invalid-feedback {
        margin-left: auto;
        margin-right: auto;
        width: 288px;
    }
}

.sectionFormulariosCMS .formCMS-container .form-control {
    max-width: 288px;
    width: 100%;
    height: 30px;
    font-weight: 400;
    font-size: 14.5px !important;
    line-height: 19px;
    letter-spacing: 0.0054px;
    color: #404040;
    background: #fcfcfc;
    border-radius: 2px 2px 0 0;
    border: 0;
    border-bottom: 1px solid #e1e1e1;
}

.sectionFormulariosCMS .formCMS-container .form-control .typeEmail {
    border: 0;
    background: #fcfcfc;
    width: 99.5%;
    height: 100%;
}

.sectionFormulariosCMS .formCMS-container .form-control .imgEmail {
    background: url(https://www.bancoripley.com.pe/img/svg/i-mail-grey.svg)
        no-repeat center;
    width: 24px;
    margin-left: auto;
}

.sectionFormulariosCMS .formCMS-container .form-control.active {
    border-bottom: 1px solid #523178;
}

.sectionFormulariosCMS .formCMS-container .form-control.active .imgEmail {
    background: url(https://www.bancoripley.com.pe/img/svg/i-mail-purple.svg)
        no-repeat center;
}

.sectionFormulariosCMS
    .formCMS-container
    .form-control.classInputLibroReclamos.datepicker.datepicker-input {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuOTMyMjkgOC42ODVDNS45MzIyOSA4LjUxMDUxIDUuNzkwNzYgOC4zNjkxNCA1LjYxNjEyIDguMzY5MTRINC41MTI3OEM0LjMzODM0IDguMzY5MTQgNC4xOTY3OCA4LjUxMDUxIDQuMTk2NzggOC42ODVWOS43ODgxOUM0LjE5Njc4IDkuOTYyOTIgNC4zMzgzNCAxMC4xMDQzIDQuNTEyNzggMTAuMTA0M0g1LjYxNjEyQzUuNzkwNzYgMTAuMTA0MyA1LjkzMjI5IDkuOTYyOTIgNS45MzIyOSA5Ljc4ODE5VjguNjg1WiIgZmlsbD0iIzRGMkQ3RiIvPgo8cGF0aCBkPSJNOC42ODk5MyA4LjY4NUM4LjY4OTkzIDguNTEwNTEgOC41NDgzNyA4LjM2OTE0IDguMzc0MDcgOC4zNjkxNEg3LjI3MDU5QzcuMDk2MTYgOC4zNjkxNCA2Ljk1NDU5IDguNTEwNTEgNi45NTQ1OSA4LjY4NVY5Ljc4ODE5QzYuOTU0NTkgOS45NjI5MiA3LjA5NjE2IDEwLjEwNDMgNy4yNzA1OSAxMC4xMDQzSDguMzc0MDdDOC41NDgzNyAxMC4xMDQzIDguNjg5OTMgOS45NjI5MiA4LjY4OTkzIDkuNzg4MTlWOC42ODVaIiBmaWxsPSIjNEYyRDdGIi8+CjxwYXRoIGQ9Ik0xMS40NDc0IDguNjg1QzExLjQ0NzQgOC41MTA1MSAxMS4zMDU5IDguMzY5MTQgMTEuMTMxNCA4LjM2OTE0SDEwLjAyODFDOS44NTM0NSA4LjM2OTE0IDkuNzExOTEgOC41MTA1MSA5LjcxMTkxIDguNjg1VjkuNzg4MTlDOS43MTE5MSA5Ljk2MjkyIDkuODUzNDUgMTAuMTA0MyAxMC4wMjgxIDEwLjEwNDNIMTEuMTMxNEMxMS4zMDU5IDEwLjEwNDMgMTEuNDQ3NCA5Ljk2MjkyIDExLjQ0NzQgOS43ODgxOVY4LjY4NVoiIGZpbGw9IiM0RjJEN0YiLz4KPHBhdGggZD0iTTUuOTMyMjkgMTEuNDQyNUM1LjkzMjI5IDExLjI2NzcgNS43OTA3NiAxMS4xMjY1IDUuNjE2MTIgMTEuMTI2NUg0LjUxMjc4QzQuMzM4MzQgMTEuMTI2NSA0LjE5Njc4IDExLjI2NzcgNC4xOTY3OCAxMS40NDI1VjEyLjU0NTVDNC4xOTY3OCAxMi43MjAxIDQuMzM4MzQgMTIuODYxNSA0LjUxMjc4IDEyLjg2MTVINS42MTYxMkM1Ljc5MDc2IDEyLjg2MTUgNS45MzIyOSAxMi43MjAxIDUuOTMyMjkgMTIuNTQ1NVYxMS40NDI1WiIgZmlsbD0iIzRGMkQ3RiIvPgo8cGF0aCBkPSJNOC42ODk5MyAxMS40NDI1QzguNjg5OTMgMTEuMjY3NyA4LjU0ODM3IDExLjEyNjUgOC4zNzQwNyAxMS4xMjY1SDcuMjcwNTlDNy4wOTYxNiAxMS4xMjY1IDYuOTU0NTkgMTEuMjY3NyA2Ljk1NDU5IDExLjQ0MjVWMTIuNTQ1NUM2Ljk1NDU5IDEyLjcyMDEgNy4wOTYxNiAxMi44NjE1IDcuMjcwNTkgMTIuODYxNUg4LjM3NDA3QzguNTQ4MzcgMTIuODYxNSA4LjY4OTkzIDEyLjcyMDEgOC42ODk5MyAxMi41NDU1VjExLjQ0MjVaIiBmaWxsPSIjNEYyRDdGIi8+CjxwYXRoIGQ9Ik0xMS40NDc0IDExLjQ0MjVDMTEuNDQ3NCAxMS4yNjc3IDExLjMwNTkgMTEuMTI2NSAxMS4xMzE2IDExLjEyNjVIMTAuMDI4MUM5Ljg1MzQ1IDExLjEyNjUgOS43MTE5MSAxMS4yNjc3IDkuNzExOTEgMTEuNDQyNVYxMi41NDU1QzkuNzExOTEgMTIuNzIwMSA5Ljg1MzQ1IDEyLjg2MTUgMTAuMDI4MSAxMi44NjE1SDExLjEzMTZDMTEuMzA1OSAxMi44NjE1IDExLjQ0NzQgMTIuNzIwMSAxMS40NDc0IDEyLjU0NTVWMTEuNDQyNVoiIGZpbGw9IiM0RjJEN0YiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy40MjAzIDQuMjM2MDFWMi41NTA5N0MxNC4wODU4IDIuNTcxMDMgMTQuNjMyNyAzLjEyMTc0IDE0LjYzMjcgMy43OTg2NFYxMy42NzM3QzE0LjYzMjcgMTQuMzYyMiAxNC4wNzI3IDE0LjkyOTcgMTMuMzg0MSAxNC45Mjk3SDIuMjYwM0MxLjU3MDY4IDE0LjkyOTcgMS4wMTE3MiAxNC4zNjM0IDEuMDExNzIgMTMuNjczN1YzLjc5ODY0QzEuMDExNzIgMy4xMjE3NCAxLjU1ODYxIDIuNTcxMDMgMi4yMjQxNSAyLjU1MDk3VjQuMjM2MDFDMi4yMjQxNSA0Ljk5NzYzIDIuODQxOTcgNS42MTEzNyAzLjYwMzQ1IDUuNjExMzdINC40NzM3NkM1LjIzNTIxIDUuNjExMzcgNS44NjEyMiA0Ljk5NzYzIDUuODYxMjIgNC4yMzYwMVYyLjU0NDkySDkuNzgzMThWNC4yMzYwMUM5Ljc4MzE4IDQuOTk3NjMgMTAuNDA5MiA1LjYxMTM3IDExLjE3MDggNS42MTEzN0gxMi4wNDA5QzEyLjgwMjQgNS42MTEzNyAxMy40MjAzIDQuOTk3NjMgMTMuNDIwMyA0LjIzNjAxWk0xMi40NzY0IDEzLjU5ODZDMTIuNzc0NSAxMy41OTg2IDEzLjAxNjEgMTMuMzU2OCAxMy4wMTYxIDEzLjA1ODhMMTMuMDE2MSA3Ljk1Nzk1QzEzLjAxNjEgNy42NTk4MSAxMi43NzQ1IDcuNDE4MDMgMTIuNDc2MyA3LjQxODAzSDMuMTQ0MjhDMi44NDYxMSA3LjQxODAzIDIuNjA0NSA3LjY1OTgxIDIuNjA0NSA3Ljk1Nzk1VjEzLjA1ODhDMi42MDQ1IDEzLjM1NjggMi44NDYxNCAxMy41OTg2IDMuMTQ0MjggMTMuNTk4NkgxMi40NzY0WiIgZmlsbD0iIzRGMkQ3RiIvPgo8cGF0aCBkPSJNMy42MDA1MSA0LjcwODA4SDQuNDYxMkM0LjcyMjQ1IDQuNzA4MDggNC45MzQyNyA0LjQ5NjU3IDQuOTM0MjcgNC4yMzUzMlYxLjQ3MjkyQzQuOTM0MjcgMS4yMTE2NSA0LjcyMjQ1IDEgNC40NjEyIDFIMy42MDA1MUMzLjMzOTIzIDEgMy4xMjc0NCAxLjIxMTY1IDMuMTI3NDQgMS40NzI5MlY0LjIzNTMyQzMuMTI3NDQgNC40OTY1NyAzLjMzOTIzIDQuNzA4MDggMy42MDA1MSA0LjcwODA4WiIgZmlsbD0iIzRGMkQ3RiIvPgo8cGF0aCBkPSJNMTEuMTU5NiA0LjcwODA4SDEyLjAyMDNDMTIuMjgxMyA0LjcwODA4IDEyLjQ5MzEgNC40OTY1NyAxMi40OTMxIDQuMjM1MzJWMS40NzI5MkMxMi40OTMyIDEuMjExNjUgMTIuMjgxNCAxIDEyLjAyMDMgMUgxMS4xNTk2QzEwLjg5ODMgMSAxMC42ODY1IDEuMjExNjUgMTAuNjg2NSAxLjQ3MjkyVjQuMjM1MzJDMTAuNjg2NSA0LjQ5NjU3IDEwLjg5ODMgNC43MDgwOCAxMS4xNTk2IDQuNzA4MDhaIiBmaWxsPSIjNEYyRDdGIi8+Cjwvc3ZnPgo=) !important;
}

.sectionFormulariosCMS .formCMS-container .form-control:disabled {
    opacity: 0.8;
    background-color: rgba(239, 239, 239, 0.8);
}

@media (max-width: 575px) {
    .sectionFormulariosCMS .formCMS-container .form-control {
        margin: 0 auto;
    }
}

.sectionFormulariosCMS .formCMS-container .textarea-form {
    max-width: 735px;
    font-size: 13.5px !important;
    height: 100px !important;
}

@media (max-width: 1199px) {
    .sectionFormulariosCMS .formCMS-container .textarea-form {
        max-width: 655px;
    }
}

@media (max-width: 575px) {
    .sectionFormulariosCMS .formCMS-container .textarea-form {
        max-width: 288px;
    }
}

.sectionFormulariosCMS .formCMS-container .form-control.is-invalid {
    padding: 0.375rem 0.75rem;
}

.sectionFormulariosCMS .formCMS-container .labelText {
    font-weight: 600;
    font-size: 12.5px;
    line-height: 15px;
    letter-spacing: 0.164286px;
    color: #404040;
    display: block;
    max-width: 288px;
    width: 100%;
}

@media (max-width: 575px) {
    .sectionFormulariosCMS .formCMS-container .labelText {
        margin-left: auto;
        margin-right: auto;
    }
}

.sectionFormulariosCMS .formCMS-container .btnInscripcion {
    border: 0;
    color: #fff;
    background: #4f2d7f;
    padding: 11px 0;
    max-width: none;
    width: 330px;
    height: 52px;
    margin: 40px 0 45px 24%;
    display: block;
    mix-blend-mode: normal;
    opacity: 0.5;
    border-radius: 5px !important;
    font-weight: 600;
    font-size: 15.5px;
    line-height: 19px;
}

.sectionFormulariosCMS .formCMS-container .btnInscripcion.active {
    box-shadow: 0 0 8px rgba(188, 188, 188, 0.5);
    opacity: 1;
}

@media (max-width: 575px) {
    .sectionFormulariosCMS .formCMS-container .btnInscripcion {
        margin-left: auto;
        margin-right: auto;
        width: 280px;
    }
}

@media (max-width: 575px) {
    .sectionFormulariosCMS .formCMS-container .invalid-feedback {
        margin-left: auto;
        margin-right: auto;
        width: 288px;
    }
}

.sectionFormulariosCMS .textCheck {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 14.5px;
    line-height: 135%;
    color: #404040;
    display: inline-block;
    position: relative;
    padding-left: 26px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.sectionFormulariosCMS .textCheck a {
    font-family: Montserrat;
    font-size: 14.5px;
    font-weight: 500;
    line-height: 135%;
    color: #8c4799;
    text-decoration: underline;
}

.sectionFormulariosCMS .textCheck input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.sectionFormulariosCMS .checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 16px;
    width: 16px;
    border: 2px solid #4f2d7f;
    border-radius: 2px;
}

.sectionFormulariosCMS .textCheck input:checked ~ .checkmark {
    background-color: #4f2d7f;
}

.sectionFormulariosCMS .textCheck input:hover ~ .checkmark {
    background-color: #4f2d7f;
}

.sectionFormulariosCMS .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.sectionFormulariosCMS .textCheck input:checked ~ .checkmark:after {
    display: block;
}

.sectionFormulariosCMS .textCheck .checkmark:after {
    left: 3px;
    width: 7px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(42deg);
    -ms-transform: rotate(42deg);
    transform: rotate(42deg);
}

.sectionFormulariosCMS select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyBmaWxsPSdncmV5JyBoZWlnaHQ9JzI1JyB2aWV3Qm94PScwIDAgMjUgMjUnIHdpZHRoPScyNScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNNyAxMGw1IDUgNS01eicvPjxwYXRoIGQ9J00wIDBoMjR2MjRIMHonIGZpbGw9J25vbmUnLz48L3N2Zz4=) !important;
    background-repeat: no-repeat !important;
    background-position-x: 97% !important;
    background-position-y: 3px !important;
}

.sectionFormulariosCMS input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px #fcfcfc inset;
}

#form-LibroReclamaciones .formCMS-container .form-control {
    max-width: 100%;
}

.resposiveTextLegalFormularios {
    position: relative;
    font-family: Montserrat;
    font-style: normal;
}

.resposiveTextLegalFormularios .col_box_TextoLegal button {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-align: left;
    background: 0 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0;
    padding: 0 40px 15px 15px;
    outline: 0;
    margin-top: 15px;
    line-height: 37px;
    font-weight: 600;
    font-size: 12.5px;
    line-height: 21px;
    color: #894590;
}

.resposiveTextLegalFormularios
    .col_box_TextoLegal
    .CondicionesdePromociones
    img {
    transform: rotate(180deg);
    padding-right: 0.5rem !important;
}

.resposiveTextLegalFormularios
    .col_box_TextoLegal
    .CondicionesdePromociones.collapsed
    img {
    transform: rotate(0);
}

.resposiveTextLegalFormularios .fontTextFormularioMovil {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 12.5px;
    line-height: 26px !important;
    letter-spacing: 0.005px;
    text-decoration-line: underline;
    color: #894590;
}

.resposiveTextLegalFormularios .fontTextFormularioMovil:hover {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 12.5px;
    line-height: 26px !important;
    color: #894590;
}

@media (max-width: 575px) {
    .resposiveTextLegalFormularios {
        background: #f7f7f7;
    }
}

.textoLegalFormCMS {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
    text-align: justify;
    color: #4e4e4e;
}

.modalTDatosForm {
    margin: 30px auto 0;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.429469);
    border-radius: 3px;
    max-width: 600px;
    max-height: 600px;
    overflow-y: auto;
}

.modalTDatosForm .titleModalTDatos {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #8c4799;
}

.modalTDatosForm .textModalTDatos {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 145%;
    text-align: justify;
    color: #404040;
}

.modalTDatosForm .linkCloseLegal {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    text-decoration-line: underline;
    color: #8c4799;
}

.modalTDatosForm .btnPurple {
    background: #523178;
    border-radius: 5px;
    font-size: 15.5px;
    line-height: 21px;
    padding: 0;
    height: 48px;
}

@media (max-width: 575px) {
    .modalTDatosForm {
        margin-bottom: 80px;
        margin-top: 55px;
        margin-left: 10px;
        margin-right: 10px;
        max-height: none;
    }
}

.sectionAgradFormulario {
    background: #fafafa;
}

.sectionAgradFormulario .titleAgrad {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #523178;
}

.sectionAgradFormulario .lineaSeparador {
    border-top: 1px solid #ededed;
}

.sectionAgradFormulario ul {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 23px;
    color: #523178;
}

.sectionAgradFormulario ul li {
    list-style-position: inside;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #404040;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.sectionAgradFormulario .btnInicio {
    color: #fff;
    background: #523178;
    box-shadow: 0 0 8px rgba(188, 188, 188, 0.5);
    padding: 11px 0;
    max-width: none;
    width: 210px;
    height: 48px;
    margin: 45px auto;
    display: block;
    mix-blend-mode: normal;
    border-radius: 5px !important;
    font-weight: 600;
    font-size: 15.5px;
    line-height: 19px;
}

@media (max-width: 575px) {
    .sectionAgradFormulario .btnInicio {
        width: 100%;
    }
}

.boxAppFormulario {
    background: #7c3f88;
}

.boxAppFormulario span {
    color: #f8c21c;
}

.sectionFormulariosCMS #divReclamacionForm .labelText {
    max-width: 100%;
}

.sectionFormulariosCMS #divReclamacionForm .displayAdjuntos {
    position: relative;
}

.sectionFormulariosCMS #divReclamacionForm .displayAdjuntos .inputfile {
    width: 100%;
    height: 48px;
    background: #fff;
    border: 1px dashed #ededed;
}

.sectionFormulariosCMS #divReclamacionForm .displayAdjuntos .inputfile-remove {
    position: relative;
    display: none;
}

.sectionFormulariosCMS #divReclamacionForm .displayAdjuntos .inputfile-icon,
.sectionFormulariosCMS #divReclamacionForm .displayAdjuntos .inputfile-remove {
    width: 30px;
    height: 30px;
}

.sectionFormulariosCMS #divReclamacionForm .displayAdjuntos .inputfile-icon i,
.sectionFormulariosCMS
    #divReclamacionForm
    .displayAdjuntos
    .inputfile-remove
    i {
    position: absolute;
    width: 30px;
    height: 30px;
}

.sectionFormulariosCMS
    #divReclamacionForm
    .displayAdjuntos
    .inputfile-icon
    i.icon-file,
.sectionFormulariosCMS
    #divReclamacionForm
    .displayAdjuntos
    .inputfile-remove
    i.icon-file {
    border-radius: 50%;
    background: url(https://www.bancoripley.com.pe/img/svg/i-file-white.svg)
        center center no-repeat;
    background-color: #ededed;
    background-size: 24px auto;
}

.sectionFormulariosCMS
    #divReclamacionForm
    .displayAdjuntos
    .inputfile-icon
    i.icon-close,
.sectionFormulariosCMS
    #divReclamacionForm
    .displayAdjuntos
    .inputfile-remove
    i.icon-close {
    border-radius: 50%;
    border: 1px solid inset #90908f;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-close-now.svg) center
        center no-repeat;
    background-size: 15px auto;
    opacity: 0.8;
    top: 0;
    right: 0;
}

.sectionFormulariosCMS #divReclamacionForm .displayAdjuntos .inputfile-text {
    padding: 0 15px;
    width: calc(100% - 60px);
    height: 48px;
    background: 0;
    border: 0;
    font-weight: 400;
    font-size: 12.5px;
    line-height: 20px;
    color: #90908f;
}

.sectionFormulariosCMS
    #divReclamacionForm
    .displayAdjuntos
    .file-on
    + .inputfile {
    border: 1px solid #d9d9d9;
}

.sectionFormulariosCMS
    #divReclamacionForm
    .displayAdjuntos
    .file-on
    + .inputfile
    .inputfile-remove {
    display: inline-block;
}

.sectionFormulariosCMS
    #divReclamacionForm
    .displayAdjuntos
    .file-on
    + .inputfile
    .inputfile-icon
    i {
    background-color: #eb2132;
}

.sectionFormulariosCMS
    #divReclamacionForm
    .displayAdjuntos
    .classInputAttachLibroReclamaciones {
    opacity: 0;
    z-index: 100;
    position: absolute;
    height: 48px;
    width: calc(100% - 30px);
}

.sectionFormulariosCMS
    #divReclamacionForm
    .displayAdjuntos
    .classInputAttachLibroReclamaciones:hover {
    cursor: pointer;
}

.sectionFormulariosCMS
    #divReclamacionForm
    .displayAdjuntos
    .classBtnAttachInputAttachLibroReclamaciones {
    z-index: 300;
    -webkit-appearance: none;
    border: 0;
    background: 0;
}

@import "https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800";

.transition1,
.btnRed,
.btnWhite,
.btnPurple,
.btnLightPurple,
.btnYellow,
.link,
.download {
    transition: all 0.25s ease-in-out;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    width: 100%;
    border: 0;
    max-width: 100%;
    padding: 0;
    margin: 0;
    padding-top: 90px;
}

@media (max-width: 1024px) {
    body {
        padding-top: 60px;
    }
}

@media (max-width: 780px) {
    body {
        max-width: 100vw;
        overflow-x: hidden;
    }
}

button,
a,
input,
select,
option {
    outline: 0;
    box-shadow: none;
}

button:focus,
a:focus,
input:focus,
select:focus,
option:focus {
    box-shadow: none !important;
}

.contentBTN {
    margin: 30px 0;
}

.simple-line-height {
    line-height: 1.3;
}

.low-line-height {
    line-height: 0.8;
}

@media (max-width: 575px) {
    .low-line-height {
        line-height: 1;
    }
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
    font-family: montserrat, sans-serif;
    font-weight: 500;
    font-size: 15.5px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 10px;
}

.btnRed,
.btnWhite,
.btnPurple,
.btnLightPurple,
.btnYellow {
    text-align: center;
    display: inline-block;
    padding: 1rem 1.5rem;
    box-shadow: 1px 2px 3px rgba(76, 76, 76, 0.5);
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 13.5px;
    color: #fff !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.btnRed:hover,
.btnWhite:hover,
.btnPurple:hover,
.btnLightPurple:hover,
.btnYellow:hover {
    box-shadow: 1px 2px 3px rgba(76, 76, 76, 0.75);
    text-decoration: none;
}

.btnYellow {
    background-color: #f2ad4b;
}

.btnYellow:hover {
    background-color: #feb957;
    color: #fff;
}

.btnPurple {
    background-color: #4f2d7f;
}

.btnPurple:hover {
    background-color: #361860;
    color: #fff;
}

.btnLightPurple {
    background-color: #894590;
}

.btnLightPurple:hover {
    background-color: #893492;
    color: #fff;
}

.btnWhite {
    color: #4f2d7f !important;
    background-color: #ededed;
}

.btnWhite:hover {
    background-color: #fff;
    color: #4f2d7f !important;
}

.btnRed {
    background-color: #ee2737;
    border-radius: 4px;
    cursor: pointer;
}

.btnRed:hover {
    background-color: #f8414b;
    color: #fff !important;
}

.btnMeInteresa {
    color: #fff !important;
    background: #894490;
    padding: 11px 0;
    max-width: none;
    width: 30%;
    margin: 20px 0 10px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 4px !important;
    display: inline-block;
}

.link,
.download {
    padding-left: 15px;
    position: relative;
    font-weight: 600;
    color: #894590;
}

.link:hover,
.download:hover {
    text-decoration: none;
    color: #894590;
}

.link:before,
.download:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 16px;
    width: 10px;
}

.link:before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iN3B4IiBoZWlnaHQ9IjVweCIgdmlld0JveD0iMCAwIDcgNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDguMiAoNDczMjcpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPmljb25fc2VsZWN0LWFycm93PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9ImxheW91dC9iYXItcmlwbGV5IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI1Ny4wMDAwMDAsIC0xMy4wMDAwMDApIj4KICAgICAgICA8ZyBpZD0iaW5wdXQvc2VsZWN0LWFycm93IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjU2LjAwMDAwMCwgMTMuMDAwMDAwKSIgZmlsbD0iIzg5NDU5MCIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHBhdGggZD0iTTMuMTkyOTY4MSw1LjgzMzMzMzMzIEMyLjk5NjYwMjA0LDUuODMzMzMzMzMgMi44MDAwOTY5MSw1Ljc1Nzg1OTE5IDIuNjQ2NTY0MjQsNS42MDYwNDE3IEMyLjMyOTIwNzc2LDUuMjkxNjg2ODEgMi4zMTY1NTI0NCw0Ljc2ODcyNzc0IDIuNjE4MTk0MDgsNC40MzgwMDMyMSBMNC4zOTI0NDIwOSwyLjQ5NDIxNzk1IEwyLjYyMDAwMTk4LDAuNTYzOTA1MDQgQzIuMzE3MjQ3NzksMC4yMzQzMzk0MjEgMi4zMjgzNzMzNSwtMC4yODg2MTk2NDggMi42NDQ4OTU0MSwtMC42MDQxMzM0NTggQzIuOTYxNTU2NTQsLTAuOTE5NjQ3MjY3IDMuNDYzNDU4MTgsLTAuOTA3OTEzMjgyIDMuNzY2MjEyMzcsLTAuNTc4MjAyOCBMNi4wNjE1NTM2LDEuOTIxMTM1OTMgQzYuMzU0MTU1NzIsMi4yMzk4MzY3NSA2LjM1NDcxMiwyLjc0MTc5MDU0IDYuMDYzMzYxNTEsMy4wNjE1MDU0IEwzLjc2ODE1OTM0LDUuNTc2NDg5NDUgQzMuNjExOTg0MzUsNS43NDY5OTQzOCAzLjQwMjk2Mjk3LDUuODMzMzMzMzMgMy4xOTI5NjgxLDUuODMzMzMzMzMgWiIgaWQ9IlNoYXBlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjM0MDcyMCwgMi41MDAwMDApIHJvdGF0ZSg5MC4wMDAwMDApIHRyYW5zbGF0ZSgtNC4zNDA3MjAsIC0yLjUwMDAwMCkgIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)
        center center no-repeat;
    background-size: contain;
    transform: rotate(-90deg);
}

.download:before {
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-download.svg) no-repeat
        center center;
    background-size: contain;
}

.arrow-down {
    position: relative;
    display: inline-block;
    font-family: montserrat, sans-serif;
    width: 100%;
}

.arrow-down:after {
    content: "";
    height: 10px;
    width: 10px;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-down-menu.svg) center
        center no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 40%;
    right: 25px;
}

.arrow-right {
    position: relative;
    display: inline-block;
    font-family: montserrat, sans-serif;
    width: 100%;
}

.arrow-right:after {
    content: "";
    height: 10px;
    width: 10px;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-down-menu.svg) no-repeat
        right center;
    background-size: contain;
    position: absolute;
    bottom: 40%;
    right: 25px;
}

.t0 {
    font-size: 100px;
}

@media (max-width: 767px) {
    .t0 {
        font-size: 50px;
    }
}

.t1 {
    font-size: 35px;
}

.t2a {
    font-size: 22px;
}

.t2 {
    font-size: 22.5px;
}

.t3 {
    font-size: 19.5px;
}

.t4 {
    font-size: 16.5px;
}

.t5 {
    font-size: 32px;
}

.t6 {
    font-size: 40px;
}

.t7 {
    font-size: 36px;
}

.t8 {
    font-size: 24px;
}

.t9 {
    font-size: 15px;
}

.t10 {
    font-size: 16px;
}

.t11 {
    font-size: 17px;
}

.s1 {
    font-size: 13.5px;
}

.s2 {
    font-size: 12.5px;
}

.s3 {
    font-size: 11px;
}

.s4 {
    font-size: 12px;
}

.s5 {
    font-size: 14px;
}

.lh1 {
    line-height: 20px !important;
}

.s6 {
    font-size: 10px;
}

.normal {
    font-weight: 400 !important;
}

.light {
    font-weight: 400 !important;
}

.strongLight {
    font-weight: 500 !important;
}

.semiBold {
    font-weight: 600 !important;
}

.bold {
    font-weight: 700 !important;
}

.yellow {
    color: #feb957 !important;
}

.white {
    color: #fff !important;
}

.black1 {
    color: #404040 !important;
}

.black2 {
    color: #424242 !important;
}

.black3 {
    color: #444 !important;
}

.black4 {
    color: #000 !important;
}

.purple {
    color: #894590 !important;
}

.purple3 {
    color: #8c4799 !important;
}

.purpleDark {
    color: #4f2d7f !important;
}

.red {
    color: #ee2737 !important;
}

.grey {
    color: #4c4c4c !important;
}

.grey4 {
    color: #484848 !important;
}

.grey5 {
    color: #737373 !important;
}

.grey6 {
    color: #58595b !important;
}

.subrayado {
    text-decoration: underline;
    cursor: pointer;
}

.grey0 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 37px;
    background-color: transparent;
    position: absolute;
    z-index: 1;
    margin-top: 50px;
    margin-left: 35px;
}

.darkPurple3 {
    color: #4f2d7f !important;
}

.darkPurple3_1 {
    color: #4f2d7f;
}

.darkPurple4 {
    color: #523178;
}

.darkPurple5 {
    color: #462a66;
}

.grey00 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 37px;
    background-color: transparent;
    position: absolute;
    z-index: 1;
    margin-top: 50px;
    margin-left: 35px;
}

.grey1 {
    color: #4c4c4c !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    background-color: transparent;
    position: absolute;
    z-index: 3;
    margin-left: 12%;
    margin-top: 80px;
}

.grey10 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    background-color: transparent;
    position: absolute;
    z-index: 3;
    margin-left: 12%;
    margin-top: 80px;
}

.lightGrey3 {
    color: #7b7e83 !important;
}

.lightGrey4 {
    color: #3f3f41 !important;
}

.lightGrey5 {
    color: #939393 !important;
}

.lightGrey6 {
    color: #8c8c8c !important;
}

.lightGrey7 {
    color: #737373 !important;
}

.lightGrey8 {
    color: #727171;
}

.lightGrey9 {
    color: #9d9d9d;
}

.lightGrey10 {
    color: #aaa7a7;
}

.lightGrey11 {
    color: #6e6e6e;
}

.upCase {
    text-transform: uppercase;
}

.content-line {
    position: relative;
}

.content-line:after {
    content: "";
    height: 100%;
    width: 1px;
    background-color: #efefef;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1px;
}

.globo {
    position: fixed;
    bottom: 35px;
    right: 85px;
    z-index: 4001;
}

.form-dni {
    margin: 30px 0 15px;
}

.form-recaptcha {
    margin: 10px 0;
}

.form-datosPersonales {
    padding: 0;
}

.form-datosPersonales .form-check-input {
    position: absolute;
    opacity: 0;
}

.form-datosPersonales .form-check-input + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    padding-left: 30px;
}

.form-datosPersonales .form-check-input + label:before {
    content: "";
    margin-left: -30px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: 2px;
}

.form-datosPersonales .form-check-input:hover + label:before {
    background: #523178;
}

.form-datosPersonales .form-check-input:checked + label:before {
    background: #523178;
    border: 1px solid #523178;
}

.form-datosPersonales .form-check-input:checked + label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    background: #fff;
    width: 2px;
    height: 2px;
    box-shadow:
        2px 0 0 #fff,
        4px 0 0 #fff,
        4px -2px 0 #fff,
        4px -4px 0 #fff,
        4px -6px 0 #fff,
        4px -8px 0 #fff;
    transform: rotate(45deg);
}

.form-datosPersonales label a {
    text-decoration: underline;
    color: #8c4799;
}

.cardProduct {
    width: 49.5%;
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
}

.cardProduct:hover {
    background: #f1f1f1;
    cursor: pointer;
}

.cardProduct svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    fill: #523178;
}

.tooltipGeneral {
    position: relative;
    display: inline-block;
}

.tooltipGeneral .tooltiptext {
    visibility: hidden;
    width: 220px;
    background-color: #8c4799;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    font-size: 12px;
    bottom: 125%;
    left: 50%;
    margin-left: -110px;
    transition: opacity 0.3s;
    text-align: start;
}

.tooltipGeneral .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #8c4799 transparent transparent transparent;
}

.tooltipGeneral:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.modalError .dialogModal {
    max-width: 600px;
}

.modalError .titleModal {
    font-weight: 600;
    font-size: 14.5px;
    text-align: center;
    color: #523178;
}

.modalError .descriptionModal {
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    color: #404040;
}

.modalError .btnCerrar {
    background: #523178;
    border-radius: 4px;
    padding: 11px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

.modalError .modal-footer {
    border-top: 0;
    justify-content: center;
}

.viewLegal .legal-text {
    bottom: 527px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
    text-align: justify;
}

.viewLegal .titleLegal {
    cursor: pointer !important;
}

.viewLegal .titleLegalMobile {
    cursor: pointer !important;
    text-decoration-line: underline !important;
}

.viewLegal .morelegaldropdown {
    font-weight: 600;
    font-size: 16px;
    color: #8c4799;
    cursor: pointer;
}

.viewLegal .morelegaldropdown:after {
    content: "";
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-arrow-down.svg) center
        center no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 2px;
    margin-left: 15px;
}

.viewLegal .lesslegaldropdown {
    font-weight: 600;
    font-size: 16px;
    color: #8c4799;
    cursor: pointer;
}

.viewLegal .lesslegaldropdown:after {
    content: "";
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-arrow-up.svg) center center
        no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 2px;
    margin-left: 15px;
}

.viewLegal .imgLegal {
    width: 100%;
    max-width: 400px;
}

.viewLegal .imgLegalMobile {
    width: 80%;
    height: 100%;
}

.viewLegal .cerrarModal {
    text-decoration-line: underline !important;
}

.modalGeneral .modal-header {
    border-bottom: 0;
}

.modalGeneral .modal-footer {
    border-top: 0;
    justify-content: center;
}

.campaing-vitrina {
    max-height: 390px;
    width: 100%;
    background-color: blue;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center center;
    margin-bottom: 50px;
    overflow: hidden;
}

.campaing-vitrina img {
    width: 100%;
}

@media (max-width: 768px) {
    .campaing-vitrina {
        margin-bottom: 25px;
        max-height: 230px;
    }
}

.campaing-header {
    padding-top: 50px;
    padding-bottom: 60px;
}

.campaing-header .title {
    margin-bottom: 25px;
}

.campaing-header .paragraph {
    margin-bottom: 60px;
}

@media (max-width: 768px) {
    .campaing-header {
        padding-top: 25px;
        padding-bottom: 20px;
    }

    .campaing-header .title {
        margin-bottom: 15px;
    }

    .campaing-header .paragraph {
        margin-bottom: 30px;
    }
}

.campaing-cards {
    background-color: #f7f7f7;
}

.campaing-cards .title {
    margin-bottom: 50px;
}

.campaing-cards .card {
    width: 100%;
    max-width: 480px;
    border-radius: 12px;
    border: 0;
    transition: 0.25s ease-in-out;
    margin: 0 auto 30px;
}

.campaing-cards .card-img {
    overflow: hidden;
    border-radius: 12px 12px 0 0;
    height: 188px;
    background-color: #c4c4c4;
    position: relative;
}

.campaing-cards .card-img img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    height: inherit;
}

.campaing-cards .card-text {
    padding: 20px 30px;
    width: 100%;
    border-radius: 0 0 12px 12px;
}

.campaing-cards .card:hover {
    text-decoration: none;
    cursor: pointer;
    box-shadow: 2px 2px 25px rgba(95, 81, 112, 0.25);
}

@media (max-width: 768px) {
    .campaing-cards .title {
        margin-bottom: 30px;
    }

    .campaing-cards .card {
        max-width: 330px;
        margin-bottom: 15px;
    }

    .campaing-cards .card-img {
        height: 160px;
    }

    .campaing-cards .card-text {
        padding: 15px;
    }

    .campaing-cards .slideCards .card {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .campaing-cards .slideCards .next,
    .campaing-cards .slideCards .prev {
        opacity: 0;
        z-index: 100;
        position: absolute;
        height: 300px;
        width: 60px;
    }

    .campaing-cards .slideCards .slick-prev.prev {
        left: 0;
    }

    .campaing-cards .slideCards .slick-next.next {
        right: 0;
        top: 0;
    }
}

@media (max-width: 390px) {
    .campaing-cards .slideCards .card {
        width: calc(100% - 30px);
    }

    .campaing-cards .slideCards .card .card-img {
        height: auto;
    }

    .campaing-cards .slideCards .card .card-img img {
        margin: 0;
        position: relative;
        transform: inherit;
        top: 0;
        left: 0;
    }
}

.campaing-article .article-1 .title {
    margin-bottom: 40px;
}

.campaing-article .article-1 img {
    width: 100%;
    height: auto;
}

.campaing-article .article-2 {
    margin-bottom: 40px;
}

.campaing-article .article-2 img {
    width: 100%;
    height: auto;
    margin-top: 25px;
}

.campaing-article .article-2 .title {
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    .campaing-article .article-1 .title {
        margin-bottom: 30px;
    }

    .campaing-article .article-1 img {
        margin-bottom: 40px;
    }

    .campaing-article .article-2 .title {
        margin-bottom: 25px;
    }

    .campaing-article .article-2 img {
        margin-bottom: 40px;
    }
}

.campaing-legal {
    background-color: #fbfbfb;
}

.campaing-legal button {
    text-align: left;
    width: 150px;
    appearance: none;
    background: 0;
    border: 0;
    outline: 0;
}

.campaing-legal button:after {
    top: 5px;
}

.campaing-legal img {
    width: 100%;
}

.campaing-legal a {
    display: inline;
}

.campaing i {
    width: 30px;
    height: 40px;
    display: inline-block;
}

.campaing .i-legal {
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-viewdoc-find.svg) center
        center no-repeat;
}

.campaing .modal-dialog {
    margin-top: 10vh;
}

.campaing .close {
    z-index: 100;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-remove-x.svg) center center
        no-repeat;
}

.campaing .button {
    box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    padding: 21px 25px;
    font-weight: 600;
    font-size: 18px;
    display: inline-block;
    font-family: montserrat, sans-serif;
    text-align: center;
    min-width: 360px;
    transition: 0.25s ease-in-out;
}

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

.campaing .button + .button {
    margin-left: 20px;
}

.campaing .button-purple {
    background-color: #8c4799;
    color: #fff;
}

.campaing .button-purple:hover {
    background-color: #9c4faa;
}

.campaing .button-purple-dark {
    background-color: #523178;
    color: #fff;
}

.campaing .button-purple-dark:hover {
    background-color: #5e388a;
}

.campaing .button-red {
    background-color: #ee2737;
    color: #fff;
}

.campaing .button-red:hover {
    background-color: #f03f4d;
}

@media (max-width: 768px) {
    .campaing .button {
        padding: 14.5px 20px;
        font-size: 15.5px;
        border-radius: 5px;
        width: 100%;
        min-width: 280px;
        max-width: 330px;
    }
}

.campaing .size-1 {
    font-family: montserrat, sans-serif;
    font-size: 30px;
    line-height: 1.3;
}

@media (max-width: 768px) {
    .campaing .size-1 {
        font-size: 24px;
    }
}

.campaing .size-2 {
    font-family: montserrat, sans-serif;
    font-size: 28px;
    line-height: 1.3;
}

@media (max-width: 768px) {
    .campaing .size-2 {
        font-size: 20px;
    }
}

.campaing .size-3 {
    font-family: montserrat, sans-serif;
    font-size: 22px;
    line-height: 1.3;
}

@media (max-width: 768px) {
    .campaing .size-3 {
        font-size: 14.5px;
    }
}

.campaing .size-4 {
    font-family: montserrat, sans-serif;
    font-size: 22px;
    line-height: 1.3;
}

@media (max-width: 768px) {
    .campaing .size-4 {
        font-size: 14.5px;
    }
}

.campaing .size-5 {
    font-family: montserrat, sans-serif;
    font-size: 18px;
    line-height: 1.3;
}

@media (max-width: 768px) {
    .campaing .size-5 {
        font-size: 14px;
    }
}

.campaing .size-6 {
    font-family: montserrat, sans-serif;
    font-size: 13px;
    line-height: 1.3;
}

@media (max-width: 768px) {
    .campaing .size-6 {
        font-size: 13px;
    }
}

.campaing .weight-light {
    font-weight: 400;
}

.campaing .weight-normal {
    font-weight: 500;
}

.campaing .weight-semibold {
    font-weight: 600;
}

.campaing .weight-bold {
    font-weight: 700;
}

.campaing .color-purple {
    color: #6b409c;
}

.campaing .color-purple-light {
    color: #8c4799;
}

.campaing .color-purple-dark {
    color: #523178;
}

.campaing .color-grey {
    color: #737373;
}

.campaing .color-grey-light {
    color: #eee;
}

.campaing .color-grey-dark {
    color: #404040;
}

.cyber .t2 {
    font-size: 25.5px;
    line-height: 1.2;
}

.cyber .t1 {
    font-size: 35px;
    line-height: 1.2;
}

.cyber .t1 b {
    font-weight: 800 !important;
}

@media (max-width: 767px) {
    .cyber .t1 {
        font-size: 27px;
    }

    .cyber .t2 {
        font-size: 21px;
    }
}

.bgCyber {
    background-repeat: no-repeat;
    background-size: cover;
}

.bgCyber .boxTime:after {
    content: "";
    height: calc(100% - 20px);
    width: 1px;
    background-color: #ffffff26;
    position: absolute;
    right: calc(100% - 1px);
    top: 10px;
}

@media (max-width: 761px) {
    .bgCyber .boxTime:after {
        display: none;
    }
}

.bgCyber .boxTime p {
    text-align: center;
}

.bgCyber .title sup {
    font-size: 10px;
    margin: 5px;
}

.bgCyber .title label {
    margin: 0;
}

@media (max-width: 761px) {
    .bgCyber .title {
        font-size: 19.5px;
    }

    .bgCyber .boxTime p {
        font-size: 18.5px;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .bgCyber .boxTime {
        width: calc(100% - 60px);
    }
}

.bgCyberHome {
    background-image: linear-gradient(180deg, #7e4a91 0, #4e3578 100%);
}

.bgCyberHome .contenedorCreditos_box {
    background-color: #fff;
    box-shadow: 4px 10px 15px rgba(0, 0, 0, 0.25);
}

.bgCyberHome .contenedorCreditos_box p {
    color: #4f2d7f;
}

.bgCyberHome .contenedorCreditos_box span {
    color: #4f2d7f;
    font-weight: 700 !important;
}

.bgCyberHome .contenedorCreditos_box .buttonRed span {
    color: #fff !important;
}

.yellow {
    color: #f2ad4b;
}

.boxTextYellow {
    width: 100%;
    background-color: #f2ad4b;
    padding: 10px 20px;
    font-size: 19.5px;
}

@media (max-width: 761px) {
    .boxTextYellow {
        font-size: 14.5px;
        text-align: center;
    }
}

.contenedorPromoSAV .contIMG img,
.contenedorPromoAV .contIMG img {
    transition: 0.25s ease-in-out;
    border-radius: 10px;
    width: auto !important;
    box-shadow:
        4px 10px 15px rgba(0, 0, 0, 0.25),
        0 0 5px transparent;
    max-height: 145px;
}

.contenedorPromoSAV .contIMG img:hover,
.contenedorPromoAV .contIMG img:hover {
    box-shadow:
        4px 10px 15px rgba(0, 0, 0, 0.25),
        0 0 22px #f2ad4b;
}

@media (max-width: 767px) {
    .contenedorPromoSAV .contIMG,
    .contenedorPromoAV .contIMG {
        text-align: center;
    }

    .contenedorPromoSAV .contIMG img,
    .contenedorPromoAV .contIMG img {
        max-height: 200px;
        width: auto !important;
    }
}

.promoTarjetas {
    background-color: #e0e0e0;
}

.boxCountDown p {
    line-height: 1;
    font-weight: 700;
    font-size: 30px;
    margin-top: 11px;
}

.boxCountDown span {
    margin: 5px;
    background: #000;
    border: 1px solid rgba(255, 255, 255, 0.5);
    padding: 5px;
    font-size: 200%;
    border-radius: 5px;
    text-align: center;
    letter-spacing: 3px;
    font-weight: 700;
}

.boxCountDown span.s {
    min-width: 60px !important;
}

@media (max-width: 575px) {
    .boxCountDown span {
        font-size: 150%;
        padding: 5px 8px;
    }
}

#headerCintillo .boxCountDown .s2,
#headerCintilloMobile .boxCountDown .s2 {
    font-size: 11px;
}

#headerCintillo .boxCountDown span,
#headerCintilloMobile .boxCountDown span {
    font-size: 21px;
}

@media (max-width: 767px) {
    #headerCintillo .boxCountDown span,
    #headerCintilloMobile .boxCountDown span {
        font-size: 18px;
    }
}

.blackFriday .linkBlack .box-hover {
    width: calc(95% - 30px);
    height: 84%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -7%);
    box-shadow:
        7px 2px 5px rgba(136, 75, 249, 0.51),
        0 7px 5px rgba(136, 75, 249, 0.51),
        -7px 2px 5px rgba(136, 75, 249, 0.51);
    z-index: 5;
    opacity: 0;
    transition: 0.25s ease-in-out;
}

.blackFriday .linkBlack img {
    z-index: 10;
    position: relative;
}

.blackFriday .linkBlack:hover .box-hover {
    opacity: 1;
}

.blackFriday .contenedorBlack-border {
    border: 1px solid #884bf9;
    position: relative;
}

.blackFriday .contenedorBlack-border .title {
    background-color: #000;
    position: relative;
    top: -20px;
    padding: 5px 15px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    display: inline-block;
}

.blackFriday .contenedorBlack-border .title .purple-2 {
    color: #884bf9;
    font-weight: 800;
}

.blackFriday .boxTextPurple {
    width: 100%;
    padding: 10px 20px;
    font-size: 22.5px;
    background-color: #a221a3;
    color: #fff;
}

@media (max-width: 767px) {
    .blackFriday .boxTextPurple {
        font-size: 18px;
        padding: 5px 15px;
    }
}

@media (max-width: 767px) {
    .blackFriday .contenedorPromoAV .title,
    .blackFriday .contenedorPromoSAV .title {
        top: -18px;
    }

    .blackFriday .contenedorPromoAV .t2,
    .blackFriday .contenedorPromoSAV .t2 {
        font-size: 17px;
    }

    .blackFriday .contenedorPromoAV .t2 sup,
    .blackFriday .contenedorPromoSAV .t2 sup {
        font-size: 10px;
    }
}

.blackFriday .bgBlack {
    background: #000;
}

.blackFriday .bgText {
    width: 100%;
    padding: 10px 20px;
    font-size: 20px;
    color: #fff;
    font-weight: 400 !important;
    font-family: montserrat, sans-serif;
}

.blackFriday .bgText b {
    font-weight: 800;
}

@media (max-width: 767px) {
    .blackFriday .bgText {
        font-size: 11px;
        padding: 5px 10px;
    }
}

.blackFriday .bgText-yellow {
    background-color: #f2ad4b;
}

.blackFriday .bgText-purple {
    background-color: #884bf9;
}

.blackFriday .headerBg {
    position: relative;
}

.blackFriday .headerBg img {
    position: absolute;
    top: -15px;
    left: 0;
    min-width: 60vw;
    max-width: 800px;
}

@media (max-width: 767px) {
    .blackFriday .headerBg img {
        min-width: 50vw;
        max-width: 500px;
    }
}

@media (max-width: 490px) {
    .blackFriday .headerBg img {
        max-width: 100vw;
    }
}

.blackFriday .nav-sim-pago {
    margin-top: 0;
    min-height: auto;
    background-color: #e5e5e5;
}

.blackFriday .nav-sim-pago a {
    text-decoration: none;
    font-weight: 500;
}

.blackFriday .nav-sim-pago a b {
    font-weight: 800;
}

.blackFriday .nav-sim-pago .line {
    height: 35px;
    margin-top: auto;
    margin-bottom: auto;
}

@media (max-width: 991px) {
    .blackFriday .nav-sim-pago .line {
        margin-left: 0;
        margin-right: 0;
        width: 1px;
        opacity: 1;
    }

    .blackFriday .nav-sim-pago .box-item {
        margin: 10px 7px;
    }

    .blackFriday .nav-sim-pago a {
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .blackFriday .nav-sim-pago .line {
        margin-left: 3px;
        margin-right: 3px;
        opacity: 0.5;
    }

    .blackFriday .nav-sim-pago .box-item {
        margin: 10px 0;
    }

    .blackFriday .nav-sim-pago p {
        line-height: 1;
    }

    .blackFriday .nav-sim-pago a {
        font-size: 11px;
        line-height: 1.2;
    }
}

@media (max-width: 575px) {
    .blackFriday .nav-sim-pago {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .blackFriday .nav-sim-pago a {
        font-size: 8px;
        line-height: 1.2;
    }
}

.blackFriday i {
    width: 35px;
    height: 50px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.blackFriday i.i-paga {
    background-image: url(../img/landing/cyberDay-blackFriday/blackFriday/2020/i-paga.png);
}

.blackFriday i.i-declara {
    background-image: url(../img/landing/cyberDay-blackFriday/blackFriday/2020/i-declara.png);
}

.blackFriday i.i-revisa {
    background-image: url(../img/landing/cyberDay-blackFriday/blackFriday/2020/i-revisa.png);
}

.blackFriday i.i-conoce {
    background-image: url(../img/landing/cyberDay-blackFriday/blackFriday/2020/i-conoce.png);
}

@media (max-width: 991px) {
    .blackFriday i {
        width: 28px;
        height: 40px;
    }
}

.navidad2019 .bgNavidad {
    background: #4d3575 url(../img/cyber/navidad/bg-navidad.jpg) top center
        no-repeat;
    background-size: cover;
}

#row50 .order-1 {
    padding-right: 0 !important;
}

#row50 .order-2 {
    padding-left: 0 !important;
}

@media (max-width: 767px) {
    #row50 .order-1,
    #row50 .order-2 {
        padding: 0 !important;
    }
}

@import "https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800";

.transition1,
.btnRed,
.btnWhite,
.btnPurple,
.btnLightPurple,
.btnYellow,
.link,
.download {
    transition: all 0.25s ease-in-out;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    width: 100%;
    border: 0;
    max-width: 100%;
    padding: 0;
    margin: 0;
    padding-top: 90px;
}

@media (max-width: 1024px) {
    body {
        padding-top: 60px;
    }
}

@media (max-width: 780px) {
    body {
        max-width: 100vw;
        overflow-x: hidden;
    }
}

button,
a,
input,
select,
option {
    outline: 0;
    box-shadow: none;
}

button:focus,
a:focus,
input:focus,
select:focus,
option:focus {
    box-shadow: none !important;
}

.contentBTN {
    margin: 30px 0;
}

.simple-line-height {
    line-height: 1.3;
}

.low-line-height {
    line-height: 0.8;
}

@media (max-width: 575px) {
    .low-line-height {
        line-height: 1;
    }
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
    font-family: montserrat, sans-serif;
    font-weight: 500;
    font-size: 15.5px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 10px;
}

.btnRed,
.btnWhite,
.btnPurple,
.btnLightPurple,
.btnYellow {
    text-align: center;
    display: inline-block;
    padding: 1rem 1.5rem;
    box-shadow: 1px 2px 3px rgba(76, 76, 76, 0.5);
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 13.5px;
    color: #fff !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.btnRed:hover,
.btnWhite:hover,
.btnPurple:hover,
.btnLightPurple:hover,
.btnYellow:hover {
    box-shadow: 1px 2px 3px rgba(76, 76, 76, 0.75);
    text-decoration: none;
}

.btnYellow {
    background-color: #f2ad4b;
}

.btnYellow:hover {
    background-color: #feb957;
    color: #fff;
}

.btnPurple {
    background-color: #4f2d7f;
}

.btnPurple:hover {
    background-color: #361860;
    color: #fff;
}

.btnLightPurple {
    background-color: #894590;
}

.btnLightPurple:hover {
    background-color: #893492;
    color: #fff;
}

.btnWhite {
    color: #4f2d7f !important;
    background-color: #ededed;
}

.btnWhite:hover {
    background-color: #fff;
    color: #4f2d7f !important;
}

.btnRed {
    background-color: #ee2737;
    border-radius: 4px;
    cursor: pointer;
}

.btnRed:hover {
    background-color: #f8414b;
    color: #fff !important;
}

.btnMeInteresa {
    color: #fff !important;
    background: #894490;
    padding: 11px 0;
    max-width: none;
    width: 30%;
    margin: 20px 0 10px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 4px !important;
    display: inline-block;
}

.link,
.download {
    padding-left: 15px;
    position: relative;
    font-weight: 600;
    color: #894590;
}

.link:hover,
.download:hover {
    text-decoration: none;
    color: #894590;
}

.link:before,
.download:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 16px;
    width: 10px;
}

.link:before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iN3B4IiBoZWlnaHQ9IjVweCIgdmlld0JveD0iMCAwIDcgNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDguMiAoNDczMjcpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPmljb25fc2VsZWN0LWFycm93PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9ImxheW91dC9iYXItcmlwbGV5IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI1Ny4wMDAwMDAsIC0xMy4wMDAwMDApIj4KICAgICAgICA8ZyBpZD0iaW5wdXQvc2VsZWN0LWFycm93IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjU2LjAwMDAwMCwgMTMuMDAwMDAwKSIgZmlsbD0iIzg5NDU5MCIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHBhdGggZD0iTTMuMTkyOTY4MSw1LjgzMzMzMzMzIEMyLjk5NjYwMjA0LDUuODMzMzMzMzMgMi44MDAwOTY5MSw1Ljc1Nzg1OTE5IDIuNjQ2NTY0MjQsNS42MDYwNDE3IEMyLjMyOTIwNzc2LDUuMjkxNjg2ODEgMi4zMTY1NTI0NCw0Ljc2ODcyNzc0IDIuNjE4MTk0MDgsNC40MzgwMDMyMSBMNC4zOTI0NDIwOSwyLjQ5NDIxNzk1IEwyLjYyMDAwMTk4LDAuNTYzOTA1MDQgQzIuMzE3MjQ3NzksMC4yMzQzMzk0MjEgMi4zMjgzNzMzNSwtMC4yODg2MTk2NDggMi42NDQ4OTU0MSwtMC42MDQxMzM0NTggQzIuOTYxNTU2NTQsLTAuOTE5NjQ3MjY3IDMuNDYzNDU4MTgsLTAuOTA3OTEzMjgyIDMuNzY2MjEyMzcsLTAuNTc4MjAyOCBMNi4wNjE1NTM2LDEuOTIxMTM1OTMgQzYuMzU0MTU1NzIsMi4yMzk4MzY3NSA2LjM1NDcxMiwyLjc0MTc5MDU0IDYuMDYzMzYxNTEsMy4wNjE1MDU0IEwzLjc2ODE1OTM0LDUuNTc2NDg5NDUgQzMuNjExOTg0MzUsNS43NDY5OTQzOCAzLjQwMjk2Mjk3LDUuODMzMzMzMzMgMy4xOTI5NjgxLDUuODMzMzMzMzMgWiIgaWQ9IlNoYXBlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjM0MDcyMCwgMi41MDAwMDApIHJvdGF0ZSg5MC4wMDAwMDApIHRyYW5zbGF0ZSgtNC4zNDA3MjAsIC0yLjUwMDAwMCkgIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)
        center center no-repeat;
    background-size: contain;
    transform: rotate(-90deg);
}

.download:before {
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-download.svg) no-repeat
        center center;
    background-size: contain;
}

.arrow-down {
    position: relative;
    display: inline-block;
    font-family: montserrat, sans-serif;
    width: 100%;
}

.arrow-down:after {
    content: "";
    height: 10px;
    width: 10px;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-down-menu.svg) center
        center no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 40%;
    right: 25px;
}

.arrow-right {
    position: relative;
    display: inline-block;
    font-family: montserrat, sans-serif;
    width: 100%;
}

.arrow-right:after {
    content: "";
    height: 10px;
    width: 10px;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-down-menu.svg) no-repeat
        right center;
    background-size: contain;
    position: absolute;
    bottom: 40%;
    right: 25px;
}

.t0 {
    font-size: 100px;
}

@media (max-width: 767px) {
    .t0 {
        font-size: 50px;
    }
}

.t1 {
    font-size: 35px;
}

.t2a {
    font-size: 22px;
}

.t2 {
    font-size: 22.5px;
}

.t3 {
    font-size: 19.5px;
}

.t4 {
    font-size: 16.5px;
}

.t5 {
    font-size: 32px;
}

.t6 {
    font-size: 40px;
}

.t7 {
    font-size: 36px;
}

.t8 {
    font-size: 24px;
}

.t9 {
    font-size: 15px;
}

.t10 {
    font-size: 16px;
}

.t11 {
    font-size: 17px;
}

.s1 {
    font-size: 13.5px;
}

.s2 {
    font-size: 12.5px;
}

.s3 {
    font-size: 11px;
}

.s4 {
    font-size: 12px;
}

.s5 {
    font-size: 14px;
}

.lh1 {
    line-height: 20px !important;
}

.s6 {
    font-size: 10px;
}

.normal {
    font-weight: 400 !important;
}

.light {
    font-weight: 400 !important;
}

.strongLight {
    font-weight: 500 !important;
}

.semiBold {
    font-weight: 600 !important;
}

.bold {
    font-weight: 700 !important;
}

.yellow {
    color: #feb957 !important;
}

.white {
    color: #fff !important;
}

.black1 {
    color: #404040 !important;
}

.black2 {
    color: #424242 !important;
}

.black3 {
    color: #444 !important;
}

.black4 {
    color: #000 !important;
}

.purple {
    color: #894590 !important;
}

.purple3 {
    color: #8c4799 !important;
}

.purpleDark {
    color: #4f2d7f !important;
}

.red {
    color: #ee2737 !important;
}

.grey {
    color: #4c4c4c !important;
}

.grey4 {
    color: #484848 !important;
}

.grey5 {
    color: #737373 !important;
}

.grey6 {
    color: #58595b !important;
}

.subrayado {
    text-decoration: underline;
    cursor: pointer;
}

.grey0 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 37px;
    background-color: transparent;
    position: absolute;
    z-index: 1;
    margin-top: 50px;
    margin-left: 35px;
}

.darkPurple3 {
    color: #4f2d7f !important;
}

.darkPurple3_1 {
    color: #4f2d7f;
}

.darkPurple4 {
    color: #523178;
}

.darkPurple5 {
    color: #462a66;
}

.grey00 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 37px;
    background-color: transparent;
    position: absolute;
    z-index: 1;
    margin-top: 50px;
    margin-left: 35px;
}

.grey1 {
    color: #4c4c4c !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    background-color: transparent;
    position: absolute;
    z-index: 3;
    margin-left: 12%;
    margin-top: 80px;
}

.grey10 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    background-color: transparent;
    position: absolute;
    z-index: 3;
    margin-left: 12%;
    margin-top: 80px;
}

.lightGrey3 {
    color: #7b7e83 !important;
}

.lightGrey4 {
    color: #3f3f41 !important;
}

.lightGrey5 {
    color: #939393 !important;
}

.lightGrey6 {
    color: #8c8c8c !important;
}

.lightGrey7 {
    color: #737373 !important;
}

.lightGrey8 {
    color: #727171;
}

.lightGrey9 {
    color: #9d9d9d;
}

.lightGrey10 {
    color: #aaa7a7;
}

.lightGrey11 {
    color: #6e6e6e;
}

.upCase {
    text-transform: uppercase;
}

.content-line {
    position: relative;
}

.content-line:after {
    content: "";
    height: 100%;
    width: 1px;
    background-color: #efefef;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1px;
}

.globo {
    position: fixed;
    bottom: 35px;
    right: 85px;
    z-index: 4001;
}

.form-dni {
    margin: 30px 0 15px;
}

.form-recaptcha {
    margin: 10px 0;
}

.form-datosPersonales {
    padding: 0;
}

.form-datosPersonales .form-check-input {
    position: absolute;
    opacity: 0;
}

.form-datosPersonales .form-check-input + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    padding-left: 30px;
}

.form-datosPersonales .form-check-input + label:before {
    content: "";
    margin-left: -30px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: 2px;
}

.form-datosPersonales .form-check-input:hover + label:before {
    background: #523178;
}

.form-datosPersonales .form-check-input:checked + label:before {
    background: #523178;
    border: 1px solid #523178;
}

.form-datosPersonales .form-check-input:checked + label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    background: #fff;
    width: 2px;
    height: 2px;
    box-shadow:
        2px 0 0 #fff,
        4px 0 0 #fff,
        4px -2px 0 #fff,
        4px -4px 0 #fff,
        4px -6px 0 #fff,
        4px -8px 0 #fff;
    transform: rotate(45deg);
}

.form-datosPersonales label a {
    text-decoration: underline;
    color: #8c4799;
}

.cardProduct {
    width: 49.5%;
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
}

.cardProduct:hover {
    background: #f1f1f1;
    cursor: pointer;
}

.cardProduct svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    fill: #523178;
}

.tooltipGeneral {
    position: relative;
    display: inline-block;
}

.tooltipGeneral .tooltiptext {
    visibility: hidden;
    width: 220px;
    background-color: #8c4799;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    font-size: 12px;
    bottom: 125%;
    left: 50%;
    margin-left: -110px;
    transition: opacity 0.3s;
    text-align: start;
}

.tooltipGeneral .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #8c4799 transparent transparent transparent;
}

.tooltipGeneral:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.modalError .dialogModal {
    max-width: 600px;
}

.modalError .titleModal {
    font-weight: 600;
    font-size: 14.5px;
    text-align: center;
    color: #523178;
}

.modalError .descriptionModal {
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    color: #404040;
}

.modalError .btnCerrar {
    background: #523178;
    border-radius: 4px;
    padding: 11px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

.modalError .modal-footer {
    border-top: 0;
    justify-content: center;
}

.viewLegal .legal-text {
    bottom: 527px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
    text-align: justify;
}

.viewLegal .titleLegal {
    cursor: pointer !important;
}

.viewLegal .titleLegalMobile {
    cursor: pointer !important;
    text-decoration-line: underline !important;
}

.viewLegal .morelegaldropdown {
    font-weight: 600;
    font-size: 16px;
    color: #8c4799;
    cursor: pointer;
}

.viewLegal .morelegaldropdown:after {
    content: "";
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-arrow-down.svg) center
        center no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 2px;
    margin-left: 15px;
}

.viewLegal .lesslegaldropdown {
    font-weight: 600;
    font-size: 16px;
    color: #8c4799;
    cursor: pointer;
}

.viewLegal .lesslegaldropdown:after {
    content: "";
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-arrow-up.svg) center center
        no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 2px;
    margin-left: 15px;
}

.viewLegal .imgLegal {
    width: 100%;
    max-width: 400px;
}

.viewLegal .imgLegalMobile {
    width: 80%;
    height: 100%;
}

.viewLegal .cerrarModal {
    text-decoration-line: underline !important;
}

.modalGeneral .modal-header {
    border-bottom: 0;
}

.modalGeneral .modal-footer {
    border-top: 0;
    justify-content: center;
}

.contenedorSolicitarActualizaDatos {
    padding-top: 35px;
    padding-bottom: 35px;
    background: #fcfcfc;
    font-family: montserrat, sans-serif;
}

.contenedorSolicitarActualizaDatos .c1 {
    font-size: 30px;
}

.contenedorSolicitarActualizaDatos .c2 {
    font-size: 29px;
}

.contenedorSolicitarActualizaDatos .c3 {
    font-size: 28px;
}

.contenedorSolicitarActualizaDatos .c4 {
    font-size: 27px;
}

.contenedorSolicitarActualizaDatos .c5 {
    font-size: 26px;
}

.contenedorSolicitarActualizaDatos .d1 {
    font-size: 25px;
}

.contenedorSolicitarActualizaDatos .d2 {
    font-size: 24px;
}

.contenedorSolicitarActualizaDatos .d3 {
    font-size: 23px;
}

.contenedorSolicitarActualizaDatos .d4 {
    font-size: 22px;
}

.contenedorSolicitarActualizaDatos .d5 {
    font-size: 21px;
}

.contenedorSolicitarActualizaDatos .t1 {
    font-size: 20px;
}

.contenedorSolicitarActualizaDatos .t2 {
    font-size: 19px;
}

.contenedorSolicitarActualizaDatos .t3 {
    font-size: 18px;
}

.contenedorSolicitarActualizaDatos .t4 {
    font-size: 17px;
}

.contenedorSolicitarActualizaDatos .t5 {
    font-size: 16px;
}

.contenedorSolicitarActualizaDatos .s1 {
    font-size: 15px;
}

.contenedorSolicitarActualizaDatos .s2 {
    font-size: 14px;
}

.contenedorSolicitarActualizaDatos .s3 {
    font-size: 13px;
}

.contenedorSolicitarActualizaDatos .s4 {
    font-size: 12px;
}

.contenedorSolicitarActualizaDatos .s5 {
    font-size: 11px;
}

.contenedorSolicitarActualizaDatos .p1 {
    font-size: 10px;
}

.contenedorSolicitarActualizaDatos .p2 {
    font-size: 9px;
}

.contenedorSolicitarActualizaDatos .p3 {
    font-size: 8px;
}

.contenedorSolicitarActualizaDatos .p4 {
    font-size: 7px;
}

.contenedorSolicitarActualizaDatos .p5 {
    font-size: 6px;
}

.contenedorSolicitarActualizaDatos .title {
    color: #523178;
    font-size: 32px;
}

.contenedorSolicitarActualizaDatos .form-control {
    height: calc(2.25rem + 12px);
}

.contenedorSolicitarActualizaDatos input[type="text"] {
    color: #464b5b;
}

.contenedorSolicitarActualizaDatos input[type="text"]::placeholder {
    color: #c3c3c3;
}

.contenedorSolicitarActualizaDatos input[type="text"]:-ms-input-placeholder {
    color: #c3c3c3;
}

.contenedorSolicitarActualizaDatos
    input[type="text"]::-webkit-input-placeholder {
    color: #c3c3c3;
}

.contenedorSolicitarActualizaDatos input[type="text"]::-moz-placeholder {
    color: #c3c3c3;
}

.contenedorSolicitarActualizaDatos
    .custom-control-input:checked
    ~ .custom-control-label::before {
    color: #fff;
    border-color: #8c4799;
    background-color: #8c4799;
}

.contenedorSolicitarActualizaDatos
    .custom-control-input:not(:disabled):active
    ~ .custom-control-label::before {
    color: #fff;
    background-color: #e9cda6;
    border-color: #e9cda6;
}

.contenedorSolicitarActualizaDatos .otherOptionsActualizaDatos {
    width: 100%;
    background: #fafafa;
    border: 1px solid #eee;
    box-sizing: border-box;
    border-radius: 5px;
}

.contenedorSolicitarActualizaDatos .menu-pasos {
    display: flex;
    justify-content: center;
    padding-top: 5px;
}

.contenedorSolicitarActualizaDatos .menu-pasos ul {
    list-style: none;
}

.contenedorSolicitarActualizaDatos .menu-pasos ul li {
    margin: 0 0 15px;
    color: #d4d4d4;
    font-weight: 500;
}

.contenedorSolicitarActualizaDatos .menu-pasos ul li.active {
    color: #8c4799;
    font-weight: 600;
}

.contenedorSolicitarActualizaDatos .menu-pasos ul li.active:before {
    content: url(https://www.bancoripley.com.pe/img/svg/i-arrow-right.svg);
    margin-left: -30px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
}

.contenedorSolicitarActualizaDatos .menu-pasos ul li.checked {
    color: #373737;
    font-weight: 600;
}

.contenedorSolicitarActualizaDatos .menu-pasos ul li.checked:before {
    content: url(https://www.bancoripley.com.pe/img/svg/i-checked-green.svg);
    margin-left: -30px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
}

.contenedorSolicitarActualizaDatos .form-oferta {
    width: 100%;
    max-width: 500px;
    background: #f4f6f6;
    border: 1px solid #e4e4e4;
    box-sizing: border-box;
    border-radius: 4px;
    margin-top: 15px;
}

.contenedorSolicitarActualizaDatos .divFormAfterPrestamo {
    display: block;
    background-color: #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    z-index: 1;
    width: calc((100vw - 1160px) / 2);
}

.contenedorSolicitarActualizaDatos .divFormulario {
    background: #e5e5e5;
}

.contenedorSolicitarActualizaDatos .fitContent {
    width: fit-content;
}

.contenedorSolicitarActualizaDatos .pointer {
    cursor: pointer;
}

.contenedorSolicitarActualizaDatos .divResumen {
    background: #f6f6f6;
    border-radius: 6px;
    margin-top: 20px;
    padding: 25px;
}

.contenedorSolicitarActualizaDatos .textSelected {
    color: #fff;
}

.contenedorSolicitarActualizaDatos .textUnselected {
    color: #523178;
}

.contenedorSolicitarActualizaDatos .boxSelected {
    background: #523178;
}

.contenedorSolicitarActualizaDatos .boxRipleyBank {
    cursor: pointer;
}

.contenedorSolicitarActualizaDatos .boxOtherBank {
    cursor: pointer;
}

.contenedorSolicitarActualizaDatos .textRipleyBank {
    cursor: pointer;
}

.contenedorSolicitarActualizaDatos .textOtherBank {
    cursor: pointer;
}

.contenedorSolicitarActualizaDatos .divFormContain {
    position: relative;
}

.contenedorSolicitarActualizaDatos .divBackOne {
    height: 260px;
    background: #523178;
}

.contenedorSolicitarActualizaDatos .divBackTwo {
    height: 350px;
    background: #fff;
}

.contenedorSolicitarActualizaDatos .divForm {
    background: #e0e0e0;
    padding-top: 110px;
    padding-bottom: 110px;
}

.contenedorSolicitarActualizaDatos .divBanner {
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    text-align: center;
    background: #4f3173;
}

.contenedorSolicitarActualizaDatos .divBanner::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -659%;
    width: 659%;
    height: 100%;
    background: #4f3173;
}

.contenedorSolicitarActualizaDatos .divFormAfter {
    display: block;
    background-color: #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    z-index: 1;
    width: calc((100vw - 838px) / 2);
}

.contenedorSolicitarActualizaDatos .divFormLoSentimosAfter {
    display: block;
    background-color: #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    z-index: 1;
    width: calc((100vw - 1157px) / 2);
}

.contenedorSolicitarActualizaDatos .divCellphone {
    background: #f0f0f0;
    border-radius: 4px;
}

.contenedorSolicitarActualizaDatos .divCellphone img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

.contenedorSolicitarActualizaDatos .divRecommended {
    background: #8c4799;
    border-radius: 0 6px;
    position: absolute;
    top: 0;
    right: 0;
    padding-left: 15px;
    padding-right: 15px;
}

.contenedorSolicitarActualizaDatos .divRecommended label {
    vertical-align: middle;
}

.contenedorSolicitarActualizaDatos .resend_code {
    text-decoration: underline;
    cursor: pointer;
}

.contenedorSolicitarActualizaDatos .btn:hover {
    color: #fff;
}

.contenedorSolicitarActualizaDatos .btnModalEmail {
    background: #523178;
    border-radius: 4px;
    padding-top: 12px;
    padding-bottom: 12px;
    width: 60%;
    max-width: none;
}

.contenedorSolicitarActualizaDatos .btnCerrar {
    background: #523178;
    border-radius: 4px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 0;
    width: -webkit-fill-available;
    margin: 0 auto;
}

.contenedorSolicitarActualizaDatos .centerTextHorizontal {
    text-align: center;
}

.contenedorSolicitarActualizaDatos .tooltip1 {
    position: relative;
    display: inline-block;
}

.contenedorSolicitarActualizaDatos .tooltip1 .tooltiptext {
    visibility: hidden;
    width: 220px;
    background-color: #8c4799;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    font-size: 12px;
    bottom: 125%;
    left: 50%;
    margin-left: -110px;
    transition: opacity 0.3s;
    text-align: start;
}

.contenedorSolicitarActualizaDatos .tooltip1 .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #8c4799 transparent transparent transparent;
}

.contenedorSolicitarActualizaDatos .tooltip1:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.contenedorSolicitarActualizaDatos .endTextHorizontal {
    text-align: end;
}

.contenedorSolicitarActualizaDatos .lessPromotionals {
    font-weight: 600;
    font-size: 16px;
    color: #8c4799;
}

.contenedorSolicitarActualizaDatos .lessPromotionals:before {
    content: url(../img/efex/svg/ic_less.svg);
    margin-right: 5px;
    width: 20px;
    height: 20px;
    vertical-align: 10%;
}

.contenedorSolicitarActualizaDatos .listGraciasActualizaDatos {
    margin-left: 210px;
    margin-right: 210px;
}

.contenedorSolicitarActualizaDatos .btnSendSms {
    background: #523178;
    border-radius: 4px;
    width: -webkit-fill-available;
    max-width: 320px;
    padding-top: 12px;
    padding-bottom: 12px;
    float: left;
}

.contenedorSolicitarActualizaDatos .form-dni,
.contenedorSolicitarActualizaDatos .form-text {
    margin: 30px 0 0;
}

.contenedorSolicitarActualizaDatos .form-text {
    margin-bottom: 20px;
}

.contenedorSolicitarActualizaDatos .form-radio-button {
    margin-bottom: 10px;
    background: #fff;
    border: 1px solid #ededed;
    box-sizing: border-box;
    border-radius: 3px;
    padding: 20px 15px;
    position: relative;
}

.contenedorSolicitarActualizaDatos .form-radio-button .check {
    display: block;
    position: absolute;
    border: 1px solid #4c4c4c;
    border-radius: 100%;
    height: 16px;
    width: 16px;
    top: 26px;
    left: 13px;
    z-index: 5;
    transition: border 0.25s linear;
    -webkit-transition: border 0.25s linear;
}

.contenedorSolicitarActualizaDatos .form-radio-button .check::before {
    display: block;
    position: absolute;
    content: "";
    border-radius: 100%;
    height: 10px;
    width: 10px;
    top: 2px;
    left: 2px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

.contenedorSolicitarActualizaDatos .form-radio-button input[type="radio"] {
    opacity: 0;
    z-index: 100;
    position: relative;
}

.contenedorSolicitarActualizaDatos
    .form-radio-button
    input[type="radio"]:hover {
    cursor: pointer;
}

.contenedorSolicitarActualizaDatos
    .form-radio-button
    input[type="radio"]:checked
    ~ .check {
    border: 1px solid #523178;
}

.contenedorSolicitarActualizaDatos
    .form-radio-button
    input[type="radio"]:checked
    ~ .check::before {
    background: #523178;
}

.contenedorSolicitarActualizaDatos .form-radio-button i {
    width: 24px;
    height: 24px;
    margin: 0 10px;
    background-size: auto 24px !important;
}

.contenedorSolicitarActualizaDatos .form-radio-button .icon-mail {
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-mail-purple.svg) center
        no-repeat;
}

.contenedorSolicitarActualizaDatos .form-radio-button .icon-sms {
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i_smartphone-purple.svg)
        center no-repeat;
}

.contenedorSolicitarActualizaDatos .form-radio-button label,
.contenedorSolicitarActualizaDatos .form-radio-button label span {
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    color: #7b7e83;
    font-size: 12px;
    margin-bottom: 0;
}

.contenedorSolicitarActualizaDatos .form-codigo {
    margin-top: 30px;
    margin-bottom: 35px;
}

.contenedorSolicitarActualizaDatos .form-codigo label {
    font-weight: 600;
    font-size: 11.5px;
    line-height: 14px;
    text-align: center;
    letter-spacing: 0.164286px;
    color: #2e2e2e;
    margin-bottom: 7px;
}

.contenedorSolicitarActualizaDatos .form-codigo input {
    margin-bottom: 34px;
    background: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 20px 15px;
    position: relative;
    font-size: 19.5px;
    line-height: 23px;
    text-align: center;
    letter-spacing: 2.5px;
    color: #2e2e2e;
    width: 148px;
}

.contenedorSolicitarActualizaDatos .form-codigo button {
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.0052px;
    color: #4f2d7f;
    border: 1px solid #a695bf;
    box-sizing: border-box;
    border-radius: 16px;
    padding: 6px 16px;
    background: #f3f6f6;
}

.contenedorSolicitarActualizaDatos .btnConsultar {
    width: 70%;
    background: #8c4799;
    color: #fff;
    font-size: 18px;
    border: 1px solid transparent;
    padding: 0.75rem 0;
    border-radius: 0.25rem;
    margin: 15px 0 30px;
    max-width: none;
}

.contenedorSolicitarActualizaDatos .btnConfirmar {
    width: 70%;
    background: #8c4799;
    color: #fff;
    font-size: 18px;
    border: 1px solid transparent;
    padding: 0.75rem 0;
    border-radius: 0.25rem;
    margin: inherit;
    max-width: none;
}

.contenedorSolicitarActualizaDatos .btnContinuar {
    width: 60%;
    background: #523178;
    color: #fff;
    font-size: 16px;
    border: 1px solid transparent;
    padding: 0.75rem 0;
    border-radius: 0.25rem;
}

.contenedorSolicitarActualizaDatos .btnContinuarResumen {
    width: 70%;
    background: #523178;
    color: #fff;
    font-size: 16px;
    border: 1px solid transparent;
    padding: 0.75rem 0;
    border-radius: 0.25rem;
    margin: inherit;
    max-width: none;
}

.contenedorSolicitarActualizaDatos .btnAnteriorBancos {
    width: -webkit-fill-available;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #939393 !important;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
}

.contenedorSolicitarActualizaDatos .btnContinuarBancos {
    width: 100%;
    background: #523178;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid transparent;
    padding: 0.75rem 0;
    border-radius: 0.25rem;
    margin: inherit;
    max-width: none;
}

.contenedorSolicitarActualizaDatos .btnEnviar {
    width: 40%;
    background: #523178;
    color: #fff;
    font-size: 18px;
    border: 1px solid transparent;
    padding: 0.75rem 0;
    border-radius: 0.25rem;
}

.contenedorSolicitarActualizaDatos .btnEnviarCallCenter {
    width: 70%;
    background: #523178;
    color: #fff;
    font-size: 18px;
    border: 1px solid transparent;
    padding: 0.75rem 0;
    border-radius: 0.25rem;
    max-width: none;
}

.contenedorSolicitarActualizaDatos .codigo-sms-actualizaDatos .codeSmsToken {
    width: 50px;
    height: 55px;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    border: 1px solid #ccc;
}

.contenedorSolicitarActualizaDatos .codigo-sms-actualizaDatos .inputCodeSms {
    border: 1.5px solid #c563d1 !important;
}

.contenedorSolicitarActualizaDatos
    .codigo-sms-actualizaDatos
    .inputCodeSmsValid {
    border: 1.5px solid #6bb81e !important;
}

.contenedorSolicitarActualizaDatos .codeSmsValid {
    border: 1.5px solid #c563d1 !important;
}

.contenedorSolicitarActualizaDatos .itemPromotional {
    background: #fff;
    border: 1px solid #eee;
    box-sizing: border-box;
    box-shadow: 0 8px 20px rgba(179, 177, 177, 0.15);
    border-radius: 6px;
}

.contenedorSolicitarActualizaDatos .itemPromotional img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.contenedorSolicitarActualizaDatos .itemPromotional .amount {
    color: #404040;
}

.contenedorSolicitarActualizaDatos .itemPromotional:hover {
    cursor: pointer;
}

.contenedorSolicitarActualizaDatos .itemPromotional:hover .amount {
    color: #8c4799;
}

.contenedorSolicitarActualizaDatos .notePromotional {
    background: #fafafa;
    border: 1px solid #eee;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 15px;
}

.contenedorSolicitarActualizaDatos .notePromotional img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.contenedorSolicitarActualizaDatos .validate-codigo {
    font-weight: 600;
    font-size: 12px;
    color: #6bb81e;
    padding-left: 30px;
}

.contenedorSolicitarActualizaDatos .validate-codigo:before {
    content: url(../img/efex/svg/ic_check.svg);
    margin-left: -30px;
    margin-top: -2px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
}

.contenedorSolicitarActualizaDatos .invalid-codigo-sms {
    font-weight: 500;
    font-size: 12px;
    color: #ee2737;
    padding-left: 30px;
    line-height: 135.31%;
}

.contenedorSolicitarActualizaDatos .invalid-codigo-sms:before {
    content: url(https://www.bancoripley.com.pe/img/svg/i-warning-red.svg);
    margin-left: -27px;
    margin-right: 7px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
}

.contenedorSolicitarActualizaDatos .invalid-codigo-sms-expira {
    font-weight: 500;
    font-size: 12px;
    color: #ee2737;
    padding-left: 30px;
    line-height: 135.31%;
}

.contenedorSolicitarActualizaDatos .invalid-codigo-sms-expira:before {
    content: url(https://www.bancoripley.com.pe/img/svg/i-warning-red.svg);
    margin-left: -27px;
    margin-right: 7px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
}

.contenedorSolicitarActualizaDatos .valid-codigo-sms {
    font-weight: 600;
    font-size: 12px;
    color: #6bb81e;
    padding-left: 30px;
}

.contenedorSolicitarActualizaDatos .valid-codigo-sms:before {
    content: url(https://www.bancoripley.com.pe/img/svg/i-wait-cursor.svg);
    margin-left: -30px;
    margin-top: -2px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
}

.contenedorSolicitarActualizaDatos .beneficio::before {
    content: url(https://www.bancoripley.com.pe/img/svg/i-checked-green.svg);
}

.contenedorSolicitarActualizaDatos .form-datosPersonales {
    padding: 0;
}

.contenedorSolicitarActualizaDatos .form-datosPersonales .form-check-input {
    position: absolute;
    opacity: 0;
}

.contenedorSolicitarActualizaDatos
    .form-datosPersonales
    .form-check-input
    + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    padding-left: 30px;
}

.contenedorSolicitarActualizaDatos
    .form-datosPersonales
    .form-check-input
    + label:before {
    content: "";
    margin-left: -30px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: 2px;
}

.contenedorSolicitarActualizaDatos
    .form-datosPersonales
    .form-check-input:hover
    + label:before {
    background: #523178;
}

.contenedorSolicitarActualizaDatos
    .form-datosPersonales
    .form-check-input:checked
    + label:before {
    background: #523178;
    border: 1px solid #523178;
}

.contenedorSolicitarActualizaDatos
    .form-datosPersonales
    .form-check-input:checked
    + label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    background: #fff;
    width: 2px;
    height: 2px;
    box-shadow:
        2px 0 0 #fff,
        4px 0 0 #fff,
        4px -2px 0 #fff,
        4px -4px 0 #fff,
        4px -6px 0 #fff,
        4px -8px 0 #fff;
    transform: rotate(45deg);
}

.contenedorSolicitarActualizaDatos .form-datosPersonales label a {
    text-decoration: underline;
    color: #8c4799;
}

.contenedorSolicitarActualizaDatos .boxNoTeConvence {
    background: #eee;
    border-radius: 4px;
    padding-left: 35px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.contenedorSolicitarActualizaDatos .boxNoTeConvence:hover {
    border: 2px solid #b070bd;
    box-sizing: border-box;
}

.contenedorSolicitarActualizaDatos .btnDeAcuerdo {
    width: 75%;
    background: #523178;
    color: #fff;
    font-size: 16px;
    border: 1px solid transparent;
    padding: 0.75rem 0;
    border-radius: 4px;
}

.contenedorSolicitarActualizaDatos .btnInicio {
    width: 75%;
    background: #523178;
    color: #fff;
    font-size: 16px;
    border: 1px solid transparent;
    padding: 0.75rem 0;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .contenedorSolicitarActualizaDatos .centerTextHorizontalMovil {
        text-align: center;
    }

    .contenedorSolicitarActualizaDatos .centerImageHorizontalMovil {
        display: block;
        margin: auto;
    }

    .contenedorSolicitarActualizaDatos .form-oferta {
        width: 90%;
        margin: auto;
    }

    .contenedorSolicitarActualizaDatos .btnConsultar {
        width: 100%;
        margin: auto;
    }

    .contenedorSolicitarActualizaDatos .btnConfirmar {
        width: 100%;
        margin: auto;
    }

    .contenedorSolicitarActualizaDatos .btnContinuar {
        width: 100%;
    }

    .contenedorSolicitarActualizaDatos .s1 {
        font-size: 14px;
    }

    .contenedorSolicitarActualizaDatos .divFormConsult p {
        text-align: center;
        margin-left: 5px;
        margin-right: 5px;
    }

    .contenedorSolicitarActualizaDatos .form-dni {
        margin: 20px 0 0;
    }

    .contenedorSolicitarActualizaDatos .divForm {
        background: 0;
        padding: 0 13px;
    }

    .contenedorSolicitarActualizaDatos .divFormContain {
        position: absolute;
        left: 50%;
        top: 36%;
        width: fit-content;
        transform: translate(-50%, 0);
    }

    .contenedorSolicitarActualizaDatos .title {
        font-size: 22px;
    }

    .contenedorSolicitarActualizaDatos .listGraciasActualizaDatos {
        margin-left: 5px;
        margin-right: 5px;
    }

    .contenedorSolicitarActualizaDatos .btnContinuarResumen {
        width: 80%;
    }

    .contenedorSolicitarActualizaDatos .btnContinuarBancos {
        width: 80%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .contenedorSolicitarActualizaDatos .centerTextHorizontalMovil {
        text-align: center;
    }

    .contenedorSolicitarActualizaDatos .centerImageHorizontalMovil {
        display: block;
        margin: auto;
    }

    .contenedorSolicitarActualizaDatos .form-oferta {
        width: 90%;
        margin: auto;
    }

    .contenedorSolicitarActualizaDatos .btnConsultar {
        width: 100%;
    }

    .contenedorSolicitarActualizaDatos .btnConfirmar {
        width: 100%;
    }

    .contenedorSolicitarActualizaDatos .btnContinuar {
        width: 100%;
    }

    .contenedorSolicitarActualizaDatos .form-dni {
        margin: 20px 0 0;
    }

    .contenedorSolicitarActualizaDatos .divForm {
        background: 0;
        padding: 0 13px;
    }

    .contenedorSolicitarActualizaDatos .divFormContain {
        position: absolute;
        left: 50%;
        top: 30%;
        width: fit-content;
        transform: translate(-50%, 0);
    }

    .contenedorSolicitarActualizaDatos .title {
        font-size: 28px;
    }

    .contenedorSolicitarActualizaDatos .listGraciasActualizaDatos {
        margin-left: 10px;
        margin-right: 10px;
    }

    .contenedorSolicitarActualizaDatos .btnContinuarResumen {
        width: 80%;
    }

    .contenedorSolicitarActualizaDatos .btnContinuarBancos {
        width: 80%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .contenedorSolicitarActualizaDatos .form-oferta {
        width: 75%;
    }

    .contenedorSolicitarActualizaDatos .btnConsultar {
        width: 70%;
    }

    .contenedorSolicitarActualizaDatos .btnConfirmar {
        width: 70%;
    }

    .contenedorSolicitarActualizaDatos .btnContinuar {
        width: 60%;
    }

    .contenedorSolicitarActualizaDatos .listGraciasActualizaDatos {
        margin-left: 50px;
        margin-right: 50px;
    }
}

@media (min-width: 1200px) {
    .contenedorSolicitarActualizaDatos .form-oferta {
        width: 100%;
    }

    .contenedorSolicitarActualizaDatos .btnConsultar {
        width: 70%;
    }

    .contenedorSolicitarActualizaDatos .btnConfirmar {
        width: 70%;
    }

    .contenedorSolicitarActualizaDatos .btnContinuar {
        width: 60%;
    }
}

.withOutPaddingActualizaDatos {
    margin-top: -35px;
    margin-bottom: -35px;
}

@import "https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800";

.transition1,
.btnRed,
.btnWhite,
.btnPurple,
.btnLightPurple,
.btnYellow,
.link,
.download,
.sites a,
.cont-country .country-options,
.menu-br .btns .btn-yellow,
.menu-br .btns .btn-purple,
.menu-br .btns a,
.menu .dropdown-item,
.menu .item-nav .dropdown-item-nav,
.menu-mobile,
.menu-mobile .dropdown-menu,
.btns-mobile .btn-purple,
.box-ripleyApp,
.cont-footer a:not(.fontRipleyfono),
.container-corta-y-clara-educacion .slick-arrow,
.container-corta-y-clara_fraude .container-card-malware .card .btnCard,
.container-corta-y-clara_fraude .slick-arrow {
    transition: all 0.25s ease-in-out;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    width: 100%;
    border: 0;
    max-width: 100%;
    padding: 0;
    margin: 0;
    padding-top: 90px;
}

@media (max-width: 1024px) {
    body {
        padding-top: 60px;
    }
}

@media (max-width: 780px) {
    body {
        max-width: 100vw;
        overflow-x: hidden;
    }
}

button,
a,
input,
select,
option {
    outline: 0;
    box-shadow: none;
}

button:focus,
a:focus,
input:focus,
select:focus,
option:focus {
    box-shadow: none !important;
}

.contentBTN {
    margin: 30px 0;
}

.simple-line-height {
    line-height: 1.3;
}

.low-line-height {
    line-height: 0.8;
}

@media (max-width: 575px) {
    .low-line-height {
        line-height: 1;
    }
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
    font-family: montserrat, sans-serif;
    font-weight: 500;
    font-size: 15.5px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 10px;
}

.btnRed,
.btnWhite,
.btnPurple,
.btnLightPurple,
.btnYellow {
    text-align: center;
    display: inline-block;
    padding: 1rem 1.5rem;
    box-shadow: 1px 2px 3px rgba(76, 76, 76, 0.5);
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 13.5px;
    color: #fff !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.btnRed:hover,
.btnWhite:hover,
.btnPurple:hover,
.btnLightPurple:hover,
.btnYellow:hover {
    box-shadow: 1px 2px 3px rgba(76, 76, 76, 0.75);
    text-decoration: none;
}

.btnYellow {
    background-color: #f2ad4b;
}

.btnYellow:hover {
    background-color: #feb957;
    color: #fff;
}

.btnPurple {
    background-color: #4f2d7f;
}

.btnPurple:hover {
    background-color: #361860;
    color: #fff;
}

.btnLightPurple {
    background-color: #894590;
}

.btnLightPurple:hover {
    background-color: #893492;
    color: #fff;
}

.btnWhite {
    color: #4f2d7f !important;
    background-color: #ededed;
}

.btnWhite:hover {
    background-color: #fff;
    color: #4f2d7f !important;
}

.btnRed {
    background-color: #ee2737;
    border-radius: 4px;
    cursor: pointer;
}

.btnRed:hover {
    background-color: #f8414b;
    color: #fff !important;
}

.btnMeInteresa {
    color: #fff !important;
    background: #894490;
    padding: 11px 0;
    max-width: none;
    width: 30%;
    margin: 20px 0 10px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 4px !important;
    display: inline-block;
}

.link,
.download {
    padding-left: 15px;
    position: relative;
    font-weight: 600;
    color: #894590;
}

.link:hover,
.download:hover {
    text-decoration: none;
    color: #894590;
}

.link:before,
.download:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 16px;
    width: 10px;
}

.link:before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iN3B4IiBoZWlnaHQ9IjVweCIgdmlld0JveD0iMCAwIDcgNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDguMiAoNDczMjcpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPmljb25fc2VsZWN0LWFycm93PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9ImxheW91dC9iYXItcmlwbGV5IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI1Ny4wMDAwMDAsIC0xMy4wMDAwMDApIj4KICAgICAgICA8ZyBpZD0iaW5wdXQvc2VsZWN0LWFycm93IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjU2LjAwMDAwMCwgMTMuMDAwMDAwKSIgZmlsbD0iIzg5NDU5MCIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHBhdGggZD0iTTMuMTkyOTY4MSw1LjgzMzMzMzMzIEMyLjk5NjYwMjA0LDUuODMzMzMzMzMgMi44MDAwOTY5MSw1Ljc1Nzg1OTE5IDIuNjQ2NTY0MjQsNS42MDYwNDE3IEMyLjMyOTIwNzc2LDUuMjkxNjg2ODEgMi4zMTY1NTI0NCw0Ljc2ODcyNzc0IDIuNjE4MTk0MDgsNC40MzgwMDMyMSBMNC4zOTI0NDIwOSwyLjQ5NDIxNzk1IEwyLjYyMDAwMTk4LDAuNTYzOTA1MDQgQzIuMzE3MjQ3NzksMC4yMzQzMzk0MjEgMi4zMjgzNzMzNSwtMC4yODg2MTk2NDggMi42NDQ4OTU0MSwtMC42MDQxMzM0NTggQzIuOTYxNTU2NTQsLTAuOTE5NjQ3MjY3IDMuNDYzNDU4MTgsLTAuOTA3OTEzMjgyIDMuNzY2MjEyMzcsLTAuNTc4MjAyOCBMNi4wNjE1NTM2LDEuOTIxMTM1OTMgQzYuMzU0MTU1NzIsMi4yMzk4MzY3NSA2LjM1NDcxMiwyLjc0MTc5MDU0IDYuMDYzMzYxNTEsMy4wNjE1MDU0IEwzLjc2ODE1OTM0LDUuNTc2NDg5NDUgQzMuNjExOTg0MzUsNS43NDY5OTQzOCAzLjQwMjk2Mjk3LDUuODMzMzMzMzMgMy4xOTI5NjgxLDUuODMzMzMzMzMgWiIgaWQ9IlNoYXBlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjM0MDcyMCwgMi41MDAwMDApIHJvdGF0ZSg5MC4wMDAwMDApIHRyYW5zbGF0ZSgtNC4zNDA3MjAsIC0yLjUwMDAwMCkgIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)
        center center no-repeat;
    background-size: contain;
    transform: rotate(-90deg);
}

.download:before {
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-download.svg) no-repeat
        center center;
    background-size: contain;
}

.arrow-down {
    position: relative;
    display: inline-block;
    font-family: montserrat, sans-serif;
    width: 100%;
}

.arrow-down:after {
    content: "";
    height: 10px;
    width: 10px;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-down-menu.svg) center
        center no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 40%;
    right: 25px;
}

.arrow-right {
    position: relative;
    display: inline-block;
    font-family: montserrat, sans-serif;
    width: 100%;
}

.arrow-right:after {
    content: "";
    height: 10px;
    width: 10px;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-down-menu.svg) no-repeat
        right center;
    background-size: contain;
    position: absolute;
    bottom: 40%;
    right: 25px;
}

.t0 {
    font-size: 100px;
}

@media (max-width: 767px) {
    .t0 {
        font-size: 50px;
    }
}

.t1 {
    font-size: 35px;
}

.t2a {
    font-size: 22px;
}

.t2 {
    font-size: 22.5px;
}

.t3 {
    font-size: 19.5px;
}

.t4 {
    font-size: 16.5px;
}

.t5 {
    font-size: 32px;
}

.t6 {
    font-size: 40px;
}

.t7 {
    font-size: 36px;
}

.t8 {
    font-size: 24px;
}

.t9 {
    font-size: 15px;
}

.t10 {
    font-size: 16px;
}

.t11 {
    font-size: 17px;
}

.s1 {
    font-size: 13.5px;
}

.s2 {
    font-size: 12.5px;
}

.s3 {
    font-size: 11px;
}

.s4 {
    font-size: 12px;
}

.s5 {
    font-size: 14px;
}

.lh1 {
    line-height: 20px !important;
}

.s6 {
    font-size: 10px;
}

.normal {
    font-weight: 400 !important;
}

.light {
    font-weight: 400 !important;
}

.strongLight {
    font-weight: 500 !important;
}

.semiBold {
    font-weight: 600 !important;
}

.bold {
    font-weight: 700 !important;
}

.yellow {
    color: #feb957 !important;
}

.white {
    color: #fff !important;
}

.black1 {
    color: #404040 !important;
}

.black2 {
    color: #424242 !important;
}

.black3 {
    color: #444 !important;
}

.black4 {
    color: #000 !important;
}

.purple {
    color: #894590 !important;
}

.purple3 {
    color: #8c4799 !important;
}

.purpleDark {
    color: #4f2d7f !important;
}

.red {
    color: #ee2737 !important;
}

.grey {
    color: #4c4c4c !important;
}

.grey4 {
    color: #484848 !important;
}

.grey5 {
    color: #737373 !important;
}

.grey6 {
    color: #58595b !important;
}

.subrayado {
    text-decoration: underline;
    cursor: pointer;
}

.grey0 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 37px;
    background-color: transparent;
    position: absolute;
    z-index: 1;
    margin-top: 50px;
    margin-left: 35px;
}

.darkPurple3 {
    color: #4f2d7f !important;
}

.darkPurple3_1 {
    color: #4f2d7f;
}

.darkPurple4 {
    color: #523178;
}

.darkPurple5 {
    color: #462a66;
}

.grey00 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 37px;
    background-color: transparent;
    position: absolute;
    z-index: 1;
    margin-top: 50px;
    margin-left: 35px;
}

.grey1 {
    color: #4c4c4c !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    background-color: transparent;
    position: absolute;
    z-index: 3;
    margin-left: 12%;
    margin-top: 80px;
}

.grey10 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    background-color: transparent;
    position: absolute;
    z-index: 3;
    margin-left: 12%;
    margin-top: 80px;
}

.lightGrey3 {
    color: #7b7e83 !important;
}

.lightGrey4 {
    color: #3f3f41 !important;
}

.lightGrey5 {
    color: #939393 !important;
}

.lightGrey6 {
    color: #8c8c8c !important;
}

.lightGrey7 {
    color: #737373 !important;
}

.lightGrey8 {
    color: #727171;
}

.lightGrey9 {
    color: #9d9d9d;
}

.lightGrey10 {
    color: #aaa7a7;
}

.lightGrey11 {
    color: #6e6e6e;
}

.upCase {
    text-transform: uppercase;
}

.content-line {
    position: relative;
}

.content-line:after {
    content: "";
    height: 100%;
    width: 1px;
    background-color: #efefef;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1px;
}

.globo {
    position: fixed;
    bottom: 35px;
    right: 85px;
    z-index: 4001;
}

.form-dni {
    margin: 30px 0 15px;
}

.form-recaptcha {
    margin: 10px 0;
}

.form-datosPersonales {
    padding: 0;
}

.form-datosPersonales .form-check-input {
    position: absolute;
    opacity: 0;
}

.form-datosPersonales .form-check-input + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    padding-left: 30px;
}

.form-datosPersonales .form-check-input + label:before {
    content: "";
    margin-left: -30px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: 2px;
}

.form-datosPersonales .form-check-input:hover + label:before {
    background: #523178;
}

.form-datosPersonales .form-check-input:checked + label:before {
    background: #523178;
    border: 1px solid #523178;
}

.form-datosPersonales .form-check-input:checked + label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    background: #fff;
    width: 2px;
    height: 2px;
    box-shadow:
        2px 0 0 #fff,
        4px 0 0 #fff,
        4px -2px 0 #fff,
        4px -4px 0 #fff,
        4px -6px 0 #fff,
        4px -8px 0 #fff;
    transform: rotate(45deg);
}

.form-datosPersonales label a {
    text-decoration: underline;
    color: #8c4799;
}

.cardProduct {
    width: 49.5%;
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
}

.cardProduct:hover {
    background: #f1f1f1;
    cursor: pointer;
}

.cardProduct svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    fill: #523178;
}

.tooltipGeneral {
    position: relative;
    display: inline-block;
}

.tooltipGeneral .tooltiptext {
    visibility: hidden;
    width: 220px;
    background-color: #8c4799;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    font-size: 12px;
    bottom: 125%;
    left: 50%;
    margin-left: -110px;
    transition: opacity 0.3s;
    text-align: start;
}

.tooltipGeneral .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #8c4799 transparent transparent transparent;
}

.tooltipGeneral:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.modalError .dialogModal {
    max-width: 600px;
}

.modalError .titleModal {
    font-weight: 600;
    font-size: 14.5px;
    text-align: center;
    color: #523178;
}

.modalError .descriptionModal {
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    color: #404040;
}

.modalError .btnCerrar {
    background: #523178;
    border-radius: 4px;
    padding: 11px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

.modalError .modal-footer {
    border-top: 0;
    justify-content: center;
}

.viewLegal .legal-text {
    bottom: 527px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
    text-align: justify;
}

.viewLegal .titleLegal {
    cursor: pointer !important;
}

.viewLegal .titleLegalMobile {
    cursor: pointer !important;
    text-decoration-line: underline !important;
}

.viewLegal .morelegaldropdown {
    font-weight: 600;
    font-size: 16px;
    color: #8c4799;
    cursor: pointer;
}

.viewLegal .morelegaldropdown:after {
    content: "";
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-arrow-down.svg) center
        center no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 2px;
    margin-left: 15px;
}

.viewLegal .lesslegaldropdown {
    font-weight: 600;
    font-size: 16px;
    color: #8c4799;
    cursor: pointer;
}

.viewLegal .lesslegaldropdown:after {
    content: "";
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-arrow-up.svg) center center
        no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 2px;
    margin-left: 15px;
}

.viewLegal .imgLegal {
    width: 100%;
    max-width: 400px;
}

.viewLegal .imgLegalMobile {
    width: 80%;
    height: 100%;
}

.viewLegal .cerrarModal {
    text-decoration-line: underline !important;
}

.modalGeneral .modal-header {
    border-bottom: 0;
}

.modalGeneral .modal-footer {
    border-top: 0;
    justify-content: center;
}

.disable-scroll {
    position: fixed !important;
    overflow: hidden;
}

.ripley-header {
    background: #f9f9f9;
    position: fixed;
    top: 0;
    z-index: 1000;
}

.sites .logo-ripley {
    height: 30px;
    width: 30px;
    padding: 8px;
    background: #efefef url(https://www.bancoripley.com.pe/img/svg/logo-r.svg)
        center center no-repeat;
}

.sites a {
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 12.5px;
    color: #97999b;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 6px 10px;
    max-height: 30px;
}

.sites a.active {
    background: #fff;
}

.sites a:hover {
    background: #efefef;
    text-decoration: none;
}

.cont-country {
    width: 100%;
    max-width: 150px;
    position: relative;
}

.cont-country span {
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 12.5px;
    color: #7b7e83;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cont-country .country {
    position: relative;
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 12.5px;
    color: #7b7e83;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cont-country .country img {
    margin: 0 10px;
}

.cont-country .country a,
.cont-country .country a:hover {
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 12.5px;
    color: #7b7e83;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none;
}

.cont-country .country-dropdown {
    cursor: pointer;
    position: relative;
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 12.5px;
    color: #7b7e83;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cont-country .country-dropdown img {
    margin: 0 10px;
}

.cont-country .country-dropdown:after {
    content: "";
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-chevron-down.svg) center
        center no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 0;
    right: -20px;
}

.cont-country .country-options {
    background-color: #f9f9f9;
    position: absolute;
    bottom: -30px;
    left: 30px;
    padding: 5px 20px 5px 0;
    height: 30px;
    z-index: 200;
}

.cont-country .country-options:hover {
    background-color: #efefef;
}

.menu-br {
    height: 60px;
    background-color: #fff;
    position: relative;
    z-index: 100;
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.03);
}

.menu-br .logo-br {
    margin-left: 15px;
    max-width: 180px;
}

.menu-br .logo-br img {
    width: 100%;
}

.menu-br .btns .btn-yellow,
.menu-br .btns .btn-purple {
    height: 60px;
}

.menu-br .btns a {
    display: inline-block;
    text-align: center;
    vertical-align: center;
    padding: 0 5px;
    font-family: montserrat, sans-serif;
    font-weight: 700;
    font-size: 11.8px;
    color: #fff !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: uppercase;
}

.menu-br .btns a:hover {
    text-decoration: none;
}

.menu-br .btn-yellow {
    background-color: #f2ad4b;
}

.menu-br .btn-yellow:hover {
    background-color: #feb957;
}

.menu-br .btn-purple {
    background-color: #894590;
}

.menu-br .btn-purple:hover {
    background-color: #893492;
}

.menu-br .btn-purple img {
    margin-left: 10px;
    margin-top: -4px;
}

.menu .navbar {
    padding: 0;
}

.menu li {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu li:hover,
.menu li.active {
    background-color: #ee2737;
}

.menu li:hover .nav-link,
.menu li.active .nav-link {
    color: #fff;
}

.menu .nav-link {
    font-family: montserrat, sans-serif;
    font-weight: 700;
    font-size: 11.8px;
    color: #4c4c4c;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: uppercase;
    text-align: center;
    padding: 0 5px;
}

.menu .navbar-nav {
    padding-right: 0;
}

.menu .dropdown-menu {
    position: absolute;
    margin-top: 0;
    border-radius: 0;
    border: 0;
    padding: 0;
    box-shadow: 0 2px 16px 0 rgba(215, 215, 215, 0.5);
    width: auto;
}

.menu .dropdown-item {
    font-family: montserrat, sans-serif;
    font-weight: 700;
    font-size: 11.8px;
    color: #4c4c4c;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: uppercase;
    padding: 24px 17px;
    word-break: break-word;
}

.menu .dropdown-item:hover {
    background-color: #efefef;
}

.menu .item-nav {
    background-color: #d1d1d1;
}

.menu .item-nav .dropdown-item-nav {
    font-family: montserrat, sans-serif;
    font-weight: 700;
    font-size: 11.8px;
    color: #4c4c4c;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: uppercase;
    padding: 24px 17px;
    text-decoration: none;
}

.menu .item-nav:hover .dropdown-item-nav,
.menu .item-nav.active .dropdown-item-nav {
    color: #fff;
}

.menu .left-content {
    justify-content: left;
}

.menu .icon-after {
    position: relative;
}

.menu .icon-after:after {
    margin-left: 5px;
    margin-top: -3px;
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-external.svg) center center
        no-repeat;
}

.menu-mobile {
    display: none;
    position: fixed;
    background-color: #fff;
    width: 100%;
    max-width: 280px;
    height: 100%;
    right: -100%;
    top: 0;
    overflow: auto;
    z-index: 1000;
}

.menu-mobile.active {
    right: 0;
}

.menu-mobile ul {
    list-style: none;
    padding-left: 0;
    width: 100%;
    padding-top: 5px;
}

.menu-mobile li {
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
}

.menu-mobile li .nav-link {
    text-align: left;
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #7d7d7d;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 13px 20px;
    border-bottom: 1px solid #ebebeb;
}

.menu-mobile li .nav-link.active {
    background-color: #d83f3f;
    color: #fff;
}

.menu-mobile li .icon-menu {
    margin-right: 17px;
}

.menu-mobile button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    border: 0;
    box-shadow: none;
    outline: 0;
}

.menu-mobile .collapsed li:first-child,
.menu-mobile .collapse li:first-child,
.menu-mobile .collapsing li:first-child {
    padding-top: 0;
}

.menu-mobile .collapsed li,
.menu-mobile .collapse li,
.menu-mobile .collapsing li {
    border: 0;
}

.menu-mobile .collapsed li:hover,
.menu-mobile .collapse li:hover,
.menu-mobile .collapsing li:hover {
    background-color: #e9e9e9;
}

.menu-mobile .collapsed a,
.menu-mobile .collapse a,
.menu-mobile .collapsing a {
    padding: 15px 20px 15px 60px;
    display: inline-block;
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #4c4c4c;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.menu-mobile .collapsed a:hover,
.menu-mobile .collapse a:hover,
.menu-mobile .collapsing a:hover {
    color: #8c4799;
    text-decoration: none;
}

.menu-mobile .dropdown-menu {
    display: inline-block;
    position: relative;
    background-color: transparent;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    height: 0;
}

.menu-mobile .dropdown-menu a {
    padding: 10px 15px;
}

.menu-mobile nav {
    padding-bottom: 0;
    align-content: space-between;
    height: 100%;
}

.menu-mobile .footer-menu {
    margin-bottom: 0;
}

.menu-mobile .footer-menu li {
    background-color: #fff;
}

.menu-mobile .footer-menu li:hover {
    background-color: #e9e9e9;
}

.menu-mobile .footer-menu li a {
    border-top: 1px solid #ebebeb;
    border-bottom: 0;
    color: #575757;
}

.menu-mobile .footer-menu a {
    opacity: 1;
}

.menu-mobile .footer-menu a:hover {
    color: #8c4799;
    text-decoration: none;
}

.btns-mobile {
    display: none;
}

.btns-mobile .btn-purple {
    height: 60px;
    width: 60px;
    cursor: pointer;
}

.btns-mobile .btn-purple img {
    margin: 0;
}

.btns-mobile .btnMenu0 {
    height: 60px;
    width: 60px;
    cursor: pointer;
    background-color: #7c3f88 !important;
}

.btns-mobile .btnMenu {
    height: 60px;
    width: 60px;
    cursor: pointer;
    background-color: #4f2d7f;
}

.btns-mobile .btnMenu .line {
    background-color: #fff;
    width: 20px;
    height: 2px;
    position: relative;
    border-radius: 5px;
}

.btns-mobile .btnMenu .line:after,
.btns-mobile .btnMenu .line:before {
    border-radius: 5px;
    content: "";
    position: absolute;
    height: 2px;
    width: 20px;
    background: #fff;
}

.btns-mobile .btnMenu .line:before {
    top: 7px;
}

.btns-mobile .btnMenu .line:after {
    bottom: 7px;
}

.box-ripleyApp {
    padding-top: 25px;
    box-shadow: 0 2px 20px 0 rgba(202, 202, 202, 0.5);
    position: fixed;
    height: 30vh;
    background-color: #fff;
    width: 100%;
    bottom: 0;
    left: 0;
}

.box-ripleyApp.out {
    transform: translateY(100%);
}

.box-ripleyApp #box-ripleyApp_close {
    position: absolute;
    top: 5px;
    right: 15px;
    height: 25px;
    width: 25px;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-close.svg) center center
        no-repeat;
    background-size: 40% auto;
    opacity: 0.3;
    z-index: 10000;
}

.box-ripleyApp .box-ripleyApp_content {
    width: 100%;
    padding: 0 10px;
}

.box-ripleyApp .box-ripleyApp_content img {
    padding: 0 2px;
    max-width: 25vw;
}

.box-ripleyApp .box-ripleyApp_content p {
    padding: 0 2px;
}

.box-ripleyApp .box-ripleyApp_link {
    padding: 15px 0;
}

.box-ripleyApp .btnRed {
    padding: 0.5rem 2.5rem;
}

@media (max-width: 1100px) {
    .sites a {
        font-size: 10px;
    }

    .menu .dropdown-item,
    .menu .nav-link {
        font-size: 10px;
    }

    .menu-br .btns a {
        font-size: 10px;
    }

    .menu-br .logo-br {
        max-width: 150px;
    }
}

@media (max-width: 1024px) {
    .menu-br {
        justify-content: space-between;
    }

    .sites-nav,
    .btns,
    .menu {
        display: none;
    }

    .menu-mobile {
        display: inline-block;
    }

    .btns-mobile {
        display: flex;
    }
}

.footerMsg {
    border-top: 1px solid #efefef;
    padding: 20px 0;
    text-align: center;
}

.footerMsg p {
    padding: 0 15px;
}

@media (max-width: 576px) {
    .footerMsg a {
        margin: 15px 0 !important;
        width: 100%;
        max-width: 100%;
    }
}

.cont-footer {
    background-color: rgba(239, 239, 239, 0.5);
    padding-top: 30px;
}

.cont-footer .arrow-down:after {
    bottom: 45%;
}

.cont-footer ul,
.cont-footer li {
    list-style: none;
}

.cont-footer ul {
    padding-left: 0;
}

.cont-footer li {
    margin-bottom: 5px;
}

.cont-footer .title {
    text-transform: uppercase;
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 11.5px;
    color: #4f2d7f;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cont-footer a:not(.fontRipleyfono) {
    font-family: montserrat, sans-serif;
    font-weight: 400;
    font-size: 12.5px;
    color: #7b7e83;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cont-footer a:not(.fontRipleyfono):hover {
    text-decoration: none;
    color: #4c4c4c;
}

.cont-footer img {
    height: 25px;
    width: auto;
    padding-right: 15px;
}

.cont-footer button.title {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    box-shadow: none;
    outline: 0;
    background: 0 0;
    width: 100%;
    text-align: left;
    padding: 15px 10px 10px;
    color: #4c4c4c;
    font-weight: 700;
    border-bottom: 1px solid rgba(151, 153, 155, 0.3);
}

.cont-footer .collapse,
.cont-footer .collapsed,
.cont-footer .collapsing {
    padding: 5px 10px;
}

.cont-footer .btnRed {
    color: #fff;
    font-weight: 600;
    margin: 15px 0;
    width: 100%;
    max-width: 200px;
}

.cont-footer .btnRed img {
    width: 100%;
    margin-top: 0;
    max-width: 25px;
}

@media (max-width: 768px) {
    .cont-footer {
        padding-top: 0;
    }

    .cont-footer img {
        padding-right: 10px;
        margin-top: 5px;
    }

    .cont-footer .grey {
        opacity: 0.5;
    }

    .cont-footer span {
        padding: 25px 0 0;
    }

    .cont-footer span a {
        margin: 10px 10px 35px;
    }

    .cont-footer span p {
        text-transform: capitalize !important;
        opacity: 1 !important;
    }
}

.cont-footer_rrss {
    margin: 25px 0;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(123, 126, 131, 0.3);
}

.cont-footer_rrss a {
    padding-left: 10px;
}

.cont-footer_rrss a img {
    width: auto;
    height: 20px;
}

@media (max-width: 768px) {
    .cont-footer_rrss {
        border-bottom: 0;
        margin: 0;
    }
}

.cont-footer__legal {
    height: 35px;
    background: rgba(151, 153, 155, 0.2);
}

.cont-footer__legal p {
    text-align: center;
    padding: 10px 15px;
    font-family: montserrat, sans-serif;
    font-weight: 400;
    font-size: 12.5px;
    color: #4c4c4c;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 0;
}

.cont-footer__legal p a {
    font-family: montserrat, sans-serif;
    font-weight: 700;
    font-size: 12.5px;
    color: #4c4c4c;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.barra-coloresBR {
    margin-top: 25px;
    display: inline-block;
    height: 8px;
    width: 100%;
    overflow: hidden;
}

.barra-coloresBR .line-red,
.barra-coloresBR .line-yellow,
.barra-coloresBR .line-purple {
    display: inline-block;
    height: 8px;
    float: left;
}

.barra-coloresBR .line-red {
    background: #ee2737;
    width: 50%;
}

.barra-coloresBR .line-yellow {
    background: #f2ad4b;
    width: 15%;
}

.barra-coloresBR .line-purple {
    background: #894590;
    width: 35%;
}

.toggle-mobile {
    position: absolute;
    z-index: 900;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: none;
}

.toggle-mobile.active {
    display: inline-block;
    cursor: pointer;
}

.fa-reclamaciones {
    height: 60px !important;
}

@media (max-width: 768px) {
    .fa-reclamaciones {
        height: 55px !important;
    }
}

@media (max-width: 768px) {
    .align-center-xs {
        text-align: center !important;
    }
}

.slick-list {
    overflow-y: visible;
    padding: 20px 0;
}

.slick-arrow {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    background: #fff;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    display: block;
    cursor: pointer;
    z-index: 90;
    border: 0;
}

.slick-arrow.slick-next::before,
.slick-arrow.slick-prev::before {
    display: none !important;
}

.slick-arrow.prev img {
    transform: rotateY(180deg);
}

.slick-arrow:hover {
    background-color: #fff;
}

b,
p,
li,
ul,
div {
    font-family: montserrat, sans-serif;
}

.bg-yellow {
    background-color: #ffb900 !important;
}

.bg-purple {
    background-color: #f5f3fb !important;
}

.bg-purpleDark {
    background-color: #4f2d7f !important;
}

.bg-purpleDark-gradient {
    background: radial-gradient(
        41.42% 997.05% at 55.28% 54.61%,
        #a93ef4 2.87%,
        #a53ded 22.63%,
        #573180 100%
    );
}

.bg-grey {
    background: #f6f6f6 !important;
}

.slideResponsive-videos .card-video {
    width: 90% !important;
    max-width: 290px;
    margin: 16px 0;
    filter: drop-shadow(0 2px 4px rgba(50, 50, 50, 0.119455));
}

.slideResponsive-videos .card-video img {
    aspect-ratio: 16/9;
    width: 100%;
}

.slideResponsive-videos .card-video .cont-text {
    background: #fff;
    padding: 16px 0;
    min-height: 80px;
    color: #894590;
}

.slideResponsive-videos .card-video.active .cont-text {
    color: #4f2d7f;
}

.slideResponsive-videos .card-video:hover {
    text-decoration: none;
}

.slideResponsive-videos .slick-slide {
    text-align: center !important;
}

.corta-y-clara-educacion-iframe-page {
    background-color: #fff;
}

.container-corta-y-clara-educacion .iframe-quiz {
    width: 100%;
    height: 800px;
    border: 0;
}

@media (max-width: 599px) {
    .container-corta-y-clara-educacion .iframe-quiz {
        height: 700px;
    }
}

.container-corta-y-clara-educacion .bg-purple {
    background-color: #f5f3fb !important;
}

.container-corta-y-clara-educacion .title-1 {
    font-size: 48px;
    line-height: 120%;
}

.container-corta-y-clara-educacion .black {
    font-weight: 800 !important;
}

.container-corta-y-clara-educacion .paragraph-1 {
    font-size: 18px;
    line-height: 120%;
}

.container-corta-y-clara-educacion .paragraph-2 {
    font-size: 18px;
    line-height: 120%;
}

.container-corta-y-clara-educacion .paragraph-3 {
    font-size: 14px;
    line-height: 120%;
}

.container-corta-y-clara-educacion .slick-arrow {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    background: #fff;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    display: block;
    cursor: pointer;
    z-index: 10;
    border: 0;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
}

.container-corta-y-clara-educacion .slick-arrow:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.container-corta-y-clara-educacion .slick-arrow svg {
    width: 35px;
}

.container-corta-y-clara-educacion .slick-arrow img {
    top: 0;
    position: relative;
}

.container-corta-y-clara-educacion .slick-arrow.prev {
    left: 0;
}

.container-corta-y-clara-educacion .slick-arrow.prev img {
    transform: rotateY(180deg);
}

.container-corta-y-clara-educacion .slick-arrow.next {
    right: 0;
}

.container-corta-y-clara-educacion li.paragraph-2 {
    list-style: none;
    position: relative;
    padding-bottom: 5px;
    margin-right: 35px;
}

.container-corta-y-clara-educacion li.paragraph-2::after {
    content: "";
    position: absolute;
    left: -15px;
    top: 10px;
    height: 4px;
    width: 4px;
    background-color: #4c4c4c;
    border-radius: 50%;
}

@media (max-width: 576px) {
    .container-corta-y-clara-educacion li.paragraph-2::after {
        top: 5px !important;
    }
}

.container-corta-y-clara-educacion .content-pills {
    gap: 10px 15px;
    position: relative;
    transition: all 0.25s ease-in-out;
    position: relative;
    padding-right: 30px;
    height: 100%;
}

.container-corta-y-clara-educacion .button-pill {
    color: #6f6f6f;
    background: #eee;
    border-radius: 100px;
    font-weight: 600;
    font-size: 12px;
    padding: 4px 12px;
}

.container-corta-y-clara-educacion .button-pill:hover {
    text-decoration: none;
    color: #fff;
    background: #523178;
}

.container-corta-y-clara-educacion .btn-volverSpan {
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.25px;
    text-decoration-line: underline;
    color: #523178;
}

.container-corta-y-clara-educacion .btn-pill-content {
    font-size: 12px;
    font-weight: 600;
    color: #523178;
    z-index: 10;
    margin-top: 12px;
}

.container-corta-y-clara-educacion .btn-pill-content:hover {
    text-decoration: none;
}

.container-corta-y-clara-educacion .btn-pill-content::after {
    height: 20px;
    width: 20px;
    bottom: 0;
    right: 0;
    position: absolute;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/icon/icon-arrow-grey.svg)
        center center no-repeat;
}

@media (max-width: 768px) {
    .container-corta-y-clara-educacion .button-pill {
        font-size: 11px;
    }

    .container-corta-y-clara-educacion .title-1 {
        font-size: 36px;
    }

    .container-corta-y-clara-educacion .paragraph-1 {
        font-size: 16px;
    }

    .container-corta-y-clara-educacion .paragraph-2 {
        font-size: 14px;
    }

    .container-corta-y-clara-educacion .paragraph-3 {
        font-size: 12px;
    }

    .container-corta-y-clara-educacion .content-pills {
        overflow: hidden;
    }

    .container-corta-y-clara-educacion .content-pills.close-content {
        height: 30px;
    }
}

@media (max-width: 576px) {
    .container-corta-y-clara-educacion .title-1 {
        font-size: 24px;
    }

    .container-corta-y-clara-educacion .paragraph-1 {
        font-size: 14px;
    }

    .container-corta-y-clara-educacion .paragraph-2 {
        font-size: 12px;
    }

    .container-corta-y-clara-educacion .paragraph-3 {
        font-size: 10px;
    }

    .container-corta-y-clara-educacion li::after {
        top: 5px;
    }
}

.container-corta-y-clara_fraude .br-financial {
    padding-top: 0;
}

.container-corta-y-clara_fraude .br-financial .related-videos {
    padding: 0;
    border: 0;
}

.container-corta-y-clara_fraude .bg-first-section {
    padding-top: 15px;
    padding-bottom: 15px;
    background:
        url(../img/corta-y-clara/landing-fraude/number-pattern.png) top left
            repeat-x,
        linear-gradient(180deg, #2a166b 0, #552673 100%);
}

.container-corta-y-clara_fraude .logo-header {
    position: absolute;
    top: -15px;
    left: 10%;
    width: 100%;
    max-width: 350px;
}

.container-corta-y-clara_fraude .cardFraudesComunes {
    height: 370px;
    text-align: center;
    background-color: #f2f2f2;
    width: 100%;
    max-width: calc(100% - 15px);
    padding: 15px 40px;
}

.container-corta-y-clara_fraude .cardFraudesComunes img {
    margin: 0 auto;
    width: 100%;
    max-width: 120px;
}

@media (max-width: 1200px) {
    .container-corta-y-clara_fraude .cardFraudesComunes img {
        max-width: 100px;
    }

    .container-corta-y-clara_fraude .cardFraudesComunes .t3 {
        font-size: 18px;
    }

    .container-corta-y-clara_fraude .cardFraudesComunes .s1 {
        font-size: 13px;
    }
}

@media (max-width: 992px) {
    .container-corta-y-clara_fraude .cardFraudesComunes img {
        max-width: 100px;
    }

    .container-corta-y-clara_fraude .cardFraudesComunes .t3 {
        font-size: 18px;
    }
}

@media (max-width: 1250px) {
    .container-corta-y-clara_fraude .logo-header {
        max-width: 300px;
        left: 5%;
    }
}

@media (max-width: 767px) {
    .container-corta-y-clara_fraude .cardFraudesComunes {
        height: 390px;
    }
}

@media (max-width: 570px) {
    .container-corta-y-clara_fraude .logo-header {
        max-width: 200px;
        left: 5%;
    }
}

.container-corta-y-clara_fraude .container-card-malware {
    margin-top: 30px;
}

.container-corta-y-clara_fraude .container-card-malware .card {
    overflow: hidden;
    height: 300px;
    background-color: #fff;
    border-radius: 10px;
    border: 0;
    margin-bottom: 30px;
}

.container-corta-y-clara_fraude .container-card-malware .card img {
    width: 100%;
    max-width: 200px;
}

.container-corta-y-clara_fraude .container-card-malware .card .btnCard {
    margin-top: 15px;
    padding: 8px 30px;
    border: 1px solid #efefef;
    color: #7b7e83;
    border-radius: 8px;
    background-color: #fff;
    font-family: montserrat, sans-serif;
}

.container-corta-y-clara_fraude .container-card-malware .card .btnCard:hover {
    border-color: #894590;
    color: #894590;
}

.container-corta-y-clara_fraude .container-card-malware .hover-box {
    transition: all 0.25s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 20px;
    text-align: center;
    transform: translateX(100%);
}

.container-corta-y-clara_fraude .container-card-malware .hover-box i {
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(https://www.bancoripley.com.pe/img/svg/i-close-light.svg);
    background-size: 10px auto;
}

.container-corta-y-clara_fraude .container-card-malware .hover-box.active {
    transform: translateX(0);
}

@media (max-width: 575px) {
    .container-corta-y-clara_fraude .container-card-malware .cont-card {
        max-width: 50%;
    }

    .container-corta-y-clara_fraude .container-card-malware .hover-box {
        padding: 15px 10px;
    }

    .container-corta-y-clara_fraude .container-card-malware .hover-box .s1 {
        font-size: 12px;
        line-height: 1.5;
        font-weight: 300;
    }

    .container-corta-y-clara_fraude .container-card-malware .hover-box .s1 b {
        font-weight: 500;
    }
}

@media (max-width: 374px) {
    .container-corta-y-clara_fraude .container-card-malware .cont-card {
        max-width: 100%;
    }

    .container-corta-y-clara_fraude .container-card-malware .card {
        height: 250px;
    }

    .container-corta-y-clara_fraude .container-card-malware .card img {
        max-width: 150px;
    }

    .container-corta-y-clara_fraude .container-card-malware .card .btnCard {
        padding: 8px 20px;
    }

    .container-corta-y-clara_fraude .container-card-malware .hover-box {
        padding: 15px 10px;
    }

    .container-corta-y-clara_fraude .container-card-malware .hover-box .s1 {
        font-size: 12px;
        line-height: 1.5;
        font-weight: 300;
    }

    .container-corta-y-clara_fraude .container-card-malware .hover-box .s1 b {
        font-weight: 500;
    }
}

.container-corta-y-clara_fraude .container-tips-c-c {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
    margin-top: 30px;
}

.container-corta-y-clara_fraude
    .container-tips-c-c
    .slick-list.draggable:before {
    content: "";
    background: #fff;
    height: 100%;
    width: 2px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}

.container-corta-y-clara_fraude .container-tips-c-c .slick-dots {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    padding-left: 0;
}

.container-corta-y-clara_fraude .container-tips-c-c .slick-dots li {
    list-style: none;
    margin: 5px;
}

.container-corta-y-clara_fraude .container-tips-c-c .slick-dots li button {
    padding: 0;
    color: transparent;
    box-shadow: none;
    border: 0;
    content: "";
    background: #efefef;
    border-radius: 100px;
    height: 12px;
    width: 12px;
    -webkit-appearance: none;
}

.container-corta-y-clara_fraude
    .container-tips-c-c
    .slick-dots
    li.slick-active {
    display: inline-block !important;
}

.container-corta-y-clara_fraude
    .container-tips-c-c
    .slick-dots
    li.slick-active
    button {
    background: #7b7e83;
}

.container-corta-y-clara_fraude .card-tips-c-c {
    min-width: 250px;
    height: 250px;
    text-align: center;
    width: 100%;
    max-width: 300px;
    padding: 20px;
    position: relative;
}

.container-corta-y-clara_fraude .card-tips-c-c img {
    margin: 0 auto;
    width: 100%;
    max-width: 140px;
}

.container-corta-y-clara_fraude .card-tips-c-c:after {
    content: "";
    width: 1px;
    height: calc(100% - 100px);
    background-color: #7b7e83;
    position: absolute;
    top: 50px;
    right: 0;
}

@media (max-width: 992px) {
    .container-corta-y-clara_fraude .card-tips-c-c:after {
        display: none;
    }
}

.container-corta-y-clara_fraude .card-tips-c-c:last-child:after {
    right: -1px;
}

@media (max-width: 992px) {
    .container-corta-y-clara_fraude .card-tips-c-c {
        min-width: auto !important;
        padding: 20px 5px;
    }

    .container-corta-y-clara_fraude .card-tips-c-c .s1 {
        font-size: 12px;
    }
}

.container-corta-y-clara_fraude .slideC-C-tips {
    padding-left: 40px;
    padding-right: 40px;
}

.container-corta-y-clara_fraude .slideC-C .slick-slide .cardFraudesComunes {
    margin-left: auto;
    margin-right: auto;
}

.container-corta-y-clara_fraude
    .slideC-C
    .slick-slide.slick-active.slick-current
    .cardFraudesComunes {
    margin-right: 15px !important;
}

.container-corta-y-clara_fraude
    .slideC-C
    .slick-slide.slick-active.slick-current
    + .slick-active
    + .slick-active
    .cardFraudesComunes {
    margin-left: 15px !important;
}

@media (max-width: 991px) {
    .container-corta-y-clara_fraude
        .slideC-C
        .slick-slide.slick-active.slick-current
        + .slick-active
        .cardFraudesComunes {
        margin-left: 15px !important;
    }
}

@media (max-width: 767px) {
    .container-corta-y-clara_fraude
        .slideC-C
        .slick-slide.slick-active.slick-current
        .cardFraudesComunes {
        margin-right: 0 !important;
        margin-left: 0 !important;
        max-width: 100% !important;
    }
}

.container-corta-y-clara_fraude .slick-arrow {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    background: #fff;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    display: block;
    cursor: pointer;
    z-index: 10;
    border: 0;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
}

.container-corta-y-clara_fraude .slick-arrow:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.container-corta-y-clara_fraude .slick-arrow svg {
    width: 35px;
}

.container-corta-y-clara_fraude .slick-arrow:after {
    content: "";
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    position: absolute;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/icon/icon-arrow-grey.svg)
        center center no-repeat;
}

.container-corta-y-clara_fraude .slick-next {
    right: 0;
}

.container-corta-y-clara_fraude .slick-prev {
    left: 0;
}

.container-corta-y-clara_fraude .slick-prev:after {
    transform: rotate(180deg);
}

@media (max-width: 991px) {
    .container-corta-y-clara_fraude .slick-next,
    .container-corta-y-clara_fraude .slick-prev {
        transform: translateY(-40px);
    }
}

.container-corta-y-clara_fraude .account-details-container .title,
.container-corta-y-clara_fraude .account-details-container .description-title,
.container-corta-y-clara_fraude .account-details-container .description-detail {
    margin-left: 0;
}

.container-corta-y-clara_fraude .container-tips-c-c .slideC-C-tips .slick-next {
    right: 0;
}

.container-corta-y-clara_fraude .container-tips-c-c .slideC-C-tips .slick-prev {
    left: 0;
}

.gap-1 {
    gap: 10px;
}

.btnWhite {
    border-radius: 8px;
}

@charset "UTF-8";
@import "https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800";

.transition1,
.btnRed,
.btnWhite,
.btnPurple,
.btnLightPurple,
.btnYellow,
.link,
.download,
.sites a,
.cont-country .country-options,
.menu-br .btns .btn-yellow,
.menu-br .btns .btn-purple,
.menu-br .btns a,
.menu .dropdown-item,
.menu .item-nav .dropdown-item-nav,
.menu-mobile,
.menu-mobile .dropdown-menu,
.btns-mobile .btn-purple,
.box-ripleyApp,
.cont-footer a:not(.fontRipleyfono) {
    transition: all 0.25s ease-in-out;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    width: 100%;
    border: 0;
    max-width: 100%;
    padding: 0;
    margin: 0;
    padding-top: 90px;
}

@media (max-width: 1024px) {
    body {
        padding-top: 60px;
    }
}

@media (max-width: 780px) {
    body {
        max-width: 100vw;
        overflow-x: hidden;
    }
}

button,
a,
input,
select,
option {
    outline: 0;
    box-shadow: none;
}

button:focus,
a:focus,
input:focus,
select:focus,
option:focus {
    box-shadow: none !important;
}

.contentBTN {
    margin: 30px 0;
}

.simple-line-height {
    line-height: 1.3;
}

.low-line-height {
    line-height: 0.8;
}

@media (max-width: 575px) {
    .low-line-height {
        line-height: 1;
    }
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
    font-family: montserrat, sans-serif;
    font-weight: 500;
    font-size: 15.5px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 10px;
}

.btnRed,
.btnWhite,
.btnPurple,
.btnLightPurple,
.btnYellow {
    text-align: center;
    display: inline-block;
    padding: 1rem 1.5rem;
    box-shadow: 1px 2px 3px rgba(76, 76, 76, 0.5);
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 13.5px;
    color: #fff !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.btnRed:hover,
.btnWhite:hover,
.btnPurple:hover,
.btnLightPurple:hover,
.btnYellow:hover {
    box-shadow: 1px 2px 3px rgba(76, 76, 76, 0.75);
    text-decoration: none;
}

.btnYellow {
    background-color: #f2ad4b;
}

.btnYellow:hover {
    background-color: #feb957;
    color: #fff;
}

.btnPurple {
    background-color: #4f2d7f;
}

.btnPurple:hover {
    background-color: #361860;
    color: #fff;
}

.btnLightPurple {
    background-color: #894590;
}

.btnLightPurple:hover {
    background-color: #893492;
    color: #fff;
}

.btnWhite {
    color: #4f2d7f !important;
    background-color: #ededed;
}

.btnWhite:hover {
    background-color: #fff;
    color: #4f2d7f !important;
}

.btnRed {
    background-color: #ee2737;
    border-radius: 4px;
    cursor: pointer;
}

.btnRed:hover {
    background-color: #f8414b;
    color: #fff !important;
}

.btnMeInteresa {
    color: #fff !important;
    background: #894490;
    padding: 11px 0;
    max-width: none;
    width: 30%;
    margin: 20px 0 10px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 4px !important;
    display: inline-block;
}

.link,
.download {
    padding-left: 15px;
    position: relative;
    font-weight: 600;
    color: #894590;
}

.link:hover,
.download:hover {
    text-decoration: none;
    color: #894590;
}

.link:before,
.download:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 16px;
    width: 10px;
}

.link:before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iN3B4IiBoZWlnaHQ9IjVweCIgdmlld0JveD0iMCAwIDcgNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDguMiAoNDczMjcpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPmljb25fc2VsZWN0LWFycm93PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9ImxheW91dC9iYXItcmlwbGV5IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI1Ny4wMDAwMDAsIC0xMy4wMDAwMDApIj4KICAgICAgICA8ZyBpZD0iaW5wdXQvc2VsZWN0LWFycm93IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjU2LjAwMDAwMCwgMTMuMDAwMDAwKSIgZmlsbD0iIzg5NDU5MCIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHBhdGggZD0iTTMuMTkyOTY4MSw1LjgzMzMzMzMzIEMyLjk5NjYwMjA0LDUuODMzMzMzMzMgMi44MDAwOTY5MSw1Ljc1Nzg1OTE5IDIuNjQ2NTY0MjQsNS42MDYwNDE3IEMyLjMyOTIwNzc2LDUuMjkxNjg2ODEgMi4zMTY1NTI0NCw0Ljc2ODcyNzc0IDIuNjE4MTk0MDgsNC40MzgwMDMyMSBMNC4zOTI0NDIwOSwyLjQ5NDIxNzk1IEwyLjYyMDAwMTk4LDAuNTYzOTA1MDQgQzIuMzE3MjQ3NzksMC4yMzQzMzk0MjEgMi4zMjgzNzMzNSwtMC4yODg2MTk2NDggMi42NDQ4OTU0MSwtMC42MDQxMzM0NTggQzIuOTYxNTU2NTQsLTAuOTE5NjQ3MjY3IDMuNDYzNDU4MTgsLTAuOTA3OTEzMjgyIDMuNzY2MjEyMzcsLTAuNTc4MjAyOCBMNi4wNjE1NTM2LDEuOTIxMTM1OTMgQzYuMzU0MTU1NzIsMi4yMzk4MzY3NSA2LjM1NDcxMiwyLjc0MTc5MDU0IDYuMDYzMzYxNTEsMy4wNjE1MDU0IEwzLjc2ODE1OTM0LDUuNTc2NDg5NDUgQzMuNjExOTg0MzUsNS43NDY5OTQzOCAzLjQwMjk2Mjk3LDUuODMzMzMzMzMgMy4xOTI5NjgxLDUuODMzMzMzMzMgWiIgaWQ9IlNoYXBlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjM0MDcyMCwgMi41MDAwMDApIHJvdGF0ZSg5MC4wMDAwMDApIHRyYW5zbGF0ZSgtNC4zNDA3MjAsIC0yLjUwMDAwMCkgIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)
        center center no-repeat;
    background-size: contain;
    transform: rotate(-90deg);
}

.download:before {
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-download.svg) no-repeat
        center center;
    background-size: contain;
}

.arrow-down {
    position: relative;
    display: inline-block;
    font-family: montserrat, sans-serif;
    width: 100%;
}

.arrow-down:after {
    content: "";
    height: 10px;
    width: 10px;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-down-menu.svg) center
        center no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 40%;
    right: 25px;
}

.arrow-right {
    position: relative;
    display: inline-block;
    font-family: montserrat, sans-serif;
    width: 100%;
}

.arrow-right:after {
    content: "";
    height: 10px;
    width: 10px;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-down-menu.svg) no-repeat
        right center;
    background-size: contain;
    position: absolute;
    bottom: 40%;
    right: 25px;
}

.t0 {
    font-size: 100px;
}

@media (max-width: 767px) {
    .t0 {
        font-size: 50px;
    }
}

.t1 {
    font-size: 35px;
}

.t2a {
    font-size: 22px;
}

.t2 {
    font-size: 22.5px;
}

.t3 {
    font-size: 19.5px;
}

.t4 {
    font-size: 16.5px;
}

.t5 {
    font-size: 32px;
}

.t6 {
    font-size: 40px;
}

.t7 {
    font-size: 36px;
}

.t8 {
    font-size: 24px;
}

.t9 {
    font-size: 15px;
}

.t10 {
    font-size: 16px;
}

.t11 {
    font-size: 17px;
}

.s1 {
    font-size: 13.5px;
}

.s2 {
    font-size: 12.5px;
}

.s3 {
    font-size: 11px;
}

.s4 {
    font-size: 12px;
}

.s5 {
    font-size: 14px;
}

.lh1 {
    line-height: 20px !important;
}

.s6 {
    font-size: 10px;
}

.normal {
    font-weight: 400 !important;
}

.light {
    font-weight: 400 !important;
}

.strongLight {
    font-weight: 500 !important;
}

.semiBold {
    font-weight: 600 !important;
}

.bold {
    font-weight: 700 !important;
}

.yellow {
    color: #feb957 !important;
}

.white {
    color: #fff !important;
}

.black1 {
    color: #404040 !important;
}

.black2 {
    color: #424242 !important;
}

.black3 {
    color: #444 !important;
}

.black4 {
    color: #000 !important;
}

.purple {
    color: #894590 !important;
}

.purple3 {
    color: #8c4799 !important;
}

.purpleDark {
    color: #4f2d7f !important;
}

.red {
    color: #ee2737 !important;
}

.grey {
    color: #4c4c4c !important;
}

.grey4 {
    color: #484848 !important;
}

.grey5 {
    color: #737373 !important;
}

.grey6 {
    color: #58595b !important;
}

.subrayado {
    text-decoration: underline;
    cursor: pointer;
}

.grey0 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 37px;
    background-color: transparent;
    position: absolute;
    z-index: 1;
    margin-top: 50px;
    margin-left: 35px;
}

.darkPurple3 {
    color: #4f2d7f !important;
}

.darkPurple3_1 {
    color: #4f2d7f;
}

.darkPurple4 {
    color: #523178;
}

.darkPurple5 {
    color: #462a66;
}

.grey00 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 37px;
    background-color: transparent;
    position: absolute;
    z-index: 1;
    margin-top: 50px;
    margin-left: 35px;
}

.grey1 {
    color: #4c4c4c !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    background-color: transparent;
    position: absolute;
    z-index: 3;
    margin-left: 12%;
    margin-top: 80px;
}

.grey10 {
    color: #fff !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    background-color: transparent;
    position: absolute;
    z-index: 3;
    margin-left: 12%;
    margin-top: 80px;
}

.lightGrey3 {
    color: #7b7e83 !important;
}

.lightGrey4 {
    color: #3f3f41 !important;
}

.lightGrey5 {
    color: #939393 !important;
}

.lightGrey6 {
    color: #8c8c8c !important;
}

.lightGrey7 {
    color: #737373 !important;
}

.lightGrey8 {
    color: #727171;
}

.lightGrey9 {
    color: #9d9d9d;
}

.lightGrey10 {
    color: #aaa7a7;
}

.lightGrey11 {
    color: #6e6e6e;
}

.upCase {
    text-transform: uppercase;
}

.content-line {
    position: relative;
}

.content-line:after {
    content: "";
    height: 100%;
    width: 1px;
    background-color: #efefef;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1px;
}

.globo {
    position: fixed;
    bottom: 35px;
    right: 85px;
    z-index: 4001;
}

.form-dni {
    margin: 30px 0 15px;
}

.form-recaptcha {
    margin: 10px 0;
}

.form-datosPersonales {
    padding: 0;
}

.form-datosPersonales .form-check-input {
    position: absolute;
    opacity: 0;
}

.form-datosPersonales .form-check-input + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    padding-left: 30px;
}

.form-datosPersonales .form-check-input + label:before {
    content: "";
    margin-left: -30px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: 2px;
}

.form-datosPersonales .form-check-input:hover + label:before {
    background: #523178;
}

.form-datosPersonales .form-check-input:checked + label:before {
    background: #523178;
    border: 1px solid #523178;
}

.form-datosPersonales .form-check-input:checked + label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    background: #fff;
    width: 2px;
    height: 2px;
    box-shadow:
        2px 0 0 #fff,
        4px 0 0 #fff,
        4px -2px 0 #fff,
        4px -4px 0 #fff,
        4px -6px 0 #fff,
        4px -8px 0 #fff;
    transform: rotate(45deg);
}

.form-datosPersonales label a {
    text-decoration: underline;
    color: #8c4799;
}

.cardProduct {
    width: 49.5%;
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
}

.cardProduct:hover {
    background: #f1f1f1;
    cursor: pointer;
}

.cardProduct svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    fill: #523178;
}

.tooltipGeneral {
    position: relative;
    display: inline-block;
}

.tooltipGeneral .tooltiptext {
    visibility: hidden;
    width: 220px;
    background-color: #8c4799;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    font-size: 12px;
    bottom: 125%;
    left: 50%;
    margin-left: -110px;
    transition: opacity 0.3s;
    text-align: start;
}

.tooltipGeneral .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #8c4799 transparent transparent transparent;
}

.tooltipGeneral:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.modalError .dialogModal {
    max-width: 600px;
}

.modalError .titleModal {
    font-weight: 600;
    font-size: 14.5px;
    text-align: center;
    color: #523178;
}

.modalError .descriptionModal {
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    color: #404040;
}

.modalError .btnCerrar {
    background: #523178;
    border-radius: 4px;
    padding: 11px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

.modalError .modal-footer {
    border-top: 0;
    justify-content: center;
}

.viewLegal .legal-text {
    bottom: 527px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
    text-align: justify;
}

.viewLegal .titleLegal {
    cursor: pointer !important;
}

.viewLegal .titleLegalMobile {
    cursor: pointer !important;
    text-decoration-line: underline !important;
}

.viewLegal .morelegaldropdown {
    font-weight: 600;
    font-size: 16px;
    color: #8c4799;
    cursor: pointer;
}

.viewLegal .morelegaldropdown:after {
    content: "";
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-arrow-down.svg) center
        center no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 2px;
    margin-left: 15px;
}

.viewLegal .lesslegaldropdown {
    font-weight: 600;
    font-size: 16px;
    color: #8c4799;
    cursor: pointer;
}

.viewLegal .lesslegaldropdown:after {
    content: "";
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-arrow-up.svg) center center
        no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 2px;
    margin-left: 15px;
}

.viewLegal .imgLegal {
    width: 100%;
    max-width: 400px;
}

.viewLegal .imgLegalMobile {
    width: 80%;
    height: 100%;
}

.viewLegal .cerrarModal {
    text-decoration-line: underline !important;
}

.modalGeneral .modal-header {
    border-bottom: 0;
}

.modalGeneral .modal-footer {
    border-top: 0;
    justify-content: center;
}

.disable-scroll {
    position: fixed !important;
    overflow: hidden;
}

.ripley-header {
    background: #f9f9f9;
    position: fixed;
    top: 0;
    z-index: 1000;
}

.sites .logo-ripley {
    height: 30px;
    width: 30px;
    padding: 8px;
    background: #efefef url(https://www.bancoripley.com.pe/img/svg/logo-r.svg)
        center center no-repeat;
}

.sites a {
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 12.5px;
    color: #97999b;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 6px 10px;
    max-height: 30px;
}

.sites a.active {
    background: #fff;
}

.sites a:hover {
    background: #efefef;
    text-decoration: none;
}

.cont-country {
    width: 100%;
    max-width: 150px;
    position: relative;
}

.cont-country span {
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 12.5px;
    color: #7b7e83;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cont-country .country {
    position: relative;
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 12.5px;
    color: #7b7e83;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cont-country .country img {
    margin: 0 10px;
}

.cont-country .country a,
.cont-country .country a:hover {
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 12.5px;
    color: #7b7e83;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none;
}

.cont-country .country-dropdown {
    cursor: pointer;
    position: relative;
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 12.5px;
    color: #7b7e83;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cont-country .country-dropdown img {
    margin: 0 10px;
}

.cont-country .country-dropdown:after {
    content: "";
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-chevron-down.svg) center
        center no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 0;
    right: -20px;
}

.cont-country .country-options {
    background-color: #f9f9f9;
    position: absolute;
    bottom: -30px;
    left: 30px;
    padding: 5px 20px 5px 0;
    height: 30px;
    z-index: 200;
}

.cont-country .country-options:hover {
    background-color: #efefef;
}

.menu-br {
    height: 60px;
    background-color: #fff;
    position: relative;
    z-index: 100;
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.03);
}

.menu-br .logo-br {
    margin-left: 15px;
    max-width: 180px;
}

.menu-br .logo-br img {
    width: 100%;
}

.menu-br .btns .btn-yellow,
.menu-br .btns .btn-purple {
    height: 60px;
}

.menu-br .btns a {
    display: inline-block;
    text-align: center;
    vertical-align: center;
    padding: 0 5px;
    font-family: montserrat, sans-serif;
    font-weight: 700;
    font-size: 11.8px;
    color: #fff !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: uppercase;
}

.menu-br .btns a:hover {
    text-decoration: none;
}

.menu-br .btn-yellow {
    background-color: #f2ad4b;
}

.menu-br .btn-yellow:hover {
    background-color: #feb957;
}

.menu-br .btn-purple {
    background-color: #894590;
}

.menu-br .btn-purple:hover {
    background-color: #893492;
}

.menu-br .btn-purple img {
    margin-left: 10px;
    margin-top: -4px;
}

.menu .navbar {
    padding: 0;
}

.menu li {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu li:hover,
.menu li.active {
    background-color: #ee2737;
}

.menu li:hover .nav-link,
.menu li.active .nav-link {
    color: #fff;
}

.menu li.active .nav-link,
.menu li:hover .nav-link {
    color: #fff;
}

.menu .nav-link {
    font-family: montserrat, sans-serif;
    font-weight: 700;
    font-size: 11.8px;
    color: #4c4c4c;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: uppercase;
    text-align: center;
    padding: 0 5px;
}

.menu .navbar-nav {
    padding-right: 0;
}

.menu .dropdown-menu {
    position: absolute;
    margin-top: 0;
    border-radius: 0;
    border: 0;
    padding: 0;
    box-shadow: 0 2px 16px 0 rgba(215, 215, 215, 0.5);
    width: auto;
}

.menu .dropdown-item {
    font-family: montserrat, sans-serif;
    font-weight: 700;
    font-size: 11.8px;
    color: #4c4c4c;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: uppercase;
    padding: 24px 17px;
    word-break: break-word;
}

.menu .dropdown-item:hover {
    background-color: #efefef;
}

.menu .item-nav {
    background-color: #d1d1d1;
}

.menu .item-nav .dropdown-item-nav {
    font-family: montserrat, sans-serif;
    font-weight: 700;
    font-size: 11.8px;
    color: #4c4c4c;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: uppercase;
    padding: 24px 17px;
    text-decoration: none;
}

.menu .item-nav:hover .dropdown-item-nav,
.menu .item-nav.active .dropdown-item-nav {
    color: #fff;
}

.menu .left-content {
    justify-content: left;
}

.menu .icon-after {
    position: relative;
}

.menu .icon-after:after {
    margin-left: 5px;
    margin-top: -3px;
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-external.svg) center center
        no-repeat;
}

.menu-mobile {
    display: none;
    position: fixed;
    background-color: #fff;
    width: 100%;
    max-width: 280px;
    height: 100%;
    right: -100%;
    top: 0;
    overflow: auto;
    z-index: 1000;
}

.menu-mobile.active {
    right: 0;
}

.menu-mobile ul {
    list-style: none;
    padding-left: 0;
    width: 100%;
    padding-top: 5px;
}

.menu-mobile li {
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
}

.menu-mobile li .nav-link {
    text-align: left;
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #7d7d7d;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 13px 20px;
    border-bottom: 1px solid #ebebeb;
}

.menu-mobile li .nav-link.active {
    background-color: #d83f3f;
    color: #fff;
}

.menu-mobile li .icon-menu {
    margin-right: 17px;
}

.menu-mobile button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    border: 0;
    box-shadow: none;
    outline: 0;
}

.menu-mobile .collapsed li:first-child,
.menu-mobile .collapse li:first-child,
.menu-mobile .collapsing li:first-child {
    padding-top: 0;
}

.menu-mobile .collapsed li,
.menu-mobile .collapse li,
.menu-mobile .collapsing li {
    border: 0;
}

.menu-mobile .collapsed li:hover,
.menu-mobile .collapse li:hover,
.menu-mobile .collapsing li:hover {
    background-color: #e9e9e9;
}

.menu-mobile .collapsed a,
.menu-mobile .collapse a,
.menu-mobile .collapsing a {
    padding: 15px 20px 15px 60px;
    display: inline-block;
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #4c4c4c;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.menu-mobile .collapsed a:hover,
.menu-mobile .collapse a:hover,
.menu-mobile .collapsing a:hover {
    color: #8c4799;
    text-decoration: none;
}

.menu-mobile .dropdown-menu {
    display: inline-block;
    position: relative;
    background-color: transparent;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    height: 0;
}

.menu-mobile .dropdown-menu a {
    padding: 10px 15px;
}

.menu-mobile nav {
    padding-bottom: 0;
    align-content: space-between;
    height: 100%;
}

.menu-mobile .footer-menu {
    margin-bottom: 0;
}

.menu-mobile .footer-menu li {
    background-color: #fff;
}

.menu-mobile .footer-menu li:hover {
    background-color: #e9e9e9;
}

.menu-mobile .footer-menu li a {
    border-top: 1px solid #ebebeb;
    border-bottom: 0;
    color: #575757;
}

.menu-mobile .footer-menu a {
    opacity: 1;
}

.menu-mobile .footer-menu a:hover {
    color: #8c4799;
    text-decoration: none;
}

.btns-mobile {
    display: none;
}

.btns-mobile .btn-purple {
    height: 60px;
    width: 60px;
    cursor: pointer;
}

.btns-mobile .btn-purple img {
    margin: 0;
}

.btns-mobile .btnMenu0 {
    height: 60px;
    width: 60px;
    cursor: pointer;
    background-color: #7c3f88 !important;
}

.btns-mobile .btnMenu {
    height: 60px;
    width: 60px;
    cursor: pointer;
    background-color: #4f2d7f;
}

.btns-mobile .btnMenu .line {
    background-color: #fff;
    width: 20px;
    height: 2px;
    position: relative;
    border-radius: 5px;
}

.btns-mobile .btnMenu .line:after,
.btns-mobile .btnMenu .line:before {
    border-radius: 5px;
    content: "";
    position: absolute;
    height: 2px;
    width: 20px;
    background: #fff;
}

.btns-mobile .btnMenu .line:before {
    top: 7px;
}

.btns-mobile .btnMenu .line:after {
    bottom: 7px;
}

.box-ripleyApp {
    padding-top: 25px;
    box-shadow: 0 2px 20px 0 rgba(202, 202, 202, 0.5);
    position: fixed;
    height: 30vh;
    background-color: #fff;
    width: 100%;
    bottom: 0;
    left: 0;
}

.box-ripleyApp.out {
    transform: translateY(100%);
}

.box-ripleyApp #box-ripleyApp_close {
    position: absolute;
    top: 5px;
    right: 15px;
    height: 25px;
    width: 25px;
    background: transparent
        url(https://www.bancoripley.com.pe/img/svg/i-close.svg) center center
        no-repeat;
    background-size: 40% auto;
    opacity: 0.3;
    z-index: 10000;
}

.box-ripleyApp .box-ripleyApp_content {
    width: 100%;
    padding: 0 10px;
}

.box-ripleyApp .box-ripleyApp_content img {
    padding: 0 2px;
    max-width: 25vw;
}

.box-ripleyApp .box-ripleyApp_content p {
    padding: 0 2px;
}

.box-ripleyApp .box-ripleyApp_link {
    padding: 15px 0;
}

.box-ripleyApp .btnRed {
    padding: 0.5rem 2.5rem;
}

@media (max-width: 1100px) {
    .sites a {
        font-size: 10px;
    }

    .menu .dropdown-item,
    .menu .nav-link {
        font-size: 10px;
    }

    .menu-br .btns a {
        font-size: 10px;
    }

    .menu-br .logo-br {
        max-width: 150px;
    }
}

@media (max-width: 1024px) {
    .menu-br {
        justify-content: space-between;
    }

    .sites-nav,
    .btns,
    .menu {
        display: none;
    }

    .menu-mobile {
        display: inline-block;
    }

    .btns-mobile {
        display: flex;
    }
}

.footerMsg {
    border-top: 1px solid #efefef;
    padding: 20px 0;
    text-align: center;
}

.footerMsg p {
    padding: 0 15px;
}

@media (max-width: 576px) {
    .footerMsg a {
        margin: 15px 0 !important;
        width: 100%;
        max-width: 100%;
    }
}

.cont-footer {
    background-color: rgba(239, 239, 239, 0.5);
    padding-top: 30px;
}

.cont-footer .arrow-down:after {
    bottom: 45%;
}

.cont-footer ul,
.cont-footer li {
    list-style: none;
}

.cont-footer ul {
    padding-left: 0;
}

.cont-footer li {
    margin-bottom: 5px;
}

.cont-footer .title {
    text-transform: uppercase;
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 11.5px;
    color: #4f2d7f;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cont-footer a:not(.fontRipleyfono) {
    font-family: montserrat, sans-serif;
    font-weight: 400;
    font-size: 12.5px;
    color: #7b7e83;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cont-footer a:not(.fontRipleyfono):hover {
    text-decoration: none;
    color: #4c4c4c;
}

.cont-footer img {
    height: 25px;
    width: auto;
    padding-right: 15px;
}

.cont-footer button.title {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    box-shadow: none;
    outline: 0;
    background: 0 0;
    width: 100%;
    text-align: left;
    padding: 15px 10px 10px;
    color: #4c4c4c;
    font-weight: 700;
    border-bottom: 1px solid rgba(151, 153, 155, 0.3);
}

.cont-footer .collapse,
.cont-footer .collapsed,
.cont-footer .collapsing {
    padding: 5px 10px;
}

.cont-footer .btnRed {
    color: #fff;
    font-weight: 600;
    margin: 15px 0;
    width: 100%;
    max-width: 200px;
}

.cont-footer .btnRed img {
    width: 100%;
    margin-top: 0;
    max-width: 25px;
}

@media (max-width: 768px) {
    .cont-footer {
        padding-top: 0;
    }

    .cont-footer img {
        padding-right: 10px;
        margin-top: 5px;
    }

    .cont-footer .grey {
        opacity: 0.5;
    }

    .cont-footer span {
        padding: 25px 0 0;
    }

    .cont-footer span a {
        margin: 10px 10px 35px;
    }

    .cont-footer span p {
        text-transform: capitalize !important;
        opacity: 1 !important;
    }
}

.cont-footer_rrss {
    margin: 25px 0;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(123, 126, 131, 0.3);
}

.cont-footer_rrss a {
    padding-left: 10px;
}

.cont-footer_rrss a img {
    width: auto;
    height: 20px;
}

@media (max-width: 768px) {
    .cont-footer_rrss {
        border-bottom: 0;
        margin: 0;
    }
}

.cont-footer__legal {
    height: 35px;
    background: rgba(151, 153, 155, 0.2);
}

.cont-footer__legal p {
    text-align: center;
    padding: 10px 15px;
    font-family: montserrat, sans-serif;
    font-weight: 400;
    font-size: 12.5px;
    color: #4c4c4c;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 0;
}

.cont-footer__legal p a {
    font-family: montserrat, sans-serif;
    font-weight: 700;
    font-size: 12.5px;
    color: #4c4c4c;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.barra-coloresBR {
    margin-top: 25px;
    display: inline-block;
    height: 8px;
    width: 100%;
    overflow: hidden;
}

.barra-coloresBR .line-red,
.barra-coloresBR .line-yellow,
.barra-coloresBR .line-purple {
    display: inline-block;
    height: 8px;
    float: left;
}

.barra-coloresBR .line-red {
    background: #ee2737;
    width: 50%;
}

.barra-coloresBR .line-yellow {
    background: #f2ad4b;
    width: 15%;
}

.barra-coloresBR .line-purple {
    background: #894590;
    width: 35%;
}

.toggle-mobile {
    position: absolute;
    z-index: 900;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: none;
}

.toggle-mobile.active {
    display: inline-block;
    cursor: pointer;
}

.fa-reclamaciones {
    height: 60px !important;
}

@media (max-width: 768px) {
    .fa-reclamaciones {
        height: 55px !important;
    }
}

@media (max-width: 768px) {
    .align-center-xs {
        text-align: center !important;
    }
}

b,
p,
li,
ul,
div {
    font-family: montserrat, sans-serif;
}

.container-landing-app {
    background-color: #571b7c !important;
}

.container-landing-app .section-gradient {
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#571b7c),
        color-stop(#b05ba2),
        color-stop(#571b7c)
    ) !important;
    background-image: -o-linear-gradient(
        top,
        #571b7c,
        #b05ba2,
        #571b7c
    ) !important;
    background-image: linear-gradient(
        to bottom,
        #571b7c,
        #b05ba2,
        #571b7c
    ) !important;
}

.container-landing-app .section-gradient img {
    padding-top: 10%;
    max-width: 100px;
    width: 100%;
}

.container-landing-app .section-gradient img[alt="App Banco"] {
    max-width: 280px;
    width: 100%;
    padding-top: 0;
}

.container-landing-app .section-gradient .t1 {
    font-size: 40px;
}

@media (max-width: 991px) {
    .container-landing-app .section-gradient img {
        max-width: 50px !important;
        padding-top: 0 !important;
        margin-right: 15px;
    }

    .container-landing-app .section-gradient img[alt="App Banco"] {
        max-width: 200px !important;
    }

    .container-landing-app .section-gradient .t1 {
        font-size: 30px !important;
        line-height: 1;
    }

    .container-landing-app .section-gradient .t2 {
        font-size: 15px !important;
    }
}

@media (max-width: 767px) {
    .container-landing-app .section-gradient img[alt="App Banco"] {
        max-width: 150px !important;
    }

    .container-landing-app .section-gradient .t1 {
        font-size: 22px !important;
    }
}

.container-landing-app .section-paga {
    position: relative;
}

.container-landing-app .section-paga img {
    width: 100%;
    max-width: 80px;
}

.container-landing-app .section-paga img[alt="Aplicación Banco"] {
    margin-top: 25px;
    width: 100%;
    max-width: 500px;
}

.container-landing-app .section-paga img[alt="Tarjeta Ripley"] {
    margin-top: 15px;
    max-width: 200px;
}

.container-landing-app .section-paga img[alt="Tarjeta Ripley"] + img {
    position: absolute;
    bottom: 20%;
    left: 250px;
    width: 80%;
    max-width: 100%;
}

.container-landing-app .section-transferencias img {
    width: 100%;
    max-width: 80px;
}

.container-landing-app .section-transferencias img[alt="Transferencias"] {
    margin-top: 25px;
    width: 100%;
    max-width: 500px;
}

.container-landing-app
    .section-transferencias
    img[alt="Transferencias"]
    + img[src="img/landing-app-banco-ripley/img2-transferencias.png"] {
    position: absolute;
    top: 5%;
    left: 65%;
    max-width: 100%;
}

.container-landing-app .section-transferencias img[alt="app banca movil"] {
    width: 100%;
    max-width: 180px;
    margin: 0;
}

.container-landing-app .section-onOff img {
    width: 100%;
    max-width: 80px;
}

.container-landing-app .section-onOff img[alt="Tarjeta Banco"] {
    margin-top: 25px;
    width: 100%;
    max-width: 500px;
}

@media (max-width: 575px) {
    .container-landing-app .section-onOff img[alt="Tarjeta Banco"] {
        max-width: 50% !important;
        margin-top: 0 !important;
    }
}

.container-landing-app .section-movimientos img {
    width: 100%;
    max-width: 80px;
}

.container-landing-app .section-movimientos img[alt="Banco APP"] {
    margin-top: 25px;
    width: 100%;
    max-width: 500px;
}

@media (max-width: 575px) {
    .container-landing-app .section-movimientos img[alt="Banco APP"] {
        max-width: 50% !important;
        margin-top: 0 !important;
    }
}

.container-landing-app .section-avSav img {
    width: 100%;
    max-width: 80px;
}

.container-landing-app .section-avSav img[alt="Tarjeta de crédito"] {
    margin-top: 25px;
    width: 100%;
    max-width: 500px;
}

@media (max-width: 575px) {
    .container-landing-app .section-avSav img[alt="Tarjeta de crédito"] {
        max-width: 50%;
        margin-top: 0;
    }
}

.container-landing-app .section-beneficios img {
    width: 100%;
    max-width: 80px;
}

.container-landing-app
    .section-beneficios
    img[alt="Descargar aplicación banco"] {
    margin-top: 25px;
    width: 100%;
    max-width: 500px;
}

@media (max-width: 575px) {
    .container-landing-app
        .section-beneficios
        img[alt="Descargar aplicación banco"] {
        max-width: 50%;
        margin-top: 0;
    }
}

.container-landing-app .section-rpgo img {
    width: 100%;
    max-width: 80px;
}

.container-landing-app .section-rpgo img[alt="Descargar Banco"] {
    margin-top: 25px;
    width: 100%;
    max-width: 500px !important;
}

@media (max-width: 575px) {
    .container-landing-app .section-rpgo img[alt="Descargar Banco"] {
        max-width: 100% !important;
        margin-top: 0;
    }
}

.container-landing-app .section-descarga {
    background-color: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
}

.container-landing-app .section-descarga img {
    width: 100%;
    max-width: 80px;
}

.container-landing-app .box-txt {
    padding-top: 15px;
    padding-bottom: 15px;
}

.container-landing-app .box-txt h2 {
    margin-top: 20px;
    margin-bottom: 0;
}

.container-landing-app .box-txt p {
    font-size: 17px;
    margin: 20px 0;
}

@media (max-width: 991px) {
    .container-landing-app .box-txt h2 {
        margin-top: 15px;
        font-size: 17px !important;
    }

    .container-landing-app .box-txt p {
        font-size: 15px !important;
        margin: 10px 0 !important;
    }
}

@media (max-width: 767px) {
    .container-landing-app .box-txt img:first-child {
        max-width: 50px !important;
    }

    .container-landing-app .box-txt h2 {
        font-size: 15px !important;
    }

    .container-landing-app .box-txt p {
        font-size: 13px !important;
        margin: 5px 0 !important;
    }
}