/** Internet Explorer */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

}

/** Microsoft Edge */
@supports (-ms-ime-align: auto) {

}

/** Mozilla Firefox */
@-moz-document url-prefix() {

}



/*@supports (-ms-ime-align:auto) {
    .faq-2 .faq-container .faq-item .faq-content {
        display: grid;
        grid-template-rows: 0fr;
        transition: 0.3s ease-in-out;
        visibility: visible;
        opacity: 1;
    }
}*/

@media not all and (min-resolution:.001dpcm) { @media {

    /*.faq-2 .faq-container .faq-item .faq-content {
        display: block;
        grid-template-rows: 0fr;
        transition: 0.3s ease-in-out;
        visibility: visible;
        opacity: 1;
    }*/
}}

/** Safari */
@media not all and (min-resolution: 0.001dpcm) {
    /*.faq-2 .faq-container .faq-item .faq-content {
        display: block;
        grid-template-rows: 0fr;
        transition: 0.3s ease-in-out;
        visibility: visible;
        opacity: 1;
    }*/

    .hero .btn-get-started, .btn-get-started {
        color: var(--color-yellow);
        background: var(--heading-color);
    }

    #beneficios.call-to-action img {
        position: absolute;
        top: 11px;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 1;
    }

    .call-to-action.dark-background img{
        position: absolute;
      /*  position: absolute;
        top: 11px;*/
    }



    /* Mobile Navigation */
    @media (max-width: 1199px) {
        .mobile-nav-toggle {
            color: var(--nav-color);
            font-size: 28px;
            line-height: 0;
            margin-right: 10px;
            cursor: pointer;
            transition: color 0.3s;
        }

        .navmenu {
            padding: 0;
            z-index: 9997;
        }

        .navmenu ul {
            display: none;
            position: absolute;
            inset: 60px 20px 20px 20px;
            padding: 10px 0;
            margin: 0;
            border-radius: 6px;
            background-color: var(--nav-mobile-background-color);
            overflow-y: auto;
            transition: 0.3s;
            z-index: 9998;
            box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
        }

        .navmenu a,
        .navmenu a:focus {
            color: var(--nav-dropdown-color);
            padding: 10px 20px;
            font-family: var(--nav-font);
            font-size: 17px;
            font-weight: 500;
            display: flex;
            align-items: center;
            justify-content: space-between;
            white-space: nowrap;
            transition: 0.3s;
        }

        .navmenu a i,
        .navmenu a:focus i {
            font-size: 12px;
            line-height: 0;
            margin-left: 5px;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: 0.3s;
            background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
        }

        .navmenu a i:hover,
        .navmenu a:focus i:hover {
            background-color: var(--accent-color);
            color: var(--contrast-color);
        }

        .navmenu a:hover,
        .navmenu .active,
        .navmenu .active:focus {
            color: var(--nav-dropdown-hover-color);
        }

        .navmenu .active i,
        .navmenu .active:focus i {
            background-color: var(--accent-color);
            color: var(--contrast-color);
            transform: rotate(180deg);
        }

        .navmenu .dropdown ul {
            position: static;
            display: none;
            z-index: 99;
            padding: 10px 0;
            margin: 10px 20px;
            background-color: var(--nav-dropdown-background-color);
            border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
            box-shadow: none;
            transition: all 0.5s ease-in-out;
        }

        .navmenu .dropdown ul ul {
            background-color: rgba(33, 37, 41, 0.1);
        }

        .navmenu .dropdown>.dropdown-active {
            display: block;
            background-color: rgba(33, 37, 41, 0.03);
        }

        .mobile-nav-active {
            overflow: hidden;
        }

        .mobile-nav-active .mobile-nav-toggle {
            color: #fff;
            position: absolute;
            font-size: 32px;
            top: 15px;
            right: 15px;
            margin-right: 0;
            z-index: 9999;
        }

        .mobile-nav-active .navmenu {
            position: fixed;
            overflow: hidden;
            inset: 0;
            background: rgba(33, 37, 41, 0.8);
            transition: 0.3s;
            top: 0px;
            width: 100%;
            padding-right: 20px;
            padding-left: 20px;
            left: 0px;

        }

        .mobile-nav-active .navmenu>ul {
            display: block;
            position: relative;
            top: 50px;

        }

        .mobile-nav-active .navmenu>ul {
            display: block;
            height: -webkit-fill-available;
        }

    }


}

/** Chrominum */
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {

}