html,
body {
  width: 100%;
  height: 100%;
}

html {
  overflow-x: hidden;
}

body {
  font-family: var(--textFont);
  font-weight: 400;
}

.article #content{
  background-color: #fff;
}

.article{
  color: var(--btnSecondaryColor);
}

a {
  color: #2f76c5;
  -webkit-transition: all .35s;
  -moz-transition: all .35s;
  transition: all .35s;
}

#auxiliar section h4{
  font-size: 20px;
  margin-top: 30px;
}

#auxiliar section p{
  font-weight: 100;
}

#discover-more h4{
  color: #fff;
}

#toc_container{
  border-color: #e2e2e2 !important;
}

time{
  color: var(--fontWhite);
}

.mb-5, .my-5 {
  margin-bottom: 0px !important;
}

hr.light {
  border-color: white;
}

h1{
  letter-spacing: 0px;
}

p {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 15px;
}

.section-end{
  padding-bottom: 50px;
  background-color: #f7f9fc !important;
}

#section-glossary{
  margin-top: 30px;
}

.glossary h1{
  color: var(--bgColor);
}

.blog .glossary-thumb h2{
  text-align: center !important;
  padding: 0px;
  font-size: 1.3rem !important;
  font-weight: 700 !important;
  font-size: 22px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2em;
  line-height: 1em;
}

.glossary-thumb p{
  font-size: 1rem;
  text-align: center;
  margin: 0px;
}

.card-related.glossary-thumb{
  min-height: 200px;
  padding: 20px;
}

#section-agencia{
  margin-top: 30px;
}

#mainNav .navbar-nav > li > a.active {
  color: #fa6361 !important
  background-color: transparent;
}

#mainNav .navbar-nav > li > a.active:hover {
  background-color: transparent;
}

#mainNav .navbar-nav > li > a.bt,
#mainNav .navbar-nav > li > a.bt:focus {
  color: #FFF !important;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #2883d8;
  cursor: pointer;
}

#mainNav.navbar-shrink .navbar-nav > li > a:hover, #mainNav.navbar-shrink .navbar-nav > li > a:focus:hover, .help .navbar-nav > li > a:hover {
  color: transparent !important;
}

#mainNav.navbar-shrink .navbar-nav > li > a.bt:hover, #mainNav.navbar-shrink .navbar-nav > li > a.bt:focus:hover, .help .navbar-nav > li > a.bt:hover {
  color: #FFF !important;
}


.btnTrial{
  min-width: 200px;
  padding: 10px 30px;
  margin: 30px 0px;
  background: #ff872b!important;
  webkit-box-shadow: 0 6px 0 0 #b9601c,0 1px 3px 0 rgba(0,0,0,.298039),0 5px 10px 0 rgba(0,0,0,.247059),0 10px 10px 0 rgba(0,0,0,.2),0 15px 20px 0 rgba(0,0,0,.1);
  box-shadow: 0 6px 0 0 #b9601c, 0 1px 3px 0 rgba(0,0,0,.298039), 0 5px 10px 0 rgba(0,0,0,.247059), 0 10px 10px 0 rgba(0,0,0,.2), 0 15px 20px 0 rgba(0,0,0,.1);
  text-decoration: none;
  color: #fff!important;
  font-weight: 600;
  transform: scale(1.05);
  animation: none;
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  border: none;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  text-overflow: clip;
}

header.masthead {
  position: relative;
  width: 100%;
  padding-bottom: 100px;
  color: white;
  background-color: #fff;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d4fc8', endColorstr='#0792ef', GradientType=0 );
}

header.masthead .header-content {
  margin-bottom: 100px;
  text-align: center;
}


header.masthead .device-container {
  max-width: 325px;
  margin-right: auto;
  margin-left: auto;
}

header.masthead .device-container .screen img {
  border-radius: 3px;
}

@media (min-width: 992px) {
  header.masthead {
    height: 90vh;
    min-height: 650px;
    padding-top: 0;
    padding-bottom: 0;
  }
  header.masthead .main-text{
    color:#fff !important;
  }

  header.masthead .device-container {
    max-width: 325px;
  }

  header.masthead #subtitle {
    font-size: 1.5rem;
    margin-bottom: 40px;
    font-weight: 400;
    text-align: center;
  }
}

section.download {
  position: relative;
  padding: 150px 0;
}

section.download h2 {
  font-size: 50px;
  margin-top: 0;
}

section.download .badges .badge-link {
  display: block;
  margin-bottom: 25px;
}

section.download .badges .badge-link:last-child {
  margin-bottom: 0;
}

section.download .badges .badge-link img {
  height: 60px;
}

@media (min-width: 768px) {
  section.download .badges .badge-link {
    display: inline-block;
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  section.download h2 {
    font-size: 70px;
  }
}

section.features .section-heading {
  margin-bottom: 100px;
  font-weight: 100;
}

section.features .section-heading h2 {
  margin-top: 0;
  font-weight: 100;
}

section.features .section-heading p {
  margin-bottom: 0;
}

section.features .feature-item {
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
}

section.features .feature-item h3 {
  font-size: 30px;
}

section.features .feature-item i {
  font-size: 80px;
  display: block;
  margin-bottom: 15px;
  background: -webkit-linear-gradient(to left, #7b4397, #dc2430);
  background: linear-gradient(to left, #7b4397, #dc2430);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

section.cta {
  position: relative;
  padding: 250px 0;
  background-image: url("../img/bg-cta.jpg");
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

section.cta .cta-content {
  position: relative;
  z-index: 1;
}

section.cta .cta-content h2 {
  font-size: 50px;
  max-width: 450px;
  margin-top: 0;
  margin-bottom: 25px;
  color: white;
}

footer ul{
  list-style: none;
  text-align: left;
}

footer ul li{
  font-size: 14px;
  font-weight: 100;
  text-align: left;
}

.no-credit {
  margin: 0 auto;
  margin-top: 8px;
}

.header-content img {
  max-width: 350px;
  margin: 0 auto;
  display: block;
  margin-top: 40px;
}

.header-content h2 a {
  color: inherit;
}

header.masthead {
  padding-bottom: 0px;
}

h2.section-heading {
  font-size: 30px;
}

.only-desktop {
  display: none;
}

section.features .section-heading {
  margin-bottom: 50px;
}

section {
  padding: 100px 0;
}

section.sanitized-content{
 padding: 30px 0; 
}


.navbar.navbar-shrink {
  background-color: #FFF;
}

#content .subscribe .mailchimp-subscribe{
  margin:0px !important;
}

}

section.cta .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

section.contact {
  text-align: center;
}

section.contact h2 {
  margin-top: 0;
  margin-bottom: 25px;
}

section.contact h2 i {
  color: #dd4b39;
}

section.contact ul.list-social {
  margin-bottom: 0;
}

section.contact ul.list-social li a {
  font-size: 40px;
  line-height: 80px;
  display: block;
  width: 80px;
  height: 80px;
  color: white;
  border-radius: 100%;
}

section.contact ul.list-social li.social-twitter a {
  background-color: #1da1f2;
}

section.contact ul.list-social li.social-twitter a:hover {
  background-color: #0d95e8;
}

section.contact ul.list-social li.social-facebook a {
  background-color: #3b5998;
}

section.contact ul.list-social li.social-facebook a:hover {
  background-color: #344e86;
}

section.contact ul.list-social li.social-google-plus a {
  background-color: #dd4b39;
}

section.contact ul.list-social li.social-google-plus a:hover {
  background-color: #d73925;
}

.bg-primary {
  background: #fdcc52;
  background: -webkit-linear-gradient(#fdcc52, #fdc539);
  background: linear-gradient(#fdcc52, #fdc539);
}

.text-primary {
  color: #fdcc52;
}

.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}

.btn-outline {
  color: white;
  border: 1px solid;
  border-color: white;
}

.btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active {
  color: white;
}

.btn {
  border-radius: 300px;
  letter-spacing: 2px;
}

.btn-xl {
  font-size: 11px;
  padding: 10px 35px;
}

.navbar-brand img {
  width: 200px;
}

.bt {
  border-radius: 10px;
}

.btDark {
  background-color: rgba(0,0,0,0.3);
}

.btMain {
  background-color: #2883d8;
  webkit-box-shadow: 0 6px 0 0 #1c5387, 0 1px 3px 0 rgba(0,0,0,.298039), 0 5px 10px 0 rgba(0,0,0,.247059), 0 10px 10px 0 rgba(0,0,0,.2), 0 15px 20px 0 rgba(0,0,0,.1);
  box-shadow: 0 6px 0 0 #1c5387, 0 1px 3px 0 rgba(0,0,0,.298039), 0 5px 10px 0 rgba(0,0,0,.247059), 0 10px 10px 0 rgba(0,0,0,.2), 0 15px 20px 0 rgba(0,0,0,.1);
  color: #FFF;
  letter-spacing: 0.5px;
  cursor: pointer !important;
}

.btMain:hover {

}

.btnMainBlog{
  box-shadow: none;
}

#subtitle {
  font-size: 16px;
  margin-bottom: 20px;
  letter-spacing: 0.5px;
  margin-top: 30px;
  font-weight: 400;
  line-height: inherit;
}

.header-content h3{ 
  font-size: 21px;
  margin-bottom: 40px;
  letter-spacing: 0.5px;
  margin-top: 30px;
  font-weight: 100;
  line-height: 29px;
}

.header-content h3 strong {
  font-weight: 600;
}

.header-content .btMain {
  position: relative;
  font-family: var(--titleFont);
  font-weight: 700; 
  background: var(--btnMainColor);
  color: var(--secondaryColor);
  border-radius: var(--borderRadius);
  display: table;
  padding: 10px 30px;
}

h2.section-heading {
  margin-bottom: 50px;
}

.item-faq {
  padding-right: 30px;
  padding-left: 30px;
}

.item-faq p {
  font-size: 16px;
  margin-bottom: 50px;
}

#faq .section-heading {
  margin-top: 70px;
  margin-bottom: 70px;
}

.more-questions {
  margin: 0 auto;
  margin-top: 20px;
  font-weight: 100;
}

.more-questions a {
  color: #00c0ff;
}

.final-button-back {
  background-color: #ffffff !important;
}


.final-button h4 {
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 30px;
  font-weight: 300;
  color: var(--btnSecondaryColor);
}

.final-button a {
  font-size: 18px;
  text-transform: initial;
  font-weight: 500;
  margin-bottom: 10px;
}

.final-button .no-credit {
  margin: 0 auto;
  margin-top: 8px;
}

/*  ESTILOS DEL BLOG  */

.blog header.masthead{
  height: 70vh;
}

.blog header.masthead .main-text{
  z-index:100;
}

.blog-main{
  padding: 10px;
  background-color: #fff;
  border-radius: 5px;
}

#content .blog-main{
  margin: 50px 0px;
}

.blog .final-button{
  background-color: #fafafa;
  padding: 50px 0;
}

.blog-main .blog-image img{
  max-width: 100%;
  height: auto;
  margin-bottom: 20px;
}

.blog-main h1{
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 30px;
  margin-top: 15px;
}

.article .blog-main h2{
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 40px;
}

.blog-main h3{
  font-size: 1.5rem;
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 10px;
}

.blog-main .content-menu{
  text-align: left;
}

.blog-main p {
    font-size: 1rem;
    font-weight: 300;
    font-weight: normal;
    line-height: 28px;
}

.blog-main li{
 font-size: 18px;
 font-weight: 300;
 font-weight: normal;
 line-height: 28px; 
}

.blog-main h4{
  margin: 30px 0px 10px 0px;
  font-weight: 700;
}

.blog-main .wp-caption-text{
  color: #666;
  font-size: 14px;
}

.wp-caption{
  width: 100% !important;
}

.card-related{
  background-color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(6, 21, 33, 0.04), 0 0 2px 0 rgba(16, 25, 32, 0.03);
  border-radius: 6px;
  transition: box-shadow .3s ease-out, transform .3s ease-out, opacity .2s ease-out;
  display: block;
  cursor: pointer !important;
  min-height: 450px;
  border: 1px solid #e3e3e3;
}

.card-related.glossary-card{
  background-color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(6, 21, 33, 0.04), 0 0 2px 0 rgba(16, 25, 32, 0.03);
  border-radius: 6px;
  transition: box-shadow .3s ease-out, transform .3s ease-out, opacity .2s ease-out;
  display: block;
  cursor: pointer !important;
  min-height: 250px;
  border: 1px solid #e3e3e3;
  padding: 10px 20px;
}

.card-related:hover{
  text-decoration: none;
  box-shadow: rgba(45, 45, 45, 0.05) 0px 2px 2px, rgba(49, 49, 49, 0.05) 0px 4px 4px, rgba(42, 42, 42, 0.05) 0px 8px 8px, rgba(32, 32, 32, 0.05) 0px 16px 16px, rgba(49, 49, 49, 0.05) 0px 32px 32px, rgba(35, 35, 35, 0.05) 0px 64px 64px;
  transition: box-shadow .3s ease-out, transform .3s ease-out, opacity .2s ease-out;
  transition-delay: .1s;
  cursor: pointer;
}

.glossary-card .box-new-title{
  font-weight: 700;
}

.hero-mask{
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero-mask #hero-mask{
  background-color: #000000;
  opacity: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  z-index: 99;
}

.article .main-image{
  position: relative;
}

.article .main-image img{
  max-width: 100%;
  background-color: var(--bgColor);
  border-radius: var(--borderRadius);
  box-sizing: border-box;
  -webkit-box-shadow: rgba(0,12,32,.04) 0 0 1px 0, rgba(10,31,68,.06) 0 10px 16px 0;
  box-shadow: rgba(0,12,32,.04) 0 0 1px 0, rgba(10,31,68,.06) 0 10px 16px 0;
  display: block;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  padding: 3px;
}



.blog-title{
  position: relative;
  color: #fff;
  text-align: center;
  z-index: 100;
  transform: none;
  padding: 32px 0 24px;
}

.post-category{
  color: #068ee7;
  text-transform: initial;
  font-size: 12px;
  font-weight: 600;
}
.post-category a{
  color: #fff;
  text-decoration: none;
  border-bottom: 1px dashed rgba(255,255,255,0.5);
  transition: border-color .2s;
}
.post-category a:hover{
  color: #fff;
  border-bottom-color: transparent;
  text-decoration: none;
}
.post-category .breadcrumb-sep,
.post-category .breadcrumb-current{
  color: #fff;
}

.blog-title h1{
  font-size: 3rem;
  line-height: normal;
  letter-spacing: 1px;
  margin-top: 0px;
}

.blog-title h2 {
    font-size: 1.4rem;
    font-weight: 500;
    color: #fff;
    line-height: 30px;
}

#auxiliar.blog header {
  padding-top: 0px;
}

#auxiliar {
  background-color: #FFF !important;
}

.blog-content{
  margin-top: 50px;
}

.blog-content.definitions{
 margin-top: 30px; 
}

.blog-content hr{
  margin: 5px 0;
}

.blog-all{
  padding-top: 60px;
  padding-bottom: 100px;
}

.blog-all h2{
  font-size: 1.2rem;
  color: #000;
  padding: 20px 0; 
  font-weight: 500;;
}

.blog-all img{
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.glossary .blog-all p{
  font-weight: 400;
}

.blog-all p{
  font-weight: 300;
  font-size: 17px;
  color: #69727b;
  margin-top: 25px;
}

.blog .final-button.grey{
  background: #f7f9fc;
  border-top: 1px #ebeff3 solid;
}

.blog .btn-blog{
  font-size: 16px;
  background-color: #0dc891;
  box-shadow: 1px 1px 4px rgba(0,0,0,0.1);
  color: #FFF;
  letter-spacing: 0.5px;
  padding: 5px 25px;
  border:none;
}

.blog .btn-blog:hover{
  box-shadow: 1px 1px 8px rgba(0,0,0,0.3);
}

.blog .btn-blog a{
  color: #fff;
}

.blog .btn-blog a:hover{
  text-decoration: none;
}

.blog-content a{
  color: #111827;
  text-decoration: underline;
  text-decoration-color: currentColor;
}

.blog-content a:hover{
  color: #111827;
  text-decoration: none;
}

.blog-content img, .kbe_content_full img{
  width: 100%;
  max-width: 100%;
  height:  auto;
  display: block;
  margin: 0 auto;
}

/* Blog responsive table — cards on mobile */
.blog-content .blog-table-wrapper {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 1.5rem 0;
}

.blog-content .blog-table-wrapper table {
  min-width: 640px;
}

@media (max-width: 767px) {
  .blog-content .blog-table-wrapper {
    overflow-x: hidden;
    background: transparent;
  }

  .blog-content .blog-table-wrapper table {
    min-width: 0;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    display: block;
  }

  .blog-content .blog-table-wrapper table thead {
    display: none;
  }

  .blog-content .blog-table-wrapper table tbody tr {
    display: block;
    margin-bottom: 14px;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
  }

  .blog-content .blog-table-wrapper table tbody td {
    display: block;
    border: none;
    border-bottom: 1px solid #efefef;
    padding: 10px 12px;
    background-color: #fff;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
  }

  .blog-content .blog-table-wrapper table tbody tr > td:first-child {
    background: #000;
    color: #fff;
    font-weight: 700;
    font-size: 13.5px;
    letter-spacing: 0.1px;
    border-bottom: none;
  }

  .blog-content .blog-table-wrapper table tbody tr > td:first-child strong {
    color: #fff;
  }

  .blog-content .blog-table-wrapper table tbody tr td:last-child {
    border-bottom: none;
  }

  .blog-content .blog-table-wrapper table tbody td[data-column]::before {
    content: attr(data-column);
    display: block;
    margin-bottom: 4px;
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #666;
  }
}

.blog-content .blog-table-source {
  font-size: 12px;
  color: #666;
  margin-top: 10px;
  font-style: italic;
}

.blog-content .blog-table-source a {
  color: #666;
  text-decoration: underline;
  background: none;
}

/* WordPress/Gutenberg table defaults used by many blog posts */
.blog-content .wp-block-table{
  margin: 1.5rem 0;
  overflow-x: auto;
}

.blog-content .wp-block-table table,
.blog-content table{
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.blog-content .wp-block-table th,
.blog-content .wp-block-table td,
.blog-content table th,
.blog-content table td{
  border: 1px solid #d6d9de;
  padding: .5em .75em;
  vertical-align: top;
}

.blog-content .wp-block-table th,
.blog-content table th{
  background: #f7f9fc;
  font-weight: 600;
}

.blog-main p iframe, .kbe_content_full p iframe{
  display: block;
  margin: 0 auto;
}

blockquote{
  position: relative;
  margin: 28px 0;
  padding: 20px 20px 16px 24px;
  max-width: 750px;
  color: #111;
  font-weight: 400;
  background: #f8f9fa;
  border-left: 4px solid #f97316;
  border-radius: 4px;
}

blockquote::before{
  content: "RESEARCH";
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 1.2px;
  color: #f97316;
  background: #fff3e8;
  border: 1px solid #f97316;
  border-radius: 3px;
  padding: 2px 8px;
  margin-bottom: 10px;
}

blockquote p{
  font-style: normal !important;
  font-weight: 400 !important;
}

blockquote p.blockquote-source{
  font-size: 12px;
  color: #666;
  margin-top: 10px;
  margin-bottom: 0;
  quotes: none !important;
}

blockquote p.blockquote-source::before,
blockquote p.blockquote-source::after{
  content: none !important;
}

blockquote p.blockquote-source a{
  color: #666;
  text-decoration: underline;
  background: none;
  font-weight: 400;
}

#content .subscribe .mailchimp-subscribe .subscribe-image{
  background-color: rgba(255,255,255,.2);
  border-radius: 170px;
  padding: 15px;
  display: inline-block;
  text-align: center;
  display: block;
  width: 100px;
  margin: 0 auto;
  position: relative;
  top: 25px;
  margin-bottom: 20px;
  font-size: 50px;
}

#content .subscribe .mailchimp-subscribe .subscribe-image img{
  width: 60px;
}

#content .subscribe .mailchimp-subscribe{
  /*background-image: linear-gradient(rgb(12, 74, 187) 0%, rgb(29, 137, 251) 100%);*/
  background: #fff;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat-x: initial;
  background-repeat-y: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  height: auto;
  display: block;
  padding: 20px;
}

#content .subscribe .mailchimp-subscribe h2{
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  padding: 20px 40px;
  color: #fff;
}

#content .subscribe .mailchimp-subscribe p{
  color: #fff;
  font-size: 16px;
  text-align: center;
  padding: 0 40px;
  font-weight: 100;
}

#content .subscribe .mailchimp-subscribe form{
  text-align: center;
  border: 1px solid;
  border-radius: 100px;
  height: 80px;
  box-shadow: 0 5px 10px 0 rgba(43, 62, 81, 0.05);
  border: solid 1px #dfe5e9;
  margin: 0px auto;
  padding: 6px;
}

#content .subscribe .mailchimp-subscribe input{
  margin: 5px;
  height: 80%;
  padding: 0px 0px 0px 10px;
  width: 60%;
  border: none;
  font-size: 18px;
  vertical-align: middle;

}

#content .subscribe .mailchimp-subscribe button{
  border-radius: 40px;
  background: #ea5454;
  color: #fff;
  height: 89%;
  width: 34%;
  font-weight: 100;
  font-size: 18px;
  border-radius: 100px;
  vertical-align: middle;

}

#content .subscribe .mailchimp-subscribe .msjError{
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  line-height: 17px;
  padding-bottom: 20px;
  display: none;
}

.row-share-block{
  margin-top: 60px;
}

.row-share-block h4{
  font-size: 18px;
  font-weight: 100;
  padding-top: 20px;
}

.share-icons-wrapper{
  margin-top: 25px;
}

.share-icons-wrapper ul li a{
  background: #1e5799;
  background: -moz-linear-gradient(135deg,#2175c5 0,#2d8be3 50%,#6cbdff 100%);
  background: -webkit-linear-gradient(135deg,#2175c5 0,#2d8be3 50%,#6cbdff 100%);
  background: linear-gradient(135deg,#2175c5 0,#2d8be3 50%,#6cbdff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );
  color: #FFF;
  border-radius: 60px;
  width: 45px;
  height: 45px;
  display: inline-block;
  font-size: 24px;
  margin-left: 5px;
  padding: 5px 13px;
}

.share-icons-wrapper ul li a img{
  filter: invert(94%) sepia(6%) saturate(0%) hue-rotate(57deg) brightness(106%) contrast(106%);
  width: 20px;
  height: 20px;
}

.avatar-name h4, .avatar-name p, .share-icons-wrapper ul li{
  display: inline-block !important;
}

.avatar-name img{
  border-radius: 100px;
  width: 50px;
  height: 50px;
}

.section-heading {
  font-size: 28px !important;
  font-weight: 700 !important;
  margin-bottom: 30px !important;
  margin-top: 15px !important;
}

.box-new-title{
  font-size: 1.4rem;
  color: var(--btnSecondaryColor);
  padding: 10px;
  font-weight: 700;
  margin: 10px;
  text-align: left;
  padding-top: 30px;
}

.box-new-desc{
  font-weight: 400;
  font-size: 1rem;
  color: #69727b;
  padding: 20px;
  text-align: left;
  padding-top: 10px;
}

.box-new-desc.marg{
  padding: 0px 20px 20px 20px;
}

.box-new-title.marg-home{
  padding: 0px 10px;
}

.category {
  font-weight: 500;
  margin-left: 20px;
  display: block;
  margin-top: 30px;
  text-transform: uppercase;
  font-size: 13px;
  color: #0178ed;
}

.news-block .card-related,
.news-block .card-related .category{
  text-align: left;
}

.box-new-image{
  height: 175px;
  background-position: center;
  background-size: cover;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

@media (max-width:480px){

  .blog-title h1{
    font-size: 35px;
  } 
  .blog-main p, .blog-main li{
    font-size: 16px;
    line-height: 1.8;

  }
}


@media (max-width: 768px) {

  section {
    padding: 50px 0;
  }

  section.cta .cta-content h2 {
    font-size: 80px;
  }
}


@media (max-width: 700px) {

  #content .blog-main{
    margin-top: 50px;
  }

  .blog-content{
    margin-top: 50px;
  }

  .article .blog-main h2{
    font-size: 28px;
  }

  .blog-main h3{
    font-size: 24px;
  }

  .navbar-brand img{
    width: 150px;
  }

  blockquote p{
    font-size: 17px;
  }
  
}

.avatar-name .post-author-line{
  display: block !important;
  margin-bottom: 2px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.25;
}

.avatar-name .post-last-update-wrap{
  display: block !important;
  width: 100%;
}

.avatar-name .post-last-update{
  display: block !important;
  font-size: 11px !important;
  font-weight: 300 !important;
  line-height: 1.35 !important;
  letter-spacing: .1px;
  color: rgba(255,255,255,.78) !important;
  margin-top: 2px;
}

.row-share-block{
  margin-top: 22px;
  margin-bottom: 0;
}

.avatar-name{
  display: inline-flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 8px 12px;
  border-radius: 8px;
  background: transparent;
  max-width: 100%;
  column-gap: 8px;
}

.avatar-name .post-author-avatar{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  flex: 0 0 auto;
}

.avatar-name .post-author-meta{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

@media (max-width: 991px) {
  .blog header.masthead{
    height: auto !important;
  }

  .plan a {
    width: 150px !important;
    font-size: 14px !important;
    padding: 10px 0 !important;
  }

  .navbar-collapse li.nav-item a {
    background-color: transparent !important;
  }

  header.masthead .header-content {
    margin: 0 auto;
  }

  .blog-title{
    padding: 28px 0 18px;
  }

  .row-share-block{
    margin-top: 18px;
  }

  .avatar-name{
    padding: 8px 10px;
  }
}

@media (min-width: 992px) {
  .blog-title{
    padding-top: 72px;
  }
}

/* Blog Post CTA */
.blog-post-cta {
  margin: 40px 0;
}

.blog-post-cta a {
  color: #111827;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: currentColor;
}

.blog-post-cta a:hover {
  color: #111827;
  text-decoration: none;
}

/* PDF Download Button */
.btn-pdf-download {
  background: #f97316;
  color: #ffffff !important;
  padding: 10px 20px !important;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none !important;
  white-space: nowrap;
  display: inline-block;
  background-image: none !important;
}
.btn-pdf-download:hover {
  background: #ea6c0a;
  color: #ffffff !important;
}

/* ─── Hub/Alternative Comparison Tables (used in blog posts) ───────────── */
.comparison-table-wrapper--hub-alternative,
.comparison-table-wrapper--alternative {
  overflow-x: auto;
  margin: 24px 0;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
}

.comparison-table--hub-alternative,
.comparison-table--alternative {
  width: 100%;
  min-width: 600px;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
}

.comparison-table--hub-alternative th,
.comparison-table--alternative th,
.blog-content .comparison-table--hub-alternative th,
.blog-content .comparison-table--alternative th {
  background-color: #111827;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  padding: 10px 12px;
  text-align: left;
  position: sticky;
  top: 0;
  z-index: 2;
}

.comparison-table--hub-alternative td,
.comparison-table--alternative td {
  padding: 10px 12px;
  vertical-align: top;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #f1f1f1;
  font-size: 14px;
}

.comparison-table--hub-alternative tbody tr:nth-child(odd) td,
.comparison-table--alternative tbody tr:nth-child(odd) td {
  background-color: #ffffff;
}

.comparison-table--hub-alternative tbody tr:nth-child(even) td,
.comparison-table--alternative tbody tr:nth-child(even) td {
  background-color: #f9fafb;
}

.comparison-table--hub-alternative .cca-row td,
.comparison-table--alternative .cca-row td {
  background-color: #e6f4ea;
}

/* ─── Training Plan Tables ──────────────────────────────────────────────── */
.comparison-table-wrapper--plan {
  margin-top: 12px;
  margin-bottom: 0;
  border-radius: 10px 10px 0 0;
  border-bottom: 0;
}

.comparison-table-wrapper--plan .comparison-table--plan {
  min-width: 560px;
}

.comparison-table--plan th,
.comparison-table--plan td {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.45;
  padding: 8px 11px;
}

.comparison-table--plan th {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #555;
  font-weight: 600;
  background: #f0f0f0;
}

.comparison-table--plan tbody td:first-child {
  font-weight: 700;
}

.comparison-table--plan tbody tr:nth-child(odd) td {
  background-color: #fafafa;
}

.comparison-table--plan tbody tr:nth-child(even) td {
  background-color: #ffffff;
}

/* Table title header — lives OUTSIDE the wrapper, rendered as h3 */
.blog-main .plan-table-title {
  margin: 12px 0 0;
  padding: 15px;
  font-size: 16px;
  font-weight: 700;
  color: #111827;
  letter-spacing: 0.01em;
  border: 1px solid #e8e8e8;
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  background: #fff;
}

/* When title is directly above wrapper: remove top radius/border from wrapper */
.blog-main .plan-table-title + .comparison-table-wrapper--plan {
  border-radius: 0;
  border-top: 0;
  margin-top: 0;
}

/* Table download footer — lives OUTSIDE the wrapper */
.plan-table-download {
  border: 1px solid #e8e8e8;
  border-top: 0;
  border-right: 4px solid #f97316;
  padding: 10px 14px;
  background: #f8f9fa;
  border-radius: 0 0 10px 10px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.plan-table-download p {
  margin-bottom: 0px;
}

.plan-table-download a {
  font-size: 13px;
  color: #f97316;
  font-weight: 600;
  text-decoration: none !important;
  background-image: none !important;
}

.plan-table-download a:hover {
  text-decoration: underline !important;
}

/* Mobile: each row becomes a card */
@media (max-width: 767px) {
  .comparison-table-wrapper--plan {
    overflow-x: hidden;
    border: 0;
    background: transparent;
    border-radius: 0;
  }

  .comparison-table--plan {
    min-width: 0;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
  }

  .comparison-table--plan thead {
    display: none;
  }

  .comparison-table--plan tbody tr {
    display: block;
    margin-bottom: 4px;
    border: 1px solid #e8e8e8;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
  }

  .comparison-table--plan tbody td {
    display: flex;
    align-items: baseline;
    gap: 10px;
    border-right: 0;
    border-bottom: 1px solid #efefef;
    padding: 8px 12px;
    background-color: #fff !important;
    font-size: 13px;
    font-weight: 400;
    white-space: normal;
    word-break: break-word;
  }

  .comparison-table--plan tbody tr td:last-child {
    border-bottom: 0;
  }

  .comparison-table--plan tbody tr > td:first-child {
    background: #111827 !important;
    color: #fff !important;
    font-weight: 700;
    font-size: 13px;
    display: block;
    border-radius: 0;
  }

  .comparison-table--plan tbody td:not(:first-child)[data-column]::before {
    content: attr(data-column);
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #9ca3af;
    min-width: 30px;
    flex-shrink: 0;
  }

  .plan-table-download {
    border: 1px solid #e8e8e8;
    border-top: 0;
    border-right: 4px solid #f97316;
    margin-bottom: 20px;
    border-radius: 0 0 8px 8px;
  }
}