.hide {
  display: none !important;
}

.blog-hero {
  padding-top: 56px;
}
.blog-heading{
  text-align: center;
}
.blog-search-field{
  width: 640px;
  max-width: 100%;
  padding: 25px;
  height: 56px;
  background-color: var(--secondary-light-color);
  box-shadow: 0px 4px 20px rgba(68, 64, 242, 0.1);
  border-radius: 40px;
  margin: 0 auto;
}
.blog-search-wrapper{
  padding: 32px 0 24px;
}
/* .blog-search-wrapper label{
  position: relative;
}
.blog-search-wrapper svg{
  position: absolute;
  top: 10px;
  left: 100%;
  z-index: 10;
} */

.blog-search-tabs{
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  text-align:center;
  justify-content: space-between;
  padding-bottom: 40px;
}
.blog-search-tabs .overline.active{
  color: var(--primary-accent-color);
}
.blog-search-tabs label:hover .overline{
  color: var(--primary-accent-color);
}
.blog-search-tabs a{
  text-decoration: none;
  color: var(--primary-dark-color);
}
.blog-search-tabs label{
  position: relative;
  height: 100%;
  margin: 10px;
}

.blog-search-tabs input{
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
@media screen and (max-width: 1199px) {
  .blog-search-tabs{
    flex-wrap: wrap;
    justify-content: space-around;
    padding-bottom: 15px;
  }
  .blog-search-tabs label:not(:last-child){
    margin-right: 15px;
  }
}
/* SECTION FEATURE */

.key-feature{
  display: flex;
  flex-direction: row;
}
.key-feature-link{
  margin-top: 42px;
}
.key-feature .card-content{
  padding-left: 32px;
}
.key-feature .card-imgWrapper{
  height: 100%;
  max-width: 664px;
}
.key-feature .card-imgWrapper img{
  border-radius: 8px;
  height: 388px;
  /* width: auto; */
}

@media screen and (max-width: 1199px) {
  
.key-feature{
  flex-direction: column;
}

.key-feature .card-imgWrapper{
  margin: 0 auto;
}

}
/* STAY IN THE KNOW */
.blog-stay-in{
  border-top: 1px solid #EFF2F7;
  border-bottom: 1px solid #EFF2F7;
}
.blog-stay-in-block{  
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 63px auto;
}
.blog-stay-in-content{
  width: 50%;
}
.blog-stay-in-title{
  margin-bottom: 8px;
}

.blog-stay-in-form{
  width: 50%;
}
.blog-stay-in-form form{
  display: flex;
  align-items: center;
  position: relative;
}
.blog-stay-in-form input{
  width: 50%;
  margin-right: 17px;
  background-color: var(--secondary-grey-color);
  border-radius: 8px;
  padding: 16px 18px 16px 50px;
}
.blog-stay-in-form svg{
  position: absolute;
  top: 16px;
  left: 18px;
  z-index: 10;
}
.blog-stay-in-form button{
  width: 50%;
}
@media screen and (max-width: 1199px) {
.blog-stay-in-content{
  width: 35%;
}
.blog-stay-in-form{
  width: 65%;
}
}
@media screen and (max-width: 720px) {
  .blog-stay-in{
    padding: 24px 10px;
  }
  .blog-stay-in-block{
    flex-direction: column;
  }
  .blog-stay-in-form{
    width: 100%;
  }
  .blog-stay-in-form form{
  flex-direction: column;
  }

  .blog-stay-in-form input{
    width: 100%;
    margin-right: 0;
    margin-bottom: 16px;
  }

  .blog-stay-in-form .btn.btn--filled.btn--primary{
    
    width: 100%
  }
  .blog-stay-in-content{
    width: 100%;
    margin-bottom: 16px;
  }
  .blog-stay-in-title{
    text-align: center;
  }
  .blog-stay-in-block{  
    margin: 0 auto;
  }
}

/* KNOWLEDGE PINK FLOWER */

.blog-knowledge-section-1{
  padding: 64px 0 88px;
}
.blog-knowledge-section-1 .card-imgWrapper{
  height: 288px;
}

.blog-knowledge-section{
  padding-top: 64px;
}
.blog-knowledge{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.blog-knowledge-key-feature {
  display:grid;
  grid-template-columns: 1fr 1fr;
}

.blog-knowledge-key-feature .card-title, .blog-knowledge-key-article .card-title {
  min-height:75px;
}

.blog-knowledge-key-feature .card-description, .blog-knowledge-key-article .card-description {
  margin-top:0;
}

.blog-knowledge-key-article {
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom:25px;
}

.blog-knowledge-key-feature .cards-item, .blog-knowledge-key-article .cards-item{
  margin:1rem;
}
.blog-knowledge-key-feature .cards-item:first-child {
  grid-column: span 2;
}
@media screen and (max-width: 1199px) {
  .blog-knowledge-key-feature, .blog-knowledge-key-article {
    display:grid;
    grid-template-columns: 1fr;
  }
  .blog-knowledge-key-feature .cards-item:first-child {
    grid-column: 1;
  }
}
.blog-knowledge-key-card{
  margin-right: 64px;
  width: 90%;
}
.blog-knowledge-key-card-2{
  margin-right: 0;
}
.blog-knowledge-cards{
  flex-direction: column;
}
.blog-knowledge-cards li:not(:last-child){
  margin-bottom: 24px;
}
.blog-knowledge-card{
  display: flex;
  flex-direction: row;
}
.blog-knowledge-card .card-imgWrapper{
  width: 162px;
  height: 162px;
}
.blog-knowledge-card .card-content{
  width: 60%;
  height: auto;
  padding: 8px 16px;
}
@media screen and (max-width: 720px) {
.blog-knowledge{
  flex-direction: column;
}
.blog-knowledge-section-1{
  padding: 24px 0 24px;
}
.blog-knowledge-key-card{
  margin-right: 0;
}
.blog-knowledge-key-card:not(:last-child){
  margin-bottom: 24px;
}

}
/* BLOG ARTICLES KNOWLEDGE-IS-THE-KEY SECTION */

.blog-swiper-container{
  overflow-x: hidden;
  padding: 30px 20px;
}

/* BLOG SINGLE ARTICLE */
.blog-article{
  padding: 52px 0 56px;
}
.blog-article-title{
  margin-top: 16px;
  margin-bottom: 24px;
}
.blog-article-description {
  margin-bottom:3rem;
}
.blog-article-description img {
  display:block;
  max-height: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.blog-article-description ul {
  padding-left: 3rem;;
}

.blog-article-description ul li {
  list-style: disc;
}

.article-share-buttons {
  max-width:60%;
  margin:auto;
}

.article-share-buttons svg {
  vertical-align: middle;
}

.article-container {
  margin-bottom:30px;
}

.article-connex-container {
  background-color:#1B1E39;
  width:100%;
  margin-top: 30px;
  margin-bottom: 50px;
}

.article-connex-container h3 {
  text-align:center;
}

.article-connex-container .blog-knowledge-articles, .article-connex-container h3{
  width:80%;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:30px;
}

@media screen and (max-width: 1199px) {
  .blog-article-description img {
    height: 100%;
    width: 100%;
  }
}
.blog-article-description p{
  margin-bottom: 10px;
  word-wrap: break-word;
}
.blog-article-author{
  margin-bottom: 56px;
}
.blog-article-hero-img{
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 40px;
}
.blog-article-subtitle{
  margin: 80px 0 24px;
}
.blog-article-display{
  max-width: 776px;
  margin: 72px 0;
}
.blog-article-display figcaption{
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  max-width: 464px;
  color: #767E9D;
  margin: 0 auto;
}
.blog-article-display-img{
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 16px;
}
.blog-article-list-title{
  margin-bottom: 28px;
}
.blog-article-list{
  margin-bottom: 72px;
}
.blog-article-list-item{
  list-style-type: disc;
  margin-left: 20px;
}
.blog-article-display-small{
  margin-bottom: 24px;
}
.blog-article .blog-search-tabs{
  margin: 0;
}

.article-progress-bar{
  display:none;
  height:10px;
  top:100%;
  left:0;
  width:100%;
  background-color:#1B1E39;
}

.article-progress-bar-inner{
  height:10px;
  width: 0%;
  padding: 0px;
  background-color:#2E2EE5;
  color:#EFF2F7;
}

/* Article Author Infos */

.article-author-container {
  border-top: 1px solid rgba(68, 64, 242, 0.1);
}

.author-title {
  font-weight:600;
}

.author-infos{
  display:block;
  max-width:60%;
  margin-top:10px;
  margin-left:auto;
  margin-right:auto;
}

.author-description {
  display:flex;
  margin-top:20px;
}

.author-picture {
  margin-right: 30px;
  margin-top: 30px;
}

.author-picture img {
  width: 100px;
  height: 100px;
  border-radius: 50px;
}

@media screen and (max-width: 800px) {
  .author-description {
    display:inline;
  }

  .author-infos {
    max-width:100%;
  }

  .author-text-container {
    width:90%;
    margin-left:auto;
    margin-right:auto;
  }

  .author-picture {
    margin-top:10px;
    margin-right:0px;
    margin-bottom:10px;
  }

  .author-picture img {
    display:block;
    margin-right:auto;
    margin-left:auto;
  }

  .article-share-buttons {
    margin:auto;
    margin-top:15px;
  }
}