@font-face {
 font-family: 'Noway Regular';
 font-style: normal;
 font-weight: 400;
 src:
 local("Noway Regular"),
 url("https://d39zwl9tbes3u.cloudfront.net/fonts/Noway-Regular-webfont/noway-regular-webfont.woff2") format("woff2"),
 url("https://d39zwl9tbes3u.cloudfront.net/fonts/Noway-Regular-webfont/noway-regular-webfont.woff") format("woff"),
 url("https://d39zwl9tbes3u.cloudfront.net/fonts/Noway-Regular-webfont/noway-regular-webfont.ttf") format("truetype");
}

@font-face {
 font-family: 'Noway Bold';
 font-style: normal;
 font-weight: 700;
 src:
 local('Noway Bold'),
 url('https://d39zwl9tbes3u.cloudfront.net/fonts/Noway/Noway_Bold/noway-bold-webfont.woff2') format('woff2'),
 url('https://d39zwl9tbes3u.cloudfront.net/fonts/Noway/Noway_Bold/noway-bold-webfont.woff') format('woff'),
 url('https://d39zwl9tbes3u.cloudfront.net/fonts/Noway/Noway_Bold/noway-bold-webfont.ttf') format('truetype');
}

:root {
 --white: #ffffff;
 --black: #000000;
 --grey: #545454;
 --light-grey: #EDEDED;
 --light-blue: #EEF7FF;
 --light-blue2: #a8c0dc;
 --blue: #1C4CDE;
 --dark-blue: #384258;
 --rojo: #FD1A30;
 --width-container: 94%;
 
}

* {
 margin: 0;
 box-sizing: border-box;
 list-style-type: none;
 padding: 0;
 
}

html {
 scroll-behavior: smooth;
}

body {
 box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
}

.bold {
 font-weight: 700;
}

.pb-40 {
 padding-bottom: 40px;
}

hr {
 height: 3px;
 width: 20%;
 background-color: var(--light-blue2);
 margin: 15px 0;
}

.container {
 max-width: 1200px;
 margin: 0 auto;
 padding: 1rem;
}

.container__full {
 width: 100%;
}

.container__wrapper {
 position: relative;
}


/*HEADER  */
.header {
 background-color: var(--blue);
 padding: 2em 0;
}


.header__link {
 font-family: "Noway Bold";
 font-weight: 700;
 font-size: 1.5em;
 color: var(--white);
 text-decoration: none;
}

.header .header__container{
 margin: 0 auto;
 max-width: 1600px;
}

.header__container,
.footer__container {
 width: 95%;
 max-width: 1400px;
 flex-direction: column;
 gap: 1em;
 margin: 0 auto;
 display: flex;
 justify-content: space-between;
 align-items: center;
}

.header__logo {
 width: 160px;
}


/* MAIN */



.main_section_container {
 width: 80%;
 margin: 0 auto;
 display: flex;
 justify-content: space-between;
 align-items: left;
 flex-direction: column;
 
}

.main_section_left {
 text-align: left;
 padding-bottom: 30px;
 img{
  width: 100%;
 }
}



.main_section_logo_p {
 text-align: left;
}

.main_section_logo {
 max-width: 250px;
}



.main_section_h2 {
 /* height:100% !important; */
 /* max-width: 350px; */
 font-family: "Noway Regular", Helvetica, sans-serif;
 color: var(--grey);
 padding: 0 3rem 1rem 0;
 font-size: 1.3rem;
 /* font-size: 25px;
 line-height: 1.2em;
 font-weight: bold;
 text-align: left;
 padding-bottom: 30px;
 padding-top: 530px; */
}

.main_section_left .main_section_h2 strong{
 width:68%;
 /* height:18%; */
 min-width:0%;
 /* max-width:68%; */
}

.main_section_left .main_paragraph p{
 /* font-size:31px; */
}
.main_paragraph .main_subtitle span{
 font-size:30px;
 position:relative;
 /* top:-8px; */
}
.main_paragraph {
 max-width: 550px;
 font-family: 'Noway Regular';
 font-weight: 400;
 font-size: 20px;
 line-height: 33px;
 color: rgb(84, 84, 84);
}

.main_paragraph:not(:last-child) {
 margin-bottom: 2rem;
 
}

/* Paragraph */


/* Main paragraph */
.main_section .main_section_left .main_paragraph{
 padding: 0 0 30px 0;
}

.bottom_section_left{
 width: 20%;
}

.main_subtitle {
 font-family: 'Noway Regular';
 font-weight: 500;
 font-size: 25px;
 line-height: 30px;
 color: var(--blue);
}

.main_subtitle2 {
 /* max-width: 30ch; */
 font-family: 'Noway Regular';
 font-weight: 500;
 font-size: 25px;
 line-height: 30px;
 color: var(--blue);
 border-bottom: 6px solid var(--rojo);
}
.main_subtitle3 {
 /* max-width: 30ch; */
 font-family: 'Noway Regular';
 font-weight: 500;
 font-size: 25px;
 line-height: 35px;
 color: var(--blue);
 border-bottom: 6px solid var(--rojo);
}

/* CENTER SECTION */

.bottom_section_pie .bottom_section_left .center_section_p2:nth-child(4){
 display:inline-block;

}

.bottom_section_pie .bottom_section_left .bottom_section_card-img2{
 display:inline-block;

}

.main .bottom_section_pie .bottom_section_left .bottom_section_card-img2{
 width:auto !important;
}
.center_section_container {
 
 display: flex;
 justify-content: space-between;
 flex-direction: column;
 
}

.center_section_caja {
 border: 1px solid #ffffff;
 background-color: #fff;
 border-radius: 5px;
 gap: 40px;
 padding: 15px;
 display: flex;
 flex-direction: column;
 justify-content: flex-start;
 margin-bottom: 2em;
}

.center_section_p {
 padding-left: 0;
 
}

.center_section_p2 {
 
 font-family: "Noway Regular", Helvetica, sans-serif;
 color: var(--grey);
 font-size: 20px;
 line-height: 1.2em;
 font-weight: normal;
 text-align: left;
 padding-bottom: 30px;
 display: inline-block;
 vertical-align: top;
 padding-left: 0px;
 width: 68%;
 p{
  margin: 30px;;
 }
}

.center_section_pblue {
 font-family: "Noway Regular", Helvetica, sans-serif;
 color: var(--blue);
 font-size: 25px;
 line-height: 1.2em;
 font-weight: normal;
 text-align: left;
 padding-bottom: 30px;
 
}


.center_section_li {
 font-family: Arial, Helvetica, sans-serif;
 color: var(--grey);
 font-size: 20px;
 line-height: 1.4em;
 list-style: disc;
 padding-bottom: 5px;
}

/* BOTTOM SECTION */



@media (min-width:640px){
 
 
}

@media (min-width:1200px){
 
 
}




.bottom_section {
 background-color: var(--light-grey);
 /* --grid-columns: 1 --grid-rows: 3; */
 /* max-width: 1200px; */
 /* width: 100%; */
 margin: 0 auto;
 display: grid;
 grid-template-columns: repeat(var(--grid-columns), 1fr);
 grid-template-rows: repeat(var(--grid-rows), 1fr);
 gap: 1rem;
 padding: 1rem 36% 0 10%;
}
@media (min-width: 640px) {
 .bottom_section {
  --grid-columns: 2;
  --grid-rows: 2;
 }
}

@media (min-width: 768px) {
 .bottom_section {
  --grid-columns: 3;
  --grid-rows: 1;
  /* padding: 2rem; */
 }
}

@media (min-width: 1200px) {
 .bottom_section {
  --grid-columns: 3;
  /* padding: 1rem; */
 }
}
.bottom_section_pie {
 background-color: #ffffff;
 padding: 4em 10%;
}

.bottom_section_container {
 /* width: 90%; */
 margin: 0 auto;
 display: flex;
 justify-content: space-between;
 flex-direction: column;
}

.bottom_section_card {
 width: 100%;
 /* height: -moz-max-content; */
 height: max-content;
 font-family:'Noway Regular';
 color: var(--grey);
 font-size: 20px;
 line-height: 1.4em;
}

/* Bottom section card */
#bottom_section_card{
 /* transform:translatex(266px) translatey(17px) !important; */
 /* padding-right:0px;
 padding-left:11px; */
}


.bottom_section_card-img2 {
/*  
 
 margin-bottom: 0.25rem;
 -o-object-fit: cover;
 object-fit: cover;
 -o-object-position: center center;
 object-position: center center;
 margin-left: 0.25rem; */
}

/* @media (min-width: 640px) {
 .bottom_section_card-img2 {
  height: 20%;
 }
} */



.bottom_section_card-img {
 height: 35px;
 margin-bottom: 0.25rem;
 -o-object-fit: cover;
 object-fit: cover;
 -o-object-position: center center;
 object-position: center center;
 /* margin-left: 0.25rem; */
}

@media (min-width: 640px) {
 .bottom_section_card-img {
  /* height: 20%; */
 }
}


@media (min-width:1280px){
 
 /* Main section left */
 
}

.bottom_section_p {
 font-family:'Noway Regular';
 color: var(--grey);
 font-size: 20px;
 line-height: 1.4em;
 
}

/* FORM */
form {
 width: 95%;
}

#feedback-form {
 position: static;
 width: 100%;
 padding: 20px;
 box-shadow: 1px 4px 10px 1px #aaa;
 margin: 0 auto;
 background-color: #ffffff;
 
 box-shadow: 1px 4px 10px 1px #aaa;
 font-family: sans-serif;
 box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.5);
 z-index: 9;
}

#feedback-form * {
 box-sizing: border-box;
}

#feedback-form h2 {
 text-align: center;
 margin-bottom: 30px;
}

#feedback-form input:not(input[type="checkbox"]) {
 margin-bottom: 15px;
}

#feedback-form input:not(input[type="checkbox"]) {
 display: block;
 height: 40px;
 padding: 6px 16px;
 border-radius: 5px;
 border: 1px solid #dadada;
 width: 100%;
 font-size: 1em;
 font-family: Helvetica, sans-serif;
 background-color: #ffffff;
}

#feedback-form label {
 color: #777;
 font-size: 0.7em;
 font-family: Helvetica, sans-serif;
}

button#btn {
 margin-top: 20px;
}

.btn-primary {
 color: #ffffff;
 background-color: #1c4cdf;
 font-size: 20px;
 font-weight: bold;
 border-radius: 5px;
 border: 0px;
 padding: 10px;
 width: 150px;
 cursor: pointer;
 display: block;
 margin: 0 auto;
}

#feedback-form button[type=submit] {
 display: block;
 margin: 20px auto 0;
 width: 150px;
 height: 40px;
 border-radius: 10px;
 border: none;
 color: #eee;
 font-weight: 700;
 box-shadow: 1px 4px 10px 1px #aaa;
 background-color: var(--blue);
 font-family: Helvetica, sans-serif;
 font-size: 1.2em;
 cursor: pointer;
}

.form__paragraph {
 font-size: 1.2em;
 font-family: "Noway Regular", Helvetica, sans-serif;
 color: var(--grey);
 margin-bottom: 1.5em;
 margin-top: 0.5em;
 line-height: 1.4rem;
}
.form__paragraph2 {
 font-size: 0.7em;
 font-family: Helvetica, sans-serif;
 line-height: 1.4em;
 color: #777;
 margin-bottom: 1.5em;
 margin-top: 2.5em;
}

/* FOOTER */
.footer {
 background-color: var(--dark-blue);
 padding: 2em 0;
}

.footer__container {
 width: 95%;
 margin: 0 auto;
 display: flex;
 justify-content: space-between;
 align-items: center;
}

.footer__links,
.footer__rrss__a,
.footer__link {
 color: var(--white);
 
 font-family: Arial, Helvetica, sans-serif;
 text-align: center;
}

.footer__rrss__a {
 font-size: 1.5em;
}

@media (min-width: 768px) {
 .header__container {
  flex-direction: row;
  width: 80%;
 }
 
 .footer__container {
  width: 80%;
 }
 
 .main_section_container {
  width: 80%;
 }
}

@media (min-width: 1280px) {
 .header__container {
  width: 80%;
 }
 
 .main_section_container {
  flex-direction: row;
  /* justify-content: center;
  align-items: center;
  max-width: 1400px;
  width: 90%; */
 }
 
 .main_section_left {
  max-width: 68%;
  text-align: left;
  padding-bottom: 0;
 }
 
 .main_section_h1 {
  font-size: 52px;
 }
 
 .bottom_section_container {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  max-width: 1400px;
  width: 90%;
 }
 
 .bottom_section_left {
  /* max-width: 750px; */
  text-align: left;
  /* padding-left: 100px; */
  margin-right:20px;
 }
 
 form {
  width: 33%;
 }
 
 #feedback-form.form--fixed {
  position: fixed;
  top: 0;
  width: 30%;
  max-width: 450px;
  
  
  /* margin: 0 auto; */
 }
 
 .center_section {
  max-width: 550px;
  
 }
 
 .center_section_container {
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  
 }
 
 .center_section_caja {
  width: 100%;
 }
 
 .footer__container {
  flex-direction: row;
  width: 80%;
 }

 
 
}


@media (max-width: 1280px) {
  .borr_im{
    display: none;
  }

  .mantener_img{
    position: relative !important;
  }
}