@font-face {
    font-family: 'plusjakartasans-bold';
    src: url('../../fonts/custom/PlusJakartaSans/PlusJakartaSans-bold.ttf') format('opentype');
}
/*
@font-face {
    font-family: 'plusjakartasans-bolditalic';
    src: url('../../fonts/custom/PlusJakartaSans/PlusJakartaSans-BoldItalic.ttf') format('opentype');
}

@font-face {
    font-family: 'plusjakartasans-extrabold';
    src: url('../../fonts/custom/PlusJakartaSans/PlusJakartaSans-ExtraBold.ttf') format('opentype');
}

@font-face {
    font-family: 'plusjakartasans-extrabolditalic';
    src: url('../../fonts/custom/PlusJakartaSans/PlusJakartaSans-ExtraBoldItalic.ttf') format('opentype');
}

@font-face {
    font-family: 'plusjakartasans-extralight';
    src: url('../../fonts/custom/PlusJakartaSans/PlusJakartaSans-ExtraLight.ttf') format('opentype');
}

@font-face {
    font-family: 'plusjakartasans-extralightitalic';
    src: url('../../fonts/custom/PlusJakartaSans/PlusJakartaSans-ExtraLightItalic.ttf') format('opentype');
}

@font-face {
    font-family: 'PlusJakartaSans-italic-variablefont_wght';
    src: url('../../fonts/custom/PlusJakartaSans/PlusJakartaSans-Italic-VariableFont_wght.ttf') format('opentype');
}

@font-face {
    font-family: 'plusjakartasans-italic';
    src: url('../../fonts/custom/PlusJakartaSans/PlusJakartaSans-Italic.ttf') format('opentype');
}*/

@font-face {
    font-family: 'plusjakartasans-light';
    src: url('../../fonts/custom/PlusJakartaSans/PlusJakartaSans-Light.ttf') format('opentype');
}
/*
@font-face {
    font-family: 'plusjakartasans-lightitalic';
    src: url('../../fonts/custom/PlusJakartaSans/PlusJakartaSans-LightItalic.ttf') format('opentype');
}

@font-face {
    font-family: 'plusjakartasans-medium';
    src: url('../../fonts/custom/PlusJakartaSans/PlusJakartaSans-Medium.ttf') format('opentype');
}

@font-face {
    font-family: 'plusjakartasans-mediumitalic';
    src: url('../../fonts/custom/PlusJakartaSans/PlusJakartaSans-MediumItalic.ttf') format('opentype');
}*/

@font-face {
    font-family: 'plusjakartasans-regular';
    src: url('../../fonts/custom/PlusJakartaSans/PlusJakartaSans-Regular.ttf') format('opentype');
}
/*
@font-face {
    font-family: 'plusjakartasans-semibold';
    src: url('../../fonts/custom/PlusJakartaSans/PlusJakartaSans-SemiBold.ttf') format('opentype');
}

@font-face {
    font-family: 'plusjakartasans-semibolditalic';
    src: url('../../fonts/custom/PlusJakartaSans/PlusJakartaSans-SemiBoldItalic.ttf') format('opentype');
}

@font-face {
    font-family: 'plusjakartasans-variablefont_wght';
    src: url('../../fonts/custom/PlusJakartaSans/PlusJakartaSans-VariableFont_wght.ttf') format('opentype');
}*/

:root {
    --main-color-primary: #FFFFFF;
    --main-color-secondary: #1E2228;
    --main-color-normal: #000000;
    --color-whatsapp: #25D366;
    --main-primary-color-purple: #5F249F;
    --main-secondary-color-purple: #804EB8;
    --main-primary-color-yellow: #FFCD00;
    --main-secondary-color-yellow: #FFE67E;
    --main-logo-horizontal-purple: url("../../img/web_site/logos/logo_neonet_purple_primary_left.png");
    --main-logo-horizontal-yellow: url("../../img/web_site/logos/logo_neonet_yellow_primary_left.png");
    --main-logo-horizontal-white: url("../../img/web_site/logos/logo_neonet_white_left.png");
    --main-logo-purple: url("../../img/web_site/logo_morado_01.png");
    --main-logo-yellow: url("../../img/web_site/logo_amarillo_01.png");
    --main-logo-white: url("../../img/web_site/logo_blanco_01.png");
    --main-logo-purple-ar: url("../../img/web_site/logo_morado_ar_01.png");
    --main-logo-yellow-ar: url("../../img/web_site/logo_amarillo_ar_01.png");
    --main-logo-white-ar: url("../../img/web_site/logo_blanco_ar_01.png");
    --main-logo-person: url("../../img/web_site/home/home_001_light.png");
    --main-color: var(--main-color-primary);
    --main-primary-color-01: var(--main-primary-color-purple);
    --main-primary-color-02: var(--main-secondary-color-purple);
    --main-secondary-color-01: var(--main-primary-color-yellow);
    --main-secondary-color-02: var(--main-secondary-color-yellow);
    --main-color: #FFFFFF;
    --main-color-image: url("../../img/web_site/backgrounds/bg_000_light.png");
    --main-logo-horizontal: var(--main-logo-horizontal-purple);
    --main-logo: var(--main-logo-purple);
    --main-logo-ar: var(--main-logo-purple-ar);
    --main-bg-pale-blue: #E0E9FA;
    --main-bg-pale-sky: #E5F4FD;
    --main-bg-pale-purple: #E9EAF8;
    --main-bg-pale-grape: #E6E5F4;
    --main-bg-pale-violet: #F0EAF6;
    --main-bg-pale-pink: #F8E7EC;
    --main-bg-pale-fuchsia: #FBE7F3;
    --main-bg-pale-red: #FAE6E7;
    --main-bg-pale-orange: #FEECE9;
    --main-bg-pale-yellow: #FEF3E4;
    --main-bg-pale-green: #E1F6F0;
    --main-bg-pale-leaf: #EAF3EF;
    --main-bg-pale-aqua: #E4F1F6;
    --main-bg-pale-navy: #DFE0E3;
    --main-bg-pale-ash: #EEEFF0;
    --main-bg-pale-dark: #DCDDDE;
    --main-bg-pale-primary: #E0E9FA;
    --main-bg-soft-blue: #EDF2FC;
    --main-bg-soft-sky: #F0F8FE;
    /*--main-bg-soft-purple: #F2F3FB;*/
    --main-bg-soft-purple: var(--main-secondary-color-purple);
    --main-bg-soft-grape: #F0F0F8;
    --main-bg-soft-violet: #F6F3F9;
    --main-bg-soft-pink: #FBF1F4;
    --main-bg-soft-fuchsia: #FDF1F8;
    --main-bg-soft-red: #FCF0F1;
    --main-bg-soft-orange: #FEF4F2;
    --main-bg-soft-green: #EDF9F6;
    --main-bg-soft-leaf: #F3F8F5;
    --main-bg-soft-aqua: #EFF7FA;
    --main-bg-soft-navy: #ECEDEF;
    --main-bg-soft-ash: #F5F5F6;
    --main-bg-soft-gray: #FEFEFE;
    --main-bg-soft-dark: #EAEBEC;
    --main-bg-soft-primary: #EDF2FC;
    /*--main-bg-soft-gray: rgba(164, 174, 198, 0.2);*/
    --main-bg-soft-yellow: #FFF8EE;
}

    :root.dark {
        --main-primary-color-01: var(--main-primary-color-yellow);
        --main-primary-color-02: var(--main-secondary-color-yellow);
        --main-secondary-color-01: var(--main-primary-color-purple);
        --main-secondary-color-02: var(--main-secondary-color-purple);

        --main-color-primary: #1E2228;
        --main-color-secondary: #FFFFFF;
        --main-color: var(--main-color-primary);
        --main-color-normal: #FFFFFF;
        
        --main-color-image: url("../../img/web_site/backgrounds/bg_001_dark.png");
        --main-logo-person: url("../../img/web_site/home/home_001_dark.png");

        --main-logo-horizontal: var(--main-logo-horizontal-yellow);
        --main-logo: var(--main-logo-yellow);
        --main-logo-ar: var(--main-logo-yellow-ar);
        --main-bg-pale-blue: #205CCC;
        --main-bg-pale-sky: #1192DF;
        /*--main-bg-pale-purple: #3A42B6;*/
        --main-bg-soft-purple: var(--main-primary-color-purple);
        --main-bg-pale-grape: #7670C2;
        --main-bg-pale-violet: #4C46A6;
        --main-bg-pale-pink: #B9365C;
        --main-bg-pale-fuchsia: #CE2289;
        --main-bg-pale-red: #C72830;
        --main-bg-pale-orange: #E82A0A;
        --main-bg-pale-yellow: #E88908;
        --main-bg-pale-green: #36B590;
        --main-bg-pale-leaf: #56977A;
        --main-bg-pale-aqua: #3B90B1;
        --main-bg-pale-navy: #696C77;
        --main-bg-pale-ash: #70777E;
        --main-bg-pale-dark: #6B6E71;
        --main-bg-pale-primary: #205CCC;
        /*--main-bg-pale-blue: #6B6E71;
        --main-bg-pale-sky: #6B6E71;
        --main-bg-pale-purple: #6B6E71;
        --main-bg-pale-grape: #6B6E71;
        --main-bg-pale-violet: #6B6E71;
        --main-bg-pale-pink: #6B6E71;
        --main-bg-pale-fuchsia: #6B6E71;
        --main-bg-pale-red: #6B6E71;
        --main-bg-pale-orange: #6B6E71;
        --main-bg-pale-yellow: #6B6E71;
        --main-bg-pale-green: #6B6E71;
        --main-bg-pale-leaf: #6B6E71;
        --main-bg-pale-aqua: #6B6E71;
        --main-bg-pale-navy: #6B6E71;
        --main-bg-pale-ash: #6B6E71;
        --main-bg-pale-dark: #6B6E71;
        --main-bg-pale-primary: #6B6E71;*/

        --main-bg-soft-blue: #225DD1;
        --main-bg-soft-sky: #0F8AE7;
        --main-bg-soft-purple: #3A48BC;
        --main-bg-soft-grape: #4D4DA6;
        --main-bg-soft-violet: #7B51A4;
        --main-bg-soft-pink: #BF365F;
        --main-bg-soft-fuchsia: #D81E8A;
        --main-bg-soft-red: #CD2836;
        --main-bg-soft-orange: #E63511;
        --main-bg-soft-green: #3CB697;
        --main-bg-soft-leaf: #5A9B74;
        --main-bg-soft-aqua: #3A97BA;
        --main-bg-soft-navy: #6C7380;
        --main-bg-soft-ash: #747481;
        --main-bg-soft-gray: #7F7F7F;
        --main-bg-soft-dark: #6F757B;
        --main-bg-soft-primary: #225DD1;
        /*--main-bg-soft-gray: rgba(164, 174, 198, 0.2);*/
        --main-bg-soft-yellow: #F69000;
    }

body {
    font-family: plusjakartasans-light, plusjakartasans-bold, plusjakartasans-regular, Arial, Verdana, Tahoma !important;
    font-size: large !important;
    background: var(--main-color);
    color: var(--main-primary-color-02);
    transition: background, color 500ms ease;
    
}

b, strong, h1, h2, h3, h4, h5, h6 {
    font-family: plusjakartasans-bold !important;
    color: var(--main-primary-color-01);
}

.logoHorizontal {
    width: 175px;
    height: 45px;
    background-image: var(--main-logo-horizontal);
    background-size: contain;
    background-repeat: no-repeat;
}

.logo {
    width: 150px;
    height: 40px;
    background-image: var(--main-logo);
    background-size: contain;
    background-repeat: no-repeat;
}

.logoTop {
    width: 204px;
    height: 118px;
    background-image: var(--main-logo-ar);
    background-size: contain;
    background-repeat: no-repeat;
}

.logoPerson {
    width: 95%;
    background-image: var(--main-logo-person);
    background-size: contain;
    background-repeat: no-repeat;
    filter: drop-shadow(-2px 2px 10px rgba(0, 0, 0, 0.7));
    display: block; pointer-events: auto; touch-action: manipulation; left: 1219.5px; top: 307px; z-index: 14; visibility: visible; perspective: 601px; transform: translate(10.64px, 7.18px);
}

.imgMegaMenu {
    max-height: 30px;
    width: auto;
}

.imgLogoSolution {
    max-width: 425px;
}

.productNeoNet {
    max-height: 100px;
    width: auto;
}

.productNeoNetBlock {
    height: 225px !important;
}

.text-primary-purple {
    --bs-text-opacity: 1;
    color: var(--main-primary-color-purple) !important;
}

.text-secondary-purple {
    --bs-text-opacity: 1;
    color: var(--main-secondary-color-purple) !important;
}

.text-primary-yellow {
    --bs-text-opacity: 1;
    color: var(--main-primary-color-yellow) !important;
}

.text-secondary-yellow {
    --bs-text-opacity: 1;
    color: var(--main-secondary-color-yellow) !important;
}

.text-secondary-white {
    --bs-text-opacity: 1;
    color: #FFFFFF !important;
}


.gMode {
    color: var(--main-color);
}

.bg23 {
    background-image: var(--main-color-image);
}

.bg-main-primary-01 {
    background-color: var(--main-primary-color-01) !important;
}

.bg-main-primary-02 {
    background-color: var(--main-primary-color-02) !important;
}

.bg-main-secondary-01 {
    background-color: var(--main-secondary-color-01) !important;
}

.bg-main-secondary-02 {
    background-color: var(--main-secondary-color-02) !important;
}


.fc-primary-01 {
    color: var(--main-primary-color-01) !important;
}

.fc-primary-02 {
    color: var(--main-primary-color-02) !important;
}

.fc-secondary-01 {
    color: var(--main-secondary-color-01) !important;
}

.fc-secondary-02 {
    color: var(--main-secondary-color-02) !important;
}

.fc-normal {
    color: var(--main-color-normal);
}

.fc-black {
    color: #000000 !important;
}

.bg-primary-purple {
    background-color: var(--main-primary-color-purple);
}

.bg-secondary-purple {
    background-color: var(--main-secondary-color-purple);
}

.bg-primary-yellow {
    background-color: var(--main-primary-color-yellow);
}

.bg-secondary-yellow {
    background-color: var(--main-secondary-color-yellow);
}



/*****************************************************************************************************************************************************************************************/
/**************************************************************************************** STRIPE *****************************************************************************************/
/*****************************************************************************************************************************************************************************************/
.stripe {
    padding-top: 50px;
}

.elemento1 {
    position: relative;
}

.elemento1, .elemento2 {
    min-height: 1300px;
}

.elemento2, .elemento3 {
    /*background: #fff;
    border-radius: 12px;
    border: solid 10px #f1f1f1;*/
    height: 100%;
}

.elemento3 {
    position: absolute;
    right: 0;
    top: 0;
}

.elemento4 {
    position: absolute;
    height: 100%;
}

.elemento5 {
    position: sticky;
    top: calc(20%);
    padding-top: calc(2.5%);
    padding-bottom: calc(0%);
}

.description {
    position: sticky;
    top: calc(20%);
    padding-top: calc(20%);
    padding-bottom: calc(75%);
}

/************************************************************************************/
.imagenGif {
    visibility: hidden;
    /*width: 500px !important;
    height: 500px !important;*/
    width: 95%;
    /*filter: drop-shadow(-1px 1px 6px rgba(0, 0, 0, 0.7));*/
}

.imagenGif--rota {
    visibility: visible;
    animation: fadeIn 5s;
    -webkit-animation: fadeIn 5s;
    -moz-animation: fadeIn 5s;
    -o-animation: fadeIn 5s;
    -ms-animation: fadeIn 5s;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.darkModeSwitch {
    background: #3494b1;
    display: flex;
    position: relative;
    cursor: pointer;
    outline: none;
    border: none;
    border-radius: 1rem;
    align-items: center;
    justify-content: space-between;
}

    .darkModeSwitch span {
        width: 30px;
        height: 30px;
        line-height: 30px;
        display: block;
        color: #fff;
        background: none;
    }

    .darkModeSwitch::after {
        display: block;
        background: #fffbf5;
        width: 1.5rem;
        height: 1.5rem;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        border-radius: 3rem;
        transition: all .5s ease;
        box-shadow: 0 0 2px 2px rgba(0, 0, 0, .5);
        content: "";
    }

    .darkModeSwitch.active {
        background: #fdd384;
    }

        .darkModeSwitch.active::after {
            left: 0;
            right: 15px;
        }


.youtubeVideo {
    width: 100%;
    height: 250px;
}


.horizontal-gradient {
    background: linear-gradient(to left, blue, pink);
}

.striped {
    background: linear-gradient(to bottom right, cyan 50%, #5F249F 50%);
}

.striped-p {
    background: linear-gradient(to bottom right, #804EB8 40%, #5F249F 40%);
}

.triangle {
    width: 0;
    height: 0;
    border: 150px solid transparent;
    border-top: 0;
    border-bottom: 300px solid ;
}

.figura-rara {
    clip-path: polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%);
}

.curva_1 {
    /*width: 100vh;
    height: 100vh;*/
    background-image: radial-gradient(ellipse farthest-corner at 50% 50%, #000 50%, rgba(0, 255, 0, 0) 0%, #5F249F 50%);
}

#b1 {
    position: relative;
    z-index: 1;
    background: blue;
    overflow: hidden;
    width: 100px;
    height: 200px;
}

#b2 {
    position: absolute;
    z-index: 2;
    top: 0px;
    border-radius: 150px;
    width: 100px;
    height: 100px;
    background: white;
    border-top: 100px solid transparent;
    border-right: 100px solid transparent;
}

.curve {
    background-color: var(--main-color);
    height: 200px;
    width: 100%;
    -moz-border-radius-bottomright: 25px 50px;
    border-bottom-right-radius: 50px 200px;
}

.gradienteP {
    background: linear-gradient(to right, var(--main-secondary-color-02), var(--main-secondary-color-01) 75%);
}


.divG {
    background: blue;
    width: 50px;
    height: 75px;
    position: relative;
}

    .divG:before {
        content: '';
        background-image: radial-gradient(circle at 100% 100%, rgba(204, 0, 0, 0) 100px, blue 100px);
        position: absolute;
        top: 0;
        left: 100%;
        width: 100px;
        height: 75px;
    }

    .divG:after {
        content: '';
        position: absolute;
        width: 50px;
        height: 75px;
        background: blue;
        border-radius: 0 0 100% 0 / 0 0 100% 0;
        top: 100%;
        left: 0;
    }




.list-group-2 {
    --bs-list-group-color: #1e2228;
    --bs-list-group-bg: #fff;
    --bs-list-group-border-color: rgba(0, 0, 0, 0.125);
    --bs-list-group-border-width: 1px;
    --bs-list-group-border-radius: 0.4rem;
    --bs-list-group-item-padding-x: 1rem;
    --bs-list-group-item-padding-y: 0.5rem;
    --bs-list-group-action-color: #2f353a;
    --bs-list-group-action-hover-color: #2f353a;
    --bs-list-group-action-hover-bg: #fefefe;
    --bs-list-group-action-active-color: #60697b;
    --bs-list-group-action-active-bg: #f6f7f9;
    --bs-list-group-disabled-color: #60697b;
    --bs-list-group-disabled-bg: #fff;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #3f78e0;
    --bs-list-group-active-border-color: #3f78e0;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: var(--bs-list-group-border-radius);
}


.list-group-numbered-2 {
    list-style-type: none;
    counter-reset: section;
    min-width: 50px;
}

    .list-group-numbered-2 > .list-group-item-2::before {
        content: counters(section, ".") ". ";
        /*content: counters(section, ".") " ";*/
        counter-increment: section;
    }


.btn-whatsapp {
    position: fixed;
    right: 1.5rem;
    bottom: 1.75rem;
    width: 2.3rem;
    height: 2.3rem;
    cursor: pointer;
    display: block;
    border-radius: 100%;
    background-color: var(--color-whatsapp);
}

.image-solution {
    width: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100%;
    border-top-right-radius: 25px;
}

.image-recort-01 {
    fill: var(--main-secondary-color-01);
}

.image-recort-02 {
    fill: var(--main-color);
}

.image-solution2 {
    width: 100% !important;
    height: 100% !important;
    padding-left: 0.75px !important;
    padding-right: 0.75px !important;
    padding-top: 0.75px !important;
    padding-bottom: 0.75px !important;
}

.svg-solution {
    position: absolute;
    top: 0px;
    left: 0px;
    min-width: 100%;
    min-height: 100%;
}

.svg-solution-left {
    position: absolute;
    min-width: 100% !important;
    min-height: 100% !important;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    transform: rotateY(0deg);
}

.svg-solution-right {
    position: absolute;
    min-width: 100% !important;
    min-height: 100% !important;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    /*transform: rotate(180deg);*/
    transform: rotateY(180deg);
    margin-left: -15px !important;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.svg-solution-left-top {
    position: absolute;
    min-width: 100% !important;
    min-height: 100% !important;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    transform: rotateX(180deg);
}

.svg-solution-right-top {
    position: absolute;
    min-width: 100% !important;
    min-height: 100% !important;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    /*transform: rotate(180deg);*/
    transform: rotate(180deg);
    margin-left: -15px !important;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.mega-menu-border {
    border: solid;
    border-color: var(--main-primary-color-01);
    border-width: 2px;
}


/************************************************/

.btn-afiliate {
    padding: 1px 40px;
    border-radius: 25px;
}

.bodegon-l {
    top: -20%;
    left: 45%;
    width: 95%;
}

.bodegon {
    top: -10%;
    left: 0;
}

.card_brand {
    width: 215px;
}

.interbanco {
    width: 55px;
}

.shape-map {
    top: -2rem;
    left: -1.4rem;
}

.div-map {
    width: 100%;
    min-height: 650px;
    display: inline-block;
    overflow: hidden;
    border-top: solid;
    border-width: 5px;
}

.frame-map {
    width: 100%;
    min-height: 650px;
    position: relative;
    top: -70px;
    border: solid;
    border-width: 5px;
}

.logo_cuik {
    width: 150px;
}



.bg-neonet {
    background-color: #FFCD00 !important;
}

.footer-curve {
    background-color: #FFFFFF;
    height: 100px;
    width: 100%;
    -moz-border-radius-bottomright: 25px 50px;
    border-bottom-right-radius: 50px 200px;
    margin-top: -2px;
}

.footer-gradient {
    background: linear-gradient(to right, #FFE67E, #FFCD00 75%);
}

.footer-diagonal {
    clip-path: polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%);
    margin-bottom: -2px;
}


/*****************************************************************************************************************/
/********************************************** PROMOCIONES ******************************************************/
/*****************************************************************************************************************/
.promo23001_02 {
    width: 30% !important;
    top: 2%;
    left: 2%;
}

.promo23001_03 {
    width: 55% !important;
    top: 8%;
    left: 25%;
}

.promo23001_04 {
    width: 90% !important;
    top: 35%;
    left: 10%;
}

.promo23001_05 {
    width: 35% !important;
    bottom: 1%;
    left: 0%;
}

.promo23001_06 {
    width: 60% !important;
    bottom: 10%;
    right: 10%;
}

.promo23001_07 {
    width: 30% !important;
    bottom: 0%;
    right: 0%;
}

.custom_neo_link_003{
    width  : 400px !important;
    height : 742px !important;
}


/*****************************************************************************************************************/
/********************************************** PROMOCIONES 20241111 ******************************************************/
/*****************************************************************************************************************/


.promo20241111_03 {
    width: 55% !important;
    top: 5%;
    left: 25%;
}

.promo20241111_04 {
    width: 80% !important;
    top:  25%;
    left: 10%;
}

.promo20241111_05 {
    width: 35% !important;
    bottom: 1%;
    left: 0%;
}

.promo20241111_06 {
    width: 60% !important;
    bottom: 15%;
    right: 18%;
}

.promo20241111_07 {
    width: 30% !important;
    bottom: 2%;
    right: 0%;
}

.font_auto_promo {
    color: #ffc000 !important;
}