.sidebar_top {
        width: 100%;
        background: var(--linear-gradient-sidebar);
    }
    
    .sidebar_top .sidebar_content {
        display: flex;
        justify-content: center;
        align-items: center;
        column-gap: 26px;
        padding: 10px 0;
    }
    
    .sidebar_top .sidebar_content :is(h2, a) {
        color: var(--text-header);
    }
    
    .sidebar_content h2 {
        font-size: 1.25rem;
        font-weight: 300;
    }
    
    .sidebar_top .sidebar_content h2 span {
        font-weight: 700;
    }
    
    .sidebar_top .sidebar_content .sidebar_button {
        position: relative;
        padding: 8px 26px;
        background: var(--button-whats);
        border-radius: 300px;
        overflow: hidden;
        cursor: pointer;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        &:hover {
            border-right: 8px solid var(--button-whats-icon);
        }
    }
    
    .sidebar_top .sidebar_content .sidebar_button a {
        position: relative;
        top: -2px;
        font-size: 1.1rem;
        font-weight: 600;
    }
    
    .sidebar_top .sidebar_content .sidebar_button a>i {
        position: relative;
        font-size: 1.4rem;
        left: 8px;
        font-weight: 400;
    }
    /* ======================== SIDEBAR - TOPO 
       =======================================  */
    
    .header {
        position: relative;
        width: 100%;
        height: 1478px;
        background: center no-repeat url(../assets/imgs/bg.png);
    }
    
    .header .header_container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        column-gap: 20px;
        padding-block: 8px;
    }
    
    .header .header_container .header_content {
        flex: 1 1 10px;
    }
    
    .header .header_container :is(.header_content, .header_icone-insta) {
        padding-top: 16px;
    }
    
    .header .header_container .nav_list {
        display: flex;
        justify-content: end;
    }
    
    .header .header_container .nav_list a {
        background-color: transparent;
        padding: 10px 16px;
        border-radius: 30px;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        &:hover {
            background-color: var(--background-hover);
            border-bottom: 1px solid var(--text-header);
            box-shadow: 0px 2px 0px 0px rgba(133, 129, 129, 0.1);
        }
    }
    
    .header .header_container :is(.nav_list, .header_icone-insta) a {
        font-size: 1.1rem;
        font-weight: 300;
        color: var(--text-header);
    }
    
    .header .header_container .header_icone-insta a {
        display: flex;
        align-items: center;
        justify-content: center;
        column-gap: 6px;
        padding: 10px 16px;
        border-radius: 30px;
        background-color: var(--background-hover);
        border-bottom: 1px solid var(--text-header);
        overflow: hidden;
    }
    
    .header .header_container .header_icone-insta a>i {
        position: relative;
        width: 30px;
        height: 30px;
        font-size: 1.3rem;
        text-align: center;
        line-height: 30px;
        display: inline-block;
        border-radius: 50%;
        background: var(--text-header);
        color: var(--icon-card);
        animation: pulseInsta 1.5s ease infinite;
    }
    
    @keyframes pulseInsta {
        0% {
            transform: scale(0.9);
        }
        100% {
            transform: scale(1.04);
            box-shadow: 0px 10px 0px 276px rgba(51, 43, 43, 0.2);
        }
    }
    
    .header .header_container .menu_bars {
        display: none;
    }
    
    .header .header_container .btn_close {
        display: none;
    }
    
    .header_banner .imgs_primary {
        position: relative;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .header_banner .imgs_primary :is(.header_banner, .img_one, .img_two) {
        position: relative;
    }
    
    .header_banner .imgs_primary .img_one {
        width: 887px;
        object-fit: contain;
        left: 276px;
    }
    
    .header_banner .imgs_primary .wifi_right {
        position: relative;
        top: 86px;
        right: 188px;
        width: 150px;
        height: 150px;
        animation: leftRigh 4s ease-in-out infinite;
    }
    
    @keyframes leftRigh {
        0% {
            transform: translateY(0px);
        }
        50% {
            transform: translateY(20px);
        }
        100% {
            transform: translateY(0px);
        }
    }
    
    .header_banner .imgs_primary .img_two {
        width: 620px;
        right: 166px;
    }
    
    .header_banner .description_banner {
        position: absolute;
        z-index: 9;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    
    .header_banner .description_banner .info_banner {
        width: 1180px;
        backdrop-filter: blur(8px);
        background: rgba(0, 0, 0, 0.4);
        border-radius: 90px;
        display: flex;
        align-items: center;
        border: 1px solid rgba(228, 195, 195, 0.3);
    }
    
    .header_banner .description_banner .info_banner img {
        position: relative;
        top: 26px;
        left: -60px;
        width: 150px;
        height: 150px;
        animation: leftRigh 4s ease-in-out infinite;
    }
    
    .header_banner .description_banner .info_banner .banner_text {
        display: flex;
        align-items: center;
        column-gap: 160px;
    }
    
    .header_banner .description_banner .info_banner h2 {
        text-align: center;
        font-size: 2.3rem;
        font-weight: 600;
        color: var(--text-header);
        background: linear-gradient(120deg, #fff, #fff, #c76249, #fff, #fff, #91f769);
        background-size: 400% 100%;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        animation: degradeTwo 10s infinite alternate;
    }
    
    @keyframes degradeTwo {
        0% {
            background-position-x: 0%;
        }
        100% {
            background-position: 400%;
        }
    }
    
    .header_banner .description_banner .info_banner h2 span {
        display: block;
    }
    
    .header_banner .description_banner .info_banner .buttons_wats-banner {
        position: relative;
        cursor: pointer;
        width: 386px;
        height: 60px;
        border-radius: 30px;
        background-color: var(--button-whats);
        border: 1px solid var(--border-button);
        overflow: hidden;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        animation: border 0.5s ease infinite;
    }
    
    .header_banner .description_banner .info_banner .buttons_wats-banner:hover {
        box-shadow: 2px 2px 50px 1px hsla(141, 63%, 51%, 1);
        border: 1px solid var(--text-header);
    }
    
    .header_banner .description_banner .info_banner .buttons_wats-banner::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        opacity: 0;
        background: linear-gradient(90deg, transparent, #fff, transparent);
        -webkit-transition: .6s ease;
        -moz-transition: .6s ease;
        -o-transition: .6s ease;
        transition: .6s ease;
        transition: all 0.8s ease-in cubic-bezier(.43, 2, .55, .27);
    }
    
    .header_banner .description_banner .info_banner .buttons_wats-banner:hover::before {
        content: '';
        left: 100%;
        opacity: 0.9;
    }
    
    .header_banner .description_banner .info_banner .buttons_wats-banner a {
        display: flex;
        align-items: center;
        justify-content: space-around;
        padding: 20px;
    }
    
    .header_banner .description_banner .info_banner .buttons_wats-banner p {
        color: var(--border-button);
        font-size: 1.105rem;
        -webkit-transition: .6s ease;
        -moz-transition: .6s ease;
        -o-transition: .6s ease;
        transition: .6s ease;
    }
    
    .header_banner .description_banner .info_banner .buttons_wats-banner:hover p {
        color: var(--text-header);
    }
    
    .header_banner .description_banner .info_banner .buttons_wats-banner i {
        color: var(--border-button);
        background-color: var(--button-whats-icon);
        font-size: 1.9rem;
        padding: 20px 24px;
        position: absolute;
        top: -7px;
        right: 0;
    }
    
    .header_banner .header_wave {
        position: absolute;
        width: 100%;
        top: 0%;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        pointer-events: none;
        animation: waves 4s ease-in-out infinite;
    }
    
    @keyframes waves {
        0% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(16px);
        }
    }
    
    .header_banner .header_wave .waves {
        translate: 0px 100%;
    }
    
    .header .carousel_plans {
        position: relative;
        z-index: 6;
    }
    
    .header .carousel_plans .plans_text {
        text-align: center;
        margin-top: 120px;
    }
    
    .header .carousel_plans .plans_text h2 {
        font-size: 3.25rem;
        font-weight: 400;
        color: var(--text-header);
    }
    
    .header .carousel_plans .carousel_card {
        position: relative;
        width: 370px;
        height: 556px;
        border-radius: 20px;
        overflow: hidden;
        background: var(--text-header);
        margin: 10px;
    }
    /* =========== CAROUSEL - PLANS - NET
    ===================================== */
    
    .header .carousel_plans .carousel_card .card_title .carousel_card-one {
        position: absolute;
        top: 0;
        left: 0;
        background: var(--card-net);
        border-top: 3px solid var(--text-header);
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
        width: 100%;
        height: 184px;
    }
    
    .header .carousel_plans .carousel_card:hover .card_title .carousel_card-one {
        background: var(--background-hover);
    }
    
    .header .carousel_plans .carousel_card .card_title .carousel_card-one h2 {
        font-size: 1.5rem;
        padding: 40px;
    }
    
    .header .carousel_plans .carousel_card:hover .card_title .carousel_card-one h2 {
        color: var(--text-header);
    }
    
    .header .carousel_plans .carousel_card .card_title .carousel_card-one h2 span {
        display: block;
        font-size: 4.1rem;
        font-weight: bold;
        line-height: 60px;
    }
    
    .header .carousel_plans .carousel_card .card_info-texts {
        margin-block: 20px;
    }
    
    .header .carousel_plans .carousel_card .card_info-text .info_text-imgs {
        padding-top: 44px;
    }
    /* =========== CAROUSEL - PLANS - NET
    ===================================== */
    
    .header .carousel_plans .carousel_card .card_title {
        width: 100%;
        height: 184px;
        background: var(--background-card);
        padding: 20px;
        border-top: 3px solid var(--text-header);
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
        -webkit-transition: .3s ease;
        -moz-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .3s ease;
    }
    
    .header .carousel_plans .carousel_card:hover .card_title {
        background: var(--background-hover);
    }
    
    .header .carousel_plans .carousel_card .card_title h2 {
        font-size: 1.5rem;
        font-weight: 300;
        color: var(--text-card);
        -webkit-transition: .3s ease;
        -moz-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .3s ease;
    }
    
    .header .carousel_plans .carousel_card:hover .card_title h2 {
        color: var(--text-header);
    }
    
    .header .carousel_plans .carousel_card .card_title h3 {
        font-size: 4.1rem;
        line-height: .9;
    }
    
    .header .carousel_plans .carousel_card .card_title h3 span {
        font-size: 2.5rem;
        display: block;
    }
    
    .header .carousel_plans .carousel_card .card_info {
        padding: 10px;
    }
    
    .header .carousel_plans .carousel_card .card_info p {
        font-size: 1rem;
        color: var(--text-card);
        margin: 8px 0;
    }
    
    .header .carousel_plans .carousel_card .card_info i {
        font-size: 1.3rem;
        font-weight: bold;
        color: var(--icon-card);
        margin: 0 8px;
    }
    
    .header .carousel_plans .carousel_card .card_info .card_info-text {
        margin-top: 20px;
    }
    
    .header .carousel_plans .carousel_card .card_info .card_info-text p span {
        display: block;
        text-indent: 36px;
        color: var(--text-card);
    }
    
    .header .carousel_plans .carousel_card .card_info .card_info-text img {
        display: inline-block;
        margin: 0 5px;
    }
    
    .header .carousel_plans .carousel_card .info_text-img {
        margin-bottom: 40px;
    }
    
    .header .carousel_plans .carousel_card .card_price {
        padding: 12px 20px;
    }
    
    .header .carousel_plans .carousel_card .card_price h3 {
        font-size: 1.5rem;
        font-weight: 400;
        color: var(--text-card);
        display: flex;
    }
    
    .header .carousel_plans .carousel_card .card_price h3 strong {
        font-size: 4.1rem;
        position: relative;
        top: -18px;
    }
    
    .header .carousel_plans .carousel_card .card_price p {
        font-size: 2.3rem;
        font-weight: bold;
        position: relative;
        left: -16px;
        top: -10px;
    }
    
    .header .carousel_plans .carousel_card .card_price p span {
        font-size: 1.3rem;
        font-weight: 400;
        display: block;
        position: relative;
        left: 16px;
        top: -3px;
    }
    
    .header .carousel_plans .carousel_card .button_card {
        width: 90%;
        position: absolute;
        top: 91.3%;
        left: 5%;
        margin: 0 auto;
        background: var(--background-card);
        border: none;
        padding: 8px;
        border-radius: 40px;
        cursor: pointer;
        -webkit-transition: .3s ease;
        -moz-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .3s ease;
        &:hover {
            background: var(--background-hover);
        }
    }
    
    .header .carousel_plans .carousel_card .button_card p {
        font-size: 1rem;
        color: var(--text-card);
        display: flex;
        align-items: baseline;
        justify-content: center;
        column-gap: 8px;
        -webkit-transition: .3s ease;
        -moz-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .3s ease;
    }
    
    .header .carousel_plans .carousel_card .button_card:hover p {
        color: var(--text-header);
    }
    
    .header .carousel_plans .carousel_card .button_card i {
        position: relative;
        top: 2px;
        font-size: 1.3rem;
    }
    
    .header .carousel_plans .carousel_card dialog::backdrop {
        background-color: rgb(0 0 0 / .7);
    }
    
    .header .carousel_plans .carousel_card dialog {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border: none;
        border: 2px solid var(--text-header);
        border-radius: 10px;
        background: var(--modal);
        width: 620px;
        height: 500px;
        box-shadow: 0 0 30px rgb(0 0 0 / .3);
    }
    
    .header .carousel_plans .carousel_card dialog img {
        width: 404px;
        height: 440px;
        margin: 20px auto;
        object-fit: contain;
    }
    
    .header .carousel_plans .carousel_card .close {
        position: absolute;
        top: 20px;
        right: 20px;
        cursor: pointer;
        border: none;
        background: none;
        width: 32px;
        height: 32px;
        background: var(--text-header);
        border-radius: 50%;
    }
    
    .header .carousel_plans .carousel_card .close i {
        color: var(--modal);
        font-size: 1.4rem;
        font-weight: bold;
    }
    
    .header .carousel_plans .carousel_one .slick-dots li button {
        background: var(--text-gray);
        margin-top: 136px;
        display: inline-block;
    }
    
    .header .carousel_plans .carousel_one .slick-dots li.slick-active button {
        background: var(--background-card);
    }
    /*   ======================= BUTTON - SCROLL
         ======================================= */
    
    .button_scroll {
        position: fixed;
        top: 78%;
        bottom: 0;
        right: 0px;
        z-index: 3000;
        display: block;
        opacity: 0;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        transition: all 0.8s cubic-bezier(.43, 2, .55, .27);
    }
    
    .button_scroll.active {
        opacity: 1;
        visibility: visible;
    }
    
    .btn_content {
        display: flex;
        flex-direction: column;
        row-gap: 5px;
    }
    
    .btn_content {
        display: flex;
        flex-direction: column;
    }
    
    .btn_hire {
        width: 140px;
        height: 50px;
        background: var(--button-whats);
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        -webkit-transition: .3s ease;
        -moz-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .3s ease;
        &:hover {
            background: var(--border-button);
        }
    }
    
    .btn_hire a {
        font-size: 1.1rem;
        font-weight: 700;
        color: var(--text-header);
    }
    
    .btn_hire a>i {
        font-size: 1.4rem;
        font-weight: 300;
    }
    
    .btn_top {
        align-self: flex-end;
        overflow: hidden;
        width: 60px;
        height: 50px;
        background: var(--background-hover);
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-transition: .3s ease;
        -moz-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .3s ease;
        &:hover {
            background: var(--background-scroll);
        }
    }
    
    .btn_top a>i {
        color: var(--text-header);
        font-size: 1.6rem;
    }
    /*   ======================= BUTTON - SCROLL
         =======================================  */
    /* -------------------------------------------------------------- */
    /*   ===================CAROUSEL - STREAMING
         =======================================  */
    
    .carousel_streaming {
        width: 100%;
        padding-top: 300px;
    }
    
    .carousel_streaming .streaming_title {
        text-align: center;
    }
    
    .carousel_streaming .streaming_title h2 {
        font-size: 1.625rem;
        font-weight: 400;
        color: var(--text-gray);
    }
    
    .carousel_streaming .streaming_title h2 span {
        font-size: 2.5rem;
        font-weight: 700;
        display: block;
    }
    
    .carousel_streaming .mark_streaming {
        margin: 0 10px;
    }
    
    .carousel_streaming .mark_streaming img {
        margin: 10px 0;
        border-radius: 20px;
        border-bottom: 4px solid var(--icon-card);
        -webkit-transition: .3s ease;
        -moz-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .3s ease;
    }
    
    .carousel_streaming .carousel_two .slick-dots li button {
        background: var(--text-gray);
        margin-top: 136px;
        display: inline-block;
    }
    
    .carousel_streaming .carousel_two .slick-dots li.slick-active button {
        background: var(--background-card);
    }
    /*   ===================CAROUSEL - STREAMING
         =======================================  */
    /* -------------------------------------------------------------- */
    /*   ====================== TOSIGN - SCREENS
         =======================================  */
    
    .toSign {
        width: 100%;
        height: 660px;
    }
    
    .toSign .toSign_content {
        display: flex;
        justify-content: center;
        column-gap: 40px;
    }
    
    .toSign .toSign_content .toSign_screens {
        position: relative;
        overflow: hidden;
    }
    
    .toSign .toSign_content .toSign_screens::after,
    .toSign .toSign_content .toSign_screens::before {
        content: '';
        position: absolute;
        top: -650px;
        left: 0;
        right: 0;
        bottom: 0;
        background-image: radial-gradient(4px 4px at 100px 50px, #fff, transparent), radial-gradient(6px 6px at 200px 150px, #fff, transparent), radial-gradient(3px 3px at 300px 250px, #fff, transparent), radial-gradient(4px 4px at 400px 350px, #fff, transparent), radial-gradient(6px 6px at 500px 100px, #fff, transparent), radial-gradient(3px 3px at 50px 200px, #fff, transparent), radial-gradient(4px 4px at 150px 300px, #fff, transparent), radial-gradient(6px 6px at 250px 400px, #fff, transparent), radial-gradient(3px 3px at 350px 500px, #fff, transparent);
        background-size: 650px 650px;
        animation: particle 12s linear infinite;
    }
    
    .toSign .toSign_content .toSign_screens::after {
        margin-left: -250px;
        opacity: 0.5;
        filter: blur(2px);
        animation-direction: reverse;
        animation-duration: 6s;
    }
    
    .toSign .toSign_content .toSign_screens::before {
        margin-left: -350px;
        opacity: 0.7;
        filter: blur(1px);
    }
    
    @keyframes particle {
        from {
            transform: translateY(0);
        }
        to {
            transform: translateY(650px);
        }
    }
    
    .toSign .toSign_content .toSign_description {
        width: 605px;
    }
    
    .toSign .toSign_content .toSign_description .toSign_info h2 {
        font-size: 2.375rem;
        color: var(--text-screen);
        font-weight: 300;
    }
    
    .toSign .toSign_content .toSign_description .toSign_info h2 span {
        font-weight: bold;
    }
    
    .toSign .toSign_content .toSign_description .toSign_info p {
        font-size: 1rem;
        color: var( --text-gray);
        margin: 26px 0;
    }
    
    .toSign .toSign_content .toSign_description .buttons_wats-toSign {
        position: relative;
        cursor: pointer;
        width: 386px;
        height: 60px;
        border-radius: 30px;
        background-color: var(--button-whats);
        border: 1px solid rgba(0, 0, 0, 0.2);
        overflow: hidden;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        animation: border 0.5s ease infinite;
    }
    
    .toSign .toSign_content .toSign_description .buttons_wats-toSign:hover {
        box-shadow: 2px 2px 50px 1px hsla(141, 63%, 51%, 1);
        border: 1px solid var(--text-header);
    }
    
    .toSign .toSign_content .toSign_description .buttons_wats-toSign::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        opacity: 0;
        background: linear-gradient(90deg, transparent, #fff, transparent);
        -webkit-transition: .6s ease;
        -moz-transition: .6s ease;
        -o-transition: .6s ease;
        transition: .6s ease;
        transition: all 0.8s ease-in cubic-bezier(.43, 2, .55, .27);
    }
    
    .toSign .toSign_content .toSign_description .buttons_wats-toSign:hover::before {
        content: '';
        left: 100%;
        opacity: 0.9;
    }
    
    .toSign .toSign_content .toSign_description .buttons_wats-toSign a {
        display: flex;
        align-items: center;
        justify-content: space-around;
        padding: 20px;
    }
    
    .toSign .toSign_content .toSign_description .buttons_wats-toSign p {
        color: var(--text-card);
        font-size: 1.105rem;
        -webkit-transition: .6s ease;
        -moz-transition: .6s ease;
        -o-transition: .6s ease;
        transition: .6s ease;
    }
    
    .toSign .toSign_content .toSign_description .buttons_wats-toSign:hover p {
        color: var(--text-header);
    }
    
    .toSign .toSign_content .toSign_description .buttons_wats-toSign i {
        color: var(--border-button);
        background-color: var(--button-whats-icon);
        font-size: 1.9rem;
        padding: 20px 24px;
        position: absolute;
        top: -7px;
        right: 0;
    }
    /*   ====================== TOSIGN - SCREENS
         =======================================  */
    /* -------------------------------------------------------------- */
    /*   ============================= accordion
         =======================================  */
    
    .accordion {
        width: 100%;
    }
    
    .accordion .accordion_container {
        width: 90%;
        background-color: var(--accordion);
        border-radius: 40px;
        padding: 60px 80px;
        overflow: hidden;
    }
    
    .accordion .accordion_container .accordion_content :is(h2, h3, i) {
        color: var(--background-card);
    }
    
    .accordion .accordion_container .accordion_content {
        display: flex;
        flex-direction: column;
        row-gap: 20px;
    }
    
    .accordion .accordion_container .accordion_content h2 {
        font-size: 3rem;
        text-transform: uppercase;
        margin-bottom: 26px;
    }
    
    .accordion .accordion_container .accordion_content .accordion_items {
        padding: 26px 0;
        border-bottom: 1px solid var(--background-card);
    }
    
    .accordion .accordion_container .accordion_items .accordion_info {
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
    }
    
    .accordion .accordion_container .accordion_items .accordion_info h3 {
        font-size: 1.125rem;
    }
    
    .accordion .accordion_container .accordion_items .accordion_info i {
        font-size: 1.8rem;
        -webkit-transition: .6s ease;
        -moz-transition: .6s ease;
        -o-transition: .6s ease;
        transition: .6s ease;
    }
    
    .accordion .accordion_container .accordion_items .accordion_info.power i {
        transform: rotate(360deg);
    }
    
    .accordion .accordion_container .accordion_items .accordion_descriptions {
        max-height: 0;
        overflow: hidden;
        -webkit-transition: .6s ease;
        -moz-transition: .6s ease;
        -o-transition: .6s ease;
        transition: .6s ease;
    }
    
    .accordion .accordion_container .accordion_items .accordion_descriptions.power {
        max-height: 72px;
    }
    
    .accordion .accordion_container .accordion_items .accordion_descriptions p {
        font-size: 1rem;
        font-weight: 200;
        color: var( --text-header);
        padding-top: 16px;
        width: 90%;
    }
    /*   ============================= accordion
         =======================================  */
    /* -------------------------------------------------------------- */
    /*   ============================= FOOTER
         =======================================  */
    
    .footer {
        width: 100%;
        margin-top: 120px;
    }
    
    .footer .footer_content {
        position: relative;
        max-width: 1570px;
        height: 326px;
        background: var(--footer);
        display: flex;
        align-items: center;
        border-radius: 50px;
        overflow: hidden;
    }
    
    .footer .footer_content :is(.footer_description p, .footer_btn a, ) {
        font-size: 1rem;
        color: var(--text-header);
        font-weight: 300;
    }
    
    .footer .footer_content .footer_info {
        position: relative;
        display: flex;
        flex-direction: column;
        row-gap: 26px;
        padding-inline: 120px;
    }
    
    .footer .footer_content .footer_info .footer_description {
        text-align: center;
    }
    
    .footer .footer_content .footer_info .footer_description p span {
        display: block;
    }
    
    .footer .footer_content .footer_info .footer_btn {
        display: flex;
    }
    
    .footer .footer_content .footer_info .footer_btn a {
        margin: 0 auto;
        padding: 10px 20px;
        border-radius: 30px;
        overflow: hidden;
        border: 1px solid var(--background-card);
        -webkit-transition: .6s ease;
        -moz-transition: .6s ease;
        -o-transition: .6s ease;
        transition: .6s ease;
        &:hover {
            background-color: var(--background-hover);
            border: none;
            border-bottom: 1px solid var(--text-header);
        }
    }
    
    .footer .footer_content .footer_info .footer_btn a>i {
        width: 30px;
        height: 30px;
        font-size: 1.3rem;
        text-align: center;
        line-height: 30px;
        margin: 0 8px;
        display: inline-block;
        border-radius: 50%;
        background: var(--text-header);
        color: var(--footer);
    }
    
    .footer .footer_content .footer_info .footer_btn:hover a>i {
        animation: pulseInsta 1.5s ease infinite;
        color: var(--icon-card);
    }
    
    .footer .footer_content .footer_maps {
        position: absolute;
        right: 0;
    }
    
    .footer .footer_content .footer_maps iframe {
        width: 670px;
        height: 330px;
        border: none;
        transition: .3s;
    }
    
    .footer .footer_copyright {
        font-size: 1rem;
        color: var(--text-gray);
        text-align: center;
        padding: 20px;
    }
    /*   ========================== END - FOOTER
         =======================================  */