 
/* carousel banner */

.carousel-indicators [data-bs-target] {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #CCC;
}

.carousel-indicators .active {
    opacity: 1;
    background-color: #FFA234;
}


.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #CCC;
    text-align: center;
    background: 0 0;
    filter: var(--bs-carousel-control-icon-filter);
    border: 0;
    opacity: .5;
    transition: opacity .15s ease;
}

.carousel-control-prev-icon {
 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%red' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%red' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}


.banner-carousel .carousel-item h2, .banner-carousel .carousel-item h1{
	color:#3C64B1;
	    font-size: 46px;

    font-weight: bolder;
}



.lead {
    font-size: 1.25rem;
    font-weight: 600;
}





/* Procesos de firma */

.products_card {
    max-width: 300px;
    max-height: 450px;
    border-radius: 30px;
    overflow: hidden;
}

.products_card>.card-body>.card-text {
    min-height: 150px;
    /* margin-top: 20px; */
}

.products_card>.card-body>.a-card {
    margin-top: 20px;
}

.a-card {
    color: #3C64B1;
    font-size: 18px;
    text-decoration: none;
}

.simple {
    box-shadow: 8px 12px 20px -2px #ffd098;
}

.token {
    box-shadow: 8px 12px 20px -2px #3bb9006b;
}


.far {
    box-shadow: 8px 12px 20px -2px #92B2EF;
}






/* Por qué elegir un producto o servicio de Certinet */


.section-02 {
	width: 100%;
	    max-width: 100%;
    height: auto;
	/*   height: 100vh; */
	background: url('/resources/images/inicio/img_02.jpeg') center/cover no-repeat;
	color: #fff;
    text-align: center;
    min-height: 565px;
}

    .title-img-caption {
        font-size: 36px;
    }
}

.title-img-caption {
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.title-img-caption {
    color: #FFF;
    font-size: 46px;
    font-weight: bolder;
}



.p-img-caption {
    color: #FFF;
    font-size: 22px;
}

.solutions {
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 50px;
}

.solutions>img {
    padding-bottom: 20px;
}

.solutions>.title-solutions
 {
    color: #626262;
    font-size: 20px;
}

.solutions>.p-solutions {
    color: #626262;
    font-size: 18px;
    min-height: 200px;
}



/* Administra tu Firma Electrónica Avanzada */

.section-03 {
	width: 100%;
	    max-width: 100%;
    height: auto;
	/*   height: 100vh; */
	background: url('/resources/images/inicio/img_03.jpeg') center/cover no-repeat;
	color: #fff;
    text-align: center;
    min-height: 730px;
}

 .title-img-caption
 {
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}


.preguntas-card {
    background-color: #ffffff;
    /* padding: 80px 20px 70px 4px; */
    border-radius: 27px;
    box-shadow: 8px 8px 18px #888888b8;
    margin: auto;
}


.preguntas-card>.preguntas-title, .services-card>.preguntas-title {
    padding: 0 0;
    color: #3C64B1;
    height: 25px;
}

.preguntas-card>.preguntas-p, .services-card>.preguntas-p 
 {
    padding: 0 20px;
    color: #626262;
    height: 80px;
    font-size: 15px;
}

.preguntas-p a {
    float: left;
    color: #9b9b9b;
    text-decoration: none;
}




/* Necesitas Ayuda */

.help .card {
    min-width: 270px;
    max-width: 270px;
    margin: auto;
}

.help .card img {
    min-height: 79px;
}

.help .card h5 {
    color: #2D9CDB;
    display: block;
}

.help .card .card-text {
    min-height: 150px;
    color: #626262;
}


 

