/* @override 
	https://invoxdev.com/wp-content/themes/invox-v2/assets/css/invox.2502.css
	https://invoxdev.com/wp-content/themes/invox-v2/assets/css/invox.2507.css */
main.ivx-page > * {
  margin: 0 auto;
}
main.ivx-page > *.wp-block-heading {
  margin: 0 auto .5em;
}
main.ivx-page > *.wp-block-heading.has-background {
  width: 100%;
  max-width: none;
  margin: 0 0 30px;
}
main.ivx-page > p {
  margin: 1.5em auto;
}
html {
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  font-size: 16px;
  background: #fff;
  color: #004261;
}
body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  overflow-x: hidden;
}
main {
  flex: 1 0 auto;
}
a {
  color: #3E9FD9;
}
*:focus {
  outline: none;
}
strong {
  font-weight: 600;
}
.container,
main.ivx-page > *:not(.alignfull):not(.modal-overlay) {
  width: 1480px;
  max-width: 90%;
}
.blog-wrapper {
  width: 1360px;
  max-width: 90%;
  margin: 0 auto;
}
main.ivx-page .invox-block.blog-authors .blog-wrapper {
  width: 1480px;
  max-width: 90%;
  margin: 0 auto;
}
main.ivx-page .alignwide {
  width: 1180px;
  max-width: 90%;
  margin: 0 auto;
}
.img-placeholder {
  display: block;
  background: #EAF5FB;
  content: "";
  width: 100%;
  aspect-ratio: 1;
}
.video-container {
  position: relative;
  height: 0;
  padding-bottom: 55.625%;
  background: #000;
  border-radius: 12px;
  overflow: hidden;
}
.video-container iframe,
.video-container video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/* Firefox */
* {
  scrollbar-width: auto;
  scrollbar-color: #278bc7 rgba(255, 255, 255, 0.4);
}
/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 6px;
}
*::-webkit-scrollbar-track {
  background: #e8f4fb;
}
*::-webkit-scrollbar-thumb {
  background-color: #278bc7;
}
#modal-video {
  top: 5% !important;
  border-radius: 8px;
  padding: 75px 80px;
  max-height: 90%;
}
#modal-video .modal-content {
  padding: 0;
}
#modal-video .modal-content h4 {
  color: #004261;
  font-weight: 600;
  font-size: 1.25em;
  margin: 20px 0;
}
#modal-video .modal-close {
  width: 26px;
  height: 26px;
  line-height: 26px;
  border-radius: 13px;
  text-align: center;
  background: #F4704D;
  position: absolute;
  right: 30px;
  top: 30px;
  color: #fff;
  font-size: 14px;
}
#modal-video p {
  font-size: .85em;
  text-align: right;
  margin: 30px 0 0;
  color: #536779;
}
#modal-video p a {
  color: inherit;
}
#modal-video p .youtube {
  display: inline-block;
  padding: 0 10px;
  border-radius: 2px;
  background: #d23929;
  color: #fff;
  font-size: .9em;
  line-height: 24px;
  margin-left: 10px;
}
#modal-video p .youtube .icon {
  font-size: 12px;
  margin-right: .5em;
}
.demandgen-leadgen {
  background: #081E2B;
  color: #fff;
  font-size: 12px;
  padding: 8px 0;
}
.demandgen-leadgen a {
  font-size: 1.25em;
  font-weight: 600;
  color: inherit;
  display: inline-block;
  vertical-align: middle;
  margin: 0 .25em;
  text-decoration: underline;
  transition: color 0.3s ease-in-out 0s;
}
.demandgen-leadgen a:first-child:hover {
  color: #55ABDD;
}
.demandgen-leadgen a:last-child:hover {
  color: #F0D100;
}
header.site-header .container,
footer.page-footer .container {
  width: 1480px;
  max-width: 90%;
}
header.site-header a,
footer.page-footer a {
  color: inherit;
}
header.site-header a:hover,
footer.page-footer a:hover {
  color: #3E9FD9;
}
header.site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  font-size: 15px;
  font-weight: 400;
  background: #fff;
  color: #113C55;
}
header.site-header.scrolled {
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.075);
}
header.site-header .invox-logo {
  width: 95px;
  height: auto;
  margin: 0;
  display: block;
}
header.site-header .container {
  display: flex;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 990px) {
  header.site-header .contact-tel {
    margin: 0 70px 0 auto;
    color: #3E9FD9;
  }
}
@media screen and (min-width: 992px) {
  header.site-header .container {
    justify-content: center;
  }
  header.site-header .container .main-nav {
    width: calc( 100% - var(--spacer)*2 );
    margin-left: 80px;
  }
  header.site-header .container .contact-tel {
    white-space: nowrap;
    margin-left: auto;
    justify-content: flex-end;
    align-items: center;
    display: flex;
    gap: 15px;
  }
  header.site-header .container .contact-tel a.call {
    color: #3E9FD9;
    font-weight: 600;
  }
  header.site-header .container .contact-tel a.btn:hover {
    color: inherit;
  }
}
footer.page-footer {
  color: #29333D;
  padding-bottom: 80px;
}
footer.page-footer .invox-logo {
  width: 120px;
  height: auto;
  margin: 40px 0;
}
footer.page-footer .widget {
  font-size: 12px;
  line-height: 18px;
}
footer.page-footer .widget-title {
  font-family: 'Gabarito', sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #004261;
}
footer.page-footer .menu {
  margin-bottom: 40px;
}
footer.page-footer .menu li {
  margin: 1em 0;
}
footer.page-footer .menu li.margin-before {
  margin-top: 40px;
}
footer.page-footer .social-menu {
  margin-top: 40px;
}
footer.page-footer .social-menu li {
  margin: 15px 0;
  line-height: 36px;
}
footer.page-footer .social-menu li .icon {
  font-size: 20px;
  width: 30px;
  vertical-align: middle;
}
footer.page-footer .social-menu li .icon.icon-youtube {
  font-size: 15px;
}
footer.page-footer .invox-copyright {
  margin-top: 50px;
  padding-top: 30px;
  border-top: 0.5px solid #113C55;
  font-size: 12px;
  color: #29333D;
}
footer.page-footer .invox-copyright a {
  text-decoration: underline;
  margin-left: 1em;
}
#mobile-nav {
  width: 100%;
  padding: 20px;
}
#mobile-nav .previous {
  line-height: 12px;
  margin: 20px 0 0;
  font-size: 18px;
  opacity: 0;
  transition: opacity .25s .6s;
}
#mobile-nav .previous .icon {
  margin-right: .75em;
}
#mobile-nav.visible-submenu {
  background: #EAF5FB;
}
#mobile-nav.visible-submenu .mobile-menu {
  transform: translate(-100vw);
}
#mobile-nav.visible-submenu .previous {
  opacity: 1;
  line-height: 48px;
}
#mobile-nav .invox-logo {
  width: 95px;
  height: auto;
  margin: 0;
  display: block;
}
#mobile-nav .sidenav-close {
  position: absolute;
  padding: 0;
  right: 20px;
  top: 17px;
  font-size: 36px;
  color: #113C55;
}
#mobile-nav .mobile-menu {
  margin: 0 0 30px;
  transition: transform 0.5s ease-in-out 0s;
}
#mobile-nav .mobile-menu a {
  color: #081E2B;
}
#mobile-nav .mobile-menu > li a {
  display: block;
  padding: 12px 30px;
  background: #F0F2F5;
  border-radius: 12px;
  margin: 14px 0;
  font-size: 20px;
  line-height: 150%;
}
#mobile-nav .mobile-menu > li.menu-item-has-children > a:after {
  content: "\ea01";
  font-family: 'invox';
  float: right;
  font-size: 16px;
}
#mobile-nav .mobile-menu > li.menu-item-has-children > .sub-menu {
  display: none;
  position: absolute;
  left: 100vw;
  top: 0;
  width: 100%;
  min-height: 100%;
  padding: 0 0 60px;
  background: #EAF5FB;
}
#mobile-nav .mobile-menu > li.menu-item-has-children > .sub-menu.active-submenu {
  display: block;
}
#mobile-nav .mobile-menu > li.menu-item-has-children > .sub-menu > li:last-child {
  margin-bottom: 60px;
}
#mobile-nav .mobile-menu > li.menu-item-has-children > .sub-menu li a {
  font-size: 18px;
  background: #fff;
}
#mobile-nav .mobile-menu > li.menu-item-has-children > .sub-menu li.title > a {
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  background: transparent;
  text-transform: uppercase;
}
#mobile-nav .mobile-menu > li.menu-item-has-children > .sub-menu li.title.orange > a {
  color: #F4704D;
}
#mobile-nav .mobile-menu > li.menu-item-has-children > .sub-menu li.title.yellow > a {
  color: #F5D603;
}
#mobile-nav .mobile-menu > li.menu-item-has-children > .sub-menu li.title.blue > a {
  color: #3E9FD9;
}
#mobile-nav .mobile-menu > li.contact > a {
  padding: 18px 20px;
  font-size: 16px;
  background: #3E9FD9;
  text-align: center;
  font-weight: 600;
  color: #fff;
}
.yoast-breadcrumbs {
  color: #A4B3C1;
  font-size: 12px;
  margin: 30px 0;
  position: relative;
  z-index: 1;
}
.yoast-breadcrumbs .icon {
  display: inline-block;
  font-size: 8px;
  margin: 0 .75em;
}
.yoast-breadcrumbs a {
  color: inherit;
}
.yoast-breadcrumbs a:hover {
  color: #004261;
}
main.ivx-page .yoast-breadcrumbs {
  margin-top: 20px;
  width: 1480px !important;
  max-width: 90% !important;
}
main.ivx-page.glossaire-definition {
  padding-bottom: 80px;
}
main.ivx-page.glossaire-definition .page-title {
  color: #3E9FD9;
}
main.ivx-page.glossaire-definition .back-to-glossaire {
  margin-top: 60px;
}
main.ivx-page.glossaire-definition .back-to-glossaire a .icon {
  margin-right: 1em;
}
.modal-overlay {
  background: #3E9FD9;
}
body.error-404-page {
  background: #D4EAF7;
}
main.error-404 {
  position: relative;
}
main.error-404 .error-404-img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  object-fit: contain;
}
main.error-404 .content {
  position: relative;
  z-index: 1;
  padding: 280px 0 50px;
}
main.error-404 .title {
  margin: 0 auto;
  line-height: 120%;
  width: 640px;
  max-width: 100%;
}
main.error-404 .subtitle {
  font-size: 1.625em;
  font-weight: 600;
  margin: 30px 0;
}
main.error-404 .main-pages {
  margin: 30px 0 0;
}
main.error-404 .main-pages li {
  display: inline-block;
  margin: 0 20px;
}
main.error-404 .main-pages li:first-child {
  margin-left: 0;
}
main.error-404 .main-pages li:last-child {
  margin-right: 0;
}
.post-content {
  line-height: 2.125em;
}
.post-content h2,
.post-content h3 {
  margin: 1.25em 0;
  font-family: 'Poppins', sans-serif;
}
.post-content h2 {
  font-size: 2.125em;
  line-height: 1.475em;
}
.post-content h3 {
  font-size: 1.625em;
  color: #3E9FD9;
}
.post-content h4 {
  font-size: 1.25em;
  color: #3E9FD9;
}
.post-content strong,
.post-content b {
  font-weight: 600;
}
.post-content > ul {
  margin: 1.5em 2em;
}
.post-content > ul li {
  position: relative;
  padding-left: .85em;
}
.post-content > ul li:before {
  content: "•";
  position: absolute;
  left: 0;
  top: .1em;
  color: #9DADBC;
}
@media only screen and (max-width: 840px) {
  main.error-404 .error-404-img {
    object-fit: cover;
  }
  main.error-404 .content {
    padding-top: 60vw;
  }
  main.error-404 .main-pages li {
    display: block;
    margin: 8px auto;
  }
  main.error-404 .main-pages li a {
    display: inline-block;
    width: auto;
  }
}
@media only screen and (max-width: 540px) {
  main.error-404 .content {
    padding-top: 80vw;
  }
}
#winsize {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999999999999999;
  background: #000;
  font-family: monospace;
  color: #fff;
  padding: 0 10px;
  font-size: 12px;
}
@media only screen and (min-width: 992px) {
  header.site-header .main-nav li.yellow > a {
    color: #F5D603;
  }
  header.site-header .main-nav li.orange > a {
    color: #F4704D;
  }
  header.site-header .main-nav li.blue > a {
    color: #3E9FD9;
  }
  header.site-header .main-nav > li {
    display: inline-block;
    line-height: 72px;
    font-weight: 300;
  }
  header.site-header .main-nav > li:not(:first-child) {
    margin-left: 2vw;
  }
  header.site-header .main-nav > li.contact a {
    padding: 14px 20px;
    background: #3E9FD9;
    color: #fff;
    border-radius: 12px;
    font-weight: 600;
    transition: background 0.3s ease-in-out 0s;
  }
  header.site-header .main-nav > li.contact a:after {
    font-family: 'invox';
    content: "\ea04";
    font-size: 10px;
    font-weight: 300;
    margin-left: 8px;
    display: inline-block;
    transition: transform 0.3s ease-in-out 0s;
  }
  header.site-header .main-nav > li.contact a:hover {
    background: #53aadd;
  }
  header.site-header .main-nav > li.contact a:hover:after {
    transform: translateX(5px);
  }
  header.site-header .main-nav > li.tel a {
    font-weight: 600;
    color: #3E9FD9;
  }
  header.site-header .main-nav > li.tel a:before {
    font-family: 'invox';
    content: "\ea0d";
    font-size: 10px;
    margin-right: 8px;
    color: #fff;
    -webkit-text-stroke: 1px #3E9FD9;
  }
  header.site-header .main-nav > li.mega > a {
    display: block;
    position: relative;
  }
  header.site-header .main-nav > li.mega > a:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 12px 12px;
    border-color: transparent transparent #EAF5FB transparent;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -15px;
    display: none;
  }
  header.site-header .main-nav > li.mega > .sub-menu {
    position: relative;
    font-size: 13px;
  }
  header.site-header .main-nav > li.mega .block {
    position: absolute;
    right: 0;
    top: 0;
    width: 30%;
    height: 100%;
    line-height: 150%;
  }
  header.site-header .main-nav > li.mega .block a {
    display: block;
  }
  header.site-header .main-nav > li.mega .block a:hover {
    color: inherit;
  }
  header.site-header .main-nav > li.mega .block img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 14px;
    margin: 0 auto 20px;
    aspect-ratio: 1.35;
    object-fit: cover;
  }
  header.site-header .main-nav > li.mega .block .title {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 15px 0;
  }
  header.site-header .main-nav > li.mega .block .description {
    font-size: 12px;
    margin: 15px 0;
  }
  header.site-header .main-nav > li.mega .block .link {
    text-align: right;
  }
  header.site-header .main-nav > li.mega.ressources > .sub-menu > li > a {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
  }
  header.site-header .main-nav > li.mega.ressources > .sub-menu > li > a.arrow-btn {
    display: inline-block;
    color: inherit;
    padding: 0 30px 18px 0;
  }
  header.site-header .main-nav > li.mega.ressources > .sub-menu {
    min-height: 540px;
  }
  header.site-header .main-nav > li.mega.ressources .block {
    background: #D4EAF7;
    padding: 50px 30px 30px;
    border-radius: 0 16px 16px 0;
  }
  header.site-header .main-nav > li.mega.clients .submenu-clients {
    width: 30%;
    float: left;
  }
  header.site-header .main-nav > li.mega.clients .submenu-clients > a {
    cursor: default;
  }
  header.site-header .main-nav > li.mega.clients .submenu-clients > a:hover {
    color: inherit;
  }
  header.site-header .main-nav > li.mega.clients .block {
    position: relative;
    right: auto;
    top: auto;
    width: 70%;
    padding: 0 40px 25px;
    display: flex;
    gap: 80px;
  }
  header.site-header .main-nav > li.mega.clients .block .title {
    margin-top: 0;
  }
  header.site-header .main-nav > li.menu-item-has-children > a:after {
    font-family: 'invox';
    content: "\ea01";
    font-size: 10px;
    font-weight: 300;
    margin-left: 8px;
    display: inline-block;
    transform: rotate(90deg);
  }
  header.site-header .main-nav > li.menu-item-has-children > .sub-menu:not(.mm-offres) {
    position: absolute;
    left: 0;
    top: 85px;
    background: #EAF5FB;
    width: 1480px;
    max-width: 100%;
    text-align: left;
    border-radius: 16px;
    padding: 40px 50px;
    display: none;
  }
  header.site-header .main-nav > li.menu-item-has-children > .sub-menu:not(.mm-offres) .btn {
    font-size: 16px;
  }
  header.site-header .main-nav > li.menu-item-has-children > .sub-menu:not(.mm-offres) li > a {
    display: block;
    line-height: 150%;
    margin: 0 0 25px;
  }
  header.site-header .main-nav > li.menu-item-has-children > .sub-menu:not(.mm-offres) li > a .menu-icon {
    display: inline-block;
    vertical-align: middle;
    width: 36px;
  }
  header.site-header .main-nav > li.menu-item-has-children > .sub-menu:not(.mm-offres) li > a .menu-icon + div {
    display: inline-block;
    vertical-align: middle;
    padding-left: 15px;
    max-width: calc( 100% - 46px );
  }
  header.site-header .main-nav > li.menu-item-has-children > .sub-menu:not(.mm-offres) li > a strong {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
  }
  header.site-header .main-nav > li.menu-item-has-children > .sub-menu:not(.mm-offres) li > a .description {
    font-size: 12px;
    line-height: 1.4em;
    font-weight: 400;
    display: block;
    text-transform: none;
    margin: 8px 50px 0 0;
  }
  header.site-header .main-nav > li.menu-item-has-children.opened > a {
    color: #3E9FD9;
  }
  header.site-header .main-nav > li.menu-item-has-children.opened > a:before {
    display: block;
  }
  header.site-header .main-nav > li.menu-item-has-children.opened > .sub-menu:not(.mm-offres) {
    display: block;
    box-shadow: 0 8px 9px rgba(0, 0, 0, 0.05);
  }
  header.site-header .main-nav > li.menu-item-has-children.ressources > .sub-menu {
    column-count: 2;
    column-gap: 30px;
    padding-right: 30%;
  }
  header.site-header .main-nav > li.menu-item-has-children.ressources > .sub-menu li {
    display: inline-block;
  }
  header.site-header .main-nav > li.menu-item-has-children.clients .sub-menu > li a {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
  }
  header.site-header .main-nav > li.menu-item-has-children.clients .sub-menu .sub-menu li strong {
    font-weight: normal;
    text-transform: none;
  }
  header.site-header .main-nav > li.menu-item-has-children.clients .sub-menu .btn.arrow-btn {
    color: #F4704D;
  }
  .sub-menu .subscription-widget .title {
    font-weight: 600;
    margin-top: 0;
  }
  .sub-menu .subscription-widget .field {
    position: relative;
  }
  .sub-menu .subscription-widget .field label {
    display: block;
    margin: 0;
    line-height: 20px;
  }
  .sub-menu .subscription-widget .field input {
    margin: 0;
    line-height: 42px;
    height: 42px;
    padding-right: 70px;
  }
  .sub-menu .subscription-widget .field button {
    position: absolute;
    right: 0;
    top: 20px;
    line-height: 40px;
    height: 42px;
  }
  header.site-header .main-nav li.mega-menu-offres.current-menu-item > a {
    color: #3E9FD9;
  }
  header.site-header .main-nav li.mega-menu-offres .sub-menu {
    position: absolute;
    background: #fff;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
    left: 0;
    border-radius: 16px;
    overflow: hidden;
    top: 85px;
    max-height: 0;
    transition: max-height 0.2s cubic-bezier(0, 1, 0, 1);
  }
  header.site-header .main-nav li.mega-menu-offres .all-offres {
    width: 100%;
    padding: 20px 50px 0;
    border-top: 1px solid #EAF5FB;
  }
  header.site-header .main-nav li.mega-menu-offres .all-offres a {
    color: #F4704D;
    line-height: 1.4em;
  }
  header.site-header .main-nav li.mega-menu-offres.opened .sub-menu {
    max-height: 1500px;
    transition: max-height 0.2s ease-in-out;
  }
  header.site-header .main-nav li.mega-menu-offres .sections,
  header.site-header .main-nav li.mega-menu-offres .submenu {
    width: 50%;
    line-height: 1.4em;
    text-align: left;
  }
  header.site-header .main-nav li.mega-menu-offres .submenu {
    padding: 40px 80px;
    color: #004261;
    background: #EAF5FB;
  }
  header.site-header .main-nav li.mega-menu-offres .submenu .section-items {
    margin: 20px 0;
  }
  header.site-header .main-nav li.mega-menu-offres .submenu .section-items li {
    margin: 30px 0;
    font-weight: 500;
  }
  header.site-header .main-nav li.mega-menu-offres .submenu .section-items li.current-menu-item a {
    color: #3E9FD9;
  }
  header.site-header .main-nav li.mega-menu-offres .section-subtitle {
    font-size: 1.15em;
    font-weight: 700;
  }
  header.site-header .main-nav li.mega-menu-offres .sections li a {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 8px 20px 8px 30px;
    background: #fff;
    font-size: 1.1em;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--color);
    transition: background 0.3s ease-in-out 0s;
  }
  header.site-header .main-nav li.mega-menu-offres .sections li a:after {
    font-family: 'invox';
    content: "\ea01";
    font-size: 10px;
    font-weight: 200;
    margin-left: auto;
    color: #004261;
  }
  header.site-header .main-nav li.mega-menu-offres .sections li a img {
    display: block;
    height: 50px;
    width: auto;
  }
  header.site-header .main-nav li.mega-menu-offres .sections li a:hover,
  header.site-header .main-nav li.mega-menu-offres .sections li a.active {
    background: #EAF5FB;
  }
}
body.landing-page header.site-header .site-logo {
  margin: 15px 0;
}
body.landing-page footer.page-footer {
  text-align: center;
  padding-top: 60px;
}
body.landing-page footer.page-footer .site-logo {
  width: 95px;
  margin: 0 auto;
}
body.landing-page footer.page-footer .site-logo .invox-logo {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
@media only screen and (min-width: 602px) {
  footer.page-footer .footer-columns {
    display: flex;
    gap: 40px;
  }
  footer.page-footer .footer-columns .column {
    width: calc( ( 100% / 5 ) - 40px + ( 40px / 5 ) );
  }
}
@media only screen and (max-width: 990px) {
  header.site-header {
    padding: 20px 0;
  }
  header.site-header .main-nav {
    display: none;
  }
  header.site-header .container {
    position: relative;
  }
  header.site-header .sidenav-trigger {
    position: absolute;
    right: 0;
    top: 10px;
  }
  footer.page-footer .footer-columns {
    flex-wrap: wrap;
  }
  footer.page-footer .footer-columns .column {
    width: calc( ( 100% / 3 ) - 40px + ( 40px / 3 ) );
  }
  .burger-icon {
    display: block;
    position: relative;
    content: "";
    width: 30px;
    height: 22px;
    border-top: 3px solid #113C55;
    border-bottom: 3px solid #113C55;
  }
  .burger-icon:after {
    display: block;
    content: "";
    width: 100%;
    height: 3px;
    background: #113C55;
    position: absolute;
    left: 0;
    top: 7px;
  }
}
@media only screen and (max-width: 600px) {
  html {
    font-size: 14px;
  }
  .container,
  main.ivx-page > *:not(.alignfull) {
    width: auto;
    max-width: 90%;
  }
  footer.page-footer {
    position: relative;
  }
  footer.page-footer .invox-copyright {
    border: none;
  }
  footer.page-footer .footer-columns {
    display: block;
  }
  footer.page-footer .footer-columns .column {
    width: 100%;
  }
  footer.page-footer .footer-columns .column:not(.opened) .widget > div:not(.widget-title) {
    display: none;
  }
  footer.page-footer .footer-columns .column.opened .widget-title .icon {
    transform: rotate(-90deg);
  }
  footer.page-footer .footer-columns .column.footer-col-4 .widget-title {
    border-bottom: .5px solid #aaa;
  }
  footer.page-footer .footer-columns .widget-title {
    padding: 15px 0;
    border-top: .5px solid #aaa;
    cursor: pointer;
  }
  footer.page-footer .footer-columns .widget-title .icon {
    float: right;
    font-size: 14px;
    margin-right: 5px;
    transform: rotate(90deg);
    transition: transform 0.3s ease-in-out 0s;
  }
  footer.page-footer .footer-columns div[class*="media_image"] {
    display: none;
  }
  footer.page-footer .footer-columns div[class*="ivx_subscribe"] .widget-title {
    border: none;
    margin-top: 40px;
    padding: 0;
  }
  footer.page-footer .footer-columns div[class*="ivx_subscribe"] .widget-title .icon {
    display: none;
  }
  footer.page-footer .social-menu {
    position: absolute;
    right: 20px;
    top: 10px;
  }
  footer.page-footer .social-menu li {
    font-size: 0;
    margin: 0;
    display: inline-block;
  }
  footer.page-footer .social-menu li a {
    margin: 0 5px;
  }
  footer.page-footer .social-menu li .icon {
    font-size: 26px;
    margin: 0;
  }
}
@media only screen and (max-width: 1380px) {
  header.site-header .main-nav > li:not(:first-child) {
    margin-left: 1.8vw;
  }
}
@font-face {
  font-family: "invox";
  src: url("../font/invox.eot");
  src: url("../font/invox.eot?zfzj4i#iefix") format("embedded-opentype"), url("../font/invox.woff2?zfzj4i") format("woff2"), url("../font/invox.woff?zfzj4i") format("woff"), url("../font/invox.ttf?zfzj4i") format("truetype"), url("../font/invox.svg?zfzj4i#invox") format("svg");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
.icon {
  display: inline-block;
  font-family: "invox" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  vertical-align: -0.125em;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-angle-right::before {
  content: "\ea01";
}
.icon-arrow-down::before {
  content: "\ea02";
}
.icon-arrow-left::before {
  content: "\ea03";
}
.icon-arrow-right::before {
  content: "\ea04";
}
.icon-clock::before {
  content: "\ea05";
}
.icon-close::before {
  content: "\ea06";
}
.icon-download::before {
  content: "\ea07";
}
.icon-envelope::before {
  content: "\ea08";
}
.icon-facebook::before {
  content: "\ea09";
}
.icon-instagram::before {
  content: "\ea0a";
}
.icon-linkedin::before {
  content: "\ea0b";
}
.icon-lock::before {
  content: "\ea0c";
}
.icon-phone::before {
  content: "\ea0d";
}
.icon-pinterest::before {
  content: "\ea0e";
}
.icon-play::before {
  content: "\ea0f";
}
.icon-plus::before {
  content: "\ea10";
}
.icon-search::before {
  content: "\ea11";
}
.icon-square-x-twitter::before {
  content: "\ea12";
}
.icon-tiktok::before {
  content: "\ea13";
}
.icon-twitter::before {
  content: "\ea14";
}
.icon-whatsapp::before {
  content: "\ea15";
}
.icon-wttj::before {
  content: "\ea16";
}
.icon-youtube::before {
  content: "\ea17";
}
.icon-zbtn::before {
  content: "\ea18";
}
h1,
h2,
h3,
f4,
h5,
h6 {
  font-family: 'Gabarito', serif;
  font-weight: 600;
  line-height: 140%;
}
h1 {
  font-size: 3.438em;
}
h2 {
  font-size: 2.625em;
}
h3 {
  font-size: 1.875em;
}
h4 {
  font-size: 1.625em;
}
h5 {
  font-size: 1.25em;
}
h6 {
  font-size: 1em;
}
main.single-client h2 {
  font-size: 2em;
}
main.single-client h3 {
  font-size: 1.6em;
}
main.single-client h4 {
  font-size: 1.4em;
}
main.single-post.zoom-invox h3 {
  font-size: 1.4em;
  font-weight: 400;
}
main.single-post.zoom-invox h4 {
  font-size: 1.2em;
}
.yoast-breadcrumbs + h1.wp-block-heading {
  margin-top: 1em;
}
.wp-block-button {
  display: inline-block;
  vertical-align: middle;
  margin: 1em 0;
}
.btn:not(.arrow-btn),
.wp-element-button {
  height: auto;
  display: inline-block;
  vertical-align: middle;
  line-height: 50px;
  background: #3E9FD9;
  box-shadow: none;
  color: #fff;
  cursor: pointer;
  padding: 0 27px;
  border-radius: 12px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  text-transform: none;
  transition: background 0.3s ease-in-out 0s;
}
.btn:not(.arrow-btn):after,
.wp-element-button:after {
  font-family: 'invox';
  content: "\ea04";
  font-size: 8px;
  margin-left: .75em;
  display: inline-block;
  vertical-align: middle;
  transition: transform 0.3s ease-in-out 0s;
  margin-bottom: .3em;
}
.btn:not(.arrow-btn):hover,
.wp-element-button:hover {
  background: #53aadd;
  box-shadow: none;
}
.btn:not(.arrow-btn):hover:before,
.wp-element-button:hover:before,
.btn:not(.arrow-btn):hover:after,
.wp-element-button:hover:after {
  transform: translateX(5px);
}
.btn.arrow-btn {
  --color: #3E9FD9;
  --padding: .75em;
  color: var(--color);
  display: inline-block;
  padding-right: var(--padding);
  padding-bottom: 1em;
  position: relative;
  overflow: hidden;
}
.btn.arrow-btn:after,
.btn.arrow-btn:before {
  font-size: .85em;
  position: absolute;
  right: var(--padding);
  bottom: 0;
  display: block;
  width: auto;
  content: "\ea18";
  font-family: 'invox';
}
.btn.arrow-btn:after {
  text-align: right;
  transform-origin: top left;
  transition: all 0.3s ease-in-out 0s;
}
.btn.arrow-btn:before {
  text-align: left;
  max-width: 40%;
  transform: rotateY(180deg) translateX(50%);
}
.btn.arrow-btn:hover:after {
  right: 0;
}
.btn.arrow-btn.btn—orange {
  color: #F4704D;
}
.btn.arrow-btn.btn—yellow {
  color: #F0D100;
}
.btn:not(.arrow-btn) {
  line-height: 140%;
  padding-top: 10px;
  padding-bottom: 10px;
}
.btn:not(.arrow-btn).btn—orange {
  background: #F4704D;
}
.btn:not(.arrow-btn).btn—orange:hover {
  background: #f58365;
}
.btn:not(.arrow-btn).btn—yellow {
  background: #F0D100;
}
.btn:not(.arrow-btn).btn—yellow:hover {
  background: #ffdf0b;
}
blockquote {
  border-color: var(--maincolor);
}
button {
  border: none;
  cursor: pointer;
}
button:disabled {
  opacity: .3;
  cursor: wait;
}
.material-tooltip {
  padding: 10px 8px;
  font-size: 12px;
  z-index: 2000;
  background-color: transparent;
  border-radius: 2px;
  color: #fff;
  min-height: 30px;
  line-height: 120%;
  opacity: 0;
  position: absolute;
  text-align: center;
  max-width: calc(96%);
  overflow: hidden;
  left: 0;
  top: 0;
  pointer-events: none;
  visibility: hidden;
  background-color: #004261;
}
.backdrop {
  position: absolute;
  opacity: 0;
  height: 7px;
  width: 14px;
  border-radius: 0 0 50% 50%;
  background-color: #3E9FD9;
  z-index: -1;
  transform-origin: 50% 0%;
  visibility: hidden;
}
ul.tags {
  margin: 20px 0 0;
}
ul.tags li {
  display: inline-block;
  color: #113C55;
  font-size: 11px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.5px;
  border-radius: 8px;
  padding: 0 10px;
  border: 1px solid #113C55;
  margin-bottom: 20px;
}
ul.tags li:not(:last-child) {
  margin-right: 20px;
}
.no-content-found {
  font-size: 2em;
  font-weight: 300;
  color: #9DADBC;
  margin: 120px 0;
}
.premium-load,
.page-load-status {
  display: none;
}
.premium-load svg,
.page-load-status svg {
  width: 60px;
}
.load-more-posts,
.load-more-premium,
.load-more-replay {
  display: inline-block;
  padding: 15px;
  margin-bottom: 40px;
}
.load-more-posts .icon,
.load-more-premium .icon,
.load-more-replay .icon {
  margin-left: .75em;
  font-size: 1.3em;
}
.load-more-posts:hover,
.load-more-premium:hover,
.load-more-replay:hover {
  color: #004261;
}
.collapsible {
  box-shadow: none;
  border: none;
}
.collapsible .collapsible-header,
.collapsible .collapsible-body {
  background: transparent;
  border: none;
}
.collapsible > li {
  background: #fff;
  border-radius: 12px;
  margin-bottom: 20px;
  border: 0.5px solid #113C55;
}
.collapsible > li.active .collapsible-header {
  color: #F4704D;
}
.collapsible > li.active .collapsible-header .icon {
  transform: rotate(45deg);
  color: #004261;
}
.collapsible .collapsible-header {
  font-weight: 600;
  padding: 20px 50px 20px 25px;
  position: relative;
}
.collapsible .collapsible-header .icon {
  position: absolute;
  right: 25px;
  top: 25px;
}
.collapsible .collapsible-body {
  padding: 0 25px 30px;
}
#glossaire {
  --gap: 20px;
  --columns: 3;
  display: flex;
  flex-wrap: wrap;
  margin: 50px 0;
  gap: var(--gap);
}
#glossaire .glossaire-entry {
  background: #EAF5FB;
  border-radius: 8px;
  padding: 20px;
  width: calc( ( 100% / var( --columns ) ) - var( --gap ) + ( var( --gap ) / var( --columns ) ) );
}
#glossaire .glossaire-entry .excerpt {
  font-size: .85em;
}
#glossaire .glossaire-entry h3 {
  margin: 0;
  font-size: 1.25em;
}
#glossaire .glossaire-entry h3 a {
  color: inherit;
}
#glossaire .glossaire-entry.optin-form {
  background: #3E9FD9;
  color: #fff;
  position: relative;
}
#glossaire .glossaire-entry.optin-form:before {
  display: block;
  content: "";
  width: 70px;
  height: 70px;
  background: url('../img/mini-optin.svg') no-repeat center center;
  background-size: contain;
  position: absolute;
  right: 10px;
  top: 10px;
}
#glossaire .glossaire-entry.optin-form h4 {
  margin: 0 90px 8px 0;
  font-weight: 600;
}
#glossaire .glossaire-entry.optin-form .field {
  position: relative;
}
#glossaire .glossaire-entry.optin-form .field input {
  margin-top: 10px;
  border: none;
  border-radius: 9px;
}
#glossaire .glossaire-entry.optin-form .field button {
  background: #004261;
  color: #fff;
  height: 38px;
  line-height: 38px;
  border-radius: 9px;
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0 10px;
}
.flickity-page-dots {
  bottom: -40px;
}
.flickity-page-dots .dot {
  background: #A4B3C1;
  transition: all 0.3s ease-in-out 0s;
}
.flickity-page-dots .dot:hover {
  background: #869AAC;
}
.flickity-page-dots .dot.is-selected {
  background: #536779;
  transform: scale(1.2);
}
.flickity-prev-next-button {
  top: auto;
  bottom: 0;
  border: 0.5px solid rgba(255, 255, 255, 0.5);
  background: transparent;
  opacity: .3;
  transition: opacity 0.3s ease-in-out 0s;
}
.flickity-prev-next-button .flickity-button-icon {
  fill: #fff;
  opacity: .6;
}
.flickity-prev-next-button.previous {
  left: auto;
  right: 70px;
}
.flickity-prev-next-button:hover {
  opacity: 1;
  background: transparent;
}
@media only screen and (max-width: 990px) {
  #glossaire {
    --columns: 2 !important;
  }
}
@media only screen and (min-width: 602px) {
  .wp-block-button {
    display: inline-block;
    vertical-align: middle;
    margin: 1em 0;
  }
  .wp-block-button + .wp-block-button {
    margin-left: 1em;
  }
}
@media only screen and (max-width: 600px) {
  h1 {
    font-size: 1.875em;
  }
  h2 {
    font-size: 1.75em;
  }
  h3 {
    font-size: 1.375em;
  }
  h4 {
    font-size: 1.25em;
  }
  h5 {
    font-size: 1.25em;
  }
  h6 {
    font-size: 1em;
  }
  .wp-block-button,
  .btn,
  .wp-element-button {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 1.5em;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .btn,
  .wp-element-button {
    margin-bottom: 1.25em;
  }
  .btn.arrow-btn {
    display: inline-block;
    width: auto;
  }
  #glossaire {
    --columns: 1 !important;
  }
  .bootcamp-card {
    display: block;
    width: 80vw;
    padding: 20px;
  }
  .bootcamp-card .desc .title {
    font-size: 1.6em;
  }
  .bootcamp-card .desc,
  .bootcamp-card .thumbnail {
    width: 100%;
  }
  .bootcamp-card .thumbnail img {
    margin: 0;
    max-width: 100%;
  }
}
.verbatim-card {
  padding: 40px 25px;
  background: #fff;
  border-radius: 12px;
  width: 330px;
  max-width: 70vw;
  margin: 0 15px 30px 0;
  display: inline-block;
  vertical-align: top;
}
.verbatim-card .description {
  font-weight: 400;
}
.verbatim-card .description strong {
  font-weight: 600;
}
.verbatim-card .description:before {
  display: block;
  content: "";
  width: 41px;
  height: 32px;
  float: left;
  background-size: contain;
  margin: 0 10px 10px 0;
}
.verbatim-card .description:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='32' viewBox='0 0 41 32' fill='none'%3E %3Cg clip-path='url(%23clip0_786_20376)'%3E %3Cpath d='M18.9091 2.90906V19.8183H14.1118L16.6913 32H9.41685L4.36365 19.8183V2.90906H18.9091Z' fill='%23F4704D'/%3E %3Cpath d='M0.727273 16.7643V0.727273H13.8182V16.1819H9.74815H8.85075L9.03665 17.0599L11.4302 28.3636H5.53888L0.727273 16.7643Z' fill='white' stroke='%23113C55' stroke-width='1.45455'/%3E %3Cpath d='M40.7273 2.90906V19.8183H35.93L38.5095 32H31.235L26.1818 19.8183V2.90906H40.7273Z' fill='%23F4704D'/%3E %3Cpath d='M22.5454 16.7643V0.727273H35.6364V16.1819H31.5663H30.6689L30.8548 17.0599L33.2484 28.3636H27.3571L22.5454 16.7643Z' fill='white' stroke='%23113C55' stroke-width='1.45455'/%3E %3C/g%3E %3Cdefs%3E %3CclipPath id='clip0_786_20376'%3E %3Crect width='40.7273' height='32' fill='white'/%3E %3C/clipPath%3E %3C/defs%3E %3C/svg%3E") no-repeat left top;
}
.verbatim-card.invox .description:before {
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg width="41px" height="32px" viewBox="0 0 41 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>quote</title><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="quote" transform="translate(0.7273, 0.7273)" fill-rule="nonzero"><polygon id="Path" fill="%233E9FD9" points="18.181827 2.181787 18.181827 19.091027 13.384527 19.091027 15.964027 31.272727 8.689577 31.272727 3.636377 19.091027 3.636377 2.181787"></polygon><polygon id="Path" stroke="%23113C55" stroke-width="1.45455" fill="%23FFFFFF" points="0 16.037027 0 1.77635684e-15 13.090927 1.77635684e-15 13.090927 15.454627 9.020877 15.454627 8.123477 15.454627 8.309377 16.332627 10.702927 27.636327 4.811607 27.636327"></polygon><polygon id="Path" fill="%233E9FD9" points="40.000027 2.181787 40.000027 19.091027 35.202727 19.091027 37.782227 31.272727 30.507727 31.272727 25.454527 19.091027 25.454527 2.181787"></polygon><polygon id="Path" stroke="%23113C55" stroke-width="1.45455" fill="%23FFFFFF" points="21.818127 16.037027 21.818127 1.77635684e-15 34.909127 1.77635684e-15 34.909127 15.454627 30.839027 15.454627 29.941627 15.454627 30.127527 16.332627 32.521127 27.636327 26.629827 27.636327"></polygon></g></g></svg>');
}
.verbatim-card .author {
  display: flex;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  margin-top: 30px;
  padding-top: 30px;
}
.verbatim-card .author .img {
  width: 50px;
}
.verbatim-card .author .img img {
  display: block;
  border-radius: 25px;
  width: 50px;
  height: auto;
}
.verbatim-card .author .img .img-placeholder {
  border-radius: 100%;
}
.verbatim-card .author .name {
  width: calc( 100% - 50px );
  font-size: .85em;
  padding-right: 15px;
}
.verbatim-card .author .name img {
  display: block;
  margin-top: 8px;
  max-height: 30px;
  max-width: 100px;
  width: auto;
  height: auto;
}
.post-item {
  padding: 36px 40px 106px;
  border: 0.5px solid #C2CCD6;
  border-radius: 8px;
  position: relative;
  margin-bottom: 20px;
}
.post-item.has-authors {
  padding-bottom: 100px;
}
.post-item .post-title {
  color: #004261;
  font-size: 1.25em;
  margin: 0;
}
.post-item .post-title a {
  color: inherit;
}
.post-item .post-title a:hover {
  color: #3E9FD9;
}
.post-item .post-title .icon {
  margin-left: 12px;
}
.post-item .category {
  display: inline-block;
  font-size: 11px;
  line-height: 26px;
  border: 1px solid var(--category);
  color: var(--category);
  padding: 0 16px;
  font-weight: 600;
  border-radius: 8px;
  margin: 0 -20px 0 10px;
  transition: background 0.3s ease-in-out 0s;
}
.post-item .category:hover {
  background: var(--category);
  color: #fff;
}
.post-item .icon-download {
  display: inline-block;
  vertical-align: text-top;
  margin-right: 15px;
  background: #F0D100;
  width: 28px;
  height: 28px;
  border-radius: 14px;
  text-align: center;
  line-height: 28px;
  font-size: 12px;
}
.post-item.is-video {
  padding: 0;
  border: none;
}
.post-item.is-video .poster a {
  display: block;
  position: relative;
  margin-bottom: 10px;
}
.post-item.is-video .poster a:hover .icon-play {
  transform: scale(1.1);
}
.post-item.is-video .poster a img {
  width: 100%;
  height: auto;
  aspect-ratio: 1.79032258;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}
.post-item.is-video .poster a .icon-play {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #004261;
  background: #fff;
  border-radius: 30px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -30px;
  margin-top: -30px;
  transition: transform 0.3s ease-in-out 0s;
}
.post-item.is-video .poster a .duration {
  display: inline-block;
  position: absolute;
  right: 15px;
  bottom: 15px;
  font-size: 12px;
  line-height: 28px;
  color: #869AAC;
  background: #fff;
  padding: 0 10px;
  border-radius: 8px;
}
.post-item.is-video .poster a .duration .icon {
  margin-right: 3px;
}
.post-item.download {
  border: 1px solid #004261;
  padding-bottom: 36px;
}
.post-item.download.has-thumbnail .flex-wrapper {
  display: flex;
  gap: 40px;
  flex-direction: row-reverse;
}
.post-item.download.has-thumbnail .flex-wrapper .thumbnail {
  width: 160px;
}
.post-item.download.has-thumbnail .flex-wrapper .thumbnail img {
  display: block;
  max-width: 100%;
  height: auto;
}
.post-item.download.has-thumbnail .flex-wrapper .content {
  width: calc( 100% - 160px - 40px );
}
.post-item .reading,
.single-post .reading {
  line-height: 21px;
  background: #EAF5FB;
  font-size: 10px;
  display: inline-block;
  padding: 0 8px;
  border-radius: 8px;
  margin-bottom: 50px;
}
.post-item .reading .icon,
.single-post .reading .icon {
  margin-right: .5em;
}
.post-item .authors,
.single-post .authors {
  display: flex;
  font-size: 12px;
  color: #004261;
  align-items: center;
  gap: 30px;
}
.post-item .authors .portraits,
.single-post .authors .portraits {
  white-space: nowrap;
}
.post-item .authors img,
.single-post .authors img {
  display: inline-block;
  width: 41px;
  height: auto;
  border-radius: 8px;
  margin-right: 10px;
}
.post-item .authors strong,
.single-post .authors strong {
  font-weight: 600;
  display: block;
}
.post-item .authors a,
.single-post .authors a {
  color: inherit;
}
.post-item .authors a:hover,
.single-post .authors a:hover {
  color: #3E9FD9;
}
.post-item .authors a:not(.multi-authors),
.single-post .authors a:not(.multi-authors) {
  display: flex;
  align-items: center;
}
.post-item .authors {
  position: absolute;
  left: 40px;
  bottom: 36px;
}
.author-item {
  margin-bottom: 20px;
}
.author-item a {
  display: block;
  color: #004261;
  padding: 30px;
  height: 100%;
  width: 100%;
  border-radius: 8px;
  border: 1px solid #AAD5EE;
}
.author-item a:hover {
  box-shadow: 0 0 17px #D4EAF7;
}
.author-item a .portrait img {
  display: block;
  border-radius: 4px;
  margin: 0 auto 15px;
}
.author-item .about h3 {
  font-family: 'Poppins', sans-serif;
  margin: 0;
  font-size: 1.125em;
}
.author-item .about .job-subtitle {
  font-size: .875em;
  font-weight: 400;
  margin: 0;
}
.author-item .about .description {
  font-size: .75em;
  line-height: 1.666667em;
  margin: 15px 0;
}
.author-item .about .count-posts > span {
  display: inline-block;
  padding: 0 20px;
  line-height: 28px;
  background: #EAF5FB;
  border-radius: 8px;
  text-transform: uppercase;
  font-size: .875em;
  margin-top: 6px;
}
.customer-card {
  padding: 50px 30px 70px;
  border: 1px solid #3E9FD9;
  margin-bottom: 30px;
  border-radius: 12px;
  position: relative;
}
.customer-card .customer-logo {
  display: block;
  margin: 0 auto;
  max-height: 70px;
  max-width: 80%;
  width: auto;
  height: auto;
}
.customer-card .desc {
  margin: 50px 0 30px;
}
.customer-card .discover {
  position: absolute;
  right: 30px;
  bottom: 20px;
}
figure.book-item {
  margin: 0 10px;
  text-align: center;
}
figure.book-item img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
  border-radius: 8px;
}
figure.book-item figcaption {
  display: block;
  color: #A4B3C1;
}
figure.book-item.use-case img,
figure.book-item.format-social-media img,
figure.book-item.newsletter-campagne img {
  background: #EAF5FB;
  aspect-ratio: 1.33333333;
  object-fit: cover;
  padding: 45px 30px;
  object-position: center top;
}
figure.book-item.format-visuel img,
figure.book-item.format-redactionnel img {
  aspect-ratio: 0.45454545;
  object-fit: cover;
  object-position: center top;
}
figure.book-item.ebook img,
figure.book-item.format-telechargeable img {
  aspect-ratio: 0.71428571;
  object-fit: cover;
  object-position: center top;
}
figure.book-item.video > div {
  position: relative;
}
figure.book-item.video img {
  aspect-ratio: 1.33333333;
  object-fit: cover;
}
figure.book-item.video .icon {
  width: 60px;
  height: 60px;
  background: #fff;
  border-radius: 30px;
  line-height: 60px;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -30px;
  margin-top: -30px;
}
.job-offer-card {
  width: 340px;
  max-width: 90%;
  margin: 0 auto 20px;
  background: #fff;
  border-radius: 8px;
  padding: 24px 32px 80px;
  position: relative;
}
.job-offer-card .contrat {
  color: var(--color);
  display: inline-block;
  padding: 0 6px;
  border-radius: 4px;
  position: relative;
  line-height: 28px;
}
.job-offer-card .contrat:before {
  left: 0;
  top: 0;
  display: block;
  border-radius: 4px;
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  background: var(--color);
  opacity: .2;
}
.job-offer-card .department {
  color: #C2CCD6;
  margin: 4px 0;
}
.job-offer-card .title {
  margin: 10px 0;
  font-size: 1.625em;
  font-weight: 600;
}
.job-offer-card .apply {
  text-align: right;
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
}
.job-offer-card .btn {
  display: inline-block;
  color: #F4704D;
  margin-right: 20px;
}
.job-offer-card .excerpt {
  font-weight: 400;
  line-height: 1.625em;
  color: #29333D;
}
.bootcamp-card {
  background: #fff;
  border-radius: 12px;
  padding: 30px;
  display: flex;
  width: 40vw;
  margin: 0 10px 30px;
}
.bootcamp-card .desc {
  width: 67%;
}
.bootcamp-card .desc .title {
  margin: 0;
  font-weight: 600;
}
.bootcamp-card .desc .starts-on {
  color: #3E9FD9;
  font-weight: 800;
  font-size: 1.25em;
  margin: 8px 0;
}
.bootcamp-card .desc .content p {
  margin: .5em 0;
  padding-left: 10px;
  position: relative;
}
.bootcamp-card .desc .content p:before {
  content: "•";
  position: absolute;
  left: 0;
  top: auto;
}
.bootcamp-card .desc .btn.arrow-btn {
  margin-top: 1em;
}
.bootcamp-card .thumbnail {
  width: 33%;
}
.bootcamp-card .thumbnail img {
  max-width: calc( 100% - 30px );
  height: auto;
  display: block;
  margin: 0 0 0 30px;
  border-radius: 12px;
}
.post-item.new {
  border-radius: 20px;
  padding: 30px;
}
.post-item.new.premium-post {
  padding: 0;
}
.post-item.new.premium-post .thumbnail img {
  border-radius: 20px 20px 0 0;
}
.post-item.new.premium-post .description {
  padding: 10px 30px 0;
}
.post-item.new.premium-post .read-more {
  padding: 10px 30px 30px;
}
.post-item.new:not(.featured) {
  display: flex;
  flex-direction: column;
}
.post-item.new:not(.featured) .read-more {
  margin-top: auto;
  display: flex;
  align-items: center;
}
.post-item.new:not(.featured) .read-more a {
  display: inline-block;
  font-size: 14px;
  border-radius: 12px;
  padding: 8px 24px;
  color: #004261;
  border: 1px solid #004261;
  transition: all 1s ease-in-out 0s;
  margin: 0 0 0 auto;
}
.post-item.new:not(.featured) .read-more a:hover {
  color: #3E9FD9;
  border-color: #3E9FD9;
}
.post-item.new .thumbnail {
  aspect-ratio: 1.72347267;
  overflow: hidden;
  border-radius: 20px 20px 0 0;
  background: #EAF5FB;
}
.post-item.new .thumbnail img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}
.post-item.new .date {
  font-size: .875em;
  color: #9DADBC;
}
.post-item.new .authors {
  position: relative;
  left: auto;
  bottom: auto;
  margin: 10px 0;
}
.post-item.new .excerpt {
  color: #9DADBC;
  font-size: 14px;
  margin: 10px 0;
}
.post-item.new .tags {
  margin: 10px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.post-item.new .tags .tag {
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4em;
  height: auto;
  margin: 0;
  padding: 5px 12px;
  color: #004261;
  position: relative;
}
.post-item.new .tags .tag:before {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  background: var(--color);
  opacity: .2;
}
.post-item.new .tags .tag:hover {
  color: inherit;
}
.post-item.new .reading-time {
  font-size: 13px;
  padding: 5px 0;
}
.post-item.new .reading-time .icon {
  margin-right: .25em;
}
.post-item.new.featured.primary .date {
  margin-top: 30px;
}
.post-item.new.premium-resource {
  padding: 0;
  display: flex;
  flex-direction: column;
}
.post-item.new.premium-resource .thumbnail {
  background: #FFFCE5;
  position: relative;
}
.post-item.new.premium-resource .thumbnail img {
  border-radius: 4px 4px 0 0;
  max-width: 80%;
  max-height: 80%;
  object-fit: cover;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  left: 10%;
}
.post-item.new.premium-resource .description {
  padding: 15px 30px 0;
}
.post-item.new.premium-resource .read-more {
  padding: 15px 30px 30px;
  margin: auto 0 0;
}
@media only screen and (min-width: 602px) {
  .post-item.new.featured.secondary {
    display: flex;
    gap: 20px;
  }
  .post-item.new.featured.secondary > div {
    width: calc( 50% - 10px );
  }
}
.live-event-item {
  padding: 30px 20px;
  border-radius: 20px;
  margin: 20px 0;
  border: 1px solid #E1E6EA;
}
.live-event-item .thumbnail,
.live-event-item .desc {
  width: calc( 50% - var(--gap)/2 );
}
.live-event-item .thumbnail {
  aspect-ratio: 1.16734694;
  background: #EAF5FB;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 20px;
}
.live-event-item .thumbnail img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.live-event-item .desc {
  margin-left: auto;
}
.live-event-item .tags {
  gap: 10px;
  display: flex;
  margin-bottom: 20px;
}
.live-event-item .tags > span {
  line-height: 30px;
  padding: 0 15px;
  font-size: 13px;
  border: 1px solid transparent;
  border-radius: 30px;
}
.live-event-item .tags > span.duration {
  padding: 0;
}
.live-event-item .tags > span.duration .icon {
  margin-right: 4px;
}
.live-event-item .tags > span.date-hour {
  border-color: #EAF5FB;
  background: #EAF5FB;
}
.live-event-item .tags > span.live {
  border-color: #004261;
}
.live-event-item .speakers {
  display: flex;
}
.live-event-item .speakers .speaker {
  margin-left: -5px;
}
.live-event-item .speakers .speaker img {
  display: block;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  object-fit: cover;
}
.live-event-item .excerpt {
  font-size: 14px;
  line-height: 24px;
  margin: 15px 0;
  color: #9DADBC;
}
.live-event-item .btn {
  font-weight: 400;
}
.live-event-item .btn:after {
  display: none;
}
.live-event-item.event-replay {
  background: #113C55;
  border-color: #113C55;
  color: #fff;
}
.live-event-item.event-replay .tags > span {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  background: transparent;
  border: none;
  padding: 0;
}
.live-event-item.event-replay .thumbnail,
.live-event-item.event-replay .thumbnail img {
  aspect-ratio: 1.64705882;
}
.live-event-item.event-replay .thumbnail {
  background: rgba(255, 255, 255, 0.15);
}
.live-event-item.event-replay .excerpt {
  color: #fff;
}
.live-event-item.event-replay .btn {
  color: #004261;
  background: #fff;
}
@media only screen and (min-width: 602px) {
  .live-event-item {
    --gap: 30px;
    padding: 30px 35px;
    display: flex;
    align-items: flex-start;
  }
  .live-event-item .thumbnail {
    margin: 0;
  }
}
@media only screen and (min-width: 992px) {
  .customer-columns {
    --columns: 3 !important;
  }
}
@media only screen and (min-width: 602px) {
  .customer-columns {
    --gap: 30px;
    --columns: 2;
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
  }
  .customer-columns > div {
    width: calc( ( 100% / var( --columns ) ) - var( --gap ) + ( var( --gap ) / var( --columns ) ) );
  }
  .author-item.has-portrait a {
    display: flex;
    gap: 24px;
  }
  .author-item.has-portrait a > div {
    width: calc(100%);
  }
  .author-item.has-portrait a > div.portrait {
    width: 200px;
  }
  .author-item.has-portrait a img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 8px;
  }
}
input[type="tel"],
input[type="email"],
input[type="text"],
input[type="number"] {
  font-family: 'Poppins', sans-serif;
  line-height: 38px;
  height: 38px;
  padding: 0 12px;
  width: 100%;
}
form .input-field,
.hbspt-form form .input-field,
form .hs-form-field,
.hbspt-form form .hs-form-field {
  margin: 0 0 20px;
}
form .input-field input[type="tel"],
.hbspt-form form .input-field input[type="tel"],
form .hs-form-field input[type="tel"],
.hbspt-form form .hs-form-field input[type="tel"],
form .input-field input[type="email"],
.hbspt-form form .input-field input[type="email"],
form .hs-form-field input[type="email"],
.hbspt-form form .hs-form-field input[type="email"],
form .input-field input[type="text"],
.hbspt-form form .input-field input[type="text"],
form .hs-form-field input[type="text"],
.hbspt-form form .hs-form-field input[type="text"],
form .input-field input[type="number"],
.hbspt-form form .input-field input[type="number"],
form .hs-form-field input[type="number"],
.hbspt-form form .hs-form-field input[type="number"],
form .input-field textarea,
.hbspt-form form .input-field textarea,
form .hs-form-field textarea,
.hbspt-form form .hs-form-field textarea {
  background: #fff;
  border-radius: 12px;
  border: none;
  border: 0.5px solid #004261;
  box-shadow: none;
  padding: 0 12px;
  font-family: 'Poppins', sans-serif;
}
form .input-field input[type="tel"]:focus,
.hbspt-form form .input-field input[type="tel"]:focus,
form .hs-form-field input[type="tel"]:focus,
.hbspt-form form .hs-form-field input[type="tel"]:focus,
form .input-field input[type="email"]:focus,
.hbspt-form form .input-field input[type="email"]:focus,
form .hs-form-field input[type="email"]:focus,
.hbspt-form form .hs-form-field input[type="email"]:focus,
form .input-field input[type="text"]:focus,
.hbspt-form form .input-field input[type="text"]:focus,
form .hs-form-field input[type="text"]:focus,
.hbspt-form form .hs-form-field input[type="text"]:focus,
form .input-field input[type="number"]:focus,
.hbspt-form form .input-field input[type="number"]:focus,
form .hs-form-field input[type="number"]:focus,
.hbspt-form form .hs-form-field input[type="number"]:focus,
form .input-field textarea:focus,
.hbspt-form form .input-field textarea:focus,
form .hs-form-field textarea:focus,
.hbspt-form form .hs-form-field textarea:focus {
  border: .5px solid #fff !important;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1) !important;
}
form .input-field input[type="tel"]:focus + label,
.hbspt-form form .input-field input[type="tel"]:focus + label,
form .hs-form-field input[type="tel"]:focus + label,
.hbspt-form form .hs-form-field input[type="tel"]:focus + label,
form .input-field input[type="email"]:focus + label,
.hbspt-form form .input-field input[type="email"]:focus + label,
form .hs-form-field input[type="email"]:focus + label,
.hbspt-form form .hs-form-field input[type="email"]:focus + label,
form .input-field input[type="text"]:focus + label,
.hbspt-form form .input-field input[type="text"]:focus + label,
form .hs-form-field input[type="text"]:focus + label,
.hbspt-form form .hs-form-field input[type="text"]:focus + label,
form .input-field input[type="number"]:focus + label,
.hbspt-form form .input-field input[type="number"]:focus + label,
form .hs-form-field input[type="number"]:focus + label,
.hbspt-form form .hs-form-field input[type="number"]:focus + label,
form .input-field textarea:focus + label,
.hbspt-form form .input-field textarea:focus + label,
form .hs-form-field textarea:focus + label,
.hbspt-form form .hs-form-field textarea:focus + label {
  margin-left: 0;
  top: -5px;
  color: #3E9FD9 !important;
  white-space: nowrap;
  text-overflow: ellipsis;
}
form .input-field textarea,
.hbspt-form form .input-field textarea,
form .hs-form-field textarea,
.hbspt-form form .hs-form-field textarea {
  max-width: none;
  padding: 12px;
  min-height: 200px;
}
form .input-field ::placeholder,
.hbspt-form form .input-field ::placeholder,
form .hs-form-field ::placeholder,
.hbspt-form form .hs-form-field ::placeholder {
  color: #9DADBC;
}
form .input-field ::-ms-input-placeholder,
.hbspt-form form .input-field ::-ms-input-placeholder,
form .hs-form-field ::-ms-input-placeholder,
.hbspt-form form .hs-form-field ::-ms-input-placeholder {
  color: #9DADBC;
}
form .input-field label:not(.hs-error-msg),
.hbspt-form form .input-field label:not(.hs-error-msg),
form .hs-form-field label:not(.hs-error-msg),
.hbspt-form form .hs-form-field label:not(.hs-error-msg) {
  margin-left: 12px;
  color: #9DADBC;
  font-weight: 300;
}
form .input-field label:not(.hs-error-msg).active,
.hbspt-form form .input-field label:not(.hs-error-msg).active,
form .hs-form-field label:not(.hs-error-msg).active,
.hbspt-form form .hs-form-field label:not(.hs-error-msg).active {
  margin-left: 0;
  top: -5px;
  color: #3E9FD9 !important;
  white-space: nowrap;
  text-overflow: ellipsis;
}
form p,
.hbspt-form form p {
  margin-top: 0;
}
form p label input[type="radio"] + span,
.hbspt-form form p label input[type="radio"] + span,
form p label input[type="checkbox"] + span,
.hbspt-form form p label input[type="checkbox"] + span {
  color: #29333D;
}
form p label input[type="radio"] + span a,
.hbspt-form form p label input[type="radio"] + span a,
form p label input[type="checkbox"] + span a,
.hbspt-form form p label input[type="checkbox"] + span a {
  color: inherit;
  text-decoration: underline;
}
form p label input[type="checkbox"].filled-in:checked + span:not(.lever):after,
.hbspt-form form p label input[type="checkbox"].filled-in:checked + span:not(.lever):after {
  border: 2px solid #3E9FD9;
  background-color: #3E9FD9;
}
.hbspt-form form {
  width: 840px;
  max-width: 100%;
  margin: 0 auto;
}
.hbspt-form form ul {
  margin: 0;
}
.hbspt-form form ul li {
  padding: 0 !important;
}
.hbspt-form form ul li:before {
  display: none;
}
.hbspt-form form .input {
  margin: 0;
}
.hbspt-form form fieldset {
  max-width: 100%;
}
.hbspt-form form .hs-form-field {
  margin: 0 0 15px;
}
.hbspt-form form .hs-form-field input[type="text"],
.hbspt-form form .hs-form-field input[type="email"],
.hbspt-form form .hs-form-field input[type="tel"] {
  width: 100%;
}
.hbspt-form form .hs-form-field textarea {
  width: 100% !important;
}
.hbspt-form form .hs-form-field label:not(.hs-error-msg) {
  margin: 0;
  font-size: 0;
}
.hbspt-form form .hs-form-field label:not(.hs-error-msg) span {
  font-size: 1rem;
  color: #004261;
}
.hbspt-form form .hs-form-field label:not(.hs-error-msg) span .hs-form-required {
  color: #F4704D;
}
.hbspt-form form .hs-error-msgs {
  margin: 5px 0;
  font-size: .85em;
}
.hbspt-form form .hs-error-msgs label {
  color: #F4704D;
}
.hbspt-form form .hs-submit input[type="submit"] {
  background: #3E9FD9;
  border: 1px solid #3E9FD9;
  color: #fff;
  padding: 10px 20px;
  border-radius: 12px;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  cursor: pointer;
}
.hbspt-form form .hs-submit input[type="submit"]:hover,
.hbspt-form form .hs-submit input[type="submit"]:focus {
  background: #288ecb;
  border: 1px solid #288ecb;
}
.hbspt-form form .hs-fieldtype-select .input {
  position: relative;
  background-color: #off;
  border: #004261 0.5px solid;
  overflow: hidden;
  border-radius: 12px;
}
.hbspt-form form .hs-fieldtype-select .input:after {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: .75em;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-top-color: #A4B3C1;
  border-width: 6px;
  border-style: solid;
  pointer-events: none;
}
.hbspt-form form .hs-fieldtype-select .input select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 110%;
  background: #fff;
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  height: auto;
  border: 0;
  margin: 0;
  padding: .75em;
  border-radius: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hbspt-form form .hs-fieldtype-checkbox.hs-form-field > label {
  color: #004261;
  margin-left: 0;
}
.hbspt-form form ul.inputs-list li {
  margin: 8px 0;
}
.hbspt-form form ul.inputs-list input[type="checkbox"] + span {
  color: #004261;
}
.hbspt-form form ul.inputs-list input[type="checkbox"] + span:before {
  border: 1px solid #004261 !important;
  border-radius: 4px !important;
  transition: none !important;
}
.hbspt-form form ul.inputs-list input[type="checkbox"]:checked + span:after {
  background: #3E9FD9 !important;
  transform: scale(1) !important;
  border-radius: 4px !important;
}
.hbspt-form form ul.inputs-list input[type="checkbox"]:checked + span:before {
  height: 14px !important;
  width: 8px !important;
  border-top: 2px solid transparent !important;
  border-left: 2px solid transparent !important;
  border-right: 3px solid #fff !important;
  border-bottom: 3px solid #fff !important;
  z-index: 2 !important;
  top: 1px !important;
  left: 0 !important;
}
.subscription-widget {
  margin: 15px 0 30px;
}
.subscription-widget form input[type="email"] {
  margin: 10px 0;
  background: #fff;
  border-radius: 12px;
  border: 0.5px solid #C2CCD6;
}
.subscription-widget form button {
  line-height: 34px;
  border-radius: 9px;
  background: #3E9FD9;
  padding: 0 20px;
  color: #fff;
  transition: background 0.5s ease-in-out 0s;
}
.subscription-widget form button .icon {
  transition: transform 0.5s ease-in-out 0s;
}
.subscription-widget form button:hover {
  background: #53aadd;
}
.subscription-widget form button:hover .icon {
  transform: translate(5px);
}
ul.ivx-pseudo-select {
  position: relative;
}
ul.ivx-pseudo-select li:before {
  content: "";
  display: none;
}
ul.ivx-pseudo-select > li {
  padding: 0 15px;
  line-height: 51px;
  color: #29333D;
  position: relative;
  border: 0.5px solid #A4B3C1;
  border-radius: 12px;
  cursor: pointer;
}
ul.ivx-pseudo-select > li .label {
  color: #869AAC;
  display: block;
  max-width: calc( 100% - 20px );
}
ul.ivx-pseudo-select > li .label > span {
  color: #29333D;
  display: block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
ul.ivx-pseudo-select > li:after {
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 8px 0 8px;
  border-color: #E1E6EA transparent transparent transparent;
  position: absolute;
  right: 10px;
  top: 20px;
}
ul.ivx-pseudo-select > li:hover {
  border-bottom: none;
  border-radius: 12px 12px 0 0;
}
ul.ivx-pseudo-select > li:hover ul {
  display: block;
  box-shadow: 0 16px 16px rgba(0, 0, 0, 0.1);
}
ul.ivx-pseudo-select > li ul {
  margin: 0;
  padding: 10px 15px 20px;
  border-radius: 0 0 12px 12px;
  display: block;
  line-height: 140%;
  background: #fff;
  border: 0.5px solid #E1E6EA;
  border-top: none;
  z-index: 1000;
  position: absolute;
  top: 50px;
  left: 0;
  display: none;
}
ul.ivx-pseudo-select > li ul > li a {
  font-size: .8em;
  font-weight: 600;
  display: inline-block;
  padding: 6px 15px;
  border-radius: 8px;
  background: #F0F2F5;
  margin: 6px 0;
  color: #004261;
  transition: all 0.3s ease-in-out 0s;
}
ul.ivx-pseudo-select > li ul > li a:hover {
  background: #E1E6EA;
}
ul.ivx-pseudo-select > li ul > li.clear > a {
  padding: 6px 0;
  background: transparent;
}
ul.ivx-pseudo-select > li ul > li.clear > a .icon {
  margin-right: .5em;
}
.invox-block.subscription-banner {
  width: 840px;
  max-width: 100%;
}
.invox-block.subscription-banner img {
  position: absolute;
}
.invox-block.subscription-banner img.stars {
  right: -20px;
  top: -20px;
}
.invox-block.subscription-banner img.subscribe {
  left: 30px;
  top: 30px;
}
.invox-block.subscription-banner form {
  padding-left: 120px;
  width: 100%;
}
.invox-block.subscription-banner form h4 {
  margin: 0;
  font-weight: 600;
}
.invox-block.subscription-banner form ::placeholder {
  font-size: 12px;
}
.invox-block.subscription-banner form ::-ms-input-placeholder {
  font-size: 12px;
}
.invox-block.subscription-banner form .field {
  display: flex;
  margin: 10px 0;
  position: relative;
  gap: 20px;
}
.invox-block.subscription-banner form .field > * {
  flex: auto;
}
.invox-block.subscription-banner form .field label,
.invox-block.subscription-banner form .field input,
.invox-block.subscription-banner form .field button {
  height: 32px;
  line-height: 32px;
  border: none;
}
.invox-block.subscription-banner form .field label {
  font-size: 12px;
  color: #29333D;
  white-space: nowrap;
}
.invox-block.subscription-banner form .field input {
  border-radius: 8px;
  padding: 0 10px;
}
.invox-block.subscription-banner form .field button {
  background: #3E9FD9;
  color: #fff;
  border-radius: 8px;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 10px;
  line-height: 28px;
  padding: 0 10px;
}
form.post-password-form {
  width: 480px !important;
  margin: 80px auto !important;
  max-width: 90% !important;
}
form.post-password-form label,
form.post-password-form input {
  display: block;
  width: 100%;
  margin: 15px 0;
}
form.post-password-form input[type=password] {
  background: #fff;
  border-radius: 12px;
  border: none;
  border: 0.5px solid #004261;
  box-shadow: none;
  padding: 0 12px;
  line-height: 48px;
  font-family: 'Poppins', sans-serif;
}
form.post-password-form input[type=password]:focus {
  border: .5px solid #fff !important;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1) !important;
}
form.post-password-form input[type=password]:focus + label {
  margin-left: 0;
  top: -5px;
  color: #3E9FD9 !important;
  white-space: nowrap;
  text-overflow: ellipsis;
}
form.post-password-form input[type="submit"] {
  background: transparent;
  border: none;
  font-family: 'Poppins', sans-serif;
  color: #F4704D;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
}
#optin-confirm,
#typ-modal {
  width: 640px;
  border-radius: 20px;
}
#optin-confirm .modal-content,
#typ-modal .modal-content {
  background: #fff;
  padding: 30px 50px;
}
#optin-confirm .modal-content .columns,
#typ-modal .modal-content .columns {
  gap: 30px;
  display: flex;
}
#optin-confirm .modal-content .columns .image,
#typ-modal .modal-content .columns .image {
  width: calc( 30% - 30px );
}
#optin-confirm .modal-content .columns .ty,
#typ-modal .modal-content .columns .ty {
  width: 70%;
}
#optin-confirm .modal-content .columns .title,
#typ-modal .modal-content .columns .title {
  font-size: 1.2em;
  font-weight: 600;
  color: #3E9FD9;
  margin-right: 30px;
}
#optin-confirm .modal-close,
#typ-modal .modal-close {
  width: 26px;
  height: 26px;
  line-height: 26px;
  border-radius: 13px;
  text-align: center;
  background: #F4704D;
  position: absolute;
  right: 20px;
  top: 20px;
  color: #fff;
  font-size: 14px;
}
#optin-confirm {
  width: 360px;
}
#optin-confirm .title {
  font-weight: 600;
}