/* link-button-styles */
@import url("../vendors/ui-kit/button-link/button-link.css");
/* Centered Video Component */
@import url("./model_page/CenteredVideo.css");
/* SecuritySwiper Component */
@import url("./model_page/SecuritySwiper.css");
/* showcase_model Component */
/* @import url("./model_page/showcase_model.css"); */
/* Tecnologia de vehiculos Component */
@import url("./model_page/tecnologiadevehiculos.css");
/* Feedback o calificacion */
/*@import url("./model_page/calificacion.css");*/
/* Otros modelos */
@import url("./model_page/otrosmodels.css");
/* Galeria triple */
@import url("./model_page/galeriaTriplePDP.css");
/* Galeria Multiple */
@import url("./model_page/galeriaMultiplePDP.css");
/* ShowCase PDP */
@import url("./PDP/showcasePDP.css");
/* Calificación PDP o Feedback */
@import url("./model_page/calificacionPDP.css");
/* Diseño Interior PDP*/
@import url("./model_page/disenoInteriorPDP.css");
/* showcase_model Component */
/* Banner Whit CTA */
@import url("./model_page/BannerCTA.css");
/* Editable View */

/* editableView Component */
/*@import url("./[blocklist]_components/editableView.css");*/
@import url("./[blocklist]_components/afterSales.css");

/**
* TODO: Change the fonts it's a temporarily solution.
*/


@import url('https://fonts.googleapis.com/css2?family=Encode+Sans:wght@400;600;700&family=Titillium+Web:wght@400;600;700&display=swap');



/* CSS HOME PAGE */
/* Import Swiper Noticias */

/* Import Showcase Modelos Home Imagen*/
@import url("./[blocklist]_components/HomeModelos/showcase_home_modelos_image.css");

/* Import Showcase Modelos Home Cards*/
@import url("./[blocklist]_components/HomeModelos/showcase_home_modelos_cards.css");

/* Import Showcase Modelos Home */
@import url("./[blocklist]_components/HomeModelos/showcase_home_modelos_comerciales.css");

/* Import Principal Banner Home */
@import url("./[blocklist]_components/HomeModelos/bannerHome.css");

/* Import Swiper Noticias Home */
@import url("./[blocklist]_components/HomeModelos/noticiasHOME.css");

@import url("./[blocklist]_components/editableView.css");

/* Import Hero Banner Home */
@import url("./[blocklist]_components/HomeModelos/heroBannerHOME.css");

/* Import Servicios Home */
@import url("./[blocklist]_components/HomeModelos/serviciosHOME.css");

/* Import Cards informative Home */
@import url("./[blocklist]_components/HomeModelos/PorQueElegirDercocenterHome.css");

/* Import Box Concesionarios Home */
@import url("./[blocklist]_components/HomeModelos/concesionarioHome.css");

/* Import Banner Full Frame */
@import url("./[blocklist]_components/HomeModelos/bannerFullFrame.css");

/* Import Hero Banner RTE CSS */
@import url("./heroBannerDescriptionRTE.css");

/* FONTS */
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.ttf');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat Bold';
    src: url('../fonts/Montserrat-Bold.ttf');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/sourcesanspro-regular-webfont.ttf');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro Semibold';
    src: url('../fonts/sourcesanspro-semibold-webfont.ttf');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir Next LT Pro';
    src: url('../fonts/AvenirNextLTPro-Regular.ttf');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir Next LT Pro Bold';
    src: url('../fonts/AvenirNextLTPro-Bold.ttf');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Encode Sans';
    src: url('../fonts/EncodeSans-Regular.ttf');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Encode Sans Bold';
    src: url('../fonts/EncodeSans-Bold.ttf');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nouvel R';
    src: url('../fonts/NouvelRRegular.ttf');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nouvel R Bold';
    src: url('../fonts/NouvelRBold.ttf');
    font-style: normal;
    font-display: swap;
}

/* boostrap SVG */
@font-face {
    font-family: Bootstrap-icons;
    src: url(../vendors/bootstrap-icons/fonts/bootstrap-icons.woff2);
}

/*BODY(Reset) & MAIN STYLES*/
body {
    margin: 0;
    padding: 0;
    border: 0;
}

:root {
    /* Colors Primary */
    --brand: #000000;
    --brand-light: #888888;
    --brand-black: #000000;
    --brand-black-1: #191919;
    --brand-white: #FFFFFF;
    --brand-secondary: #D70C19;
    --brand-disabled: #C7CCCE;
    --brand-transparent: transparent;
    /* Grays */
    --gray-dark-1: #373637;
    --gray-dark-2: #878687;
    --gray-dark-3: #C3C3C3;
    --gray-dark-4: #E1E1E1;
    --gray-dark-5: #F7F7F7;
    --gray-dark-6: #4D4D4D;
    --gray-dark-7: #CCCCCC;
    --gray-dark-8: #E5E5E5;
    --gray-dark-9: #F1F1F1;
    --gray-dark-10: #595758;
    --gray-dark-11: #414141;
    --gray-dark-12: #565656;
    /* Alerts */
    --alert-error-main: #BB0A0A;
    --alert-main: #E4601C;
    --alert-success-email: #28811F;
    --alert-information-main: #002C5E;
    /* Opacity */
    --opacity-black-80: #000000, rgba(0, 0, 0, 0.80);
    --opacity-black-60: #000000, rgba(0, 0, 0, 0.60);
    --opacity-black-40: #000000, rgba(0, 0, 0, 0.40);
    --opacity-black-20: #000000, rgba(0, 0, 0, 0.20);
    --opacity-white-80: #FFFFFF, rgba(0, 0, 0, 0.80);
    --opacity-white-60: #FFFFFF, rgba(0, 0, 0, 0.60);
    --opacity-white-40: #FFFFFF, rgba(0, 0, 0, 0.40);
    --opacity-white-20: #FFFFFF, rgba(0, 0, 0, 0.20);
    --gray: #9A9A9A;
    --gray-light-1: #6C6C6C;
    --white: white;
    --notification-default: #236377;
    --notification-light: #E7F1FA;
    /* Fonts */
    --font-family-0-regular: 'Montserrat';
    --font-family-0-bold: 'Montserrat Bold';
    --font-family-1-1: 'Source Sans Pro';
    --font-family-1-2: 'Source Sans Pro Semibold';
    --font-family-2-1: 'Avenir Next LT Pro';
    --font-family-2-2: 'Avenir Next LT Pro Bold';
    --font-family-3-1: 'Encode Sans';
    --font-family-3-2: 'Encode Sans Bold';
    --font-family-4-1: 'Nouvel R';
    --font-family-4-2: 'Nouvel R Bold';
    /* Font sizes */
    --title-1: 3.125rem;
    --title-2: 2.5rem;
    --title-34: 2.125rem;
    --title-3: 2rem;
    --title-30: 1.875rem;
    --title-4: 1.75rem;
    --title-26: 1.625rem;
    --title-5: 1.5rem;
    --title-22: 1.375rem;
    --title-6: 1.25rem;
    --title-18: 1.125rem;
    --title-14: 0.875rem;
    --title-13: 3.125rem;
    --paragraph-1: 1.125rem;
    --paragraph-2: 1rem;
    --paragraph-3: 0.875rem;
    --paragraph-4: 0.75rem;
    --paragraph-6: 1.25rem;
    --paragraph-7: 2rem;
    --paragraph-5: 1.125rem;
    --paragraph-8: 1.25rem;
    --paragraph-9: 2rem;
    --paragraph-10: 2rem;
    --paragraph-11: 1.5rem;
    --cta-1: 1.125rem;
    --cta-2: 1.125rem;
    --cta-3: 1.25rem;
    /* Font weights */
    --weight-extra-bold: 800;
    --weight-bolder: 700;
    --weight-bold: 600;
    --weight-semibold: 500;
    --weight-normal: 400;
    --weight-semilight: 300;
    --weight-light: 200;
    --weight-lighter: 100;
    /* Line Heights */
    --paragraph-1-line-height: normal;
    /* Borders */
    --border-xlg: 12px solid;
    --border-lg: 6px solid;
    --border-md: 4px solid;
    --border-sm: 2px solid;
    --border-xs: 1px solid;
    --button-border-radius: 8px;
    /* Layers */
    --header-layers: 99;
    --aside-model-layer: 9;
    --layer-header: 99;
    --text_p: 18px;
}

/* FONT FAMILIES */
.title-1 {
    font-size: var(--title-1);
    font-weight: 700;
    text-transform: uppercase;
}

.title-2 {
    font-size: var(--title-2);
    font-weight: 700;
    text-transform: uppercase;
}

.title-3 {
    font-size: var(--title-3);
    font-weight: 700;
    text-transform: uppercase;
}

.title-4 {
    font-size: var(--title-4);
    font-weight: 700;
    text-transform: uppercase;
}

.title-5 {
    font-size: var(--title-5);
    font-weight: 700;
    text-transform: uppercase;
}

.title-6 {
    font-size: var(--title-6);
    font-weight: 700;
    text-transform: capitalize;
}

.btn_primary,
.btn_primary_normal,
.btn-primary,
.btn-secondary {
    border-radius: var(--button-border-radius);
}

.btn-secondary {
    color: var(--brand) !important;
    background-color: var(--brand-white) !important;
    border: 2px solid var(--brand) !important;
}

/* Primary Button - Normal */
.btn_primary,
.btn_primary_normal {
    color: var(--brand-white) !important;
    background-color: var(--brand) !important;
    border: 2px solid var(--brand-white) !important;
    box-sizing: border-box;
}

/* -- Hover, Focus & Active Primary Button -- */
.btn_primary:hover,
.btn_primary:focus,
.btn_primary:active {
    color: var(--brand-white) !important;
    background-color: var(--brand-light) !important;
    border: 2px solid var(--brand-light) !important;
    box-sizing: border-box;
}

.btn_third_normal:hover {
    color: var(--brand-white) !important;
    background-color: var(--brand-light) !important;
    border: 2px solid var(--brand-light) !important;
}

/* Primary Button - Disable */
.btn_primary:disabled,
.btn_primary[disabled] {
    color: var(--brand-white) !important;
    background-color: var(--brand-disabled) !important;
    border: none;
    box-sizing: border-box;
}

/* Secundary Button - Normal */
.btn_secondary,
.btn_secondary_normal {
    color: var(--brand) !important;
    background-color: var(--brand-transparent) !important;
    border: 2px solid var(--brand) !important;
    border-radius: var(--button-border-radius);
}

/* Secondary Button - Hover, Focus & Active */
    .btn_secondary_normal:hover,
    .btn_secondary_normal:focus,
    .btn_secondary_normal:active {
        color: var(--brand-white) !important;
        background-color: var(--brand) !important;
        color: var(--brand-white) !important;
        transition: all 0.5s;
    }

/* Secondary Button - Disable */
.btn_secondary_normal:disabled,
.btn_secondary_normal[disabled] {
    color: var(--brand-white) !important;
    background-color: var(--brand-disabled) !important;
    border: none !important;
}


.link-btn {
    color: var(--brand);
    text-decoration: underline;
}

.link-btn:hover,
.link-btn:active {
    color: var(--brand-light);
}

.link-btn:disabled,
.link-btn[disabled] {
    color: var(--brand-disabled);
}

.ta-r {
    text-align: right;
}

.btn_third_normal {
    border-radius: var(--button-border-radius);
    color: var(--brand) !important;
    background-color: var(--brand-white) !important;
    border: 2px solid var(--brand) !important;
}

    .btn_third_normal:hover {
        background-color: var(--brand) !important;
        color: var(--brand-white) !important;
        transition: all 0.5s;
        border: 2px solid var(--brand-black) !important;
    }

/*Wrapper the text (Truncated in 3 lines)*/
.truncated-text-3l {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    line-height: X;
    /* fallback */
    max-height: X * 3;
    /* fallback */
}

/* HEADER */
/* FOOTER */
footer {
    background-color: var(--footer);
    /*padding-top: var(--title-2);*/
    padding-bottom: 0rem;
    margin-top: 0rem;
    /* border-top: var(--border-xs) var(--gray-dark-8, #E5E5E5); */
}

social-media {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.social-media>a {
    margin: 0 0.5rem;
}

.footer-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-start;
    /* background-color: #414141; */

    padding: 3.625rem 5.5rem;
    
    /* margin-left: 2rem; */
}


.footer-content .footer-content_herramientas .acordeon-cuerpo .acordeon .contenedorF .etiqueta > h5 {
    font-family: var(--font-family-1-1);
    color: var(--brand);
    font-size: var(--paragraph-2);
    font-style: normal;
    font-weight: 700;
    line-height: 20.11px; /* 144.444% */
    letter-spacing: 0.04rem;

}



@media (max-width:768px) {
    .footer-content {
        flex-wrap: nowrap;
        flex-direction: column;
        padding: 0 1.5rem;
        gap: 0;
    }
}

.footer-content_herramientas {
    flex: 1 auto;
    /* max-width: 12rem; */
    margin-top: 1rem;
    /* border-radius: 50%; */
}

.tuclase {
    border-radius: 50%;
}

@media (max-width:768px) {
    .footer-content_herramientas {
        flex: 1 auto;
        max-width: 100%;
        margin-top: 0rem;

    }
}

@media(max-width:360px) {
    :root {
        --paragraph-6: 0.75rem !important;
        --title-11: 1.375rem !important;
        --title-12: 1.625rem !important;
    }

    .iconText {
        justify-content: start;
        margin-left: -80px;
    }

    .footer-copyright {
        padding: 95px 50px 10px 50px;
        align-items: center;
        flex-direction: column-reverse;
        margin-bottom: 0rem;
        margin-top: .5rem;
    }
}

.footer-content_legal {
    flex: 1 auto;
    max-width: 16.3rem;
    margin-left: 10px;
}

.footer-content_legal > h5{
    color: var(--brand-dark);
    font-family: var(--font-family-1-1);
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 20.11px;
    letter-spacing: 0.04rem;
    padding-top: 1rem;
}


.footer-content_modelos>ul,
.footer-content_herramientas>ul,
.footer-content_ayuda>ul,
.footer-content_servicios>ul,
.footer-content_legal>ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.footer-content_modelos>ul>li>a,
.footer-content_herramientas>ul>li>a,
.footer-content_ayuda>ul>li>a,
.footer-content_servicios>ul>li>a,
.footer-content_legal>ul>li>a {
    text-decoration: none;
    color: var(--gray-dark-2);
    font-family: var(--font-family-0-regular);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.22222rem;
    letter-spacing: 0.03556rem;

    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

.footer-content_legal>ul>li {
    display: flex;


}

.footer-copyright {
    /*border-top: 1px solid var(--gray3);*/
    padding: 2rem 4rem;
    color: var(--gray-dark-8);
    background-color: var(--brand);
    display: flex;
    /* gap: 15rem; */
    justify-content: space-between;
    font-family: var(--font-family-0-regular);
    font-size: var(--paragraph-4);
    font-style: normal;
    font-weight: var(--weight-bold);
    line-height: 1rem;
    /* 133.333% */
    letter-spacing: 0.025rem;
    align-items: center;
    justify-content: space-between;
}

.footer_logo_copy {
    height: 2rem;
}

@media (max-width:768px) {
    .footer-copyright {
        padding: 1.5rem 1rem 1rem;
        align-items: center;
        gap: 2rem;
        gap: 0;
        flex-direction: column-reverse;
        margin-bottom: 0rem;
    }

    .footer-copyright>img {
        margin-top: -60px;
    }

    .testDriveBtn a {
        width: 100%;
        min-width: 0 !important;
    }
}


@media (max-width:768px) {
    .footer-copyright p {
        padding-left: 0rem;
        padding-top: .5rem;
        margin-bottom: -1rem;
    }
}

@media (max-width:768px) {
    .footer-copyright .copyright {
        margin-top: 1rem;
        margin-bottom: 3rem;
        text-align: center;
        padding: 0 2rem 1rem;
    }

    .footer-content_legal>ul>li>a {
        gap: 1rem;
    }

    .footer-content_legal>ul {
        gap: 1rem;
    }
}

@media (min-width:769px) {
    .footer-copyright .copyright {
        margin-bottom: 0;
    }
}



/* Customizing the vertical scrollbar */
body * ::-webkit-scrollbar {
    display: none;
}

body * {
    scrollbar-width: none;
}

::-webkit-scrollbar-thumb {
    background-color: #8888888a;
    /* Scroll thumb color */
    border-radius: 5px;
    /* Rounded corners of the thumb */
}

::-webkit-scrollbar-track {
    background-color: #f2f2f2;
    /* Background color of the scrollbar track */
}

/* Customizing the horizontal scrollbar */
::-webkit-scrollbar-horizontal {
    height: 5px;
    /* Scrollbar height for horizontal scrollbar */
}

::-webkit-scrollbar-thumb:horizontal {
    background-color: #888;
    /* Color of the horizontal scroll thumb */
    border-radius: 5px;
    /* Rounded corners of the horizontal thumb */
}

::-webkit-scrollbar-track:horizontal {
    background-color: #f2f2f2;
    /* Background color of the horizontal scrollbar track */
}


/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
    :root {
        /* Font sizes*/
        --title-1: 2.5rem;
        --title-2: 2.125rem;
        --title-3: 1.875rem;
        --title-4: 1.625rem;
        --title-5: 1.375rem;
        --title-6: 1.125rem;
        --title-7: 2rem;
        --title-8: 1.875rem;
        --title-9: 1.25rem;
        --title-10: 1.625rem;
        --title-11: 1.5rem;
        --title-12: 0.75rem;
        --title-13: 2rem;
        --paragraph-1: 1rem;
        --paragraph-2: 0.875rem;
        --paragraph-3: 0.75rem;
        --paragraph-5: 0.875rem;
        --paragraph-6: 0.875rem;
        --paragraph-7: 1.75rem;
        --paragraph-8: 0.75rem;
        --paragraph-9: 1.25rem;
        --paragraph-10: 1.5rem;
        --paragraph-11: 1rem;
        /* --paragraph-4: 0.65rem;CAUTION:--paragraph-4 is not found in branding figma */
        --cta-1: 0.75rem;
        --cta-2: 0.75rem;
        --cta-3: 0.75rem;
        /* --cta-3: 0.875rem;
        --cta-4: 0.75rem; CAUTION: --cta-4 is not found in branding figma */
    }
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) {}

/* X-Large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (max-width: 1400px) {}

.title {
    color: var(--black);
    font-family: var(--font-family-0-regular);
    font-size: var(--title-3);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    /* text-transform: uppercase; */
}

.title-white {
    color: var(--brand-white);
    font-family: var(--font-family-0-regular);
    font-size: var(--title-3);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;

}

/* ACORDEON Desktop 0*/

.footer-content .footer-content_herramientas .acordeon-cuerpo .acordeon .contenedorF .contenido>ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-left: 0;
    padding-right: 2rem;

}
    .footer-content .footer-content_herramientas .acordeon-cuerpo .acordeon .contenedorF .contenido > ul > li > a {
        text-decoration: none;
        color: var(--gray-dark-2);
        font-family: var(--font-family-1-1);
        font-size: var(--paragraph-2);
        font-style: var(--paragraph-1-line-height);
        font-weight: var(--weight-normal);
        line-height: 20.11px;
    }
.max-w{
    max-width: 1920px;
    margin-right: auto;
    margin-left: auto;
}



/* ACORDEON @medias */
@media (max-width: 768px) {
    footer {
        padding-top: .5rem;
    }

    .footer-content_herramientas {
        width: 100%;
    }


    .footer-content .footer-content_herramientas .acordeon-cuerpo .acordeon .contenedorF.activa .contenido>ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .footer-content .footer-content_herramientas .acordeon-cuerpo .acordeon .contenedorF.activa .contenido>ul>li>a {
        text-decoration: none;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;

    }

    .acordeon {
        width: 100%;
        /* margin: 90px auto; */
        color: gray;
        background-color: var(--footer);
        padding: 0;
    }

    /**************/
    .acordeon .contenedorF {
        position: relative;
        margin: 10px 10px;
    }

    /* Posiciona las etiquetas en relación con el contenedor. Añade relleno en la parte superior e inferior 
  y aumenta el tamaño de la fuente. También hace que su cursor sea un puntero */

    .acordeon .etiqueta {
        position: relative;
        padding: 10px 0;
        font-size: 30px;
        color: var(--gray-light-1);
        cursor: pointer;
        border-bottom: 1px solid var(--gray-dark-7, #CCC);
    }


    /* H5 modificado por margin´s implicitos desde Bootstrap */
    .acordeon .etiqueta h5 {
        margin-bottom: 0rem;

    }



    /**************/
    /* Posiciona el signo más a 5px de la derecha. Lo centra utilizando la propiedad transform. */

    .acordeon .etiqueta::before {
        content: url("data:image/svg+xml;charset=UTF-8, <svg width='40' height='40' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill='darkgray' class='bi bi-plus'><path d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/></svg>");
        /* color: gray; */
        position: absolute;
        top: 50%;
        right: 0;
        font-size: 30px;
        transform: translateY(-50%);
    }


    /* Oculta el contenido (altura: 0), disminuye el tamaño de la fuente, justifica el texto y añade la transición */

    .acordeon .contenido {
        position: relative;
        /* background: var(--gray-dark-7); */
        height: 0;
        font-size: 20px;
        text-align: justify;
        width: 100%;
        overflow: hidden;
        transition: 0.5s;
    }

    /* Añade una línea horizontal entre los contenidos */

    .acordeon hr {
        width: 100;
        margin-left: 0;
        border: 1px solid grey;
    }

    /* Muestra la parte de contenido cuando está activa. Establece la altura */

    .acordeon .contenedorF.activa .contenido {
        height: auto;
    }

    /* Cambia de signo positivo a negativo una vez activado */

    .acordeon .contenedorF.activa .etiqueta::before {
        content: url("data:image/svg+xml;charset=UTF-8, <svg height='40' width='40' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' fill='darkgray' xml:space='preserve'><path d='M40 23.99H10a1 1 0 1 0 0 2h30a1 1 0 1 0 0-2z'/></svg>");
        font-size: 30px;
    }

}

.embeddedServiceHelpButton .helpButton .uiButton {
    background-color: #00A0DC;
    font-family: "--font-family-1", sans-serif;

}

.embeddedServiceHelpButton .helpButton .uiButton:focus {
    outline: 1px solid #00A0DC;

}

@media (max-width: 760px) {
    .embeddedServiceHelpButton .helpButton {
        margin-bottom: 50px;
    }
}

.embeddedServiceHelpButton a:link {
    text-decoration: none;
    color: white;

}

.embeddedServiceHelpButton a:visited {
    text-decoration: none;
    color: white;

}

.embeddedServiceHelpButton a:hover {
    text-decoration: none;
    color: white;

}

.embeddedServiceHelpButton a:active {
    text-decoration: none;
    color: white;

}

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

.grecaptcha-badge {
    z-index: 99;
    bottom: 60px !important;
}