/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
*{
  font-family: "Hanken Grotesk", sans-serif !important;
  letter-spacing: 0px !important;
}
/*boostrasp same height columns*/
.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .row.equal {
    display: flex;
    flex-wrap: wrap;
  }
}
/* boostrap responsive videos and iframes */
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive::before {
  display: block;
  content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.857143%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

img {
  max-width: 100%;
  width: auto\9;
  height: auto;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

@media (min-width: 1200px){
  .container_solution{
    width: 1080px !important;
  }

}
/* All landing pages with INTRO ID on ROWSECTION MODULE */
.rowsection#intro{
  padding: 200px 0 63px 0;
}
@media(max-width: 980px){
  .rowsection#intro{
    padding: 150px 0 63px 0 !important;
  }   
}
/* Aux title for all pages on rowsection module and INTRO ID */
.rowsection#intro .featuring_text_solution .aux_title,
.featuring_text_solution .aux_title{
  color: #12b7a3;
  font-weight: 600;
  font-size: 30px;
  line-height: 32px; 
  display: block;
  text-transform: uppercase;
}

/* new h1 changes and introsection p for industries and solutions */
/* Estilo temporal, cambiar a h1 default cuando este todo industrias y solutions */
.featuring_text_solution h1{
  font-size: 24px !important;
  line-height: 28px !important;
  padding-bottom: 5px; 
  font-weight: 600;
  margin: 0;
}
.featuring_text_solution h1{
  text-transform: uppercase;    
}
.featuring_text_solution p{
  margin: 0;
  font-size: 30px !important;
  line-height: 34px !important;    
}

.position-relative {
  position: relative;
}

/* Section Title Global */
h1{
  color: #353544;
  letter-spacing: 0px;  
  font-size: 35px;
  line-height: 40px;
  font-weight: 300;
}
h2{
  color: #353544;
  font-size: 30px;
  font-weight: 300;
  letter-spacing: 0px;
  line-height: 34px;
}
.text_normal{
  text-transform: none; 
}
h3{
  color: #353544;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: 0px;
  line-height: 26px;
}
.title_section, .title_section span, .title_section p{
  font-size: 30px; 
  color: #FFFFFF;	
}
.title_section span{
  font-weight: 600;
}

/* Global Text */
a, a:link, a:hover, a:visited, a:active, a:focus{
  font-weight:normal;
  color: #00cebe;
}
a:hover{
  font-weight: 500;
}
.main_text_section_global, p, li{
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0px;
  line-height:1.33;
}
.main_content p{
  font-size: 16px;
  line-height: 22px;
  letter-spacing: .5px;
  color: #FFFFFF;
  font-weight: 300;
}
li.main_text_section_global{
  margin-bottom:10px;
}
.main_text_section_global a, 
.main_text_section_global a:hover, 
.main_text_section_global a:visited, 
.main_text_section_global a:active, 
.main_text_section_global a:focus{
  font-weight:normal;
  color: #00cebe;
}
.texto_general, .texto_general p{
  font-size: 16px;
  line-height: 22px;
  letter-spacing: .5px;
}
.main_text_section_global a:hover{
  text-decoration: underline;
}
.main_text_section_global strong{
  font-weight:600;
}

/* override Container mobile margin 2021*/
@media(max-width: 979px) and (min-width: 768px){
  .container{
    margin: 0 5% !important;
  }  
}
@media(max-width: 767px){
  .container{
    margin: 0 7% !important;
  }
}

.text-center {
  text-align: center;
}
/* global hr and color variants */
.hr_globalstyle1{
  border-bottom: 0;
  width: 39px;
  margin: 10px 0 10px 0;
}
.hr_globalstyle2{
  border-bottom: 0;
  width: 39px;
  margin: 40px 0 22px 0;
}
.hr_aqua{
  border-top: 5px solid #00EFD2;
}
.hr_white{
  border-top: 5px solid #FFFFFF;
}


/* rich text squares */
.rich_text_square{
  float: left; 
  padding-right: 14px;
  box-sizing: border-box;
}
@media(max-width: 979px) and (min-width: 768px){
  .rich_text_square{
    width: 50% !important;
  }
}
@media(max-width: 768px){
  .rich_text_square{
    width: 100% !important; 
    padding: 0 !important;
  }
}

/* Row section */
.rowsection{
  width: 100%;
  display: block;
  box-sizing: border-box;
}

/* Rotate items */
.rotate45{
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);  
}
.rotate180Y{
  transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);  
}
.time_line_arrow .rotate180Y{
  transform: rotateY(180deg) translateY(-50%);
  -ms-transform: rotateY(180deg) translateY(-50%);
  -webkit-transform: rotateY(180deg) translateY(-50%);
  -moz-transform: rotateY(180deg) translateY(-50%);
  -o-transform: rotateY(180deg) translateY(-50%);  
}


html body .stk_btn.btn_1,
html body a[class^="cta_button stk_btn btn_1"],
html body .hs-cta-wrapper .hs-cta-node > a.cta_button.stk_btn.btn_1,
html body .cta_button.stk_btn.btn_1,
html body .hs-cta-wrapper .cta_button.stk_btn.btn_1,
html body .hs-cta-wrapper .hs-cta-node .cta_button.stk_btn.btn_1,
html body a.cta_button.stk_btn.btn_1,
html body .hs-cta-wrapper a.cta_button.stk_btn.btn_1,
html body .hs-cta-wrapper .hs-cta-node a.cta_button.stk_btn.btn_1{
  padding: 10px 25px !important;
  min-width: 160px !important;
  height: 38px !important;
  border-radius: 50px !important;
  display: block !important;
  box-sizing: border-box !important;
  line-height: 1 !important;
  text-align: center !important;
  width: fit-content !important;
}
html body .stk_btn.btn_1 span{
  display: block;
  line-height: 19px;
}
html body .stk_btn.btn_1 p{
  line-height: 19px; 
}


.stk_table{
  display:table;
  height: 100%;
}
.stk_table_cell{
  display: table-cell;
  height: 100%;
}
.stk_table_cell_middle{
  vertical-align: middle; 
}

/*Mandates space title */
.container_mandates p{
  margin: 0 0 9px;
}

.copy_2023{
  display: inline !important; 
  vertical-align: super;
  font-size: 20px;  
}

.hs_stk_processing_consent div.input {
  margin-top: 10px !important;
}
.hs_stk_processing_consent li.hs-form-booleancheckbox label {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

input.hs-input[name=stk_processing_consent] {
  height: 20px !important;
  margin: 2px 0 10px 0 !important;
  max-width: 50px !important;
  width:50px !important;
}
.hs_stk_processing_consent li.hs-form-booleancheckbox label span {
  font-size: 15px !important;
  font-weight: 400;
  margin: 0 0 9px;
  letter-spacing: .5px;
  line-height: 130% !important;
  margin-left: 10px;
}


/* glowup espaciados generales*/
#presentations, 
#offerings, 
html .rowsection,
.filter2022{
  padding: 4% 0;
}  

@media(max-width: 767px){
  html body .item_universal_slider{
    padding: 40px 0;   
  }      
  /* espaciado nuevo en secciones */
  #presentations, 
  #offerings, 
  html .rowsection,
  .filter2022{
    padding: 40px 0 !important;
  }    
  html body .rowsection#intro {
    padding: 150px 0 40px!important;
  }
  .information_text_container{
    margin: 0 !important;
  }
}


/* FLEX GRID STK */

/* GRID bootstrap */
body {
  background-color: #FDFDFD;
  color: #353544;
  font-size: 18px;
  line-height: 1.33;
  padding: 0;
  margin: 0;
}
p {
  margin: 1em 0;
}
a, a:active, a:hover, a:link, a:visited {
  /*color: #54cf7a;*/
  color: #1948FF;
  text-decoration: none;
}
.container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.row {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(/templates/design2015/js/polyfills/boxsizing.htc);
}
.container {
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}
.container:before,
.container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}
.container:before,
.container:after {
  display: table;
  content: "";
  line-height: 0;
}
.container:after {
  clear: both;
}

/* Formas */
.forma_solutions form select{
  height: 40px !important;
}
form.hs-form .hs-form-field ul.inputs-list{
  margin-left: 0; 
}
.hs-form.stacked {
  padding-left: 0;
}
.hs-form {
  margin-bottom: 18px;
}
form {
  margin: 0 0 18px;
}
.hs-form ul {
  list-style: none;
}
button, 
input[type=button], 
input[type=checkbox], 
input[type=radio], 
input[type=reset], 
input[type=submit], 
label, 
select {
  cursor: pointer;
}
.hs-form.stacked label {
  display: block;
  float: none;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 4px;
  padding-top: 0;
  text-align: left;
  width: auto;
}
fieldset, legend {
  border: 0;
  padding: 0;
}
legend {
  border-bottom: 1px solid #e5e5e5;
  color: #333;
  display: block;
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 18px;
  width: 100%;
}
.hs-form.stacked .field div.input {
  margin-left: 0;
}
.hs-form.stacked .hs-field-desc {
  margin: 0 0 2px;
}
.hs-form ul {
  list-style: none;
}
ol, ul {
  margin: 0 0 9px 25px;
  padding: 0;
}
.hs-form.stacked .inputs-list>li {
  padding-top: 0;
}
.hs-form .inputs-list>li {
  display: block;
  padding: 0;
  width: 100%;
}
.hs-form.stacked .inputs-list>li label {
  font-weight: 400;
  padding-top: 0;
}
.hs-form .inputs-list input[type=checkbox], 
.hs-form .inputs-list input[type=radio] {
  margin-bottom: 0;
}
.hs-form .inputs-list li input {
  margin: 3px 5px 3px 0;
}
.hs-form .hs-form-required {
  color: red;
}
.no-list.hs-error-msgs.inputs-list{
  margin-top: 10px;
  margin-bottom: 0;
}
.hs-form input:not([type=image]), .hs-form textarea {
  box-sizing: content-box;
}
.hs-form .hs-input, .hs-form textarea.hs-input {
  box-sizing: border-box;
  max-width: 500px;
  width: 90%;
}
.hs-input.uneditable-input, 
input.hs-input, 
select.hs-input, 
textarea.hs-input {
  border: 1px solid #ccc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #666;
  display: inline-block;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  padding: 4px;
  width: 210px;
}
.uneditable-input, 
input[type=color], 
input[type=date], 
input[type=datetime-local], 
input[type=datetime], 
input[type=email], 
input[type=month], 
input[type=number], 
input[type=password], 
input[type=search], 
input[type=tel], 
input[type=text], 
input[type=time], 
input[type=url], 
input[type=week], 
textarea {
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border .2s linear,box-shadow .2s linear;
  -moz-transition: border .2s linear,box-shadow .2s linear;
  -o-transition: border .2s linear,box-shadow .2s linear;
  transition: border .2s linear,box-shadow .2s linear;
}

/* Safari forms */
html body .hs_stk_processing_consent .hs-form-booleancheckbox input{
  width: 50px !important;
}

/* botones y cta */
.btn, .cta_button{
  margin: 0px 15px 15px 0;
}

/* end formas */

@media (min-width: 768px) and (max-width: 979px) {
  .container {
    width: auto;
  }
}
@media (min-width: 980px) and (max-width: 1199px) {
  .container {
    width: 980px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 940px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}
.container-fluid:before,
.container-fluid:after {
  content: " ";
  display: table;
}
.container-fluid:after {
  clear: both;
}
.container-fluid:before,
.container-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}
.container-fluid:after {
  clear: both;
}
.row-fluid {
  width: 100%;
  *zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
  content: " ";
  display: table;
}
.row-fluid:after {
  clear: both;
}
.row-fluid:before,
.row-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}
.row-fluid:after {
  clear: both;
}
.row-fluid [class*="span"] {
  display: block;
  width: 100%;
  min-height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 2.127659574%;
  *margin-left: 2.0744680846382977%;
}
.row-fluid [class*="span"]:first-child {
  margin-left: 0;
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 980px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
/* Drag and drop Helper */
.row-fluid .span12 {
  width: 99.99999998999999%;
  *width: 99.94680850063828%;
}
.row-fluid .span11 {
  width: 91.489361693%;
  *width: 91.4361702036383%;
}
.row-fluid .span10 {
  width: 82.97872339599999%;
  *width: 82.92553190663828%;
}
.row-fluid .span9 {
  width: 74.468085099%;
  *width: 74.4148936096383%;
}
.row-fluid .span8 {
  width: 65.95744680199999%;
  *width: 65.90425531263828%;
}
.row-fluid .span7 {
  width: 57.446808505%;
  *width: 57.3936170156383%;
}
.row-fluid .span6 {
  width: 48.93617020799999%;
  *width: 48.88297871863829%;
}
.row-fluid .span5 {
  width: 40.425531911%;
  *width: 40.3723404216383%;
}
.row-fluid .span4 {
  width: 31.914893614%;
  *width: 31.8617021246383%;
}
.row-fluid .span3 {
  width: 23.404255317%;
  *width: 23.3510638276383%;
}
.row-fluid .span2 {
  width: 14.89361702%;
  *width: 14.8404255306383%;
}
.row-fluid .span1 {
  width: 6.382978723%;
  *width: 6.329787233638298%;
}

@media (max-width: 767px){
  [class*="span"],
  .row-fluid [class*="span"] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .span12,
  .row-fluid .span12 {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  } 
  .container {
    width: auto;
  }
  .row-fluid {
    width: 100%;
  }  
}
@media (min-width: 768px) and (max-width: 979px) {
  .container {
    width: auto;
  }  
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    content: " ";
    display: table;
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }  
  .row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.127659574%;
    *margin-left: 2.0744680846382977%;
  }
  .row-fluid .span12 {
    width: 99.99999998999999%;
    *width: 99.94680850063828%;
  }
  .row-fluid .span11 {
    width: 91.489361693%;
    *width: 91.4361702036383%;
  }
  .row-fluid .span10 {
    width: 82.97872339599999%;
    *width: 82.92553190663828%;
  }
  .row-fluid .span9 {
    width: 74.468085099%;
    *width: 74.4148936096383%;
  }
  .row-fluid .span8 {
    width: 65.95744680199999%;
    *width: 65.90425531263828%;
  }
  .row-fluid .span7 {
    width: 57.446808505%;
    *width: 57.3936170156383%;
  }
  .row-fluid .span6 {
    width: 48.93617020799999%;
    *width: 48.88297871863829%;
  }
  .row-fluid .span5 {
    width: 40.425531911%;
    *width: 40.3723404216383%;
  }
  .row-fluid .span4 {
    width: 31.914893614%;
    *width: 31.8617021246383%;
  }
  .row-fluid .span3 {
    width: 23.404255317%;
    *width: 23.3510638276383%;
  }
  .row-fluid .span2 {
    width: 14.89361702%;
    *width: 14.8404255306383%;
  }
  .row-fluid .span1 {
    width: 6.382978723%;
    *width: 6.329787233638298%;
  }

}
@media (min-width: 1200px) {
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    content: " ";
    display: table;
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.127659574%;
    *margin-left: 2.0744680846382977%;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .span12 {
    width: 99.99999998999999%;
    *width: 99.94680850063828%;
  }
  .row-fluid .span11 {
    width: 91.489361693%;
    *width: 91.4361702036383%;
  }
  .row-fluid .span10 {
    width: 82.97872339599999%;
    *width: 82.92553190663828%;
  }
  .row-fluid .span9 {
    width: 74.468085099%;
    *width: 74.4148936096383%;
  }
  .row-fluid .span8 {
    width: 65.95744680199999%;
    *width: 65.90425531263828%;
  }
  .row-fluid .span7 {
    width: 57.446808505%;
    *width: 57.3936170156383%;
  }
  .row-fluid .span6 {
    width: 48.93617020799999%;
    *width: 48.88297871863829%;
  }
  .row-fluid .span5 {
    width: 40.425531911%;
    *width: 40.3723404216383%;
  }
  .row-fluid .span4 {
    width: 31.914893614%;
    *width: 31.8617021246383%;
  }
  .row-fluid .span3 {
    width: 23.404255317%;
    *width: 23.3510638276383%;
  }
  .row-fluid .span2 {
    width: 14.89361702%;
    *width: 14.8404255306383%;
  }
  .row-fluid .span1 {
    width: 6.382978723%;
    *width: 6.329787233638298%;
  }
}


.flex_container{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.space_between{
  justify-content: space-between; 
}
.space_around {
  justify-content: space-around;
}
.flex_start{
  justify-content: flex-start;  
}
.flex_end{
  justify-content: flex-end;  
}
.flex_center{
  justify-content: center;  
}
.align_stretch {
  align-items: stretch;
}
.align_start {
  align-items: flex-start;
}
.align_end {
  align-items: flex-end;
}
.align_center {
  align-items: center;
}
.align_baseline {
  align-items: baseline;
}

/* Grid items Width */
/* force */
.f10{
  width: 10%; 
}
.f15{
  width: 15%; 
}
.f16{
  width: 16%; 
}   
.f20{
  width: 20%; 
}
.f25{
  width: 25%; 
}
.f30{
  width: 30%; 
}
.f33{
  width: 33.333333%; 
} 
.f35{
  width: 35%; 
}
.f40{
  width: 40%; 
}
.f41{
  width: 41%; 
}  
.f45{
  width: 45%; 
}
.f50{
  width: 50%; 
}
.f55{
  width: 55%; 
}
.f58{
  width: 58%; 
}
.f60{
  width: 60%; 
}
.f65{
  width: 65%; 
}
.f66{
  width: 66%;
}
.f70{
  width: 70%; 
}
.f75{
  width: 75%; 
}
.f80{
  width: 80%; 
}
.f84{
  width: 84%; 
}
.f85{
  width: 85%; 
}
.f90{
  width: 90%; 
}
.f95{
  width: 95%; 
}
.f100{
  width: 100%; 
}

/* Responsive */
@media(min-width: 1201px){
  .lgdirection_row{
    flex-direction: row;
  }
  .lgdirection_row_reverse{
    flex-direction: row-reverse;
  } 
  .lgdirection_column{
    flex-direction: column;
  }  
  .lgdirection_column_reverse{
    flex-direction: column-reverse;
  }
  .lg8 {
    width:8.33333333%
  }
  .lg10{
    width: 10%; 
  }
  .lg15{
    width: 15%; 
  }
  .lg16{
    width: 16%; 
  }  
  .lg20{
    width: 20%; 
  }
  .lg25{
    width: 25%; 
  }
  .lg30{
    width: 30%; 
  }
  .lg33{
    width: 33.333333%; 
  }   
  .lg35{
    width: 35%; 
  }
  .lg40{
    width: 40%; 
  }
  .lg41{
    width: 41%; 
  }    
  .lg45{
    width: 45%; 
  }
  .lg50{
    width: 50%; 
  }
  .lg55{
    width: 55%; 
  }
  .lg58{
    width: 58%; 
  }
  .lg60{
    width: 60%; 
  }
  .lg65{
    width: 65%; 
  }
  .lg66{
    width: 66%;
  }  
  .lg70{
    width: 70%; 
  }
  .lg75{
    width: 75%; 
  }
  .lg80{
    width: 80%; 
  }
  .lg85{
    width: 85%; 
  }
  .lg84{
    width: 84%; 
  }
  .lg83 {
    width: 83.33333333333334%;
  }
  .lg90{
    width: 90%; 
  }
  .lg91 {
    width: 91.66666667%;
  }
  .lg95{
    width: 95%; 
  }
  .lg100{
    width: 100%; 
  }  
}
@media(max-width: 1200px) and (min-width: 980px){
  .mddirection_row{
    flex-direction: row;
  }
  .mddirection_row_reverse{
    flex-direction: row-reverse;
  } 
  .mddirection_column{
    flex-direction: column;
  }  
  .mddirection_column_reverse{
    flex-direction: column-reverse;
  }   
  .md8 {
    width:8.33333333%
  }
  .md10{
    width: 10%; 
  }
  .md15{
    width: 15%; 
  }
  .md16{
    width: 16%; 
  }  
  .md20{
    width: 20%; 
  }
  .md25{
    width: 25%; 
  }
  .md30{
    width: 30%; 
  }
  .md33{
    width: 33.333333%; 
  }   
  .md35{
    width: 35%; 
  }
  .md40{
    width: 40%; 
  }
  .md41{
    width: 41%; 
  }    
  .md45{
    width: 45%; 
  }
  .md50{
    width: 50%; 
  }
  .md55{
    width: 55%; 
  }
  .md58{
    width: 58%; 
  }  
  .md60{
    width: 60%; 
  }
  .md65{
    width: 65%; 
  }
  .md66{
    width: 66%;
  }    
  .md70{
    width: 70%; 
  }
  .md75{
    width: 75%; 
  }
  .md80{
    width: 80%; 
  }
  .md83 {
    width: 83.33333333333334%;
  }
  .md84{
    width: 84%; 
  }  
  .md85{
    width: 85%; 
  }
  .md90{
    width: 90%; 
  }
  .md91 {
    width: 91.66666667%;
  }
  .md95{
    width: 95%; 
  }
  .md100{
    width: 100%; 
  }    
}
@media(max-width: 979px) and (min-width: 768px){
  .smdirection_row{
    flex-direction: row;
  }
  .smdirection_row_reverse{
    flex-direction: row-reverse;
  } 
  .smdirection_column{
    flex-direction: column;
  }  
  .smdirection_column_reverse{
    flex-direction: column-reverse;
  }
  .sm8 {
    width:8.33333333%
  }
  .sm10{
    width: 10%; 
  }
  .sm15{
    width: 15%; 
  }
  .sm16{
    width: 16%; 
  }    
  .sm20{
    width: 20%; 
  }
  .sm25{
    width: 25%; 
  }
  .sm30{
    width: 30%; 
  }
  .sm33{
    width: 33.333333%; 
  }   
  .sm35{
    width: 35%; 
  }
  .sm40{
    width: 40%; 
  }
  .sm41{
    width: 41%; 
  }    
  .sm45{
    width: 45%; 
  }
  .sm50{
    width: 50%; 
  }
  .sm55{
    width: 55%; 
  }
  .sm58{
    width: 58%; 
  }  
  .sm60{
    width: 60%; 
  }
  .sm65{
    width: 65%; 
  }
  .sm66{
    width: 66%;
  }    
  .sm70{
    width: 70%; 
  }
  .sm75{
    width: 75%; 
  }
  .sm80{
    width: 80%; 
  }
  .sm83 {
    width: 83.33333333333334%;
  }
  .sm84{
    width: 84%; 
  }  
  .sm85{
    width: 85%; 
  }
  .sm90{
    width: 90%; 
  }
  .sm91 {
    width: 91.66666667%;
  }
  .sm95{
    width: 95%; 
  }
  .sm100{
    width: 100%; 
  }    
}
@media(max-width: 767px){
  .xsdirection_row{
    flex-direction: row;
  }
  .xsdirection_row_reverse{
    flex-direction: row-reverse;
  } 
  .xsdirection_column{
    flex-direction: column;
  }  
  .xsdirection_column_reverse{
    flex-direction: column-reverse;
  }
  .xs8 {
    width:8.33333333%
  }
  .xs10{
    width: 10%; 
  }
  .xs15{
    width: 15%; 
  }
  .xs16{
    width: 16%; 
  }     
  .xs20{
    width: 20%; 
  }
  .xs25{
    width: 25%; 
  }
  .xs30{
    width: 30%; 
  }
  .xs33{
    width: 33.333333%; 
  }  
  .xs35{
    width: 35%; 
  }
  .xs40{
    width: 40%; 
  }
  .xs41{
    width: 41%; 
  }  
  .xs45{
    width: 45%; 
  }
  .xs50{
    width: 50%; 
  }
  .xs55{
    width: 55%; 
  }
  .xs58{
    width: 58%; 
  }
  .xs60{
    width: 60%; 
  }
  .xs65{
    width: 65%; 
  }
  .xs66{
    width: 66%;
  }    
  .xs70{
    width: 70%; 
  }
  .xs75{
    width: 75%; 
  }
  .xs80{
    width: 80%; 
  }
  .xs83 {
    width: 83.33333333333334%;
  }
  .xs84{
    width: 84%; 
  }  
  .xs85{
    width: 85%; 
  }
  .xs90{
    width: 90%; 
  }
  .xs91 {
    width: 91.66666667%;
  }
  .xs95{
    width: 95%; 
  }
  .xs100{
    width: 100%; 
  }   
}
@media(max-width: 360px){
  .superxsdirection_row{
    flex-direction: row;
  }
  .superxsdirection_row_reverse{
    flex-direction: row-reverse;
  } 
  .superxsdirection_column{
    flex-direction: column;
  }  
  .superxsdirection_column_reverse{
    flex-direction: column-reverse;
  }   
  .superxs10{
    width: 10%; 
  }
  .superxs15{
    width: 15%; 
  }
  .superxs16{
    width: 16%; 
  }     
  .superxs20{
    width: 20%; 
  }
  .superxs25{
    width: 25%; 
  }
  .superxs30{
    width: 30%; 
  }
  .superxs33{
    width: 33.333333%; 
  }  
  .superxs35{
    width: 35%; 
  }
  .superxs40{
    width: 40%; 
  }
  .superxs41{
    width: 41%; 
  }  
  .superxs45{
    width: 45%; 
  }
  .superxs50{
    width: 50%; 
  }
  .superxs55{
    width: 55%; 
  }
  .superxs58{
    width: 58%; 
  }
  .superxs60{
    width: 60%; 
  }
  .superxs65{
    width: 65%; 
  }
  .superxs66{
    width: 66%;
  }    
  .superxs70{
    width: 70%; 
  }
  .superxs75{
    width: 75%; 
  }
  .superxs80{
    width: 80%; 
  }
  .superxs83 {
    width: 83.33333333333334%;
  }
  .superxs84{
    width: 84%; 
  }  
  .superxs85{
    width: 85%; 
  }
  .superxs90{
    width: 90%; 
  }
  .superxs95{
    width: 95%; 
  }
  .superxs100{
    width: 100%; 
  }   
}
.noScrolling {
  overflow-y: hidden;
}
@media(max-width: 979px){
  .navigation_only_logo{
    margin-top: 20px;
  }
}


/* all strong in .title_section, all strong in h3 or h2 */
.title_section strong{
  font-weight: 700;
}
h2 strong,
h3 strong{
  font-weight: 700;
}


.parallax-block {
  background-attachment: fixed!important;
  background-position: 50%!important;
  background-repeat: no-repeat!important;
  -webkit-background-size: cover!important;
  -moz-background-size: cover!important;
  -o-background-size: cover!important;
  background-size: cover!important;
  height: auto;
  position: relative
}

.parallax-block:after {
  bottom: 0;
  content: " ";
  left: 0;
  right: 0;
  top: 0;
  z-index: 100
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .parallax-block{
    background-attachment: scroll;
  }
}
@supports (-webkit-overflow-scrolling: touch) {
  .parallax-block {
    background-attachment: scroll !important;
  }
}

/* Blog Body font */
.body-container-wrapper *{
  font-family: "Instrument Sans", sans-serif !important;
}

/* nav */
.nav_blog{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-top: 170px;
}
.nav_home a{
  padding: 5px;
  box-sizing: border-box;
  background-color: #E5E5F0;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  display: flex;
}
.blog_icon_home path{
  fill: #9C57FF; 
}
.blog_icon_home{
  width: 23px;
  margin: 0 auto;
}
@media(max-width: 979px){
  .nav_blog{
    padding-top: 105px;
  }
}
/* BLOG post */
.blog_header h1{
  width: 66%;
  margin-bottom: 35px;
  line-height: 44px;
}
.blog_image{
  height: 550px;
  overflow: hidden;
  border-radius: 30px;
  position: relative;
  display: flex;
  justify-content: start;
  align-items: end;
  background: transparent linear-gradient(180deg, #35354400 0%, #353544C1 100%) 0% 0% no-repeat padding-box;
}
.blog_image .blog_intro_img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.author_and_info{
  display: flex;
  flex-direction: row;
  padding: 0 35px 20px 35px;
  box-sizing: border-box;
  gap: 20px;
}
.author_info img{
  border-radius: 50%; 
}
.author_and_info_text{
  font-size: 12px;
  line-height: 28px;
  font-weight: 600;
  color: #00EFD2;
}
.author_info,
.publish_info,
.reading_time_info{
  font-size: 16px;
  color: #FFFFFF;
  line-height: 28px;
}
.author_blog_post a:hover .author_info{
  font-weight: 400; 
}
.author_blog_post{
  width: 150px; 
}
.publish_date,
.reading_time{
  width: 100px;
}

/*body blogpost */
.blog_body{
  margin-top: 70px; 
  display: flex;
  flex-direction: row;  
}
.social_media,
.helper_bar_right{
  width: 20%;
}
.blog_body_content{
  width: 60%; 
}
.social_media_text{
  font-size: 14px;
  text-align: center;
  line-height: 28px;
  font-weight: 600;
  color: #9594A9A8;
}
.social_icon_container{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 15px;
  margin-top: 9px;
}
.nomargin{
  margin-top: 0; 
}

/* comments */
.comments_section{
  display: flex;
  flex-direction: row;
}
.comments_container{
  width: 60%;
  margin-top: 40px;
}
.comment-from h4 a {
  pointer-events: none;
  cursor: default;
  text-decoration: none;     
}
.comments_container form .hs-input{
  border-radius: 10px;
  background-color: #E5E5F0;
  height: 45px;
  box-sizing: border-box;
  padding: 5px 17px;
  border: none;
  max-width: none;
  color: #333237;
  font-size: 14px;
  width: 100%;
}

.comments_container form .hs-fieldtype-text{
  margin-bottom: 18px; 
}
.comments_container form .hs-fieldtype-textarea .hs-input{
  padding: 16px 17px;
  height: 175px;
}

.comments_container form .hs-input::placeholder{
  color: #333237;
  opacity: 1;
}
.comments_container form .hs-input::-webkit-input-placeholder { 
  color: #333237; 
} /* Chrome, Safari */
.comments_container form .hs-input::-moz-placeholder { 
  color: #333237; 
}          /* Firefox */
.comments_container form .hs-input:-ms-input-placeholder { 
  color: #333237; 
}      /* IE */

.comments_container form .legal-consent-container p{
  font-size: 14px;
  line-height: 17px;
  color: #353544;
}
.comments_container form .legal-consent-container p a,
.comments_container form .legal-consent-container p a:hover{
  color: #353544;
  font-weight: bold;
}
.comments_container form .hs_submit.hs-submit{
  margin-top: 20px;
}
.comments_container form .hs_submit.hs-submit .actions{
  display: flex;
  flex-direction: row;
  justify-content: end;
}
.comments_container form .hs_submit.hs-submit .actions input,
.comments_container form .hs_submit.hs-submit .actions input:hover,
.comments_container form .hs_submit.hs-submit .actions input:focus,
.comments_container form .hs_submit.hs-submit .actions input:active{
  color: #FFFFFF;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  background-color: #9C57FF;
  border-radius: 22px;
  text-align: center;
  border: none;
  padding: 6px 18px;
  box-sizing: border-box;
}
/* Blog post view mobile */
@media(max-width: 767px){  
  .blog_header h1{
    width: 100%;  
  }
  .blog_body_content,
  .comments_container{
    width: 100%; 
  }
  .blog_body{
    margin-top: 25px; 
  }
  .blog_image{
    height: 311px;  
  }
  .publish_date, 
  .reading_time,
  .helper_bar_right, 
  .social_media{
    display: none;
  }
  .author_and_info{
    padding: 0 15px 15px;  
  }
  .mobile_blog_info_and_share_container{
    display: flex; 
    flex-direction: row;
    justify-content: space-between;
    margin-top: 18px;
  }
  .mobile_blog_info_item{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
  }
  .mobile_blog_share_icons_container{
    display: flex;
    justify-content: end;
    flex-direction: row;
  }
  .mobile_blog_share_icons{
    display: flex;
    flex-direction: row;
    gap: 10px;    
  }
  .mobile_blog_info_item .publish_info_time,
  .mobile_readtime .reading_time_info{
    color: #353544;
    line-height: 28px;
    font-weight: 600;
    font-size: 14px;
  }
}
@media(max-width: 300px){
  .hs_recaptcha .input{
    transform: scale(.8); 
  }
}


/* related post */
.related_posts{
  padding: 4% 0% 6.5% 0;
  background: transparent linear-gradient(130deg, #FFFFFF0B 0%, #3D68F61D 100%) 0% 0% no-repeat padding-box; 
}
.related_post_container{
  display: flex;
  flex-direction: row;
  position: relative;
  gap: 45px;
}
.related_posts h2{
  margin-bottom: 55px; 
}
.related_posts .blog-related-posts__post{
  position: relative;
  min-height: 189px;
  overflow: hidden;
  width: 33%;
  display: flex;
  flex-direction: column;
  justify-content: end;  
}
.related_posts .blog-related-posts__image{
  border-radius: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;  
}
.related_post_date{
  font-size: 14px;
  line-height: 20px;
  color: #00EFD2;
}
.related_post_container a.blog-related-posts__post-image-wrapper:hover .related_post_date{
  font-weight: 400; 
}
.blog-related-posts__title{
  color: #FFFFFF;
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
}
.related_post_container a.blog-related-posts__post-image-wrapper{
  display: flex;
  width: 100%;
  height: 100%;
  padding: 18px;
  box-sizing: border-box;
  background: transparent linear-gradient(180deg, #35354400 0%, #353544DD 100%) 0% 0% no-repeat padding-box;
  border-radius: 20px;
}
.blog-related-posts__content{
  display: flex;
  flex-direction: column;
  justify-content: end;
}
@media(max-width: 767px){
  .related_posts{
    padding-bottom: 70px;
    padding-top: 55px;    
  }
  .related_post_container{
    flex-direction: column;
    gap: 25px;
  }
  .related_post_container a.blog-related-posts__post-image-wrapper{
    background: transparent;
    border-radius: 0;
    flex-direction: column;
    padding: 0;
    gap: 12px;
  }
  .related_posts .blog-related-posts__post{
    width: 100%;
  }
  .related_posts .blog-related-posts__image{
    position: static;
    width: 100%;
    height: auto;
    z-index: auto;
    max-height: 155px;
  }
  .related_post_date{
    display: none; 
  }
  .blog-related-posts__title{
    color: #353544;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
  }
}


/* Author View */
.header_author_view h2{
  font-size: 35px;
  line-height: 40px;
  font-weight: 300;
}
.author_view{
  padding-bottom: 70px;
  box-sizing: border-box;
}
.author_view_author_info{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.author_img{
  width: 244px;
  min-width: 244px;
}
.author_bio{
  box-sizing: border-box;
  padding: 0 0px 0 30px;
}
.author_view_author_info img{
  border-radius: 50%;
  width: 244px;
  height: 244px;
}
.author_bio h1{
  font-size: 20px;
  line-height: 18px;
  margin: 0;
  color: #353544;
  font-weight: 600;
}
/* Author posts autor view */
.author_posts{
  padding: 3.4% 0% 6% 0;
  background: transparent linear-gradient(147deg, #FFFFFF0B 0%, #3D68F61D 100%) 0% 0% no-repeat padding-box;
}
.author_posts_container{
  display: flex; 
  flex-wrap: wrap;
  gap: 50px;
  position: relative;
  justify-content: space-between;
}
.author_posts_title{
  margin-bottom: 65px;  
}
.author_posts_container article{  
  display: flex;
  flex-direction: column;
  justify-content: end;
  min-height: 231px;
  overflow: hidden;
  position: relative;
  width: 100%;
  max-width: 320px;
  flex: 1 1 calc(33.333% - 50px); 
}
.author_posts_container article a{
  background: transparent linear-gradient(180deg, #35354400, #353544dd) 0 0 no-repeat padding-box;
  border-radius: 20px;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  padding: 18px;
  width: 100%; 
}
.author_posts_container article .author_post_info_author_image{
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: -1;
  border-radius: 20px;
}
.author_post_info_author{
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.author_posts_container article a:hover .author_post_info_author_date{
  font-weight: 400;
}
.author_posts_container article a .author_post_info_author_date{
  color: #00efd2;
  font-size: 14px;
  line-height: 20px;
}
.author_posts_container article a .author_post_info_author_title{
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
}
@media(max-width: 1199px){
  .author_posts_container article{
    max-width: 293px;
    min-height: 204px;
  }
}
@media(max-width: 979px){
  .author_posts_container{
    gap: 20px; 
  }
  .author_posts_container article{
    flex: 1 1 calc(50% - 20px);
    min-height: 231px;
    max-width: 320px;
  }  
}
@media(max-width: 767px){
  .header_author_view h2{
    font-size: 24px;
    line-height: 26px;
    font-weight: 400;
  }
  .author_view_author_info{
    flex-direction: column;
    gap: 20px;
    align-items: start;
  }
  .author_view_author_info img{
    width: 106px;
    height: 106px;
    min-width: 106px;
  }
  .author_bio{
    padding: 0;  
  }
  .author_view{
    padding-bottom: 60px;   
  }
  .author_posts{
    background: transparent linear-gradient(147deg, #FFFFFF0B 8%, #3D68F61D 35%) 0% 0% no-repeat padding-box;
    padding-bottom: 70px;
    padding-top: 55px;
  }
  .author_posts_container{
    flex-direction: column; 
    gap: 35px;
  }
  .author_posts_container article{
    max-width: none;
    min-height: auto;
    flex: 1 1 100%;
  }
  .author_posts_container article a{
    border-radius: 0;
    background: transparent;
    padding: 0;
    align-items: center;
    gap: 18px;    
  }
  .author_posts_container article .author_post_info_author_image{    
    position: static;
    width: 105px;
    height: 105px;
    min-width: 105px;
    z-index: auto;
  }
  .author_posts_container article a .author_post_info_author_date{
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #9C57FF;
    margin-bottom: 5px;
  }
  .author_posts_container article a .author_post_info_author_title{
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    color: #353544;
  }
}

/* HOMEVIEW */
.home_view{
  padding-top: 141px;
  padding-bottom: 68px;
}
.logo_home_view h1{
  margin-bottom: 20px; 
}
.logo_home_view h1,
.logo_home_view h1 a,
.logo_home_view h1 a:hover,
.logo_home_view h1 a:visited{
  font-size: 42px;
  line-height: 40px;
  font-weight: bold !important;
  color: #353544;
  text-align: center;
}
.text_home_view h2{
  font-size: 32px;
  line-height: 37px;
  font-weight: 300;
  color: #353544;
  text-align: center;
  margin: 25px 0 9px 0;
}
.text_home_view p{
  font-size: 16px;
  line-height: 25px;
  color: #353544;
  text-align: center;
  margin: 0;
}

/* home slider */
.home_view_slider{
  margin-top: 55px; 
  position: relative;
}
.home_view_slider_item .home_view_slider_post{
  height: 508px;
  border-radius: 40px;
  overflow: hidden;
  background: transparent linear-gradient(180deg, #35354400 0%, #353544B1 100%) 0% 0% no-repeat padding-box;
  position: relative;
  padding: 35px 30px;
  box-sizing: border-box;
}
.home_view_slider_item .home_slider_post_image_wrapper{
  height: 100%; 
}
.home_view_slider_item .home_slider_post_image{
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.home_view_slider_item .home_slider_post_content{
  display: flex;
  flex-direction: column;
  justify-content: end;
  height: 100%;
}
.home_view_slider_item .home_slider_post_title{
  width: 75%;
  margin-bottom: 8px;
}
.home_view_slider_item .home_slider_post_title span{
  font-size: 35px;
  line-height: 40px;
  font-weight: 400;
  color: #FFFFFF;
}
.home_view_slider_item .home_slider_read_more a{
  border-bottom: 1px solid #00EFD2; 
  padding-bottom: 3px;   
}
.home_view_slider_item .home_slider_read_more a,
.home_view_slider_item .home_slider_read_more a:hover,
.home_view_slider_item .home_slider_read_more a:visited{
  color: #FFFFFF;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.arrow_slider_home{
  width: 12px;
  height: 12px;
  margin-bottom: -4px;
}
.arrow_slider_home path{
  fill: #00EFD2; 
}
/* dots */
.home_view_slider_dots_container{
  max-width: 200px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 20px;  
  background-color: rgba(255, 255, 255, .35);
  box-sizing: border-box;
  padding: 15px 22px;
  border-radius: 25px;  
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);  
}

.home_view_slider_dot{
  position: relative;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: rgba(53, 53, 68, .8);
  overflow: hidden;
  cursor: pointer;
  backface-visibility: hidden;
  transform: translateZ(0);  
}
.home_view_slider_dots .home_view_slider_dot .progress {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: rgba(25, 72, 255, .8);
  box-shadow: none;
  width: 0%;
  transition: width 8s linear;
}
.home_view_slider_dots .home_view_slider_dot.active {
  width: 40px;
  border-radius: 20px;
  background-color: rgba(53, 53, 68, .8);
}
.home_view_slider_dots .home_view_slider_dot,
.home_view_slider_dots .home_view_slider_dot .progress {
  transition: all 0.3s ease;
  will-change: width;
  -webkit-transform: translate3d(0, 0, 0);
}
.home_view_slider_dots{
  position: absolute;
  bottom: 30px;
  z-index: 1;
  text-align: center;
  right: 30px;
}
@media(max-width: 767px){
  .home_view{
    padding-top: 95px;  
  }
  .home_view_slider{
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: 100vw;
    height: 345px;
  }
  .home_view_slider_item .home_view_slider_post{
    border-radius: 0;
    height: 345px;
    background: transparent linear-gradient(180deg, #35354400 30%, #353544b1 70%) 0 0;
  }
  .home_view_slider_dots{
    bottom: 37px; 
  }
  .home_view_slider_dots .home_view_slider_dot.active{
    width: 38px;
    background-color: transparent;
  }
  .home_view_slider_dot{
    width: 15px;
    height: 15px;
    border: 2px solid rgba(229, 229, 240, 0.6);
    background: transparent;
  }
  .home_view_slider_dots_container{
    background-color: transparent;    
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
    padding: 0;
    margin: 0;    
  }
  .home_view_slider_dots .home_view_slider_dot .progress{
    background-color: rgba(25, 72, 255, .6);
  }
  .home_view_slider_item .home_slider_post_title{
    width: 90%; 
  }
  .home_slider_read_more{
    margin-top: 4px; 
  }
}
@media(max-width: 400px){
  .home_view_slider_dots{
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    right: 0;
  }
  .home_view_slider_item .home_view_slider_post{
    padding-bottom: 60px;
    height: 445px;
  }
  .home_view_slider{
    height: 445px; 
  }
}
@media(max-width: 300px){
  .home_view_slider_dot{
    width: 10px;
    height: 10px;
  }
  .home_view_slider_item .home_slider_post_title span{
    font-size: 30px;
    line-height: 35px;
  }
}
/* home_view_recent_blog_posts */
.home_view_recent_blog_posts .recent_blog_posts_container{
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: 175px;
  margin-top: 55px;
  margin-bottom: 50px;
}
.recent_blog_posts_container .blog_post_left_tall{
  grid-column: 1 / span 3; /* col 1-2 */
  grid-row: span 2;        /* alto */
}
.recent_blog_posts_container .blog_post_right_tall{
  grid-column: 10 / span 3; /* col 1-2 */
  grid-row: span 2;        /* alto */
}

.blog_post_top_a { 
  grid-column: 4 / span 2;
}
.blog_post_top_b{ 
  grid-column: 6 / span 4; 
}
.blog_post_bottom_a { 
  grid-column: 4 / span 4; 
  grid-row: 2; 
}
.blog_post_bottom_b { 
  grid-column: 8 / span 2; 
  grid-row: 2; 
}
/* recent post item */
.home_view_recent_blog_posts{
  margin-top: 65px; 
}
.recent_blog_posts_container .recent_blog_item  {
  color: #fff;
  border-radius: 20px;
  /*background: transparent linear-gradient(180deg, #35354400 0%, #353544DD 100%) 0% 0% no-repeat padding-box;  */
  background: linear-gradient(180deg, #35354400 30%, #353544dd 70%);
  overflow: hidden;
}
.recent_blog_posts_container .recent_blog_item:hover{
  background: rgba(156, 87, 255, 0.6);
}
.recent_blog_item article,
.recent_blog_item article a{
  height: 100%;
}
.recent_blog_item article a{
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: end;
  padding: 13px 17px;
  box-sizing: border-box;  
}
.recent_post_title{
  color: #FFFFFF;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
}
.recent_post_image{
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;  
}
.recent_blog_post_cta{
  text-align: center;
}
.recent_blog_post_cta a,
.recent_blog_post_cta a:hover,
.recent_blog_post_cta a:visited{
  background-color: #9C57FF;
  box-sizing: border-box;
  border-radius: 22px;
  padding: 6px 16px;
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
  font-weight: 400;  
}
@media(max-width: 979px){
  .home_view_recent_blog_posts .recent_blog_posts_container{
    grid-template-columns: repeat(3, 1fr);
  }
  .recent_blog_posts_container > *{
    grid-column: span 1 !important;
    grid-row: auto !important;
  }  
}
@media(max-width: 767px){
  .home_view_recent_blog_posts .recent_blog_posts_container{
    grid-auto-rows: auto;
    gap: 30px 20px;    
    grid-template-columns: repeat(3, 1fr);
  }
  .recent_blog_posts_container .recent_blog_item:hover{
    background: transparent;
  }
  .recent_blog_posts_container .recent_blog_item{
    background: transparent;
    border-radius: 0px;
  }
  .recent_blog_item article a{
    justify-content: start;
    padding: 0;
  }
  .recent_post_image{
    position: static;
    width: 100%;
    height: auto;
    z-index: auto;
    border-radius: 20px;
    width: 155px;
    height: 155px;
  }
  .recent_post_title{
    color: #353544;
    margin-top: 10px;
    max-width: 155px;
  }
}
@media(max-width: 600px){
  .home_view_recent_blog_posts .recent_blog_posts_container{ 
    grid-template-columns: repeat(2, 1fr);
  }  
}
@media(max-width: 400px){
  .recent_blog_item article a{
    align-items: center;
  }
  .recent_post_image{
    height: auto;
    width: 100%;
    aspect-ratio: 1 / 1;
  }
}
@media(max-width: 300px){
  .home_view_recent_blog_posts .recent_blog_posts_container{
    grid-template-columns: repeat(1, 1fr);
  }
  .recent_post_image{
    height: 155px;
    width: 155px;
    aspect-ratio: 1 / 1;
  }  
}

/* trending */
#trending{
 display: none; 
}
.trending_post_home_view{
  background: transparent linear-gradient(128deg, #FFFFFF0B 0%, #3D68F61D 100%) 0% 0% no-repeat padding-box;
  padding: 4% 0 6.5% 0;
}
.trending_post_container{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
}
.trending_header h3{
  margin-top: 20px;
  margin-bottom: 70px;
}
.trending_post_container .trending_post_item article{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 18px;
}
.trending_post_container .trending_post_item article img{
  width: 105px; 
  height: 105px;
  border-radius: 20px;
}
.trending_post_container .trending_post_item article .trending_post_title{
  font-size: 16px;
  line-height: 18px;
  color: #353544;
  font-weight: 600;
}
.trending_post_item{
  width: 33.333333%; 
}
@media(max-width: 979px){
  .trending_post_container{
    gap: 25px; 
  }
  .trending_post_container .trending_post_item article{
    gap: 10px;
  }
}
@media(max-width: 767px){
  .trending_post_container{
    flex-direction: column;  
  }
  .trending_post_item{
    width: 100%;  
  }
  .trending_post_title{
    max-width: 300px; 
  }
  .trending_post_home_view{
    padding-bottom: 70px;
    padding-top: 55px;
  }
}

/* All View */
.allpost_container{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 45px 50px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.all_view_header{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.all_view_search{
  align-self: center; 
}
.blog-search input{
  background-color: #E5E5F0;
  border-radius: 22px;
  border: none;
  height: 32px;
  padding: 8px 12px;
  box-sizing: border-box;
  color: #9C57FF;
  font-size: 16px;
}
.blog-search input::placeholder {
  color: #9C57FF;
  opacity: 1;      
}
.all_view_intro_text{
  margin-bottom: 60px;
}
.all_view_intro_text h1{
  font-size: 22px;
  line-height: 24px;
  font-weight: 400;
  width: 80%;
  margin: 0;
}
.allpost_container .post-thumb{
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: -1;
}
.allpost_container .post-link{
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: end;
  position: relative;
  padding: 18px 17px;
  height: 231px;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  background: transparent linear-gradient(180deg, #35354440 0%, #353544F4 100%) 0% 0% no-repeat padding-box;  
}
.allpost_container .post-link:hover{
  background: #9C57FF9A;
}
.allpost_container .post-link:hover time{
  color: #FFF;
}
.allpost_container .post-link h3{
  font-size: 18px;
  line-height: 20px;
  color: #FFF;
  font-weight: 600;
  margin: 0;
}
.allpost_container .post-link time{
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #00EFD2;
}

/* highlights en la busqueda */
.hs-search-highlight,
.hs-highlight-title { /* HubSpot suele mandar estas clases */
  background: #fff3a3;
  border-radius: .2em;
  padding: 0 .15em;
  color: #353544;
}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width: 992px){.post-list{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 576px){.post-list{grid-template-columns:1fr}}

/* paginacion */
.pagination{
  display:flex;
  gap:12px;
  align-items:center;
  justify-content: center;
  margin-top:60px;
  margin-bottom: 60px;
  flex-wrap:wrap;
  font-size: 14px;
}

.pagination a,
.pagination span{
  text-decoration:none;
  color: #353544;
}
.pagination .disabled{pointer-events:none;opacity:.5}
.pagination .active{
  font-weight:700;
  color: #9C57FF;  
}
.pagination .prev,
.pagination .next{
  margin: 0 10px;
  font-size: 20px;
  box-sizing: border-box;  
}
.loading,.error,.no-results{margin-top:16px}


@media(max-width: 979px){
  .allpost_container{
    gap: 22px 25px;  
  }
}
@media(max-width: 767px){
  
  .allpost_container{
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
  .all_view_header{
    flex-direction: column;   
  }
  .all_view_intro_text{
    margin-top: 15px;
    margin-bottom: 35px;
  }
  .all_view_search{
    align-self: start;
    margin-bottom: 40px;
  }  
}
@media(max-width: 499px){
  .allpost_container{
    grid-template-columns: repeat(1, 1fr);
  }
  .allpost_container .post-link{
    max-width: 294px;
    margin: 0 auto;
  }
}


.footer_blog{
  background-color: #3C3B40;
  width: 100%;
  padding: 65px 0 40px 0;
  box-sizing: border-box;
}
.footer_blog .foter_main_section{
  display: flex;
  flex-direction: row;
}
.footer_blog .footer_text_and_social_section,
.footer_blog .footer_form_section{
  width: 50%;
  position: relative;
}
/* FORM */
.footer_form_section form{
  display: flex;
  align-items: center;
  gap: 8px;
  background-color: #FFFFFF;
  border: 1px solid #e5e7eb;
  border-radius: 21px;
  flex-wrap: wrap; 
  justify-content: space-between;
  padding: 5px 6px !important;
  box-sizing: border-box;
  margin: 0;
  position: relative;
}
.footer_form_section form input[type="hidden"]{
  display: none;
}
.footer_form_section form .hs_email{
  margin: 0 !important;
  position: relative;
  flex: 1;
}
.footer_form_section form .hs_email label{
  color: #FFF;
  margin: 0;
}
.footer_form_section form .hs_email .input input.hs-input{
  width: 100%;
  min-width: 0;                     
  background: #FFFFFF !important;
  padding: 0 12px;         
  outline: none;           
  font-size: 16px;
  line-height: 20px;
  color: #353544BF;
  font-weight: 400;
  border: none !important;
  box-shadow: none !important;
  height: 22px;
  margin: 0 !important;
}
.footer_form_section form .hs_email .input input.hs-input:-internal-autofill-selected{
  background: #FFFFFF; 
}

.footer_form_section form .hs_email .input input::placeholder{
  color: #9CA3AF;
}
.footer_form_section form .hs_submit,
.footer_form_section form .hs_submit .actions{
  margin: 0;
  padding: 0;
}
.footer_form_section form .hs_submit input[type="submit"],
.footer_form_section form .hs_submit input[type="submit"]:hover,
.footer_form_section form .hs_submit input[type="submit"]:active,
.footer_form_section form .hs_submit input[type="submit"]:focus{
  width: 102px;
  height: 31px;        
  padding: 0 16px;
  border: 0 !important;
  border-radius: 9999px;   
  background: #2563EB !important;      
  color: #fff;
  font-weight: 400 !important;
  cursor: pointer;
  line-height: 1 !important;
  white-space: nowrap;
  font-size: 16px !important;
  line-height: 20px !important;
  letter-spacing: 0;
  box-sizing: border-box;
  box-shadow: none !important;
}
.footer_form_section form .hs_email .hs-error-msgs{
  display: none;
}
.footer_form_section form .legal-consent-container {
  flex-basis: 100%;
  order: 2;
  position: absolute;
  bottom: -25px;
}
.footer_form_section form .legal-consent-container p{
  font-size: 10px;
  color: #FFF;
  margin: 0;
}
.footer_form_section form .legal-consent-container p a,
.footer_form_section form .legal-consent-container p a:hover{
  color: #FFF;
  font-weight: 600;
}
.footer_form_section form .hs_error_rollup{
  position: absolute;
  top: -25px;
}
.footer_form_section form .hs_error_rollup label{
  color: #FFFFFF; 
}
.footer_form_section form .hs_error_rollup *{
  margin: 0 !important;
  padding: 0 !important;
}

/* Footer text social */
.footer_text_section h4{
  font-size: 48px;
  line-height: 48px;
  color: #FFFFFF;
  font-weight: 400;
  margin: 0 0 10px 0;
}
.footer_text_section p{
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  color: #FFFFFF;
  font-weight: 400;
}
.footer_text_and_social_section{
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.footer_social_text{
  color: #FFFFFF;
  font-size. 18px;
  line-height: 24px;
  font-weight: 400;
}
.footer_social_section{
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}
.footer_social_icons{
  display: flex;
  flex-direction: row;
  gap: 14px;
  justify-content: center;
}
.footer_blog hr{
  max-width: 1157px;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 25px;
  border-color: #FFFFFF;
  border-top: 0;
  border-bottom: 1px solid #FFF;  
}
.footer_legal_section{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.footer_legal_section .copytext{
  font-size: 12px;
  line-height: 24px;
  color: #FFFFFF;
  font-weight: 400;
}
.footer_legal_section .legal_container{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.footer_legal_section .legal_container .legal_item a{
  font-size: 12px;
  color: #FFFFFF;
  font-weight: 400;
  padding: 0 7px;
  display: block;
  box-sizing: border-box;
}
.footer_legal_section .legal_container .legal_item{
  width: auto; 
}
.footer_legal_section .legal_container .legal_item.legal_pipe{
  background-image: url("https://79620.fs1.hubspotusercontent-na1.net/hubfs/79620/Softtek/images/assets/secondarymenupipeline.png");
  background-position: 0;
  background-repeat: no-repeat; 
}

@media(max-width: 1199px){
  .footer_form_section form .legal-consent-container{
    bottom: -40px;
  }
  .footer_blog hr{
    max-width: 1050px;
  }
}
@media(max-width: 979px){
  .footer_blog .footer_text_and_social_section,
  .footer_blog .footer_form_section{
    width: auto;
  }
  .footer_blog .foter_main_section{
    justify-content: space-between;
    gap: 25px;
  }
  .footer_legal_section{
    flex-direction: column;
    gap: 5px;
  }
  .footer_legal_section .legal_item:not(.legal_pipe) a{
    padding-left: 0;
  }
  .footer_line{
    padding: 0 3%;
    box-sizing: border-box;
  }
}
@media(max-width: 767px){
  .footer_blog .foter_main_section{
    flex-direction: column;
  }
  .footer_form_section form .legal-consent-container {
    bottom: 0%;
    top: 50px;
  }
  .footer_helper_social_mobile {
    margin-top: 50px; 
  }
  .footer_legal_section .legal_container{
    flex-direction: column;
    align-items: start;
  }
  .footer_legal_section .legal_item.legal_pipe {
    background-image: none !important;
  }
  .footer_legal_section .legal_item a{
    padding: 14.8px 0 !important; 
  }
}
@media(max-width: 399px){
  .footer_social_section{
    flex-direction: column;
    align-items: start;
  }
}
@media(max-width: 299px){
  .footer_helper_social_mobile{
    margin-top: 35px;
  }
}