html {font-family: sans-serif;-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body {margin: 0; overflow-x: hidden}

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

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block; vertical-align: baseline;}
audio:not([controls]) {display: none; height: 0;}
[hidden],template {display: none;}

a {background-color: transparent; text-decoration: none;}
a:active, a:hover {outline: 0;}
abbr[title] {border-bottom: 1px dotted;}
b, strong {font-weight: bold;}
dfn {font-style: italic;}
mark {background: #ff0; color: #000;}
small {}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 40px;}
hr {box-sizing: content-box; height: 0;}
pre {overflow: auto;}
code, kbd, pre, samp {font-family: monospace, monospace; font-size: 1em }
button, input, optgroup, select, textarea {color: inherit; font: inherit; margin: 0; border: none}
button {overflow: visible;}
button, select {text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;}
button[disabled], html input[disabled] {cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
input {line-height: normal;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend {border: 0; padding: 0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse; border-spacing: 0}
td, th {padding: 0}
nav, header, footer {margin: 0;}
img, object, embed {max-width: 100%;}
::placeholder, ::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder {color: #ccc;}
ul,li,p,dl,dd,dt { margin: 0px;list-style: none; padding: 0px;}
p {padding-bottom:1.5rem; line-height: 1.4; font-size: 20px; font-weight: 300;}
p b{font-weight: 500;}
form { margin: 0;padding: 0;}
img {border: none; max-width: 100%;}
.cfx:after {content: "."; display: block;height: 0;clear: both; visibility: hidden;}
.cfx{display: inline-block;}
.cfx{display: block;}
* html .cfx {height:1px;}

/* inter-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/inter-v18-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/inter-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/inter-v18-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/inter-v18-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/inter-v18-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/inter-v18-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



body,html {font-size: 16px; font-family: 'Inter', sans-serif; background: #fff}
body {background: #fff; font-size: 18px; color: #555; line-height: 1.4; position: relative;   overflow-x: hidden;}

a {color: #273168; outline: none;}
a:hover{outline: none; opacity: 0.8;}
a:active{opacity: 1}

.flexrow{display: flex}

/*Headings*/
h1 a,h2 a,h3 a,h4 a,h1,h2,h3,h4{font-family:'Inter', sans-serif; padding: 0; font-weight: normal }
h4 a,h5 a,h6 a, h4, h5, h6{font-family:'Inter', sans-serif;}
h1 {font-size: 64px; margin: 0; line-height: 1.4; font-weight: 300;}
h2 {font-size: 40px; margin: 0; line-height: 1.4; font-weight: 300;}
h3 {font-size: 32px; margin: 0; line-height: 1.4; font-weight: 300}
h4 {font-size: 28px; margin: 0 0 1.5rem 0; line-height: 1.4; font-weight: 300;}
h5 {font-size: 22px; margin: 0 0 10px; font-weight: 400; line-height: 1.4; }
h6 {font-size: 1rem; margin: 0 0 7px; }

h2 b, h4 b, h3 b{font-weight: 500;}

/* Transitions */
a,form *,a span:after, div:after{-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}


.txt-color-primary{color: #273168;}
.txt-color-secondary{color: #E46911;}




/* flexrow */
.row.flexrow{display: flex; justify-content: space-between;}
.row.flexrow:before, .row.flexrow:after{display: none}
.row.flexrow.flexrow-vcenter{align-items: center;} 
.row.flexrow.flexrow-half {gap: 64px; }
.row.flexrow.flexrow-half > div{width: 50%; }
.row.flexrow.flexrow-no-gap{gap: 0;}

/*row*/

.row.row-content{padding: 96px 24px; max-width: 1170px; margin: 0 auto; width: 100%;}

/* cont */
.cont{padding: 0 30px; max-width: 1170px; margin: 0 auto; width: 100%;}

/*buttons*/
a.button, button.button{
  display: block; text-align: center; text-transform: uppercase; color: #fff!important; font-size: 18px; font-weight: 700; padding: 16px 32px; background: #E46911; width: 100%; cursor: pointer; border-radius: 8px;
  -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.25);
  box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.25);
}
a.button.blue, button.button.blue{background: #E46911}
a.button.applegreen, button.button.applegreen{background: #98bf11}
a.button.inline{width: auto; display: inline-block}

.st-header{display: none}

header{position: fixed; top: 0;  transition: top .4s ease-in-out;  width: 100%;  background:#fff; z-index: 10000; -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.1)}

/* .nav-up {top: -126px;} */


header .header-desc {background-color: #fff; }
header .header-desc .logo {padding-block: 16px;}
header .header-desc .logo img{-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: block; width: auto; height: 74px}
header .header-desc .flexrow{align-items: center; -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; align-items: stretch;} 
header .header-desc .flexrow .header-right{display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end;}
header .header-desc .flexrow .header-right .lang{margin-left: 30px; padding-left: 30px; display: flex; justify-content: flex-end; align-items: center; padding-top: 16px; gap: 8px;}
header .header-desc .flexrow .header-right .lang a{display: block; color: #273168; font-size: 12px; line-height: 12px; font-weight: bold; letter-spacing: 0.5px; padding: 4px;}
header .header-desc .flexrow .header-right .lang a.current, header .header-desc .flexrow > div:last-child .lang a:hover{color: rgba(255,255,255,1); background-color: #273168; border-radius: 4px; }

header .header-desc nav {display: flex; justify-content: flex-end; align-items:baseline}
header .header-desc nav a{color: #273168; font-size: 1rem; font-weight: 600; margin-left: 40px; text-transform: uppercase; padding-bottom: 12px; border-bottom: 4px solid transparent;}
header .header-desc nav a.active{color: #273168; font-size: 1rem; border-bottom: 4px solid #E46911;}
header .header-desc nav a:last-child{margin-right: 0}

header .header .links-menu a.button{margin-right: 0}
header .header .row > div:last-child{padding: 20px 0}




header .header-mb{  width: 100%; z-index: 2000; display: none; top: 0; padding: 8px 0 }
header .header-mb .flexrow{align-items: center}
header .header-mb .logo img{width: auto; height: 56px; display: block}
    
a.menulink{display: block; position: relative; width: 28px; height: 20px }
a.menulink:before{content: ""; position: absolute; top: 0; left: 0; width: 28px; height: 28px; }
a.menulink span.menuline{height: 2px; width: 28px; position: absolute; top: 0; display: block; right: 0;}
a.menulink span.menuline:nth-of-type(2){top: 9px; }
a.menulink span.menuline:nth-of-type(3){top: 18px; }
a.menulink span.menuline{background: #273168}
a.menulink:hover{cursor: pointer}  

.menu-over .logo-over{position: absolute; left: 50%; margin-left: -100px; top: 24px}
.menu-over .logo-over img{width: 200px; height: auto; display: block; margin: 24px auto;}


.menu-over{position: fixed; height: 100vh; width: 100%; background: #273168; z-index: 5000; display: none; top: 0}
.menu-over .cont{display: flex; height: 100vh; position: relative}
.menu-over a.close{ position: absolute; top: 32px; right: 18px}
.menu-over a.close .linecross{height: 2px; width: 32px; background: #fff; display: block;  opacity: 0}
.menu-over a.close:before{content: ""; position: absolute; top: 0; left: 0; width: 32px; height: 28px;  margin: -13px 0 0 0;}
.menu-over a.close.showclose .linecross:nth-of-type(1){transform: rotate(45deg); opacity: 1;  }
.menu-over a.close.showclose .linecross:nth-of-type(2){transform: rotate(-45deg); opacity: 1; margin-top: -2px }


.menu-over .content-menu { margin: auto 0; width: 100%}
.menu-over .content-menu nav {margin-bottom: 40px}
.menu-over .content-menu nav a {color: #fff; font-size: 16px; font-weight:500;  text-align: center; display: block; margin-bottom: 16px; text-transform: uppercase; }
.menu-over .content-menu nav a.active {color: #E46911}


.menu-over .content-menu .lang{display: flex; justify-content: center; align-items: center; margin-top: 60px}
.menu-over .content-menu .lang a{display: block; color: rgba(255,255,255,.6); font-size: 12px; margin: 0 5px; line-height: 12px; font-weight: bold; letter-spacing: 0.5px}
.menu-over .content-menu .lang a.current, header .header-desc .flexrow > div:last-child .lang a:hover{color: rgba(255,255,255,1); }


.menu-over .content-menu nav li.current-menu-item a{position: relative}
.menu-over .content-menu nav li.current-menu-item a:before{content: ""; width: 1px; height: 0; position: absolute; background: #fff; left: 0; margin: auto 0 auto -40px; display: block; top: 0; bottom: 0; opacity: 0; -webkit-transition: all 0.4s ease-in-out ; transition: all 0.4s ease-in-out;}

.menu-over .content-menu nav.showcurrent li.current-menu-item a{color: rgba(255,255,255,1)}
.menu-over .content-menu nav.showcurrent li.current-menu-item a:before{opacity: 1; top: 0; bottom: 0; height: 40px}

.menu-over .content-menu nav li:not(.current-menu-item) a:hover {color: rgba(255,255,255,1)!important;} 
.menu-over .content-menu .links-access{margin-top: 80px}    
.menu-over .content-menu .links-access a{display: block; margin-bottom: 10px; text-align: center; color:#00a561; font-size: 20px; line-height: 1 }
.menu-over .content-menu .links-access .social-links{display: flex; justify-content: center; margin-top: 40px}
.menu-over .content-menu .links-access .social-links a{display: block; margin: 0 10px}


#inicio .header-home{background: yellow; z-index: 10001; }
#inicio .header-home .logo-over{padding-block: 16px;}
#inicio .header-home .logo-over img{-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: block; width: auto; height: 74px}
#inicio .header-home .flexrow{align-items: center; -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; align-items: stretch;} 
#inicio .header-home .flexrow .header-right{padding-top: 16px;}
#inicio .header-home .flexrow .header-right{display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end;}
#inicio .header-home .flexrow .header-right .lang{margin-left: 30px; padding-left: 30px; display: flex; justify-content: flex-end; align-items: center; gap: 8px;}
#inicio .header-home .flexrow .header-right .lang a{display: block; color: #273168; font-size: 12px; margin: 0; line-height: 12px; font-weight: bold; letter-spacing: 0.5px; padding: 4px;}
#inicio .header-home .flexrow .header-right .lang a.current, header .header-desc .flexrow > div:last-child .lang a:hover{color: rgba(255,255,255,1); background-color: #273168; border-radius: 4px; }
#inicio .header-home nav {display: flex; justify-content: flex-end; align-items:baseline}
#inicio .header-home nav a{color: #273168; font-size: 1rem; font-weight: 600; margin-left: 40px; text-transform: uppercase; padding-bottom: 12px; border-bottom: 4px solid transparent;}
#inicio .header-home nav a.active{color: #273168; font-size: 1rem; border-bottom: 4px solid #E46911}
#inicio .header-home nav a:last-child{margin-right: 0}






#inicio.inicio{min-height: 0; padding: 106px 0 0 0} 
#inicio .box-home{height: calc(100vh - 126px); background: url('../img/banner_hero_dk.jpg') center no-repeat; background-size: cover;}
#inicio .box-home .cont{display: flex; justify-content: center; align-items: center; height: 100%;}
#inicio .box-home .cont .caption{width: 100%; padding: 48px; max-width: 956px; display: flex; justify-content: center; align-items: flex-start; gap: 2rem; flex-direction: column;}
#inicio .box-home .cont .caption h1{color: #fff; font-size: 56px; margin: 0; line-height: 1.2; font-weight: 800;}
#inicio .box-home .cont .caption h1 span{color: #E46911; }
#inicio .box-home .cont .caption p{font-size: 32px; color: #fff; line-height: 140%; font-weight: 300;}

@media (max-width:680px){

  #inicio .box-home{

    background: url('../img/banner_hero_mb.jpg') center top no-repeat;
    background-size: cover;

  }


}





.box-text{padding: 64px; background-color: #F0F2F9; border-radius: 16px;}
.box-text p{font-size: 28px; line-height: 1.4; font-weight: 300; color: #273168; padding-bottom: 0; }

.box-text-big{display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 120px;  background-color: #F0F2F9; }
.box-text-big p{font-size: 40px; line-height: 1.4; font-weight: 300; color: #273168; padding-bottom: 2ren;}
.box-text-big p.txt-author{font-weight: bold; font-size: 24px; text-align: right; width: 100%; padding-bottom: 0;}
.box-big-pic{background: url('../img/img-about-us.jpg') no-repeat center center; background-size: cover;}


.list-win{display: flex; justify-content: space-between; gap: 64px; margin: 64px auto;}
.list-win > div{width: 33%; display: flex; flex-direction: column; gap: 16px;}
.list-win > div .count-num{display: flex; justify-content: flex-start; gap: 24px;}
.list-win > div .count-num span{font-size: 80px; color: #E46911; font-weight: 700; line-height: 1;}
.list-win > div .count-num h3{font-size: 32px; line-height: 38px; color: #273168; margin-bottom: 0; margin-inline: 0;}
.list-win > div p{padding-bottom: 0; }


section.section-page{padding-block: 120px;}
section.section-page h3{max-width: 960px; margin-inline: auto;}

#how-does-it-work{background-color: #FAFAFA;}
#what-do-you-get{background-color: #F0F2F9;}
#specialized-industries{background-color: #E46911; color: #fff;}
#about-us{background-color: #FAFAFA;}
#contact{position: relative;color: #fff; background: url('../img/bg-footer.jpg') no-repeat center; background-size: cover; }


.row-graphic{align-items: stretch; gap: 8px; }
.row-graphic.row-graphic-5 .step{width: 20%; }
.row-graphic.row-graphic-4 .step{width: 25%; }
.row-graphic .step{display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 24px; height: auto;}
.row-graphic .step .count-num{display: flex; justify-content: center; align-items: center; font-size: 48px; text-align: center; font-weight: 700; width: 74px; height: 74px; background-color: #E46911; border-radius: 100%; color: #fff;}
.row-graphic .step .step-content{flex-grow: 1; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 24px; border-radius: 16px; background-color: #11152C; padding: 48px 32px 32px 32px; }
.row-graphic .step .step-content img{display: block;}
.row-graphic .step .step-content p{font-size: 18px; color: #fff; text-align: center; font-weight: 500;}

.row-graphic .step:nth-of-type(2) .step-content{background-color: #1C234A}
.row-graphic .step:nth-of-type(3) .step-content{background-color: #273168}
.row-graphic .step:nth-of-type(4) .step-content{background-color: #323F85}
.row-graphic .step:nth-of-type(5) .step-content{background-color: #3E4DA3}

.tick-list {padding-left: 0;}
.tick-list li{padding-left: 24px; position: relative; margin-bottom: 16px;}
.tick-list li:before{content:url('../img/tick-bullet-list.svg'); position: absolute; left: 0; top: 0;}



.row.row-faq-content{max-width: 960px;}

.faq-item {
  margin-bottom: 32px;
  border-bottom: 1px solid #ddd;
  position: relative;
  padding-left: 48px;
  padding-bottom: 32px;
}

.faq-item:last-child{border-bottom: 0;}

.faq-item::before{

  content: "";
  background: url(../img/icon-check-circle.svg) no-repeat;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  position: absolute;
  left: 0;
  top: 8px;



}

.faq-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 10px 0;
  font-size: 24px;
  color: #273168;
  font-weight: 500;
}

.faq-question span {display: block; padding-right: 48px;}

.faq-question img{width: 32px; height: 32px;}

.faq-answer {
  display: none;
  padding: 10px 0;
}

.faq-answer p:last-child{padding-bottom: 0;}

.toggle-icon {
  width: 32px;
  height: 32px;
}



.list-industries{display: flex; justify-content: space-between; max-width: 960px; flex-wrap: wrap; margin: 96px auto 0;}
.list-industries li{width: 25%; color: #fff; display: flex; justify-content: center; align-items: center; gap:16px; flex-direction: column; margin-bottom: 40px; }
.list-industries li img{width: 128px; height: 128px; display: block;}





/* contacto */

#contact form {max-width: 560px; margin:60px auto}

form label{display: block; margin-bottom: 8px; font-size: 18px; font-weight: 300;}
form input[type="text"], form input[type="password"], form input[type="email"], form input[type="tel"], textarea{width: 100%; font-size: 18px; padding: 16px 24px; border-radius: 8px; color: #fff; background: #1C234A; margin-bottom: 20px; opacity: .4; }

form input[type="text"]:valid, form input[type="password"]:valid, form input[type="email"]:valid, form input[type="tel"]:valid, textarea:valid{opacity: 1;}

form textarea{height: 140px}
form input[type="submit"]{display: inline-block; text-align: center; color: #fff!important; font-size: 20px; font-weight: 600; padding: 16px 24px; background:#E46911; width: auto; cursor: pointer; border-radius: 16px; }

#contact form ul li:last-child{display: flex; justify-content: space-between; align-items: flex-start;}
#contact form ul li p{font-size: 14px; margin-top: 0; text-align: center; color: rgba(255,255,255.8)}

form input[type="text"]:focus, form input[type="email"]:focus, form textarea:focus, form input[type="tel"]:focus{outline: none; background-color: #11152C; opacity: 1;}

form input[type="text"]:fill

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {

  border: none;
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 0 #000 inset;
  transition: background-color 5000s ease-in-out 0s;
}
.alert {border-radius: 0; margin-bottom: 40px; text-align: center; border: 3px solid #fff; color: #fff; font-weight: 700; padding: 20px}



.footer{text-align: center}
.footer img{display: block; margin: 30px auto}
.footer p{text-align: center; color: #fff; padding: 40px 0; font-size: 14px}





/***** RESPONSIVE ****/

@media (max-width:1100px){
    
    #inicio .lang-home .lang{display: none}
    
    #inicio .header-home{padding: 30px 0}
    article.cono .level.level-3 .level-content{padding: 30px 0}
    article.cono .cono-content{width: 96%}
    article.cono .cono-bar{width: 4%}
    .header-home .logo-over img{max-width: 160px}
    #inicio .box-home .sector-1 div h2{font-size: 42px}
    #inicio .box-home .sector-1 div p{font-size: 24px}
    .sector-2 .cont .flexrow div:last-child h2{font-size: 42px; margin-bottom: 20px}
    .sector-2 .pers-1{height: 480px}
    section.service-1, section.service{padding: 30px 0}
    article.cono .level-1, article.cono .level-2, article.cono .level-3, article.cono .level-4{padding: 45px 0}
    article.cono .level .arrow-down{display: none}
    .industrias{min-height: 0}



    
}

@media (max-width:780px){
    

  .row.flexrow.flexrow-half{flex-wrap: wrap; gap: 32px;}
  .row.flexrow.flexrow-half > div{width: 100%; }
  .row.flexrow.flexrow-half.row.flexrow.flexrow-no-gap{gap: 0;}

  #inicio.inicio{position: relative; display: flex; align-items:flex-start; flex-wrap: wrap; z-index: 1000; background: #eae7e6; padding-top: 72px;}
  #inicio.inicio:after{margin-bottom: 0}

  #inicio .box-home {position: relative; transform: none; -webkit-transform: none; top: 0; left: 0; padding-top: 0}
  #inicio .box-home .cont .caption{padding: 0; gap: 1rem;}
  #inicio .box-home .cont .caption h1{font-size: 32px;}
  #inicio .box-home .cont .caption p{font-size: 20px;}


  .title-content{padding-inline: 24px;}
  .row.row-content{padding-block: 48px;}


  .box-text{padding: 32px;}
  .box-text p{font-size: 22px;}

  h1{font-size: 40px;}
  h2{font-size: 32px;}
  h3{font-size: 26px;}
  h4{font-size: 22px;}
  
  

  section.section-page{padding-block: 64px;}

  section.section-page h1{padding-inline: 24px;}


  .list-win{flex-direction: column; gap: 32px;}
  .list-win > div{width: 100%; flex-direction: row; flex-wrap: wrap; gap: 8px;}
  .list-win > div .count-num{width: 100%;}
  .list-win > div .count-num span{font-size: 64px; width: 40px; text-align: right;}
  .list-win > div .count-num h3{margin: 0; font-size: 26px; line-height: 30px;}
  .list-win > div p{font-size: 16px; padding-left: 64px;}


  .row-graphic{flex-direction: column; }
  .row-graphic.row-graphic-5 .step, .row-graphic.row-graphic-4 .step{width: 100%;}
  .row-graphic .step{flex-direction: row; gap: 8px; padding: 0; border-radius: 16px; align-items: stretch; overflow: hidden;}
  .row-graphic .step .count-num{font-size: 32px; width: 56px!important; height: unset; border-radius: 0;}
  .row-graphic .step .step-content{width: calc(100% - 64px); flex-direction: row; padding: 16px;}
  .row-graphic .step .step-content img{width: 48px; height: auto;}
  .row-graphic .step .step-content p{text-align: left; padding-bottom: 0;}

  .row-graphic .step:nth-of-type(1) {background-color: #11152C}
  .row-graphic .step:nth-of-type(2) {background-color: #1C234A}
  .row-graphic .step:nth-of-type(3) {background-color: #273168}
  .row-graphic .step:nth-of-type(4) {background-color: #323F85}
  .row-graphic .step:nth-of-type(5) {background-color: #3E4DA3}


  .row.row-faq-content .faq-item{padding-bottom: 8px; padding-left: 32px; margin-bottom: 8px;}
  .row.row-faq-content .faq-item:before{width: 24px; height: 24px; background-size: 24px 24px;}
  .row.row-faq-content .faq-item .faq-question{padding: 8px 0; font-size: 18px;}
  .row.row-faq-content .faq-item .faq-question img{width: 24px; height: 24px;}
  .row.row-faq-content .faq-item .faq-answer{padding-top: 0;}
  .row.row-faq-content .faq-item .faq-answer p{font-size: 16px; font-weight: 400;}


  .list-industries{padding: 0 24px;  margin-top: 32px; align-items: flex-start;}
  .list-industries li{width: 50%; gap: 16px;}
  .list-industries li img{width: 72px; height: 72px;}
  .list-industries li span{text-align: center; font-size: 18px; line-height: 1.2; }

  .row.flexrow.flexrow-half > div.box-text-big{padding: 32px;}
  .row.flexrow.flexrow-half > div.box-text-big p{font-size: 32px;}
  .row.flexrow.flexrow-half > div.box-text-big p.txt-author{font-weight: bold; font-size: 16px; text-align: right; width: 100%; padding-bottom: 0;}
  .row.flexrow.flexrow-half > div.box-big-pic{height: 100vw;}

    .mb_only{display: block}
    
    
    header .header-desc, .header-home{display: none}
    header .header-mb{display: block}
   
    #inicio.inicio{
    

        position: relative;
        display: flex;
        align-items:flex-start;
        flex-wrap: wrap;
        z-index: 1000;
           background: #eae7e6;

    
    }
    
       
    #inicio .box-home {position: relative; transform: none; -webkit-transform: none; top: 0; left: 0; padding-top: 130px}

        
    #contact{padding-bottom: 32px!important;}
    #contact .cont .flexrow{flex-wrap: wrap}
    #contact .cont .flexrow > div{width: 100%}
    #contact .flexrow > div:last-child a{font-size: 26px; text-align: center}
    #contact .flexrow > div:last-child .social-links{justify-content: center}
    #contact form{margin: 30px auto}

    #contact .footer img{width: 160px; height: auto; margin: 80px auto 24px}

    #contact form ul li:last-child{flex-direction: column-reverse; align-items: center;}
    #contact form ul li:last-child input[type="submit"]{width: 100%;}
    #contact form ul li:last-child p{width: 100%; text-align: left;}

    
}








/* Utilities*/
.u-mt2{margin-top: 1rem!important;}
.u-pt0{padding-top: 0!important;}
.u-pt2{padding-top: 2rem!important;}
.u-pb0{padding-bottom: 0!important;}
.u-pb2{padding-bottom: 2rem!important;}
.u-center{text-align: center!important;}
.u-mb2{margin-bottom: 1rem;}
.u-mb4{margin-bottom: 2rem;}

@media (max-width:780px){

  .u-flexcolumn-reverse-mb{flex-direction: column-reverse;}
  .u-left-mb{text-align: left!important;}
  .u-pt0-mb{padding-top: 0!important;}

}


.overlay-loader{position: fixed; height: 100vh; width: 100%; background: #273168; z-index: 50000; display: block; top: 0; display: flex; justify-content: center; align-items: center}




.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #fed;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}