:root{
        --qetra-margin-sides: 24px;
        --qetra-max-width: 1440px;

        --qetra-background-grey: #FAFAFA;
    }

    /**/

    html {
      scroll-behavior: smooth;
      overflow-x: hidden !important;
      left: 0;
    }

    *{
        box-sizing: border-box;
        -webkit-tap-highlight-color: transparent;
    }

    body{
        font-family: "Inter", sans-serif;
        margin: 0;
        font-size: 15px;
    }

    .hide-element, .hide_element{
        display: none !important;
        margin: 0;
    }

    /**/

    .label{
        position: absolute;
        top: 0; right: 0;
        margin: 0;
        background: #429cda;
        color: #FFF;
        padding: 6px 10px;
        border-radius: 9999px;
        user-select: none;
        cursor: pointer;
        white-space: nowrap;
        font-size: 10px;
        margin-top: -15px;
        right: 4px;
        border-bottom-left-radius: 4px;
    }

    /**/

    .button{
        position: relative;
        width: max-content;
        border-radius: 999999px;
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        height: 44px;
        padding: 8px 24px;
        font-size: 13px;
        font-weight: 400;
        transition: all 200ms ease;
        cursor: pointer;
        text-decoration: none;
        user-select: none;
    }

    .button_primary{
        background: #FFF;
        color: #010101;
    }
    .button_primary:hover{
        opacity: .85;
    }

    .button_secondary{
        color: #FFF;
        outline: 1px solid #FFF;
    }
    .button_secondary:hover{
        opacity: .7;
    }

    .button_whatsapp{
        background: #085E54;
        color: #FFF;
    }
    .button_whatsapp:hover{
        background: #0d766a;
    }
    .button_whatsapp_icon{
        box-sizing: unset;
        width: 15px;
        margin-right: 8px;
        user-select: none;
        pointer-events: none;
    }

    .button_link{
        background: #1A73E8;
        color: #FFF;
    }
    .button_link:hover{
        opacity: .85;
    }

    /**/

    header{
        user-select: none;
        position: sticky;
        left: 0; top: 0; right: 0;
        height: 58px;
        widows: 100%;
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: center;
        z-index: 50;

        transition: all 200ms ease;
    }
    .header_content{
        width: 100%;
        max-width: var(--qetra-max-width);
        padding: 0px var(--qetra-margin-sides);
        display: flex;
        align-items: center;
        align-content: center;
        justify-content: space-between;
    }

    .header_left,.header_center, .header_right, .header_content a{
        width: max-content;
        display: flex;
        align-items: center;
        align-content: center;
    }

    .qetra{
        width: 77px;
    }

    .header_content .button{
        height: 33.8px !important;
        padding: 12px 16px;
    }

    .header_center{
        position: absolute;
        left: 0; right: 0;
        margin: auto;
        gap: 24px;
        font-size: 13px;
    }
    .header_center a{
        text-decoration: none;
        color: #FFF;
        cursor: pointer;
        width: max-content;
        transition: all 200ms ease;
        opacity: .7;
    }
    .header_center a:hover{
        opacity: 1;
    }

    .header_right{
        gap: 10px;
    }

    header .button_primary{
        display: none;
    }

    /**/

    .sticky, .header_white{
        background: #FFF;
        color: #010101;
    }
    .sticky .qetra, .header_white .qetra{
        filter: invert(1);
    }
    .sticky .header_center a, .header_white .header_center a{
        color: #010101;
    }

    .sticky .button_primary{
        background: #010101;
        color: #FFF;
        display: flex;
    }

    .sticky .button_secondary{
        color: #010101;
    }

    /**/

    .menu-open header{
        background: transparent !important;
    }
    .menu-open header .button_primary{
        background: #FFF !important;
        color: #010101 !important;
    }
    .menu-open header .qetra{
        filter: invert(0) !important;
    }
    .menu-open header .bar{
        stroke: #FFF !important;
    }

    /**/

    .header_white .button_primary{
        background: #F6F6F6;
        color: #010101;
    }
    .header_white .button_secondary{
        outline: 1px solid #F6F6F6;
        color: #010101;
    }

    /**/

    hero{
        background: #010101;
        background: linear-gradient(#8BA4B7, #F2EBDF);
        width: 100%;
        height: auto;
        margin-top: -58px;
        z-index: 1;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        align-content: flex-start;
        flex-wrap: wrap;
        padding-top: 160px;

        overflow: hidden;
    }
    .hero_transparent{
        background: transparent;
    }

    h1{
        font-size: 70px;
        margin: 0;
        font-weight: 400;
        color: #FFF;
        width: 100%;
        text-align: center;
        line-height: auto;
        margin-bottom: 30px;
        padding: 0 20px;
    }
    .spage h1{
        font-size: 72px;
        line-height: 85px;
    }

    h2{
        margin: 0;
        font-size: 19px;
        opacity: .85;
        width: 100%;
        text-align: center;
        font-weight: 400;
        color: #FFF;
        padding: 0 var(--qetra-margin-sides);
    }
    .spage h2{
        font-size: 18px;
    }

    hero .button{
        margin: 30px 0 60px 0;
    }

    .qetra_app{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        align-items: center;
    }
    .qetra_app_print{
        width: 270px;
        pointer-events: none;
        user-select: none;
        box-sizing: unset;
        z-index: 4;
    }

    .qetra_app_box_message{
        width: 340px;
        position: relative;
        background: #FFF;
        padding: 22px;
        border-radius: 18px;
        z-index: 5;
        position: absolute;
        left: 0; right: 0; margin: auto;
        bottom: 20px;

        display: none;
    }
    .qetra_app_box_message_media{
        width: 100%;
        pointer-events: none;
        user-select: none;
    }

    .qetra_app_box_message_title{
        font-size: 11px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        align-content: center;
        gap: 5px;
        opacity: .6;
        margin: 0;
        margin-top: 8px;
    }
    .qetra_app_box_message_title img{
        box-sizing: unset;
        width: 13px;
        pointer-events: none;
        user-select: none;
    }

    /**/

    .different{
        background: #F4F5F0;
        width: 100%;
        height: auto;
        position: relative;
        display: block;
        padding: 50px var(--qetra-margin-sides);
    }

    h3{
        width: 100%;
        text-align: center;
        margin: 0;
        font-weight: 500;
        font-size: 62px;
        font-size: ;
        color: #111111;
        margin-bottom: 30px;
        display: flex;
        justify-content: center;
        align-items: flex-end;
    }
    .spage h3{
        font-size: 35px;
        max-width: 600px;
        margin: auto;
        margin-bottom: 30px;
    }

    .text_center{
        width: 100%;
        text-align: center;
        margin: 0;
        font-weight: 400;
        opacity: .55;
        font-size: 16px;
        max-width: 620px;
        margin: auto;
    }

    /**/

    #funcionalidades{
        margin-top: 80px;
    }

    /**/

    .trust-by{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        gap: 90px;
        opacity: .8;
        margin: 20px 0;

        align-content: center;
        justify-content: center;
        align-items: center;
        justify-items: center;
    }
    .trust-by img{
        box-sizing: unset;
        width: 150px;
        pointer-events: none;
        user-select: none;
    }

    /**/

    .highlight{
        width: 100%;
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
        position: relative;
        display: grid;
        margin-top: 100px;
    }

    .highlight_feature_cover{
        width: 100%;
        height: 350px;
        object-fit: cover;
        border-radius: 12px;
        user-select: none;
        pointer-events: none;
        box-sizing: unset;
        margin-bottom: 12px;
        background: #E8E9E7;
    }

    .highlight_feature_title{
        font-size: 15px;
        font-weight: 500;
        margin: 0;
        margin-bottom: 4px;
    }
    .highlight_feature_text{
        font-size: 14px;
        font-weight: 400;
        opacity: .5;
        margin: 0;
    }

    .highlight_text_end{
        width: 100%;
        text-align: center;
        margin-top: 90px;
        margin-bottom: 40px;
    }

    /**/

    .space{
        padding: 100px var(--qetra-margin-sides);
    }

    .toggle{
        width: 60px;
        box-sizing: unset;
        user-select: none;
        pointer-events: none;
        position: relative;
        display: block;
        margin: auto;
        margin-top: -26px;
        margin-bottom: 45px;
    }

    /**/

    .more{
        width: 100%;
        grid-template-columns: repeat(4, 1fr);
        gap: 12px;
        position: relative;
        display: grid;
        margin-top: 100px;
    }

    .more_feature{
        width: 100%;
    }
    .more_feature_icon{
        box-sizing: unset;
        width: 21px;
        user-select: none;
        pointer-events: none;
        margin-bottom: 12px;
    }

    /**/

    .by_client{
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        flex-wrap: wrap;
        padding: 50px var(--qetra-margin-sides);
    }
    .by_client_title{
        font-size: 29px;
        font-weight: 500;
        text-align: center;
        max-width: 700px;
        margin: auto;
    }
    .by_client_author{
        width: 100%;
        font-size: 14px;
        opacity: .7;
        text-align: center;
    }


    .by_client_left{
        width: 100%;
        height: 400px;
        max-width: 300px;
        border-radius: 12px 0px 0px 12px;
        object-fit: cover;
        pointer-events: none;
        user-select: none;
    }
    .by_client_right{
        width: 100%;
        height: 400px;
        max-width: 700px;
        background: #1D1D1D;
        padding: 55px;
        border-radius: 0px 12px 12px 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        flex-wrap: wrap;
    }
    .by_client_right p{
        color: #FFF;
    }


    /**/

    .faq-container {
        padding: 80px var(--qetra-margin-sides);
        position: relative;
        width: 100%;
        text-align: center;
        left: 0; right: 0;
    }
    .faq-container h2{
        margin-bottom: 32px !important;
    }
    .faq-item {
        border-radius: 12px;
        text-align: left;
        overflow: hidden;
        margin: auto;
        transition: background 0.2s ease-in;
        max-width: 652px;
    }
    .faq-item:last-of-type{
        margin-bottom: 0px;
    }
    .faq-item:hover {
    }
    .faq-item .content-inner a{
        text-decoration: none;
        color: #1A73E8;
    }
    .faq-summary {
        padding: 20px 0px;
        font-size: 16px;
        font-weight: 500;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        user-select: none;
    }
    .icon::after {
        content: '';
        width: 8px;
        height: 8px;
        border-right: 1.9px solid #000;
        border-bottom: 1.9px solid #000;
        transform: rotate(45deg);
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        display: block;
        margin: 6px;
        margin-left: 10px;
        margin-bottom: 2px;
    }
    .faq-item.open .icon::after {
        transform: rotate(-135deg);
        margin-bottom: -2px;
    }
    .content {
        overflow: hidden;
        height: 0;
        transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .content-inner {
        padding: 20px;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
    }
    .content p {
        margin: 0;
        font-size: 16px;
        line-height: 1.5;
        opacity: 0.6;
    }

    /**/

    .faq-whatsapp{
        margin-top: 32px;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center !important;
        justify-content: center !important;
        align-content: center !important;
        background: transparent !important;
        gap: 14px;
    }
    .faq-whatsapp p{
        width: 100%;
        text-align: center;
        margin: 0;
        color: var(--qetra-color-white);
    }

    /**/

    .compare_choose{
        width: 100%;
        height: 100svh;
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        margin-top: -58px;
        flex-wrap: wrap;
    }
    .compare_choose h1, .compare_choose h2{
        color: #010101;
    }

    .compare_choose_grid{
        width: max-content;
        position: relative;
        display: grid;
        align-items: center;
        justify-content: center;
        align-content: center;
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
        margin-top: 60px;
    }

    .compare_choose_grid_app{
        width: max-content;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        text-decoration: none;
        color: #010101;

        transition: all 200ms ease;
    }
    .compare_choose_grid_app:hover{
        transform: scale(0.95);
    }

    .compare_choose_grid_app_icon{
        width: 80px;
        height: 80px;
        border-radius: 16px;
        object-fit: cover;
        pointer-events: none;
        user-select: none;
        background: #DEDEDE;
    }

    .compare_choose_grid_app_name{
        position: relative;
        display: block;
        text-align: center;
        opacity: .55;
        width: 100%;
        font-size: 13px;
    }

    .compare_choose_click{
        width: 100%;
        max-width: 100%;
        text-align: center;
        position: relative;
        display: block;
        font-size: 13px;
        margin-top: 50px;
    }

    /**/

    .compare{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        margin-bottom: 34px;
        gap: 35px;
    }

    .compare_vs{
        width: 70px;
        box-sizing: unset;
        pointer-events: none;
        user-select: none;
        position: relative;
        display: block;
    }

    .compare_icon{
        width: 110px;
        height: 110px;
        aspect-ratio: 1/1;
        border-radius: 24px;
        object-fit: cover;
        pointer-events: none;
        user-select: none;
    }

    .compare_section{
        width: 100%;
        padding: 80px var(--qetra-margin-sides);
        background: var(--qetra-background-grey);
    }

    .compare_table{
        width: 100%;
        max-width: 790px;
        left: 0; right: 0;
        margin: 60px auto;
        margin-bottom: 40px;
        position: relative;
        display: block;
    }
    .compare_table_line{
        width: 100%;
        min-height: 53px;
        height: auto;
        padding: 14px 0px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        align-content: center;
        border-bottom: 1px solid #e5e5e5;
    }
    .compare_table_line:last-of-type{
        border-bottom: unset;
    }

    table th, table td{
        font-weight: 400;
    }

    .sr-only{
      position: absolute;
      width: 1px; height: 1px;
      padding: 0; margin: -1px;
      overflow: hidden;
      clip: rect(0,0,0,0);
      white-space: nowrap;
      border: 0;
    }

    thead{
        position: sticky;
        top: 58px; left: 0; right: 0;
        z-index: 10;
        background: var(--qetra-background-grey);
        border-bottom: 1px solid #e5e5e5;
    }


    .compare_table_line p{
        margin: 0;
        font-size: 15px;
    }
    .compare_table_line_left{
        width: 80%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        align-content: center;
        text-align: left;
    }
    .compare_table_line_left p{
        opacity: .65;
    }
    .compare_table_line_right{
        width: 10%;
        min-width: 130px;
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
    }

    .compare_table_line_right_vs{
        opacity: .4;
    }
    .compare_table_line_right_text p{
        font-size: 12px;
        opacity: .5;
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        text-align: center;
    }
    .compare_table_line_right_icon{
        box-sizing: unset;
        width: 24px;
        user-select: none;
        pointer-events: none;
    }

    .compare_table_line_right p img{
        box-sizing: unset;
        width: 26px;
        user-select: none;
        pointer-events: none;
    }

    /**/

    .plan_toggle_main{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        align-items: center;
        margin-top: 50px;
    }
    .plan_toggle {
        margin: auto;
        height: 100%;
        display: inline-flex;
        align-items: center;
        padding: 5px;
        gap: 8px;
        background: #eeeeee;
        border: 1px solid #e2e2e2;
        border-radius: 999px;
        width: max-content;
    }

    /* esconde os radios mas mantém-nos acessíveis por teclado */
    .plan_toggle input {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }

    .plan_toggle label {
        height: 38px;
        display: inline-flex;
        align-content: center;
        text-align: center;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        font-size: 14px;
        padding: 8px 14px;
        font-weight: 400;
        color: #555555;
        cursor: pointer;
        user-select: none;
        transition: all .25s ease;
        gap: 8px;
        min-width: 100px;
    }

    .plan_toggle input:checked + label {
        background: #010101;
        color: #fff;
    }

    .plan_badge {
        border-radius: 999px;
        background: #1a73e8;
        color: #FFF;
        font-size: 13px;
        margin: 0;
        width: max-content;
        padding: 4px 10px;
        opacity: .8;
    }

    .plan_toggle input:checked + label .plan_badge{
        opacity: 1;
    } 

    .plan_tax{
        width: 100%;
        position: relative;
        display: block;
        text-align: center;
        font-size: 12px;
        opacity: .7;
        margin-top: 14px;
    }

    .prices_trust_flex{
        position: relative;
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
        align-items: center;
        gap: 30px;
        margin: 0;
        margin-top: 130px;
    }

    .prices_trust_flex p{
        display: flex;
        align-items: center;
        justify-content: center;
        align-items: center;
        width: max-content;
        font-size: 14px;
        opacity: .6;
        gap: 5px;
        margin: 0;
    }
    .prices_trust_flex p img{
        box-sizing: unset;
        width: 17px;
        user-select: none;
        pointer-events: none;
    }

    .price_plans{
        width: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        gap: 12px;
        margin: 60px 0;
    }

    .plan{
        width: 100%;
        max-width: 370px;
        padding: 26px;
        border-radius: 14px;
        overflow: hidden;
        position: relative;
        display: block;
        border: 1px solid #E5E3E3;
    }
    .plan_promo{
        border: 1px solid #1A73E8;
    }

    .plan_bar{
        position: absolute;
        left: 0; top: 0; right: 0;
        background: #515151;
        color: #FFF;
        text-align: left;
        margin: 0;
        padding: 18px 26px;
        height: 60px;
        font-size: 14px;

        display: flex;
        align-items: center;
        justify-content: space-between;
        align-content: center;
    }
    .plan_bar span{
        position: relative;
        display: block;
        width: max-content;
        border-radius: 9999px;
        background: #FFF;
        color: #010101;
        padding: 8px 12px;
        user-select: none;
        font-size: 11px;
        margin: 0;
    }
    .plan_promo_bar{
        background: #1A73E8;
        color: #FFF;
    }

    .plan_price{
        margin: 0;
        font-size: 25px;
        font-weight: 500;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        align-content: center;
        gap: 8px;

        margin-top: 10px;
    }
    .plan_price_annual_before_discount{
        position: relative;
        display: block;
        opacity: .24;
        text-decoration: line-through;
    }
    .plan_price_more_user{
        margin: 0;
        font-size: 15px;
        margin-top: 5px;
        margin-bottom: 30px;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        align-content: flex-start;
        gap: 8px;
    }

    .plan_trust_all{
        width: 100%;
        margin: 10px 0;
        margin-top: 30px;
        position: relative;
        display: block;
    }

    .plan_trust{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        align-content: center;
        font-size: 14px;
        gap: 7px;
        opacity: .7;
    }
    .plan_trust img {
        box-sizing: unset;
        width: 16px;
        user-select: none;
        pointer-events: none;
    }

    .plan .button{
        width: 100%;
        background: #1a73e8;
        color: #FFF;
    }

    .plan_no_card{
        width: 100%;
        text-align: center;
        opacity: .5;
        margin: 0;
        margin-top: 14px;
        font-size: 12px;
    }

    .plan_legal_info{
        width: 100%;
        text-align: center;
        font-size: 12px;
        opacity: .5;
        position: relative;
        display: block;
        margin: 0;

        margin-bottom: 80px;
    }

    /**/

    .faqs_page{
        width: 100%;
        padding: var(--qetra-margin-sides);
    }
    .faqs_page .faq-item{
        background: #FAFAFA;
        padding: 0px;
        border-radius: 14px;
        margin-bottom: 14px;
    }
    .faqs_page .faq-summary{
        padding: 26px;
    }
    .faqs_page .content-inner{
        padding: 26px;
        padding-top: 0px;
    }
    .faqs_page .icon::after {
        position: relative;
        top: -3px;
    }
    .faqs_page .faq-item.open .icon::after {
        top: -1px;
    }

    /**/

    .madefor{
        width: 100%;
        max-width: 1470px;
        margin: auto;
        padding: var(--qetra-margin-sides);
        display: grid;
        align-items: flex-start;
        justify-content: center;
        align-content: flex-start;
        grid-template-columns: repeat(6, 1fr);
        gap: 10px;
        position: relative;
        overflow: hidden;

        margin-top: 50px;
    }
    .madefor_column{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
    .madefor_column img{
        width: 100%;
        aspect-ratio: 210 / 290;
        border-radius: 12px;
        object-fit: cover;
        pointer-events: none;
        user-select: none;
        margin: 0;
    }

    .madefor_column_one{
        margin-top: 8vh;
    }
    .madefor_column_two, .madefor_column_four{
        margin-top: 20vh;
    }
    .madefor_column_five{
        margin-top: 4vh;
    }
    .madefor_column_six{
        margin-top: 11vh;
    }

    .lastcall{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        flex-wrap: wrap;
        margin-top: 65px;
    }
    .lastcall p{
        width: 100%;
        text-align: center;
        margin: 0;
        font-size: 13px;
        opacity: .6;

        margin-top: -10px;
        margin-bottom: 50px;
    }
    .lastcall .button_primary{
        background: #010101;
        color: #FFF;
    }

    /**/

    .info_legal{
        width: 80%;
        padding: 40px var(--qetra-margin-sides);
        padding-bottom: 0px;
        margin: 0 auto;
        font-size: 12px;
        color: #010101;
        opacity: .6;
        text-align: left;
    }

    /**/

    .new_link{
        width: 100%;
        height: 100svh;
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        margin-top: -58px;
        flex-wrap: wrap;
    }
    .new_link h1{
        color: #010101;
    }

    /**/

    footer{
        width: 100%;
        height: auto;
        position: relative;
        display: block;
        padding: 100px var(--qetra-margin-sides);
        padding-bottom: 0px;
        font-size: 13px;
        color: #010101;
    }

    .footer_top{
        width: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        align-content: flex-start;
        gap: 20px;
    }
    .footer_top_left{
        width: max-content;
    }
    .footer_top_left p{
        margin: 0;
        font-size: 20px;
        font-weight: 500;
    }
    footer .button_primary{
        margin-top: 12px;
        background: #010101;
        color: #FFF;
    }
    .footer_top_right{
        width: max-content;
        display: flex;
        align-items: flex-start;
        align-content: flex-start;
        justify-content: flex-end;
    }
    .footer_links{
        width: 200px;
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
    }
    .footer_links_title{
        width: max-content;
        position: relative;
        display: block;
        margin: 0;
        opacity: .5;
    }

    .footer_links a{
        width: 100%;
        text-decoration: none;
        color: #010101;
        opacity: .8;
        transition: all 200ms ease;
    }
    .footer_links a:hover{
        opacity: 1;
    }

    .footer_bottom{
        width: 100%;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        align-content: center;
        margin-top: 80px;
        padding: 40px 0;
        border-top: 0.5px solid #DEDEDE;
    }

    .footer_bottom_legal{
        width: max-content;
        margin: 0;
        font-size: 13px;
        opacity: .4;
    }

    .footer_social{
        width: max-content;
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        gap: 12px;
    }
    .footer_social a{
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        opacity: .5;
        transition: all 200ms ease;
    }
    .footer_social a:hover{
        opacity: 1;
    }
    .footer_social img{
        user-select: none;
        pointer-events: none;
        box-sizing: unset;
        width: 17px;
        filter: invert(1);
    }


    /**/

    .legal{
        width: 100%;
        max-width: 655px;
        position: relative;
        display: block;
        left: 0; right: 0;
        margin: auto;
        padding-bottom: 100px;
        margin-top: 100px;
    }

    .legal h1{
        font-size: 40px;
        text-align: left;
        color: #010101;
        padding: 0px;
    }

    intro{
        font-size: 18px;
        font-weight: 500;
        margin-top: 48px;
        position: relative;
        display: block;
    }

    .legal p b{
        position: relative;
        width: 100%;
        opacity: 1;
        font-size: 17px;
    }
 
    /**/

    .large{
        display: block;
    }
    .small{
        display: none;
    }

    /**/

    .black{
        color: #010101;
    }

    /**/

    .space_top{
        margin-top: 70px;
    }

    /**/

    .menu-toggle {
      background: none;
      border: none;
      cursor: pointer;
      padding: 8px;
      padding-right: 0px;
      display: none;
    }

    .bar {
      stroke: #FFF;
      stroke-width: 2.5;
      stroke-linecap: round;
      transform-box: fill-box;
      transform-origin: center;
      transition: transform 0.3s ease;
    }

    #menuBtn.open #l1 {
      transform: translateY(5px) rotate(45deg);
    }

    #menuBtn.open #l2 {
      transform: translateY(-4px) rotate(-45deg);
    }
    .sticky .bar{
        stroke: #010101;
    }

    /**/

    .header_white .bar{
        stroke: #010101;
    }

    /**/

    menu{
        width: 100%;
        height: 100vh;
        background: #111110;
        padding: 24px;
        position: fixed;
        display: flex;
        flex-wrap: wrap;
        align-content: space-between;
        justify-content: center;
        align-items: center;
        left: 0; top: 0; right: 0; bottom: 0;
        margin: auto;
        z-index: -49;
        padding-top: calc(64px + 12px);

        visibility: hidden;
        transition: all 250ms ease;
        opacity: 0;
    }
    .menu-open menu{
        visibility: visible;
        z-index: 49;
        opacity: 1;
    }

    .menu-links{
        width: 100%;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }
    .menu-link{
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        align-content: center;
        width: 100%;
        padding: 24px;
        color: #FFF;
        background: #1c1c1b;
        border-radius: 12px;
        font-size: 19px;
        font-weight: 400;
        text-decoration: none;
        transition: all 200ms ease;
    }
    .menu-link:hover{
        background: #2a2a28;
    }

    .menu-link img{
        box-sizing: unset;
        pointer-events: none;
        user-select: none;
        width: 20px;
    }

    .menu-social{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        align-content: center;
        gap: 14px;
    }

    .menu-social a{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        align-content: center;
        text-decoration: none; 
        opacity: .7;
    }

    .menu-social img{
        box-sizing: unset;
        width: 19px;
        user-select: none;
        pointer-events: none;
    }

    /**/

    hero.download_app{
        background: transparent;
    }

    hero.download_app h2{
        font-size: 14px;
    }

    .download_app_where{
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        gap: 6px;
        margin-bottom: 6px;
    }

    .download_app_icon_store{
        box-sizing: unset;
        width: 18px;
        user-select: none;
        pointer-events: none;
        margin-bottom: 5px;
    }

    .download_app_icon_store_google{
        width: 17px;
        margin-bottom: 4px;
    }

    #download_app_badges{
        width: 100%;
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: center;
        gap: 12px;

        margin-top: 35px;
        margin-bottom: 45px;
        position: relative;
    }

    .download_app_badge img{
        user-select: none;
        box-sizing: unset;
        width: 140px;
        cursor: pointer;
    }
    .download_app_badge:hover{
        opacity: .76;
    }

    #download_app_badges #download_app{
        margin: 0px !important;
    }

    /**/

    @media only screen and (max-width: 1049px) {

        .by_client{
            padding: 25px var(--qetra-margin-sides);
        }

        .by_client_left{
            height: 370px;
            border-radius: 12px 12px 0px 0px;
            max-width: 100% !important;
        }
        .by_client_right{
            border-radius: 0px 0px 12px 12px;
            padding: 70px 24px;
            height: auto;
            max-width: 100% !important;
        }


    }

    /**/

    @media only screen and (max-width: 999px) {

        .madefor_column{
            width: 27.5vw;
        }

        .madefor_column_one{
            margin-top: 58px;
        }

        .madefor_column_two, .madefor_column_four{
            margin-top: 77px;
        }

        .madefor_column_five{
            margin-top: 29px;
        }

        .madefor_column_six{
            margin-top: 80px;
        }


        /**/

        .footer_top{
            flex-wrap: wrap;
        }
        .footer_top_left, .footer_top_right{
            width: 100%;
            justify-content: flex-start;
        }
    }

    @media only screen and (max-width: 910px) {
        .header_center{
            display: none;
        }

        .menu-toggle {
            display: block;
        }
    }

    /**/

    @media only screen and (max-width: 800px) {

        .large{
            display: none;
        }
        .small{
            display: block;
        }

        /**/

        header{
            height: 64px;
        }

        .header_center, .header_right .button_secondary{
            display: none;
        }

        .menu-toggle{
            display: block;
        }

        /**/

        hero{
            margin-top: -64px;
        }

        h1{
            font-size: 10vw;
            line-height: auto;
            margin-bottom: 20px;
        }
        .spage h1{
            font-size: 9vw;
            line-height: 9vw;
        }

        h2{
            font-size: 4vw;
        }
        .spage h2{
            font-size: 16px;
        }

        h3{
            font-size: 7.3vw;
        }
        .spage h3{
            font-size: 6vw;
        }

        .text_center{
            font-size: 15px;
        }

        /**/

        .trust-by{
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 12px;
        }

        /**/

        .highlight{
            grid-template-columns: repeat(1, 1fr);
            gap: 38px;
        }

        /**/

        .toggle{
            width: 40px;
            margin-top: -20px;
        }

        /**/

        .more{
            grid-template-columns: repeat(1, 1fr);
            gap: 38px;
        }

        /**/

        .compare_choose_grid{
            gap: 0px;
        }

        .compare_choose_grid_app{
            width: 115px;
        }

        /**/

        .compare{
            gap: 12px;
        }

        .compare_icon{
            width: 90px;
            height: 90px;
        }

        thead{
            top: 64px;
        }

        .compare_table_line_right{
            min-width: 96px;
        }
        .compare_table_line_right_text p{
            text-align: center;
        }

        /**/

        .prices_trust_flex{
            width: 100%;
            flex-wrap: wrap;
            gap: 18px;
            margin-top: 100px;
        }

        .price_plans{
            flex-wrap: wrap;
            padding: 0 var(--qetra-margin-sides);
        }

        /**/

        .info_legal{
            width: 100%;
        }

        /**/

        .legal{
            margin-top: 60px;
            padding: 0 var(--qetra-margin-sides);
        }

        /**/

        .new_link h1{
            font-size: 8vw;
        }

        /**/

        footer{
            padding: 60px var(--qetra-margin-sides);
            padding-bottom: 0px;
        }

        .footer_top{
            flex-wrap: wrap;
        }

        .footer_top_right{
            margin-top: 30px;
            width: 100%;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 35px;
        }

        .footer_links{
            width: 100%;
        }

        .footer_bottom{
            margin-top: 45px;
            flex-wrap: wrap;
        }
        .footer_bottom_legal{
            width: 100%;
        }
        .footer_social{
            width: 100%;
            justify-content: flex-start;
            margin-top: 15px;
        }
    }

    /* iframe terms inside app */

    .hide_nav_elements header, .hide_nav_elements footer{
        display: none;
    }
    .hide_nav_elements h1{
        display: none;
    }

    .hide_nav_elements, .hide_nav_elements intro{
        font-size: 13px;
    }

    .hide_nav_elements .legal{
        margin-bottom: calc(80px + env(safe-area-inset-bottom) + env(safe-area-inset-top));
    }