.img-circle{
    border-radius:50%;
}

.component{
    min-height:100px;
    width:     90%;
}

ul.accordion{
    padding:   0;
    text-align:left;
    list-style:none;
    margin:    1% 15%;
}

ul.accordion .inner{
    padding-top: 2.5rem;
    padding-left:0;
    overflow:    hidden;
    display:     none;
    list-style:  none;
}

.list-unstyled{
    padding-left:0;
    list-style:  none;
}

.card-pf .card-title{
    font-weight:700;
    line-height:24px;
    font-size:  1.5rem;
}

.card-pf .btn-neutral{
    position:    absolute;
    bottom:      25px;
    margin-right:32px;
}

.nest-principal{
    min-height:80px;
}

.nest-principal img{
    max-height:80px;
}

.text-pf{
    font-family:    Roboto-Medium;
    color:          #2c2044;
    font-size:      20px;
    display:        flex;
    flex-direction: row;
    justify-content:space-between;
    align-items:    center;
}


.webview-search{
    background-color:     #8b3d99 !important;
    border:               0 !important;
    background-image:     url(../img/icon-search.svg) !important;
    background-size:      25px !important;
    /* position: relative !important; */
    left:                 50% !important;
    /* transform: translate(-50%, -50%) !important; */
    opacity:              1;
    box-sizing:           border-box;
    color:                rgb(44 32 68);
    box-shadow:           none;
    outline:              0;
    caret-color:          rgb(44 32 68);
    /* transition: all .2s ease-in-out; */
    background-repeat:    no-repeat;
    padding:              12px 18px 12px 55px;
    border-radius:        8px;
    /* margin-top: 20px; */
    font-family:          "Roboto-Medium", serif;
    font-size:            18px;
    line-height:          1rem;
    /* width: calc(100% - 50px); */
    height:               50px;
    background-position:  16px 8px;
    background-position-y:center;
}

.separator{
    height:          10px;
    background-color:#ece6fb;
}

.subtitle-menu-webview{
    font-family:    Roboto-Medium;
    color:          #2c2044;
    font-size:      20px;
    display:        flex;
    align-items:    center;
    justify-content:space-between;
}

.card-pf-webview ul li{
    padding:4px 0;
}

.card-pf-webview{
    padding:1rem 1.5rem 0;
}

.subtitle-menu-webview div{
    margin-right:auto;
}

.subtitle-menu-webview img{
    margin-right:20px;
}

.subtitle-menu-webview em{
    float:inline-end;
}

.align-menu-sec-webview{
    display:        flex;
    align-items:    center;
    justify-content:space-evenly;
}

.align-text-webview p{
    line-height:inherit !important;
    margin-top: 7px;
}

.align-menu-sec-webview img{
    max-width:44px !important;
    margin:   0 !important;
}

.webview input::-webkit-input-placeholder{
    color:#F0CEF5 !important;
}

.inner li{
    padding:5px 0;
}

li div.nest div{
    display:    flex;
    align-items:center;
    flex-wrap:  nowrap;
}

.inner li div.nest{
    background:#666;
}

.inner .inner li div.nest{
    background:darkgrey;
}

.subtitulo{
    font-family:Roboto-Medium;
    color:      #2c204499;
    font-weight:500;
    margin:     8px auto 0;
    min-height: 48px;
}

.icon_down{
    content:         "\f105";
    font-family:     "yape-icon", sans-serif;
    transform-origin:center;
    transition:      .5s transform ease;
    will-change:     transform;
    margin-left:     auto;
    font-size:       1.5rem;
    color:           #7d758d;
    margin-right:    8px;
}

/*Animation phone*/

.dm-width{
    width: 280px;
    margin:0 auto;
}

.align-title-beneficios{
    display:        flex;
    align-items:    center;
    justify-content:center;
}

.dm-device{
    position:     relative;
    width:        100%;
    /*padding-bottom:203.477897%;*/
    margin-bottom:20px;
}

.device{
    top:                    0;
    bottom:                 0;
    left:                   0;
    right:                  0;
    width:                  100%;
    height:                 100%;
    -webkit-background-size:100% 100%;
    z-index:                2;
    background-repeat:      no-repeat;
    /* background-image: url(../img/seguridad_soli.png); */
    background-size:        cover;
    background-position:    center center;
}

.swiper-slide{
    display:flex !important;
}

.screen{
    overflow:hidden;
    z-index: 1;
    top:     83px;
    bottom:  101px;
    left:    45px;
    right:   74px;
    /* background-color: #6492c3; */
    width:   100%;
    /*!* border-radius: 28px;*/
}

/*.slider {*/
/*    height: 100%;*/
/*}*/
/*.slider div {*/
/*    height: 100%;*/
/*}*/

.slider__item{
    font-size:100px;
    color:    rgba(255, 255, 255, .7);
    height:   595px;
}

.slider__item_yape{
    font-size:100px;
    color:    rgba(255, 255, 255, .7);
    height:   555px;
}

.slider__item_yape--1{
    background-image:url("../img/beneficio_1_yape.png");
    background-size: contain;
}

.slider__item_yape--2{
    background-image:url("../img/beneficio_2_yape.png");
    background-size: contain;
}

.slider__item_yape--3{
    background-image:url("../img/beneficio_3_yape.png");
    background-size: contain;
}

.slider__item_yape--4{
    background-image:url("../img/beneficio_4_yape.png");
    background-size: contain;
}

.slider__item_yape--5{
    background-image:url("../img/beneficio_5_yape.png");
    background-size: contain;
}

.slider__item_yape--6{
    background-image:url("../img/beneficio_6_yape.png");
    background-size: contain;
}

.slider__item_yapeos_qr{
    font-size:100px;
    color:    rgba(255, 255, 255, .7);
    height:   400px;
}

.slider__item_yapeos_qr--1{
    background-image:url("../img/pago-qr-1.png");
    background-size: contain;
}

.slider__item_yapeos_qr--2{
    background-image:url("../img/pago-qr-2.png");
    background-size: contain;
}

.slider__item_yapeos_qr--3{
    background-image:url("../img/pago-qr-3.png");
    background-size: contain;
}

.slider__item_yapeos_qr--4{
    background-image:url("../img/pago-qr-4.png");
    background-size: contain;
}

.slider__item_yapeos_qr--5{
    background-image:url("../img/pago-qr-5.png");
    background-size: contain;
}

.slider__item_recargas{
    font-size:100px;
    color:    rgba(255, 255, 255, .7);
    height:   436px;
}

.slider__item_paquetes{
    font-size:100px;
    color:    rgba(255, 255, 255, .7);
    height:   436px;
}

.slider__item_paquetes--1{
    background-image:url("../img/recarga-paquete-1.png");
    background-size: contain;
}

.slider__item_paquetes--2{
    background-image:url("../img/recarga-paquete-2.png");
    background-size: contain;
}

.slider__item_paquetes--3{
    background-image:url("../img/recarga-paquete-3.png");
    background-size: contain;
}

.slider__item_paquetes--4{
    background-image:url("../img/recarga-paquete-4.png");
    background-size: contain;
}

.slider__item_recargas{
    font-size:100px;
    color:    rgba(255, 255, 255, .7);
    height:   436px;
}

.slider__item_recargas--1{
    background-image:url("../img/recargar-credito-1.png");
    background-size: contain;
}

.slider__item_recargas--2{
    background-image:url("../img/recargar-credito-2.png");
    background-size: contain;
}

.slider__item_recargas--3{
    background-image:url("../img/recargar-credito-3.png");
    background-size: contain;
}

.slider__item_recargas--4{
    background-image:url("../img/recargar-credito-4.png");
    background-size: contain;
}

.slider__item_recargas--5{
    background-image:url("../img/recargar-credito-4.png");
    background-size: contain;
}

.slider__item_recargas--6{
    background-image:url("../img/recargar-credito-4.png");
    background-size: contain;
}

.slider__item_recargas--1-tigo{
    background-image:url("../img/Tigo-01.png");
    background-size: contain;
}

.slider__item_recargas--2-tigo{
    background-image:url("../img/Tigo-02.png");
    background-size: contain;
}

.slider__item_recargas--3-tigo{
    background-image:url("../img/Tigo-03.png");
    background-size: contain;
}

.slider__item_recargas--4-tigo{
    background-image:url("../img/Tigo-04.png");
    background-size: contain;
}

.slider__item_recargas--5-tigo{
    background-image:url("../img/Tigo-05.png");
    background-size: contain;
}

.slider__item_recargas--6-tigo{
    background-image:url("../img/recargar-credito-4.png");
    background-size: contain;
}

.slider__item_recargas--1-entel{
    background-image:url("../img/Entel-01.png");
    background-size: contain;
}

.slider__item_recargas--2-entel{
    background-image:url("../img/Entel-02.png");
    background-size: contain;
}

.slider__item_recargas--3-entel{
    background-image:url("../img/Entel-03.png");
    background-size: contain;
}

.slider__item_recargas--4-entel{
    background-image:url("../img/Entel-04.png");
    background-size: contain;
}

.slider__item_recargas--5-entel{
    background-image:url("../img/Entel-05.png");
    background-size: contain;
}

.slider__item_recargas--6-entel{
    background-image:url("../img/recargar-credito-4.png");
    background-size: contain;
}

.text-align-rigth{
    text-align:-webkit-right;
}

.text-align-center{
    text-align:-webkit-center;
}

.align_center{
    display:        flex;
    justify-content:center;
}

.slider__item_yapeos{
    font-size:100px;
    color:    rgba(255, 255, 255, .7);
    height:   400px;
}

.slider__item_yapeos--1{
    background-image:url("../img/yapeo-1.png");
    background-size: contain;
}

.slider__item_yapeos--2{
    background-image:url("../img/yapeo-2.png");
    background-size: contain;
}

.slider__item_yapeos--3{
    background-image:url("../img/yapeo-3.png");
    background-size: contain;
}

.slider__item_yapeos--4{
    background-image:url("../img/yapeo-4.png");
    background-size: contain;
}

.slider__item_yapeos--5{
    background-image:url("../img/yapeo-5.png");
    background-size: contain;
}

.slider__item_service{
    font-size:100px;
    color:    rgba(255, 255, 255, .7);
    height:   558px;
}

.slider__item_service--1{
    background-image:url("../img/servicio_phone1.png");
    background-size: contain;
}

.slider__item_service--2{
    background-image:url("../img/servicio_phone2.png");
    background-size: contain;
}

.slider__item_service--3{
    background-image:url("../img/servicio_phone3.png");
    background-size: contain;
}

.slider__item_service--4{
    background-image:url("../img/servicio_phone4.png");
    background-size: contain;
}

.slider__item_service--5{
    background-image:url("../img/servicio_phone5.png");
    background-size: contain;
}

.slider__item_service--6{
    background-image:url("../img/servicio_phone6.png");
    background-size: contain;
}

.slider__item--1{
    background-image:url("../img/crear_cuenta_1.png");
    background-size: contain;
}

.slider__item--2{
    background-image:url("../img/crear_cuenta_2.png");
    background-size: contain;
}

.slider__item--3{
    background-image:url("../img/crear_cuenta_3.png");
    background-size: contain;
}

.slider__item--4{
    background-image:url("../img/crear_cuenta_4.png");
    background-size: contain;
}

.slider__item--5{
    background-image:url("../img/crear_cuenta_5.png");
    background-size: contain;
}

.slider__item--6{
    background-image:url("../img/crear_cuenta_6.png");
    background-size: contain;
}

.slider__item--7{
    background-image:url("../img/crear_cuenta_7.png");
    background-size: contain;
}

.slider__item--8{
    background-image:url("../img/crear_cuenta_8.png");
    background-size: contain;
}

.slider__item--9{
    background-image:url("../img/yape_crea_cuenta_9.svg");
    background-size: contain;
}

.slider__item--10{
    background-image:url("../img/yape_crea_cuenta_10.svg");
    background-size: contain;
}

#owl-banner{
    height:100vh;
}

#resultados-CDA{
    padding-top:   64px;
    padding-bottom:64px;
}

.customNavigation{
    /*margin-top: 75px;*/
}

.collapsing{
    transition:none !important;
}

.ow{
    overflow-wrap:break-word;
    word-wrap:    break-word;
    hyphens:      auto;
}

.customNavigation .btn_phone{
    text-align:        left;
    border:            hidden;
    display:           flex;
    position:          relative;
    font-size:         1em;
    width:             100%;
    -webkit-transition:all .3s ease;
    transition:        all .3s ease;
    box-shadow:        0 0 0 rgb(0 0 0 / 5%), 0 0 0 rgb(0 0 0 / 5%), 0 0 0 rgb(0 0 0 / 5%), 0 0 0 rgb(0 0 0 / 5%), 0 0 0 rgb(0 0 0 / 5%);
    background:        transparent;
    color:             var(--purple);
    border-radius:     12px;
    text-decoration:   none;
    font-weight:       600;

}

.customNavigation .btn_phone:hover{
    border-color:     transparent;
    /*background-color: var(--color-primary);*/
    color:            #f2bf29;
    opacity:          1;
    -webkit-transform:translateY(-1px);
    transform:        translateY(-1px);
    box-shadow:       0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.05), 0px 16px 16px rgba(0, 0, 0, 0.05);
}

.customNavigation .btn_phone:hover p{
    color:#000000;
}

.customNavigation .btn_phone + .btn_phone{
    margin-left:0em;
}

.customNavigation img{
    padding:22px;
    height: 75px;
    width:  75px;
}

.customNavigation label{
    margin-left: 15px;
    margin-right:15px;
}

.customNavigation p{
    display:    inherit;
    font-size:  16px;
    align-items:center;
}

.customNavigation .div_wrap{
    display:       flex;
    flex-direction:row;
    align-items:   center;
    flex-wrap:     nowrap;
}

@media (min-width:992px){
    .icon_down{
        display:none;
    }

    ul.accordion .inner{
        display:block;
    }
}

@media (max-width:991px){
    .align_services{
        display:       flex;
        flex-direction:column;
        box-shadow:    0px 3px 10px 2px rgba(44, 32, 68, 0.08);
        padding:       20px 10px 20px 10px;
        border-radius: 16px;
        height:        150px;
        text-align:    center;
    }

    .align_services div{
        margin-left:0 !important;
    }

    .icon_down{
        display:block;
    }

    ul.accordion .inner{
        display:none;
    }

    .card-pf{
        width:52%;
    }

    .slider__item{
        height:505px;
    }

    .active_phone{
        width:100% !important;
    }

    .screen{
        top:   74px;
        bottom:101px;
        left:  37px;
        right: 74px;
    }

    .dm-width{
        width:   280px;
        margin:  0;
        position:relative;
        left:    10px;
    }

    .mbt-carousel{
        margin-bottom:50px;
        margin-top:   50px;
    }

    .customNavigation .div_wrap{
        margin-right:20px;
        /*text-align: center;*/
    }

    .customNavigation{
        margin-left:  18%;
        margin-bottom:0 !important;
        margin-top:   -20px;
    }
}

@media (max-width:767px){
    .card-pf{
        padding:1rem 2rem;
    }
}

@media (max-width:683px){
    .card-pf{
        width:90%;
    }

    .customNavigation img{
        height:85px;
        width: 90px;
    }

    .customNavigation{
        margin-left:  0%;
        margin-bottom:50px;
    }
}


/*animation phone fin*/

.fa, .fab, .fal, .far, .fas{
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing: antialiased;
    display:                inline-block;
    font-style:             normal;
    font-variant:           normal;
    text-rendering:         auto;
    line-height:            1
}

.fa-eye:before{
    content:"\f06e"
}

.fa-instagram:before{
    content:"\f16d"
}

.fa-minus:before{
    content:"\f068"
}

.fa-plus:before{
    content:"\f067"
}

.fa-youtube:before{
    content:"\f167"
}

.fab{
    font-family:"Font Awesome 5 Brands"
}

.fa, .far, .fas{
    font-family:"Font Awesome 5 Free";
    font-weight:400
}

.fa, .fas{
    font-weight:900
}

/*red social*/
/* container */
.fa-whatsapp:before{
    content:"\f232"
}

.whatsapp-bg{
    background:#1bd741
}

.fa-twitter:before{
    content:"\f099"
}

.twitter-bg{
    background:#1c9cea
}

/* buttons */
.hover-2{
    padding:10px;
    color:  #3b60bd;
}

.hover-2:hover, .hover-2:focus{
    color:#4ab6d4;
}

.hover-2:before, .hover-2:after{
    left:        0;
    top:         0;
    width:       100%;
    height:      100%;
    border-style:solid;
    border-color:#4ab6d4;
}

.hover-2:before{
    border-width:2px 0 2px 0;
    transform:   scaleX(0);
}

.hover-2:after{
    border-width:0 2px 0 2px;
    transform:   scaleY(0);
}

.hover-2:hover:before, .hover-2:hover:after{
    transform:scale(1, 1);
}

a, a > span{
    position:       relative;
    color:          inherit;
    text-decoration:none;
    line-height:    24px;
}

.pd-20{
    padding:20px;
}

.tag{
    font-weight:  bold;
    border-style: solid;
    border-width: thin;
    border-radius:50px;
    padding:      1px 8px 1px 8px;
    border-color: #3b60bd;
    color:        #3b60bd;
    width:        fit-content;
}

.divisor{
    display:   block;
    content:   "";
    height:    2px;
    margin:    auto;
    background:linear-gradient(to right, #337ab700 10%, #337ab7 50%, #337ab700 90%);
    z-index:   999999;
}

a:before, a:after, a > span:before, a > span:after{
    content:   "";
    position:  absolute;
    transition:transform .5s ease;
}

.border-img{
    border-start-start-radius:50px;
    border-end-end-radius:    50px;
    width:                    50%;
    height:                   360px;
}

.banner-blog{
    /*background: rgb(74,182,212);background: linear-gradient(270deg, rgba(74,182,212,1) 5%, rgba(59,96,189,1) 50%, rgba(74,182,212,1) 95%);*/
    height:45vh;
}

.banner-blog-altern{
    /*background: rgb(74,182,212);background: linear-gradient(270deg, rgba(74,182,212,1) 5%, rgba(59,96,189,1) 50%, rgba(74,182,212,1) 95%);*/
    height:25vh;
}

.banner-blog-altern img{
    width:85px;
}

.banner-title-blog{
    color:     #ffffff;
    position:  absolute;
    left:      50%;
    top:       50%;
    text-align:center;
    transform: translate(-50%, -50%);
}

.paginas-blog{
    font-weight:bold;
    font-size:  20px;
}

.banner-blog h1{
    font-weight:bold;
    /*font-size: 100px;*/
}

.banner-blog-altern h1{
    font-weight:bold;
    font-size:  45px;
}

.paginas-blog span{
    margin:0 25px 0 25px;
}

.divisor-vertical{
    padding:           30px;
    float:             left;
    border:            1.5px solid;
    border-top:        0;
    border-bottom:     0;
    border-image:      linear-gradient(to bottom, #337ab700 10%, #337ab7 50%, #337ab700 90%);
    border-image-slice:1;
}

@media (max-width:991px){
    .border-img{
        width:90%;
    }

    .hide_phone{
        display:none;
    }

    .banner-blog h1{
        font-size:35px;
    }

    .banner-blog img{
        width: 75px;
        height:75px;
    }

    .banner-blogaltern h1{
        font-size:35px;
    }

    .banner-blog-altern img{
        width: 75px;
        height:75px;
    }

    .banner-blog p{
        font-size:16px;
    }

    .banner-title-blog{
        left:     35%;
        transform:translate(-30%, -50%);
    }

    .paginas-blog{
        font-weight:    bold;
        font-size:      20px;
        display:        flex;
        flex-direction: column;
        flex-wrap:      wrap;
        align-content:  center;
        justify-content:center;
        align-items:    center;
    }
}

/*--------------------------------------------------*/
a:focus, a:hover{
    text-decoration:none;
}

.page-header{
    border-bottom-color:rgba(0, 0, 0, 0.065);
}

.list-group{
    padding-inline-start:20%;
}

.cards{
    display:        flex;
    flex-direction: row;
    flex-wrap:      wrap;
    justify-content:center;
    align-items:    center;
    /*max-width: 80%;*/
}

.cards:before, .card > a:before, .cards:after, .card > a:after{
    content:" ";
    display:table;
}

.cards:after, .card > a:after{
    clear:both;
}

.cards > .card-pf{
    border:          0;
    /*padding: 15px;*/
    vertical-align:  top;
    /*display: inline-table;*/
    /*background-color: transparent;*/
    min-height:      180px;
    float:           left;
    /*min-height: 1px;*/
    position:        relative;
    margin:          0;

    color:           inherit;
    border-radius:   8px;
    background-color:#fff;
    transition:      .4s;
    box-shadow:      0 3px 5px rgb(0 0 0/30%);
    justify-content: flex-start;
    /*width: 420px;*/
    cursor:          pointer;
    padding:         1rem 16px 1.25rem;
    margin-left:     16px;
    margin-right:    16px;
    margin-bottom:   1.875rem;
}

.cards > .card-pf > a{
    padding:         15px;
    color:           inherit;
    min-height:      100px;
    border-radius:   8px;
    background-color:#fff;
    transition:      .4s;
    box-shadow:      0 3px 5px rgb(0 0 0/30%);
    display:         flex;
    align-items:     center;
    justify-content: flex-start;
    width:           420px;
}

.card > a > img{
    max-width:   80px;
    height:      auto;
    /*margin-right: 15px;*/
    /* border-radius: 50px; */
    /* box-shadow: inset 0 0 0 1px rgba(0,0,0,.065); */
    padding:     6px;
    margin-right:20px;
}

.card > a > .card-title{
    color:     #454545;
    font-size: 20px;
    /* margin-top: 2vh; */
    /* transition: .4s; */
    margin-top:inherit;
    height:    auto;
    /*font-weight: 500;*/
}

.card > a > .card-text{
    color:#c1c3c6;
}

.card > a:focus, .card > a:hover{
    /*box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);*/
}

.card > a:focus > .card-title, .card > a:hover > .card-title{
    color:#1ee2ca;
}

.nav-link.active{
    margin-top:10px !important;
}

/* MEDIA QUERIES $screen-xs-max: ($screen-sm-min - 1);
 // 767px (Small screen / tablet) $screen-sm-max: ($screen-md-min - 1);
 // 991px (Medium screen / desktop) $screen-md-max: ($screen-lg-min - 1);
 // 1199px (Large screen / wide desktop) */
@media (max-width:767px){
    /* MOBILE ONLY */
    .cards > .card-pf{
        width:100%;
    }

    ul.accordion{
        margin:1% 5%;
    }
}

@media (min-width:767px){
    .cards > .card-pf{
        width:75%;
    }
}

.fondo_soli_ahora_es_yape{
    background:         #742384;
    background-image:   linear-gradient(to bottom, rgba(116, 35, 132, 0) 0, #2c2044 140%), url(../img/yape_boy_dudas.svg);
    background-repeat:  no-repeat;
    background-position:70% 7vh;
    background-size:    contain;
    height:             559px;
}

@media (max-width:991px){
    .tabs-blog section{
        width:100% !important;
    }

    .col-md-12{
        padding-right:0 !important;
        padding-left: 0 !important;
    }

    .fondo_soli_ahora_es_yape{
        /*background-position: 15vh 6vh!important;*/
        height:328px !important;
    }

    .card > a > .card-title{
        font-size: 20px;
        margin-top:15px;
        display:   flex;
    }

    .cards > .card > a{
        width:100%;
    }

    .list-group{
        padding-inline-start:0;

        .cards
    }

    .cards{
        max-width:100%;
    }
}

@media (min-width:991px){
    .cards > .card-pf{
        width:85%;
    }
}

@media (min-width:1199px){
    /* ...wide desktop */
    .cards > .card-pf{
        width:     40%;
        min-height:560px;
        padding:   1.5rem 2rem 2rem;
    }
}

@media (max-width:1198px){
    .card-pf .btn-neutral{
        position:    static;
        bottom:      0px;
        margin-right:0px;
    }
}

/*--------------------------------------------------*/
.faq-nav{
    flex-direction:column;
    margin:        0 0 32px;
    border-radius: 2px;
    /*border: 1px solid #ddd;*/
    /*box-shadow: 0 1px 5px rgba(85, 85, 85, 0.15);*/
}

.faq-nav .nav-link{
    position:        relative;
    display:         block;
    margin:          0;
    padding:         13px 16px;
    background-color:#fff;
    border:          0;
    border-bottom:   2px solid #4ab6d4;
    border-radius:   0;
    color:           #616161;
    transition:      background-color .2s ease;
}

.faq-nav .nav-link:hover{
    background-color:#06aad1;
    color:           #fff !important;
    border-radius:   10px;
}

.faq-nav .nav-link.active{
    background-color:#4ab6d4;
    border-radius:   10px;
    font-weight:     700;
    color:           #f8f9fa;
}

.faq-nav .nav-link:last-of-type{
    border-bottom-left-radius: 2px;
    border-bottom-right-radius:2px;
    border-bottom:             0;
}

.faq-nav .nav-link i.mdi{
    margin-right:5px;
    font-size:   18px;
    position:    relative;
}

.tab-content{
    /*box-shadow: 0 1px 5px rgba(85, 85, 85, 0.15);*/
}

.tab-content .card{
    border-radius:0;
}

.tab-content .card-header{
    padding:      10px 16px;
    margin-bottom:3px;
    border-radius:50px !important;
    background:   rgb(74, 182, 212);
    background:   linear-gradient(270deg, rgba(74, 182, 212, 1) 0%, rgba(59, 96, 189, 1) 89%);
    border-color: #fff;
}

/*.accordion-toggle.collapsed {*/
/*    -webkit-transition: all 0.3s ease-in-out;*/
/*    -moz-transition: all 0.3s ease-in-out;*/
/*    -ms-transition: all 0.3s ease-in-out;*/
/*    -o-transition: all 0.3s ease-in-out;*/
/*    transition: all 0.3s ease-in-out;*/
/*    border-radius: 0px !important;*/
/*}*/
.accordion-toggle{
    background-color:       gray;
    display:                block;
    padding:                10px;
    margin:                 -10px -15px;
    border-top-left-radius: 4px;
    border-top-right-radius:4px;
}

.accordion-toggle.collapsed{
    background-color:white;
}

.tab-content .card-header h5{
    margin:0;
}

.tab-content .card-header h5 button{
    display:    block;
    width:      100%;
    padding:    0;
    border:     0;
    font-weight:700;
    color:      #f8f9fa;
    text-align: left;
    white-space:normal;
}

.tab-content .card-header h5 button:hover, .tab-content .card-header h5 button:focus, .tab-content .card-header h5 button:active, .tab-content .card-header h5 button:hover:active{
    text-decoration:none;
}

.tab-content .card-body p{
    color:#616161;
}

.tab-content .card-body p:last-of-type{
    margin:0;
}

.accordion > .card:not(:first-child){
    border-top:0;
}

.collapse.show .card-body{
    /*border-bottom: 1px solid rgba(0, 0, 0, 0.125);*/
}

.card{
    border:0 !important;
    height:100px !important;
}

.button_contact{
    background:    #f0f8ff24;
    padding:       10px;
    border-radius: 50px;
    letter-spacing:0.25px;
}

.fondo_centro_ayuda{
    background: rgb(74, 25, 113);
    background: linear-gradient(0deg, rgba(74, 25, 113, 1) 0%, rgba(116, 35, 132, 1) 60%);
    padding-top:8vh;
}

.question_container{
    display:        flex;
    justify-content:space-between;
    align-items:    center;
}

.question_container span{
    color:#2c2044;
}

.panel-body p, .panel-body ol{
    font-size:    16px;
    color:        #2c2044 !important;
    text-align:   left;
    margin-bottom:0;
}

h2{
    line-height:   1.25 !important;
    letter-spacing:-.13px !important;
    font-size:     1.625rem !important;
    color:         #742384 !important;
}

@media (max-width:991px){
    .fondo_volver_webview{
        height:     45px !important;
        padding-top:0vh !important;
    }

    .fondo_category_webview{
        height:     135px !important;
        padding-top:0vh !important;
    }

    .color-purple-subtitle{
        color:      #F0CEF5;
        font-family:Roboto-Regular !important;
    }

    .without-bottom{
        margin-bottom:0 !important;
    }

    .fondo_centro_ayuda_webview img{
        width:25px !important;
    }

    .fondo_centro_ayuda_webview .category-header{
        align-items:center;
    }

    .fondo_centro_ayuda_webview .category-header h1{
        margin:   0 !important;
        position: relative;
        left:     50%;
        transform:translate(-70%, 0%) !important;
    }

    .section-phone{
        padding-top:   35px !important;
        padding-bottom:35px !important;
    }

    .section-phone-webview{
        padding-top:   5px !important;
        padding-bottom:5px !important;
    }

    .question_indent{
        text-align:center;
    }

    .question_container{
        flex-direction:column;
    }

    .button_contact{
        padding:      4px;
        border-radius:50px;
        display:      block;
    }

    .fondo_centro_ayuda_webview{
        background:rgb(74, 25, 113);
        background:linear-gradient(0deg, rgba(74, 25, 113, 1) 30%, rgba(116, 35, 132, 1) 100%);
        height:    60px;
    }

    .fondo_centro_ayuda{
        background: rgb(74, 25, 113);
        background: linear-gradient(0deg, rgba(74, 25, 113, 1) 30%, rgba(116, 35, 132, 1) 100%);
        height:     225px;
        padding-top:6vh;
    }

    .fondo-phone{
        height:     115px !important;
        padding-top:8vh !important;
    }
}

@media print{
    p{
        orphans:3;
        widows: 3;
    }
}

.box{
    border-radius:20px;
}

.img-icon-slide{
    width: 57px !important;
    height:57px !important;
}

.style_operadoras{
    border-radius:    50%;
    width:            75px;
    height:           75px;
    border-color:     transparent !important;
    opacity:          1 !important;
    -webkit-transform:translateY(-1px) !important;
    transform:        translateY(-1px) !important;
    box-shadow:       0 1px 1px rgba(0, 0, 0, .05), 0 2px 2px rgba(0, 0, 0, .05), 0 4px 4px rgba(0, 0, 0, .05), 0 8px 8px rgba(0, 0, 0, .05), 0 16px 16px rgba(0, 0, 0, .05) !important;
}

.active_phone{
    border-color:     transparent !important;
    opacity:          1 !important;
    -webkit-transform:translateY(-1px) !important;
    transform:        translateY(-1px) !important;
    box-shadow:       0 1px 1px rgba(0, 0, 0, .05), 0 2px 2px rgba(0, 0, 0, .05), 0 4px 4px rgba(0, 0, 0, .05), 0 8px 8px rgba(0, 0, 0, .05), 0 16px 16px rgba(0, 0, 0, .05) !important;
}

@media (max-width:991px){
    .active_phone{
        width:100% !important;
    }
}

.home-showcase .swiper-slide .swiper-image{
    background-size:    cover !important;
    background-position:center center !important;
    background-repeat:  no-repeat !important;
}

.slider__item,
.slider__item_yapeos,
.slider__item_service,
.slider__item_recargas{
    background-size:cover !important;
}
.home-showcase .home-showcaseSlider .swiper-wrapper .swiper-slide .swiper-image .text-container .bigTitle {
    font-size: 55px !important;
}
@media screen and (max-width: 992px){
    .section_1_inicio{
        padding-top:   60px;
        padding-bottom:0px;
    }
    .home-showcase .home-showcaseSlider .swiper-wrapper .swiper-slide .swiper-image .text-container .bigTitle {
        margin: 0 0 6rem;
        font-size: xx-large !important;
    }
    .swiper-autoheight, .swiper-autoheight .swiper-slide {
        height: 100% !important;
    }
}