* {
    box-sizing: border-box;
}

/* FONT STYLE --------------------------------------------------------------------------------------------------------*/
@font-face {
    font-family: openRegular;
    src: url(/static/fonts/OpenSans-Regular.ttf);
    font-display: swap;
}

@font-face {
    font-family: openLight;
    src: url(/static/fonts/OpenSans-Light.ttf);
    font-display: swap;
}

@font-face {
    font-family: openItalic;
    src: url(/static/fonts/OpenSans-Italic.ttf);
    font-display: swap;
}

@font-face {
    font-family: openSemiBold;
    src: url(/static/fonts/OpenSans-SemiBold.ttf);
    font-display: swap;
}

@font-face {
    font-family: openBold;
    src: url(/static/fonts/OpenSans-Bold.ttf);
    font-display: swap;
}

.regularFont {
    font-family: openRegular;
}

.lightFont {
    font-family: openLight;
}

.italicFont {
    font-family: openItalic;
}

.semiBoldFont {
    font-family: openSemiBold;
}

.boldFont {
    font-family: openBold;
}

/* END FONT STYLE ----------------------------------------------------------------------------------------------------*/

/* START HEADER DROPDOWN ---------------------------------------------------------------------------------------------*/
#dropdownMenuButton1 {
    font-size: 13px !important;
    background-Color: #d5c9d5 !important;
    padding: 3px 10px !important;
    height: max-content !important;
    position: absolute !important;
    top: 0 !important;
    right: 47px !important;
    color: #3a2470 !important;
    border: none !important;
    border-radius: 0 !important;
}

#dropdownMenuButton1:focus {
    border: none !important;
    box-shadow: none !important;
}

.dropdown {
    position: unset !important;
}

.dropdown-menu {
    top: 0 !important;
    right: 224px !important;
    left: unset !important;
    font-size: 13px !important;
    background-color: #d7d5d6 !important;
    border-radius: 0 !important;
    border: none !important;
    padding: .15rem 0 !important;
}

.dropdown-menu li {
    font-size: 13px;
}

.dropdown-item {
    color: #787677 !important;
    display: initial !important;
    padding: .25rem 1rem !important;
    font-size: 13px !important;
}

.dropdown-toggle::after {
    display: none !important;
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item:hover {
    color: #3a2470 !important;
    text-decoration: underline !important;
    background-color: initial !important;
}

.dropdown-menu.show {
    display: inline-flex !important;
    margin-top: 0px !important;
}

@media (max-width: 992px) {
    #dropdownMenuButton1 {
        position: initial !important;
    }

    .dropdown-menu.show {
        display: flex !important;
        margin-top: 2px !important;
    }

}

/* END HEADER DROPDOWN -----------------------------------------------------------------------------------------------*/

/* -------------------------------------Navbar Style-----------------------------------------*/
.navbar {
    padding: 0 2rem !important;
}

.whiteBg {
    background-color: white !important;
}

.navbar-dark .navbar-nav .headerLink {
    color: #aa3895;
    font-size: 14px;
    font-family: openSemiBold;
    padding: 1rem 0;
    margin: 0 .5rem;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    text-decoration: none;
}

@media (min-width: 992px) {
    .headerLink:hover {
        color: #3b2370 !important;
        cursor: pointer !important;
        border-top: 5px solid transparent !important;
        border-bottom: 5px solid #3b2370 !important;
    }

    .navbar {
        align-items: flex-end !important;
    }

    .logOutButtonContainer {
        padding: 0 .5rem !important;
        margin: auto 0 !important;
    }
}

.logOutButtonContainer {
    padding: 1rem 0 1.7rem;
}

.navbar-dark .navbar-toggler {
    outline: transparent !important;
    border-color: transparent !important;
}

@media (min-width: 992px) {
    .headerLink:hover {
        color: #3b2370 !important;
        cursor: pointer;
        border-top: 5px solid transparent !important;
        border-bottom: 5px solid #3b2370 !important;
    }

}

.logOutButton {
    padding: .2rem .9rem !important;
    border-radius: 0 !important;
    border-color: transparent !important;
    background-color: #ab18a6 !important;
    font-size: 14px !important;
    margin: 0 .5rem;
}

.buy-button:hover,
.logOutButton:hover {
    border-color: #e8e8e8 !important;
    background-color: #ab18a6 !important;
}

.logOutButton:focus,
.logOutButton:active {
    box-shadow: none !important;
}

.linksPosition {
    margin-right: 0 !important;
    margin-left: auto;
}

.leftImage {
    margin: auto 5px 2px 0;
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("/static/assets/menu_icon.webp") !important;
    background-size: 30px 24px !important;
}

/*PRUEBA CAMBIO DEL ICONO DE MENU */

.adminDataHeader {
    background-color: #b1a8c7;
    color: white;
    padding: .1rem 2rem;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
}

/* END NAVBAR STYLE --------------------------------------------------------------------*/

.violet-gradient {
    background-color: #85308b;
    /* For browsers that do not support gradients */
    background-image: linear-gradient(to right, #85308b, #3b2370);
}

/* -------------------------------STYLES MODAL ---------------------------------- */

.modal-content {
    border-radius: 0px !important;
    border: 1.5px solid #a247b9 !important;
    box-shadow: 5px 5px 15px #6d2e7d;
    background-clip: unset !important;
    font-size: 14px;
}

.modal-body {
    padding: 0 24px 30px !important;
}

.modal-footer {
    display: block !important;
    padding: 18px 0 24px !important;
    border-top: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    background: #f1f1f1 !important;
}

.modal-footer>p {
    display: flex;
    justify-content: center;
}

.modal-dialog {
    position: absolute !important;
    top: 66px;
    right: 47px;
}

.formControl {
    border: 2px solid #85308b;
    margin: auto;
}

.modalButton {
    color: #fff;
    font-size: 14px;
    height: 32px;
    padding: 0 60px;
    border: 0px;
}

.loginContainer {
    display: flex;
    justify-content: center;
    padding: 30px 0;
}

.forgotPasswordContainer {
    display: flex;
    justify-content: center;
}

.forgotPasswordContainer a {
    color: #6d2e7d;
}

.forgotPasswordContainer a:hover {
    color: #6d2e7d;
}

#id_first_name,
#id_last_name,
#id_phone,
#id_email,
#id_country,
#id_institution,
#id_password,
#id_password1,
#id_password2 {
    border: 0.5px solid #ab18a6;
    height: 40px;
    width: 100%;
    border-radius: 0px;
    padding: 3px 10px;
    font-size: 14px;
}

#id_email:focus {
    box-shadow: none;
}

#id_email:focus {
    box-shadow: none;
}

#id_password {
    margin-top: 20px;
}

.triangleContainer {
    position: relative;
    left: 188px;
    top: -19px;
    margin: 0px;
    padding: 0px;
}

.triangleViolet {
    width: 26px;
    height: 18px;
    background: #a247b9;
    clip-path: polygon(100% 0%, 0% 100%, 100% 100%);
}

.triangleWhite {
    width: 24px;
    height: 16px;
    background: white;
    clip-path: polygon(100% 0%, 0% 100%, 100% 100%);
    position: relative;
    top: -13.8px;
}

/* ------------------------------- END STYLES MODAL --------------------------------- */

/* ------------------------------------- STYLES PAG ABOUT US -----------------------*/

/* ATENCION!! .traiangleBackground ES UTILIZADO EN LAS SIGUIENTES PAG= ABOUT US/ BLOG POST/ NEWS/ REGISTER */
.triangleBackground {
    background-image: url("/static/assets/fondo_triangulos_gradient.webp");
    background-size: contain;
    background-repeat: no-repeat;
}

.greyBackground {
    background-color: #f3f5f4;
}

/* ATENCION!! .containerTitlePage ES UTILIZADO EN LAS SIGUIENTES PAG= ABOUT US/ WHY LUNDQLA/WHY LUNDQLA-1/ NEWS/ REGISTER */

.containerTitlePage {
    padding-top: 160px;
}

.containerTitlePage .titlePage {
    border: 2px solid #3b2370;
    color: #ab18a6;
    font-size: 2.5rem;
    font-weight: bold;
    margin-left: 180px;
    padding: 5px 40px;
    text-align: center;
}


.aboutUs {
    box-shadow: 2px 2px 10px #b1a8c7;
    margin: 130px auto;
    height: auto;
}

.picture {
    background-image: linear-gradient(to top, #3a2373, #af09bb);
    float: left;
}

.row .picture.col-md-4 {
    padding-right: 0;
}

.descriptionPicture {
    padding: 30px;
    text-align: start;
}

.descriptionPicture .h2Title {
    color: #3a2373;
    font-size: 2.5rem;
}

.descriptionPicture .h3Caption {
    color: #772d82;
    font-size: 1.5rem;
}

.descriptionPicture .pCaption {
    color: #ab18a6;
    font-weight: bold;

}

.contentDescription {
    padding: 7px;
}

/* ------------------------------------ END STYLES PAG ABOUT US ------------------------- */

/* --------------------------------------- STYLES PAG CONTACT ----------------------------------- */

.contact {
    padding: 90px;
}

.inProgress {
    color: #aa3895;
    font-size: 2rem;
    font-weight: bold;
}

/* ------------------------------------------------ */

/* --------------------------------------- END STYLES PAG CONTACT -------------------------------------- */

/* ------------------------------ STYLES HINDEX ------------------------------ */

.boxMother {
    background-image: url("/static/assets/banner_home.webp");
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
}

.bodyContainer {
    position: relative;
    top: 80px;
    background-color: #f3f5f4;
}

.banner {
    display: flex;
}

.logo {
    margin-top: 250px;
    margin-left: 100px;
}

.titleLogo {
    color: #3b2370;
    font-size: 2.5rem;
    font-family: openBold;
}

.logo p {
    color: #aa3895;
    font-size: 16px;
}

.boxSon {
    background: #f3f5f4;
    margin: auto;
    padding-top: 50px;
    text-align: -webkit-center;
    width: 80%;
}

.boxLundqla {
    border: 2px solid #3b2370;
    color: #aa3895;
    font-size: 40px;
    font-weight: bold;
    height: 65px;
    margin: 60px 0;
    padding-top: 10px;
    text-align: center;
}

.boxDescription {
    font-size: 18px;
    margin: auto;
    width: 950px;
    text-align: justify;
    text-justify: inter-word;
}

.boxHolder {
    padding-top: 30px;
}

.holder {
    align-items: center;
    display: flex;
    justify-content: center;
}

.holder .textItem {
    display: inline-block;
    color: #359ae9;
    font-weight: bold;
    padding-left: 5px;
}

/* ---------------------------------------- END STYLES HINDEX--------------------------------- */

/* ------------------------------------- STYLES PAG NEWS ------------------------------ */

.boxFather {
    background: #f3f5f4 !important;
}

.News {
    display: flex;
    margin: auto;
}

.containerNews {
    display: flex;
    justify-content: center;
    padding-top: 80px;
}

.containerImg {
    border-top-width: 10px;
    background: #f3f5f4;
}

.blockNews {
    box-shadow: 2px 2px 6px 0px;
    background: #fff;
    margin: 0 15px;
    height: 100%;
}

.boxImage {
    margin: 0;
    cursor: pointer;
    object-fit: cover;
    width: 250px;
    height: 250px;
}

.blackBackground {
    background-color: #000000
}

.lilacBackground {
    background-color: #ab17a5;
}

.holderIndex {
    padding: 20px 0px;
    height: 100px
}

.textItem {
    color: #3c98e9;
    padding-left: 10px;
}

.newsInformation {
    padding: 30px 40px;
}

.titleNews {
    color: #3b2370;
    font-size: 2rem;
}

.nextButton {
    padding-top: 90px;
}

.violetBackground {
    background-color: #3b2370;
}

.lightBlueBackground {
    background-color: #359ae9;
}

.nextLoad {
    align-items: center;
    border: 2.5px solid #359ae9;
    background: #fff;
    color: #359ae9;
    font-size: 1.5rem;
    margin: 0 auto 100px;
    padding: 15px 25px;
}

/* -------------------------------------- END PAG NEWS ----------------------------------------- */

/* ---------------------------------------- STYLES PAG NEWS DETAILS -------------------------------- */

.main {
    background: #f3f5f4;
}

.containerTitle {
    margin-bottom: 30px;
    padding-top: 200px;
}

.mainTitle {
    align-items: flex-end;
    color: #3b2370;
}

.holderNews {
    margin-top: 10px;
    text-align: end;
}

.picture {
    width: inherit;
}

.writing {
    margin-top: 50px;
    margin-bottom: 70px;
}

.socialMedias {
    align-items: center;
    margin-bottom: 10px;
}

.socialMediasText {
    color: #ab17a5;
}

.contentNext {
    padding-top: 40px;
}

.previous {
    text-align: end;
}

.buttonNext {
    color: #ab17a5;
    font-size: 1rem;
    font-weight: bold;
    margin: 10px;
}

.newsPrevious {
    text-align: -webkit-center;
}

.backNews {
    margin: 100px;
    padding-top: 80px;
    justify-content: center;
}

.buttonNews {
    border: 2px solid #359ae9;
    color: #359ae9;
    font-size: 1rem;
    font-weight: bold;
}

/* -------------------------------------- END STYLES NEWS DETAILS --------------------------------------------- */

/* ------------------------------------- STYLES PAG REGISTER ---------------------------- */

.Base {
    background: #f3f5f4;
}

.containerForm {
    border: #3a2470;
    color: #ab18a6;
    margin: auto;
    padding-top: 70px;
}

.paragraphForm {
    margin: 0 0 0 0 !important;
}

.form {
    border: 0.5px solid #ab18a6;
    height: 40px;
    width: 100%;
}

.singUp {
    margin: 80px;
}

.singUpForm {
    align-items: center;
    border: 0px;
    background-color: #85308b;
    color: #f3f5f4;
    font-size: 1.5rem;
    margin: auto;
    padding: 10px 25px;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 0.5px solid #ab18a6;
    border-radius: 0px;
    height: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
}

/* ------------------------------------ END STYLES PAG REGISTER ------------------------- */

/* -------------------------------------- STYLES PAG WHY LUNDQLA-1 --------------------------*/

@media (min-width: 992px) {
    .boxArgentina {
        display: flex;
        height: 600px;
        justify-content: center;
        margin-top: -170px;
        margin-bottom: -50px;
    }

    .rect {
        height: 200px;
    }

    .rectBackground {
        height: 180px;
        background-color: #EAF4FD;
        align-self: center;
        position: absolute;
    }

    .argentina {
        display: flex;
        height: 250px;
        text-align: left;
    }

    .boxDescription-A {
        margin: 5px 5px;
        padding: 25px;
        font-weight: bold;
        font-size: 1.3rem;
    }

    .boxDescription-B {
        margin: 10px auto;
        padding: 25px;
        font-weight: bold;
    }

    .boxDescription-A .title {
        color: #3b2370;
        font-size: 1.5rem;
    }

    .boxDescription-A .país {
        color: #ab17a5;
        font-size: 2rem;
    }

    .block {
        width: 300px;
        text-align: center;
        margin-top: 50px;
        position: relative;
        bottom: 60px;
    }

    .block .image {
        margin: auto;
    }

    .block .content {
        padding: 20px 0;
        font-size: 24px;
    }
}

/* ----------------------------------- END STYLES PAG WHY LUNDQLA-1------------------------------- */

/* ----------------------------------------- STYLES PAG WHY LUNDQLA ----------------------------------------- */

.modul-A {
    justify-content: center;
    margin: auto;
}

.blockDescription {
    padding: 100px;
}

.blockDescription .paragraphBlock {
    color: #ab18a6;
    font-weight: bold;
    font-size: 1.2rem;
}

.blockTarget {
    background: #ebf5fe;
    margin: 0px auto 100px;
}

.titleBlock {
    color: #3a2470;
    background-color: #c2e0f8;
    margin-bottom: 20;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 5px 35px;
}

.Target {
    align-content: center;
    height: 60px;
    padding: 35px;
}

.Country {
    color: #ab18a6;
    font-size: 1.5rem;
    font-weight: bold;
}

.Modul-2 {
    background: #f3f5f4;
    display: flex;
    justify-content: center;
}

.servicesBlock {
    margin: auto;
}

.titleServices {
    color: #359ae9;
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 45px;
    padding-top: 45px;
}

.servicesPack {
    margin-top: 100px;
    margin-bottom: 100px;

}

.descriptionPack {
    color: #359ae9;
    background: #fff;
    background-clip: content-box;
    font-size: 1.5rem;
    text-align: center;
}

.imgPack {
    padding-top: 10px;
}

.paragraphPack {
    background: #e1e3e2;
    text-align: center;
    padding: 20px;
    height: 350px;
    overflow: auto;
}

/* ---------------------------------------- END STYLES PAG WHY LUNDQLA --------------------------------- */

/* --------------------------------------- STYLES FOOTER ------------------------------------------------------ */

.main-footer {
    color: #ffffff80;
    padding: 30px;
}

address {
    font-size: 12px;
}

.contactInfoMargin {
    margin-bottom: 0px;
}

.contactInfoFooter {
    color: #fff;
    font-size: 14px;
}

.footerTitle {
    color: #d57eb2;
    font-size: 14px;
}

.container-padding {
    padding-top: 60px;
}

/* ---------------------------END STYLES FOOTER-------------------------------- */