/* 1a. Containers */




/* 1b. Colors */




/* 1c. Typography */
















/* 1d. Buttons */









/* 1e. Forms */










/* 1f. Tables */











/* 1g. Site header */






















.header-top{
  background-color:

  
  
    
  


  rgba(255, 255, 255, 0.9)

;
  background-color:#f7f7f7;
}

.header-top .top-menu-wrap ul li a{
  color:

  
  
    
  


  rgba(31, 31, 31, 1.0)


}

.header-top .top-menu-wrap ul li a:hover{
  color:

  
  
    
  


  rgba(0, 0, 0, 0.5)


}

/* 1h. Site footer */






footer.footer{
  background-color:

  
  
    
  


  rgba(247, 247, 247, 1.0)

;
}


.footer-menu .hs-menu-wrapper>ul>li>a{
  color:

  
  
    
  


  rgba(31, 31, 31, 1.0)

;
}







.content-wrapper,.dnd-section > .row-fluid,.page-center {
  max-width: 1280px;
}

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 40px 0px;
}




html {
  font-size: 16px;
}

body {
  font-size: 16px;
  color: #1f1f1f;
  font-weight: 400;
  font-family: Poppins,sans-serif;
}

/* Paragraphs */

p {
  font-size: 16px;
  color: #1f1f1f;
  font-weight: 400;
}

/* Anchors */

a {
  color: 

  
  
    
  


  rgba(35, 51, 107, 1.0)

;
}

a:hover,
a:focus,
a:active {
  color: 

  
  
    
  


  rgba(65, 81, 141, 1.0)

;
}

/* Headings */

h1 {
  font-family: Poppins,sans-serif;
  font-size: 56px;
  color: #1f1f1f;
  font-weight: 700;
}

h2 {
  font-family: Poppins,sans-serif;
  font-size: 40px;
  color: #1f1f1f;
  font-weight: 700;
}

h3 {
  font-family: Poppins,sans-serif;
  font-size: 32px;
  color: #1f1f1f;
  font-weight: 700;
}

h4 {
  font-family: Poppins,sans-serif;
  font-size: 24px;
  color: #1f1f1f;
  font-weight: 700;
}

h5 {
  font-family: Poppins,sans-serif;
  font-size: 20px;
  color: #1f1f1f;
  font-weight: 700;
}

h6 {
  font-family: Poppins,sans-serif;
  font-size: 16px;
  color: #1f1f1f;
  font-weight: 700;
}

/* Blockquote */

blockquote {
  border-left-color: #F8FAFC;
}





button,
.button {
  background-color: 

  
  
    
  


  rgba(34, 51, 107, 1.0)

;
  border: 1px solid 

  
  
    
  


  rgba(73, 74, 82, 1.0)

;
  border-radius:100px;
  color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  padding: 12px 24px;
}

button:hover,
button:focus,
.button:hover,
.button:focus {
  background-color: 

  
  
    
  


  rgba(66, 81, 131, 1.0)

;
  color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

button:active,
.button:active {
  background-color: 

  
  
    
  


  rgba(66, 81, 131, 1.0)

;
  color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}





form,
.submitted-message {
  font-size: 16px;
  color: #1f1f1f;
  font-weight: 400
}

.hs_cos_wrapper_type_blog_subscribe,
.hs_cos_wrapper_type_form,
.hs_cos_wrapper_type_google_search,
.hs_cos_wrapper_type_password_prompt,
#email-prefs-form, #comment-form,
.hs-search-field__bar,
.hs_cos_wrapper_type_password_prompt,
form#hs-membership-form
{
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
  display:block;
}

/* Form title */

.form-title {
  color: 

  
  
    
  


  rgba(41, 41, 41, 1.0)

;
}

/* Form label */

form label {
  color: 

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
}

/* Form help text */

form legend {
  color: ;
}

/* Form inputs */

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  border-color: 

  
  
    
  


  rgba(203, 214, 226, 1.0)

;
  color: 

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
border-radius:8px;
}

form input[type=text]:focus,
form input[type=email]:focus,
form input[type=password]:focus,
form input[type=tel]:focus,
form input[type=number]:focus,
form input[type=file]:focus,
form select:focus,
form textarea:focus {
  border-color: 

  
  
    
  


  rgba(82, 168, 236, 0.8)

;
}

/* Form placeholder text */

::-webkit-input-placeholder {
  color: #1f1f1f;
}

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder,
.hs-fieldtype-date .input .hs-dateinput:before {
  color: #1f1f1f;
}

/* Date picker */

.fn-date-picker td.is-selected .pika-button {
  background: #494A52;
}

.fn-date-picker td .pika-button:hover {
  background-color: #494A52 !important;
}

.fn-date-picker td.is-today .pika-button {
  color: #494A52;
}

/* Submit button */


form input[type=submit],
form .hs-button {
  background-color: 

  
  
    
  


  rgba(34, 51, 107, 1.0)

;
  border: 1px solid 

  
  
    
  


  rgba(73, 74, 82, 1.0)

;
  border-radius:100px;
  color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  padding: 12px 24px;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: 

  
  
    
  


  rgba(66, 81, 131, 1.0)

;
  color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: 

  
  
    
  


  rgba(66, 81, 131, 1.0)

;
  color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}




table {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-color: #23336b;
}

th,
td {
  border-color: #23336b;
  color: #23336b;
}

thead th,
thead td {
  background-color: 

  
  
    
  


  rgba(35, 51, 107, 1.0)

;
  border-bottom-color: #23336b;
  color: #ffffff;
}

tfoot td {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #23336b;
}





header.header {
  background-color: 

  
  
    
  


  rgba(247, 247, 247, 1.0)

;
  background-color: rgb(247 247 247 / 50%);
    backdrop-filter: blur(10px);
}

.hd-navbar .sign-up-btn a{
  background: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
  color: 

  
  
    
  


  rgba(35, 51, 107, 1.0)

;
  border-color:

  
  
    
  


  rgba(35, 51, 107, 1.0)

;
  
}

.hd-navbar .sign-up-btn a:hover{
  background: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
  color: 

  
  
    
  


  rgba(35, 51, 107, 0.7)

;
  border-color:

  
  
    
  


  rgba(35, 51, 107, 0.7)

;
}

.custom-menu-primary .hs-menu-wrapper > ul > li > a {
  color: 

  
  
    
  


  rgba(34, 34, 34, 1.0)

;    
}  

.custom-menu-primary.desktop .hs-menu-wrapper > ul > li:hover > a {
  color: 

  
  
    
  


  rgba(34, 34, 34, 0.5)

;
}

.custom-menu-primary.desktop .hs-menu-wrapper > ul > li.active-branch > a,
.custom-menu-primary.desktop .hs-menu-wrapper > ul > li > a.active-branch  { 
  color: 

  
  
    
  


  rgba(168, 168, 168, 1.0)

;
  background-color: ;
}

.custom-menu-primary .hs-menu-wrapper > ul > li ul li a {
  color:

  
  
    
  


  rgba(35, 51, 107, 0.7)

;   
}

.custom-menu-primary .hs-menu-wrapper > ul > li ul li a:hover {
  color:

  
  
    
  


  rgba(35, 51, 107, 1.0)

;
  background-color:

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
}

.custom-menu-primary.desktop .hs-menu-wrapper > ul > li ul li.active-branch a,
.custom-menu-primary.desktop .hs-menu-wrapper > ul > li ul li a.active-branch,
.custom-menu-primary.desktop .hs-menu-wrapper > ul > li ul li.active a,
.custom-menu-primary.desktop .hs-menu-wrapper > ul > li ul li a.active {
  color: 

  
  
    
  


  rgba(35, 51, 107, 1.0)

;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
}


body .navigation-primary a,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: ;
  font-family: Poppins,sans-serif;
}

body .navigation-primary a:hover,
body .navigation-primary a:focus,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
  color: ;
}

body .navigation-primary a:active,
.header__language-switcher-label-current:active,
.header__language-switcher .lang_list_class li a:active {
  color: ;
}

body .navigation-primary .submenu.level-1 > li > a.active-item:after {
  background-color: #494A52;
}

body .submenu.level-2,
.header__language-switcher .lang_list_class {
  background-color: 

  
  
    
  


  rgba(247, 247, 247, 1.0)

;
  border-color: ;
}

body .submenu.level-2 > li:first-child:before {
  border-color: ;
}

.header__language-switcher .lang_list_class:before {
  border-bottom-color: ;
}

body .submenu.level-2 .menu-item .menu-link:hover,
body .submenu.level-2 .menu-item .menu-link:focus,
.header__language-switcher .lang_list_class li:hover,
body .submenu.level-2 > li:first-child:hover:before,
body .submenu.level-2 > li:first-child.focus:before {
  background-color: 

  
  
    
  


  rgba(247, 247, 247, 1.0)

;
}

.header__language-switcher .lang_list_class.first-active::after {
  border-bottom-color: 

  
  
    
  


  rgba(247, 247, 247, 1.0)

;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: Poppins,sans-serif;
}

.header__language-switcher-label-current:after {
  border-top-color: ;
}

@media(max-width: 767px) {
  .header__navigation {
    background-color: 

  
  
    
  


  rgba(247, 247, 247, 1.0)

;
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: ;
  }
}









/* Blog Header */

.blog-header {
  background-color: rgb(238, 240, 242);
}

/* Blog Listing */

.blog-index__post-inner-card {
  box-shadow: -5px 0px 20px 0px rgba(73, 75, 77, 0.10);
}

.blog-tag-filter__menu-link,
.blog-post__tag-link,
.blog-card__tag-link,
.blog-post__author-name,
.blog-card__title a {
  color: #1f1f1f;
}

.blog-card__tag-link:hover,
.blog-card__title a:hover,
.blog-tag-filter__menu-link:hover,
.blog-post__tag-link:hover,
.blog-post__author-name:hover,
.blog-card__tag-link:focus,
.blog-card__title a:focus,
.blog-tag-filter__menu-link:focus,
.blog-post__tag-link:focus,
.blog-post__author-name:focus {
  color: 

  
  
    
  


  rgba(65, 81, 141, 1.0)

;
}

.blog-card__tag-link:active,
.blog-card__title a:active,
.blog-tag-filter__menu-link:active,
.blog-post__tag-link:active,
.blog-post__author-name:active {
  color: 

  
  
    
  


  rgba(65, 81, 141, 1.0)

;
}

.blog-tag-filter__menu-link--active-item:after {
  background-color: #494A52;
}

.blog-pagination__link {
  color: #1f1f1f;
}

.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after {
  background-color: #494A52;
}

.blog-post__title {
  color: #1f1f1f;
  font-family:Poppins,sans-serif;
  font-size: 56px;
  font-weight: 700;
  font-size:2.5rem;
}

.blog-post__author {
  background-color: #F8FAFC;
}

#comments-listing .comment-reply-to {
  color: rgba(#null, 0.0);
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: rgba(#null, 0.0);
}

#comments-listing .comment-reply-to:active {
  color: rgba(#null, 0.0);
}

/*             Blog Grid Listing and Post styles            */

.hs-blog-listing,
.hs-blog-post {
  background-color: #F8FAFC;
}

.blog-sidebar a:hover,
.blog-post__meta a:hover,
.blog-post__back-to-blog:hover {
  color: 

  
  
    
  


  rgba(65, 81, 141, 1.0)

;
}

.blog-post__read-more a:hover svg,
a.blog-post__back-to-blog:hover svg {
  fill: 

  
  
    
  


  rgba(65, 81, 141, 1.0)

;
}

.blog-index__post-content--small h2 {
  font-size: 32px;
}

.blog-index__post-content a {
  color: #1f1f1f;
}

.blog-post__read-more svg {
  fill: #1f1f1f;
}

.blog-sidebar ul {
  box-shadow: -5px 0px 20px 0px rgba(73, 75, 77, 0.10);
}

.blog-sidebar a {
  color: #1f1f1f;
}

.post-featured-image {
  max-height: 600px;
}

.blog-post {
  box-shadow: -5px 0px 20px 0px rgba(73, 75, 77, 0.10);
}

.blog-post__meta a {
  color: #1f1f1f;
}

.blog-post__meta a:hover {
  color: 

  
  
    
  


  rgba(65, 81, 141, 1.0)

;
}

.blog-post__links-container {
  border-top:  2px solid rgb(228, 230, 232);
}

.blog-post__back-to-blog {
  color: #1f1f1f;
}

.blog-post__back-to-blog svg {
  fill: #1f1f1f;
}

.comment.depth-0,
.blog-comments form {
  border-top: 2px solid rgb(228, 230, 232) !important;
}

.comment.depth-1 {
  border-left: 2px solid rgb(228, 230, 232);
}






.header .page-center {padding-left:0; padding-right:0;}







.blog-hidden {
    position:relative;
   
}

.blog-hidden div .readMoreMore {
  
}

.card__price {
  font-family: Poppins,sans-serif
    font-size: 32px;
  color: #1f1f1f;
  font-weight: 700
}

.hd-navbar .sign-up-btn {float:right;}

.cta_button {
    border-radius: 8px !important;
}

.blog-post__body img {
    max-width: 760px;
}


/*   BLOG POST ADJUSTS */


.blog-post {
    box-shadow: none;
    background: #f8fafc;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0;
    width: 100%;
}



.blog-post-author {
position:sticky;
margin-top:1rem;}

.hs-author-avatar img {
border-radius:900rem;
margin:0 0 0.5rem 0}




time.blog-post__timestamp {
    font-size: 12px;
    opacity: .5;
}

.blog-post__tags a {
    font-size: 14px;
    text-transform: capitalize;
    display: block;
    padding: 0.5rem;
    color: #21356b;
    background: #6fe3b86e;
    border-radius: 0.5rem;
    margin: 0 0 0.5rem 0;
  max-width: fit-content;
}



.blog-post-DataSocial {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.blog-post-Social img {
    opacity: .5;
}

.blog-comments {
    margin: 0 auto;
    max-width: 600px;
}

.hs_cos_wrapper_type_social_sharing a:nth-child(4), .hs_cos_wrapper_type_social_sharing a:nth-child(5) {
    display: none;
}

.blog-related-posts__list {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: flex-start;
    justify-content: center;
    align-items: stretch;
    max-width: 960px;
    margin: 0 auto;
}

h2.blog-related-posts__title {}

h2.blog-related-posts__title a {
    font-size: 1.45rem;
}

h2.blog-related-posts__title {
    line-height: 1.55rem;
    margin-bottom: 1rem;
}

.blog-index__post-content.blog-index__post-content--small {
    font-size: 1rem;
}

.hs-cta-wrapper {
    /*max-width: 600px;*/
    display: block;
}

.hs-cta-wrapper a img {
    max-width: 100%;
}

.subscribe  h3 {
    font-size: 12px;
}

.subscribe h1 {
    font-size: 1rem;
    font-weight: normal;
}

.subscribe label {
    font-size: 12px;
}

.subscribe input[type=submit] {
    font-size: 12px;
    margin: 0;
}


.subscribe > img {
    width: 85%;
}

.subscribe .res64-ImgForm {
    display: none;
}

.subscribe h1 {
    font-size: 1rem !important;
    font-weight: bold;
    margin: -1rem 0 -.5rem 0;
}
.colMiddle {
    width: 70%;
}

.colLeft {
    width: 10%;
  position:sticky;
  top:0rem;
}

.colRight {
    width: 15%;
    /*position:sticky;*/
  top:8rem;
}


.colRight .subscribe {text-align:center}

.custom-menu-primary.desktop .hs-menu-wrapper > ul > li.active-branch > a, .custom-menu-primary.desktop .hs-menu-wrapper > ul > li > a.active-branch {
    color: rgb(34 34 34);
    border-image: linear-gradient( to left, rgba(0, 0, 0, 0%), rgba(35, 51, 107, 20%), rgba(0, 0, 0, 0%) ) 1 0%;
    border-top: none;
    border-width: 2px;
}



/*
.A64blogPost {}
.A64topTitle {
    background-size: cover;
}
.A64blogPostMeta { }
.A64blogPostMeta small {
  opacity:.5
}
.A64blogPostMeta > div {
margin-right:1rem;}
.A64blogReadingTime{  opacity:.5}
.A64authorAvatar {
    max-width: 4rem;
    height: auto;
    border-radius: 900rem;
    width: 4rem;
    height: auto;
}

h2.A64authorname {
    font-size: 1rem;
    word-break: keep-all;
    font-weight: 500;
}
a.A64authorLink {
color:#22336b;
text-decoration:none;}

.A64timeRead {
    font-size: .8rem;
    word-break: keep-all;
}

.A64myBlogBody {
display:flex;}

.blog-post__body p {
    line-height: 1.8;
    color: rgb(31 31 31 / 78%);
}

.body-container--blog-post a {color:#22336b !important;}

.post-featured-image { margin-bottom: -440px;}

.A64blogReadingTime small div a {
    text-transform: none;
    background: #24e6b4;
    padding: 0.5rem;
    border-radius: 0.5rem;
    text-decoration: none;
}
.A64blogReadingTime > small {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

.blog-post {
    box-shadow: none;
    background: #f8fafc;
}

.A64contentWrapper {
    width: 100%;
    max-width: 710px;
    padding: 0;
    margin: 0 auto;
    background-size: cover;
    max-height: 300px;
}
.A64blogPost {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.A64postFeaturedImage {
    margin: 0;
}

.A64postCol {
    width: calc(75% - 2.5rem);
    padding: 2rem 16rem 4rem 4rem;
}
.A64authorCol {
    margin: 0;
    width: calc(25% - 2.5rem);
    padding: 5rem 0 0 10rem;
    max-height: 400px;
    position: sticky;
    top: 40px;
}

.blog-post__tags, .blog-post__links-container, .blog-comments {
    max-width: 960px;
    width: 960px;
    margin: 0 auto;
}
*/


.socBadge {
    background-image: url(https://uploads-ssl.webflow.com/61a61781d327712f7cb32e56/66ab70f2b69bd3937834611d_soc2-badge-audiense.png);
    background-size: 200px;
    display: block;
    height: 200px;
    width: 200px;
    opacity: 1;
}

.footer-menu {
    margin-left: -10px;
    margin-right: -10px;
    width: 80%;
}

footer.footer .column-9 {
    width: 75%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 auto;
}

.socBadge a  { 
    display: block;
    height: 100px;
    width: 100px;
}


/*BLOG POSTS */

.blog-post__body img {
    max-width: 98%;
}

.blog-post__title {
    color: #1f1f1f;
    font-family: Poppins,sans-serif;
    font-weight: 700;
    font-size: 54px;
    /*position: relative;
    bottom: 10%;
    margin: 0 5% 0 5%;
    z-index: 2;*/
    line-height: 1.2;
}

.post-featured-image {
    margin: 0 auto 2rem auto;
    background-size: cover;
    border-radius: 2rem;
    overflow: hidden;
    background-position: 0% 0%;
    height: 520px;
    display: block;
}

.blog-post__MIoverlay {
    background: linear-gradient(0deg, #02061df0, transparent);
    display: none; /*block*/
    height: 480px;
    width: auto;
    position: relative;
    bottom: 0;
    z-index: 1;
  opacity: .95;
}


.blog-post {
  max-width: 100%;
}

.blog-post-Meta {
    max-width: 100%;
    margin: 2rem auto 0 auto;
}


.blog-post-author {
    position: sticky;
    margin-top: 1rem;
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    font-size: 12px;
    color: #1f1f1f;
}

.hs-author-avatar img {
    width: auto;
    height: 60px;
}

.subscribe {
    border: 1px solid #e3e3e3;
    padding: 1rem;
    border-radius: 8px;
    background: #fff;
}


.subscribe form  h1 {
    text-align: left !important;
    font-size: 18px !important;
}


.subscribe label {
    font-size: 12px;
    text-align: left;
}


.subscribeIcons {
    border: 1px solid #e3e3e3;
    padding: 1rem;
    border-radius: 1rem;
    background: #fff;
}
/*

.res64-SingleCardTag {
    background: rgba(53,192,203,.45);
    border-radius: 1rem;
    color: #269da6;
    display: block;
    font-size: 12px;
    margin: 0 0 0.5rem;
    padding: 8px 16px;
    text-transform: uppercase !important;
    max-width: fit-content;
}*/

.blog-related-posts__list {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: stretch;
    max-width: 100%;
    margin: 0 auto;
    overflow: scroll;
    justify-content: center;
}


.newSearchBox {
    position: relative;
    z-index: 3;
    width: 400px;
    top: 16px;
}
.reading-time {
    font-size: 14px;
    text-transform: capitalize;
    display: block;
    padding: 0.5rem;
    color: #1f1f1f;
    background: #b7b7b76e;
    border-radius:8px;
    margin: 0 0 0.5rem 0;
    max-width: fit-content;
}

.blog-post__readingTime {
    margin-left: 1rem;
}

.blog-post-Data {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.blog-post__body p a,
.blog-post__body li a{
    color: rgba(35, 51, 107, 1.0) !important ;
    text-decoration: none !important;
    border-bottom: 2px solid rgb(35 51 107 / 25%) !important;
  font-weight: 500;
}

.blog-post__body p a:hover, .blog-post__body li a:hover {
    background: rgba(35, 51, 107, 1.0) !important;
    color: white !important;
    border-bottom: 2px solid rgb(35 51 107 / 0%) !important;
    transition: background ease 400ms;
}

.blog-post__body p a span, .blog-post__body li a span {
    text-decoration: none !important;
    color: rgba(35, 51, 107, 1.0) !important;
}

.blog-post__body p a span:hover, .blog-post__body li a span:hover {
     background: rgba(35, 51, 107, 1.0) !important;
    color: white !important;
    border-bottom: 2px solid rgb(35 51 107 / 0%) !important;
    transition: background ease 400ms;
}



a#cta_button_369237_3e0482db-8ea3-4fa8-a531-3c0113dcd23c:hover {
    background: #ff4711 !important;
    color: rgb(255,255,255);
}

.blog-post__read-more a:hover {
    color: white;
    background: #555555;
}


.blog-post__read-more a {
 background: #1f1f1f;
    color: white;
    padding: 8px 16px;
    border-radius: 8px;
  transition: background 400ms ease-in 0s;}

.read-more__arrow {display:none;}


.blog-related-posts .blog-post__meta-section {
    justify-content: flex-start;
}

.hs-search-results__title {
		    color: #494a52;
		    font-size: 24PX;
		    margin-bottom: 0.35rem;
}



.hs-search-results__listing li {
		    margin: 0 0 1rem 0;
		    background: #fff;
		    padding: 2rem 2rem;
		    border-radius: 1rem;
		    box-shadow: 0rem 2rem 5rem 0px rgb(63 81 181 / 18%);
}

.custom-menu-primary .hs-menu-wrapper>ul>li .Submenu-wrap>.Submenu-wrap-inner {
    box-shadow: 0 0 5px rgba(154,160,185,.5), 0 0 15px 5px rgba(166,173,201,.2);
}

.subscribe input[type=submit] {
    font-size: 12px;
    margin: 0;
    width: 100%;
}

/* TYPOGRAPHY */



H1 { font-size: 48px  !important}
H2 { font-size: 36px !important}
H3 { font-size: 24px !important}
H4 { font-size: 18px  !important }
H5 { font-size: 16px !important }
H6 { font-size: 14px  !important}

H1 SPAN { font-size: 48px  !important}
H2 SPAN { font-size: 36px !important}
H3 SPAN { font-size: 24px !important}
H4 SPAN { font-size: 18px  !important }
H5 SPAN { font-size: 16px !important }
H6 SPAN { font-size: 14px  !important}



p {
    font-size: 16px;
    color: #1f1f1fb0;
    font-weight: 400;
}

.moreOfThis:hover {
    background: #1f1f1f;
    transition: background 0.5s ease;
    color: #fff;
    transition: color 0.5s ease;
}

.details p {color:white;}

.i18nEE {
    font-size: 0.7rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    flex-direction: row;
    column-gap: 1rem;
}

.i18Menu {}



.productos .audience-intelligence .hs-menu-children-wrapper, .productos .twitter-marketing .hs-menu-children-wrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}

.productos .Submenu-wrap-inner {
    width: 420px;
    left: -140px;
    position: relative;
}

.productos .audience-intelligence {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}

.productos .hs-menu-children-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}


.productos .Submenu-wrap-inner {
    width: 420px;
    left: -140px;
    position: relative;
    z-index: 0;
    border-radius: 1rem !important;
    overflow: hidden;
    box-shadow: 0px 9px 8px 0px rgba(0,0,0,.3) !important;
}

.productos .Submenu-wrap > .dropdown-separator-b {
    width: 132px !important;
}

.recursos .Submenu-wrap > .dropdown-separator-b {
    width: 176px !important;
}

.por-qué .Submenu-wrap .dropdown-separator-b {
    width: 176px !important;
}

.educación  .Submenu-wrap > .dropdown-separator-b {
    width: 177px !important;
}

.·-audiense, .·-affinio {
    margin-left: 33px;
}

.educación, .focused-hubs, .recursos, .por-qué {
    float: left;
    width: 10rem;
}

#esMenu .educación
.hs-menu-wrapper ul,
#esMenu .focused-hubs
.hs-menu-wrapper ul,
#esMenu .recursos
.hs-menu-wrapper ul,
#esMenu .por-qué
.hs-menu-wrapper ul

{
    list-style: none;
    margin: 0 0 0 20px;
    padding: 0;
}

/* =================== */
/* IMPORT GOOGLE FONTS */
/* =================== */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;600&display=swap');


/* ================ */
/* MENU OVER BOX    */
/* ================ */

#menuDDS {
    font-family:'Poppins', sans-serif;
    background:#fff; /* $color_white-900 */
      box-shadow: rgba(38, 57, 77, .3) 0px 20px 30px -10px;
  border-radius:16px;
  padding:16px;
  max-width:fit-content;
}

.menuDDS--menuTitle {
  font-size:18px;
}

/* ========================== */
/* MENU MAIN PROUCT CONTAINER */
/* ========================== */

.menuDDS--container {
     display:flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
  column-gap:48px;

}


.menuDDS--boxLeft,
.menuDDS--boxRight {
  
}

.menuDDS--boxLeft {
}

.menuDDS--boxRight {
}



.menuDDS--chipTitle {
  color:#1f1f1f;
  background:#c7eef1; /* $color_turqouise-200 */
  padding:8px 16px;
  border-radius:32px;
  font-size:12px;
  max-width:fit-content;
  font-weight:400;
}

/* =================== */
/* PRODUCT CONTAINER   */
/* =================== */


.menuDDS--productBox {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
}

.menuDDS--PB-digitalIntelligence,
.menuDDS--PB-demandIntelligence,
.menuDDS--PB-socialIntelligence,
.menuDDS--PB-connectIntelligence {
  border-radius:16px;
  background:#f7f7f7; /* $color_black-100 */
  padding:16px;
  padding-right:64px;
  margin:8px 0;
  display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: top;
  width:260px;
  min-width:240px;
  background:#f7f7f7 url("https://uploads-ssl.webflow.com/61a61781d327712f7cb32e56/64516f2228814b7065761b2d_Vectors-Wrapper.svg") no-repeat 95% 50%;
  transition: background 300ms ease-in
}

/* Hover states per product */

.menuDDS--PB-digitalIntelligence:hover {
  background-color: #fcf0e7 /* $color_orange-100 */
}
.menuDDS--PB-socialIntelligence:hover {
  background-color:#ecfbeb /* $color_green-100 */
}
.menuDDS--PB-demandIntelligence:hover {
  background-color: #f3e9fd /* $color_purple-100 */
}
.menuDDS--PB-connectIntelligence:hover {
  background-color: #e8f3fe /* $color_ocean-100 */
}

/* end states */

.menuDDS--icon{
  margin-right:8px;
  
}
.menuDDS--aNoDeco,
a.menuDDS--aNoDeco {
  text-decoration:none;
  color:#1f1f1f;
}

.menuDDS--text  {
  display:flex;
  flex-direction: column;
  row-gap:4px;
  color: #555555; /* $color_black-700 */
  font-weight: 400;

  }

.menuDDS--text h3 {
  font-size:16px;
  line-height:20px;
  margin:0px;
  font-weight:600;
  color: #393939 /* $color_black-800 */
    
  }

.menuDDS--text p {
  font-size:14px;
  line-height:24px;
  margin:0px
  }

/* ===================== */
/* MENU BANNER CONTAINER */
/* ===================== */

.menuDDS--bannerCTA {
  margin-top:40px;
      display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
    gap:20px;
  max-width:300px
}

.menuDDS--button {
  border: 1px solid #1A2B56;
  color:#1A2B56;
  background:#fff;
  border-radius:8px;
  padding:8px 16px;
  font-size:16px;
  max-width:fit-content;
  cursor:pointer;
  transition:background 200ms ease-out, color 200ms ease-out
}

.menuDDS--button:hover {
  background:#1A2B56;
  color:#fff;
}

.post64grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
}

.loady {

    margin: 20px 0 !important;

}


.blog-post__tags {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    column-gap: 8px;
    flex-wrap: nowrap;
    max-width: 630px;
    text-align: center;
}


li.audience-intelligence > a > span.text,li.twitter-marketing > a > span.text {
    font-size: 12px !important;
    font-weight: 300 !important;
    background: rgba(53,192,203,.1);
    display: inline-block !important;
    padding: 2px 8px;
    border-radius: 1rem;
    color: #797979;
    cursor: default;
    margin: 0 !important;
}


li.digital-intelligence,
li.social-intelligence,
li.demand-intelligence,
li.audiense-connect,
li.tweet-binder
{
     padding-left: 36px;
     background-size: 30px;
    background-repeat:no-repeat;
    background-position:center left;
}

li.digital-intelligence {
   
    background-image: url('https://assets-cdn01.audiense.com/custom-assets/icons-triforce/digital.svg');
   
}

li.social-intelligence {
    background-image: url(https://assets-cdn01.audiense.com/custom-assets/icons-triforce/Social-Intelligence-Icon.svg);
    background-position: 0px 7px;
}

li.social-intelligence > a {
    cursor: default;
}

li.social-intelligence > a:hover {
    cursor: default;
  text-decoration:none !important;
}

li.demand-intelligence {
        background-image:url('https://assets-cdn01.audiense.com/custom-assets/icons-triforce/demand.svg')


}


li.audiense-connect {
        background-image:url('https://assets-cdn01.audiense.com/custom-assets/icons-triforce/connect.svg')

}

li.tweet-binder {
    background-image:url('https://assets-cdn01.audiense.com/custom-assets/icons-triforce/TB-Logo.svg')

}

.products .Submenu-wrap-inner {
    width: 500px;
    left: -248px;
    position: relative;
}
.products .Submenu-wrap-inner > ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}



li.audience-intelligence {
    margin-right: 3rem;
}


.focused-hubs .twitter-marketing a .text {
    background: transparent;
    padding: 0;
    font-size: 14px !important;
    color: inherit !important;
    font-weight: 500 !important;
    cursor: pointer;
}


.custom-menu-primary .hs-menu-wrapper>ul>li.products .dropdown-separator-b {
    display: block;
    z-index: 9;
    position: relative;
    width: 123px;
}

.blog-post__tag-link {
    background: rgb(53 192 203 / 45%);
    color: rgb(4 124 133);
    display: table;
    font-size: 12px;
    margin: 0 8px 16px 0;
    padding: 8px 16px;
    text-transform: uppercase;
    border-radius: 1rem;
}

.res64-SingleCardTag {
    background: none;
    border-radius: 0;
    color: inherit;
    display: flex;
    row-gap: 10px;
    font-size: 12px;
    margin: 0;
    padding: 0;
    max-width: fit-content;
    text-transform: uppercase;
    flex-direction: row;
}


.blog-post__body p a.cta_button {border-bottom: none !important;margin: 0 auto;padding: 0;color: transparent;}

.blog-post__body p a.cta_button:hover {
}

.cta_button > img.hs-cta-img {
    min-width: fit-content;
    height: 100%;
}
li {
    line-height: 2;
    margin-bottom: 1rem;
    color: #626363;
}

/* NEW TWITTER CARD SOLUTION */

.sharedBlogImage {
    position: relative;
    top: -520px;
}

.mainImageBlog {
    height: 520px;
  margin-bottom:60px;
  overflow:hidden;
}

.onBlogImage {
    position: relative;
    z-index: 1;
    padding: 0;
    margin: 0 auto;
    border-radius:24px;
  overflow:hidden;
  height:520px;
}

.onBlogImage img {
    max-height: auto;
}



.hs-rss-description p > a,
form input[type=submit], form .hs-button,
.dropdown64Authors_content_button,
.dropdown64Authors_search,
.dropdown64Authors_content a:hover,
.post64grid .readMoreMore,
.moreOfThis,
.loady,
.res64-mimicButton,
.moreOfThisB,
#hs-pwd-widget-password, 
.hs-input:not([type=radio]):not([type=checkbox]),
#hs_cos_wrapper_widget_1680261061578,
.hs-button {
border-radius:8px !important;}

.cell_1659643498907-row-1-background-color {
    background-color: rgb(161 234 213 / 38%) !important;
    border-radius: 16px !important;
}

.blog-post__tag-link {
    background: #ececec  !important;
    color: #717171 !important;
    display: table;
    font-size: 12px;
    margin: 0 8px 16px 0;
    padding: 8px 16px;
    text-transform: capitalize;
    border-radius: 32px;
}

.hs-search-results__title {
    color: #21356b !important;
    font-family: poppins, sans-serif !important;
    font-size: 40px !important;
    text-decoration: none !important;
    font-weight: bold !important;
    line-height: 1.6 !important;
}
/*404 cards*/
.cardCat_container {
    padding: 20px;
}

.cardCat_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.cardCat_logincard {
    background-color: white;
    border-radius: 8px;
    padding: 0;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.cardCat_imglogincard {
    max-width: 100%;
    margin-bottom: 20px;
}

.cardCat_flex-block {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    padding: 0 20px;
}

.cardCat_link-block {
    margin-top: 0;
    text-decoration: none;
    border: none;
}

.cardCat_button {
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    border: none;
}

.cardCat_paintmeblack {
    background-color: black;
    color: white;
}

.cardCat_hollowlogin {
    border: none;
    color: #333;
    background: transparent;
    padding: 0;
    margin: 24px 0 40px;
    font-weight: normal;
    color: rgba(34, 51, 107, 1.0);
    text-decoration: underline;
}

.cardCat_affiniotint {
    background-color: #9b51e0;
}

.cardCat_soprismtint {
    background-color: #ff7f50;
}

.cardCat_connecttint {
    background-color: #007aff;
}

.cardCat_tbtint {
    background-color: #4a90e2;
}

.cardCat_demandtint {
    background-color: #90d0ab;
}


/* MEGAMENU */
.samMenu_menu {
  background-color: transparent;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  font-family:'Poppins'
}

.samMenu_menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.samMenu_menu > ul > li {
    position: relative;
  margin:0;
}

.samMenu_menu > ul > li:hover {
    background: #fff;
    border-radius: 12px 12px 0 0;
}

.samMenu_menu > ul > li > a {
  display: flex;
    color: #333;
    padding:12px 12px 12px 8px;
    text-decoration: none;
    font-weight: 600;
    align-items: center;
    justify-content: flex-start;
  flex-direction: row;
  font-size:16px;
}

.samMenu_icon img {
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: 8px;
}

.samMenu_menu .samMenu_column ul li {
    font-size: 14px;
    margin-bottom: 12px;
    color: #21366b;
    text-decoration: none;
}

.samMenu_menu .samMenu_column ul li a {
    text-decoration: none;
    color: #21366b;
}

.samMenu_column h3 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px !important;
  margin-top:20px;
}

.samMenu_column ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

hr.samMenu_dropdown-separator-b {
    display: none;
}

.samMenu_menu-item span {
    margin-left: 4px;
}

.samMenu_menu-item span > svg {
    height: 8px;
    width: auto;
}

.samMenu_menu > ul > li:hover .samMenu_megamenu {
    display: flex;
}

.samMenu_megamenu {
display: none;
    position: absolute;
    top: 90%;
    background-color: white;
    width: max-content;
    box-shadow: 0px 14px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    padding: 20px;
    flex-wrap: wrap;
    border-radius: 8px;
    min-width: 200px;
}

.samMenu_special-menu {
    display: none;
    flex-direction: column;
  width:960px;
}

.samMenu_menu > ul > li:nth-child(5):hover .samMenu_megamenu { /* Assuming "Products" is the 5th menu item */
    left: auto;
    right: 0;
}

h3.samMenu_label {
    background-color: #ebf9fa;
    padding: 10px 20px;
    border-radius: 20px;
    font-weight: normal;
    margin-bottom: 0;
    display: inline-block;
    font-size: 12px !important;
    width: fit-content;
}

.samMenu_content {
    display: flex;
    flex-wrap: wrap;
}

.samMenu_column {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.samMenu_card {
 background: #f7f7f7;
    border-radius: 8px;
    padding: 20px;
    margin: 8px 8px 0 0;
    flex: 1;
}

.samMenu_card h3 {
    margin-top: 0;
  margin-bottom: 12px;
}

.samMenu_card p {
    font-size: 12px;
    color: #666;
  margin:0
}

.samMenu_btn {
    display: inline-block;
    padding: 8px 16px;
    margin-top: 10px;
    border-radius: 8px;
    text-decoration: none;
    color: #fff;
  font-size:14px;
}


.samMenu_btn:hover {
    color: #fff;
    opacity: .8;
}

.samMenu_btn.samMenu_orange {
    background-color: #f29e77;
}

.samMenu_btn.samMenu_black {
    background-color: #1f1f1f;
}

.samMenu_btn.samMenu_purple {
    background-color: #b878f8;
  margin-left:12px;
}

.samMenu_btn.samMenu_green {
    background-color: #46b6ac;
}

.samMenu_btn.samMenu_blue {
    background-color:#8bb0ec;
}

.samMenu_btn.samMenu_ocean {
    background-color: #21366b;
}

.samMenu_btn.samMenu_bird {
    background-color: #5c98f8;
}


a#cta_button_369237_3e0482db-8ea3-4fa8-a531-3c0113dcd23c {
background:#ff4711 !important;
color:#fff !important;}

a#cta_button_369237_3e0482db-8ea3-4fa8-a531-3c0113dcd23c:hover {
background:#484848 !important;
color:#fff !important;}


/*===============*/
/*  RESPONSIVE   */
/*===============*/

@media only screen and (max-width: 600px) {

.sharedBlogImage {
    position: relative;
    top: -300px;
}

.mainImageBlog {
    height: 300px;
  margin-bottom:60px;
  overflow:hidden;
}

.onBlogImage {
    position: relative;
    z-index: 1;
    padding: 0;
    margin: 0 auto;
    border-radius:24px;
  overflow:hidden;
  height:300px;
}

.onBlogImage img {
    height: 300px;
  width:auto;
}
  
    .samMenu_menu ul {
        flex-direction: column;
    }

    .samMenu_special-menu {
        flex-direction: column;
    }

    .samMenu_column {
        flex: 1 1 100%;
    }

    .samMenu_card {
        flex: 1 1 100%;
    }
  
  
  /* MENU OVER BOX */

  #menuDDS {
    padding: 12px;
    max-width: 100%;
  }

  .menuDDS--menuTitle {
    font-size: 16px;
  }

  /* MENU MAIN PRODUCT CONTAINER */

  .menuDDS--container {
  
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    column-gap: 48px;
}

  .menuDDS--boxLeft,
  .menuDDS--boxRight {
    width: 100%;
  }

  /* PRODUCT CONTAINER */

  .menuDDS--productBox {
    width: 100%;
    margin: 16px 0;
  }

  .menuDDS--PB-digitalIntelligence,
  .menuDDS--PB-demandIntelligence,
  .menuDDS--PB-socialIntelligence,
  .menuDDS--PB-connectIntelligence {
    width: 90%;
    min-width: unset;
    padding-right: 16px;
    background-position: 90% 50%;
  }
  
  .menuDDS--text {
    padding-right: 2rem;
}

  /* MENU BANNER CONTAINER */

  .menuDDS--bannerCTA {
    max-width: 100%;
  }

}




@media(min-width:992px){

  .hd-navbar .sign-up-btn a{
    background: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
    color: 

  
  
    
  


  rgba(35, 51, 107, 1.0)

;
    border-color:

  
  
    
  


  rgba(35, 51, 107, 1.0)

;
  }

  .hd-navbar .sign-up-btn a:hover{
    background: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
    color: 

  
  
    
  


  rgba(35, 51, 107, 0.7)

;
    border-color:

  
  
    
  


  rgba(35, 51, 107, 0.7)

;
  }

  .custom-menu-primary .hs-menu-wrapper > ul > li > a {
    color: 

  
  
    
  


  rgba(34, 34, 34, 1.0)

;    
  }  

  .custom-menu-primary .hs-menu-wrapper > ul > li:hover > a {
    color: 

  
  
    
  


  rgba(34, 34, 34, 0.5)

;
  }

  .custom-menu-primary .hs-menu-wrapper > ul > li.active-branch > a,
  .custom-menu-primary .hs-menu-wrapper > ul > li > a.active-branch  { 
    color: 

  
  
    
  


  rgba(168, 168, 168, 1.0)

;
    background-color: ;
  }


  .custom-menu-primary .hs-menu-wrapper>ul>li .Submenu-wrap>.Submenu-wrap-inner {
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }


  .custom-menu-primary .hs-menu-wrapper > ul > li ul li a {
    color:

  
  
    
  


  rgba(35, 51, 107, 0.7)

;   
  }

  .custom-menu-primary .hs-menu-wrapper > ul > li ul li a:hover {
    color:

  
  
    
  


  rgba(35, 51, 107, 1.0)

;
    background-color:

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
  }

  .custom-menu-primary .hs-menu-wrapper > ul > li ul li.active-branch a,
  .custom-menu-primary .hs-menu-wrapper > ul > li ul li a.active-branch,
  .custom-menu-primary .hs-menu-wrapper > ul > li ul li.active a,
  .custom-menu-primary .hs-menu-wrapper > ul > li ul li a.active {
    color: 

  
  
    
  


  rgba(35, 51, 107, 1.0)

;
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
  }

  .custom-menu-primary .hs-menu-wrapper>ul>li.hs-item-has-children:hover>a {
    color: 

  
  
    
  


  rgba(34, 34, 34, 1.0)

; 
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }

}




@media(min-width:1439px){
  .footer-menu .hs-menu-wrapper>ul>li>ul li a{
    color:

  
  
    
  


  rgba(0, 0, 0, 0.5)

;
  }


  .footer-menu .hs-menu-wrapper>ul>li>ul li a:hover{
    color:

  
  
    
  


  rgba(31, 31, 31, 1.0)

;
  }

}

@media(max-width:991px){
  .content-wrapper,.dnd-section > .row-fluid,.page-center {
    max-width: 991.3599999999999px;
  }
}

@media(max-width:767px){
  h1 {
    font-size: 40.04px;
  }
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .educación, .focused-hubs, .recursos, .por-qué {
    float: none;
    width: 10rem;
}
  
.blog-post-Social {
    width: 100%;
}
  
 

.subscribeIcons {
    border: 1px solid #e3e3e3;
    padding: 1rem;
    border-radius: 1rem;
    background: #fff;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
    align-items: center;
}  
  
  .share-buttons  li {
    margin: 0 8px 0 0;
}
  
  .share-buttons li a i img {
    margin:0;
    opacity: 1;
    max-width: 2rem;
}
  
.blog-post__title {
 font-size: 28px;  
}

  .blog-post {
    flex-direction: column;
  }
  
  .colLeft {
    width: 100%;
    position: relative;
  top: -2rem;;
}
  .colMiddle {
    width: 100%;
}
  .colRight {
    width: 100%;
    position: relative;
    top: 0;
}
  .blog-post__timestamp {
    font-size: 12px;
    opacity: .5;
    text-align: center;
    margin: 0 auto;
    display: block;}
  
  .blog-post__title,  .blog-post h1  {
    font-size: 40px;
    margin-top: 1rem;
}
 
  
  h1 {font-size:40px}
  h2 {font-size:30px}
  h3 {font-size:24px}
  h3 {font-size:20px}
  
 
   .blog-related-posts__list {
    overflow: scroll;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;

}
  .blog-index__post {
    flex: 0 0 100%;
    padding: 0;
    margin: 0px 5px;
    max-width: 400px;
}
  
  
  .blog-post-DataSocial {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
}
  
  .newSearchBox {
    position: relative;
    z-index: 3;
    width: 100%;
    top: 16px;
}
 
.post-featured-image {
    margin: 0 auto 0rem auto;
    background-size: cover;
    border-radius: 2rem;
    overflow: hidden;
    background-position: center right;
    min-height: 300px;
    display: block;
    height: 300px;
}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {...

.educación, .focused-hubs, .recursos, .por-qué {
    float: none;
    width: 10rem;
}

}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {...}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {...}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {...}