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

:root{
    --color-base: #ffce00;
    --pale-color: #FFFF00;
    --black-color: #160305;
    --color-segundario: #123168;
    --background: #F4F4F4;
    --padding-container: 40px 0;
    --border-radius1: 10px; 
    --border-radius2: 5px; 
}

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

.lds-roller {color: var(--color-segundario)}
.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: var(--background);
}

.title_highlight,
.display-5,
.container-features-page .fw-bold{
    font-size: 1.5rem;
    font-weight: 900;
}

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

.container{
    background: #fff;
    width: min(100%, 1600px);
    margin: 0 auto;
    overflow: hidden;
}
.container-hero{
    background: #fff;
}
.container-nav{
    background: var(--background);
}

/*hero encabezado*/
.nav-container{
    background: var(--background);
}

.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: 130px; 
    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: #fff;
    position: absolute;
    inset: 0;
    display: grid;
    place-content: center;
    gap: .3rem;
    text-align: center;
    list-style: none;
    padding: 0;
    /*para olcultar el menu guardado en un variable*/
    transform: var(--transform-list-menu);
    transition: transform 1.5s;
}
.nav_link{
    display: inline-block;
    padding-left: 5px;
    color: var(--black-color);
    text-decoration: none;
    font-size: .8rem;
    text-transform: uppercase;
}
.nav_link:hover{
    font-weight: 900;
    padding-bottom: 3px;
    border-bottom: 3px solid var(--color-base);
    border-left: 2px solid var(--color-base);
    border-top-left-radius: 5px;
}
.nav_link:active{
    background-color: #ffce00;
    color: var(--gray-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, #FFFF00, #FFFF00,#012168, #012168);
    color: var(--color-base);
    transition: 1s;
}
.dropdown-language{
    padding: 3px;
    background-color: transparent;
    border: none;
    font-size: .8rem;
    color: var(--color-segundario);
    border-radius: 0%;
}
.dropdown-language:hover{
    background-color: #fff;
    font-weight: 900;
    padding-bottom: 3px;
    border-bottom: 3px solid var(--color-base);
    border-left: 2px solid var(--color-base);
    border-top-left-radius: 5px;
}
.dropdown-menu{
    background-color: var(--color-base);
    color: var(--color-segundario);
}
.language .dropdown{
    background-color: transparent;
}
.language-list{
    font-size: .8rem;
    color: var(--color-segundario);
}
.nav_link--cta{
    border: 1px solid #ffce00;
    background: linear-gradient(to bottom, #FFFF00, #ffce00, #FFFF00, #ffce00);
    height: 36px;
    width: 36px;
    border-radius: 50%;
    color: var(--gray-color);
    text-decoration: none;
    padding: 10px;
}
.nav_link--cta:hover{
    background-color: #123168;
    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: #fff;
}

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

/**ALL CONTAINERS**/
.container-nav{
    padding-top: 0;
    padding-bottom: 0;
}
.how-it-works{
    border: 2px solid #F4F4F4;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.services-container{
    border: 2px solid #F4F4F4;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.container-benefits-title,
.container_tarifas{
    border: 2px solid var(--color-segundario);
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.container-features-page{
    border: 2px solid #F4F4F4;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.impact-container{
    border: 2px solid #F4F4F4;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 3rem;
}
.seo-purpose-container{
    border: 2px solid #F4F4F4;
    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 #F4F4F4;
    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 #F4F4F4;
    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 #F4F4F4;
    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;
}
.container-pricing-plan{
    margin-bottom: 5rem;
}

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


/**Hero main**/
.container_nav-top{
    height: 65px;
    margin-top: 0;
    background: #f4f4f4;
    border-bottom: 5px solid var(--color-base);
    }
.hero-bottom{
    background: transparent;
}
.hero_main{
    background: transparent;
    padding: 30px 0;
    display: grid;
    }
    
.hero_title{
    /*font-size: clamp(1rem, 4w + 1rem ,3rem);*/
    text-align: center;
    font-size: 1.3rem;
    margin-bottom: 10px;
    font-weight: 900;
    line-height: 1.3em;
    text-transform: uppercase;
    }
.hero_title:hover{
    color: var(--color-base);
    transition: .5s;
    }
h1{
  font-weight: 900;
}
h1 span{
    color: var(--color-segundario);
    font-weight: 900;
    }
h1 span:hover{
    color: var(--dark-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(--background);
    width: 100%;
    border-radius: 20px;
}
.hero_img:hover{
    border-color: #f4f4f4;
    -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(--black-color);
    text-align: center;
    }
.hero_paragraph:hover{
    color: var(--color-segundario);
}
.hero_cta{
    background: var(--color-segundario);
    justify-content: center;
    align-items: center;
    color: var(--background);
    text-decoration: none;
    padding: .3rem 0;
    border-radius: 30px;
    text-align: center;
    margin: 0 10px;
    }
.hero_cta:hover{
    border: 1px solid var(--color-segundario);
    background: linear-gradient(to bottom, #FFFF00, #ffce00, #FFFF00, #ffce00); 
    color: var(--color-segundario);
    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: #f4f4f4;
        padding: 5px;
    }

/**hero about**/
.display-3 span{
    color: var(--color-base);
}
.lead a{
    color: #ffce00;
    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, #FFFF00, #ffce00, #ffce00, #FFFF00);
    border-radius: 20px;
}
.bg-primary{
    background: #FFFF00;
}

.how-it-works{
    margin-top: 3rem;
    margin-bottom: 3rem;
}

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

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

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

/*benefits*/
.container-benefits{
    margin-bottom: 3rem;
    background: linear-gradient(to bottom right, #FFFF00, #ffce00, #ffce00, #FFFF00);
    padding-top: 10px;
    padding-bottom: 10px;
}
.container-benefits-title{
    background: rgba(255, 206, 0, .1);
}

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

.benefits_main {
    background: transparent;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
    display: grid;
    gap: .5rem;
    }
.benefits_main:hover{
    box-shadow: 0 6px 10px var(--gray-color);
    border-radius: 10px;
    }

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

.benefits_cta{
    background: var(--color-segundario);
    border: 1px solid var(--color-segundario);
    justify-content: center;
    align-items: center;
    color: var(--color-base);
    text-decoration: none;
    padding: .1rem 1rem;
    border-radius: 30px;
    text-align: center;
    margin: 0 15px;
}

.benefits_cta:hover{
    background: linear-gradient(to bottom right, #FFFF00, #ffce00, #ffce00, #FFFF00);
    color: var(--color-segundario);
    }

    .benefits_paragraph:hover{
        color: var(--dark-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;
    }

    .presence{
        background: linear-gradient(to bottom right, #FFFF00, #ffce00, #ffce00, #FFFF00, #ffce00, #FFFF00);
    }

    /**pricing**/
    .pricing .btn-primary{
        background: var(--color-segundario);
        color: var(--color-base);
        border-color: var(--color-segundario);
      
    }
    .pricing .btn-primary:hover{
        background: linear-gradient(to bottom, #ffce00, #ffce00, #FFFF00, #FFFF00);
        color: var(--color-segundario);
        border: none;
    }

    /*Features*/
.features_main 
    {background: #F4F4F4;
    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: var(--color-segundario);
    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{
    background: linear-gradient(to bottom, #FFFF00, #ffce00, #FFFF00, #ffce00);
    color: var(--color-segundario);
    }

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

     /*Features*/
.features_main 
    {background: #F4F4F4;
    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;
}

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

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

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

.features_cta{
    background: linear-gradient(to bottom, #FFFF00, #ffce00, #FFFF00, #ffce00);
    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, #FFFF00, #ffce00, #FFFF00, #ffce00);
    color: var(--color-segundario);
}

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

.container-features{
        margin-top: 4rem;
        margin-bottom: 4rem;
    }
/**Tarifas**/
    .tarifas_container{
        background: linear-gradient(to bottom left, #FFFF00, #ffce00, #ffce00, #FFFF00);
        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{
        background: transparent;
        border-radius: 10px;
        padding: .5rem;
        margin: .5rem;
    }

    .cta{
        background: linear-gradient(to bottom right, #FFFF00, #FFFF00,#ffce00, #ffce00);
        border-radius: 20px;
        padding: 1.5rem .5rem;
        border: none;
        border-bottom-width: 5px;
        border-color: var(--color-segundario);
    }

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

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

    .cta .title{
        color: var(--color-segundario);
    }
    .cta .title:hover{color: #123168;}

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

    .cta_content{
        width: 100%;
        margin: 0 auto;
        display: grid;
        gap: 1rem;
    }
    .cta_content:hover{
        box-shadow: 0 6px 10px var(--gray-color);
        border-radius: 10px;
    }
    .cta_texts{display: grid; gap: .5rem;}

    .cta_links{
        background: var(--color-segundario);
        padding: .5rem 0;
        border-radius: 30px;
        color: var(--color-base);
        text-decoration: none;
        text-align: center;
        text-transform: uppercase;
    }
    .cta_links:hover{
        background: transparent;
        color: var(--color-segundario);
        border: 1px solid var(--color-segundario);
        border-color: var(--color-segundario);
        transition: 1s;
    }
    .cta_figure{
        width: min(100%, 500px); 
        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: 20px;
    }

    .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-color: var(--color-segundario);
        border: none;
        padding-top: 3px;
        padding-bottom: 3px;
        border-radius: 30px;
        }
    .container-blog .btn-lg:hover{
        width: 300px;
        background: linear-gradient(to bottom, #FFFF00, #ffce00, #FFFF00, #ffce00);
        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: #ffce00;
        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: #ffce00;
        transition: .5s;
    }
    .py-4{
        background: #ffffff;
        border-radius: 10px;
    }
    .container_d-lg{
        background-color: #fff;
    }

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

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

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

    .footer_info a:hover{color:#FFFF00;}

    .footer-midle{
        background-color: #fff;
    }

    /**container-footer-top**/
    .footer-top{
        background-color: #fff;
        padding-bottom: 1rem;
        padding-top: 1rem;
    }

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

    /**footer-countries-list**/
    .footer-countries-list .py-4{
        border-radius: 20px;
        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 .mb-1:hover{
        color: var(--background);
        text-decoration: underline;
    }
    
    .container-footer-top .subtitle{
        color: var(--color-segundario);
        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;
        color: var(--color-segundario);
        margin-bottom: 15px;
        font-weight: 700;
    }
    .container-footer-top .subtitle{
        font-weight: 700;
    }
    .col-6 .text-dark{
        color: #f4f4f4;
    }


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

    .contact-form .btn{
        background: var(--color-segundario);
        border-radius: 50px;
        color: var(--color-base);
        border: none
    }
    .contact-form .btn:hover{
      background: linear-gradient(to bottom, #FFFF00, #ffce00, #FFFF00, #ffce00);
      color: var(--color-segundario);
    }

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

    .contact-form a:hover{
        background-color: linear-gradient(to bottom, #FFFF00, #ffce00, #FFFF00, #ffce00);
        color: var(--color-segundario);
    }

    .footer_social-links{
        background-color: var(--color-base);
        border: 1px solid var(--color-base);
        width: 36px;
        height: 36px;
        padding: 10px;
        border-radius: 50%;
        align-items: center;
        justify-content: center;
        object-fit: cover;
    }

    .footer_social-links:hover{
        background: linear-gradient(to top right, #FFFF00, #ffce00, #FFFF00, #FFFF00);
        transition: 1s;
    }
    
    /*footer inferior*/
    .footer_content{
        width: 100%;
        background: var(--background);
        margin-top: 0;
    }
    .footer_content_toutlia{
        width: 100%;
        background: var(--background)
    }

    .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 right, #FFFF00, #FFFF00, #ffce00, #ffce00, #FFFF00, #FFFF00);
        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(--color-base);
        font-weight: 700;
        display: inline-block;
        border-bottom: 2px solid var(--color-base);
    }
    .footer_copy_subtitle-modifyer{
        font-size: 1rem;
        color: var(--color4);
        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: #000303;
        width: 100%;
        border-top: 5px solid var(--color-base);
        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(--background);
    }
    .footer_copyright-text a{
        color: var(--color-base);
        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 top right, #FFFF00, #ffce00, #FFFF00, #FFFF00);
    }

    /**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**/
    .founder-container2{
        background: linear-gradient(to top right, #012168, #ffce00, #FFFF00, #012168);
    }
    .container2-founder-team{
        background:transparent;
        border-radius: 20px;
    }
   
    .container2-founder-team .container{
        background: linear-gradient(to top right, #012168, #ffce00, #FFFF00, #012168);
        border-radius: 20px;
    }

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

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

    }

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

   .impact-main-image{
    border-radius: 20px;
    padding: 3px;
    border: 2px solid var(--background);
   }
   .impact-container .btn-lg{
    background: var(--color-segundario);
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 30px;
    border: none;
   }
   .impact-container .btn-lg:hover{
    background: linear-gradient(to top right, #ffce00, #ffce00, #FFFF00, #FFFF00);
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 30px;
    border: none;
    color: var(--color-segundario);
   }

   /**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 top right, #ffce00, #ffce00, #FFFF00, #FFFF00);
        border: 1px solid var(--color1);
        outline: none;
        z-index: 99;
        color: var(--color-segundario);
        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, #ffce00, #FFFF00, #ffce00);
        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, #ffce00, #FFFF00, #ffce00);
    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, #FFFF00, #ffce00, #ffce00, #FFFF00);
    }
    .textes-modeles{
        width: 100%;
        height: 10%;
    }
    .textes-modeles:hover{
        background-color: #F4F4F4;
        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-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-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;
    }
    

    @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: 150px; 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;
    }
    
    .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;
        }

    .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_paragraph{
    font-size: 1.2rem;
    line-height: normal;
    }
    
    .benefits_cta{
        grid-area: link; 
        padding: .1rem 1rem;
        place-self: start;
    }

    /**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%, 350px);
        display: block;
        padding-right: 10px;
        justify-self: end;
    }
    .cta_img{
        max-width: 100%;
        padding: 3px;
        border: 3px solid #f4f4f4;
        border-radius: 20px;
    }
    .col-lg-8{
        padding-left: 10px;
    }
    .hero_main .display-5{
      text-align: left;
    }
    .text-muted,
    .display-5,
    .lead{
        margin-left: left;
    }

    /**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: 200px; 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: 1.3rem;
        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);
    }

    .benefits_paragraph{
    font-size: 1.5rem;
    line-height: normal;
    }

    .impact-container .paragraph{
    text-align: left;
    }
    .hero_figure{
        width: min(100%,480px);
        justify-self: end;
        padding-right: .5rem;
        }
    .tarifas_container .title{
        font-size: 35px;
        font-weight: 900;
    }
    .impact-container .paragraph-top{
        text-align: left;
    } 
    /**blog**/
        .blog-article h1{
        font-size: 4rem;
    }
        .blog-article h2{
        font-size: 2.5rem;
    }
}

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

    .hero_figure{
        width: min(100%, 480px);
        }
    .cta_figure{
        width: min(100%, 480px);
    }
    .title_highlight,
    .display-5,
    .container-features-page .fw-bold{
    font-size: 3rem;
    font-weight: 900;
    }
    .impacts-container .paragraph{
    text-align: center;
    }
    .impacts-container .lead{
    text-align: center;
    }
    .impacts-container .fw-bold{
    text-align: center;
    }
    .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: 900;
    line-height: normal;
    }
}

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

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

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

    .hero_figure{
        width: min(100%, 600px);
        }

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

    .how-it-works .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;
    }

    /**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;
    } 

    .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%;
        }
    }