/*                     MENU | MOBILE 
    #################################### 
    ####################################  
   */
    
    .header .burguer_menu {
        position: absolute;
        top: 136px;
        right: 60px;
        z-index: 99;
        cursor: pointer;
        -webkit-transition: all 0.6s ease;
        -moz-transition: all 0.6s ease;
        -ms-transition: all 0.6s ease;
        -o-transition: all 0.6s ease;
        transition: all 0.6s ease;
        display: none;
    }
    
    .header .burguer_menu.power {
        background-color: var(--bg-button);
        border-radius: 10px;
    }
    
    .header .burguer_menu>div {
        width: 30px;
        height: 3px;
        background: var(--bg-button);
        margin: 8px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    
    .header .burguer_menu.power>div {
        background: var(--text-black);
    }
    
    .header .burguer_menu.power .line1 {
        transform: translateY(12px) rotateZ(-48deg);
    }
    
    .header .burguer_menu.power .line2 {
        opacity: 0;
    }
    
    .header .burguer_menu.power .line3 {
        transform: translateY(-10px) rotateZ(45deg);
    }
    /* ########################## 
       ########################## MEDIA -- QUERY
       ##########################   
    */
    
    @media screen and (min-width: 360px) and (max-width: 480px) {
        .sidebar .sidebar_content {
            padding-inline: 26px;
        }
        .sidebar .sidebar_content h2 {
            font-size: 1rem;
            text-align: center;
        }
        .sidebar .sidebar_content h2 span {
            display: block;
        }
        .sidebar .sidebar_content h2+a {
            font-size: 1.1rem;
            align-self: last baseline;
        }
        /*            END    |    SIDEBAR
         ################################
       */
        /*               HEADER  |  NAVBAR
          ################################
        */
        .header {
            height: calc(100% + 1780px);
            background-size: cover;
        }
        .header .header_container .navbar_content {
            padding-inline: 20px;
            flex-direction: column;
        }
        .header .header_container .navbar_content .navbar_logo img {
            position: relative;
            z-index: 6;
            width: 320px;
            height: 66px;
            object-fit: contain;
        }
        .header .header_container .navbar_content .navbar {
            padding-top: 30px;
        }
        .header .header_container .navbar_content .navbar .navbar_list {
            position: absolute;
            z-index: 5;
            top: -24px;
            left: -100%;
            width: 100%;
            height: 240vh;
            flex-direction: column;
            align-items: center;
            backdrop-filter: blur(30px);
            transition: all 0.8s cubic-bezier(.43, 2, .55, .27);
            opacity: 1;
        }
        .header .header_container .navbar_content .navbar.power .navbar_list {
            left: 0%;
            opacity: 1;
        }
        .header .header_container .navbar_content .navbar .navbar_list li {
            transform: translateY(220px);
            margin: 40px 0;
        }
        .header .header_container .navbar_content .navbar .navbar_list li a {
            font-size: 1.3rem;
        }
        .header .header_container .navbar_content .navbar .navbar_list+.navbar_buttons {
            position: relative;
            z-index: 7;
            width: 100%;
        }
        .header .header_container .navbar_content .navbar .navbar_list+.navbar_buttons a {
            font-size: 0.7rem;
        }
        .header .header_container .navbar_content .navbar~.social_network .fa {
            font-size: 1.1rem;
            width: 34px;
            height: 34px;
        }
        .header .header_container .navbar_content .navbar~.social_network {
            position: absolute;
            top: 110%;
            left: 16%;
            z-index: 8;
        }
        .header .header_container .burguer_menu {
            display: block;
        }
        /*        END   |   HEADER  |  NAVBAR
          ###################################
       */
        /*              HEADER  |  INFO_BANNER
          ####################################
        */
        .header .header_info_banner {
            padding-block: 100px;
            height: 316px;
        }
        .header .header_container .header_info_banner .info_banner_image {
            position: relative;
            right: 40px;
        }
        .header .header_info_banner .info_banner_image img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
        .header .header_info_banner .info_banner_image .image_one {
            transform: translateX(86px);
        }
        .header .header_carousel {
            height: 206px;
        }
        .header .header_carousel .carousel_two .carousel_items {
            width: 100%;
            height: 240px;
            padding: 16px;
        }
        .header .header_carousel .carousel_two .carousel_items img {
            width: 70px;
            height: 68px;
            object-fit: cover;
        }
        .header .header_carousel .carousel_two .carousel_items h3 {
            font-size: 1.6rem;
            margin-bottom: 8px;
        }
        .header .header_carousel .carousel_two .carousel_items p {
            font-size: 0.77rem;
        }
        /*    END     |    HEADER  |  CAROUSEL
          ####################################
        */
        /*               HEADER  |  WHATOFFERS
          ####################################
        */
        .header .whatoffers .whatOffers_container {
            flex-flow: column;
            gap: 136px;
        }
        .header .whatoffers .whatOffers_container .cell_phone img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
        .header .whatoffers .whatOffers_container .whatOffer_title {
            text-align: center;
        }
        .header .whatoffers .whatOffers_container .whatOffer_title .whatOffer_info h2 {
            font-size: 1.5rem;
        }
        .header .whatoffers .whatOffers_container .whatOffer_title .whatOffer_info p {
            font-size: 0.9em;
            margin-bottom: 0px;
        }
        .header .whatoffers .whatOffers_container .whatOffers_content {
            flex-flow: column;
            gap: 0px;
            padding-block: 36px;
        }
        .header .whatoffers .whatOffers_container .whatOffers_content .whatOffers_bg {
            width: 100%;
            margin-bottom: 8px;
        }
        .header .whatoffers .whatOffers_container .whatOffers_content .whatOffers_bg .whatOffers_text h4 {
            font-size: 0.9rem;
        }
        .header .whatoffers .button_whats {
            top: 104%;
            right: 0%;
            left: 0;
        }
        .header .whatoffers .button_whats .btn_whats {
            width: 86%;
            margin: 0 auto;
        }
        .header .whatoffers .button_whats .btn_whats a {
            text-indent: 18px;
        }
        .header .whatoffers .button_whats .btn_whats h3 {
            font-size: 0.88rem;
            padding: 6px 3px;
        }
        /*    END    |   HEADER  |  WHATOFFERS
          ####################################
        */
        .button_content {
            display: flex;
            flex-direction: column;
            justify-content: end;
            transform: translateX(10px);
        }
        .button_scroll .btn_whats {
            width: 63px;
            height: 40px;
        }
        .button_scroll .btn_whats .fa {
            color: var(--text-white);
            font-size: 1.3rem;
            line-height: 40px;
        }
        .button_scroll .btn_voltar {
            width: 63px;
            height: 40px;
        }
        .button_scroll .btn_voltar .fa {
            color: var(--text-white);
            font-size: 1.3rem;
            line-height: 40px;
        }
        /*  ###############################################
            ###############################################   MAIN...
            ###############################################  
        */
        .about {
            height: calc(100% + 868px);
            background: top no-repeat url(../imgs/bg_about.png);
        }
        .about .about_container .about_content {
            flex-direction: column;
            gap: 30px;
            padding-inline: 20px;
        }
        .about .about_container .about_content .about_info {
            text-align: center;
            width: 100%;
            height: 260px;
            padding-top: 66px;
        }
        .about .about_container .about_content .about_info h2 {
            font-size: 1.7rem;
        }
        .about .about_container .about_content .about_info p {
            font-size: 1rem;
        }
        .about .about_container .form {
            position: relative;
            left: -24px;
            width: 116%;
            height: 90%;
        }
        .about .about_container .form .form_container {
            flex-direction: column;
            padding-inline: 40px;
        }
        .about .about_container .form .form_container .form_content {
            position: relative;
            top: -16px;
            width: 120%;
            height: 100%;
        }
        .about .about_container .form .form_container .form_content {
            text-align: center;
        }
        .about .about_container .form .form_container .form_content h3 {
            font-size: 2rem;
        }
        .about .about_container .form .form_container .form_content p {
            font-size: 1.1rem;
        }
        .about .about_container .form .form_container .form_value {
            transform: translateY(-16px);
        }
        .about .about_container .form .form_container .form_value h4 {
            font-size: 2rem;
            text-align: center;
        }
        .about .about_container .form .form_container .form_value form input[type="submit"] {
            width: 80%;
            margin-inline: auto;
            font-size: 0.9rem;
        }
        /*     END    |    MAIN  |  ABOUT  |  FORMULARIO |  PLANOS
         #########################################################
        */
        /*            MAIN   |    CAROUSEL_SIX  |   PARCEIROS            
             ################################################
        */
        .carousel_partner {
            height: 365px;
        }
        .carousel_partner .carousel_container h2 {
            text-align: center;
            font-size: 1.170rem;
        }
        /*            MAIN   |    CAROUSEL_SIX  |   PARCEIROS            
             ################################################
        */
        /*          MAIN  |  ABOUT  |  OWL_ONE  |  PARA QUEM É 
           ###################################################
         */
        .forWho_and {
            height: 100%;
            transform: translateY(26px);
        }
        .forWho_and_content {
            padding-inline: 26px;
            flex-direction: column;
        }
        .forWho_and_content .forWho_and_imgs {
            position: relative;
        }
        .forWho_and_content .forWho_and_imgs img {
            width: 240px;
            height: 440px;
            object-fit: contain;
        }
        .forWho_and_content .forWho_and_imgs .circle {
            position: relative;
            top: 40px;
            right: 80px;
        }
        .forWho_and_content .forWho_and_imgs .circle img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .forWho_and_content .forWho_and_imgs~.forWho_and_info {
            text-align: center;
        }
        .forWho_and_content .forWho_and_imgs~.forWho_and_info h2 {
            font-size: 2rem;
        }
        .forWho_and_content .forWho_and_imgs~.forWho_and_info .forWho_text {
            width: 326px;
            margin: auto;
        }
        .forWho_and_content .forWho_and_imgs~.forWho_and_info .forWho_text p {
            font-size: 0.83rem;
            line-height: 22px;
        }
        .forWho_and_content .forWho_button {
            width: 100%;
            margin-top: 20px;
        }
        .forWho_and_content .forWho_button a {
            text-indent: 18px;
        }
        .forWho_and_content .forWho_button h3 {
            position: relative;
            top: 6px;
            left: -36px;
            font-size: 0.84rem;
        }
        .forWho_and_content .forWho_button .fa {
            position: absolute;
            top: -20px;
            right: -40px;
        }
        /*        MAIN   |    CAROUSEL   |   DEPOIMENTO
        ############################################### 
        */
        .testimonials {
            height: 100%;
            transform: translateY(86px);
        }
        .testimonials .five_items .five_title h2 {
            font-size: 1.6rem;
        }
        .testimonials .five_items .five_title+.five_img img {
            width: 186px;
            height: 186px;
            object-fit: cover;
        }
        .testimonials .five_items .five_text {
            width: 76%;
            height: 206px;
            margin-inline: auto;
        }
        .testimonials .five_items .five_text p {
            font-size: 1rem;
        }
        .testimonials .five_items .five_text p span {
            font-size: 1rem;
        }
        /*           MAIN   |    ACCORDION  |   DUVIDAS
        ############################################### 
        */
        .accordion {
            height: 100%;
        }
        .accordion .accordion_container {
            padding-inline: 22px;
        }
        .accordion .accordion_container .acc_img {
            top: 12px;
            right: 6px;
        }
        .accordion .accordion_container .acc_img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .accordion .accordion_container .accordion_info {
            width: 103%;
            height: 632px;
            padding: 60px 20px;
        }
        .accordion .accordion_container .accordion_info h2 {
            font-size: 1.5rem;
        }
        .accordion .accordion_container .accordion_info .accordio_items {
            margin-top: 26px;
        }
        .accordion .accordion_container .accordion_info .accordio_items .acc_text h3 {
            width: 284px;
            font-size: 0.9rem;
        }
        .accordion .accordion_container .accordion_info .accordio_items .paragraph p {
            font-size: 0.8rem;
            padding: 20px 0;
        }
        /*     END    |      MAIN   |    ACCORDION  |   DUVIDAS
        ####################################################### 
        */
        /*                                        FOOTER
        ################################################ 
        */
        .footer {
            height: 306px;
            margin-top: 80px;
        }
        .footer .footer_container {
            width: 100%;
        }
        .footer .footer_container .footer_content {
            flex-wrap: wrap;
            gap: 12px;
            padding-top: 12px;
        }
        .footer .footer_container .footer_content .footer_title h2 {
            font-size: 1rem;
            font-weight: 400;
        }
        .footer .footer_container .footer_content .footer_social_network {
            gap: 14px;
        }
        /*                             END    |   FOOTER
       ################################################ 
        */
        .footer_end .end_container img {
            width: 310px;
            height: 66px;
            object-fit: contain;
        }
        .footer_end .end_container>.end_nav a {
            font-size: 0.8rem;
            margin-left: 20px;
        }
    }
    
    @media screen and (min-width: 480px) and (max-width: 850px) {
        .sidebar .sidebar_content h2 {
            font-size: 1.1rem;
        }
        .sidebar .sidebar_content h2+a {
            font-size: 1.1rem;
        }
        /*            END    |    SIDEBAR
         ################################
     */
        /*              HEADER  |  NAVBAR
         ################################    
     */
        .header {
            height: calc(100% + 1780px);
            background-size: cover;
        }
        .header .header_container .navbar_content {
            padding-inline: 20px;
            flex-direction: column;
        }
        .header .header_container .navbar_content .navbar_logo img {
            position: relative;
            z-index: 6;
            width: 320px;
            height: 66px;
            object-fit: contain;
        }
        .header .header_container .navbar_content .navbar {
            padding-top: 30px;
        }
        .header .header_container .navbar_content .navbar .navbar_list {
            position: absolute;
            z-index: 5;
            top: -24px;
            left: -100%;
            width: 100%;
            height: 240vh;
            flex-direction: column;
            align-items: center;
            backdrop-filter: blur(30px);
            transition: all 0.8s cubic-bezier(.43, 2, .55, .27);
            opacity: 1;
        }
        .header .header_container .navbar_content .navbar.power .navbar_list {
            left: 0%;
            opacity: 1;
        }
        .header .header_container .navbar_content .navbar .navbar_list li {
            transform: translateY(220px);
            margin: 40px 0;
        }
        .header .header_container .navbar_content .navbar .navbar_list li a {
            font-size: 1.3rem;
        }
        .header .header_container .navbar_content .navbar .navbar_list+.navbar_buttons {
            position: relative;
            z-index: 7;
            width: 100%;
        }
        .header .header_container .navbar_content .navbar~.social_network .fa {
            font-size: 1.1rem;
            width: 34px;
            height: 34px;
        }
        .header .header_container .navbar_content .navbar~.social_network {
            position: absolute;
            top: 110%;
            left: 28%;
            z-index: 8;
        }
        .header .header_container .burguer_menu {
            right: 216px;
            display: block;
        }
        /*              HEADER  |  IMAGES  | BANNER
           #########################################
         */
        .header .header_info_banner {
            padding-block: 100px;
            height: 566px;
        }
        .header .header_container .header_info_banner .info_banner_image {
            position: relative;
            right: 86px;
        }
        .header .header_info_banner .info_banner_image img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
        .header .header_info_banner .info_banner_image .image_one {
            transform: translateX(186px);
        }
        /*      END    |        HEADER  |  IMAGES  | BANNER
           ################################################
         */
        /*                 HEADER  |  CAROUSEL
          ####################################
       */
        .header .header_carousel {
            height: 306px;
        }
        .header .header_carousel .carousel_two .carousel_items {
            width: 100%;
            height: 240px;
            padding: 16px;
        }
        .header .header_carousel .carousel_two .carousel_items img {
            width: 70px;
            height: 68px;
            object-fit: cover;
        }
        .header .header_carousel .carousel_two .carousel_items h3 {
            font-size: 1.7rem;
            margin-bottom: 8px;
        }
        .header .header_carousel .carousel_two .carousel_items p {
            font-size: 0.86rem;
        }
        /*      END     |    HEADER  |  CAROUSEL
                ################################
             */
        /*                    HEADER  |  WHATOFFERS
               ####################################
             */
        .header .whatoffers .whatOffers_container {
            flex-flow: column;
            gap: 156px;
        }
        .header .whatoffers .whatOffers_container .cell_phone img {
            width: 100%;
            object-fit: contain;
        }
        .header .whatoffers .whatOffers_container .whatOffer_title .whatOffer_info h2 {
            font-size: 2.3rem;
        }
        .header .whatoffers .whatOffers_container .whatOffer_title .whatOffer_info p {
            font-size: 0.9em;
        }
        .header .whatoffers .whatOffers_container .whatOffers_content .whatOffers_bg {
            width: 340px;
            margin-bottom: 8px;
        }
        .header .whatoffers .whatOffers_container .whatOffers_content .whatOffers_bg .whatOffers_text h4 {
            font-size: 0.9rem;
        }
        .header .whatoffers .button_whats {
            top: 106%;
            right: 0%;
            left: 0;
        }
        .header .whatoffers .button_whats .btn_whats {
            width: 60%;
            margin: 0 auto;
        }
        .header .whatoffers .button_whats .btn_whats h3 {
            font-size: 1.16rem;
            padding: 2px 3px;
        }
        /*        END    |   HEADER  |  WHATOFFERS
            ######################################
        */
        /*             MAIN  |  ABOUT  |  FORMULARIO  |  PLANOS
            ###################################################
        */
        .about {
            height: calc(100% + 868px);
            background: top no-repeat url(../imgs/bg_about.png);
        }
        .about .about_container .about_content {
            flex-direction: column;
            gap: 200px;
            padding-inline: 30px;
            justify-content: center;
            align-items: center;
        }
        .about .about_container .about_content .about_info {
            text-align: center;
            width: 100%;
            height: 16px;
            padding-top: 86px;
        }
        .about .about_container .about_content .about_info h2 {
            font-size: 2rem;
        }
        .about .about_container .about_content .about_info .border {
            width: 100%;
            height: 1px;
            background-color: var(--text-blue);
            margin-bottom: 16px;
        }
        .about .about_container .about_content .about_info p {
            font-size: 0.9rem;
        }
        .about .about_container .form {
            position: relative;
            top: -86px;
            left: 0px;
            width: 106%;
            height: 90%;
        }
        .about .about_container .form .form_container .form_content {
            position: relative;
            top: -16px;
            width: 100%;
        }
        .about .about_container .form .form_container .form_content h3 {
            font-size: 2rem;
            padding-top: 20px;
        }
        .about .about_container .form .form_container .form_content h3 span {
            line-height: 30px;
        }
        .about .about_container .form .form_container .form_content p {
            font-size: 1.1rem;
            line-height: 24px;
        }
        .about .about_container .form .form_container .form_value h4 {
            text-indent: 3px;
        }
        .about .about_container .form .form_container .form_value form {
            width: 100%;
        }
        /*        END   |   MAIN  |  ABOUT  |  OWL_ONE  |  PLANOS
            #####################################################
        */
        /*                MAIN   |    CAROUSEL_SIX  |   PARCEIROS
            #####################################################
        */
        .carousel_partner {
            height: 406px;
            transform: translateY(-60px);
        }
        .carousel_partner .carousel_container h2 {
            text-align: center;
            font-size: 1.8rem;
        }
        /*        END    |    MAIN   |    CAROUSEL_SIX  |   PARCEIROS
            #########################################################
        */
        /*              MAIN  |  ABOUT  |  OWL_ONE  |  PARA QUEM É 
             #####################################################
        */
        .forWho_and {
            height: 100%;
            transform: translateY(30px);
        }
        .forWho_and_content {
            padding-inline: 26px;
            flex-direction: column;
        }
        .forWho_and_content .forWho_and_imgs~.forWho_and_info h2 {
            font-size: 2.1rem;
        }
        .forWho_and_content .forWho_and_imgs~.forWho_and_info .forWho_text p {
            font-size: 1rem;
            line-height: 22px;
        }
        .forWho_and_content .forWho_button {
            width: 80%;
            margin: 20px auto;
        }
        .forWho_and_content .forWho_button h3 {
            font-size: 1.1rem;
            position: relative;
            top: 2px;
        }
        .forWho_and_content .forWho_button .fa {
            position: absolute;
            top: -20px;
            right: 0px;
        }
        /*    END   |   MAIN  |  ABOUT  |  OWL_ONE  |  PARA QUEM É 
             #####################################################
            */
        /*                MAIN   |    CAROUSEL  |   PARCEIROS
             #####################################################
            */
        .partners {
            height: 100%;
            transform: translateY(156px);
        }
        .partners .partners_container .partners_content h2 {
            font-size: 2rem;
            margin-bottom: 5px;
        }
        .partners .partners_container .partners_content p {
            font-size: 1rem;
        }
        /*       END   |  MAIN   |    CAROUSEL  |   PARCEIROS
             #####################################################
        */
        /*         MAIN   |    CAROUSEL  |   PARCEIROS   |   DEPOIMENTO
             ##############################################################
        */
        .testimonials {
            height: 100%;
            transform: translateY(66px);
        }
        .testimonials .five_items .five_title h2 {
            font-size: 2rem;
        }
        .testimonials .five_items .five_title h2 span {
            display: block;
        }
        .testimonials .five_items .five_text {
            width: 88%;
            height: 136px;
            margin-inline: auto;
        }
        .testimonials .five_items .five_text p {
            font-size: 0.9rem;
        }
        /*       END   |  MAIN   |    CAROUSEL  |   PARCEIROS   |   DEPOIMENTO
             #####################################################################
            */
        /*                                  MAIN   |    ACCORDION  |   DUVIDAS
             #####################################################################
            */
        .accordion .accordion_container {
            padding-inline: 22px;
        }
        .accordion .accordion_container .acc_img {
            top: 12px;
            right: 6px;
        }
        .accordion .accordion_container .acc_img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .accordion .accordion_container .accordion_info {
            width: 96%;
            height: 672px;
            padding: 60px 20px;
        }
        .accordion .accordion_container .accordion_info h2 {
            font-size: 2.4rem;
        }
        /*                        END    |     MAIN   |    ACCORDION  |   DUVIDAS
             #####################################################################
        */
    }
    
    @media screen and (min-width: 850px) and (max-width: 1024px) {
        .sidebar .sidebar_content h2 {
            font-size: 1.1rem;
        }
        .sidebar .sidebar_content h2+a {
            font-size: 1.1rem;
        }
        /*             END    |    SIDEBAR
          ################################
       */
        /*               HEADER  |  NAVBAR
          ################################
        */
        .header .header_container .navbar_content .navbar_logo img {
            width: 100%;
            object-fit: contain;
        }
        .header .header_container .navbar_content .navbar {
            gap: 20px;
            padding-top: 20px;
        }
        .header .header_container .navbar_content .navbar .navbar_list li {
            margin-left: 20px;
        }
        .header .header_container .navbar_content .navbar .navbar_list li a {
            font-size: 0.9rem;
        }
        .header .header_container .navbar_content .navbar .navbar_list+.navbar_buttons a {
            font-size: 0.76rem;
        }
        .header .header_container .navbar_content .navbar~.social_network {
            padding-top: 20px;
        }
        .header .header_container .navbar_content .navbar~.social_network .fa {
            font-size: 0.9rem;
            width: 32px;
            height: 32px;
            line-height: 32px;
        }
        /*         END   |   HEADER  |  NAVBAR
           ###################################
        */
        /*              HEADER  |  INFO_BANNER
          ####################################
        */
        .header .header_info_banner {
            height: 526px;
        }
        .header .header_info_banner .info_banner_image img {
            width: 340px;
            height: 637px;
            object-fit: contain;
        }
        .header .header_info_banner .info_banner_image .image_one {
            transform: translateX(136px);
        }
        /*    END   |   HEADER  |  INFO_BANNER
           ###################################
        */
        /*                HEADER  |  CAROUSEL
          ####################################
        */
        .header .header_carousel {
            padding-inline: 30px;
            height: 306px;
        }
        .header .header_carousel .carousel_two .carousel_items {
            height: 240px;
        }
        .header .header_carousel .carousel_two .carousel_items h3 {
            font-size: 1.3rem;
        }
        .header .header_carousel .carousel_two .carousel_items p {
            font-size: 0.68rem;
        }
        /*       END   |   HEADER  |  CAROUSEL
           ###################################
        */
        /*            HEADER   |  WHAT_OFFERS
          ####################################
        */
        .header .whatoffers .whatOffers_container .cell_phone img {
            width: 602px;
            height: 600px;
            object-fit: contain;
        }
        .header .whatoffers .whatOffers_container .whatOffer_title .whatOffer_info h2 {
            font-size: 2rem;
        }
        .header .whatoffers .whatOffers_container .whatOffer_title .whatOffer_info p {
            font-size: 0.8rem;
        }
        .header .whatoffers .whatOffers_container .whatOffers_content .whatOffers_bg {
            width: 280px;
            height: 60px;
        }
        .header .whatoffers .whatOffers_container .whatOffers_content .whatOffers_bg .whatOffers_text h4 {
            font-size: 0.73rem;
        }
        .header .whatoffers .whatOffers_container .whatOffers_content .whatOffers_bg .whatOffers_text .fa {
            font-size: 1.2rem;
            width: 24px;
            height: 24px;
        }
        .header .whatoffers .button_whats {
            top: 106%;
            right: 18%;
        }
        .header .whatoffers .button_whats .btn_whats {
            width: 120%;
        }
        .header .whatoffers .button_whats .btn_whats a {
            text-indent: 20px;
        }
        .header .whatoffers .button_whats .btn_whats h3 {
            font-size: 1rem;
        }
        /*       END   |   HEADER  |  WHAT_OFFERS
           #######################################
        */
        /*  ###############################################
            ###############################################   MAIN...
            ###############################################  
        */
        .about {
            height: 100%;
            background: center no-repeat url(../imgs/bg_about.png);
            transform: translateY(-96px);
        }
        .about .about_container .about_content {
            display: flex;
            justify-content: space-around;
            gap: 40px;
        }
        .about .about_container .about_content .about_info h2 {
            font-size: 2rem;
        }
        .about .about_container .about_content .about_info .border {
            width: 360px;
        }
        .about .about_container .form {
            width: 50%;
            /* height: 106%; */
            height: 1020px;
        }
        .about .about_container .form .form_container {
            flex-direction: column;
            grid-gap: 26px;
        }
        .about .about_container .form .form_container .form_content h3 {
            font-size: 2.4rem;
        }
        .about .about_container .form .form_container .form_content p {
            font-size: 1.2rem;
            color: var(--text-blue);
            line-height: 30px;
        }
        .about .about_container .form .form_container .form_value h4 {
            text-align: center;
            font-size: 2rem;
        }
        .about .about_container .form .form_container .form_value form input[type="submit"] {
            width: 100%;
            font-size: 1rem;
        }
        /*                  END    |    CAROUSEL  |   PARCEIROS
          #####################################################
        */
        .carousel_partner {
            height: 466px;
            transform: translateY(46px);
        }
        .carousel_partner .carousel_container h2 {
            font-size: 2rem;
        }
        /*                 MAIN   |    CAROUSEL   |   TESTIMONIALS   |  DEPOIMENTO
          ########################################################################
        */
        /*                 MAIN  |  FORWHO_AND
          ####################################
        */
        .forWho_and {
            height: 716px;
            transform: translateY(6px);
        }
        .forWho_and_content {
            justify-content: space-around;
            align-items: center;
        }
        .forWho_and_content .forWho_and_imgs img {
            width: 360px;
            height: 670px;
            object-fit: contain;
        }
        .forWho_and_content .forWho_and_imgs .circle img {
            width: 140px;
            height: 140px;
        }
        .forWho_and_content .forWho_and_imgs~.forWho_and_info h2 {
            font-size: 1.8rem;
            margin-bottom: 16px;
        }
        .forWho_and_content .forWho_and_imgs~.forWho_and_info .forWho_text {
            width: 366px;
            margin-bottom: 40px;
        }
        .forWho_and_content .forWho_and_imgs~.forWho_and_info .forWho_text p {
            font-size: 1rem;
        }
        .forWho_and_content .forWho_button {
            width: 100%;
            margin-top: 20px;
        }
        .forWho_and_content .forWho_button h3 {
            position: relative;
            top: 4px;
            left: -16px;
            font-size: 0.94rem;
        }
        .forWho_and_content .forWho_button .fa {
            position: absolute;
            top: -20px;
            right: -16px;
        }
        /*        END   |   MAIN  |  FORWHO_AND
         ######################################
        */
        /*               MAIN   |    CAROUSEL   |   TESTIMONIALS   |  DEPOIMENTO
        ########################################################################
        */
        .testimonials {
            height: 538px;
        }
        .testimonials .five_items .five_title h2 {
            font-size: 2rem;
        }
        /*     END       |      MAIN   |    CAROUSEL   |   TESTIMONIALS   |  DEPOIMENTO
         ###############################################################################
        */
        /*             MAIN   |    ACCORDION  |   DUVIDAS
        #################################################
                */
        .accordion .accordion_container .accordion_info {
            width: 96%;
        }
        .accordion .accordion_container .accordion_info h2 {
            font-size: 2.6rem;
        }
        .accordion .accordion_container .acc_img {
            position: relative;
            top: 50px;
            z-index: -1;
        }
        .accordion .accordion_container .acc_img img {
            width: 536px;
            height: 516px;
            object-fit: contain;
        }
        /*      END     |     MAIN   |    ACCORDION  |   DUVIDAS
        ########################################################
        */
    }
    
    @media screen and (min-width: 480px) and (orientation: landscape) and (max-width: 992px) {
        .sidebar .sidebar_content h2 {
            font-size: 1.1rem;
        }
        .sidebar .sidebar_content h2+a {
            font-size: 1.1rem;
        }
        /*             END    |    SIDEBAR
          ################################
       */
        /*               HEADER  |  NAVBAR
          ################################
        */
        .header {
            height: calc(92% + 1780px);
            background-size: cover;
        }
        .header .header_container .navbar_content {
            padding-inline: 26px;
            align-items: center;
            flex-direction: row;
            width: 100%;
        }
        .header .header_container .navbar_content .navbar_logo img {
            width: 100%;
            height: 66px;
            object-fit: contain;
        }
        .header .header_container .navbar_content .navbar {
            flex-grow: 0;
            align-self: center;
            gap: 0px;
            padding-top: 20px;
        }
        .header .header_container .navbar_content .navbar .navbar_list {
            position: absolute;
            z-index: 5;
            top: -24px;
            left: -100%;
            width: 100%;
            height: 240vh;
            flex-direction: row;
            align-items: center;
            backdrop-filter: blur(30px);
            transition: all 0.8s cubic-bezier(.43, 2, .55, .27);
            opacity: 1;
        }
        .header .header_container .navbar_content .navbar.power .navbar_list {
            left: 0%;
            opacity: 1;
            justify-content: center;
        }
        .header .header_container .navbar_content .navbar .navbar_list li {
            transform: translateY(-236px);
            margin-left: 30px;
        }
        .header .header_container .navbar_content .navbar~.social_network {
            position: absolute;
            top: 110%;
            left: 20%;
            z-index: 8;
        }
        .header .header_container .navbar_content .navbar .navbar_list+.navbar_buttons {
            width: 100%;
        }
        .header .header_container .navbar_content .navbar .navbar_list+.navbar_buttons a {
            font-size: 0.86rem;
            padding: 10px 10px;
        }
        .header .burguer_menu {
            position: absolute;
            width: 100%;
            top: 80px;
            left: 76%;
            width: 46px;
            display: block;
        }
        /* ###############################################
           ###############################################   END |  HEADER...
           ###############################################  
         */
        /* ###############################################
           ###############################################   BUTTON  |  SCROOL  ...
           ###############################################  
         */
        .button_content {
            transform: translateX(16px);
        }
        .button_scroll .btn_whats {
            width: 63px;
            height: 40px;
            background: var(--bg-whats-top);
            overflow: hidden;
        }
        .button_scroll .btn_whats .fa {
            color: var(--text-white);
            font-size: 1.3rem;
            line-height: 40px;
            position: relative;
            right: 6px;
        }
        .button_scroll .btn_voltar {
            width: 63px;
            height: 40px;
            overflow: hidden;
        }
        .button_scroll .btn_voltar .fa {
            color: var(--text-white);
            font-size: 1.3rem;
            line-height: 36px;
            position: relative;
            right: 6px;
        }
        .button_scroll .btn_assinar {
            transform: translateX(42px);
            width: 118px;
            height: 50px;
        }
        .button_scroll .btn_assinar a {
            font-size: 0.93rem;
            position: relative;
            right: 10px;
        }
        /* ###############################################
           ############################################### END   |  BUTTON  |  SCROOL  ...
           ###############################################  
         */
        /*        END   |   HEADER  |  NAVBAR
          ###################################
        */
        /*              HEADER  |  INFO_BANNER
          ####################################
        */
        .header .header_info_banner {
            padding-block: 100px;
            height: 356px;
        }
        .header .header_container .header_info_banner .info_banner_image {
            position: relative;
            right: 40px;
        }
        .header .header_info_banner .info_banner_image img {
            width: 226px;
        }
        .header .header_info_banner .info_banner_image .image_one {
            transform: translateX(86px);
        }
        /*              HEADER  |  INFO_BANNER
          ####################################
        */
        /*                 HEADER  |  CAROUSEL
          ####################################
        */
        .header .header_carousel {
            height: 286px;
        }
        .header .header_carousel .carousel_two .carousel_items {
            height: 240px;
            padding: 16px;
        }
        .header .header_carousel .carousel_two .carousel_items h3 {
            font-size: 1.6rem;
            margin-bottom: 8px;
        }
        /*    END     |    HEADER  |  CAROUSEL
          ####################################
        */
        /*               HEADER  |  WHATOFFERS
          ####################################
        */
        .header .whatoffers .whatOffers_container {
            flex-flow: row;
            gap: 136px;
        }
        .header .whatoffers .whatOffers_container .whatOffer_title .whatOffer_info h2 {
            font-size: 2rem;
        }
        .header .whatoffers .whatOffers_container .whatOffer_title .whatOffer_info p {
            font-size: 0.9em;
            margin-bottom: 0px;
        }
        .header .whatoffers .whatOffers_container .cell_phone {
            position: relative;
            top: 186px;
        }
        .header .whatoffers .whatOffers_container .cell_phone img {
            width: 506px;
            object-fit: contain;
        }
        .header .whatoffers .whatOffers_container .whatOffers_content {
            flex-flow: column;
            gap: 0px;
            padding-block: 36px;
        }
        .header .whatoffers .whatOffers_container .whatOffers_content .whatOffers_bg {
            width: 100%;
            margin-bottom: 8px;
        }
        .header .whatoffers .whatOffers_container .whatOffers_content .whatOffers_bg .whatOffers_text h4 {
            font-size: 0.9rem;
        }
        .header .whatoffers .button_whats {
            position: absolute;
            top: 108%;
            right: 14%;
        }
        .header .whatoffers .button_whats .btn_whats {
            width: 56%;
            margin: 0 auto;
        }
        .header .whatoffers .button_whats .btn_whats a {
            text-indent: 18px;
        }
        .header .whatoffers .button_whats .btn_whats h3 {
            font-size: 1.1rem;
            padding: 3px 3px;
        }
        /*  ###############################################
            ###############################################   MAIN...
            ###############################################  
        */
        .header .whatoffers .whatOffers_container .whatOffer_title .whatOffer_info h2 {
            font-size: 1.7rem;
        }
        .carousel_partner .carousel_container h2 {
            text-align: center;
            font-size: 1.7rem;
        }
        /*    END   |   MAIN  |  ABOUT  |  OWL_ONE  |  PLANOS
         ####################################################
        */
        /*          MAIN  |  ABOUT  |  OWL_ONE  |  PARA QUEM É 
         #####################################################
        */
        .forWho_and {
            height: 100%;
            height: 474px;
            transform: translateY(-122px);
        }
        .forWho_and_content .forWho_and_imgs {
            position: relative;
            width: 100%;
        }
        .forWho_and_content .forWho_and_imgs img {
            width: 280px;
        }
        .forWho_and_content .forWho_and_imgs .circle {
            position: relative;
            top: 30px;
            right: 76px;
        }
        .forWho_and_content .forWho_and_imgs .circle img {
            width: 106px;
            height: 106px;
        }
        .forWho_and_content .forWho_and_imgs~.forWho_and_info {
            position: absolute;
            top: 10%;
            top: 35%;
            left: 50%;
        }
        .forWho_and_content .forWho_and_imgs~.forWho_and_info h2 {
            font-size: 1.8rem;
        }
        .forWho_and_content .forWho_and_imgs~.forWho_and_info .forWho_text {
            width: 74%;
            margin-bottom: 40px;
        }
        .forWho_and_content .forWho_and_imgs~.forWho_and_info .forWho_text p {
            font-size: 0.9rem;
            line-height: 22px;
        }
        .forWho_and_content .forWho_button {
            position: absolute;
            right: 106px;
            width: 80%;
            margin-top: 20px;
            margin: auto;
        }
        .forWho_and_content .forWho_button a {
            text-indent: 20px;
        }
        .forWho_and_content .forWho_button h3 {
            position: relative;
            top: 6px;
            left: -20px;
            font-size: 0.86rem;
        }
        .forWho_and_content .forWho_button .fa {
            position: absolute;
            top: -20px;
            right: -24px;
        }
        /*    MAIN   |    CAROUSEL   |   TESTIMONIALS   |  DEPOIMENTO
         #############################################################
        */
        .testimonials {
            height: 562px;
        }
        /*    END   |    MAIN  |  ABOUT  |  OWL_ONE  |  PARA QUEM É 
         ##########################################################
        */
        .accordion {
            width: 100%;
            height: 1200px;
        }
        .accordion .accordion_container .acc_img {
            position: relative;
            z-index: -1;
            top: 72px;
        }
        .accordion .accordion_container .acc_img img {
            width: 436px;
            height: 546px;
            object-fit: contain;
        }
        .accordion .accordion_container .accordion_info {
            width: 100%;
            height: 620px;
            transform: translateY(-50px);
        }
        /*                       MAIN   |    ACCORDION  |   DUVIDAS 
         ############################################################
        */
        .footer_end .end_container+.copyright {
            position: relative;
            top: -10px;
            padding: 16px 0;
            max-width: 1570px;
            margin: 0 auto;
            border-top: 1px solid var(--text-blue);
            text-align: center;
        }
    }