#page-home .hero {
    padding: 70px 0;
    padding-top: 160px;
    text-align: center;
    background: unset;
}

.hero-vid-bg {background: url(../white-noise.html), linear-gradient(180deg, #F7F8FC 0%, #E0E6F0 71.87%, #F7F8FC 83.85%)!important;
}



.main-content {
    max-width: 640px;
    margin: auto;
}

.centered-text {
    max-width: 651px;
    margin: auto;
        font-family: var(--font-wt-Light)!important;
}

.centered-text strong{
        font-family: var(--font-wt-Black)!important;
    font-weight: 750!important;
}



.main-content h1 {
    font-family: var(--font-wt-Black)!important;
    font-weight: 750!important;
}

.mainshadow {
      width: 642px;
height: 21px;  
}

.shadow{
    margin-top: 70PX;
    width: 100%;
height: 100%;
flex-shrink: 0;
border-radius: 642px;
opacity: 0.4;
background: #929BBA;
filter: blur(20px);
}

.mainshadow .inside{
    border-radius: 264px;
    opacity: 0.6;
    background: #929BBA;
    margin: auto;
    filter: blur(10px);
    width: 264px;
    height: 7px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.purple-gradient {
    background: linear-gradient(90deg, #6441E2 0%, #00B6E0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.green-gradient {
    background: linear-gradient(90deg, #00B6E0 0%, #02CE90 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.green-gradien-v2 {
    background: linear-gradient(90deg, #00B6E0 12.56%, #12E3A3 87.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.purp-gradient {
    background: linear-gradient(90deg, #6441E2 0%, #FC326C 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.purple-to-pink-gradient {
    background: linear-gradient(90deg, #105FFB 0%, #A15AF0 54.81%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}




.access-header {
    max-width: 800px;
    margin: auto;
    text-align: left;
}


.content {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}



video {
    width: 100%;
    height: auto; 
    display: block;
    border-radius: 40px;
}


.video-container {
    height: 200vh;
  position: relative;
  background-size: cover;
  background-position: top center;
}

.video-foreground {
  position: sticky;
  top: 0; 
  left: 10vw; 
  width: 80vw;
  height: 100vh; 
  max-width: 100%;
  transition: all 0.5s ease;
}

.video-foreground::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 99;  
    border-radius: 40px;
}

.video-foreground.changed-radius::before {
    border-radius: unset; /* or 0, if you prefer */
}

.video-foreground.rounded::before {
    border-radius: 40px;
}

.video-foreground video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-container video {
    transition: height 0.3s ease;
    margin: 0px auto auto;
    max-width: unset;

}


.centered-text {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -40vh);
    z-index: 2;
    color: #fff;
    text-align: center;
    max-width: 800px;
        width: 100%;
    padding: 0 32px;
}

.centered-text-second {
    margin-top:40vh;
}


/* .promo-link::after {
    width: 16px;
    height: 16px;
    background-size: contain !important;
    background: url(../images/arrow_forward_v2.svg) no-repeat;
    top: 3px;
    left: 0.35em;
    transition: all 0.2s;
} */

.cta .btn-standard{
    background: linear-gradient(90deg, #105FFB 0%, #A15AF0 100%);
    border-radius: 8px;
    padding: 16px 20px;
}


.access-section {
    padding: 96px 0;
    background: #181625;

}
.grid-gal {
    display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 80px;
grid-row-gap: 0px;
}

.counter-title{
    text-align: left;
}

.access-header {
    color: #fff;
}

.an-img, .main-img {
    border-radius: 8px;
    text-align: center;
}

.gallery__img img {
  border-radius: 8px;

}

.main-img{
        justify-self: center;

}

.an-text{
    padding: 16px;
    display: flex;
}

.an-text p {
    margin: auto;

}

.an-text span {
    font-family: var(--font-wt-Black)!important;
    font-weight: 750!important;
}





@media only screen and (max-width: 1140px) {
    .an-three{ 
    margin-top: -30%;

} 
}


.an-three {
    margin-top: -40%;
}



.video-lib a{
border-radius: 16px;
background: linear-gradient(90deg, #181625 0%, #32518D 100%);
max-width: 640px;
padding: 16px 32px;
padding-right: 200px;
color: #fff;
height: 118px;
display: flex;
    margin: auto;
}

.video-text-part {
    align-self: center;
}

.video-text-part p {
    margin-bottom: 0;
}

.video-lib-title {
    font-family: var(--font-wt-Heavy);
    font-weight: 700;

}

.video-lib{
width: 100%;
    margin-top: 80px;
}

.video-libimg{
    max-width: 200px;
    right: -20px;
        top: -15px;
    position: absolute;
}

@media only screen and (max-width: 1024px) {
.video-libimg{
    right: -20px;
}

}


#app-counter {
    position: relative;
    font-family: var(--font-wt-Heavy);
    font-weight: 700;
    width: 100%;
}


.slide-quote {
    display: flex;
      align-items: stretch;
overflow-y: hidden;
    gap: 40px;
    overflow-x: scroll;
    scrollbar-width: none;  
    -ms-overflow-style: none;  
    margin: 0;
    padding: 40px 0;
    position: relative;
    padding-left: calc((100% - 1264px) / 2 + 32px);
    padding-right: calc((100% - 1264px)/2 + 0px);
}

@media only screen and (max-width: 1268px) {
    .slide-quote {
        padding-left: 32px;
}
}

@media only screen and (max-width: 1024px) {
    .slide-quote {
        padding-left: 56px;
}
}

@media only screen and (max-width: 640px) {
    .slide-quote {
        padding-left: 32px;
}
}



.slide-quote-image {
    max-height: 24px ;
        margin-right: auto;
        margin-bottom: 24px;
}


.slide-quote-container-in::after {
    background: linear-gradient(90deg,rgba(255, 255, 255, 0.00) 0%,  #FFF  100%);
}

.slide-quote-container-in::before {
    background: linear-gradient(90deg, #FFF  0%,   rgba(255, 255, 255, 0.00) 100%);
}

.slide-quote::-webkit-scrollbar {
    display: none; 
}

.slide-quote-solo {
    flex: 0 0 35vw; 
      display: flex;
  flex-direction: column; 
  border-radius: 16px;
  max-width: 352px;
  width: 352px;
  min-height: 520px;
background-size: contain!important;
    background-position: bottom!important;
    background-repeat: no-repeat!important;
}

.quote-text {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    padding: 40px;
        padding-bottom: 0;
    z-index: 2;
}

.quote-text p {
    margin-bottom: 0;
    padding-top: 24px;
    border-top: 1px solid #E6E6E6;
    color: #000!important;
}

.business-header {
    max-width: 720px;
}

.slide-cta {
    text-align: center;
    margin-top: 80px;
    padding: 0 32px;
    margin-bottom: 0;
}

.slide-cta .promo-link {
display: initial;
    white-space: nowrap;
}


.slide-quote-solo-not-hover {
    opacity: 1;
}

/*.change-hand:hover .slide-quote-solo-not-hover{
    display: none!important;
    opacity: 0;
} */

.change-hand {
    cursor: pointer;
}

.slide-quote-solo-hover {
    opacity: 0;
    /* height: 0; */
    /* min-height: 0!important; */
    position: absolute;
    top: 0;
    left: 0;
}

.change-hand:hover .slide-quote-solo-hover{
max-width: 352px;
    opacity: 1;

    width: 352px;
    min-height: 520px!important;
}

.slide-quote-bg{
border-radius: 0 0 16px 16px;
    }  

.slide-quote-bg-hover {
display: none;
border-radius: 0 0 16px 16px;
    }   

.slide-quote-solo:hover .slide-quote-bg {
display: none
    }    
.slide-quote-solo:hover .slide-quote-bg-hover {
display: block
    }    



.slide-quote .slide-quote-solo:last-child {
    margin-right: 5%;
}

.scrollbar-container {
    border-radius: 12px;
}

.scrollbar-container div {
    border-radius: 12px;
}

.business-section {
    padding: 160px 0;
    background: linear-gradient(180deg, #F7F8FC 0%, #FFF 100%);

}




.innov-section {
    padding: 160px 0;
    background:url("../svg/innov-bgf-v2.svg"), linear-gradient(180deg, #F7F8FC 0%, #FFF 100%);
    background-repeat: no-repeat;
    background-size: 100vw, 100%;
    background-position: bottom center;
}

.header-innov {
    max-width: 800px;
    margin: auto ;
    text-align: center;
    margin-bottom: 80px;
}

.video-innov {
    max-width: 640px;
    margin: auto;
    border-radius: 16px;
    margin-bottom: 40px;
}

.header-innov h2 {
    margin: 0;
    margin-bottom: 18px;

}

.header-innov p {
    margin: 0;

}


.grid-innov-one {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 24px;
grid-row-gap: 0px;
}

.two-grid-inn {
    padding: 40px;
    background: linear-gradient(180deg, rgba(100, 65, 226, 0.20) 0%, rgba(252, 50, 108, 0.00) 100%);
border-radius: 16px;

}


.two-grid-inn p{
margin: 0;
margin-top: 32px;

}


.grid-innov-two {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 24px;
grid-row-gap: 0px;
margin-top: 40px;
}

.three-grid-inn {
    padding: 40px;
    border-radius: 16px 16px 0px 0px;
background: linear-gradient(180deg, rgba(130, 155, 196, 0.10) 0%, rgba(130, 155, 196, 0.00) 100%);


}

.three-grid-inn .nb-grid{
    margin: 0;
    color: #6441E2;
        font-family: var(--font-wt-Heavy)!important;
    font-weight: 700!important;
}

.innov-cta {
    text-align: center;
    width: 100%;
    display: block;
    font-family: var(--font-wt-Heavy)!important;
    font-weight: 700!important;
    color: #000;

}


.innov-cta.promo-link::after {
background: url(../iconb_arrow_links.html) no-repeat;

}

.resources-row .pods-wrap {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: auto;
    column-gap: 24px;
    row-gap: 48px;
    margin: 48px auto 0;
}

.home_resources_text_cell {
      grid-template-rows: auto;
}

#page-home .home_resources_text_cell h6 {
    align-self: end;
}
#page-home .home_resources_text_cell p {
    margin: 0 0 1em;

}

.impact-section {
    padding-top: 320px;
    padding-bottom: 160px;
    background:url("../png/1unsplash_1n49cn7p0fg.png"), #181625;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100vw;
    overflow: hidden;
}

.header-impact {
    text-align: center;
    color: #fff;
    max-width: 800px;
    margin: auto;
    margin-bottom: 240px;
}

.pod-impact {
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    background-color: #252A3A;
    max-width: 320px;
    height: 360px;
    border-radius: 16px;
    color: #fff;
    overflow: hidden;
    transition: none;
}

.toppod {
        padding: 28px;
        padding-bottom: 0;

}

.pod-text {
    margin: 0;
}


.mini-pod-title {
    font-family: var(--font-wt-Black)!important;
    font-weight: 750!important;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.pod-impact img{
    margin-bottom: 8px;

}



.carousel {
    display: flex;
    overflow: hidden;
    width:100%;
}

.pod-impact {
    flex-shrink: 0; /* Important pour empêcher le redimensionnement */
    margin:0 13px;
    display: flex!important;
    flex-direction: column;
    height: unset!important;
    width: 320px!important;
}


.pod-impact:hover{
    background-color: #6441E2!important;
     animation: fadeIt 2s ease-in-out; 
    }

@-webkit-keyframes fadeIt {
  from  { background-color:#6441E2; }
  to { background-color: unset ; }
}



.slick-track {
    display: flex!important;
      align-items: stretch;
}

.slick-slide .home_resources_image {
    max-height: 32px;
    border-radius: unset;
}

.slick-slide .pod-bt {
width: 100%;
padding: 0;
overflow: hidden;
margin-top: auto;
opacity: 0.4;
background: linear-gradient(180deg, #252A3A 3.02%, rgba(37, 42, 58, 0.00) 99.75%);
background-size: contain!important;
background-position: bottom!important;
}

.pod-bt img {
    margin-bottom: 0;
}

.slick-active .pod-bt::before{      content: '';
  z-index: 10;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
background: linear-gradient(180deg, #252A3A 3.02%, rgba(37, 42, 58, 0.00) 99.75%);}

.pod-bt::before{
      content: '';
  z-index: 10;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
background: linear-gradient(180deg, #252A3A 3.02%, rgba(37, 42, 58, 0.00) 99.75%);


}


.pod-impact:hover .pod-bt::before{      
    content: '';
  z-index: 10;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
background: linear-gradient(180deg, #6441E2  3.02%, rgba(37, 42, 58, 0.00) 99.75%);}


.gauche, .droite {
    opacity: 0;
    transition: opacity 1s, transform 1s;
}

.gauche {
    transform: translateX(-100%);
}

.droite {
    transform: translateX(100%);
}

.bottom-main {
    transform: translateY(80px);
    transition: transform 1s, opacity 1s;
    opacity: 0;
}

.animate-in {
    opacity: 1;
    transform: translateX(0);
}

.cta {
    background-image: url(../svg/h-cta.svg);
    padding: 240px 0;
    padding-bottom: 340px;
        background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0 200px;

}

#footer {
    border-top-right-radius: 80px;
    border-top-left-radius: 80px;
    margin-top: -100px;
}






.gallery__img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  display: block; 
  margin: 0;
  padding: 16px;
}

.gallery_wimg {padding: 0}

.gallery__img span {
font-family: var(--font-wt-Black)!important;
    font-weight: 750!important;
}
.gallery__img p {
    margin-bottom: 0;
        display: flex;
    flex-direction: column;
        text-align: center;
    margin-top: auto;
    justify-content: center;
        width: 100%;
    height: 100%;
}


.gallery__item--1 {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 3;
  padding: 0;

  /** Alternative Syntax **/
  /* grid-column: 1 / span 2;  */
  /* grid-row: 1 / span 2; */
}

.gallery__item--1 p {
    color: var(--primary-app-lovin-blue-dark, #099AC6);
    max-width: 85%;
    margin-left: auto;
    background: rgba(9, 154, 198, 0.10);
border-radius: 8px;
}



.gallery__item--2 {
  grid-column-start: 2;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 5;

  /** Alternative Syntax **/
  /* grid-column: 3 / span 2;  */
  /* grid-row: 1 / span 2; */
}

.gallery__item--3 {
  grid-column-start: 4;
  grid-column-end: 4;
  grid-row-start: 2;
  grid-row-end: 2;
    align-self: self-end;
  /** Alternative Syntax **/
  /* grid-column: 5 / span 4;
  grid-row: 1 / span 5; */
}

.gallery__item--4 {
grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 6;

  /** Alternative Syntax **/
  /* grid-column: 1 / span 4;  */
  /* grid-row: 3 / span 3; */
}

.gallery__item--5 {
    grid-column-start: 4;
    grid-column-end: 6;
    grid-row-start: 3;
    grid-row-end: 5;
    padding: 0;

  /** Alternative Syntax **/
  /* grid-column: 1 / span 4; */
  /* grid-row: 6 / span 3; */
}

.gallery__item--5 p {
      background: rgba(16, 95, 251, 0.10);
border-radius: 8px;
color: var(--primary-tech-blue, #105FFB);
    max-width: 90%;
    margin-left: 0;
padding: 16px;
}

.gallery__item--6 {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 6;
    grid-row-end: 8;
        margin-top: 0;

  /** Alternative Syntax **/
  /* grid-column: 5 / span 4; */
}  /* grid-row: 6 / span 3; */


.gallery__item--7 {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 5;
  grid-row-end: 7;

  /** Alternative Syntax **/
  /* grid-column: 5 / span 4; */
  /* grid-row: 6 / span 3; */
  border-radius: 8px;
background: rgba(18, 175, 163, 0.10);
color: var(--primary-sea-green-dark, #12AFA3);
max-width: 110%;
width: 100%;
}


.gallery__item--8 {
grid-column-start: 3;
    grid-column-end: 6;
    grid-row-start: 5;
    grid-row-end: 8;
width: 93%;
    justify-self: self-end;
  /** Alternative Syntax **/
  /* grid-column: 5 / span 4; */
  /* grid-row: 6 / span 3; */
}

.fade {
  opacity: 0; 
  transition: opacity 0.5s ease-out; 
}

.centered-text-second {  transition: opacity 1s ease-out;
}

.fadesecond{
  opacity: 0; 
  transition: opacity .5s ease-out;
}

.is-visible {
  opacity: 1;
}


.slick-initialized .slick-slide {
    opacity: 1;
}

.access-header p {margin-bottom: 0;}

@media only screen and (max-width: 1024px) {

    .grid-acc img {margin:auto}

.grid-gal {display: block;text-align: center;   }

.access-header {text-align: center;margin-bottom: 80px;}
.access-section, .business-section, .innov-section {
    padding: 120px 0;
}

.cta {
    padding: 200px 0;
    padding-bottom: 300px;

}

.impact-section {
    padding-top: 280px;
    padding-bottom: 120px;
    }

.quote-text p {
    padding-top: 20px;
    color: #000;
}

.slide-quote-image {
    margin-bottom: 20px;
}

.quote-text p {
    font-size: 18px!important;
}

.slide-quote-solo {
  border-radius: 14px;
  max-width: 352px;
  width: 298px;
  min-height: 440px;
  }

.change-hand:hover .slide-quote-solo-hover{
  max-width: 352px;
  width: 298px;
  min-height: 440px!important;
}
.scrollbar-container {
    width: 95%!important;
}

.header-impact{
    margin-bottom: 120px;
}

.video-foreground {
    width: 92vw;
    margin: auto;
    top: 0;
    left: 4vw;
}

.bottom-main {
    transition: transform 0.5s, opacity 1s;
}

}

@media only screen and (max-width: 850px) {

    .scrollbar-container {
    width: 88%!important;
}


.grid-acc {
display: block;

}

.gallery__item--1 {
    grid-area: 1 / 1 / 1 / 4;
    height: 130px;
    max-width: 100%;
}

.gallery__item--1 p {
    max-width: 100%;
    }

.gallery__item--4 { grid-area: 2 / 1 / 3 / 4; }
.gallery__item--6 {
    grid-area: 3 / 1 / 4 / 4;
    margin: 0;
    max-width: 100%;
}

.gallery__item--2 { grid-area: 4 / 1 / 5 / 4; }
.gallery__item--3 { grid-area: 5 / 1 / 6 / 2; }
.gallery__item--5 { grid-area: 5 / 2 / 6 / 4; }


.gallery__item--5 p
{
    max-width: 100%;
    }

.gallery__item--7 {
    grid-area: 6 / 1 / 7 / 4;
    max-width: 100%;
    width: initial;
}
.gallery__item--8 {
    grid-area: 7 / 1 / 8 / 4;
    width: 100%;
}

.gallery__img p {
    padding: 12px;
}

.gallery__img img {
    width: 100%;
}

.an-img, .main-img {
    border-radius: 6px;
}

.gallery__img img {
  border-radius: 6px;

}



}


@media only screen and (max-width: 764px) {

.grid-innov-one {
    display: block;
}

.grid-innov-two{
    display: block;

}

.pod-impact {
    width: 240px;
}



.quote-text {
    padding: 27px;
}
.slide-quote {
    gap: 24px;
}

.cta {
    background-image: url(../svg/h-cta.svg);
    padding: 240px 0;
    padding-bottom: 340px;
        background-repeat: no-repeat;
    background-size: 100vw;
    background-position: bottom;

}
.scrollbar-container div {
    max-width: 100%;
}
.grid-innov-one {
    display: block;
    }

    #footer {
    border-top-right-radius: 40px;
    border-top-left-radius: 40px;
}
.resources-row .pods-wrap {
    display: block;
    max-width: 100%;
    min-width: unset;
}

.home_resources_pod {
    margin-bottom: 24px;
}
.pod-text,.mini-pod-title {
    font-size: 11px!important;
}

.slick-initialized .slick-slide {
        max-width: 240px;
    max-height: 270px;
}
.slick-slide .home_resources_image {
    max-height: 24px;
    border-radius: unset;
}
.mini-pod-title {
    padding-bottom: 12px;
    margin-bottom: 12px;
}
.toppod {
    padding: 21x;
}
.video-lib {
    width: 100%;
    margin-top: 80px;
}
.video-libimg {
    margin: auto;
    right: unset;
    top: -20px;
}

.video-lib a {
    padding-right: 32px;
        height: unset;
        padding-top: 120px;
        padding-bottom: 32PX;
        justify-content: center;
}

.access-section, .business-section, .innov-section {
    padding: 80px 0;
}

.cta {
    padding:160px 0;
    padding-bottom: 260px;

}

.impact-section {
    padding-top: 240px;
    padding-bottom: 80px;
    }

.slide-quote-image {
    max-height: 20px;
}

.quote-text p {
    font-size: 15px!important;
}

.impact-section {
    padding-top: 280px;
    padding-bottom: 120px;
    }

.quote-text p {
    padding-top: 16px;
}

.slide-quote-image {
    margin-bottom: 16px;
}
.slide-quote-solo {
  border-radius: 12px;
  max-width: 352px;
  width: 244px;
  min-height: 360px;
  }

  .change-hand:hover .slide-quote-solo-hover{
  max-width: 352px;
  width: 244px;
  min-height: 360px!important;
}
.slide-cta {
    margin-top: 40px;
 
}

.video-text-part {
    align-self: center;
    text-align: center;
}


}


@media only screen and (max-width: 500px){
.scrollbar-container {
    width: 85%!important;
}
}