*,
::before,
::after{
    margin: 0;
    box-sizing: border-box;
}

:root{
    --primary-color: rgb(100, 15, 46);
    --color-base: #500C24;
    --pale-color: #640f2e;
    --black-color: #1f1f1f;
    --dark-color: #0A0104;
    --gray-color: #5a5a5a;
    --white-color: #FFFFFF;
    --background: #E5E4E2;
    --padding-container: 40px 0;
    --border-radius1: 10px; 
    --border-radius2: 5px; 
}

/**PRE-LOADER #005658 **/
.centre{
  position: fixed; 
  width: 100vw; 
  height: 100vh;
  background: linear-gradient(to bottom right, #500C24, #500C24, #500C24, #500C24, #640f2e, #500C24, #500C24);
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
}

.lds-roller {color: var(--background)}
.lds-roller,
.lds-roller div,
.lds-roller div:after {
  box-sizing: border-box;
}
.lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7.2px;
  height: 7.2px;
  border-radius: 50%;
  background: currentColor;
  margin: -3.6px 0 0 -3.6px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 62.62742px;
  left: 62.62742px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 67.71281px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 70.90963px;
  left: 48.28221px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 70.90963px;
  left: 31.71779px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 67.71281px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 62.62742px;
  left: 17.37258px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12.28719px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


body,
input,
textarea,
button{
    font-family: "Roboto", sans-serif;
}
body{
    background: linear-gradient(to bottom right, #500C24, #500C24, #500C24, #500C24, #640f2e, #500C24, #500C24);
}

.title_highlight,
.display-5,
.container-features-page .fw-bold{
    font-size: 1.5rem;
    font-weight: 900;
    text-transform: uppercase;
    color: var(--background);
}

.hero_paragraph,
.card-text,
.paragraph{
    font-weight: 300;
}
p a{
    text-decoration: none;
    color: #500C24;
    font-weight: 500;
}
p a:hover{
    text-decoration: underline; transition: .6s;
}

.container{
    background: linear-gradient(to bottom, #640f2e, #640f2e, #732742, #732742, #640f2e, #640f2e);
    width: min(100%, 1600px);
    margin: 0 auto;
    overflow: hidden;
}
.container-header{
    background: linear-gradient(to bottom, #732742, #500C24, #500C24);
}
.container-hero{
    background: linear-gradient(to bottom, #732742, #500C24, #500C24);
}
.container-hero .bi{
    margin-bottom: 4px;
    color: var(--background);
}
.container-nav{
    background: linear-gradient(to bottom, #640f2e, #500C24, #500C24);
}
.bi{
    font-size: 12px;
}

/*hero encabezado*/
.nav-container{
    background: transparent;
}

.container_nav{
    background: var(--background);
}
.nav{
    --nav-icon-background: url("/icons/menu_close.svg");
    --transform-list-menu: translate(-100%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 70px;
    background: transparent;
    margin-bottom: 0;
}

.nav:has(.nav_checkbox:checked){
    --nav-icon-background: url("/icons/menu-open.svg");
    --transform-list-menu: translate(0);
}
.nav_checkbox{
    display: none
}
.nav_logo{
    width: 80px; 
    height: auto;
    margin-bottom: 0;
}
.nav_label, .nav_logo-link{z-index: 100;}
.nav_label{
    width: 36px;
    height: 36px;
    background-image: var(--nav-icon-background);
    background-size: cover;
    cursor: pointer;
    transition: 0.4s;
}

.nav_list{
    background: linear-gradient(to bottom, #732742, #640f2e, #640f2e, #1f1f1f);
    border-radius: 10px 10px 5px 3px;
    position: absolute;
    inset: 0;
    display: grid;
    place-content: center;
    gap: .3rem;
    text-align: center;
    list-style: none;
    padding-left: 10px;
    padding-right: 10px;
    /*para olcultar el menu guardado en un variable*/
    transform: var(--transform-list-menu);
    transition: transform 1.5s;
}
.nav_link{
    display: inline-block;
    color: var(--background);
    text-decoration: none;
    font-size: 0.8rem;
    text-transform: uppercase;
    gap: 5px;
}
.nav_link:hover{
    font-weight: 700;
    padding-bottom: 3px;
    color: var(--gray-color);
    border-bottom: 3px solid #732742;
}
.nav_link:active{
    background-color: #640f2e;
    color: var(--white-color);
}
.nav_link--contact{
    font-size: .8rem;
    background: var(--background);
    padding: .4rem 1rem;
    border: 1px solid var(--background);
    color: var(--background);
    text-decoration: none;
    border-radius: 5px 5px 0 0;
}
.nav_link--contact:hover{
    background: linear-gradient(to bottom right, #640f2e, #640f2e,#500C24, #500C24);
    color: var(--color-base);
    transition: 1s;
}

.dropdown-language{
    padding: 3px;
    background-color: transparent;
    border: none;
    font-size: .7rem;
    color: var(--color-segundario);
    border-radius: 0%;
}
.dropdown-language:hover{
    background-color: transparent;
    font-weight: 900;
    padding-bottom: 3px;
    border-bottom: 3px solid #732742;
}
.dropdown-menu{
    background-color: var(--color-base);
    color: var(--white-color);
}
.language .dropdown{
    background-color: transparent;
}
.language-list{
    font-size: .8rem;
    color: var(--background);
    background: linear-gradient(to bottom, #640f2e, #732742)
}
.nav_link--cta{
    border: 1px solid #640f2e;
    background: linear-gradient(to bottom, #640f2e, #640f2e, #1d1b1a, #1d1b1a);
    height: 36px;
    width: 36px;
    border-radius: 50%;
    color: var(--gray-color);
    text-decoration: none;
    padding: 10px;
}
.nav_link--cta:hover{
    background-color: #640f2e;
    border-color: var(--color-segundario); 
    border: 1px solid var(--gray-color);
    transition: .5s;}

.nav_link:active{
    background-color: var(--background);
    color: var(--color-base);
}
.lenguage-group{
    display: grid;
}
.top-country-list{
    display: table-cell;
}

.hero_container{
    background: linear-gradient(to bottom, #640f2e, #500C24, #500C24);
}

/**Card title**/
.card-title{
    text-transform: uppercase;
}

/**ALL CONTAINERS**/
.container-nav{
    padding-top: 0;
    padding-bottom: 0;
}

/**beneficiaries**/
.beneficiaries{
    background: var(--white-color);
    padding-top: 1rem;
}
.beneficiaries .container{
    background: transparent;
    margin-top: 1rem;
}
.beneficiaries h2{
    color: var(--gray-color);
    margin-top: 1rem;
}
.beneficiaries h2:hover{
    color: var(--color-base);
}
.beneficiaries h6{
    color: var(--pale-color);
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
}

/**Mission vision**/
.mission-vision{
        background: transparent;
        padding-bottom: 0;
    }
.container-faq{
    background: var(--white-color);
    border-top: 5px solid #732742;
    border-right: 5px solid #732742;
    border-left: 5px solid #732742;
    border-top-width: 5px;
    border-radius: 50px 50px 0 0;
    padding-bottom: 1rem;
}
.container-faq:hover{
    background: var(--white-color);
    border-top: 5px solid #5a5a5a;
    border-left: 5px solid #5a5a5a;
    border-right: 5px solid #5a5a5a;
    border-top-width: 5px;
    border-radius: 50px 50px 0 0;
    padding-bottom: 1rem;
}
.mission-vision .title_highlight{
    color: var(--gray-color);
}
    .mission-vision .title_highlight:hover{
        color: var(--background);
    }

    .faq{
        width: min(100%, 1200px);
        margin: 0 auto;
        overflow: hidden;
    }
    
    .faq_container{
        display: grid; 
        gap: 1rem; 
        padding: 3rem .5rem;
    }

    .faq_question{
        display: flex; 
        cursor: pointer;
        align-items: center;
        color: var(--gray-color);
    }
    .faq_question::after{
        content: "";
        width: 40px;
        height: 40px;
        background-image: var(--icon-question-url);
        transition: background-image .5s;
        margin-left: auto;
    }

    .faq_item{
        background: var(--white-color);
        padding: .5rem;
        border-bottom: 1px solid var(--color-base);
        border-bottom-width: 1px;
        --icon-question-url: url("/img/ouvrir_marron.svg");
    }

    .faq_item[open]{
        background: var(--color-base);
        --icon-question-url: url("/img/fermer_marron.svg");
        color: var(--background);
    }
    .faq_title{
        font-size: 1.5rem;
        font-weight: 900;
        width: 60%;
        color: var(--gray-color);
    }
    .faq_title:hover{
        color: var(--background);
    }
    .faq_answer{
        color: var(--background);
        margin-top: .5rem;
        padding-top: .5rem;
        border-top: 1px solid var(--pale-color);
        font-size: 1rem;
    }
    .faq_answer li{
        margin: 1rem 0 1rem 1rem;
        list-style-type: square;
        font-weight: 300;
    }

/**FAQ**/
.faq-container .container{
    border-top: 5px solid var(--pale-color);
    border-radius: 10px;
}
.faq-container .col-lg-6{
    background: rgb(100, 15, 46, .2);
    border-radius: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.faq-container .accordion-button, .bi{
    color: var(--pale-color);
}
.faq-container .accordion-body{
    color: var(--background);
}
.faq-container .accordion{
    border: 1px solid #003e3f;
    border-radius: 10px;
}
.faq-container .accordion-item{
    border-bottom-color: var(--pale-color);
}

/**questions**/
.questions-frequentes{
    background: var(--white-color);
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.questions-frequentes .container{
    background: var(--white-color);
}
.questions-frequentes .faq_item{
        background: var(--white-color);
        padding: .5rem;
        border-bottom: 1px solid var(--gray-color);
        border-bottom-width: 1px;
        --icon-question-url: url("/img/ouvrir_marron.svg");
    }
    .questions-frequentes .title_highlight{
        color: var(--color-base);
    }
    .questions-frequentes .title_highlight:hover{
        color: var(--black-color);
    }
    .questions-frequentes .faq_answer{
        background: var(--white-color);
        color: var(--black-color);
        border-radius: 10px;
        padding: .5rem;
    }

    .faq_item[open]{
        background: var(--color-base);
        --icon-question-url: url("/img/fermer_marron.svg");
        color: var(--background);
        border-radius: 10px;
        border-bottom-width: 5px;
        border-bottom-color: var(--pale-color);
    }
    .faq_title{
        font-size: 1.5rem;
        font-weight: 900;
        width: 60%;
        color: var(--gray-color);
    }
    .faq_title:hover{
        color: var(--black-color);
    }
    .questions-frequentes .faq_question{
        text-transform: uppercase;
    }

.check{
    display: flex;
    justify-content: space-evenly; 
    flex-wrap: wrap;
    margin: 30px 0; 
}
.check_number{
    color: var(--color-base);
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
}
.check_number:hover{
    color: var(--gray-color);
    font-size: 20px;
    font-weight: 700;
    transition: 1s;
}

.bx-check{
    background: linear-gradient(to top right,  #732742, #E5E4E2, #732742);
    margin-right: 10px;
    display: inline-block;
    border: 2px solid transparent;
    width: 36px;
    height: 31px;
    text-align: left;
    color: var(--color-base);
    border-radius: 50%;
    font-size: 26px;
}
.bx-check:hover{
    background: linear-gradient(to bottom right, #500C24, #732742, #640f2e, #500C24);
    display: inline-block;
    border: 2px solid transparent;
    width: 36px;
    height: 31px;
    text-align: left;
    margin-right: 20px;
    color: var(--white-color);
    border-radius: 50%;
    font-size: 26px;
}
.check_item{
    width: 100%;
    display: flex;
}
.check_copy{
    font-weight: 300;
    font-size: 16px;
    text-align: left;
    padding-left: 5px;
    border-left: 2px solid var(--pale-color);
}
.check_copy:hover{
    font-weight: 700;
    color: var(--color-base);
    border-left: 5px solid var(--pale-color);
    transition: 1s;
}
.contacte-nous{
    background: var(--white-color);
}
.contacte-nous .container{
    background: var(--white-color);
}

/**how it works new**/
.how-container{
    background: linear-gradient(to bottom right, #500C24, #500C24, #500C24, #500C24, #640f2e, #500C24, #500C24);
    padding-bottom: 3rem;
    padding-top: 3rem;
}

.how-container .container{
    background-color: transparent;
}
.container_services{
        margin-top: 3rem;
        width: min(100%, 1400px);
        margin: 0 auto;
        overflow: hidden;
        border-radius: 10px;
        padding-bottom: 3rem;
    }
    .services{
        margin: 1.5rem;
        background-color: transparent;
        border-radius: 20px;
    }
    .title{
        font-size: 2rem; 
        font-weight: 900;
    }
    .title_highlight{
        padding: 5px;
        border-radius: 5px;
        display: inline-block;
    }
    .title_highlight:hover{
        color: var(--black-color);
    }
    .paragraph{
        margin: .5rem .5rem; 
        line-height: 1.5rem;
    }
    .services_container{
        margin-top: 2rem;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
        gap: 1.5rem;
    }
    .services_article{
        background: linear-gradient(#f3f3f3, #ffff, #f3f3f3);
        width: min(100%, 450px);
        margin: 0 auto;
        padding: 1.5rem .3rem;
        border-bottom-width: 5px;
        border-radius: 10px;
    }
    .services_article:hover{
        border: 1px solid var(--color-base);
        border-bottom-width: 5px;
        border-bottom-color: var(--color-base);
    }
    .services_title{
        font-size: 1.5rem; 
        font-weight: 700;
        color: var(--black-color);
    }
    .services_title:hover{
        color: var(--background);
    }
   
    .services_article--green{
        background: rgb(100, 15, 46, .2);
        border: 1px solid transparent;
        border-bottom-width: 5px;
        border-bottom-color: var(--pale-color);
    }
    .services_article--blue{
        background: rgb(100, 15, 46, .2);
        border: 1px solid transparent;
        border-bottom-width: 5px;
        border-bottom-color: var(--pale-color);
    }
    .services_article--yellow{
        background: rgb(100, 15, 46, .2);
        border: 1px solid transparent;
        border-bottom-width: 5px;
        border-bottom-color: var(--color-base);
    }
    .services_span{
        background-color: none;
        display: block;
        width: max-content;
        padding: 2px 5px;
        border-radius: 5px;
        font-size: 1.1rem;
        color: var(--background);

    }
    .services_span:hover{
        background-color: var(--pale-color);
        color: var(--black-color);
    }
    
    .services_content{
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }
    .services_link{
        display: block;
        width: 30px;
        height: 30px;
        padding: 2.5rem 1rem;
    }
    .service_click:hover{
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }
    .services_img{
        min-width: 80px;
        max-width: 160px;
        width: 60%;
    }
    .services_img:hover{
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }

    /**networks**/
    .reseaux-container{
        background: var(--background);  
    }
    .inthac-impacts-container{
        background: var(--pale-color);  
    }
    .reseaux-container h2{
        color: var(--color-base);
    }
    .reseaux-container h5{
        font-size: 14px;
        color: var(--pale-color);
    }
    .reseaux-container .hero_cta{
        padding: 0 10px;
    }
    .inthac-impacts-container h2{
        color: var(--gray-color);
    }
    .inthac-impacts-container h5{
        color: var(--gray-color);
        font-size: 12px;
        font-weight: 700;
    }
    .inthac-impacts-container h5:hover{
        color: var(--background);
        font-size: 14px;
        font-weight: 700;
        transition: 1s;
    }
    .inthac-impacts-container .paragraph{
        color: var(--background);
    }
    .inthac-impacts-container .card{
        background: var(--pale-color);
    }
    .inthac-impacts-container .card-body{
        background: var(--pale-color);
        border-radius: 0 0 10px 10px;
        border-top: none;
    }
    .inthac-impacts-container .card-body:hover{
        background: var(--pale-color);
        border-radius: 0 0 10px 10px;
        border: 1px solid var(--color-base);
        border-top: none;
    }
    .inthac-impacts-container .hero_cta{
        border: 1px solid var(--background);
        padding: 0 10px;
    }
    .inthac-impacts-container .hero_cta:hover{
        background-color: var(--background);
        color: var(--background);
        border: 1px solid var(--color-base);
    }
    .networks-container h2{
        color: var(--black-color);
    }
    .networks-container p{
        margin-bottom: 2rem;
    }
    .networks-container h2:hover{
        color: var(--color-base);
        margin-bottom: 1rem;
    }
.networks{
    background: transparent;
    border: 2px solid transparent;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.networks-container .card-body{
    background: var(--background);
}
.networks-container .btn-primary{
    background: linear-gradient(to bottom, #640f2e, #640f2e, #1f1f1f, #1d1b1a);
    border: none;
}

/**who can be a memeber**/
.who-can-be-a-member .container{
    border: 2px solid #640f2e;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.who-can-be-a-member .ps-lg-5{
    background: rgb(100, 15, 46, .2);
    padding: 5px;
    border-radius: 10px;
}
.who-can-be-a-member .ps-lg-5:hover{
    border: 1px solid var(--color-base);
    border-bottom-width: 5px;
    border-bottom-color: var(--color-base);
}

.who-can-be-a-member .currentColor{
    background-color: var(--color-base);
}
.who-can-be-a-member p, li{
    font-weight: 300;
}
.who-can-be-a-member p{
    margin-left: 0px;
}
.who-can-be-a-member .title_highlight{
    margin-left: 0px;
}
/**fee structure**/
.fee-structure{
    background: linear-gradient(to bottom, #640f2e, #640f2e, #732742, #732742, #640f2e, #640f2e);
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.fee-structure .container{
    border: 2px solid #640f2e;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.fee-structure .paragraph{
    margin-left: 0px;
}
.fee-structure p, li{
    font-weight: 300;
}
.fee-structure .fee{
    background: rgb(100, 15, 46, .2);
    padding: 5px;
    border-radius: 10px;
}
.fee-structure .fee:hover{
    border: 1px solid var(--color-base);
    border-bottom-width: 5px;
    border-bottom-color: var(--color-base);
}
.services-container{
    border: 2px solid #640f2e;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.container-benefits-title,
.container_tarifas{
    background: rgb(100, 15, 46, .2);
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.feature-page{
    background: linear-gradient(to bottom, #640f2e, #640f2e, #732742, #732742, #640f2e, #640f2e);
}
.container-features-page{
    background: transparent;
    border: 1px solid transparent;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
    padding-bottom: 10px;
}
.impact-container{
    border: 2px solid #640f2e;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.impact h4{
    text-transform: uppercase;
    font-weight: 700;
}
.impact h5{
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 1rem;
    line-height: 1.5;
}
.impact .lead{
    font-size: 18px;
}
.impact li{
    margin-left: 15px;
    padding-left: 5px;
    list-style-type:square;
    font-size: 18px;
}
.risk-container li{
    font-size: 18px;
    text-align: left;
    margin-left: 15px;
    padding-left: 10px;
    list-style-type: square;
}
.seo-purpose-container{
    background-color: transparent;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 3rem;
}
.container-blog{
    border: 2px solid #640f2e;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.how-it-work-investment{
    border: 2px solid #640f2e;
    border-radius: 10px;
    margin-top: 3rem;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.container-investment-why{
    border: 2px solid #640f2e;
    border-radius: 10px;
    margin-top: 3rem;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
}
.container-marketing{
    border-radius: 10px;
    margin-top: 3rem;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 2px solid var(--color-base);
    border-radius: 10px;
}
.more-marketing-container{
    border-radius: 10px;
    margin-top: 3rem;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 2px solid var(--color-base);
    border-radius: 10px;
    background-color: var(--background);
}
.container-founder-team{
    border-radius: 10px;
    margin-top: 3rem;
    margin-bottom: 5rem;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 2px solid var(--color-base);
    border-radius: 10px;
}
.investment-contact-container{
    border-radius: 10px;
    margin-top: 3rem;
    margin-bottom: 5rem;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 2px solid var(--color-base);
    border-radius: 10px;
}
.investment-allocation-container{
    border-radius: 10px;
    margin-top: 3rem;
    margin-bottom: 5rem;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 2px solid var(--color-base);
    border-radius: 10px;
}
.pricing{
    background: var(--pale-color);
}
.container-pricing-plan{
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    border-radius: 10px;
}
.container-pricing-plan .card{
    background: rgb(100, 15, 46, .2);
    border-color: var(--pale-color);
}
.container-pricing-plan h2{
            padding-left: 0px;
        }

.more-marketing-container .btn{
    background: var(--color-segundario);
    color: var(--color-base);
    border: none;
}
.more-marketing-container .btn:hover{
    border-radius: 0;
    background: linear-gradient(to bottom, #640f2e, #640f2e, #1d1b1a, #1d1b1a);
    color: var(--color-segundario);
    border: none;
}
.container-founder-team .btn{
    background: var(--color-segundario);
    color: var(--color-base);
    border: none;
    border-radius: 0;
}
.container-founder-team .btn:hover{
    background: linear-gradient(to bottom, #640f2e, #640f2e, #1d1b1a, #1d1b1a);
    color: var(--color-segundario);
    border: none;
}
.investment-contact-container .btn{
    background: var(--color-segundario);
    border: none;
    border-radius: 0;
}
.container-pricing-plan .btn{
    background: var(--color-segundario);
    border: none;
    border-radius: 10px;
}
.container-pricing-plan .title_highlight{
    margin-bottom: 3rem;
    color: var(--background);
}
.container-pricing-plan li{
    font-weight: 300;
    color: var(--background);
}


/**Hero main**/
.container_nav-top{
    height: 65px;
    margin-top: 0;
    background: var(--background);
    border-bottom: 5px solid var(--color-base);
    }
.hero-bottom{
    background: var(--background);
}
.hero_main{
    background: transparent;
    padding: 30px 0;
    display: grid;
    }
    
.hero_title{
    /*font-size: clamp(1rem, 4w + 1rem ,3rem);*/
    text-align: center;
    font-size: 1.5rem;
    margin-bottom: 10px;
    font-weight: 900;
    line-height: 1.3em;
    text-transform: uppercase;
    }
.hero_title:hover{
    color: var(--background);
    transition: .5s;
    }
h1{
    color: var(--gray-color);
    font-weight: 900;
}
h1 span{
    color: var(--background);
    font-weight: 900;
    }
h1 span:hover{
    color: var(--black-color);
    font-weight: 900;
    }
.hero_figure{
    width: min(100%, 600px);
    justify-self: center;
    padding-right: .5rem;
    padding-left: .5rem;
    }
.hero_img{
    padding: 3px;
    border: 3px solid var(--color-base);
    width: 100%;
    border-radius: 20px;
}
.hero_img:hover{
    border-color: var(--pale-color);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    box-shadow: 0 6px 10px var(--color-base)
    }
.hero .nav_logo-link:hover{
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.hero_paragraph{
    font-size: 1rem;
    line-height: 1.5;
    margin: 0 10px 10px 10px;
    color: var(--background);
    text-align: center;
    }
.hero_paragraph:hover{
    color: var(--gray-color);
}
.hero_cta{
    background: linear-gradient(to bottom, #640f2e, #640f2e, #1f1f1f, #1d1b1a);
    justify-content: center;
    align-items: center;
    color: var(--gray-color);
    text-decoration: none;
    padding: .3rem 0;
    border-radius: 30px;
    text-align: center;
    margin: 0 10px;
    font-size: 13px;
    }
.hero_cta:hover{
    border: 1px solid var(--color-segundario);
    background: linear-gradient(to bottom, #640f2e, #640f2e, #1f1f1f, #500C24); 
    color: var(--background);
    transition: .9s;
    border: none;
}

/**video*/
    .hero_figure>video{
        width: 100%;
        height: auto;
        border: 2px solid var(--color-base);
        border-radius: 20px;
        justify-content:center;
        background-color: var(--color-base);
        padding: 5px;
    }

/**hero about**/
.display-3 span{
    color: var(--color-base);
}
.lead a{
    color: #640f2e;
    font-weight: 700;
}

/**somenumbers**/
.some-numbers-about-container .mt-3{
    text-align: left;
}

/**how-it-works*/
.how-it-work-inferior{
    background: var(--background);
    border-radius: 20px;
}

.how-it-work-investment p{
    text-align: center;
}
.how-it-work-investment h2{
    text-align: center;
}

.how-it-work-inferior .container{
    background: linear-gradient(to bottom right, #640f2e, #500C24, #500C24, #640f2e);
    border-radius: 20px;
}
.bg-primary{
    background: #640f2e;
}

.networks{
    padding-top: 3rem;
    padding-bottom: 5rem;
}

.who-can-be-a-member{
    background: linear-gradient(to bottom, #640f2e, #640f2e, #732742, #732742, #640f2e, #640f2e);
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.card:hover{
    border: 1px solid var(--color-base);
    border-color: var(--color-base);
}

.card-img-top:hover{
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

/**services container***/
.services-container{
    margin-bottom: 4rem;
    margin-top: 4rem;
}

/*benefits*/

.container-benefits{
    padding-bottom: 3rem;
    background: #640f2e;
    padding-top: 3rem;
}
.container-benefits-title{
    background: rgb(100, 15, 46, .2);
    border: 1px solid var(--color-base);
    border-bottom-width: 5px;
    border-color: var(--color-base);
}
.container-benefits-title:hover{  
    border-color: var(--pale-color);
}

.container-benefits .benefits_title{
    color: var(--gray-color);
}

.benefits_main{
    background: transparent;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
    display: grid;
    gap: .5rem;
    }

.benefits_main li{
    margin: 0 1.3rem;
    list-style-type: square;
}

.benefits_cta{
    background: linear-gradient(to bottom, #640f2e, #640f2e, #1f1f1f, #1d1b1a);
    border: 1px solid var(--color-segundario);
    justify-content: center;
    align-items: center;
    color: var(--gray-color);
    text-decoration: none;
    padding: .3rem 3rem;
    border-radius: 30px;
    text-align: center;
    margin: 0 15px;
    }
    .benefits_paragraph:hover{
        color: var(--gray-color);
    }
    .container-features{
        margin-top: 4rem;
        margin-bottom: 4rem;
    }
    .more-features-container2 .bi{
        color: var(--color-base);
    }
    .container-features-page .bi{
        color: var(--color-base);
    }
    .some-numbers-about-container .bi{
        color: var(--color-base);
    }
    .container-features-page img{
        border: 1px solid var(--color-base);
        border-radius: 20px;
        padding: 3px;
    }
    .container-features-page h5{
        font-size: 45px;
    }
    .community{
        background: var(--pale-color);
    }
    .community .lead{
        font-size: 16px;
    }
    .community h6{
        font-weight: 700;
        font-size: 20px;
        text-transform: uppercase;
    }
    .community-container .title_highlight{
        padding-left: 0px;
    }
    .community .mt-3{
        font-weight: 300;
    }
    .community .hero_cta{
        padding-left: 1rem;
        padding-right: 1rem;
        margin-left: 0px;
    }
    .community-container .container{
        border-radius: 10px;
        padding-top: 1rem;
    }
    .community-container .card{
        background: rgb(100, 15, 46, .2);
    }
    .community-container .card-body:hover{
        border: 1px solid var(--color-base);
        border-radius: 0 0 10px 10px;
        border-top: none;
    }

    /**how to choose your plan**/
    .choosing-plan{
        background: var(--pale-color);
    }
    .choosing-plan .lead{
        font-size: 18px;
    }
    .choosing-plan li{
        font-size: 18px;
        margin-left: 15px;
        padding-left: 1rem;
        list-style-type: upper-roman;
    }

    /**pricing**/
    .pricing .btn-primary{
        background: linear-gradient(to bottom, #640f2e, #640f2e, #1f1f1f, #1d1b1a);
        color: var(--background);
        border-color: var(--color-segundario);
        border-radius: 30px;
      
    }
    .pricing .btn-primary:hover{
        background: linear-gradient(to bottom, #640f2e, #732742, #1f1f1f, #1d1b1a);
        color: var(--background);
        border: none;
    }

    /**process**/
    .process{
        background: var(--background);
    }
    .process .container{
        background: var(--background);
    }
    .process h2{
        color: var(--black-color);
    }
    .process h2:hover{
        color: var(--pale-color);
    }
    .process .bi{
        color: var(--bas);
    }
    .process p{
        font-weight: 300;
    }
    .more-info{
        background: var(--background);
    }
    .more-info .container{
        background: var(--background);
    }
    .more-info h2{
        color: var(--black-color);
    }
    .more-info h2:hover{
        color: var(--pale-color);
    }
    .more-info .faq{
        color: var(--pale-color);
    }
    .more-info .lead{
        font-size: 18px;
    }

    /*Features*/
.features_main 
    {background: #640f2e;
    padding: 30px 0;
    border-radius: 10px;
    display: grid;
    gap: .5rem;
    }
.features_main:hover{
    box-shadow: 0 6px 10px var(--gray-color);
    border-radius: 10px;
    }

.features_main li{
    margin: 0 1.3rem;
    list-style-type: square;
}

.features_cta{
    background: linear-gradient(to bottom right, #0a94cd, #500C24, #0a94cd);
    border: 1px solid var(--color-base);
    justify-content: center;
    align-items: center;
    color: var(--background);
    text-decoration: none;
    padding: .5rem 0;
    border-radius: 30px;
    text-align: center;
    margin: 0 15px;
}

.benefits_cta:hover{
    border: 1px solid var(--pale-color);
    background: linear-gradient(to bottom, #732742, #640f2e, #1f1f1f, #500C24);
    color: var(--background);
    transition: .5s;
    }

    .container-features{
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

     /*Features*/
.features_main 
    {background: #640f2e;
    padding: 30px 0;
    border-radius: 10px;
    display: grid;
    gap: .5rem;
    }
.features_main:hover{
    box-shadow: 0 6px 10px var(--gray-color);
    border-radius: 10px;
    }

.py-5 .paragraph{
    text-align: left;
    margin-left: 0px;
}
/**IMPACTS**/
.impact{
    background: linear-gradient(to bottom, #ffffff, #5a5a5a);
    padding-top: 1rem;
    padding-bottom: 3rem;

}
.impact .container{
    background: linear-gradient(to bottom, #ffffff, #5a5a5a);
    border: none;
    border-radius: 10px;
}
.impact h2{
    color: var(--black-color);
}
.impact h2:hover{
    color: var(--color-base);
}
.impact p{
    font-weight: 300;
}
.feature-page h2{
    margin-bottom: 2rem;
}
.feature-page .text-black{
    margin-top: 5px;
}

/**img feature fluid**/
.img-fluid:hover{
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    }

.benefits_title{
    /*font-size: clamp(1.5rem, 4w + 1rem ,3rem);*/
    font-size: 1.5rem;
    margin: 0 10px;
    font-weight: 700;
    text-align: left;
    }
.benefits_title:hover{
    color: var(--background);
    transition: .5s;
    }

.features_main li{
    margin: 0 1.3rem;
    list-style-type: square;
}

.features_cta{
    background: linear-gradient(to bottom right, #0a94cd, #500C24, #0a94cd);
    border: 1px solid var(--color-base);
    justify-content: center;
    align-items: center;
    color: var(--background);
    text-decoration: none;
    padding: .5rem 0;
    border-radius: 30px;
    text-align: center;
    margin: 0 15px;
}

.features_cta:hover{
    background: linear-gradient(to bottom, #640f2e, #500C24, #1d1b1a, #1d1b1a);
    color: var(--color-segundario);
}

.benefits_cta:hover{
    background: var(--color-base);
    }
.benefits_paragraph{
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
    margin: 10px;
    color: var(--background);
    text-align: left;
    }

.container-features{
        margin-top: 4rem;
        margin-bottom: 4rem;
    }
    /**founders**/
    .founders{
        background-color: var(--background);
    }
    .founders li{
        margin-left: 15px;
        list-style-type: square;
    }
    
    .founders-container{
        background: transparent;
    }
    .founders-container .paragraph, h2, .lead{
        text-align: left;
    }
    .founders-container h2{
        padding-left: 0;
        color: var(--color-base);
    }
    .founders-container .card{
        border-radius: 10px;
    }

    .founders-container p{
        font-weight: 300;
        color: var(--black-color);
    }
    .founders-card .mb-4{
        font-size: 16px;
        color: #500C24;
    }
    .founders-card span{
        font-size: 10px;
        color: #500C24;
    }
    .founders-card img:hover{
        background: var(--background);
        border-radius: 10px;
        border-bottom-width: 5px;
        transition: .5s;
    }
    .founders-card .col-sm-7{
        border-left: 1px solid var(--color-base);
        border-radius: 10px;
        border-bottom-width: 5px;
        transition: .7s;
    }
    .founders-card .col-sm-7:hover{
        border-bottom: 1px solid var(--pale-color);
        border-radius: 10px;
        border-bottom-width: 5px;
        transition: .7s;
    }

    /**contact**/
    .contact{
        background: var(--background);
        padding-bottom: 6rem;
        padding-top: 6rem;
    }
    .contact .container{
        background: none;
        border: 2px solid transparent;
        border-radius: 10px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        border-bottom-width: 5px;
        border-bottom-color: var(--pale-color);
    }
    .contact .container:hover{
        background: none;
        border: 2px solid var(--color-base);
        border-radius: 10px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        border-bottom-width: 5px;
        border-bottom-color: var(--color-base);
        transition: .7s;
    }
    .contact .paragraph{
        text-align: left;
        color: var(--black-color);
    }
    .contact h2{
        text-align: left;
        color: var(--black-color);
    }
    .contact .lead{
        text-align: left;
        color: var(--black-color);
    }
    .contact .btn{
        background: linear-gradient(to bottom, #640f2e, #640f2e, #1f1f1f, #1d1b1a);
        border: none;
        color: var(--background);
        text-transform: uppercase;
    }
    .contact .btn:hover{
        background: linear-gradient(to bottom, #640f2e, #640f2e, #1f1f1f, #500C24);
    }

    /**investors**/
    .investors-subsection{
        background: var(--background);
    }
    
    .investors-subsection .container{
        background: var(--background);
    }
    .investors-subsection h2{
        color: var(--color-base);
        padding-left: 0px;
        margin-top: 0rem;
    }
    .investors-subsection p{
        margin-bottom: 1.5rem;
    }
    .investors-subsection .container{
        margin-bottom: 0px;
        margin-top: 0px;
        padding-bottom: 0px;
        padding-bottom: 0px;
    }
    .investors-subsection .text-muted{
        margin-bottom: 1rem;
    }
    .investors-subsection .lead{
        font-size: 18px;
    }
    .investors-subsection-modifyer{
        background: var(--pale-color);
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .investors-subsection-modifyer .container{
        background: rgb(100, 15, 46, .2);
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 10px;
    }
    .investors-contribution-hero{
        background: linear-gradient(to right, #1f1f1f, #640f2e, #732742, #1f1f1f);
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .investors-contribution-hero .container{
        background: rgb(100, 15, 46, .2);
    }
    .opportunities, .activites{
        background: var(--background);
    }
    .container-opportunities{
        background: transparent;
        border: 1px solid transparent;
    }
    .opportunities h2{
        color: var(--pale-color);
    }
    .activites h2{
        color: var(--pale-color);
    }
    .opportunities .card{
        background: var(--white-color);
    }
    .activites .card{
        background: var(--white-color);
    }
    .opportunities .card-body{
        border-radius: 10px;
        background-color: var(--white-color);
    }
    .activites .card-body{
        border-radius: 10px;
        background-color: var(--white-color);
    }
    .opportunities p{
        text-align: left;
        color: var(--black-color);
        font-weight: 300;
        font-size: 15px;
    }
    .activites p{
        text-align: left;
        color: var(--black-color);
        font-weight: 300;
        font-size: 15px;
    }
    .opportunities .text-muted{
        font-size: 14px;
    }
    .activites .text-muted{
        font-size: 14px;
    }
    .opportunities h6{
        text-align: left;
        color: var(--black-color);
        text-transform: uppercase;
    }
    .activites h6{
        text-align: left;
        color: var(--black-color);
        text-transform: uppercase;
    }
    .opportunities .hero_cta{
        justify-self: left;
        margin-left: 0px;
        padding: 0 15px;
    }
    .activites .hero_cta{
        justify-self: left;
        margin-left: 0px;
        padding: 0 15px;
    }
    .opportunities .col-md-4{
        border: 1px solid transparent;
        padding: 10px;
        background: var(--background);
    }
    .activites .col-md-4{
        border: 1px solid transparent;
        padding: 10px;
        background: var(--background);
    }


/**Tarifas**/
    .tarifas_container{
        background: linear-gradient(to top right, #0a94cd, #0a94cd, #41afe9, #500C24);
        padding: 2rem 0;
    }
    .container_tarifas{
        background: transparent;
        margin-top: 3rem;
        width: min(100%, 1200px);
        margin: 0 auto;
        overflow: hidden;
        border-radius: 20px;
        padding: .5rem 0;
    }
    
    .cta_surtitre{
        border-radius: 20px;
        padding: .5rem;
        margin: .5rem;
    }

    .cta{
        background: var(--white-color);
        padding: 3rem .5rem;
    }
    .cta .container{
        background: linear-gradient(to right, #500C24, #640f2e, #732742);
        border-radius: 20px;
    }
    .cta .benefits_title{
        color: var(--gray-color);
    }
    .cta .benefits_title:hover{
        color: var(--white-color);
    }

    .cta-2{
        margin-top: 1.6rem;
    }

    .cta:hover{
        box-shadow: 0 6px 10px var(--color-cuarto);
        border-color: #500C24;
    }

    .cta .title{
        color: var(--background);
    }
    .cta .title:hover{color: var(--black-color);}

    .cta_paragraph{
        color: var(--background);
    }

    .cta_content{
        width: 100%;
        margin: 0 auto;
        display: grid;
        gap: 1rem;
    }
    
    .cta_texts{display: grid; gap: .5rem;}

    .cta_links{
        background: linear-gradient(to bottom, #640f2e, #640f2e, #1f1f1f, #1d1b1a);
        border: 1px solid var(--color-segundario);
        justify-content: center;
        align-items: center;
        color: var(--gray-color);
        text-decoration: none;
        text-transform: uppercase;
        padding: .3rem .3rem;
        border-radius: 30px;
        text-align: center;
    }
    .cta_links:hover{
        background: transparent;
        color: var(--gray-color);
        border: 1px solid var(--gray-color);
        transition: 1s;
    }
    .cta_figure{
        width: min(100%, 600px); 
        display: none;
    }

    .cta_img{
        width: 100%; 
        height: auto;
    }

    .cta_img:hover{
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }

    .container_faq{
        margin-top: 3rem;
        margin-bottom: 3rem;
        padding-top: 4rem;
        padding-bottom: 4rem;
        border-radius: 0;
    }

    .container_faq title{
        font-size: 1.5rem;
        font-weight: 900;
    }

    .container-blog{
        border-top: 2px solid var(--black-color);
        margin-top: 3rem;
        margin-bottom: 4rem;
   
    }

    .container-blog .col-md-6{
        border: 1px solid var(--background);
        padding: 10px;
        border-radius: 10px;
        margin-bottom: 10px;
    }

    .container-blog .col-md-2{
        margin-top: 3rem;
    }
    .container-blog .btn-lg{
        width: 300px;
        background: linear-gradient(to bottom, #640f2e, #640f2e, #1f1f1f, #1d1b1a);
        border: none;
        padding-top: 3px;
        padding-bottom: 3px;
        border-radius: 30px;
        }
    .container-blog .btn-lg:hover{
        width: 300px;
        background: linear-gradient(to bottom, #640f2e, #500C24, #1d1b1a, #1d1b1a);
        color: var(--color-segundario);
        }

    .container-blog .text-black{
        font-size: 10px;
        color: #fff;
        text-transform: uppercase;
        border: 1px solid var(--color-base);
        padding: 3px 5px;
        background-color: #500C24;
        border-radius: 5px;
    }

    .container-blog p{
        font-weight: 300;
        font-size: 16px;
    }
    .container-blog h3{
        font-weight: 500;
        font-size: 20px;
    }
 
    .text-muted,
    .display-5,
    .lead{
        text-align: left;
    }

    .col-md-3 .lead{
        text-align: center;
        font-size: 1rem;

    }
    .mb-1{
        font-size: 15px;
        font-weight: 300;
        color: var(--color-segundario);
    }
    .mb-1:hover{
        text-decoration: underline;
        color: #500C24;
        transition: .5s;
    }
    .py-4{
        background: #640f2e;
        border-radius: 10px;
    }
    .container_d-lg{
        background-color: #fff;
    }

    .footer-container-main{
        background: linear-gradient(to bottom, #1f1f1f, #0A0104, #0A0104);
    }
    /**footer language**/
    .footer_language-container{
        background: var(--black-color);
        border-bottom: 5px solid var(--color-base);
        border-bottom-width: 5px;
    }
    .footer_language{
        background: transparent;
        width: 100%;
        display: grid;
        grid-auto-flow: row;
        gap: 0rem;
        padding: .5rem 0;
        text-align: left;
        margin-top: 0;
    }
    .language-symbols{
        margin: 1rem 1.5rem;
    }
    .footer_flag-links{
        font-size: 14px;
        padding-right: .5rem;
        color: #1d1b1a;
        text-decoration: none;
    }
    .footer_logo{
        width: 150px;
        height: auto;
        padding: 0rem;
        margin: 0rem;
    }

    .footer_flag-links:hover{
        padding: 2px;
        border-bottom: 3px solid var(--pale-color);
        border-radius: 3px;
    }

    .footer_language a{
        color:var(--background);
        font-size: 14px;
        font-weight: 300;
    }
    .footer_info{
        color:var(--background);
    }
    .footer_info a{
        color: var(--background);
    }
    .fi{
        font-size: 14px;
        border-radius: 3px;
    }

    .footer_info a:hover{color:#640f2e;}

    .footer-midle{
        background-color: var(--background);
    }

    /**container-footer-top**/
    .footer-top{
        background: linear-gradient(to bottom, #1f1f1f, #0A0104);
        padding-bottom: 1rem;
        padding-top: 1rem;
    }
    .footer-top .container{
        background-color: transparent;
    }
    .footer-top h4{
        color: var(--background);
        font-weight: 700;
        font-size: 16px;
        text-transform: uppercase;
    }
    .footer-top p{
        color: var(--gray-color);
        font-size: 1rem;
    }
    .footer-top li{
        color: var(--gray-color);
    }
    .footer-top a{
        color: var(--gray-color);
    }
    .footer-top .mb-1{
        color: var(--gray-color);
    }

    .footer-top .mb-1:hover{
        color: #640f2e;
        font-weight: 700;
        text-decoration: none;
        border-bottom: 3px solid transparent;
    }

    .footer-top .mb-1-footer-text{
        font-weight: 300;
        font-size: 16px;
    }
    .container-footer-top{
        border-radius: 0;
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
    .footer-top .benefits_cta{
        margin-left: 0;
    }

    /**footer-countries-list**/
    .footer-countries-list .py-4{
        border-radius: 0;
        margin-top: 3rem;
        margin-bottom: 3rem;

    }
    .footer-countries-list h4{
        font-size: 14px;
        text-transform: uppercase;
        margin-bottom: 20px;
        color: var(--color-base);
    }
    .footer-countries-list .lead{
        font-size: 16px;
    }
    
    .container-footer-top .subtitle{
        color: var(--background);
        font-weight: 300;
    }
    .container-footer-top p{
        color: var(--black-color);
        font-weight: 300;
    }
    .container-footer-top a{
        color: var(--color-segundario);
    }


    .container-footer-top h4{
        font-size: 14PX;
        text-transform: uppercase;
        margin-bottom: 15px;
        font-weight: 700;
    }
    .container-footer-top .subtitle{
        font-weight: 700;
    }
    .col-6 .text-dark{
        color: #640f2e;
    }


    /**contact form**/
    .contact-form{
        background-color: var(--white-color);
        border-top: 5px solid var(--color-segundario);
        border-bottom: 5px solid var(--color-segundario);
    }
    .contact-form .paragraph{
        color: var(--black-color);
    }
    .contact-form .fw-bold{
        color: var(--black-color);
    }
    .contact-form .lead{
        color: var(--black-color);
        font-size: 16px;
    }
    .contact-form .fw-semibold{
        color: var(--black-color);
    }
    .contact-form .mb-4{
        color: var(--black-color);
    }
    .contact-form .container{
        border-radius: 20px;
        padding: 3rem 2rem;
        background-color: var(--white-color);
        border: 2px solid var(--color-base);
    }

    .contact-form .btn{
        background: linear-gradient(to bottom, #640f2e, #640f2e, #1f1f1f, #1d1b1a);
        border-radius: 30px;
        color: var(--gray-color);
        border: none
    }
    .contact-form .btn:hover{
      background: linear-gradient(to bottom, #640f2e, #500C24, #1d1b1a, #1d1b1a);
      color: var(--color-segundario);
    }

    .contact-form a{
        color: var(--background);
        text-decoration: none;
        border: none;
    }

    .contact-form a:hover{
        background-color: linear-gradient(to top right, #732742, #640f2e, #500C24);
        color: var(--background);
    }

    .footer_social-links{
        background: linear-gradient(to bottom, #ffffff, #5a5a5a, #1f1f1f);
        margin-left: 10px;
        border: 1px solid transparent;
        width: 36px;
        height: 36px;
        padding: 10px;
        border-radius: 20%;
        align-items: center;
        justify-content: center;
        object-fit: cover;
    }

    .footer_social-links:hover{
        background: linear-gradient(to bottom, #732742, #640f2e, #500C24);
        border: none;
        transition: 1s;
    }
    
    /*footer inferior*/
    .footer_content{
        width: 100%;
        background: var(--background);
        margin-top: 0;
    }
    .footer_content_toutlia{
        width: 100%;
        background: #f3f3f3;
    }

    .footer_inferior{
        width: 100%;
        padding: .5rem;
        display: grid;
        grid-template-columns: 50% 50%;
        justify-content: space-evenly;
    }
    .container-inferior-footer{
        width: 100%;
        background: linear-gradient(to bottom, #1f1f1f, #0A0104);
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .container-inferior-footer .subtitle{
        margin-top: 0;
    }

   .partFooter{
        width: 96%;
        padding: .5rem;
        border: 1px solid transparent;
        margin-bottom: .5rem;
    }
    .footer_copy-subtitle{
        font-size: 1.2rem;
        color: var(--pale-color);
        font-weight: 700;
        display: inline-block;
        border-bottom: 2px solid var(--color-base);
    }
    .footer_copy_subtitle-modifyer{
        font-size: 1rem;
        color: var(--background);
        font-weight: 700;
        margin: 1rem 0;
    }
    .partFooter-about strong{
        color: var(--color4);
    }
    .partFooter-about strong:hover{text-decoration: underline; color: var(--color5);}

    .partFooter a{
        font-size: 14px;
        font-weight: 300;
        text-decoration: none;
        color: var(--black-color);
        display: flex;
        flex-wrap: wrap;
        margin-bottom: .7rem;
    }
    .partFooter a:hover{
        text-decoration: underline;
        color: var(--color-base);
    }
    .payment-media a{
        margin-top: 1rem;
        font-size: 1rem;
    }

    .footer_copyright{
        background: var(--background);
        width: 100%;
        border-top: 5px solid var(--gray-color);
        padding: 20px 30px;
    }
    .partFooter-about{
        width: 100%;
        border-radius: 10px;
    }
    .footer-logo-about{
        font-size: .8rem;
        margin: .3rem 0rem;
        color: var(--color5);
    }
    .footer_copyright-text{
        margin-bottom: 5px;
        text-align: center;
        font-size: 12px;
        font-weight: 300;
        color: var(--black-color);
    }
    .footer_copyright-text a{
        color: var(--pale-color);
        text-decoration: none;
        font-weight: 700;
    }
    .footer_copyright-text a:hover{
        color: var(--background);
        text-decoration: underline;
        transition: 1s;
    }

    /**container-investment**/
    .container-investment-why .bi{
        color: var(--color-base);
    }
    .container-investment{
        background: var(--background);
        margin-top: 1rem;
        margin-bottom: 1rem;
        border-radius: 20px;
    }
    .container-investment .container{
        background: var(--background);
    }
    .container-investment .card-body{
        background: linear-gradient(to bottom right, #500C24, #732742, #640f2e, #500C24);
    }
    /**registro y pitch**/
  
    .registro{
        border: 1px solid transparent;
        background: linear-gradient(to bottom right, #500C24, #732742, #640f2e, #500C24);
        padding: 5px 20px;
        border-radius: 50px;
        text-decoration: none;
        margin: 15px 0;
    }
    .registro:hover{
        background: linear-gradient(to bottom, #f3f3f3, #E5E4E2, #E5E4E2, #f3f3f3);
        border: transparent;
        color: var(--color-base);
        text-decoration: none;
        transition: 1s;
        text-transform: uppercase;
    }

    /**Marketing**/

    .container-marketing .bi{
        color: var(--color-base);
    }

    .container-marketing{
        background: var(--background);
        border-radius: 20px;
    }
    .container-marketing .py-4{
        background: var(--background);
    }
    .container-marketing .container{
        background: var(--background);
        border-radius: 20px;
    }
    .container-marketing .img-fluid{
        background: #fff;
        border-radius: 20px;
    }

    .more-marketing-container{
        margin-top: 4rem;
    }

    /**founder container**/
    .container-founder-team .btn{
        border-radius: 0;
    }
    .founder-container2{
        background: linear-gradient(to top right, #500C24, #500C24, #640f2e, #500C24);
    }
    .container2-founder-team{
        background:transparent;
        border-radius: 20px;
    }
   
    .container2-founder-team .container{
        background: linear-gradient(to top right, #500C24, #500C24, #640f2e, #500C24);
        border-radius: 20px;
    }

    .founder-container2 .text-center{
        color: var(--background);
    }

    /**alocation**/
    .investment-allocation-container .bi{
        color: var(--background);

    }

    .impact .paragraph-top{
        text-align: left;
    }

   .impact-main-image{
    border-radius: 20px;
    padding: 3px;
    border: 2px solid var(--background);
   }
   .impact-container .btn-lg{
    background: linear-gradient(to bottom, #640f2e, #640f2e, #1f1f1f, #1d1b1a);
    padding-top: 0;
    color: var(--gray-color);
    padding-bottom: 0;
    border-radius: 30px;
    border: none;
   }
   .impact-container .btn-lg:hover{
    background: linear-gradient(to bottom, #640f2e, #640f2e, #1f1f1f, #500C24);
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 30px;
    border: none;
    color: var(--background);
   }

   /**About us**/
   .where-we-started{
    background: var(--background);
   }
   .where-we-started .container{
    padding: 3rem 1rem;
    border-radius: 10px;
   }
   .some-numbers-about-container{
    background: var(--background);
    margin-bottom: 3rem;
    border-radius: 10px;
   }
   .some-numbers-about-container .container{
    padding: 3rem 1rem;
    border-radius: 10px;
   }


   /**blog-feed**/
   .blog-feed{
    margin-top: 3rem;
    margin-bottom: 3rem;
    background: #fff;
   }

    /**back to top**/
    #myBtn{
        display: none;
        position: fixed;
        bottom: 20px;
        right: 30px;
        background: linear-gradient(to bottom right, #500C24, #732742, #640f2e, #500C24);
        border: 1px solid transparent;
        outline: none;
        z-index: 99;
        color: var(--background);
        cursor: pointer;
        padding: 10px;
        border-radius: 10px;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 700;
    }
    #myBtn:hover{background-color: #004aad;}

    /**Where we are**/
    .container_modeles{
        background-color: transparent;
        margin-top: 1.5rem;
    }
    .container_modeles h2{
        background-color: inherit;
        margin: 0;
        margin-left: 10px;
    }
    .container_modeles .paragraph{
        margin: 10px;
    }
    .container_modeles h2:hover{color: var(--color-segundario);}

    .modeles-container{
        background: transparent;
        padding: 3rem .5rem;
        width: min(100%, 1200px);
        margin: 0 auto;
        overflow: hidden;
    }
    .services_title{margin: 10px}
    .gallery-modeles{margin: 10px;}
    .modeles-container ul{padding-left: 0;}
    
    .boutons-modeles li{
        display: inline-block;
        background: linear-gradient(to bottom right, #500C24, #640f2e, #500C24);
        justify-content: space-between;
        align-items: start;
        border-bottom: 2px solid var(--color-segundario);
        text-align: left;
        margin: 10px 0 1px 10px;
        padding: 0 5px;
        text-decoration: none;
        list-style: none;
        color: var(--background);
        font-size: 14px;
        text-transform: uppercase;
        cursor: pointer;
        border-radius: 5px 5px 0 0;
    }
    .boutons-modeles li:hover{
    background: linear-gradient(to top left, #500C24, #640f2e, #500C24);
    border-radius: 5px 5px 0 0;
    border-bottom: 2px solid var(--background);
    color: var(--color-segundario);
    cursor: pointer;
    }
    .boutons-modeles .active{
        color: var(--background);
        border-bottom: 4px solid var(--background);
        border-bottom-color: var(--background);
        border-radius: 5px 5px 0 0;
    }
    .gallery-modeles{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    }
    .gallery-modeles .cont-modeles{
    width: 31%;
    height: 160px;
    overflow: hidden;
    border: 1px solid var(--color-base);
    box-shadow: var(--color-segundario);
    border-bottom-width: 2px;
    margin-bottom: 10px;
    border-radius: 10px;
    background: transparent;
    padding: 5px;
    }
    .gallery-modeles .cont-modeles:hover{
        --box-shadow: 0 6px 10px var(--color-primario);
        border-color: var(--dark-color);
    }
    .img-modeles{
        width: 100%; 
        height: auto;
    }
    .img-modeles img{
        height: 100%; 
        width: 100%; 
        object-fit: cover;
        border-radius: 10px 10px 0 0;
    }
    .img-modeles img:hover{
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }
    .cont-modeles{
        width: 100%;
        background: linear-gradient(to bottom right, #640f2e, #500C24, #500C24, #640f2e);
    }
    .textes-modeles{
        width: 100%;
        height: 10%;
    }
    .textes-modeles:hover{
        background-color: #640f2e;
        border-bottom: 2px solid var(--color-segundario);
        border-radius: 0 0 10px 10px;
    }
    .textes-modeles h4{
        color: var(--background);
        text-align: center;
        font-size: .6rem; 
        text-transform: uppercase;
        font-weight: 500; 
        padding-top: 5px;
        margin-left: 5px;
    }
    .textes-modeles h4:hover{
        color: var(--color-segundario);
        font-weight: 700; 
    }

    /**SEO**/
    .seo-purpose{
        background: #f4f4f4;
        padding-top: 3rem;
        padding-bottom: 3rem;
        border-top: 3px solid gainsboro;
    }
    .seo-purpose .container{
        background-color: #f4f4f4;
    }
    .seo-purpose-container .lead{
        font-size: 16px;
    }

    /**blog article**/
    .blog-article h1{
        font-size: 1.8rem;
        color: var(--color-segundario);
        padding-top: .5rem;
        padding-bottom: .5rem;
        font-weight: 900;
    }
    .blog-article h2{
        font-size: 1rem;
        color: var(--background);
        font-weight: 900;
    }

    .container-blog-development li{
        text-align: left;
        font-weight: 300;
        font-size: 18px;
        margin-left: 1rem;
    }

    .container-blog-development h2{
        color: var(--color-segundario);
    }
    .container-blog-development h3{
        font-size: 35px;
    }

    .social-icons{
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .container-social-media-icons{
        background-color: var(--black-color);
    }
    .social-media-icons .container{
        background: var(--dark-color);
    }
    .social-media-buttons{
        margin-bottom: 4rem;
    }

    /**blog sharing social media**/
    .fa,
    .fa-brands,
    .fa-solid,
    .fa-regular{
    font-size: 18px;
    text-align: center;
    background-color: #000;
    text-decoration: none;
    color: var(--background);
    border: 1px solid var(--black-color);
    padding: 10px;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    object-fit: cover;
    border-radius: 5px;
    margin: 0 5px 5px 0;
    }

    /* Add a hover effect if you want */
    .fa:hover {
    opacity: 0.7;
    }
    .fa-brands:hover{
    opacity: 0.7;
    }
    .fa-solid:hover{
    opacity: 0.7;
    }
    .fa-regular:hover{
    opacity: 0.7;
    }

    /**privacite**/
    .privacite{
        background: var(--white-color);
        padding-bottom: 6rem;
        padding-top: 3rem;
    }
    .privacite .container{
        background: var(--white-color);
        padding-bottom: 2rem;
        padding-top: 2rem;
    }
    .privacite h2{
        color: var(--black-color);
        margin: 1rem 0;
        padding-left: 0;
    }
    .privacite h3{
        color: var(--black-color);
        margin: 1rem 0;
        padding-left: 0;
    }
    .privacite .paragraph{
        color: var(--black-color);
        margin-left: 0;
        padding-left: 0;
    }
    .privacite li{
        color: var(--black-color);
        margin-left: 1rem;
        padding-left: 1rem;
        list-style-type: square;
    }
    

    @media (width >= 520px) {
    .gallery-modeles .cont-modeles{
        height: 170px;
        }  
    }
    @media (width >= 560px) {
    .gallery-modeles .cont-modeles{
        height: 180px;
        }  
    }

    @media (width >= 768px){
        /**modeles**/
        .gallery-modeles .cont-modeles{
            width: 24%;
            height: 90%;
    }

    }

    @media (width >= 992px){
        .gallery-modeles .cont-modeles{
            width: 16%;
            height: 80%;
            margin-bottom: 10px;
    }

    }


/***MEDIA QUERY***/
@media (width >= 768px){
    /**Hero**/
    .nav_logo{width: 120px; height: auto;}
    
    .hero_main{
    padding: var(--padding-container);
    justify-content: space-between;
    grid-auto-columns: 50% 50%;
    grid-template-areas:
    "titulo img"
    "paragraph img"
    "link img";
    }
    
    .hero_title{
        grid-area: titulo;
        text-align: left;
    }
    .hero_title{
        font-size: 1.3rem;
        font-weight: 900;
    }
    .title_highlight,
    .display-5,
    .container-features-page .fw-bold{
    font-size: 1.3rem;
    font-weight: 900;
    }
    .hero_paragraph{
        font-weight: 300;
        font-size: 14px;
        margin-left: 0;
    }

    .bx-check{
    width: 36px;
    height: 33px;
    text-align: left;
    margin-right: 20px;
    color: var(--background);
    border-radius: 50%;
    font-size: 30px;
    }
    .check_item{
        width: 45%;
        display: flex;
    }
    .check_copy{
        font-weight: 300;
        font-size: 16px;
        text-align: left;
    }
    
    .benefits_paragraph{
        grid-area: paragraph;
        text-align: left;
    }
    .hero_cta{
        grid-area: link; 
        padding: .1rem 1rem;
        place-self: start;
        margin-left: 0;
    }

    .hero_paragraph{
        grid-area: paragraph;
        text-align: left;
    }
    .hero_figure{grid-area: img;}

    .hero_figure{
        width: min(100%, 380px);
        justify-self: end;
        padding-right: .5rem;
        }
    .hero_figure>video{
        max-height: 100%;
        height: auto;
        }

    .tarifas_container .title{
        font-size: 25px;
        font-weight: 900;
    }

    /*benefits*/
    .benefits_main{
        padding: var(--padding-container);
        justify-content: space-between;
        grid-auto-columns: 55% 45%;
        grid-template-areas:
        "titulo img"
        "paragraph img"
        "link img";
    }
    .benefits_title{
    font-weight: 700;
    text-align: left;
    }

    .benefits_paragraph{
    font-size: 1.2rem;
    line-height: normal;
    }
    
    .benefits_cta{
        grid-area: link; 
        padding: .1rem 1rem;
        place-self: start;
    }

    /**services span CIDEH**/
    .services_span{
        font-size: 16PX;
    }

    /**Fonctionnement**/
    .boite-fonctionnement h4{font-size: 1rem; font-weight: 700;}
    .boite-fonctionnement p{font-size: .9rem;}

    .boite-fonctionnement{
    background: var(--background);
    width: 48%;
    border-radius: 10px;
}

    /**cta**/
    .cta_content{
        align-items: center;
        justify-content: space-between;
        grid-template-columns: 50% 50%;
    }

    .cta_links{
        padding: .1rem 1rem; 
        place-self: start;
    }

    .cta_figure{
        width: min(100%, 380px);
        display: block;
        padding-right: 10px;
        justify-self: end;
    }
    .cta_img{
        max-width: 100%;
        padding: 3px;
        border: 3px solid #640f2e;
        border-radius: 20px;
    }
    .col-lg-8{
        padding-left: 10px;
    }
    .hero_main .display-5{
      text-align: left;
    }
    .text-muted,
    .display-5,
    .lead{
        margin-left: left;
    }

    /**contact cideh**/
    .contact .container{
        background: none;
        border: 2px solid var(--pale-color);
        border-radius: 10px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        border-bottom-width: 5px;
        border-bottom-color: var(--pale-color);
    }
    .contact .paragraph{
        text-align: center;
    }
    .contact h2{
        text-align: center;
    }
    .contact .lead{
        text-align: center;
    }

    /**footer inferior**/
        .footer_main{
            padding-bottom: 3rem; 
        }
        .footer_inferior{
            display: flex;
            flex-wrap: wrap;
            justify-self: start;
            margin-right: 2rem;
        }
        .partFooter-about{margin-right: 1rem;}
        .partFooter{
            width: 19%;
            margin-top: 1rem;
        }

        /**blog**/
        .blog-article h1{
        font-size: 2.5rem;
    }
        .blog-article h2{
        font-size: 2rem;
    }
}

@media (width >= 992px){
    /** Hero**/
    .nav_logo{width: 150px; height: auto;}
    .nav{
        --transform-list-menu: translate(0%); 
    }

    .nav_label{display: none;}
    .nav_list{
        position: static;
        grid-auto-flow: column;
        place-content: unset;
        gap: .5rem;
        justify-content: center;
        align-items: center;
    }

    .hero_title{
        font-size: 2rem;
        font-weight: 900;
    }
    .title_highlight,
    .display-5,
    .container-features-page .fw-bold{
    font-size: 2.5rem;
    font-weight: 900;
    }
    .hero_paragraph{
        font-weight: 300;
        font-size: 16px;
    }

    .cta_figure{
        width: min(100%, 420px);
    }

    .check_item{
        width: 25%;
    }
    .check_copy{
        font-size: 18px;
    }

    .benefits_paragraph{
    font-size: 1.5rem;
    line-height: normal;
    }
    .hero_figure{
        width: min(100%,480px);
        justify-self: end;
        padding-right: .5rem;
        }
    .tarifas_container .title{
        font-size: 35px;
        font-weight: 900;
    }
    .impact-container .paragraph{
    text-align: left;
    }
    .impact-container .paragraph-top{
        text-align: left;
    } 
    .impact li{
    font-size: 22px;
    }
    .impact h5{
    font-size: 16px;
    }
    .impact .paragraph{
        font-size: 18px;
    }
    .feature-page .text-black{
        margin-top: 10px;
    }
    /**services span CIDEH**/
    .services_span{
        font-size: 1.5rem;
    }
    /**blog**/
        .blog-article h1{
        font-size: 4rem;
    }
        .blog-article h2{
        font-size: 2.5rem;
    }
    .benefits_title{
        font-size: 1.8rem;
    }
}

@media (width >= 1200px){
    .hero_title{
        font-size: 2.2rem;
        font-weight: 900;
    }

    .hero_figure{
        width: min(100%, 480px);
        }
    .cta_figure{
        width: min(100%, 480px);
    }
    .fee-structure p{
        text-align: left;
    }
    .title_highlight,
    .display-5,
    .container-features-page .fw-bold{
    font-size: 3rem;
    font-weight: 900;
    }
    .impacts-container .paragraph{
    text-align: left;
    }
    .impacts-container .lead{
    text-align: left;
    }
    .impacts-container .fw-bold{
    text-align: left;
    }
    .impact .lead{
        font-size: 25px;
    }
    .impact h4{
        font-size: 35px;
    }
    .impact li{
    font-size: 25px;
    }
    .impact h5{
    font-size: 20px;
    }
    .impact .paragraph{
        font-size: 25px;
    }
    .container-investment-why .col-lg-12{
        text-align: center;
    }
    .container-investment-why .fw-bold{
        text-align: center;
    }
    .container-investment-why .lead{
        text-align: center;
    }
    /**features pages**/
    .container-features-page .display-5{
      text-align: center;
    }
    .container-features-page .paragraph{
    text-align: center;
    }
    .container-features-page .lead{
    text-align: center;
    }
    .more-features-container2 .paragraph{
        text-align: center;
    }

    .more-features-container2 .fw-bold{
        text-align: center;
    }
    .investment-allocation-container .paragraph{
    text-align: center;
    }
    .investment-allocation-container .display-5{
        text-align: center;
    }
    .investment-allocation-container .lead{
        text-align: center;
    }

    .tarifas_container .title{
        font-size: 45px;
        font-weight: 900;
    }
    .benefits_paragraph{
    font-size: 2rem;
    font-weight: 300;
    line-height: normal;
    }
    .benefits_title{
        font-size: 2.5rem;
    }
    .feature-page .text-black{
    margin-top: 13px;
    }

    .investors-subsection h2{
        text-align: left;
    }
    .investors-subsection p{
        text-align: left;
    }
    /**SERVICES SPAN **/
    .services_span{
        font-size: 1.2rem;
    }
}

@media (width >= 1400px){
    .text-muted,
    .display-5,
    .lead{
        text-align: center;
    }
    .opportunities .text-muted{
        text-align: left;
    }

    .hero_title{
        font-size: 2.5rem;
        font-weight: 900;
    }

    .hero_paragraph{
        font-weight: 300;
        font-size: 20px;
    }

    .hero_main .display-5{
      text-align: left;
    }

    .hero_figure{
        width: min(100%, 600px);
        }
    .cta_figure{
        width: min(100%, 600px);
        justify-self: end;
    }

    .how-it-works .display-5{
      text-align: left;
    }

    .fee-structure .display-5{
        text-align: left;
    }

    .services-container .display-5{
      text-align: left;
    }
    .tarifas_container .display-5{
      text-align: left;
    }
    .tarifas_container .title{
        font-size: 55px;
        font-weight: 900;
    }
    .container_modeles h2{
        text-align: left;
    }
    .founders-container .lead{
        text-align: left;
    }
    .community-container .paragraph{
        text-align: left;
    }
    .community-container .title{
        text-align: center;
    }

    .choosing-plan .lead{
        text-align: left;
    }
    .process .lead{
        text-align: left;
    }
    .investors-subsection-modifyer .lead{
        text-align: left;
    }
    .contacte-nous .lead, .text-muted{
        text-align: left;
    }
    

    /**SERVICES SPAN **/
    .services_span{
        font-size: 1.4rem;
    }

    /**beneficiaries and faq container**/
    .faq-container .lead{
    text-align: left;
    }

    /**where we started**/
    .where-we-started .fw-bold {
    text-align: left;
    }
    .some-numbers-about-container .mt-3{
    text-align: center;
    }
    .container-founder-team .display-5{
        text-align: left;
    }
    .container-founder-team .lead{
        text-align: left;
    }
    .impact-container .paragraph-top{
        text-align: center;
    } 

    .impact-container .paragraph{
        text-align: left;
    }
    .impact-container .lead, .fw-bold{
        text-align: left;
    }
    .pricing .text-muted{
            text-align: left;
        }
    .seo-purpose-container .paragraph{
        text-align: left;
    }
    .seo-purpose-container .lead{
        text-align: left;
    }
    .seo-purpose-container h2{
        text-align: left;
    }

    .blog-body h2{
        text-align: left;
    }
    .blog-body h3{
        text-align: left;
    }
    .blog-body p{
        text-align: left;
    }
    .contact-form .paragraph{
        text-align: center;
    }
    .footer-countries-list .lead{
        text-align: left;
    }
}

 @media (width >= 1200px){
        .partFooter{
            width: 16%;
        }
        .container-investment-why .mb-2{
            text-align: left;
        }
        
    }

    @media (width >= 1400px){
        .container-blog .paragraph{
            text-align: center;
        }
    }

    @media (width >= 1440px){
        .partFooter{
            width: 12%;
        }
    }

    @media (width >= 1640px){
        .partFooter{
            width: 10%;
        }
    }