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

:root{
    --color-base: #048c7f;
    --pale-color: #06e0cd;
    --dark-color: #036058;
    --black-color: #000303;
    --color-segundario: #123168;
    --complementary: #8b4904;
    --complementary2: #012ad9;
    --background:#F3F3F3;
    --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, #048c7f, #036058, #048c7f);
  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;
}

p a{
    text-decoration: none;
    color: #048c7f;
    font-weight: 500;
}
p a:hover{
    text-decoration: underline; transition: .6s;
}

.container{
    background: #fff;
    width: min(100%, 1200px);
    margin: 0 auto;
    overflow: hidden;
}
.container-header{
    background: linear-gradient(to bottom, #048c7f, #048c7f, #006b60, #006b60);
}

/*hero encabezado*/
.nav-container{
    background: linear-gradient(to bottom, #048c7f, #048c7f, #006b60, #006b60);
}

.container_nav{
    background: linear-gradient(to bottom, #048c7f, #048c7f, #006b60, #006b60);
}
.nav{
    --nav-icon-background: url("/icons/menu_close.svg");
    --transform-list-menu: translate(-100%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 80px;
    border-bottom: 1px solid #048c7f;
    border-width: 5px;
    border-radius: 10px;
    background: #048c7f;
    
}

.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: 25px; height: auto;}
.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{
    position: absolute;
    inset: 0;
    display: grid;
    place-content: center;
    gap: 1rem;
    text-align: center;
    list-style: none;
    background: linear-gradient(to right, #048c7f, #006b60, #006b60, #048c7f);
    border-radius: 10px;
    padding: 0;
    /*para olcultar el menu guardado en un variable*/
    transform: var(--transform-list-menu);
    transition: transform 1s;
}
.nav_link{
    display: inline-block;
    padding: .5rem .5rem;
    color: var(--background);
    text-decoration: none;
    font-size: .8rem;
    border-bottom: 4px solid var(--color-segundario);
}

.nav_link:hover{
    border-bottom: 5px solid var(--color-segundario);
    border-color: var(--background);
    color: var(--color-segundario);
    transition: 1s;
}
.nav_link:active{
    background-color: #048c7f;
    color: var(--gray-color);
}
.nav_link--contact{
    background: linear-gradient(to right, #006b60, #006b60, #048c7f, #048c7f);
    padding: .4rem 1rem;
    border: 2px solid var(--background);
    color: var(--background);
    text-decoration: none;
    border-radius: 10px;
}
.nav_link--contact:hover{
    background: linear-gradient(to bottom right, #006b60, #006b60,#012168, #012168);
    color: var(--color-base);
    transition: 1s;
}
.nav_link--cta{
    border: 1px solid #048c7f;
    background: linear-gradient(to bottom, #006b60, #048c7f, #006b60, #048c7f);
    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);
}

/**Hero main**/
.container-hero{
    margin-top: 0;
    background: linear-gradient(to bottom, #048c7f, #048c7f, #006b60, #006b60);
}
.hero{
    margin-top: 0;
    border-bottom: 1px solid transparent;
    border-bottom-width: 2px;
    border-color: transparent;
    border-radius: 5px;
    }
.hero_main{
    border-top: 5px solid var(--dark-color);
    background: linear-gradient(to bottom, #048c7f, #048c7f, #006b60, #006b60);
    padding: 30px 0;
    display: grid;
    border-radius: 30px;
    }

.hero_main:hover{
    box-shadow: 0 6px 10px var(--background);
    border-radius: 30px 30px 0 0;
    border-top-width: 5px;
    border-top-color: var(--dark-color);
    }
.hero_title{
    font-size: clamp(1.5rem, 4w + 1rem ,3rem);
    margin: 0 10px;
    font-weight: 900;
    color: var(--background);
    text-align: center;
    line-height: 1em;
    }
.hero_title:hover{
    color: var(--color-segundario);
    transition: .5s;
    }
h1{
  font-weight: 900;
}
h1 span{
    color: var(--color-segundario);
    font-weight: 900;
    }
.hero_figure{
    width: min(100%, 600px);
    justify-self: center;
    padding-right: .5rem;
    padding-left: .5rem;
    }
.hero_img{
    width: 100%;
    border-radius: 10px;
}
.hero_img:hover{
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    }
.hero .nav_logo-link:hover{
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.hero_paragraph{
    font-size: 1rem;
    line-height: 1.5;
    margin: 0 10px;
    color: var(--background);
    text-align: center;
    }
.hero_paragraph:hover{
    color: var(--black-color);
}
.hero_cta{
    background-color: var(--background);
    border: 1px solid var(--background);
    justify-content: center;
    align-items: center;
    color: var(--color-base);
    text-decoration: none;
    padding: .5rem 0;
    border-radius: 30px;
    text-align: center;
    margin: 0 10px;
    }
.hero_cta:hover{
    background: var(--color-segundario); 
    transition: .9s;
    border: none;
}

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

/**hero about**/
.display-3 span{
    color: var(--color-base);
}
.lead a{
    color: #048c7f;
    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-inferior .container{
    background: linear-gradient(to bottom right, #006b60, #048c7f, #048c7f, #036058);
    border-radius: 20px;
}
.bg-primary{
    background: #006b60;
}

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

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

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

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

/*benefits*/
.container-benefits{
    background: linear-gradient(to top right, #012168, #F3F3F3, #fff, #048c7f);
}
.benefits_main 
    {background: #F3F3F3;
    padding: 30px 0;
    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: linear-gradient(to bottom, #006b60, #048c7f, #006b60, #048c7f);
    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: var(--color-base);
    }
.benefits_paragraph{
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.5;
    margin: 10px;
    color: var(--gray-color);
    text-align: left;
    }

    .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);
        padding: 5px;
    }

    /**pricing**/
    .pricing .btn-primary{
      background: linear-gradient(to bottom, #048c7f, #048c7f, #006b60, #006b60);
    }
    .pricing .btn-primary:hover{
      background: var(--color-segundario);
    }

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

.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, #006b60, #048c7f, #006b60, #048c7f);
    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: var(--color-base);
    }
.benefits_paragraph{
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.5;
    margin: 10px;
    color: var(--gray-color);
    text-align: left;
    }

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

     /*Features*/
.features_main 
    {background: #F3F3F3;
    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, #006b60, #048c7f, #006b60, #048c7f);
    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: var(--color-base);
    }
.benefits_paragraph{
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.5;
    margin: 10px;
    color: var(--gray-color);
    text-align: left;
    }

.container-features{
        margin-top: 4rem;
        margin-bottom: 4rem;
    }
/**Tarifas**/
    .tarifas_container{
        background-color: var(--background);
        padding: 2rem 0;
    }
    .container_tarifas{
        background: var(--background);
        margin-top: 3rem;
        width: min(100%, 1200px);
        margin: 0 auto;
        overflow: hidden;
        border-radius: 20px;
        padding: .5rem 0;
    }
    
    .cta_surtitre{
        background: var(--background);
        border-radius: 10px;
        padding: .5rem;
        margin: .5rem;
    }

    .cta{
        background: linear-gradient(to right, #048c7f, #006b60, #000303);
        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: #048c7f;;
    }

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

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

    .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: linear-gradient(to bottom, #fff, #dbe1e4, #fff);
        padding: .5rem 0;
        border-radius: 30px;
        color: var(--color-base);
        font-weight: 700;
        text-decoration: none;
        text-align: center;
    }
    .cta_links:hover{
        background: linear-gradient(to bottom right, #006b60, #006b60,#012168, #012168);
        color: var(--background);
        border: 1px solid var(--background);
        border-color: #dbe1e4;
        transition: 1s;
    }
    .cta_figure{
        width: 100%; 
        display: none;
    }

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

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

    .container_faq{
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

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

    .container-blog{
        margin-top: 3rem;
        margin-bottom: 4rem;
    }
 
    /**Jusque la très bien**/
    .hero_main .display-5{
      text-align: center;
    }
    .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;
    }
    .mb-1:hover{
        text-decoration: underline;
        color: #048c7f;
        transition: .5s;
    }
    .py-4{
        background-color: var(--background);
    }
    .container_d-lg{
        background-color: #fff;
    }

    .footer-container-main{
        background: linear-gradient(to bottom right, #000303, #048c7f, #006b60, #000303);
    }
    /**footer language**/
    .footer_language{
        background-color: transparent;
        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: center;
        margin-top: 0;
    }
    .footer_flag-links{
        font-size: 14px;
        padding-right: .5rem;
        color: #000303;
        text-decoration: none;
    }

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

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

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

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

    /**container-footer-top**/
    .container-footer-top{
        background: linear-gradient(to right, #006b60, #048c7f, #006b60);
        margin-top: 20px;
        border-radius: 20px;
    }

    .container-footer-top .mb-1:hover{
        text-decoration: none;
    }


    /**contact form**/
    .contact-form .container{
        border-radius: 20px;
        padding: 3rem 2rem;
    }

    .contact-form .btn-primary{
      background: linear-gradient(to right, #006b60, #048c7f, #006b60);
    }
    .contact-form .btn-primary:hover{
      background: var(--color-segundario);
    }

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

    .footer_social-links:hover{
        background: linear-gradient(to top right, #036058, #048c7f, #006b60, #036058);
        transition: 1s;
    }
    
    /*footer inferior*/
    .footer_content{
        width: 100%;
        background: linear-gradient(to bottom right, #036058, #000, #000, #036058);
        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;
    }

   .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: var(--black-color);
        width: 100%;
        border-top: 5px solid var(--color4);
        padding: 20px 30px;
    }
    .partFooter-about{
        width: 100%;
        border-radius: 10px;
    }
    .footer-logo-about{
        font-size: .8rem;
        margin: .3rem 0rem;
        color: var(--color5);
        padding-bottom: 3rem;
    }
    .footer_copyright-text{
        margin-top: 1rem;
        text-align: center;
        font-size: 12px;
        font-weight: 300;
        color: var(--background);
    }
    .footer_copyright-text a{
        color: var(--color4);
        text-decoration: none;
        font-weight: 700;
    }
    .footer_copyright-text a:hover{
        color: var(--color-base);
        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, #036058, #048c7f, #006b60, #036058);
    }

    /**Marketing**/

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

    .container-marketing{
        background: linear-gradient(to top right, #036058, #048c7f, #006b60, #036058);
        border-radius: 20px;
    }
    .container-marketing .container{
        background: var(--background);
        border-radius: 20px;
    }
    .container-marketing .img-fluid{
        background: #fff;
    }

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

    /**founder container**/
    .founder-container2{
        background: linear-gradient(to top right, #012168, #048c7f, #006b60, #012168);
    }
    .container2-founder-team{
        background:transparent;
        border-radius: 20px;
    }
   
    .container2-founder-team .container{
        background: linear-gradient(to top right, #012168, #048c7f, #006b60, #012168);
        border-radius: 20px;
    }

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

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

    }

   

    /**back to top**/
    #myBtn{
        display: none;
        position: fixed;
        bottom: 20px;
        right: 30px;
        background: linear-gradient(to top right, #012168, #048c7f, #006b60, #012168);
        border: 1px solid var(--color1);
        outline: none;
        z-index: 99;
        color: white;
        cursor: pointer;
        padding: 10px;
        border-radius: 10px;
        font-size: 16px;
    }
    #myBtn:hover{background-color: #004aad;}


/***MEDIA QUERY***/
@media (width >= 768px){
    /**Hero**/
    .nav_logo{width: 30px; 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;
    }
    
    .benefits_paragraph{
        grid-area: paragraph;
        text-align: left;
    }
    .hero_cta{
        grid-area: link; 
        padding: .5rem 1rem;
        place-self: start;
    }

    .hero_paragraph{
        grid-area: paragraph;
        text-align: left;
    }
    .hero_figure{grid-area: img;}
    .hero_figure{
        width: min(100%, 400px);
        justify-self: end;
        }

    /*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.4rem;
    }
    
    .benefits_cta{
        grid-area: link; 
        padding: .5rem 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: .5rem 1rem; 
        place-self: start;
    }

    .cta_figure{
        display: block;
        padding-right: 2rem;
    }
    .cta_img{
        padding: 0 1rem;
        border: 1px solid #dbe1e4;
        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;
        }
}

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

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

    .benefits_paragraph{
    font-size: 2rem;
    }
    
    .hero_figure{
        width: min(100%, 350px);
        }

    .impact-container .paragraph{
    text-align: center;
    }
}

@media (width >= 1200px){
    .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;
    }
}

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

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

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

    .services-container .display-5{
      text-align: left;
    }
    .tarifas_container .display-5{
      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;
    }

    .pricing .text-muted{
            text-align: left;
        }

}

 @media (width >= 1200px){
        .partFooter{
            width: 16%;
        }

        .container-investment-why .mb-2{
            text-align: left;
        }
        
    }

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

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