/* 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");
/* PDP Banner */
@import url("./model_page/informativeBanner.css");
/* Editable View */

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

@import url("./infoCards.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 url("./RTE/editableView-rte.css");
/* FONTS */

@font-face {
    font-family: 'Helvetica Now Display';
    src: url('../fonts/HelveticaNowDisplay-Regular.woff');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Now Display Bold';
    src: url('../fonts/HelveticaNowDisplay-Bold.woff');
    font-style: normal;
    font-display: swap;
}

/* CHANGAN PH */
@font-face {
  font-family: 'Changan Uni Type';
  src: url('../fonts/CHANGAN_PH/ChangAnunitype-Regular.ttf');
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Changan Uni Type Bold';
  src: url('../fonts/CHANGAN_PH/ChangAnunitype-Bold.ttf');
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Changan UniType';
  src: url('../fonts/CHANGAN_PH/ChangAnunitype-Light.ttf');
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans";
  src: url('../fonts/CHANGAN_PH/NotoSans-Light.ttf');
  font-style: normal;
  font-display: swap;
}

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

:root {
    /*Colors*/
    /*Primary*/
    --brand: #002B3A;
    --brand-secondary: #0096BF;
    --brand-hover: #5EBDDE;
    --brand-inactive: #D3ECF6;
    --brand-disabled: #D1D6DA;
    --brand-white: #FFFFFF;
    --brand-black: #000000;
    --brand-blue: #0B457F;
    --brand-gray-1: #3C4650;
    --brand-gray-2: #5F7891;
    /*--brand-black-light: #A0A0A0;*/
    /*Secondary*/
    --brand-red: #E60012;
    /*--brand-secondary: #003399;
    --brand-secondary-medium: #00368F;
    --brand-secondary-dark: #001151;
    --brand-secondary-light: #0098D9;*/
    /*Border Show case*/
    /*--brand-secondary-border: #176DB7;*/
    /*Gray*/
    --gmw-gray-1: #333333;
    --gray-dark-1: #F5F6F7;
    --gray-dark-2: #5A5A5A;
    --gray-dark-3: #717A84;
    --gray-dark-4: #545454;
    --gray-dark-5: #F6F7F8;
    --gray-dark-6: #565656;
    --gray-light-1: #CCCCCC;
    --gray-light-2: #EFEFEF;
    --gray-light-3: #C3C8D2;
    --gray-light-4: #F1F1F1;
    --gray-light-6: #EFEFEF;
    --gray-light-5: #ECEBF2;
    /* Was Duplicated */
    /* --gray: #9A9A9A;
    --gray-light-1: #B3B3B3;
    --gray-light-2: #CCCCCC;
    --gray-light-3: #E5E5E5;
    --gray-light-4: #F1F1F1;
    --gray-light-5: #999;*/
    /* No Colors */
    /*    --black: black;
    --white: white;*/
    /* Blue */
    /*--blue: blue;
    --blue-dark-1: #014E98;
    --blue-blogHome: #039;
    --error: rgb(227, 25, 25);*/
    /* Notification */
    --notification-default: #236377;
    --notification-light: #E7F1FA;
    /*Alerts*/
    --alert-error-main: #D32F2F;
    --alert-error-light: #E9CAC7;
    --alert-success-email: #318234;
    --alert-success-email-light: #BDD6C5;
    --alert-main: #E9CAC7;
    --alert-main-light: #FCE1B5;
    --alert-information-main: #2A7FD3;
    --alert-information-light: #D3E5EA;
    /*Opacity*/
    /*    --opacity-black-80: #000000, rgba(0, 0, 0, 0.80);*/
    --opacity-black-40: rgba(0, 0, 0, 0.40);
    /* Fonts */
    --font-family-1: 'Changan Uni Type';
    --font-family-1-1: 'Changan UniType';
    --font-family-2: "Noto Sans";
    /* Font sizes*/
    --title-large-1: 3.125rem;
    --title-1: 3rem;
    --title-2: 2.5rem;
    --title-3: 2rem;
    --title-4: 1.75rem;
    --title-5: 1.5rem;
    --title-6: 1.25rem;
    /* customize */
    /* 50-34 */ --title-7: 3.125rem;
    /* 32-30 */ --title-8: 2rem;
    /* 20-12 */ --title-9: 1.25rem;
    /* 32-26 */ --title-10: 2rem;
    /* 50-30 */ --title-11: 3.125rem;
    /* 40-30 */ --title-12: 2.5rem;
    /* 28-20 */ --title-13: 1.75rem;
    /* 32-24 */ --title-14: 2rem;
    /* 32-22 */ --title-15: 2rem;
    /* 32-28 */ --title-16: 2rem;
    /* 28-26 */ --title-17: 1.75rem;
    --paragraph-1: 1.125rem;
    --paragraph-2: 1rem;
    --paragraph-3: 0.875rem;
    --paragraph-4: 0.75rem;
    /* 18-14 */ --paragraph-5: 1.125rem;
    /* 22-18 */ --paragraph-6: 1.375rem;
    /* 20-24 */ --paragraph-7: 1.25rem;
    /* 24-12 */ --paragraph-8: 1.5rem;
    /* 20-16 */ --paragraph-9: 1.25rem;
    /* 20-14 */ --paragraph-10: 1.25rem;
    --cta-1: 1.125rem;
    --cta-2: 1rem;
    --cta-3: 1rem;
    --cta-4: 0.875rem;
    /* 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;
    --paragraph-2-line-height: 26.86px;
    /* Borders */
    --border-xlg: 12px solid;
    --border-lg: 6px solid;
    --border-md: 4px solid;
    --border-sm: 2px solid;
    --border-xs: 1px solid;
    /* Layers */
    --header-layers: 99;
    --aside-model-layer: 9;
    /* Spacing */
    /* Colors: styles - figma */
    /*CAUTION: Colors: styles - figma are not find into the figma*/
    --primary: #1F3750;
    --white: #fff;
    --white-20: #ffffff50;
    --gray: #666666;
    --gray2: #969696;
    --gray3: #D2D1D1;
    --grayLight: #F4F4F4;
    --darkGray: #414141;
    --footer: #414141;
    --footer-copyright: #212529;
    --black: #000;
    --gray-pagination: #B2B2B2;
    /*END CAUTION*/
    /* Font sizes: styles - figma */ /*CAUTION: Font sizes: styles - figma: --text_p is not found into figma*/
    --text_p: 18px;
    /**
    * Global Layers (z-index)
    */
    --layer-header: 99;
    /***
    * Simple Header
    */
    --logo-alignment: "center";
    /***
    * Simple Footer
    */
    --post-footer-color: #3B485A;
    --a-footer-color: #737C88;
}

/*FONT FAMILIES*/
.title-1 {
    font-family: var(--font-family-1);
    font-size: var(--title-1);
}

.title-2 {
    font-family: var(--font-family-1);
    font-size: var(--title-2);
    line-height: 1;
}

.title-3 {
    font-family: var(--font-family-1);
    font-size: var(--title-3);
    line-height: 1;
}

.title-4 {
    font-family: var(--font-family-1);
    font-size: var(--title-4);
    line-height: 1;
}

.title-5 {
    font-family: var(--font-family-1);
    font-size: var(--title-5);
    line-height: 1;
}

.title-6 {
    font-family: var(--font-family-1);
    font-size: var(--title-6);
    line-height: 1;
}

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

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

/*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-between;
    align-items: flex-start;
    background-color: var(--brand-white);
    gap: 37px;
    padding: 58px 88px;
    /* margin-left: 2rem; */
}

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

@media (max-width:768px) {

    .footer-content {
        flex-wrap: nowrap;
        flex-direction: column;
        padding: 0 .5rem;
        gap: 0;
    }

    .footer-content .footer-content_herramientas .acordeon-cuerpo .acordeon .contenedorF .etiqueta > h5 {
        margin-bottom: 0px;
    }
}

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

.footer-content_legal .socials {
    flex-direction: column;
    align-items: end;
}

@media (max-width:768px) {

    .footer-content_herramientas{
        flex: 1 auto;
        max-width: 100%;
        margin-top: 0rem;
    }

    .footer-content_legal .socials {
        flex-direction: row;
    }

    .footer-content_legal {
        margin: 0 auto;
    }
}

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

.footer-content_legal > h5{
    color: var(--brand-black);
    font-family: var(--font-family-1);
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.44444rem;
    letter-spacing: 0.04rem;
    text-transform: uppercase;
    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: 1rem;
}

.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: #737C88;
    font-family: var(--font-family-1);
    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 2rem 1.5rem 4rem;
    color: var(--gray-dark-5) !important;
    background-color: var(--brand-gray-1);
    display: flex;
    /* gap: 15rem; */
    justify-content: space-between;
    font-family: var(--font-family-2) !important;
    font-size: 13px;
    font-style: normal;
    font-weight: var(--weight-normal);
    line-height: 1rem; /* 133.333% */
    letter-spacing: 0.025rem;
    align-items: center;
    justify-content: space-between;
}

.footer_logo_copy {
    height: 2rem;
}

.footer-copyright svg{
    width: 9.5625rem !important;
}

@media (max-width:768px){

    .footer-copyright {
        padding: 1rem;
        align-items: center;
        gap: 0rem;
        flex-direction: column-reverse;
        margin-bottom: 0rem;
    }

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

    .footer-copyright svg{
        width: 8.4375rem !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 5.1rem 2rem;
    }
    .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 */
}

@media (max-width: 576px) {}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
    :root {
        /* Font sizes*/
        --title-1: 1.625rem;
        --title-2: 1.5rem;
        --title-3: 1.375rem;
        --title-4: 1.125rem;
        --title-5: 1.125rem;
        --title-6: 1.125rem;
        /* customize */
        /* 50-34 */ --title-7: 2.125rem;
        /* 32-30 */ --title-8: 1.875rem;
        /* 20-12 */ --title-9: 0.75rem;
        /* 32-26 */ --title-10: 1.625rem;
        /* 50-30 */ --title-11: 1.875rem;
        /* 40-30 */ --title-12: 1.875rem;
        /* 28-20 */ --title-13: 1.25rem;
        /* 32-24 */ --title-14: 1.5rem;
        /* 32-20 */ --title-15: 1.375rem;
        /* 32-28 */ --title-16: 1.75rem;
        /* 28-26 */ --title-17: 1.625rem;
        --paragraph-1: 1.125rem;
        --paragraph-2: 0.875rem;
        --paragraph-3: 0.75rem;
        --paragraph-4: 0.65rem;/* CAUTION:--paragraph-4 is not found in branding figma */
        /* 18-14 */ --paragraph-5: 0.875rem;
        /* 22-18 */ --paragraph-6: 1.125rem;
        /* 20-24 */ --paragraph-7: 1.5rem;
        /* 24-12 */ --paragraph-8: 0.75rem;
        /* 20-16 */ --paragraph-9: 1rem;
        /* 20-14 */ --paragraph-10: 0.875rem;
        --cta-1: 1rem;
        --cta-2: 1rem;
        --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-1);
    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-1);
    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;*/
    white-space: nowrap;

}

.footer-content .footer-content_herramientas .acordeon-cuerpo .acordeon .contenedorF .contenido > ul > li > a {
    text-decoration: none;
    color: var(--brand-gray-2);
    font-family: var(--font-family-2);
    font-size: var(--paragraph-2);
    font-style: var(--paragraph-1-line-height);
    font-weight: var(--weight-semilight);
    line-height: 1.375rem;
    width: max-content;
}

.max-w{
    max-width: 1920px;
    margin-right: auto;
    margin-left: auto;
}

.contenido a {
    display: block; 
    overflow-wrap: break-word;
    word-break: break-word; 
    white-space: normal;
}

/* ACORDEON @medias */
/* @media (max-width: 1200px) {
    .footer-content .footer-content_herramientas .acordeon-cuerpo .acordeon .contenedorF{
            
    }
    
} */

@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-size: 1rem;
        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: 4px 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-light-5);
    }

    /* 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='30' height='30' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill='gray' 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: 25px;
        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='30' width='30' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' fill='gray' 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;
    }
}

@media(max-width:360px) {

    .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-copyright .copyright {
        padding: 0 4.5rem 2rem;
    }
}

.btn_primary1 {
    color: var(--brand-white) !important;
    background-color: var(--brand-blue) !important;
    font-family: var(--font-family-2) !important;
    text-align: center;
    width: 405px;
    max-width: 100%;
}
.btn_secondary_normal1 {
    color: var(--brand-blue) !important;
    background-color: transparent !important;
    border: 2px solid var(--brand-blue) !important;
    font-family: var(--font-family-2) !important;
    text-align: center;
    width: 405px;
    max-width: 100%;
}

    .btn_secondary_normal2 {
        color: var(--brand-blue) !important;
        background-color: transparent !important;
        border: 2px solid var(--brand-blue) !important;
        font-family: var(--font-family-2) !important;
    }

    .btn_secondary_normal1 > a{
        color: var(--brand-black) !important;
    }
    .btn_secondary_normal1:hover > a{
        color: var(--brand-white) !important;
    }
    .btn_primary1:hover, .btn_primary1:focus, .btn_secondary_normal1:hover, .btn_secondary_normal1:focus {
        background-color: var(--gray-dark-4) !important;
        /*    border: 2px solid var(--brand-hover) !important;*/
        color: var(--brand-white) !important;
        border: none !important;
    }

    .btn_secondary_normal2:focus, .btn_secondary_normal2:hover {
        background-color: var(--gray-dark-4) !important;
        /*    border: 2px solid var(--brand-hover) !important;*/
        color: var(--brand-white) !important;
        border: 2px solid transparent !important;
    }

    .btn_primary1:disabled, .btn_primary1[disabled], .btn_secondary_normal1:disabled, .btn_secondary_normal1[disabled]{
        background-color: var(--brand-disabled) !important;
    }

    #homepage ~ section .iframe-content{
        padding: 0 !important;
    }

    #vehicle_cta_btn2, #vehicle_cta_btn {
        max-width: 272.5px;
    }