*{
    font-family: "Public Sans", sans-serif;
}

header{

    .space-menu{
        justify-content: flex-end;
    }
    .d-flex-central{
        display: flex;
        align-items: center;
    }
    .btn-ouvidoria {
        font-weight: 500;
        font-size: 16px;
        text-transform: uppercase;
        background-color: #77B72A;
        border-radius: 40px;
        padding: 0px 30px !important;
        line-height: 45px !important;
        color: #fff;
        margin-right: 16px;
    }
}


#timeline{
    .swiper-historia{
        /* height: 500px !important; */

        .swiper-pagination-bullet {
            margin-bottom: 40px !important;
            background-color: transparent;
            border: 1px solid #4E4E4E;
            opacity: 1;

             p {
                width: 60px;
                left: -60px;
                position: relative;
                top: -6px;
                font-family: Barlow;
                font-weight: 700;
                font-size: 18px;
                line-height: 100%;
                color: #4E4E4E;
            }
        }

        .swiper-pagination{
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            justify-content: center;
            position: absolute;
            top: 0;
            z-index: 0;
        }
        

    }
    .molde-timeline {
        position: relative;
            .passadores {
                right: 0;
                position: absolute;
                display: flex;
                width: 10%;
                top: -70px;
            }
    }


    span.swiper-pagination-bullet.swiper-pagination-bullet-active{
        background-color: #77B72A;
        border: 1px solid #77B72A;
    }
    span.swiper-pagination-bullet.swiper-pagination-bullet-active p{
        color: #77B72A;
    }


    .swiper-pagination .swiper-pagination-bullet:first-child{
        opacity: 0.5;
    }
    .swiper-pagination .swiper-pagination-bullet-active:first-child{
        opacity: 1;
    }
    .swiper-pagination .swiper-pagination-bullet:last-child{
        opacity: 0.5;
    }
    .swiper-pagination .swiper-pagination-bullet-active:last-child{
        opacity: 1;
    }

    .swiper-button-next, .swiper-rtl .swiper-button-prev {
        background-color: #77B72A;
        width: 48px;
        height: 48px;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 40px;
    }
    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
        font-size: 20px;
        position: relative;
        left: 1px;
    }
    .swiper-button-prev, .swiper-rtl .swiper-button-prev {
        background-color: #77B72A;
        width: 48px;
        height: 48px;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 40px;
    }
    .swiper-button-prev:after, .swiper-rtl .swiper-button-prev:after {
        font-size: 20px;
        position: relative;
        left: -1px;
    }
    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none;
        background-color: transparent !important;
        border: solid 1px #77B72A;
        color: #77B72A !important;
    }
}




#depoimentos{
    .molder-depo {
        position: relative;
            .passadores-depo {
                right: 0;
                position: absolute;
                display: flex;
                width: 10%;
                top: -70px;
            }
    }

    .swiper-button-next, .swiper-rtl .swiper-button-prev {
        background-color: #77B72A;
        width: 48px;
        height: 48px;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 40px;
    }
    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
        font-size: 20px;
        position: relative;
        left: 1px;
    }
    .swiper-button-prev, .swiper-rtl .swiper-button-prev {
        background-color: #77B72A;
        width: 48px;
        height: 48px;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 40px;
    }
    .swiper-button-prev:after, .swiper-rtl .swiper-button-prev:after {
        font-size: 20px;
        position: relative;
        left: -1px;
    }
    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none;
        background-color: transparent !important;
        border: solid 1px #77B72A;
        color: #77B72A !important;
    }
}



#blog{
    .molder-blog {
        position: relative;
            .passadores-blog {
                right: 0;
                position: absolute;
                display: flex;
                width: 10%;
                top: -70px;
            }
    }

    .swiper-button-next, .swiper-rtl .swiper-button-prev {
        background-color: #77B72A;
        width: 48px;
        height: 48px;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 40px;
    }
    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
        font-size: 20px;
        position: relative;
        left: 1px;
    }
    .swiper-button-prev, .swiper-rtl .swiper-button-prev {
        background-color: #77B72A;
        width: 48px;
        height: 48px;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 40px;
    }
    .swiper-button-prev:after, .swiper-rtl .swiper-button-prev:after {
        font-size: 20px;
        position: relative;
        left: -1px;
    }
    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none;
        background-color: transparent !important;
        border: solid 1px #77B72A;
        color: #77B72A !important;
    }
}

footer {
    background-color: #959595;
    padding: 24px 0;

    .central{
        display: flex;
        align-items: center;

        .copy {
            font-weight: 400;
            font-size: 14px;
            line-height: 100%;
            color: #fff;
            margin: 0;
        }

        .btn-pol-privacidade {
            font-weight: 400;
            font-size: 14px;
            line-height: 100%;
            text-decoration: underline;
            text-decoration-style: solid;
            text-decoration-thickness: 0%;
            color: #fff;
            margin: 0;
        }

        .alinhar-final{
            display: flex;
            justify-content: flex-end;
        }
    }

}



/* TABLET */
@media (min-width: 768px) and (max-width: 1024px) {
    #timeline{
        .molde-timeline {
            .passadores {
                width: 20% ;
            }
        }
    }
    
    #depoimentos {
        .molder-depo {
            .passadores-depo {
                width: 20%;
            }
        }
    }
    #blog {
        .molder-blog {
            .passadores-blog {
                width: 20%;
            }
        }
    }
}

/* MOBILE */
@media all and (max-width: 767px) { 

    #timeline {

        padding: 112px 0 100px 0;

        .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets {
            top: 95%;
            overflow: scroll;
            width: 95%;
        }


        .swiper-historia {
            /* height: 100vh !important; */
            position: relative;

                .swiper-pagination-bullet {
                    p {
                        width: 60px;
                        left: 0;
                        position: relative;
                        top: -6px;
                        font-family: Barlow;
                        font-weight: 700;
                        font-size: 18px;
                        line-height: 100%;
                        color: #4E4E4E;
                    }
            }
        }
    
        .molde-timeline {
            .passadores {
                width: 30% ;
            }
        }

        .swiper-pagination {
            display: flex !important;
            flex-direction: row !important;
            align-items: flex-end !important;
            justify-content: space-between !important;
            position: absolute !important;
            top: 0;
            width: 80%;
            bottom: 0;
            z-index: 0;
        }

        .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets {
            top: 91%;
            height: 54px;

        }

        .molde-timeline {
            .passadores {        
                width: 100% !important;
                bottom: -30px;
                top: auto !important;
            }
        }
    }

    footer {
        text-align: center;

        .copy{
            margin-bottom: 20px !important;
        }
        .alinhar-final {
            justify-content: center !important;
            margin-top: 20px;
        }
    }
}