@font-face {
  font-family: 'Ftcalhern';
  src: url(https://45843369.fs1.hubspotusercontent-na1.net/hubfs/45843369/raw_assets/public/Ripio_September2024/fonts/66588101e843931965a1a1d1_FTCalhern-Light.woff2) format('woff2'), 
	 url(https://45843369.fs1.hubspotusercontent-na1.net/hubfs/45843369/raw_assets/public/Ripio_September2024/fonts/6658810115f93b472e01195d_FTCalhern-Light.woff) format('woff'), 
	 url(https://45843369.fs1.hubspotusercontent-na1.net/hubfs/45843369/raw_assets/public/Ripio_September2024/fonts/6658810188af86cedfb33636_FTCalhern-Light.ttf) format('truetype'),
	 url(https://45843369.fs1.hubspotusercontent-na1.net/hubfs/45843369/raw_assets/public/Ripio_September2024/fonts/665881018e6ff9c29c55e372_FTCalhern-Light.otf) format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Ftcalhern';
  src: url(https://45843369.fs1.hubspotusercontent-na1.net/hubfs/45843369/raw_assets/public/Ripio_September2024/fonts/6658810188af86cedfb3363a_FTCalhern-Medium.woff2) format('woff2'), 
	 url(https://45843369.fs1.hubspotusercontent-na1.net/hubfs/45843369/raw_assets/public/Ripio_September2024/fonts/66588101a2f7aba6661314fa_FTCalhern-Medium.woff) format('woff'), 
	 url(https://45843369.fs1.hubspotusercontent-na1.net/hubfs/45843369/raw_assets/public/Ripio_September2024/fonts/6658810110322f43257835a1_FTCalhern-Medium.ttf) format('truetype'), 
	 url(https://45843369.fs1.hubspotusercontent-na1.net/hubfs/45843369/raw_assets/public/Ripio_September2024/fonts/665881014b340c00df1d4c3e_FTCalhern-Medium.otf) format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Ftcalhern';
  src: url(https://45843369.fs1.hubspotusercontent-na1.net/hubfs/45843369/raw_assets/public/Ripio_September2024/fonts/6661f42585adb85659dd5e3e_FTCalhern-Regular.woff) format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Ftcalhern';
  src: url(https://45843369.fs1.hubspotusercontent-na1.net/hubfs/45843369/raw_assets/public/Ripio_September2024/fonts/667323275581bc8dfc5072e1_FTCalhern-MediumItalic.woff) format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Ftcalhern';
  src: url(https://45843369.fs1.hubspotusercontent-na1.net/hubfs/45843369/raw_assets/public/Ripio_September2024/fonts/66732327a183e2033c38ba57_FTCalhern-Bold.woff) format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Ftcalhern';
  src: url(https://45843369.fs1.hubspotusercontent-na1.net/hubfs/45843369/raw_assets/public/Ripio_September2024/fonts/6673256ec9cc6174f6613e2f_FTCalhern-RegularItalic.woff) format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Ftcalhern';
  src: url(https://45843369.fs1.hubspotusercontent-na1.net/hubfs/45843369/raw_assets/public/Ripio_September2024/fonts/6673256d1893ada6c4520ceb_FTCalhern-Semibold.woff) format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Ftcalhern';
  src: url(https://45843369.fs1.hubspotusercontent-na1.net/hubfs/45843369/raw_assets/public/Ripio_September2024/fonts/66732ed82cf1c6254d6cf581_FTCalhern-UltralightItalic.woff) format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'lato';
  src: url(https://45843369.fs1.hubspotusercontent-na1.net/hubfs/45843369/raw_assets/public/Ripio_September2024/fonts/6499b37a7a20296dd28149c5_Lato-Bold.ttf) format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face { font-family: lato; src: url(https://45843369.fs1.hubspotusercontent-na1.net/hubfs/45843369/raw_assets/public/Ripio_September2024/fonts/l.woff2) format("woff2"),
  url(https://45843369.fs1.hubspotusercontent-na1.net/hubfs/45843369/raw_assets/public/Ripio_September2024/fonts/l.woff) format("woff"),
  url(https://45843369.fs1.hubspotusercontent-na1.net/hubfs/45843369/raw_assets/public/Ripio_September2024/fonts/l.otf) format("opentype");
  font-style: normal; font-weight: 500; font-stretch: normal; font-display: auto; 
}

@font-face { font-family: lato; src: url(https://45843369.fs1.hubspotusercontent-na1.net/hubfs/45843369/raw_assets/public/Ripio_September2024/fonts/l-light.woff2) format("woff2"),
  url(https://45843369.fs1.hubspotusercontent-na1.net/hubfs/45843369/raw_assets/public/Ripio_September2024/fonts/l-light.woff) format("woff"),
  url(https://45843369.fs1.hubspotusercontent-na1.net/hubfs/45843369/raw_assets/public/Ripio_September2024/fonts/l-light.otf) format("opentype");
  font-style: normal; font-weight: 300; font-stretch: normal; font-display: auto; 
}



.span2 .hs-button,
.span3 .hs-button,
.span4 .hs-button,
.span5 .hs-button,
.span6 .hs-button{
  padding: 15px 20px;
}
.span2 .hs-sec-btn,
.span3 .hs-sec-btn,
.span4 .hs-sec-btn,
.span5 .hs-sec-btn,
.span6 .hs-sec-btn{
  padding: 10px 20px;
}

/* .hs-button, .hs-sec-btn, .hs-trans-btn, 
.systems-page .hs-search-results__next-page, 
.systems-page .hs-search-results__prev-page, 
form input[type=submit]{
font-size: 12px;
line-height: 12px;
font-family: arial, helvetica, sans-serif;
font-weight: 700;
}
*/



body{
  font-family: Ftcalhern,sans-serif;
}




.span2 .hs-button, .span3 .hs-button, .span4 .hs-button, .span5 .hs-button, .span6 .hs-button {
  font-family: lato, sans-serif;
  font-size: 14px;
  line-height: normal;
}

.no_navigation .custom-footer .footer-menu .hs-menu-wrapper>ul>li {
  width: 100%;
}


.error-page:before {
  color: rgb(213 208 218) !important;
}

.no-banner header.custom-header {
  background-color: #000;
  position: static;
}

.landing-banner {
  background-color: #D7D0E0;
}

.landing-banner {
  padding-top: 200px !important;
}

.custom-header .primary-section {
  padding: 30px 0;
}

.custom-header .primary-section .page-center {
  padding: 0;
}

.custom-header .primary-section .nav {
  display: flex;
  align-items: center;
}

.header__menu--desktop>.header__menu-wrapper .header__menu-item--has-submenu>ul>li>a:hover {
  font-weight: 400;
}

.custom-header .nav>nav>ul .header__menu-submenu--level-2>.header__menu-item a:hover {
    font-weight: 400;
}

.custom-header .primary-section nav.header__menu--desktop {
  padding-left: 35px;
  font-family: lato, sans-serif;
}

.custom-header .header__menu--desktop>.header__menu-wrapper {
  gap: 0;
}

.custom-header .nav>nav>ul .header__menu-item--depth-1>a {
  line-height: 17px;
  padding: 15px 22px 15px 0;
  font-weight: 500;
}

.custom-header svg {
  width: 10px;
  height: 7px;
}

.custom-header .child-trigger {
  margin-left: 8px;
}

.custom-header .right-section .button-section-container {
  align-items: center;
  gap: 0;
}

.custom-header .right-section .button-section-container .btn-section:first-child {
  margin-right: 20px;
}

.custom-header .right-section .button-section-container .btn-section:first-child a {
  font-size: 14px;
  font-family: lato, sans-serif;
  line-height: 20px;
}

.custom-header .right-section .button-section-container .btn-section:last-child a {
  padding: 10px 20px;
  height: unset;
  font-family: lato, sans-serif;
  line-height: 17px;
}

.custom-header .header__menu--desktop>.header__menu-wrapper .header__menu-item--has-submenu:hover .child-trigger {
  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(180deg) skew(0deg, 0deg);
  transform-style: preserve-3d;
}

.custom-header .header__menu--desktop>.header__menu-wrapper .header__menu-item--has-submenu .child-trigger {
  transition: 1s;
}

.header__menu--desktop>.header__menu-wrapper .header__menu-item--has-submenu:hover>ul {
  transform: translateY(0REM);
}

.header__menu--desktop>.header__menu-wrapper .header__menu-item--has-submenu>ul {
  padding: 0;
  box-shadow: 0 2px 6px #0000001f;
  min-width: 200px;
  border-radius: 6px;
}

.custom-header .nav>nav>ul .header__menu-submenu--level-2>.header__menu-item a {
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
  white-space: nowrap;
  font-family: lato, sans-serif;
  transition: background-color .4s, color .6s;
}

.header__menu--desktop>.header__menu-wrapper .header__menu-item--has-submenu>ul>li:hover a {
  font-size: 14.4px;
}

.header__menu--desktop>.header__menu-wrapper .header__menu-item--has-submenu>ul>li:hover {
  background-color: #f8f3ff;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}

.custom-header .primary-section .container-wrapper>a {
  display: none;
}

.custom-header .logo-section a>img:last-child{
  display: none;
}



/* BANNER */

.simple-banner.custom-banner {
  min-height: 100vh;
  padding-left: 0;
  padding-right: 0;
}

.simple-banner.custom-banner h1 {
  margin-bottom: 20px;
  font-size: 79px;
}

.custom-banner .banner-content-inner {
  padding: 0;
}

.simple-banner.custom-banner {
  min-height: 100vh;
  padding: 0;
}

.simple-banner.custom-banner h1 {
  margin-bottom: 20px;
  font-size: 79px;
  text-align: left;
}

.simple-banner.custom-banner p {
  margin-bottom: 20px;
  font-size: 25px;
  text-align: left;
  line-height: 32px;
  margin-bottom: 35px !important;
  font-family: Ftcalhern, sans-serif;
}
header.custom-header {
  position: absolute;
  z-index: 101;
  width: 100%;
}


.custom-banner .banner-content-inner {
  padding: 0;
}

.simple-banner.custom-banner .flex_row {
  justify-content: flex-start;
}

.simple-banner.custom-banner h1 span {
  color: #be90ff !important;
  font-style: italic;
}

.custom-banner .btn_row {
  justify-content: flex-start;
  margin: 0;
}

.custom-banner .btn_row a.hs-button {
  background-color: #e9d8ff;
  height: 100%;
  min-height: auto;
  max-height: 50px;
  color: #7908ff;
  font-family: lato, sans-serif;
  font-size: 14px;
  padding: 10px 30px;
  line-height: 30px;
  transition: background-color .6s;
}










































.custom-footer {
  background-image: url(https://45843369.fs1.hubspotusercontent-na1.net/hubfs/45843369/Ripio_September2024/images/Footer_bg.webp);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 0;
  padding-bottom: 100px;
}

.footer .col-section {
  padding: 0;
}

.custom-footer .flex_row {
  padding-top: 100px;
  gap: 0;
  flex-wrap: nowrap;
}

.custom-footer .foot-register {
  max-width: 32%;
}

.custom-footer .foot-image {
  width: 20%;
  text-align: center;
}

.custom-footer .f_menu {
  width: 50%;
}

.custom-footer .footer-menu .hs-menu-wrapper>ul {
  display: flex;
  flex-direction: row;
}

.custom-footer .footer-menu .hs-menu-wrapper>ul>li {
  width: 33.33%;
  margin: 0;
}

.custom-footer .foot-register p {
  color: #ffffff;
  font-family: Ftcalhern, sans-serif;
  font-size: 2.25rem;
  margin-bottom: 60px !important;
  font-weight: 400;
  line-height: 1.2;
}

.custom-footer .register-btn .footer-button {
  justify-content: flex-start;
}

.custom-footer .register-btn .footer-button a {
  max-height: 50px;
  height: auto;
  line-height: 30px;
  font-size: 14px;
  font-family: lato, sans-serif;
  padding: 10px 30px;
}

.custom-footer .foot-image img {
  max-width: 140px !important;
  margin-bottom: 30px;
}

.custom-footer .foot-image .foot-image-txt p {
  font-size: 16px;
  font-weight: 400;
  font-family: 'lato';
}

.custom-footer .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover>.hs-menu-children-wrapper {
  top: 0;
}

.custom-footer .foot-dwn .dwn-txt {
  width: 33%;
  display: flex;
  align-items: center;
}

.custom-footer .foot-dwn .dwn-image {
  width: 63%;
  text-align: center;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.custom-footer .foot-dwn .flex_row {
  gap: 80px;
  padding-top: 80px;
}

.custom-footer .foot-dwn {
  margin-bottom: 100px;
}

.custom-footer .dwn-img3 .footer-image img {
  max-width: 100px !important;
}
.custom-footer .dwn-img4 .footer-image img {
  max-width: 100px !important;
}
.custom-footer .dwn-img5 .footer-image img {
  max-width: 90px !important;
}
.custom-footer .dwn-img2 .footer-image img {
  max-width: 60px !important;
}

.custom-footer .foot-dwn .dwn-txt p {
  font-size: 20px;
  font-family: lato, sans-serif;
  line-height: 1;
  font-weight: 700;
}

.custom-footer .footer-social-item a {
  align-items: flex-end;
}

.custom-footer .foot-icon {
  display: flex;
  justify-content: space-between;
  align-items: baseline;

}

.custom-footer .foot-icon>p {
  margin: 0;
  color: #a0a0a0;
  font-size: 18px;
  font-family: lato, sans-serif;
  font-weight: 500;
}

.custom-footer .footer-social {
  justify-content: flex-end;
  width: auto;
  padding-left: 0;
  gap: 20px;
}

.custom-footer .footer-social-item {
  width: 25px;
  height: 25px;
}

.custom-footer .foot-middle .flex_row {
  justify-content: flex-end;
  padding-top: 56px;
}

.custom-footer .footer-social-item:last-child img {
  filter: brightness(0.6);
}

.custom-footer .footer-social-item:last-child {
  width: 32px;
  height: 32px;
}

.custom-footer .footer-menu .hs-menu-wrapper>ul>li>a>svg {
  display: none;
}


.custom-footer .footer-menu .hs-menu-wrapper>ul>li>a {
  font-size: 18px;
  font-family: Ftcalhern, sans-serif;
  font-weight: 500;
  margin-bottom: 10px !important;
  line-height: 20px;
  display: flex;
  justify-content: space-between;
}

.custom-footer .footer-menu .hs-menu-wrapper>ul>li li {
  margin-bottom: 10px;
}

html.hs-inline-edit header.custom-header {
  position: static;
  background: #000;
}

.custom-footer .footer-menu .hs-menu-wrapper>ul>li li>a {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  display: flex;
  font-family: lato, sans-serif;
  flex-wrap: wrap;
  white-space: normal;
}
.custom-no-navigation .custom-header .container-wrapper {
  justify-content: flex-start;
  min-height: 47px;
  column-gap: 0;
}

.custom-no-navigation .custom-header .primary-section .container-wrapper>a {
  display: block;
}

.simple-banner.custom-banner .page-center {
  padding-left: 40px;
  padding-right: 40px;
}


@media(min-width:992px){
  .footer-menu .hs-menu-wrapper>ul li>ul {
	 display: flex !important;
	 overflow: visible;
	 height: 100% !important;
	 opacity: 1 !important;
	 visibility: visible !important;
  }


  .no_navigation .custom-footer .foot-upper .flex_row {
	 justify-content: flex-end;
  }

  .no_navigation .custom-footer .footer-menu .hs-menu-wrapper>ul {
	 justify-content: flex-end;
  }
}

@media (max-width: 1170px) {
  .footer .page-center{
	 padding: 0 10px;
  }

  .custom-header .primary-section .page-center {
	 padding: 0 18px;
  }
}

@media (max-width: 991px) {
  .footer .page-center{
	 padding: 0 40px;
  }

  .no_navigation .custom-footer .footer-menu .hs-menu-wrapper>ul>li>ul {
	 display: flex !important;
	 height: 100% !important;
	 opacity: 1 !important;
	 overflow: visible;
	 visibility: visible !important;
  }

  .custom-no-navigation .custom-header .container-wrapper {
	 min-height: unset;
  }

  .custom-header .logo-section a>img:last-child{
	 display: block;

  }

  .custom-header .primary-section .container-wrapper>a {
	 display: block;
	 order: 1;
  }


  .custom-footer .foot-register p {
	 font-size: 1.5rem;
	 line-height: 1.2;
  }

  .custom-footer .foot-upper .flex_row {
	 flex-wrap: wrap;
  }

  .custom-footer .f_menu {
	 width: 70% !important;
	 padding-top: 80px !important;
  }

  .custom-footer .foot-image {
	 width: 30% !important;
	 padding-top: 80px !important;
  }

  .custom-footer .foot-register {
	 max-width: 100%;
  }

  .custom-footer .footer-social-item:not(:first-child) {
	 margin: 0;
  }

  .custom-footer .foot-register {
	 max-width: 100%;
  }

  .custom-footer .foot-dwn .flex_row {
	 flex-wrap: wrap;
	 gap: 0;
  }

  .custom-footer .foot-dwn .dwn-txt {
	 order: 2;
	 padding-top: 30px;
  }

  .custom-footer .foot-dwn .dwn-image {
	 order: 1;
	 padding-top: 0 !important;
  }

  .custom-footer .footer-social {
	 gap: 16px;
  }

  header.custom-header .mobile-close-icon svg path {
	 fill: #6d07e6;
  }

  .custom-header .cst-humburger-icon .trigger {
	 background-color: #ffffff;
	 border-color: #ffffff;
	 margin: 0;
	 width: 22px;
	 height: 3px;
	 border-radius: 2px;
  }

  .custom-header .cst-humburger-icon .trigger:nth-child(2) {
	 width: 22px;
	 margin: 3px 0;
  }

  .custom-header .primary-section .nav {
	 display: none;
  }

  .custom-header .primary-section {
	 padding: 20px 0;
  }

  .header .cst-humburger-icon .trigger:first-child {
	 margin-top: 5px;
  }

  .custom-header .primary-section .page-center {
	 padding: 0 40px;
  }

  .custom-header .right-section {
	 order: 3;
  }

  .custom-header .primary-section .container-wrapper>img {

	 display: block;
  }

  .custom-header .primary-section .container-wrapper {
	 justify-content: space-between;
  }

  .custom-header .logo-section a>img:first-child{
	 display: none;
  }

  .custom-header .logo-section a>img:last-child{
	 display: block;
  }

  .custom-header .logo-section {
	 padding: 20px 0 0 20px;
  }


  header.custom-header .mobile-close-icon {
	 right: 17px;
	 top: 19px;
  }

  header.custom-header .mobile-close-icon svg.svg-icon {
	 font-weight: 800;
	 width: 23px !important;
  }

  header.custom-header .nav .header__menu.header__menu--desktop>ul>li>ul {
	 display: block !important;
	 text-align: center;
  }

  header.custom-header .nav .header__menu.header__menu--desktop>ul>li:first-child {
	 border: 0;
  }

  header.custom-header .nav .header__menu.header__menu--desktop ul>li:not(:last-child) {
	 border: 0;
  }

  header.custom-header .nav .header__menu.header__menu--desktop>ul {
	 padding: 0;
	 height: 480px;
	 padding-left: 0;
	 overflow: scroll;
	 margin: 0;
	 scrollbar-width: thin;
  }

  header.custom-header .nav .header__menu.header__menu--desktop>ul>li.header__menu-item--has-submenu>.mobile-child-trigger {
	 display: none;
  }

  .custom-header .primary-section nav.header__menu--desktop {
	 padding: 0 20px;
	 display: flex;
	 flex-direction: column;
	 justify-content: space-around;
	 gap: 0;
  }

  header.custom-header .nav .header__menu.header__menu--desktop>ul>li:not(:last-child) {
	 border-bottom: 1px solid #fff;
  }

  header.custom-header .nav .header__menu.header__menu--desktop>ul>li {
	 padding-bottom: 20px;
	 padding-top: 30px;
  }

  header.header .nav .header__menu.header__menu--desktop>ul>li li>a {
	 padding: 0 0 5px 0;
	 font-size: 16px;
	 line-height: 24px;
	 font-weight: 500;
  }

  header.custom-header .nav .header__menu.header__menu--desktop>ul>li.header__menu-item--has-submenu>a {
	 text-align: center;
	 color: #be90ff !important;
	 font-size: 18px;
	 font-family: lato, sans-serif;
	 margin-bottom: 10px;
	 font-weight: 700;
	 line-height: 26px;
	 padding: 0;
  }

  header.custom-header .nav .header__menu.header__menu--desktop>ul>li:hover>a {
	 color: #be90ff;
  }

  .header__menu--desktop>.header__menu-wrapper .header__menu-item--has-submenu>ul>li:hover {
	 background: transparent;
  }

  .custom-header .container-wrapper.mobile-open .top-section.mobile_section {
	 padding: 0;
  }

  .custom-header .container-wrapper.mobile-open .top-section.mobile_section .btn-section {
	 padding: 0;
  }

  .custom-header .container-wrapper.mobile-open .top-section.mobile_section .btn-section:first-child {
	 order: 2;
  }

  .custom-header .container-wrapper.mobile-open .top-section.mobile_section .btn-section:last-child{
	 order: 1;
  }

  .custom-header .container-wrapper.mobile-open .top-section.mobile_section .btn-section:first-child a {
	 padding: 10px 20px;
	 font-size: 14px;
	 font-family: lato, sans-serif;
	 line-height: 17px;
  }

  .custom-header .container-wrapper.mobile-open .top-section.mobile_section .btn-section:last-child a {
	 padding: 10px 20px;
	 font-size: 14px;
	 font-family: lato, sans-serif;
	 line-height: 17px;
	 font-weight: 500;
  }

  .custom-header .container-wrapper.mobile-open .top-section.mobile_section .page-center {
	 padding: 0;
  }



  .custom-banner .banner-content-inner {
	 margin-top: 100px;
  }

}

@media (max-width: 767px) {
  .custom-footer .foot-image {
	 display: none;
  }

  .custom-footer .f_menu {
	 width: 100% !important;
  }

  .custom-footer .foot-dwn .dwn-image {
	 flex-wrap: wrap;
	 gap: 25px;
	 justify-content: flex-start;
  }

  .custom-footer .foot-dwn .dwn-txt {
	 display: none;
  }

  .custom-footer .foot-icon {
	 flex-direction: column;
	 gap: 19px;
  }

  .custom-footer .foot-middle .flex_row {
	 padding-top: 60px;
  }

  .custom-footer .foot-icon {
	 flex-direction: column;
	 gap: 19px;
  }

  .custom-footer .foot-middle .flex_row {
	 padding-top: 60px;
  }

  .custom-footer .foot-dwn {
	 margin-bottom: 0;
  }

  .custom-footer .footer-menu .hs-menu-wrapper>ul {
	 display: block;
  }

  .custom-footer .footer-menu .hs-menu-wrapper>ul>li {
	 width: 100%;
  }

  .custom-footer .footer-menu .hs-menu-wrapper>ul>li>ul {
	 display: none;
  }



  .simple-banner.custom-banner {
	 min-height: 520px;
  }

  .simple-banner.custom-banner h1 {
	 font-size: 60px;
	 line-height: 1.2;
  }

  .custom-header .primary-section .page-center {
	 padding-left: 20px;
	 padding-right: 20px;
  }

  .simple-banner.custom-banner .page-center {
	 padding-left: 20px;
	 padding-right: 20px;
  }

  .custom-header .primary-section .nav {
	 transform: translateX(-100%);
	 display: block !important;
	 transition: all 0.5s ease;
  }

  header.header .mobile-open .nav {
	 transform: translateX(0);
  }

}

@media (max-width: 600px) {
  .simple-banner.custom-banner p {
	 display: none;
  }

  .custom-banner .banner-content-inner {
	 margin-top: 40px;
  }

  .simple-banner.custom-banner h1 {
	 margin-top: 0;
	 margin-bottom: 35px;
	 font-size: 50px;
	 font-weight: 300;
	 line-height: 1;
  }
}

@media (max-width: 479px) {
  .custom-footer .footer-menu .hs-menu-wrapper>ul>li>a>svg {
	 display: block;
  }

  .custom-footer .foot-register p{
	 font-size: 30px;
  }

  .custom-footer {
	 padding-bottom: 60px;
  }

  .custom-footer {
	 padding-bottom: 60px;
  }

  .custom-footer .foot-register p {
	 margin-bottom: 40px !important;
  }

  .custom-footer .footer-social-item {
	 padding-left: 7px;
	 padding-right: 7px;
	 width: auto;
  }

  .custom-footer .footer-menu .hs-menu-wrapper>ul>li:first-child {
	 order: 3;
  }

  .custom-footer .footer-menu .hs-menu-wrapper>ul>li:last-child {
	 order: 1;
  }

  .custom-footer .footer-menu .hs-menu-wrapper>ul>li:nth-child(2) {
	 order: 2;
  }

  .custom-footer .footer-menu .hs-menu-wrapper>ul {
	 display: flex;
  }

}

/* ============================================ */
/* Blog post - Clean header layout              */
/* ============================================ */

.blog-post-header-clean {
  padding: 120px 0 0 0;
  padding-bottom: 0 !important;
  background-color: #fff;
}

.blog-post__title-clean {
  font-size: 48px;
  font-weight: 700;
  color: #212429;
  line-height: 1.15;
  margin: 20px 0 0 0;
  font-family: Ftcalhern, sans-serif;
}

.blog-post-header-clean .cm_bread_menu_ul {
  display: flex;
  align-items: center;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 13px;
  font-family: lato, sans-serif;
}

.blog-post-header-clean .cm_bread_menu_ul li:not(:last-child)::after {
  content: "›";
  margin-left: 8px;
  color: #999;
}

.blog-post-header-clean .cm_bread_menu_ul a {
  color: #666;
  text-decoration: none;
}

.blog-post-header-clean .cm_bread_menu_ul a:hover {
  color: #212429;
}

.blog-post-header-clean .cm_bread_menu_ul .last_menu {
  color: #212429;
}

@media (max-width: 767px) {
  .blog-post-header-clean {
    padding: 80px 20px 30px 20px;
  }
  .blog-post__title-clean {
    font-size: 32px;
  }
}
/* Blog post - tag y share footer */
.body-container--blog-post .cm-btm-tags a {
  background-color: #f0f0f0;
  color: #212429;
  border-radius: 50px;
  padding: 4px 14px;
  font-size: 13px;
  font-family: lato, sans-serif;
  text-decoration: none;
}

.body-container--blog-post .cm-btm-tags a:hover {
  background-color: #212429;
  color: #fff;
}

.body-container--blog-post .meta_title_tag {
  font-size: 13px;
  font-weight: 500;
  color: #666;
  font-family: lato, sans-serif;
  margin-bottom: 8px;
}

/* Blog post - metadata fecha, tag, tiempo */
.body-container--blog-post .meta_wrap {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
  padding: 16px 0 24px 0;
  margin-bottom: 24px;
}

.body-container--blog-post .meta_wrap .item-date,
.body-container--blog-post .meta_wrap .meta_tags,
.body-container--blog-post .meta_wrap .blog-post__read-minutes {
  display: flex;
  align-items: center;
  gap: 6px;
}

.body-container--blog-post .meta_wrap .item-date .value_m,
.body-container--blog-post .meta_wrap .meta_tags .value_m,
.body-container--blog-post .meta_wrap .meta_tags a,
.body-container--blog-post .meta_wrap .meta_time {
  color: #212429 !important;
  font-family: lato, sans-serif;
  font-size: 15px;
  font-weight: 300;
  text-decoration: none;
}

.body-container--blog-post .meta_wrap .icon_svg svg {
  fill: #212429;
}

//* Blog post - autor mismo estilo que metadata */
.body-container--blog-post .meta_wrap .blog-author {
  display: flex;
  align-items: center;
  gap: 6px;
}

.body-container--blog-post .meta_wrap .blog-author .icon_svg svg {
  fill: #212429;
}

.body-container--blog-post .meta_wrap .author-link {
  color: #212429 !important;
  font-family: lato, sans-serif;
  font-size: 15px;
  font-weight: 300;
  text-decoration: none;
}

.body-container--blog-post .meta_wrap .author-link:hover {
  text-decoration: underline;
}

/* Blog post - párrafos más legibles */
.body-container--blog-post .blog-post__body p,
.body-container--blog-post .blog-post__body li {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.75;
  color: #212429;
  font-family: lato, sans-serif;
}

.body-container--blog-post .blog-post__body strong {
  font-weight: 600 !important;
}
/* Blog post - ocultar label "Tag:" */
.body-container--blog-post .cm-btm-tags .meta_title_tag {
  display: none;
}

/* ============================================ */
/* Blog listing - clean white cards             */
/* ============================================ */

/* Fondo general blanco */
.blog-post-layout .body-container-wrapper,
.body-container-wrapper.blog-post-layout {
  background-color: #fff !important;
}

/* Fondo de la sección del listing */
.hs_ld .page-center,
.sidebar.hs_ld {
  background-color: #fff !important;
}

/* Card base */
.blog-index__post {
  padding: 0 !important;
}

.blog-index__post-inner-card {
  background-color: #fff !important;
  background-image: none !important;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #eee;
  transition: border-color 0.2s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}

/* Línea violeta al hover */
.blog-index__post-inner-card::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 3px;
  background-color: #be90ff;
  transition: width 0.3s ease;
}

.blog-index__post:hover .blog-index__post-inner-card::after {
  width: 100%;
}

/* Ocultar overlay oscuro */
.blog-index__post-inner-card .overlay_bg {
  display: none !important;
}

/* Imagen */
.blog-index__post-inner-card img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  display: block;
}

/* Contenido de la card */
.blog-index__post-inner-card .blog-post-item {
  background: transparent !important;
}

.blog-index__post-inner-card .blog-post-item-inner {
  padding: 16px 20px 20px 20px;
  background: #fff !important;
}

/* Título */
.blog-index__post-inner-card h3 {
  font-family: Ftcalhern, sans-serif !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  color: #212429 !important;
  line-height: 1.3 !important;
  margin: 6px 0 10px 0 !important;
}

/* Descripción */
.blog-index__post-inner-card .post_description p,
.blog-index__post-inner-card .post_description {
  font-family: lato, sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  color: #666 !important;
  line-height: 1.6 !important;
  margin: 0 0 12px 0 !important;
}

/* Meta (tags, fecha, minutos) */
.blog-index__post-inner-card .meta_wrap {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.blog-index__post-inner-card .meta_wrap .icon_svg svg {
  fill: #999 !important;
  width: 11px;
  height: 11px;
}

.blog-index__post-inner-card .meta_time,
.blog-index__post-inner-card .value_m,
.blog-index__post-inner-card .meta_date {
  font-family: lato, sans-serif !important;
  font-size: 12px !important;
  font-weight: 300 !important;
  color: #999 !important;
}

.blog-index__post-inner-card .meta_tags a {
  color: #999 !important;
  text-decoration: none;
}

/* Tags arriba del título */
.blog-index__post-inner-card .meta_tags {
  display: flex;
  align-items: center;
  gap: 4px;
}

/* Overlay link — no interfiere con el click */
.blog-index__post-inner-card .overlay_link {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.blog-index__post-inner-card .blog-post-item-inner > *:not(.overlay_link) {
  position: relative;
  z-index: 2;
}

/* ============================================
   Blog post header — nav links dark on white bg
   ============================================ */
.nav > nav > ul .header__menu-item--depth-1 > a,
.nav > nav > ul .header__menu-item--depth-1.active > a,
.nav > nav > ul .header__menu-item--depth-1.active-branch > a {
  color: #000000 !important;
  text-decoration: none !important;
  font-family: 'Ftcalhern', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}

.nav > nav > ul .header__menu-item--depth-1 > a:hover {
  color: #000000 !important;
  text-decoration: none !important;
  font-weight: 700 !important;
} 

/* ============================================
   Related Posts — OKX-style: 3 cols, 16:9 image,
   TAG | DATE below description, no author, no button
   ============================================ */

/* Hide author and Read More */
.recent-post-item .meta_wrap,
.recent-post-item .read-more {
  display: none !important;
}

/* 3-column grid */
.blog-feed.col4_row .feed-outer-wrp {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 32px !important;
  flex-wrap: unset !important;
}

.recent-post-item.splide__slide.col4 {
  width: auto !important;
  max-width: none !important;
  flex: unset !important;
  padding: 0 !important;
}

/* Card base */
.recent-post-item .item_inner {
  background-color: #ffffff !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Image wrapper — 16:9 aspect ratio */
.recent-post-item .hs-featured-wrp {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  overflow: hidden !important;
  padding: 0 !important;
  background-size: cover !important;
  background-position: center !important;
}

/* feature_img hidden — bg copied to hs-featured-wrp via JS */
.recent-post-item .feature_img {
  display: none !important;
}

/* Overlay — transparent, full area, no background */
.recent-post-item .overlay.bg_el {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
  background: none !important;
  background-image: none !important;
  background-size: unset !important;
}

/* Hide tags_wrap from image — tag shows in meta line below description */
.recent-post-item .tags_wrap.bg_el {
  display: none !important;
}

/* Content area */
.recent-post-item .post-btm {
  padding: 14px 0 0 0 !important;
}

/* Title */
.recent-post-item .recent-post-title {
  margin: 0 0 8px 0 !important;
}

.recent-post-item .recent-post-title a {
  font-family: lato, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #000000 !important;
  text-decoration: none !important;
  line-height: 1.35 !important;
}

.recent-post-item .recent-post-title a:hover {
  color: #9A00FF !important;
}

/* Description */
.recent-post-item .item_descr {
  font-family: lato, sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #333333 !important;
  line-height: 1.5 !important;
  margin: 0 0 10px 0 !important;
}

/* Tag | Date line below description */
.recent-post-item .item-date {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  margin-top: 8px !important;
}

/* Hide date icon */
.recent-post-item .item-date .icon_img {
  display: none !important;
}

.recent-post-item .item-date .value_m {
  font-family: lato, sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #999999 !important;
}

/* TAG | DATE inline — inject via pseudo using tags_wrap copy */
/* We reuse tags_wrap text in post-btm via JS */
.recent-post-item .post-btm-meta {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-top: 8px !important;
  font-family: lato, sans-serif !important;
  font-size: 12px !important;
  color: #999999 !important;
}

.recent-post-item .post-btm-meta .tag-label {
  color: #9A00FF !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  text-decoration: none !important;
}

.recent-post-item .post-btm-meta .sep {
  color: #cccccc !important;
}

/* ============================================
   Blog post — tag pills above title + header spacing fix
   ============================================ */

/* Push header content below the nav bar */

/* Hide tag from meta_wrap row (keep author, date, read-time) */
.meta_wrap .meta_tags {
  display: none !important;
}

/* Tag pills container injected above h1 */
.blog-post-tags-pills {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-bottom: 20px !important;
}

/* Individual tag pill */
.blog-post-tags-pills a,
.blog-post-tags-pills span {
  display: inline-block !important;
  font-family: lato, sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #333333 !important;
  background: #f2f2f2 !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 999px !important;
  padding: 4px 14px !important;
  text-decoration: none !important;
  letter-spacing: 0 !important;
}

.blog-post-tags-pills a:hover {
  background: #e8e8e8 !important;
  color: #000000 !important;
}

/* ============================================
   Blog post header — vertical centering
   Push pills + title down to center between nav and meta
   ============================================ */
.blog-post-header-clean {
  padding-top: 160px !important;
  padding-bottom: 0 !important;
}

/* Narrow blog post content width */
.body-container--blog-post .content-wrapper.blog-main-post {
  max-width: 980px !important;
  padding-top: 35px !important;
}