@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet');
@import url("https://fonts.googleapis.com/css?family=Mali&display=swap");
#hero {
  max-width: 100vw; }

.item,
.active {
  height: 100%; }

.hero_carousel-inner {
  height: calc(100vh - 100px); }

.hero_carousel__item {
  height: calc(100vh - 100px); }

.carousel__text {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding-bottom: 15%;
  padding-top: 8%;
  padding-right: 10%; }
  .carousel__text h1 {
    margin-bottom: 7%; }

.carousel__img-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
  padding-bottom: 5%; }

.carousel__img {
  max-width: 90%; }

.hero__mobile-button {
  display: none !important; }

.carousel-indicators [data-bs-target] {
  background-color: #B3B3B3;
  width: 8px;
  height: 8px;
  border-radius: 50%; }

.carousel-indicators .active {
  background-color: #EF5662; }

.carousel-control-next {
  width: 10% !important; }

.carousel-control-prev {
  width: 10% !important; }

.hero_green_bean {
  left: 70px;
  bottom: 70px; }

.hero_yellow_bean {
  top: 30px;
  right: 80px;
  z-index: 30; }

@media screen and (max-width: 992px) {
  #hero {
    text-align: center; }

  .carousel__text {
    height: auto;
    padding: 0 5%; }

  .carousel__img {
    max-width: 90%; }

  .carousel-control-prev-icon {
    height: 10px; }

  .carousel-control-next-icon {
    height: 10px; }

  .hero__desktop-button {
    display: none !important; }

  .hero__mobile-button {
    display: flex !important;
    margin: auto;
    margin-bottom: 50px; } }
#promotion {
  margin-top: 70px; }

.promotion__title {
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px; }

.promotion__text {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 32px; }

.promotion_img-container {
  height: 100%;
  margin-top: auto; }

#client-carousel {
  margin: 250px 10px 150px 10px;
  z-index: 0;
  position: relative; }

.mobile-client-carousel {
  padding: 16px 0 !important;
  margin: 120px 0;
  display: none; }

@media screen and (max-width: 420px) {
  .mobile-client-carousel {
    display: block; }

  .client-carousel {
    display: none !important; } }
.client-carousel__title {
  line-height: 32px;
  text-align: center; }

.client-carousel__container {
  background-color: #68CEF2;
  border-radius: 16px;
  padding: 50px 80px;
  z-index: 2; }
  @media screen and (max-width: 420px) {
    .client-carousel__container {
      padding: 10px 20px 20px 30px;
      border-radius: 0; } }

.promotion_green_triangle {
  height: 140px;
  top: -150px;
  left: -150px;
  z-index: 20; }

.promotion_yellow_circle {
  bottom: -10%;
  right: 7%;
  z-index: -1; }

.promotion_rustic_line {
  bottom: -70px; }

.promotion_rustic_spring {
  top: -160px;
  right: 50px; }

#last-courses {
  visibility: visible;
  margin-bottom: 50px;
  position: relative; }

.last-courses__title {
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 32px; }

#mobile-carousel {
  display: none;
  height: 0; }

.last-courses__blue-square {
  top: 120px;
  left: 50px; }

.last-courses__red-circle {
  bottom: 60px;
  right: 30px; }

@media screen and (max-width: 820px) {
  #last-courses {
    display: none;
    height: 0; }

  #mobile-carousel {
    display: block;
    height: auto; }

  .course-card {
    margin: auto;
    max-width: 285px; } }
#contact-us {
  margin-top: 50px;
  margin-bottom: 50px; }

.contact__info {
  background-color: #B3B3B3;
  border-radius: 30px;
  height: 664px;
  padding: 50px; }

.contact__form {
  padding: 50px; }

.contact-country-button {
  font-family: 'Mali';
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 24px; }

#newsletter-subscription {
  background-color: #FFE600;
  padding: 72px 0;
  position: relative; }

.newsletter__rustic-circle {
  bottom: -30px;
  left: -20px;
  z-index: 0; }

.newsletter__green-circle {
  bottom: -120px;
  right: 0;
  z-index: 0; }

.resources-hero {
  background-color: #E8F8FD;
  margin-top: 100px;
  padding: 30px 60px 70px 60px;
  height: 60vh;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  text-align: center; }
  .resources-hero h1 {
    margin-bottom: 40px;
    max-width: 1000px;
    z-index: 3; }
  .resources-hero h2 {
    z-index: 3;
    max-width: 1000px; }
  .resources-hero .resources-hero__yellow-circle {
    position: absolute;
    bottom: 0;
    left: 0; }
  .resources-hero .resources-hero__blue-circle {
    position: absolute;
    right: 0;
    bottom: 20%; }

.resources-list {
  margin-top: 100px; }

#search-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  margin: 50px 0 0 25px; }

@media screen and (max-width: 420px) {
  .resources-hero {
    padding: 56px 24px; }
    .resources-hero h1 {
      margin-bottom: 20px; }
    .resources-hero h2 {
      font-size: 16px; }
    .resources-hero .resources-hero__yellow-circle {
      left: -50px;
      scale: 0.5; }
    .resources-hero .resources-hero__blue-circle {
      scale: 0.5;
      right: -50px; } }
#training-hero {
  padding-left: 8%;
  padding-right: 5%;
  margin-bottom: 50px; }

.training-hero__text {
  padding-bottom: 8%;
  padding-top: 4%;
  z-index: 3; }

.training-hero_green_bean {
  bottom: 50px;
  left: 50px; }

.training-hero__rustic-sigsac {
  left: -5px;
  top: 30%;
  transform: rotate(90deg); }

#training-info {
  max-height: 550px;
  height: 100vh;
  width: 100vw;
  display: flex;
  align-items: center;
  position: relative; }

.training-info__redir-button {
  margin-top: 30px;
  padding: 0 !important;
  font-size: 14px !important;
  width: 160px !important;
  height: 50px !important; }

.training-info__container {
  border-radius: 16px;
  background-color: #E8F8FD;
  padding: 80px 0;
  margin-right: 7%;
  margin-left: 7%;
  position: relative;
  width: calc(100vw - 14%); }

.training-info__subcontainer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%; }
  .training-info__subcontainer ul {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0; }

.training-hero_blue-circle {
  right: 0;
  bottom: calc(50% - 400px);
  z-index: -1; }

.training-hero_yellow-triangle {
  top: calc(50% - 250px);
  left: 30px;
  z-index: 0; }

.training-hero_yellow-middle-circle {
  right: 0;
  top: 20%; }

.training-info_rustic-sigsac {
  bottom: -5%;
  left: 10%; }

#training-courses {
  position: relative; }

#courses-container {
  position: relative;
  margin: 0; }

.courses-filters {
  width: 100%;
  display: flex;
  justify-content: space-around;
  padding: 30px 15%; }

.courses-filters__drop button {
  background-color: #FFFFFF;
  color: #333333;
  border: none; }
.courses-filters__drop button:hover {
  background-color: #FFFFFF;
  color: #68CEF2; }
.courses-filters__drop button:focus {
  background-color: #FFFFFF;
  color: #68CEF2; }
.courses-filters__drop .dropdown-menu {
  border: none;
  padding: 20px 24px;
  box-shadow: 0px 18px 76px rgba(51, 51, 51, 0.1);
  border-radius: 8px; }
.courses-filters__drop .navbar-nav > li > .dropdown-menu {
  background-color: #FFFFFF; }
.courses-filters__drop .dropdown-submenu > .dropdown-menu {
  background-color: #FFFFFF; }

.courses-filters__tag {
  border-radius: 39px;
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  padding: 5px 10px;
  border: 1px solid #68CEF2;
  margin: 10px; }

.courses-filters__tag--selected {
  background-color: #68CEF2; }

.courses-filters__tag--unselected {
  background-color: white; }

.training-courses_red-circle {
  top: 500px;
  left: calc(50% - 750px);
  z-index: -1; }

.training-courses_green-triangle {
  bottom: 600px;
  right: calc(50% - 650px);
  z-index: -1; }

.training-courses_rustic-sigsac {
  bottom: 130px;
  left: 20%;
  z-index: -1; }

.event-item {
  border-bottom: solid 1px #B3B3B3; }
  .event-item div {
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .event-item p {
    margin-bottom: 0; }
  .event-item img {
    width: 24px; }
  .event-item .time-zone {
    color: #B3B3B3; }
  .event-item .price {
    color: #43B045; }

@media screen and (max-width: 992px) {
  .course-company-panel {
    padding: 0 24px !important; }
    .course-company-panel p {
      font-size: 14px !important;
      line-height: 18px; }
    .course-company-panel strong {
      font-weight: 400 !important;
      line-height: 18px; }

  #training-hero {
    padding: 5% 5% 10% 5%;
    height: auto; }

  .training-hero__text {
    text-align: center;
    height: auto !important; }

  #training-info {
    max-height: none;
    height: auto; }
    #training-info h4 {
      margin: 0 10%; }

  .course-hero__text {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    height: auto !important; }

  .course-hero__button {
    height: 40px !important;
    display: flex;
    justify-content: center; }

  #course-description {
    padding: 0 20px; }

  #course-next-editions {
    margin-top: 30px;
    padding: 20px !important; }
    #course-next-editions h4 {
      margin-bottom: 20px !important; }

  #course-recipients {
    margin-top: 20px;
    padding: 20px; }
    #course-recipients img {
      padding: 0 !important;
      margin-left: calc(50% - 100px);
      margin-bottom: 40px;
      max-height: 300px !important; }

  #course-program {
    padding: 20px !important; }

  .course-qna-container {
    margin: 0 !important;
    padding: 0 !important; }
    .course-qna-container h5 {
      margin-right: 20px; }

  .course-qna__question {
    padding: 40px 0 !important; }

  .training-info__subcontainer {
    max-height: 100%;
    text-align: center;
    padding: 0;
    width: auto;
    margin: 15% 10% 0 10%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-top: #00BBEE solid 1px; }
    .training-info__subcontainer h5 {
      margin-top: 20px; }

  #training-courses {
    padding: 0 !important; }

  .training-courses__container {
    width: 100vw; }

  .courses-filters {
    padding: 30px 0;
    width: 100vw; }

  .buttons-container {
    overflow-y: hidden;
    overflow-x: scroll;
    width: 100vw; }

  ::-webkit-scrollbar {
    display: none; }

  .courses-filters-container {
    transition: 450ms -webkit-transform;
    transition: 450ms transform;
    transition: 450ms transform, 450ms -webkit-transform;
    width: 100vw;
    white-space: nowrap; }

  .course-card-container {
    width: 100vw; }

  .schedule-titles .item {
    display: none; }

  .next-edition-item {
    margin-top: 30px; } }
.course-company-panel {
  position: fixed;
  top: 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  width: 100vw;
  height: 60px;
  background-color: #43B045;
  padding: 0 10% 0 10%;
  color: #FFFFFF;
  z-index: 7; }
  .course-company-panel a {
    color: #FFFFFF !important; }

#course-hero {
  position: relative;
  margin: 160px 0 40px 0;
  height: calc(80vh - 100px);
  width: 100vw;
  background-color: #68CEF2;
  padding: 10%; }

.course-hero__yellow-oval {
  position: absolute;
  left: -70px;
  bottom: -80px; }

.course-hero__red-bean {
  position: absolute;
  right: 5%;
  top: 40px; }

.course-hero__rustic-worm {
  position: absolute;
  right: 8%;
  bottom: 15px; }

.course-hero__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%; }

.course-hero__button {
  display: flex;
  align-items: center;
  height: 100%; }
  .course-hero__button a {
    background-color: #E8F8FD;
    border-radius: 100px;
    padding: 16px 32px;
    border: none; }
    .course-hero__button a img {
      margin-left: 10px;
      height: 20px;
      height: 20px; }

.course-hero__flag {
  background-color: #FFE600;
  width: 100px;
  height: 34px;
  padding: 4px 12px;
  gap: 8px;
  border-radius: 8px; }
  .course-hero__flag img {
    width: 20px; }

#course-description {
  margin-top: 100px;
  margin-bottom: 100px; }
  #course-description h3 {
    font-family: 'Degular';
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 30px; }
  #course-description h4 {
    font-family: 'Degular';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 28px; }
  #course-description h5 {
    font-family: 'Degular';
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 28px; }
  #course-description h6 {
    font-family: 'Degular';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px; }
  #course-description a {
    color: #00BBEE !important;
    font-weight: bold !important; }
  #course-description a:hover {
    color: #68CEF2; }

#course-learnings {
  margin-bottom: 100px;
  position: relative; }
  #course-learnings a {
    color: #00BBEE !important;
    font-weight: bold !important; }
  #course-learnings a:hover {
    color: #68CEF2; }

.course-learnings__container {
  background-color: #E8F8FD;
  border-radius: 30px;
  padding: 40px;
  position: relative; }

.course-learnings__rustic-circle {
  top: 5%;
  left: -15%; }

.course-learnings__green-circle {
  bottom: 5%;
  right: -50px; }

#course-qna {
  position: relative;
  padding: 40px;
  width: 100vw; }

.course-qna__question {
  padding: 40px;
  border-bottom: #B3B3B3 solid 1px;
  width: 100%;
  display: flex;
  justify-content: space-between; }

.course-qna__answer {
  padding: 40px;
  width: 100%; }
  .course-qna__answer a {
    color: #00BBEE !important;
    font-weight: bold !important; }
  .course-qna__answer a:hover {
    color: #68CEF2; }

.schedule-titles {
  color: #00BBEE;
  font-weight: bold; }

#course-trainers a {
  color: #00BBEE !important;
  font-weight: bold !important; }
#course-trainers a:hover {
  color: #68CEF2; }

.course-trainers__container {
  display: flex;
  justify-content: space-around;
  transition: 450ms -webkit-transform;
  transition: 450ms transform;
  transition: 450ms transform, 450ms -webkit-transform;
  overflow-x: auto;
  padding: 30px; }

.course-trainers__container::-webkit-scrollbar-thumb {
  margin: 5px;
  border-radius: 1rem;
  background-color: #00BBEE; }

.course-trainers__container::-webkit-scrollbar-track {
  background: #E8F8FD; }

.course-trainers__container::-webkit-scrollbar {
  padding: 10px;
  height: 5px; }

.course-trainers__individual-container {
  background-color: #E8F8FD;
  padding: 48px;
  margin: 25px;
  border-radius: 16px;
  height: auto;
  max-height: 500px;
  max-width: 90vw;
  min-width: 400px;
  width: 400px;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-content: space-around;
  justify-items: center; }
  .course-trainers__individual-container img {
    height: 130px; }

#course-program {
  position: relative;
  width: 100%;
  margin-bottom: 50px;
  padding: 50px 150px 50px 150px; }

.course-program__item {
  width: 100%;
  border-left: #FFE600 solid 3px;
  margin: 14px 0 14px 0;
  padding: 10px 10px 10px 20px;
  display: flex;
  justify-content: space-between; }

.course-program__item-nocolaps {
  width: 100%;
  border-left: #FFE600 solid 3px;
  margin: 14px 0 14px 0;
  padding: 10px 10px 10px 20px; }

.course-program__specific-item {
  padding: 20px; }
  .course-program__specific-item a {
    color: #00BBEE !important;
    font-weight: bold !important; }
  .course-program__specific-item a:hover {
    color: #68CEF2; }

.course-program__blue-oval {
  top: 80px;
  left: -180px; }

.course-program__red-oval {
  bottom: 8%;
  right: -5%; }

#course-recipients {
  margin-top: 50px; }
  #course-recipients a {
    color: #00BBEE !important;
    font-weight: bold !important; }
  #course-recipients a:hover {
    color: #68CEF2; }
  #course-recipients img {
    padding-left: 20%;
    max-height: 450px; }

#course-testimonies {
  margin: 50px auto; }

#course-next-editions {
  padding-top: 120px; }

.testimony-container {
  background-color: #FFE600;
  height: 250px;
  padding: 40px;
  border-radius: 10px;
  margin: 10px;
  min-width: 500px;
  max-width: 510px;
  height: 350px;
  overflow-y: auto; }

.testimony-container::-webkit-scrollbar-thumb {
  border-radius: 1rem;
  background-color: #00BBEE;
  max-width: 10px; }

.testimony-container::-webkit-scrollbar-track {
  padding: 4px;
  background: #FFE600;
  border-radius: 0 16px 16px 0; }

.testimony-container::-webkit-scrollbar {
  width: 8px; }

.testimonies-container {
  display: flex;
  overflow-y: hidden;
  overflow-x: scroll;
  width: 94vw;
  margin-left: 3vw;
  padding-bottom: 20px;
  transition: 450ms -webkit-transform;
  transition: 450ms transform;
  transition: 450ms transform, 450ms -webkit-transform; }

.testimonies-container::-webkit-scrollbar-thumb {
  margin: 5px;
  border-radius: 1rem;
  background-color: #00BBEE; }

.testimonies-container::-webkit-scrollbar-track {
  background: #E8F8FD; }

.testimonies-container::-webkit-scrollbar {
  padding: 10px;
  height: 5px; }

.testimony-info {
  margin-bottom: 15px;
  display: flex;
  align-items: center; }

.testimony-info__photo {
  height: 80px;
  margin-right: 24px; }

.testimony-linkedin {
  background-color: #68CEF2;
  border-radius: 5px; }

.testimony-message {
  max-width: 90%; }

#mobile-course-related {
  display: none; }
  #mobile-course-related .carousel-item {
    background-color: #FFFFFF;
    height: 800px; }

@media screen and (max-width: 992px) {
  #course-related {
    display: none; }

  #mobile-course-related {
    display: block; } }
@media screen and (max-width: 576px) {
  .course-hero__yellow-oval {
    left: -130px; }

  .course-hero__red-bean {
    right: 1%;
    top: 20px; }

  .course-trainers__container {
    display: flex;
    flex-direction: column;
    width: 100%; }

  .course-trainers__individual-container {
    margin: 10px !important;
    padding: 30px !important;
    width: 100%; } }
#agenda-hero {
  position: relative; }

.duration-mobile {
  display: none; }

.agenda-hero__rustic-line {
  top: 40px;
  left: 270px; }

.agenda-hero__yellow-circle {
  height: 50%;
  left: -100px;
  bottom: 10%;
  z-index: -1; }

.agenda-hero-mobile__yellow-circle {
  bottom: -100px;
  right: -60px;
  z-index: -1; }

.agenda-hero__blue-bean {
  top: 130px;
  left: 20px;
  height: 80px; }

.agenda-hero__rustic-sigsac {
  top: 70px;
  left: 10px;
  transform: rotate(90deg); }

.course-list {
  font-weight: normal;
  padding: 30px;
  width: 300px; }

@media screen and (max-width: 576px) {
  #agenda-hero {
    width: 100vw; }

  .duration-desktop {
    display: none; }

  .duration-mobile {
    display: block; }

  .agenda-hero__image {
    display: none; } }
.mainContent h1,
.mainContent h2,
.mainContent h3,
.mainContent h4 {
  color: #337ab7; }

#blog-hero {
  max-height: 30vh;
  height: calc(20vh - 100px);
  margin-top: 100px; }

.blog-home {
  font-family: "degular",sans-serif;
  font-style: normal;
  font-size: 32px;
  line-height: 32px; }

.blog-title {
  color: #337ab7;
  font-family: "degular",sans-serif;
  font-style: normal;
  font-size: 32px;
  line-height: 32px;
  margin-bottom: 0; }

.blog__body a {
  color: #00BBEE !important;
  font-weight: bold !important; }
.blog__body a:hover {
  color: #68CEF2; }

.blog {
  position: relative; }
  .blog > .container {
    padding-top: 3em; }
  .blog .blog__article h1 {
    font-size: 26px;
    margin-bottom: 1em; }
  .blog h2 > a {
    font-size: 26px;
    margin-bottom: 1em;
    color: #337ab7; }
  .blog h2 {
    font-size: 26px;
    margin-bottom: 1em;
    color: #337ab7; }
  .blog h3 {
    font-size: 22px;
    margin: 1.5em 0 1em 0; }
  .blog h4 {
    font-size: 20px;
    margin-top: 1.5em; }
  .blog p, .blog li {
    font-size: 16px;
    line-height: 2;
    color: #010101; }
  .blog__data {
    display: flex;
    margin-bottom: 1.5em;
    color: #666; }
  .blog__name {
    margin-right: 15px; }
  .blog__article {
    border-bottom: solid 1px #ccc;
    padding-bottom: 4em;
    margin-bottom: 4em; }
    .blog__article:last-child {
      border: none;
      margin: 0; }
    .blog__article figure {
      margin-bottom: 2em; }
      .blog__article figure img {
        margin-bottom: 5px; }
      .blog__article figure figcaption {
        text-align: center;
        color: #747474;
        font-size: 12px; }
    .blog__article .btn.btn-kleer {
      font-family: 'Raleway', sans-serif;
      text-transform: inherit; }
  .blog__abstract, .blog__body {
    margin-bottom: 1.5em; }
  .blog.blog-uniq {
    border: none; }

@media (max-width: 768px) {
  #blog-hero {
    height: auto; }

  .header-blog .container {
    width: 97%; }

  .blog .container.contenedor-generico {
    padding-left: 0;
    padding-right: 0; }

  .header-blog.header-small {
    height: 200px; }
    .header-blog.header-small:before {
      height: 100px; }

  .blackBg.blackBg-small {
    height: 200px; }

  .blog .container h1 {
    font-size: 22px;
    line-height: 1.5; }
  .blog .container h2 {
    font-size: 18px; }
  .blog .container p, .blog .container li {
    font-size: 16px; } }
#blog-feed-hero {
  background-color: #68CEF2;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }
  #blog-feed-hero h1, #blog-feed-hero h2 {
    z-index: 1; }

.blog-feed__search-box {
  background-color: #FFFFFF;
  z-index: 2;
  position: absolute;
  bottom: -50px;
  height: 120px;
  width: 80%;
  box-shadow: 0px 18px 76px rgba(51, 51, 51, 0.1);
  border-radius: 16px; }

.search-box__container {
  height: 100%;
  max-width: 1000px;
  margin: 0 auto; }
  .search-box__container div {
    display: flex;
    align-items: center; }

.blog-hero__rustic-asterisk {
  left: 5%;
  bottom: -20px; }

.blog-hero__yellow_middle_circle {
  position: absolute;
  top: 15%;
  left: 20%;
  z-index: 0; }

.blog-hero__green-bean-sg {
  position: absolute;
  top: 15%;
  right: 10%;
  z-index: 0; }

.paging-container {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  padding: 33px; }

#blog-feed-list {
  background-color: #FFFFFF;
  position: relative; }
  #blog-feed-list .subtitle {
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 40px; }

.blog-feed-list__red-triangle {
  bottom: 0;
  left: -50%;
  height: 200px;
  z-index: 0; }

@media screen and (max-width: 992px) {
  .blog-feed__search-box {
    height: 150px; } }
@media screen and (max-width: 420px) {
  #blog-feed-list h2 {
    text-align: center; }

  .blog-feed__search-box {
    width: 90%;
    left: 5%; }

  .blog-hero__yellow_middle_circle {
    top: 5px;
    left: 10px;
    height: 80px; }

  .blog-hero__green-bean-sg {
    bottom: -10px;
    top: auto;
    right: -40px; } }
#landing-blog {
  max-width: 1200px;
  margin: 100px auto 70px auto;
  position: relative; }

#landing-blog-hero h1 {
  font-weight: 600;
  font-size: 56px;
  line-height: 64px; }
#landing-blog-hero .back-img {
  transform: rotate(0); }

.go-back-button {
  margin-bottom: 32px;
  margin-top: 32px;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px; }
  .go-back-button img {
    transform: rotate(90deg);
    margin-bottom: 5px; }

.landing-blog-hero__img-container {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  margin-bottom: 20px;
  margin-top: 20px;
  aspect-ratio: 7 / 3; }
  .landing-blog-hero__img-container .principal {
    width: 100%;
    max-height: 600px;
    max-width: 1400px;
    object-fit: cover;
    border-radius: 20px; }
  .landing-blog-hero__img-container .yellow-bean {
    top: 40px;
    left: -60px;
    transform: rotate(30deg); }
  .landing-blog-hero__img-container .bluered-group {
    bottom: -125px;
    right: 0;
    transform: scale(0.8); }

.landing-blog-hero__info {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #B3B3B3;
  margin: 15px; }

.landing-blog-hero__summary {
  display: flex;
  align-items: center;
  max-width: 800px;
  margin: 15px; }
  .landing-blog-hero__summary p {
    font-weight: bold;
    font-size: 16px;
    line-height: 26px;
    font-feature-settings: 'pnum' on, 'lnum' on; }

.landing-blog-body__yellow-middle {
  height: 150px;
  bottom: 0;
  left: 5%; }

.landing-blog-body__blue_oval {
  height: 170px;
  top: 0;
  right: 5%; }

#landing-blog-body {
  width: 100%; }
  #landing-blog-body h2 {
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: left; }
  #landing-blog-body h3 {
    font-weight: 600;
    font-size: 28px;
    line-height: 36px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: left; }
  #landing-blog-body h4 {
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    margin-top: 20px;
    margin-bottom: 25px;
    text-align: left; }
  #landing-blog-body h5 {
    font-weight: 600;
    font-size: 22px;
    line-height: 28px;
    margin-top: 20px;
    margin-bottom: 25px;
    text-align: left; }
  #landing-blog-body h6 {
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    margin-top: 20px;
    margin-bottom: 25px;
    text-align: left; }
  #landing-blog-body p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px; }
  #landing-blog-body .blog__body {
    margin-left: auto;
    width: calc(100% - 400px);
    text-align: justify;
    text-justify: inter-word; }

.up-body {
  margin-top: -500px; }

#landing-blog-content-table {
  width: 316px;
  height: 430px;
  overflow-y: auto;
  box-shadow: 0px 18px 76px rgba(51, 51, 51, 0.1);
  border-radius: 16px;
  background-color: #FFFFFF;
  margin-top: 120px;
  padding: 30px; }
  #landing-blog-content-table .title {
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    color: #00BBEE; }
  #landing-blog-content-table ul {
    display: flex;
    flex-direction: column;
    align-content: center;
    list-style: none;
    padding: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px; }
  #landing-blog-content-table li {
    color: #333333 !important;
    font-weight: 400; }

.fixed-table {
  position: fixed;
  top: 120px;
  margin-left: 0 !important;
  margin-top: 0 !important; }

.landing-blog-authors__container {
  display: flex;
  justify-content: flex-start;
  transition: 450ms -webkit-transform;
  transition: 450ms transform;
  transition: 450ms transform, 450ms -webkit-transform;
  overflow-x: auto; }

.landing-blog-authors__container::-webkit-scrollbar-thumb {
  margin: 5px;
  border-radius: 1rem;
  background-color: #00BBEE; }

.landing-blog-authors__container::-webkit-scrollbar-track {
  background: #E8F8FD; }

.landing-blog-authors__container::-webkit-scrollbar {
  padding: 10px;
  height: 5px; }

@media screen and (max-width: 992px) {
  #landing-blog-hero {
    width: 90% !important;
    margin: 0 auto !important; }

  .blog__body {
    width: 90% !important;
    margin: 0 auto !important; }

  #landing-blog-content-table {
    width: 316px;
    height: 430px;
    overflow-y: auto;
    margin: 30px auto !important; }

  .fixed-table {
    position: static !important; }

  .up-body {
    margin-top: 0 !important; } }
@media screen and (max-width: 420px) {
  #landing-blog-hero {
    width: 80% !important; }

  .blog__body {
    width: 80% !important; } }
.header-prensa {
  background: url(../img/prensa.jpg);
  background-size: cover;
  height: 400px;
  background-position: center center; }

.header-clients {
  background: url(../img/publicamos.jpg);
  background-size: cover;
  height: 400px;
  background-position: center center; }

#aboutus-info {
  width: 100%;
  padding: 5% 30px 5% 30px; }

#aboutus-kleerers {
  padding: 20px 10% 20px 10%; }

.kleerer-container {
  background-color: #68CEF2;
  margin: 10px;
  padding: 15px;
  border-radius: 20px;
  height: 350px;
  max-width: 260px;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

.img-container {
  margin: 15px 15px 0 15px;
  padding: 5px;
  border-radius: 50%;
  background-color: #FFFFFF; }
  .img-container :hover {
    transform: scale(1.2); }

.kleerer-name {
  text-transform: uppercase;
  height: 30px; }

.brojo {
  border: 1px #f00 solid; }

.header-about-us {
  background: url(../img/somos.jpg);
  background-size: cover;
  height: 400px;
  background-position: center center; }
  @media (min-width: 1024px) {
    .header-about-us {
      background-position: center -110px; } }

h3.title-somos {
  font-size: 22px; }

@media (max-width: 767px) {
  .somos .col-sm-3 {
    margin-bottom: 40px; } }
.vSpace {
  display: block;
  height: 20px; }

.somos .fa {
  font-size: 22px;
  color: #fff; }

.somos .fa:hover {
  color: #000; }

.img-circle {
  width: 160px;
  filter: grayscale(100%); }

.img-circle:hover {
  filter: grayscale(0); }

.img-circle {
  width: auto;
  margin: 0 auto; }

.img-trainer {
  position: relative;
  margin-bottom: 10px; }
  .img-trainer .img-name {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0; }

.subservice-container .description {
  display: flex;
  flex-direction: column;
  justify-content: center; }
.subservice-container .info-subcontainer {
  display: flex;
  justify-content: space-between; }
.subservice-container .takeaways {
  position: relative;
  width: 600px;
  border-radius: 30px;
  background-color: #E8F8FD;
  padding: 60px;
  display: flex;
  flex-direction: column;
  justify-content: space-around; }
  .subservice-container .takeaways .takeaways__red-bean {
    bottom: -30px;
    left: -40px; }
.subservice-container .recipients {
  position: relative;
  width: 600px;
  border-radius: 30px;
  background-color: #68CEF2;
  padding: 60px;
  display: flex;
  flex-direction: column;
  justify-content: space-around; }
  .subservice-container .recipients .recipients__green-bean {
    top: -40px;
    right: -70px; }
  .subservice-container .recipients .recipients__yellow-bean {
    bottom: -30px;
    left: -40px; }

#businessa-hero {
  margin-top: 100px;
  margin-bottom: 13%; }

.businessa-hero__container {
  margin: 120px 5% 5% 5%;
  border-radius: 30px;
  background-color: #FFE600;
  min-height: 560px;
  height: 70%;
  position: relative;
  text-align: center;
  padding: 70px 20% 20% 20%; }

.businessa-hero__title {
  font-weight: 600;
  font-size: 56px;
  line-height: 64px;
  margin-bottom: 50px; }

.businessa-hero__img-container {
  position: absolute;
  width: 70%;
  bottom: -20%;
  left: 15%; }
  .businessa-hero__img-container .principal-img {
    width: 100%; }

.down-button {
  width: 50px;
  position: absolute;
  left: calc(50% - 25px);
  bottom: -25px; }

.howto__item {
  max-width: 284px;
  width: 100%;
  height: 218px;
  border-radius: 16px;
  background-color: #FFE600;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 56px 0px; }

.rotable-item {
  transition: 0.3s; }
  .rotable-item:hover {
    background-color: #68CEF2;
    animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px; }

.businessa-hero__white-triangle {
  top: 50px;
  right: -50px; }

.businessa-hero__blue-bean {
  position: absolute;
  left: 10%;
  top: 60px; }

.businessa-hero__lines {
  position: absolute;
  left: -40px;
  bottom: 30px; }

.businessa-hero__green-worm {
  position: absolute;
  top: 60px;
  right: -20px; }

@media screen and (max-width: 420px) {
  h1 {
    font-weight: 600 !important;
    font-size: 40px !important;
    line-height: 48px !important; }

  .businessa-hero__container {
    border-radius: 0 0 30px 30px !important;
    padding: 10% !important;
    margin: 0 0 110px 0 !important; }

  .businessa-hero__img-container {
    width: 90% !important;
    left: 5% !important;
    bottom: -40px !important; }

  .businessa-hero__blue-bean {
    top: 20px !important;
    left: -20% !important; }

  .businessa-hero__lines {
    bottom: -80px !important;
    left: auto !important;
    right: 4% !important;
    transform: scaleX(-0.7); }

  .businessa-hero__green-worm {
    top: 30px !important;
    right: -20% !important; } }
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }
  20%, 80% {
    transform: translate3d(2px, 0, 0); }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }
  40%, 60% {
    transform: translate3d(4px, 0, 0); } }
/* Global */
html {
  overflow-x: hidden; }

body {
  font-family: 'Raleway', sans-serif;
  background-color: #FFFFFF;
  overflow-x: hidden;
  height: 100%;
  font-variant-numeric: lining-nums; }

h1 {
  font-family: "degular",sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 72px;
  line-height: 76px; }

h2 {
  font-family: "degular-text",sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 56px;
  line-height: 64px; }

h3 {
  font-family: "degular-text",sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 48px; }

h4 {
  font-family: "degular-text",sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px; }

h5 {
  font-family: "degular-text",sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px; }

h6 {
  font-family: "degular-text",sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px; }

p {
  font-family: 'Raleway',sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px; }

.small-label {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px; }

.small-label-bold {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px; }

a {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: black;
  text-decoration: none; }

a:hover {
  font-style: normal;
  font-size: 16px;
  line-height: 18px;
  color: #00BBEE !important;
  text-decoration: none; }

img {
  max-width: 100%; }

input[type="checkbox"] {
  background-color: white;
  background-image: url("../img/icons/CheckOff.svg") !important;
  border: none;
  text-align: center;
  background-size: 100% 100%; }

input[type="checkbox"]:checked {
  background-color: white;
  background-image: url("../img/icons/CheckOn.svg") !important;
  border: none;
  text-align: center;
  color: black; }

input[type="checkbox"]:focus {
  box-shadow: none;
  border: none; }

.p {
  font-family: 'Raleway',sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px; }

.hero-description {
  font-family: 'Raleway',sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  z-index: 5; }

.common-subtitle {
  font-family: "degular-text",sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px; }

.common-item {
  font-family: "degular-text",sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px; }

.my-primary-button {
  z-index: 5;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  height: 52px;
  width: auto;
  max-width: 300px;
  background: #68CEF2;
  border-radius: 100px;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  border: none; }

.my-primary-button:hover {
  box-shadow: 0px 8px 26px rgba(51, 51, 51, 0.2);
  border-radius: 100px;
  color: #333333 !important;
  line-height: 20px;
  font-size: 18px; }

.my-secondary-button {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  padding: 16px 32px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 52px;
  background: #FFFFFF;
  border-radius: 100px;
  border: #68CEF2 2px solid; }

.my-secondary-button:hover {
  border: 2px solid #00BBEE;
  box-shadow: 0px 8px 26px rgba(51, 51, 51, 0.15);
  border-radius: 100px;
  color: #333333 !important;
  line-height: 20px;
  font-size: 18px; }

.clean-button {
  background-color: #FFFFFF;
  border: none;
  margin-top: 15px; }

.switch {
  width: 45px !important;
  height: 25px; }

.btn-center-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center; }

.desktop_figure {
  position: absolute; }

.mobile_figure {
  display: none; }

.hidden-element {
  display: none; }

.blue-link {
  color: #68CEF2 !important;
  background-color: #FFFFFF !important;
  border: none !important;
  font-weight: bold !important; }

@media screen and (max-width: 992px) {
  .desktop_figure {
    display: none; }

  .mobile_figure {
    position: absolute;
    display: flex !important; } }
@media screen and (max-width: 420px) {
  a {
    font-size: 14px; }

  h1 {
    font-size: 40px;
    line-height: 48px; }

  h2 {
    font-size: 32px;
    line-height: 40px; }

  h3 {
    font-size: 24px;
    line-height: 28px; }

  h4 {
    font-size: 20px;
    line-height: 26px; }

  h5 {
    font-size: 18px;
    line-height: 24px; }

  .hero-description {
    font-family: 'Raleway',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    z-index: 5; }

  .common-subtitle {
    font-family: "degular-text",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 26px; }

  .desktop_figure {
    display: none; }

  .mobile_figure {
    position: absolute;
    display: flex; }

  .only-desktop {
    display: none !important; }

  .social-container {
    position: absolute;
    bottom: 20px; } }
.little-icon {
  height: 20px; }

html {
  font-display: swap; }

.hero {
  max-height: 150vh;
  height: calc(100vh - 100px);
  margin-top: 100px; }

.hero__subtitle {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px; }

.hero-medium {
  max-height: 150vh;
  height: calc(70vh - 100px);
  margin-top: 100px;
  padding: 30px 10%; }
  .hero-medium .hero__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    z-index: 3; }

.generic-hero {
  max-height: 150vh;
  height: calc(70vh - 100px);
  margin-top: 100px;
  position: relative;
  background-color: #68CEF2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 10%;
  padding-right: 30%; }

.hero__text {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 100%; }

.hero__img-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
  max-height: 100%; }

.hero__img {
  max-width: 90%;
  max-height: 100%; }

.navbar {
  max-width: 100vw !important;
  border: none;
  background: #FFFFFF !important;
  min-height: 100px !important;
  padding: 25px 7%  25px 7%;
  color: #333333; }
  .navbar .nav-link {
    padding-left: 20px !important;
    padding-right: 20px !important; }
  .navbar .dropdown-menu {
    border: none;
    padding: 20px 24px;
    box-shadow: 0px 18px 76px rgba(51, 51, 51, 0.1);
    border-radius: 8px; }
    .navbar .dropdown-menu a:active {
      background-color: #00BBEE; }
  .navbar .navbar-nav > li > .dropdown-menu {
    background-color: #FFFFFF; }
  .navbar .dropdown-submenu > .dropdown-menu {
    background-color: #FFFFFF; }
  .navbar .dropdown .show {
    color: #00BBEE !important;
    font-weight: 700; }

.navbar-scrolled {
  box-shadow: 0px 18px 76px rgba(51, 51, 51, 0.1);
  padding-top: 15px !important;
  padding-bottom: 15px !important; }

.navbar-brand {
  width: 115px;
  height: 50px;
  padding-top: 9px !important; }
  .navbar-brand img {
    width: 100%;
    margin: auto 0 auto 0 !important; }

.navbar-fixed-top {
  border-width: 0;
  z-index: 999; }

@media screen and (max-width: 992px) {
  .navbar-collapse {
    height: calc(100vh - 100px); }

  .navbar-content {
    max-height: 100vh; }
    .navbar-content ul {
      margin-top: 20px; }
    .navbar-content li {
      margin: 16px 0 16px 0; }
    .navbar-content .social-media a {
      font-size: 18px;
      color: #00BBEE; }
    .navbar-content .social-media img {
      color: #00BBEE; } }
.social-media {
  width: 175px; }

.social-media__list {
  margin: auto 0 auto 0 !important;
  padding: 0 !important; }
  .social-media__list .list-inline-item {
    text-align: center;
    width: 24px;
    height: 24px; }
  .social-media__list .list-inline-item:hover {
    background-color: #00BBEE;
    border-radius: 4px; }

.icon-social {
  height: 18px; }

.floating-absolute-buttons {
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index: 100; }

.floating-button {
  width: 60px;
  height: 60px;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  box-shadow: 2px 2px 3px #999; }
  .floating-button img:hover {
    height: 70%; }

.whatsapp-button {
  background-color: #25d366;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center; }

.mail-button {
  background-color: #68CEF2;
  color: #FFF;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px; }

.my-float {
  margin-top: 16px; }

/* Footer */
footer {
  padding-top: 78px;
  overflow: visible;
  background: #68CEF2;
  margin-bottom: 0 !important;
  z-index: 50; }

.footer__body {
  margin: 0 8% 78px 5%;
  justify-content: center; }
  .footer__body ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }

.footer-bottom {
  background: #333333;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
  bottom: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px; }
  .footer-bottom a {
    color: #fff; }

.footer-botom__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
  color: #FFFFFF;
  z-index: 50; }
  .footer-botom__list li {
    margin-left: 15px; }

@media screen and (max-width: 420px) {
  .hero__text {
    height: auto !important;
    text-align: center; }

  footer {
    padding-top: 10px; }

  .footer__body {
    margin: 10px;
    padding: 30px 20px; } }
.invisible-title-button {
  color: #00BBEE;
  font-weight: bold;
  padding: 0; }

.invisible-title-button:focus {
  box-shadow: none !important; }

.carousel-control-next-icon {
  background-image: url("../img/view_figures/arrow.svg");
  transform: rotate(-90deg); }

.carousel-control-prev-icon {
  background-image: url("../img/view_figures/arrow.svg");
  transform: rotate(90deg); }

.generic-card__title {
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  color: #337ab7;
  margin: 10px 0; }

.generic-card__description {
  font-size: 10pt;
  background: #eaeaea;
  min-height: 470px; }

.generic-card__list {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  .generic-card__list li {
    margin-top: 10px; }

.generic-card__button {
  background-color: #7bcaea;
  border: none;
  color: #000;
  border-radius: 50px;
  font-family: 'Mali', cursive;
  padding: 6px 15px;
  text-transform: uppercase;
  margin: 0 10px; }

.button-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }

.share-buttons {
  display: flex;
  justify-content: center; }
  .share-buttons .share {
    width: 32px;
    height: 32px;
    display: block;
    text-indent: -999em;
    padding: 0;
    margin: 2rem 10px; }
    .share-buttons .share.share-facebook {
      background: url("/img/icons/share-facebook.png") no-repeat; }
    .share-buttons .share.share-twitter {
      background: url("/img/icons/share-twitter.png") no-repeat; }
    .share-buttons .share.share-linkedin {
      background: url("/img/icons/share-linkedin.png") no-repeat; }

.blog-card {
  box-shadow: 0px 18px 76px rgba(51, 51, 51, 0.1);
  border-radius: 8px;
  max-width: 350px !important;
  height: 530px;
  border: none;
  padding: 24px;
  z-index: 5; }
  .blog-card .image-container {
    padding-bottom: 24px; }
    .blog-card .image-container img {
      aspect-ratio: 7 / 3;
      width: 100%;
      border-radius: 8px;
      object-fit: cover; }
  .blog-card .category-flag {
    position: absolute;
    top: 10px;
    right: 0px;
    width: 100%;
    border-radius: 4px;
    background-color: #FFE600;
    max-width: 120px;
    height: 29px;
    margin-left: 10px;
    font-style: normal;
    font-weight: 600;
    font-size: 60%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none; }
  .blog-card .card-title {
    color: #333333;
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 8px; }
  .blog-card .card-body {
    padding: 0; }
  .blog-card .card-text {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    font-feature-settings: 'pnum' on, 'lnum' on; }

.more-authors {
  position: relative;
  width: 150px;
  padding: 8px;
  background-color: #E8F8FD; }

.more-authors:hover .more-authors__popup {
  display: block !important; }

.more-authors__popup {
  display: none;
  padding: 20px;
  position: absolute;
  min-width: 250px;
  width: auto;
  top: 5px;
  right: 5px;
  background-color: #FFFFFF;
  filter: drop-shadow(0px 18px 76px rgba(51, 51, 51, 0.1)); }

.course-card {
  width: 100% !important;
  max-width: 260px !important;
  padding: 24px 24px 32px;
  gap: 32px;
  isolation: isolate;
  box-shadow: 0px 18px 76px rgba(51, 51, 51, 0.1);
  border-radius: 8px; }

.course-card__categories {
  color: #B3B3B3;
  font-family: 'Degular';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px; }

.course-card__subtitle {
  font-size: 14px; }

.course-card__image {
  height: 140px; }

.course-card__flags {
  position: absolute;
  top: 10px;
  right: 20px;
  width: 100%;
  display: flex;
  justify-content: end; }
  .course-card__flags div {
    border-radius: 4px;
    background-color: #FFE600;
    width: 71px;
    height: 29px;
    margin-left: 10px;
    font-style: normal;
    font-weight: 600;
    font-size: 60%;
    line-height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none; }

.course-card__items {
  height: 100px;
  list-style-type: none;
  margin: 0;
  padding: 0; }

.course-card__item {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 32px; }

.icon-card {
  height: 18px; }

.resource-card {
  width: 270px !important;
  height: 750px;
  margin: 30px auto;
  padding: 24px;
  gap: 32px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0px 18px 76px rgba(51, 51, 51, 0.1);
  border-radius: 8px; }
  .resource-card .share-button {
    height: 30px;
    width: 30px;
    right: 32px;
    top: 32px;
    border: none;
    border-radius: 15px;
    position: absolute;
    background-color: #FFE600;
    z-index: 5; }
    .resource-card .share-button img {
      height: 20px;
      width: 20px;
      margin: auto; }
  .resource-card .image-container {
    width: 100%;
    position: relative; }
    .resource-card .image-container img {
      border-radius: 15px;
      aspect-ratio: 1 / 1; }
  .resource-card .title {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px; }
  .resource-card .body {
    margin: 0;
    padding: 0; }
    .resource-card .body .subtitle {
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 26px; }
    .resource-card .body ul {
      list-style: none;
      margin: 0;
      padding: 0; }
  .resource-card .footer {
    text-align: center; }
    .resource-card .footer .external-web {
      font-weight: 400;
      font-size: 14px;
      line-height: 16px;
      color: #B3B3B3;
      text-align: center; }
    .resource-card .footer .info {
      font-weight: 700;
      font-size: 16px;
      line-height: 18px;
      margin: 0 auto 0 auto;
      width: 180px;
      height: 55px; }
    .resource-card .footer .button {
      width: 180px;
      height: 55px;
      margin: 30px auto 0 auto;
      font-weight: 600;
      font-size: 18px;
      line-height: 20px; }
      .resource-card .footer .button img {
        margin-left: 10px;
        height: 20px; }

@media screen and (max-width: 420px) {
  .resource-card {
    height: 510px;
    width: 100% !important;
    backface-visibility: hidden;
    transition: transform 0.5s; }
    .resource-card .footer {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center; }
      .resource-card .footer .button {
        margin: 0 0 0 5px; }
      .resource-card .footer .info {
        margin: 0 5px 0 0; }
      .resource-card .footer button {
        min-width: 80px;
        width: 100%; } }
.modal-share .modal-content {
  height: 300px;
  width: 550px; }
.modal-share .btn-close {
  position: absolute;
  top: 10px;
  right: 10px;
  border: none;
  background-color: transparent; }
.modal-share .modal-body {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  padding: 40px; }
.modal-share .share-modal__buttons-container img {
  height: 30px;
  width: 30px;
  margin: 10px; }
.modal-share .copy-link-container input {
  width: 250px;
  border-top: none;
  border-left: none;
  border-right: none; }
.modal-share .copy-link-container .copy-button {
  border: none;
  background-color: transparent;
  margin-left: 15px;
  color: #68CEF2;
  font-weight: bold; }

@media screen and (max-width: 420px) {
  .modal-share .modal-content {
    margin-top: 20%;
    width: 100% !important; } }
.generic-hero__red-circle {
  bottom: 0;
  right: -60px; }

.generic-hero__yellow-bean {
  top: 50px;
  left: 30px; }

.pager {
  display: flex;
  justify-content: center; }
  .pager .button {
    background-color: #FFFFFF;
    border: none; }
  .pager .left-arrow {
    transform: rotate(90deg);
    height: 7px; }
  .pager .right-arrow {
    transform: rotate(-90deg);
    height: 7px; }

#mobile-related-articles {
  display: none; }
  #mobile-related-articles .carousel-item {
    background-color: #FFFFFF;
    height: 800px; }

@media screen and (max-width: 992px) {
  #related-articles {
    display: none; }

  #mobile-related-articles {
    display: block; } }
.search-box {
  background-color: #FFFFFF;
  z-index: 2;
  position: absolute;
  bottom: -70px;
  height: 120px;
  width: 80%;
  box-shadow: 0px 18px 76px rgba(51, 51, 51, 0.1);
  border-radius: 16px; }
  .search-box .search-box__container {
    height: 100%;
    max-width: 1000px;
    margin: 0 auto; }
    .search-box .search-box__container div {
      display: flex;
      align-items: center; }

/*# sourceMappingURL=index.css.map */