/*--------------------------------------------------------------
# Media Querys
--------------------------------------------------------------*/

/* Default
--------------------------------------------- */

@media only screen and (max-width: 364px) {
    /* Estilos para dispositivos com largura máxima de 360px */
    .header-button{
        padding: 0.875em 1.25em;
    }

    a.primary{
        padding: 0.875em 1.5em !important
    }

    #my-account-sidebar{
        display: none;
    }

    #my-account-w-sidebar{
        grid-template-columns: 100%;
    }


    #calculate .swiper-slide{
        padding: 20px 15px !important;
    }
}

@media only screen and (max-width: 768px) {
    /* Estilos para dispositivos com largura máxima de 767px */

    #calculateValuesCanvas,  #calculateFeesCanvas, #recalculateValuesAmountCanvas, #recalculateValuesPortionCanvas, #recalculateFeesCanvas{
        min-height: auto;
        max-height: auto;
    }

    #plans-and-values{
        grid-template-columns: 100%;
    }

    #open-mini-cart svg *{
        fill: #FF6600;
    }

    #open-mini-cart{
        padding: 0 4px;
    }

    #header .aux-mobile-alignment > nav{
        display: none;
    }

    #header .aux-mobile-alignment #nav{
        order: 1;
    }

    #header .aux-mobile-alignment #cta{
        order: 2;
    }

    #header .aux-mobile-alignment #open-mini-cart{
        order: 3;
    }


    #header .logo{
        display: none;
    }

    #header #primary_menu{
        display: none;
    }

    #header{
        height: auto;
        position: relative;
        box-shadow: none;
        background: none;
        width: 100%;
        padding: 10px;
        z-index: 1;
    }

    #mini-cart-content{
        position: fixed;
        background-color: #fff;
        bottom: 0;
        top: 0;
        width: 100%;
        max-width: 100%;
        height: 100%;
        overflow-y: auto;
        right: -100%;
        transition: transform .5s cubic-bezier(0.9, 0, 0.1, 1);
        z-index: 99;
        box-shadow: 0 0 .5em 0 #16161640;
        font-size: 14px;
    }
    
    #mini-cart-content.active{
        transform: translate(-100%, 0);
        overflow-y: auto;
        height: 100vh;
    }

    h1{
        font-size: 1.5em !important;
        line-height: 1.3em !important;
    }

    h2{
        font-size: 1.4em !important;
        line-height: 1.3em !important;
    }

    h3{
        font-size: 1.2em !important;
        line-height: 1.3em !important;
    }

    #post-page, #blog-page{
        display: block !important;
    }

    #edit-profile-section{
        padding: 1.5em 2em !important;
    }

    .step-calc{
        padding: unset !important;
    }

    .calc-container{
        padding: 2em 1.5em !important;
    }


    #my-account-sidebar.my-account-sidebar-mobile-menu{
        display: block !important;
        padding: unset !important;
        max-width: unset !important;
    }

    #my-account-sidebar{
        display: none;
    }

    #my-account-w-sidebar{
        grid-template-columns: 100%;
    }

    #list-saved-report-w-sidebar{
        grid-template-columns: 100%;
    }

    .saved-calculation-list-div{
        padding: 0;
    }

    .calc-container-tools{
        position: absolute;
        right: 0;
        top: -2%;
        display: grid;
        grid-auto-flow: column;
        grid-gap: 0.5em;
        justify-items: center;
    }

    .edit-container-tools{
        position: absolute;
        right: 0;
        top: -2%;
        display: grid;
        grid-auto-flow: column;
        grid-gap: 0.5em;
        justify-items: center;
    }

    #header-mobile{
        transition: all 0.5s ease;
        box-shadow: unset;
    }

    #header-mobile.bg-color-transition{
        box-shadow: 0px 3px 6px 0px rgba(204,204,204,0.4) !important;
        background: #fff;
    }

    #list-saved-calculation-w-sidebar{
        grid-template-columns: 100%;
    }

    #list-saved-calculation-w-sidebar #my-account-sidebar{
        display: none;
    }

    #header-desktop {
        display: none;
    }

    #header-tablet {
        display: none;
    }

    .hide-on-mobile {
        display: none;
    }

    .w-100-mobile{
        width: 100% !important;
    }

    .calc-input-area-left{
        padding: 0 !important;
    }

    .calc-input-area-right{
        padding: 0 !important;
    }

    .input-area-left{
        padding: 0 !important;
    }

    .input-area-right{
        padding: 0 !important;
    }

    .calc-container-title{
        width: 100% !important;
    }

    .container-buttons{
        grid-template-columns: 100% !important;
        grid-gap: 0 !important;
        row-gap: 10% !important; 
    }

    .container-buttons.container-button-with-loader {
        grid-template-columns: 100% !important;
    }

    .loader.mobile-absolute-loader {
        position: absolute !important;
        transform: translate(-50%, -50%) !important;
        left: 50% !important;
        top: 50% !important;
    }

    .all-calculation-complete-content{
        max-height: 35vh;
        overflow: auto;
        padding: 0.5em;
    }

    .loader{
        margin: 0 auto;
    }

    .title-calc{
        display: none;
    }

    .swiper-pagination-fraction {
        color: #6B7280;
        font-size: 1em;
        font-family: 'Open Sans', sans-serif;
    }

    #calc-results{
        padding: 0.5em 0.5em 2.5em 0.5em;
    }

    #calc-results .swiper-button-prev{
        bottom: -0.25em !important;
        top: auto;
        width: calc(var(--swiper-navigation-size)/ 10 * 27);
    }
    
    #calc-results .swiper-button-next{
        bottom: -0.25em !important;
        top: auto;
        width: calc(var(--swiper-navigation-size)/ 10 * 27);
    }
    
    #calc-results .swiper-button-prev:after{
        content: url('/wp-content/uploads/2023/07/Calculo-Revisional-prev-orange.png');
    }
    
    #calc-results .swiper-button-next:after{
        content: url('/wp-content/uploads/2023/07/Calculo-Revisional-next-orange.png');
    }

    #combo-form .combos{
        overflow: hidden !important;
    }

    
    #recalc-results{
        padding: 0.5em 0.5em 2.5em 0.5em;
    }

    #recalc-results .swiper-button-prev{
        bottom: -0.25em !important;
        top: auto;
        width: calc(var(--swiper-navigation-size)/ 10 * 27);
    }
    
    #recalc-results .swiper-button-next{
        bottom: -0.25em !important;
        top: auto;
        width: calc(var(--swiper-navigation-size)/ 10 * 27);
    }
    
    #recalc-results .swiper-button-prev:after{
        content: url('/wp-content/uploads/2023/07/Calculo-Revisional-prev-orange.png');
    }
    
    #recalc-results .swiper-button-next:after{
        content: url('/wp-content/uploads/2023/07/Calculo-Revisional-next-orange.png');
    }

    .step-calc-w-text-aux {
        margin-bottom: 0.8em !important;
    }

    .text-aux {
        margin-bottom: 2em !important;
    }

    #cta-report .div-inside-banner {
        padding: 0.75em 0.9375em !important;
    }

    #cta-calculation .div-inside-banner {
        padding: 0.75em 0.9375em !important;
    }

    #blog-page {
        display: grid;
        grid-template-columns: 100%;
        column-gap: 2%;
        row-gap: 5%;
    }
    
    #blog-search-page {
        display: grid;
        grid-template-columns: 100%;
        column-gap: 2%;
        margin-top: 1em;
        row-gap: 5%;
    }

        
    #archive-page {
        display: grid;
        grid-template-columns: 100%;
        column-gap: 2%;
        margin-top: 1em;
        row-gap: 5%;
    }

    #post-page {
        display: grid;
        grid-template-columns: 100%;
        column-gap: 2%;
        margin-top: 1em;
        row-gap: 5%;
    }
    #blog-sidebar{
        padding-top: 1em;
        border-top: 1px solid #D1D5DB;
    }

    .credits-info{
        display: grid;
        grid-template-columns: 49% 49%;
        column-gap: 2%;
    }
    
    .credits-info > div{
        background: #ff6600;
        border-radius: 0.625em;
        color: #fff;
        font-family: 'Open Sans', sans-serif;
        font-size: 1em;
        line-height: 1.5em;
        text-align: center;
        padding: 0.75em 0;
    }
    
    .credits-info > div .counter{
        background: #fff;
        border-radius: 0.625em;
        font-size: 1.125em;
        line-height: 1.375em;
        text-align: center;
        padding: 0.375em;
        letter-spacing: 3px;
        color: #5B5A5A;
        font-weight: 700;
        display: inline-block;
        margin-left: 0.5em;
        margin-right: 0;
    }

    #list-saved-calculation .foreach-in-calcs li{
        flex-wrap: wrap;
    }

    #list-saved-calculation .foreach-in-calcs li .text{
        text-align: center;
        width: 100%;
        margin-bottom: 0.75em;
    }

    #list-saved-calculation .foreach-in-calcs li .buttons{
        display: flex;
        justify-content: center;
        width: 100%;
        margin-bottom: 0.75em;
        gap: 2%;
    }

    #login-page{
        padding: 1.25em 0;
    }

    #redefine-page{
        padding: 1.25em 0;
    }

    #recover-page{
        padding: 1.25em 0;
    }


    #recover-password-form .create-account-container-tools{
        top: 0% !important;
        right: -95% !important;
        width: 15%!important;
    }

    .adjust-vh{
        min-height: auto !important;
    }
    
    
    #login-section{
        padding: 1.5em 1.75em !important;
    }

    .saved-calculation-container input:not(input[type="radio"]),
    .saved-calculation-container select{
        width: 100% !important;
        text-align: center;
        margin-bottom: 1em;
    }

    #pdf-canvas{
        width: 100%;
        height: auto;
    }

    #calculate .ui-autocomplete{
        max-width: 30vw !important;
    }

    #calc-results-slider .swiper-button-prev, #recalc-results-slider .swiper-button-prev, #results-graphs .swiper-button-prev, #complementary-data .swiper-button-prev{
        right: 21%;
    }

    #calc-results-slider .swiper-pagination, #recalc-results-slider .swiper-pagination, #results-graphs .swiper-pagination, #complementary-data .swiper-pagination{
        width: 25%;
    }
    
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    /* Estilos para dispositivos com largura entre 768px e 1023px */

    #my-account-sidebar{
        display: none;
    }

    #my-account-w-sidebar{
        grid-template-columns: 100%;
    }


    .saved-calculation-container input:not(input[type="radio"]),
    .saved-calculation-container select{
        width: 85% !important;
        text-align: center;
    }

    #cards-contact{
        display: grid;
        grid-template-columns: 49% 49%;
        column-gap: 2%;
        row-gap: 5%;
        align-items: center;
    }

    .text-center-tablet{
        text-align: center;
    }

    .hide-on-tablet{
        display: none;
    }

    .phone-padding-tablet {
        padding: 0 20%;
    }

    #header-tablet{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #header-tablet .d-flex{
        align-items: center;
        justify-content: space-between;
    }

    #header-tablet .menu-toggle .hamburguer-menu {
        display: inline-block;
        cursor: pointer;
        margin-right: 0.5em;
    }

    #header-tablet .menu-toggle .hamburguer-menu .bar1{
        width: 1.25em;
        height: 0.1875em;
        background-color: #FF6600;
        margin: 0.1875em 0;
    }
    
    #header-tablet .menu-toggle .hamburguer-menu .bar2{
        width: 1.25em;
        height: 0.1875em;
        background-color: #FF6600;
        margin: 0.1875em 0;
    }
    
    #header-tablet .menu-toggle .hamburguer-menu .bar3{
        width: 10px;
        height: 0.1875em;
        background-color: #FF6600;
        margin: 0.1875em 0;
    }

    #header-tablet .menu-toggle .menu-list-header .hamburguer-menu {
        display: inline-block;
        cursor: pointer;
        margin-right: 0.5em;
    }
    
    #header-tablet .hamburguer-menu-list-item .menu-list-header .close-hamburguer-menu {
        display: inline-block;
        cursor: pointer;
        margin-right: 0.5em;
    }

    #header-tablet .hamburguer-menu-list-item .menu-list-header .close-hamburguer-menu .bar1{
        width: 1.25em;
        height: 0.1875em;
        background-color: #FF6600;
        margin: 0.1875em 0;
        transform: translate(0, 0.3125em) rotate(-45deg);
    }
    
    #header-tablet .hamburguer-menu-list-item .menu-list-header .close-hamburguer-menu .bar2{
        width: 10px;
        height: 0.1875em;
        background-color: #FF6600;
        margin: 0.1875em 0;
        transform: translate(0, -0.4375em) rotate(45deg);
    }

    #header-tablet .hamburguer-menu-list-item{
        position: fixed;
        background-color: #fff;
        bottom: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        transform: translate(-100%, 0);
        transition: transform 0.5s  cubic-bezier(0.9, 0, 0.1, 1);
        z-index: 99;
        left: 0;
    }
    
    #header-tablet hr.hr-hamburguer-menu{
        border: 0.0625em solid #B6B6B6;
        width: 100%;
        margin: 1.5em 0;
    }
    
    #header-tablet .social-logins{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        width: 80%;
        margin: 0 auto;
    }
    
    #header-tablet .hamburguer-menu-list-item .menu-list-header{
        padding: 1em 1em 0 1em;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    
    #header-tablet .hamburguer-menu-list-item.active{
        transform: none;
    }
    
    #header-tablet .menu-toggle .hamburguer-menu {
        display: inline-block;
        cursor: pointer;
        margin-right: 0.5em;
    }
    
    #header-tablet .menu-toggle .hamburguer-menu .bar1{
        width: 1.25em;
        height: 0.1875em;
        background-color: #FF6600;
        margin: 0.1875em 0;
    }
    
    #header-tablet .menu-toggle .hamburguer-menu .bar2{
        width: 1.25em;
        height: 0.1875em;
        background-color: #FF6600;
        margin: 0.1875em 0;
    }
    
    #header-tablet .menu-toggle .hamburguer-menu .bar3{
        width: 0.625em;
        height: 0.1875em;
        background-color: #FF6600;
        margin: 0.1875em 0;
    }
    
    #header-tablet .menu-toggle .menu-list-header .hamburguer-menu {
        display: inline-block;
        cursor: pointer;
        margin-right: 0.5em;
    }
    
    #header-tablet .hamburguer-menu-list-item .menu-list-header .close-hamburguer-menu {
        display: inline-block;
        cursor: pointer;
        margin-right: 0.5em;
    }
    
    #header-tablet .hamburguer-menu-list-item .menu-list-header .close-hamburguer-menu .bar1{
        width: 1.25em;
        height: 0.1875em;
        background-color: #FF6600;
        margin: 0.1875em 0;
        transform: translate(0, 0.3125em) rotate(-45deg);
    }
    
    #header-tablet .hamburguer-menu-list-item .menu-list-header .close-hamburguer-menu .bar2{
        width: 1.25em;
        height: 0.1875em;
        background-color: #FF6600;
        margin: 0.1875em 0;
        transform: translate(0, -0.1em) rotate(45deg);
    }
    
    #header-tablet #secondary_hamburguer_menu {
        list-style-type: none;
        padding: 0;
        font-size: 1em;
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        color: #282828;
        text-align: center;
        font-size: 1.25em;
        margin: 0;
    }
    
    #header-tablet .hamburguer-menu-list-item .menu-list-content{
        display: flex;
        flex-wrap: wrap;
        padding: 0 1em;
    }
    
    #header-tablet #secondary_hamburguer_menu li{
        padding: 1em;
        border-bottom: 0.125em solid #D1D5DB;
        color: #282828;
    }
    
    #header-tablet #secondary_hamburguer_menu li a{
        color: #282828;
        transition-duration: 0.3s;
    
    }
    
    #header-tablet #secondary_hamburguer_menu li:hover a{
        color: #ff6600;
        transition-duration: 0.3s;
    }
    
    #header-tablet #secondary_hamburguer_menu li:first-of-type{
        padding-top: 0 !important;
    }
    
    #header-tablet #secondary_hamburguer_menu li:last-of-type{
        border: 0 !important;
    }
    
    #header-tablet .hamburguer-menu-span-divider{
        color: #000;
        padding: 1em 0;
        display: flex;
        width: 100%;
        align-items: center;
        font-weight: 700;
        font-family: 'Montserrat', sans-serif;
    }
    
    #header-tablet .hamburguer-menu-span-divider::before,
    #header-tablet .hamburguer-menu-span-divider::after{
        content: '';
        height: 0.125em;
        background-color: #D1D5DB;
        width: 100%;
    }
    
    #header-tablet .hamburguer-menu-span-divider::before{
        margin-right:2%;
    }
    
    #header-tablet .hamburguer-menu-span-divider::after{
        margin-left: 2%;
    }


    #header-mobile {
        display: none;
    }

    #header-desktop {
        display: none;
    }

    .text-in-about-us{
        text-align: center;
        padding: 0 10%;
    }

    .cards-about-us{
        display: grid !important;
        grid-template-columns: 49% 49%;
        column-gap: 2%;
    }

    #about-us{
        background: linear-gradient(162deg, rgba(28,51,68,1) 79.9%, rgba(255,255,255,1) 80%);
    }

    #cta-calculation {
        background-image: url('/wp-content/uploads/2023/06/Calculo-Revisional-sobre-nos-banner-tablet-e1687804163154.png');
        background: linear-gradient(180deg, rgba(255, 102, 0, 0) 36.46%, #FF6600 100%), url('/wp-content/uploads/2023/06/Calculo-Revisional-sobre-nos-banner-tablet-e1687804163154.png');
        min-height: 25em;
        background-size: cover;
        background-repeat: no-repeat;
        display: flex;
        align-items: flex-end;
        padding-top: 18.75em;
        margin-bottom: 1.5em;
        background-position: center;
    }
    
    #cta-calculation .div-inside-banner {
        padding: 1.5em 1.875em;
        width: 100%;
    }

    #banner-home {
        background-image: url('/wp-content/uploads/2023/06/Calculo-Revisional-home-banner-tablet.png');
        background: linear-gradient(180deg, rgba(255, 102, 0, 0) 36.46%, #FF6600 100%), url('/wp-content/uploads/2023/06/Calculo-Revisional-home-banner-tablet.png');
        background-size: cover;
        background-position: center;
    }

    #banner-home .div-inside-banner {
        padding: 2em 1.875em;
        width: 100%;
        margin: 0 auto;
    }

    #banner-calculation {
        background-image: url('/wp-content/uploads/2023/07/Calculo-Online-banner-tablet.png');
        background: linear-gradient(180deg, rgba(255, 102, 0, 0) 36.46%, #FF6600 100%), url('/wp-content/uploads/2023/07/Calculo-Online-banner-tablet.png');
        background-size: cover;
        background-position: center;
    }

    #banner-calculation .div-inside-banner {
        padding: 2em 1.875em;
        width: 100%;
        margin: 0 auto;
    }

    #cta-report {
        background-image: url('/wp-content/uploads/2023/07/Calculo-Revisional-CTA-Laudo-Profissional-tablet.png');
        background: linear-gradient(180deg, rgba(255, 102, 0, 0) 36.46%, #FF6600 100%), url('/wp-content/uploads/2023/07/Calculo-Revisional-CTA-Laudo-Profissional-tablet.png');
        background-size: cover;
        background-position: center;
    }

    #cta-report .div-inside-banner {
        padding: 2em 1.875em;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .cards-about-us #mission{
        height: 100%;
    }

    .tablet-text-center {
        text-align: center;
    }

    #contact-form{
        display: flex !important;
        flex-wrap: wrap !important;
    }

    .w-50-tablet{
        width: 50% !important;
    }

    .tablet-input-left {
        padding-right: 1em;
    }

    .tablet-input-right {
        padding-left: 1em;
    }

    #create-account{
        margin: 2em auto;
    }

    .credits-info{
        display: grid;
        grid-template-columns: 45% 45%;
        column-gap: 10%;
    }
    
    .credits-info > div{
        background: #ff6600;
        border-radius: 0.625em;
        color: #fff;
        font-family: 'Open Sans', sans-serif;
        font-size: 1em;
        line-height: 1.5em;
        text-align: center;
        padding: 0.75em 0;
    }
    
    .credits-info > div .counter{
        background: #fff;
        border-radius: 0.625em;
        font-size: 1.125em;
        line-height: 1.375em;
        text-align: center;
        padding: 0.375em;
        letter-spacing: 3px;
        color: #5B5A5A;
        font-weight: 700;
        display: inline-block;
    }



}

@media only screen and (min-width: 1440px) {
    #banner-home{
        min-height: 73vh;
    }
}

@media only screen and (min-width: 1024px) {
    /* Estilos para dispositivos com largura mínima de 1024px */

    #header-mobile {
        display: none;
    }

    #header-tablet {
        display: none;
    }

    #cards-contact{
        display: grid;
        grid-template-columns: 49% 49%;
        column-gap: 2%;
        row-gap: 5%;
        align-items: center;
    }


    #banner-home {
        background-image: url('/wp-content/uploads/2023/06/Calculo-Revisional-home-banner-desktop.png');
        background: linear-gradient(180deg, rgba(255, 102, 0, 0) 36.46%, #FF6600 100%), url('/wp-content/uploads/2023/06/Calculo-Revisional-home-banner-desktop.png');
        background-size: cover;
        background-position: center;
    }

    #banner-home .div-inside-banner h1{
        font-size: 2.8em;
    }

    #banner-home .div-inside-banner p{
        font-size: 1.5em;
        padding: 0 20%;
    }

    #banner-home .div-inside-banner {
        padding: 4em 1.875em;
        width: 70%;
        margin: 0 auto;
    }

    #banner-calculation {
        background-image: url('/wp-content/uploads/2023/07/Calculo-Online-banner-desktop.png');
        background: linear-gradient(180deg, rgba(255, 102, 0, 0) 36.46%, #FF6600 100%), url('/wp-content/uploads/2023/07/Calculo-Online-banner-desktop.png');
        background-size: cover;
        background-position: center;
    }

    .content-none::after{
        content: none !important;
    }

    #banner-calculation .div-inside-banner h1{
        font-size: 2.8em;
    }

    #banner-calculation .div-inside-banner p{
        font-size: 1.5em;
        padding: 0 20%;
    }

    #banner-calculation .div-inside-banner {
        padding: 4em 1.875em;
        width: 70%;
        margin: 0 auto;
    }

    .text-center-desktop{
        text-align: center !important;
    }

    .hide-on-desktop{
        display: none !important;
    }

    .step-div{
        padding: 0 15%;
    }

    .phone-div{
        display: flex;
        align-items: center;
        padding: 0 4%;
    }

    .phone-div div .hide-on-mobile{
        font-size: 1.875em;
        padding-right: 10%;
    }

    .counters{
        display: flex;
        justify-content: space-between;
        margin-bottom: 1em !important;
    }

    .cards-about-us{
        display: grid;
        grid-template-columns: 49% 49%;
        column-gap: 2%;
    }

    .cards-about-us #mission{
        height: 100%;
    }

    .cards-about-us #vision{
        height: 100%;
    }
    
    .btn-w-80-desktop {
        width: 80% !important;
    }

    #about-us{
        margin-bottom: 0 !important;
        background: #1C3344 !important;
    }

    #about-us .container .text-content{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    #about-us .text-in-about-us {
        width: 40%;
        order: 2;
    }

    #about-us .text-in-about-us {
        width: 40%;
        order: 2;
    }

    #about-us .text-in-about-us h2 {
        font-size: 2em;
    }

    #about-us .cards-about-us {
        order: 3;
    }

    #about-us .counters {
        width: 100%;
        order: 4;
        margin-top: 3em !important;
    }

    #cta-calculation {
        background-image: url('/wp-content/uploads/2023/06/Sobre-nos-desktop-Calculo-Revisional-e1687798927381.png');
        background:  linear-gradient(90deg, rgba(255, 102, 0, 0) 0%, #FF6600 100%), url('/wp-content/uploads/2023/06/Sobre-nos-desktop-Calculo-Revisional-e1687798927381.png');
        min-height: 25em;
        align-items: center;
        padding-top: 14em;
        padding-bottom: 14em;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        position: relative;
        transition-duration: 0.8s;
    }

    #cta-calculation::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: #1C3344;
        clip-path: polygon(100% 0, 0 0, 0 25%);
        top: -1px;
        left: 0;
        transition-duration: 0.8s;
    }

    #cta-calculation:hover::after {
        clip-path: polygon(100% 0, 0 0, 0 0);
        transition-duration: 0.5s ease-in-out;
    }
    
    #cta-calculation .div-inside-banner {
        max-width: 64em;
        padding: 0 0.9375em;
        margin: 0 auto;
        padding-left: 14%;
        text-align: right;
    }

    #cta-calculation .div-inside-banner h2{
        font-size: 2em;
    }
    
    #cta-calculation .div-inside-banner p.big{
        font-size: 1.2em;
    }


    #cta-report {
        background-image: url('/wp-content/uploads/2023/07/Calculo-Revisional-CTA-Laudo-Profissional-desktop.png');
        min-height: 25em;
        align-items: center;
        padding-top: 4em;
        padding-bottom: 4em;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        position: relative;
        margin: 0 !important;
    }
    
    #cta-report .div-inside-banner {
        max-width: 64em;
        padding: 0 0.9375em;
        margin: 0 auto;
        padding-left: 30%;
        text-align: right;
    }

    #cta-report .div-inside-banner h2{
        font-size: 2em;
    }
    
    #cta-report .div-inside-banner p.big{
        font-size: 1.2em;
    }

    .mockups {
        width: 60%;
        position: relative;
    }

    .mockups-text {
        width: 40% !important;
    }

    .mockups .tablet{
        width: 80%;
    }

    .mockups .tablet::after {
        content: "";
        display: block;
        position: absolute;
        top: 0.8em;
        left: 0.7em;
        width: 78%;
        height: 90%;
        background-image: url(/wp-content/uploads/2023/06/Print-tablet-Calculo-Revisional.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        z-index: 1;
        border-radius: 0.3em;
        animation: animateMockups 80s linear infinite;
        animation-direction: initial;
    }

    .mockups .mobile {
        position: absolute;
        z-index: 3;
        bottom: 0;
        right: 5%;
    }

    .mockups .mobile::after {
        animation: animateMockups 80s linear infinite;
        animation-direction: initial;
    }

    #step-1, #step-2, #step-3 {
        transition-duration: 0.2s;
    }

    
    #step-1:hover, #step-2:hover, #step-3:hover {
        transform: translateY(-0.625em);
        box-shadow: 0 0.5em 0.8em rgba(42, 22, 22, 0.25) !important;

    }

    .img-in-about-us {
        display: flex;
        width: 60%;
    }

    .img-in-about-us .desktop img {
        transform: scale(1.2);
    }

    
    .img-in-about-us .desktop {
        position: relative;
    }

    .img-in-about-us .desktop::after {
        content: "";
        display: block;
        position: absolute;
        top: -0.8em;
        left: 1.75em;
        width: 76.6%;
        height: 82%;
        background-image: url('/wp-content/uploads/2023/06/Print-desktop-Calculo-Revisional.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        z-index: 1;
        border-radius: 0.3em;
        animation: animateMockups 80s linear infinite;
        animation-direction: initial;
    }

    #footer #footer-contact {
        padding: 1em 3.5em;
        text-align: left;
    }

    #footer_desktop_list{
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    #footer_desktop_list li{
        padding-bottom: 0.75em;
    }

    #footer_desktop_list li a{
        font-size: 16px;
        color: #5B5A5A !important;
        font-family: 'Open Sans', sans-serif;
    }

    #footer_desktop_list li:hover a{
        color: #ff6600 !important;
    }

    .certifications{
        justify-content: flex-end;
        align-items: end;
    }

    #contact-form{
        max-width: 22em;
        margin: 0 auto;
    }

    #create-account{
        margin: 2em auto;
    }
}

/* Custom
--------------------------------------------- */