.carteirinha section {
    padding: 2rem;
}

.carteirinha .block-text {
    padding: 5% 7% 5% 7%;
    color: #fff;
}

.carteirinha .colour-block {
    background: #008282;
    padding: 7% 15% 10% 15%;
    color: #fff;
}

.carteirinha .colour-verde {
    background: #008282;
}

.carteirinha .colour-roxo {
    background: #6f4291;
}

.carteirinha .colour-block-2 {
    background: #f09214;
    padding: 7% 15% 10% 15%;
    color: #fff;
}

.carteirinha .colour-block-3 {
    background: #fbc816;
    padding: 7% 15% 10% 15%;
    color: #fff;
}

.carteirinha .colour-amarelo {
    background: #fbc816;
}

.carteirinha .colour-laranja {
    background: #f09214;
}

.carteirinha .colour-cinza {
    background: gray;
}

.carteirinha .colour-cinza-light {
    background: lightgray;
}

.carteirinha .white-block {
    background: #fff;
    padding: 7% 20% 10% 20%;
}

/*------------------*/
/*  SKEW CLOCKWISE  */
/*------------------*/
.carteirinha .skew-cc {
    width: 100%;
    height: 100px;
    background: linear-gradient(to right bottom, #008282 49%, #fff 50%), linear-gradient(-50deg, #ffffff 16px, #000 0);
}

.carteirinha .carteirinha .skew-cc-2 {
    width: 100%;
    height: 100px;
    background: linear-gradient(to right bottom, #f09214 49%, #fff 50%), linear-gradient(-50deg, #ffffff 16px, #000 0);
}

.carteirinha .skew-cc-3 {
    width: 100%;
    height: 100px;
    background: linear-gradient(to right bottom, #008282 49%, #f8f9fa 50%), linear-gradient(-50deg, #ffffff 16px, #000 0);
}

.carteirinha .skew-cc-4 {
    width: 100%;
    height: 100px;
    background: linear-gradient(to right bottom, #f09214 49%, #008282 50%), linear-gradient(-50deg, #ffffff 16px, #000 0);
}

.carteirinha .skew-cc-5 {
    width: 100%;
    height: 100px;
    background: linear-gradient(to right bottom, #f09214 49%, #ffffff 50%), linear-gradient(-50deg, #ffffff 16px, #000 0);
}

/*-------------------------*/
/* SKEW COUNTER CLOCKWISE   */
/*-------------------------*/
.carteirinha .skew-c {
    width: 100%;
    height: 100px;
    background: linear-gradient(to left bottom, #fff 49%, #008282 50%);
}

.carteirinha .skew-c-2 {
    width: 100%;
    height: 100px;
    background: linear-gradient(to left bottom, #fff 49%, #f09214 50%);
}

.carteirinha .skew-c-3 {
    width: 100%;
    height: 100px;
    background: linear-gradient(to left bottom, #f8f9fa 49%, #f09214 50%);
}

.carteirinha .skew-c-4 {
    width: 100%;
    height: 100px;
    background: linear-gradient(to left bottom, #f09214 49%, #008282 50%);
}

.carteirinha .carterinha-titulo {
    padding: 5% 4% 2% 4% !important;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
}

.carteirinha .carterinha-titulo-bloco2 {
    padding: 4% 4% 2% 4% !important;
    font-size: 2.0rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
}

.carteirinha .carterinha-titulo-bloco3 {
    padding: 4% 4% 2% 4% !important;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
}

.carteirinha .carterinha-titulo:nth-child(1) {
    font-size: 2.3rem;
}

.carteirinha .carterinha-titulo span {
    color: #fbc816;
}

.carteirinha .carterinha-titulo2 {
    font-size: 2.0rem;
    font-weight: 600;
    color: #fff;
}

.carteirinha .carterinha-linha-fina {
    text-align: center;
    font-weight: 500;
    font-size: 1.5rem;
    color: #fff;
}

.carteirinha .carterinha-titulo2 > span {
    font-size: 2.3rem;
    font-weight: 700;
    color: #f09214;
}

.carteirinha .carterinha-titulo2-p {
    font-size: 1.2rem;
}

.carteirinha .circle-with-text {
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    text-align: center;
    font-size: 1.3rem;
    padding: 30px;
    height: 270px;
    width: 300px;
    color: #fff;
}

    .carteirinha .circle-with-text > p:nth-child(1) {
        font-weight: 700;
        font-size: 1.2rem;
    }

.carteirinha .tabela-valores {
    width: 70%;
    padding: 10% 10% 10% 10%;
}

    .carteirinha .tabela-valores .col-4 {
        border: 1px solid gray;
    }

.carteirinha .text-roxo {
    color: #6f4291;
}

.carteirinha .text-verde {
    color: #008282;
}

.carteirinha .text-amerelo {
    color: #fbc816;
}

.carteirinha .text-laranja {
    color: #f09214;
}

.carteirinha .carterinha-card {
    background-color: #f9dcc5;
    border: 4px dashed #6f4291;
}

.carteirinha .carterinha-frase {
    font-size: 1.8rem;
    font-weight: 600;
    color: #fff;
}


.carteirinha .carousel-item > img {
    object-fit: cover;
    height: 300px;
}


@media(min-width: 576px) {
    .carteirinha .carousel-item > img {
        height: 300px;
    }
}


@media(min-width: 768px) {
    .carteirinha .carousel-item > img {
        height: 400px;
    }
}


@media(min-width: 992px) {
    .carteirinha .carousel-item > img {
        height: 450px;
    }
}


@media(min-width: 1200px) {
    .carteirinha .carousel-item > img {
        height: 500px;
    }
}


.carousel-control-next, .carousel-control-prev {
    width: 2%;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%343A40' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 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;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%343A40' viewBox='0 0 8 8'%3E%3Cpath d='M4 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;
}