.easy-to-participate {
    position: relative;
    background-color: #FFFFFF;
    display: flex;
    padding: 20px;
    flex-direction: column;
}

.easy-to-participate .losango,
.easy-to-participate .image {
   margin-right: 200px;
}

.easy-to-participate .image-download {
    width:200px;
    height:50px;
    margin-bottom: 20px;
    cursor: pointer;
 }

 .easy-to-participate .image-qrcode {
    width:140px;
    height:140px;
    margin-left: 40px;
    margin-top: -15px;
 }

.easy-to-participate .side-image {
   position: absolute;
   right:0;
   bottom:40%;
 }

 .easy-to-participate .side-image-left {
    position: absolute;
    bottom:0;
    left: 0;
  }

 .easy-to-participate .container-how-to-participate {
    display: flex;
    flex-direction: column;
    align-self: center;
}
.easy-to-participate .container-how-to-participate-row {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.easy-to-participate .container-how-to-participate-row-image {
    display: flex;
    flex-direction: row;
}
.easy-to-participate .shadow {
    position: absolute;
}

.easy-to-participate .losango {
    right: 0;
    bottom: 0;
}

.easy-to-participate .text-title {
    z-index: 1;
    color:#CC092F;
    font-size:22px;
    margin-top:80px;
    margin-bottom: 10px;
    font-weight: 500;
}

.easy-to-participate .text-info {
    z-index: 1;
    color:#47484C;
    font-size:16px;
    margin-top:20px;
    margin-bottom: 40px;
}

.easy-to-participate .linha {
    width:150px;
    height: 4px;
    background-color:#CC092F;
}

.easy-to-participate .text-info {
    z-index: 1;
    color:#47484C;
    font-size:16px;
    margin-top:20px;
    margin-bottom: 40px;
    width:100%;
}

.easy-to-participate .text-title-download {
    z-index: 1;
    color:#47484C;
    font-size:16px;
    margin-top: 99px;
    margin-bottom: 10px;
    font-weight: 500;
}

.easy-to-participate .carousel {
    overflow: hidden;
    position: relative;
    background-color: #Fff;
    border-radius: 50px;
    align-self: center;
    margin-top: 50px;
    border: 2px solid #CC092F;
    width: 1300px;
    display: flex; 
    flex-direction: column; 
    align-items: center; 
}

.easy-to-participate .carousel-title {
    background: linear-gradient(180deg, #CC092F, #CC092F, #B81570, #B81570);
    color: white;
    text-align: center;
    padding: 10px 0px;
    font-size: 20px;
    font-weight: 600;
    z-index: 100;
    width: 100%; 
}

.easy-to-participate .carousel-region {
    display: flex;
    width: 71%; 
    flex-direction: column;
    justify-content: center;
    position: relative;
}
.slick-initialized.slick-slider.slick-dotted > .slick-prev, .slick-next{
  
    z-index: 99;
}
.slick-next:before {
    content: '' !important;
}
.slick-prev:before {
    content: '' !important;
}
#EasyToParticipate > div.carousel > div > div.carousel-track.slick-initialized.slick-slider.slick-dotted > button.slick-prev.slick-arrow{
    background-image: url(/html/classic/produtos-servicos/mais-produtos-servicos/debito/images/arrow-faq-left.png);
}
#EasyToParticipate > div.carousel > div > div.carousel-track.slick-initialized.slick-slider.slick-dotted > button.slick-next.slick-arrow{
    background-image: url(/html/classic/produtos-servicos/mais-produtos-servicos/debito/images/arrow-faq.png);
}
.easy-to-participate .carousel-track {
    display: flex;
    transition: transform 0.5s ease-in-out;
    width: 100%;
}
.slick-dots li.slick-active button:before {
    opacity: .75;
    background: #E1173F;
}
.slick-dots li button:before  {
    position: absolute;
    top: 0;
    left: 0;
    width: 10px !important;
    height: 10px !important;
    content: '' !important;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    background: #A7A8AC;
    border-radius: 50%;
    -moz-osx-font-smoothing: grayscale;
}

.easy-to-participate .carousel-item {
    flex: 0 0 210px;
    margin: 30px 10px; 
    border-radius: 8px;
    align-items: center;
    display: flex !important;
    justify-content: center;
    font-size: 1.5rem;
    color: #333;
    height: 220px; 
    border: 2px solid #ddd;
    background: linear-gradient(180deg, #CC092F, #CC092F, #B81570, #B81570);
    flex-direction: column;
}

.easy-to-participate .carousel-buttons {
    display: flex;
    justify-content: space-between; 
    position: absolute;
    top: 50%;
    left: 10%; 
    right: 10%; 
    width: auto;
    margin: 0 auto;
}

.easy-to-participate .carousel-button-left,
.easy-to-participate .carousel-button-right {
    width: 25px; 
    height: 25px; 
    background-size: cover; 
    cursor: pointer; 
}




.easy-to-participate .carousel-title-info {
    z-index: 1;
    color:#FFFFFF;
    font-size:14px;
    margin-top:20px;
    margin-bottom: 10px;
    font-weight: 500;

}

.easy-to-participate .carousel-subtitle {
    z-index: 1;
    color:#FFFFFF;
    font-size:12px;
}

.easy-to-participate .carousel-button {
    color:#CC092F;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 1.2rem;
    cursor: pointer;
    background-color: transparent;
}

.easy-to-participate .pagination {
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}

.easy-to-participate .pagination-dot {
    width: 6px;
    height: 6px;
    background-color: #A7A8AC;
    border-radius: 50%;
    margin: 0 5px;
    transition: background-color 0.3s ease-in-out;
}

.easy-to-participate .active-dot {
    background-color: #E1173F;
}


.mobile-show-only-dot {
    display: none;
}
@media (min-width: 1400px) {
    .easy-to-participate .text-info{
        width: 85%;
    }
}
@media (min-width: 1024px) and (max-width: 1279px) {
    .easy-to-participate .text-title-download{
        margin-top: 0px;
    margin-bottom: 10px;
    }
    
     .easy-to-participate .image-qrcode {
        display: none;
    }
    .easy-to-participate .side-image {
        display: none;
    }
     
    .easy-to-participate .side-image-left {
        display: none;
    }
    .easy-to-participate .text-title {
        text-align: center;
    }
    .easy-to-participate .linha {
        align-self: center;
    }
    .easy-to-participate .text-info {
        text-align: center;
     }
     .easy-to-participate .container-how-to-participate-row-image {
        align-self: center;
        
    }

    .easy-to-participate .text-title-download {
        align-self: center;
    }

    .easy-to-participate .carousel {
        width: 110%;
        border:0px
    }
    .easy-to-participate .carousel-track {
      
        margin: 0px;
        overflow:visible;
    }
    .easy-to-participate .carousel-button {
        display: none;
     }

   
    .easy-to-participate .carousel-buttons {
        display: none;
    }

    .easy-to-participate .carousel-item {
        flex: 0 0 220px; 
        margin: 30px 45px; 
      
    }

}

@media (max-width: 1023px) {
    .easy-to-participate .image {
        display: none;
     }
     .easy-to-participate .image-qrcode {
        display: none;
    }
    .easy-to-participate .side-image {
        display: none;
      }
     
      .easy-to-participate .side-image-left {
        display: none;
       }

       .easy-to-participate .text-title {
        text-align: center;
    }
    .easy-to-participate .linha {
        align-self: center;
    }
    .easy-to-participate .text-info {
        text-align: center;
     }
     .easy-to-participate .container-how-to-participate-row-image {
      
        align-self: center;
    }
    .easy-to-participate .text-title-download {
        align-self: center;
    }
    .easy-to-participate .carousel {
        width: 110%;
        border:0px
    }
    .easy-to-participate .carousel-track {
      
        margin: 0px;
        overflow:visible;
       
    }
    .easy-to-participate .carousel-region {
        width: 100%; 
        margin: auto;
    }
    .easy-to-participate .carousel-button {
       display: none;
    }
    .easy-to-participate .carousel-buttons {
        display: none;
    }
    .easy-to-participate .carousel-item {
        flex: 0 0 27%;
        margin: 30px 3%;
    }
}

@media  screen and (max-width: 767px) {
    
    .easy-to-participate .carousel-title {
        padding: 0px 44px;
    }
    .easy-to-participate .image {
        display: none;
     }
     .easy-to-participate .image-qrcode {
        display: none;
    }
    .easy-to-participate .side-image {
        display: none;
      }
     
      .easy-to-participate .side-image-left {
        display: none;
       }
       .easy-to-participate .text-title {
        text-align: center;
    }
    .easy-to-participate .linha {
        align-self: center;
    }
    .easy-to-participate .text-info {
        text-align: center;
     }
     .easy-to-participate .container-how-to-participate-row-image {
       
        align-self: center;
    }
    .easy-to-participate .text-title-download {
        align-self: center;
        margin-top: 4px;
    }
    .easy-to-participate .carousel {
        width: 110%;
        border:0px
    }
    .easy-to-participate .carousel-track {
      
        margin: 0px;
        overflow:visible;
       
    }
    .easy-to-participate .carousel-button {
        display: none;
     }
    .easy-to-participate .carousel-buttons {
        display: none;
    }
    .easy-to-participate .carousel-item {
        flex: 0 0 50%; 
        margin: 30px 25%; 
      
    }

    .mobile-show-only-dot {
        display: flex;
    }

}

@media screen and (max-width: 639px) {
    .easy-to-participate .image {
       display: none;
     }
     .easy-to-participate .image-qrcode {
        display: none;
    }
    .easy-to-participate .side-image {
        display: none;
      }
     
      .easy-to-participate .side-image-left {
        display: none;
       }
       .easy-to-participate .text-title {
        text-align: center;
    }
    .easy-to-participate .linha {
        align-self: center;
    }
    .easy-to-participate .text-info {
        text-align: center;
     }
     .easy-to-participate .container-how-to-participate-row-image {
       
        align-self: center;
    }
    .easy-to-participate .text-title-download {
        align-self: center;
    }
    .easy-to-participate .carousel {
        width: 110%;
        border:0px
    }
    .easy-to-participate .carousel-track {
      
        margin: 0px;
        overflow:visible;
       
    }
    .easy-to-participate .carousel-button {
        display: none;
     }
    .easy-to-participate .carousel-buttons {
        display: none;
    }
    .easy-to-participate .carousel-item {
        flex: 0 0 50%; 
        margin: 30px 25%; 
      
    }

}

@media screen and (max-width: 479px) {
    .easy-to-participate .image {
        display: none;
     }
     .easy-to-participate .image-qrcode {
        display: none;
    }
    .easy-to-participate .side-image {
        display: none;
      }
     
      .easy-to-participate .side-image-left {
        display: none;
       }
       .easy-to-participate .text-title {
        text-align: center;
    }
    .easy-to-participate .linha {
        align-self: center;
    }
    .easy-to-participate .text-info {
       text-align: center;
       
    }
    .easy-to-participate .container-how-to-participate-row-image {
       
        align-self: center;
    }
    .easy-to-participate .text-title-download {
        align-self: center;
    }
    .easy-to-participate .carousel {
        width: 110%;
        border:0px
    }
    .easy-to-participate .carousel-track {
      
        margin: 0px;
        overflow:visible;
    }
    .easy-to-participate .carousel-button {
        display: none;
     }
    .easy-to-participate .carousel-buttons {
        display: none;
    }
    .easy-to-participate .carousel-item {
        flex: 0 0 100%;
        margin: 30px 0px; 
      
    }


}


@media screen and (max-width: 300px) {
    .easy-to-participate .carousel-item {
        flex: 0 0 100%; 
        margin: 30px 0px; 
      
    }
}