@import url('https://fonts.googleapis.com/css2?family=Abyssinica+SIL&display=swap');
 .site-main {
     padding: 0;
     max-width: unset !important;
     margin: unset !important;
}
 .page-container {
     margin: auto;
}
 .home-banner {
     padding: 80px 0;
     max-width: 1192px;
     margin: auto;
     position: relative;
     z-index: 3;
}
 .banner-container {
     background: url("/assets/img/CMO Grainy Gradient BG Loop_Option 1.jpg?v=2123");
     background-size: cover;
     position: relative;
     background-repeat: no-repeat;
     z-index: 1;
}
 .banner-container #video-background {
     position: absolute;
     z-index: 2;
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .home-banner h1 {
     font-family: Poppins, sans-serif;
     font-size: 96px;
     font-weight: 300;
     line-height: 86px;
     letter-spacing: -0.04em;
     text-align: center;
     margin-bottom: 80px;
     color: var(--black);
     opacity: 0;
     transition: 0.6s opacity ease-in-out;
}
 .home-banner h1 .abyssinica{
     font-family: Abyssinica SIL, serif !important;
     font-weight: 300;
     font-style: italic;
}
 .banner-widget {
     display: flex;
     gap: 52.33px;
}
 .banner-widget > .content{
     opacity: 0;
     transition: 0.6s opacity ease-in-out;
}
 .banner-widget .btn-outline{
     border-color: var(--coral) !important;
     color: var(--white) !important;
     background: var(--coral-gradient);
}
 .banner-widget .btn-outline:hover {
     background: var(--black) !important;
     border-color: var(--black) !important;
     color: var(--white) !important;
}
 .banner-widget .content p{
     color: var(--black);
     font-family: Poppins;
     font-size: 20px;
     font-style: normal;
     font-weight: 300;
     line-height: 32px;
}
 .widget-container .stats {
     display: flex;
     gap: 50px;
     opacity: 0;
     transition: 0.6s opacity ease-in-out;
}
 .widget-container p {
     color: var(--black);
     font-family: Poppins, sans-serif;
     font-size: 16px;
     font-style: normal;
     font-weight: 300;
     line-height: 24px;
}
 .widget-container{
     width: 554.667px;
}
 .home-banner .content{
     width: 585px;
}
 .stats-item h2{
     color: var(--black);
     font-family: IvyJournal !important;
     font-size: 56px;
     font-style: italic;
     font-weight: 400;
     line-height: 52px;
    /* 92.857% */
     letter-spacing: -2.24px;
     margin-top: 0;
     margin-bottom: 16px;
}
 .widget-container > p{
     margin-bottom: 16px;
}
 @media (max-width: 375px) {
     .btn-group {
         flex-direction: column;
         align-items: flex-start;
    }
}
 @media (max-width: 500px) {
     .home-banner {
         padding: 52px 31px 34px 31px;
         z-index: unset;
    }
     .home-banner h1 {
         text-align: left;
         font-family: Poppins, sans-serif;
         font-size: 48px;
         font-weight: 400;
         line-height: 50px;
         letter-spacing: -4%;
         text-align: left;
         margin-bottom: 24px;
    }
     .home-banner h1 .text-italic{
         line-height: 44px;
    }
     .banner-widget {
         flex-direction: column;
         gap: 24px;
    }
     .widget-container {
         width: 100%;
         display: none;
    }
     .widget-container .stats {
         flex-direction: column;
         border-bottom: 1px solid #09100F;
         gap: 0;
    }
     .home-banner .content {
         width: 100%;
    }
     .stats-item h2 {
         font-size: 42px;
         line-height: 40px;
    }
     .banner-widget .content p {
         font-size: 16px;
    }
     .banner-container #video-background {
         display: none !important;
    }
     .banner-container {
         background: url('/assets/img/CMO Grainy Gradient BG Loop_Option-mobile.jpg');
         background-size: cover;
         background-repeat: no-repeat;
         z-index: unset;
    }
}
 .awards-container {
     background-color: var(--black);
     background-image: url(/assets/img/vector-circle-background.svg?v=22213);
     background-position: bottom right;
     background-repeat: no-repeat;
     background-size: 50% 100%;
}
/* .awards-container .content-wrap{
     padding: 48px 0;
     display: flex;
     gap: 137.33px;
}
 */
 .awards-container .media-pack-content-wrap {
     padding: 48px 0;
     display: flex;
     gap: 137.33px;
     max-width: 1192px;
     margin: auto;
     align-items: center;
}
 .awards-logo-grid {
     display: flex;
     gap: 24px;
     padding: 0 24px;
     flex-wrap: wrap;
     width: 700px;
     justify-content: center;
}
 .h-119 {
     height: 119px;
}
 @media (max-width: 600px) {
     .h-119 {
         width: 100%;
         height: auto !important;
         max-height: 119px;
         max-width: fit-content;
         object-fit: contain !important;
        /* helps images behave */
    }
     .small-h119 {
         width: 119px;
         max-width: 119px;
    }
}
/* .awards-container .media-pack-content-wrap div:first-of-type{
     width: 32%;
}
 */
/* .awards-container .content-wrap div:last-of-type{
     display: flex;
     gap: 24px;
     align-items: center;
}
 */
/* .awards-container .content-wrap div:last-of-type img{
     width: 100%;
}
 */
 .awards-container h3 {
     margin: 0;
     color: var(--white);
     position: relative;
     font-size: 40px;
}
 .awards-container h3:after {
     content: url(/assets/img/vector-arrow-right.svg?v=22213);
     position: absolute;
     top: 36px;
     right: -110px;
}
 @media screen and (max-width: 1366px) {
     .media-pack-content-wrap {
         padding-left: 32px;
         padding-right: 32px;
    }
}
 @media screen and (max-width: 1024px) {
     .media-pack-content-wrap {
         padding-left: 32px;
         padding-right: 32px;
    }
    /* .awards-container .media-pack-content-wrap {
         padding: 48px 32px;
    }
     */
     .awards-logo-grid {
         flex-wrap: wrap;
         justify-content: flex-start;
         align-items: center;
         gap: 10px 24px;
    }
     .awards-container .media-pack-content-wrap {
         align-items: center;
    }
}
 @media screen and (max-width: 1000px) {
     .awards-container .media-pack-content-wrap {
         flex-direction: column;
    }
     .awards-logo-grid {
         width: 100%;
         padding: 0px;
         gap: 24px;
         flex-direction: row;
         flex-wrap: wrap;
         justify-content: center;
    }
     .awards-container .media-pack-content-wrap {
         flex-direction: column;
         gap: 24px;
         text-align: center;
    }
}
 @media (max-width: 500px) {
     .awards-container .content-wrap div:first-of-type{
         width: unset;
    }
    /* .awards-container .content-wrap{
         flex-direction: column;
         gap: 40px;
         padding: 0;
    }
     */
     .awards-container {
         background-color: var(--black);
         background-image: url("/assets/img/awards-mobile-background.png");
         background-repeat: no-repeat;
         background-size: cover;
         padding: 56px 32px;
    }
    /* .awards-container .content-wrap div:last-of-type {
         display: grid;
         grid-template-columns: 1fr 1fr;
         grid-template-rows: auto auto;
         column-gap: 0;
         row-gap: 24px;
         justify-items: center;
    }
     .awards-container .content-wrap div:last-of-type img:nth-last-of-type(-n+2){
         grid-column: span 2;
    }
     */
     .awards-container h3:after {
         display: none;
        /* content: url(/assets/img/vector-arrow-down.svg?v=22213);
         position: absolute;
         right: -21px;
         bottom: -42px;
         top: unset;
         */
    }
}
 .video-content {
    /* background: url("/assets/img/dark-background.svg?v=22213");
     background-size: cover;
     background-repeat: no-repeat;
     background-position: left bottom;
     */
     background-color: var(--white);
}
 .video-content .content-wrap {
     display: flex;
     gap: 64px;
}
 .video-content .w-chrome{
     border-radius: 12px !important;
}
 .video-content .video-content-container {
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     position: relative;
}
/* .video-content .video-content-container:before {
     content: url("/assets/img/arrow-down-coral.svg?v=22213");
     position: absolute;
     top: 0;
     right: -65px;
}
 */
 .video-content .video-content-container:after {
     content: url("/assets/img/star-coral.svg?v=22213");
     position: absolute;
     bottom: 211px;
     right: -55px;
}
 .video-content-container .list-item-daw h5:after{
     content: url("/assets/img/arrow-right-custom.svg?v=22213");
     filter: invert(77%) sepia(2%) saturate(32%) hue-rotate(316deg) brightness(93%) contrast(86%);
     margin-left: 16px;
     
     transition: all .1s ease-in;
}
 .video-content-container .list-item-daw a:hover{
     text-decoration: none;
}
 .video-content-container .list-item-daw a:hover h5:after{
     filter: unset;
     margin-left: 21px;
}
 .video-content-container .list-item-daw h5 {
     color: var(--black);
     font-family: Poppins;
     font-size: 24px;
     font-style: normal;
     font-weight: 400;
     line-height: 32px;
    /* 133.333% */
     letter-spacing: -0.96px;
}
 .video-content-container .list-item-daw h5:hover {
     background: var(--coral-gradient);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: rgba(0, 0, 0, 0);
}
 .video-content-container .list-item-daw:not(:last-of-type) p {
     border-bottom: 1px solid var(--Dark-Grey, #AEAEAE);
}
 .video-content-container .list-item-daw p {
     color: var(--black);
     font-family: Poppins;
     font-size: 16px;
     font-style: normal;
     font-weight: 300;
     line-height: 24px;
    /* 150% */
     margin-bottom: 0;
     padding-bottom: 16px;
}
 .video-content .content-wrap .video-container p {
     color: var(--black);
     font-family: Poppins, sans-serif;
     font-size: 20px;
     font-weight: 300;
     line-height: 32px;
     text-align: left;
}
 .video-content .content-wrap .video-container h3:after {
     content: url("/assets/img/start-sm-skyblue.svg?v=22213");
     position: absolute;
     left: 335px;
     top: 0;
}
 .video-content .content-wrap .video-container > h3 > span:after {
     content: url("/assets/img/start-white.svg?v=22213");
     position: absolute;
     position: absolute;
     left: 375px;
     top: 22px;
}
 .video-content h3 span{
     padding: 0;
     padding-bottom: 10px;
}
 .video-content h3 {
     position: relative;
     color: var(--black);
     font-family: Poppins, sans-serif;
     font-size: 42px;
     font-style: normal;
     font-weight: 400;
     line-height: 40px;
    /* 95.238% */
     letter-spacing: -1.68px;
     margin-top: 0;
     margin-bottom: 24px;
}
 @media (max-width: 500px) {
     .video-content {
         padding: 52px 32px 56px;
    }
     .video-content .content-wrap{
         padding: 0;
         flex-direction: column;
         gap: 24px;
    }
     .video-content-container .list-item-daw h5 {
         margin-top: 0;
    }
     .video-content .content-wrap .video-container span:after {
         left: 275px;
    }
     .video-content .content-wrap .video-container h3:after {
         left: 230px;
    }
     .wistia_responsive_wrapper {
         width: 100% !important;
         height: 100% !important;
    }
     .video-content .video-content-container:after {
         content: "" 
    }
     .video-content .video-content-container {
         gap: 32px;
    }
     .video-content .content-wrap .video-container p {
         font-size: 16px;
    }
     .video-content h3 {
         font-family: Poppins;
         font-size: 42px;
         font-weight: 400;
         line-height: 40px;
         letter-spacing: -0.04em;
    }
}
 .content-wrap {
     padding: 80px 0;
     max-width: 1192px;
     margin: auto;
}
 .logo-partners {
     background: var(--white);
}
 .logo-partners .content-wrap p{
     color: var(--black);
}
 .logo-partners .content-wrap{
     padding: 48px 0;
     margin: auto;
     text-align: center;
}
 @media (max-width: 500px) {
     .logo-partners {
         padding: 56px 32px;
    }
     .logo-partners .content-wrap {
         padding: 0;
    }
     .logo-partners .group-logo {
         flex-direction: column;
         gap: 20.35px;
    }
     .logo-partners .group-logo img{
         width: 80%;
    }
     .logo-partners .group-logo img:nth-child(5){
         margin-left: -90px;
    }
     .logo-partners .content-wrap > div {
         display: flex;
         gap: 20px;
    }
     .logo-partners .content-wrap > div > div{
         flex: 1;
    }
     .content-wrap .group-logo:first-of-type {
         justify-content: flex-start;
         gap: 11.35px;
    }
}
 .group-logo {
     display: flex;
     gap: 64px;
     justify-content: center;
}
 .group-logo img{
     max-height: 48px;
}
 .content-wrap p{
     color: var(--black);
     font-family: Poppins, sans-serif;
     font-size: 16px;
     font-style: normal;
     font-weight: 300;
     line-height: 24px;
    /* 150% */
     margin-bottom: 24px;
}
 .content-wrap .group-logo:first-of-type{
     margin-bottom: 24px;
}
 .image-content {
     padding-top: 80px;
     padding-bottom: 80px;
}

 .image-content {
     padding-top: 80px;
     padding-bottom: 80px;
}
 .image-content.dark{
     background-image: url("/assets/img/top-right.svg?v=22213");
     background-color: var(--black);
     background-repeat: no-repeat;
     background-position: top right;
}
 .image-content.light{
     background: url("/assets/img/light-background-rtl.svg?v=22213");
     background-size: cover;
     background-position: bottom right;
     position: relative;
     overflow: hidden;
}
 .image-content.light:before{
     content: url('/assets/img/eclipse-coral.svg?v=22213');
     position: absolute;
     left: 0;
     bottom: -6px;
     z-index: 0;
}
 .image-content.light .btn {
     background: var(--coral-gradient);
     color: var(--white);
}
 .image-content.light .btn:hover {
     background: var(--black);
}

 .image-content.light .btn.btn-disabled {
  background: var(--dark-grey);
  color: var(--white);
}
 .image-content.dark .btn {
     background: var(--coral-gradient);
     color: var(--white);
}
 .image-content.dark .btn:hover {
     background: var(--white);
     color: var(--black);
}
 .image-content h2 {
     margin: 0;
     font-family: Poppins !important;
     font-size: 56px;
     font-weight: 400;
     line-height: 58px;
     letter-spacing: -0.04em;
}
.image-content .text-primary-coral-gradient {
    padding-bottom: 16px;
}
.image-content .image-column {
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: flex-start;
    align-items: flex-start;
}
 .image-content p {
     font-family: Poppins, sans-serif;
     font-size: 16px;
     font-style: normal;
     font-weight: 300;
     line-height: 24px;
    /* 160% */
     margin-bottom: 0;
}
 .image-content .btn {
     display: inline-block;
     /* margin-top: 24px; */
}
 .image-content.dark p, .image-content.dark h2 {
     color: var(--white);
}
 .image-content.light p, .image-content.light h2 {
     color: var(--black);
}
 .image-content .content-wrap {
     display: flex;
     gap: 32px;
     position: relative;
     z-index: 1;
     padding: 0;
}
 .image-content .image-section {
     display: flex;
     gap: 32px;
     justify-content: space-between;
}
 .image-content .content-container .image-section:first-of-type {
     margin-bottom: 120px;
}
 .image-content .content-container .image-section:first-of-type {
     position: relative;
}
/* .image-content .content-wrap img{
     opacity: 0;
     visibility: hidden;
     position: absolute;
     top: 150px;
     width: 100%;
     transition: opacity .5s ease-in-out, top .5s ease-in-out;
}
 .image-content .content-wrap img.show{
     opacity: 1;
     visibility: visible;
     top: 0;
}
 */
 .image-content .image-section > div:first-of-type{
     width: 587px;
}
 .image-content .image-section > div:last-of-type{
     width: 558px;
     position: relative;
}
 .image-content .image-tag {
     padding: 8px 12px;
     border-radius: 40px;
     display: inline-block;
     font-family: Poppins, sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 17px;
     text-align: center;
}
 .image-content.dark .image-tag {
     border: 1px solid var(--white);
     color: var(--white);
}
 .image-content.light .image-tag {
     border: 1px solid var(--black);
     color: var(--black);
     font-family: Poppins;
     font-size: 14px;
     font-weight: 400;
     line-height: 17px;
}
 @media (max-width: 500px) {
     .image-content {
         padding: 56px 32px;
    }
     .image-content.dark {
         background-position: top left;
    }
     .image-content .content-wrap {
         display: block;
    }
     .image-content .image-section > div:first-of-type {
         width: 100%;
    }
     .image-content .image-section > div:last-of-type {
         width: 100%;
    }
     .image-content .image-section {
         flex-direction: column;
         gap: 24px !important;
    }
     .image-content .content-wrap img {
         position: unset;
         width: 100%;
    }
     .image-content.light .image-section{
         flex-direction: column-reverse !important;
    }
     .image-content .content-container .image-section:first-of-type{
         margin-bottom: 56px;
    }
     .image-content h2 {
        font-size: 42px;
        letter-spacing: -0.02em;
        margin: 0;
        line-height: 1;
    }
     .image-content h2 span{
         letter-spacing: -0.04em;
         display: inline;
         line-height: 1;
    }
}
 .partners-ratings {
     padding-top: 80px;
     padding-bottom: 80px;
     text-align: center;
}
 .partners-info p {
     font-family: Poppins !important;
     font-size: 16px;
     font-weight: 300;
     line-height: 24px;
     color: var(--white);
}
 .partners-ratings .logos{
     justify-content: center;
     display: flex;
     gap: 221.21px;
}
 .logo-image {
     display: flex;
     flex-direction: column;
     gap: 16px;
}
 .logo-image p {
     font-family: poppins;
     font-size: 16px;
     margin-bottom: 0 !important;
}
 .logo-image img {
     height: 40px;
     width: auto;
}
 .rating-stars img {
     height: 24px;
     width: auto;
}
 .partners-ratings p{
     font-family: Poppins, sans-serif;
     font-size: 16px;
     font-weight: 300;
     line-height: 24px;
}
 .partners-info {
     background-color: var(--black);
     overflow: hidden;
}
 .partners-info .partners-speaker {
     padding: 80px 0;
     max-width: 1192px;
     margin: auto;
}
 .partners-info span {
     font-family: Poppins, sans-serif;
}
 .partners-info .partners-speaker h2{
     margin-top: 0;
     margin-bottom: 24px;
     font-family: Poppins !important;
     font-size: 56px;
     font-weight: 400;
     line-height: 58px;
     letter-spacing: -0.04em;
     color: var(--white);
}
 .partners-speaker .speaker-images .speaker-item{
     height: 555px;
     background-color: var(--white);
     border-radius: 5px;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
     position: relative;
     transition: all .5s ease-in-out;
     width: 225.59px;
    /* min-width: 11rem;
     */
     flex: 1 1 0%;
}
 .partners-speaker .speaker-images .speaker-item .item-wrapper {
     flex-direction: column;
     justify-content: space-between;
     height: 100%;
     width: 185px;
}
 .partners-speaker .speaker-images .speaker-item p {
     margin: 16px;
     align-self: flex-start;
     max-width: 0;
     overflow: hidden;
     white-space: nowrap;
     opacity: 0;
     transition: max-width .5s ease-in-out, opacity .5s ease-in-out;
     color: var(--black);
     font-family: Poppins;
     font-size: 16px;
     font-weight: 300;
     line-height: 24px;
}
 .partners-speaker .speaker-images .speaker-item a {
     margin: 16px;
     align-self: flex-start;
     max-width: 0;
     overflow: hidden;
     white-space: nowrap;
     opacity: 0;
     transition: max-width .5s ease-in-out, opacity .5s ease-in-out;
     position: absolute;
     bottom: 0;
     left: 0;
}
 .partners-speaker .speaker-images .speaker-item:before{
     content: " ";
     background: #09100F66;
     position: absolute;
     width: 100%;
     height: 100%;
     border-radius: 5px;
}
 .partners-speaker .speaker-images .speaker-item:hover:before{
     display: none;
}
 .partners-speaker .speaker-images .speaker-item:hover {
    /* width: 32.48%;
     */
    /* width: 325px;
     */
     flex: 0 0 125px;
     flex-grow: 1;
}
 .partners-speaker .speaker-images .speaker-item:hover .item-wrapper{
     display: flex;
}
 .partners-speaker .speaker-images .speaker-item:hover a{
     max-width: 191px;
     opacity: 1;
}
 .partners-speaker .speaker-images .speaker-item:hover p{
     max-width: 340px;
     opacity: 1;
}
 .partners-speaker .speaker-images{
     display: flex;
     gap: 16px;
     position: relative;
}
 .partners-speaker .speaker-images:before{
     content: url("/assets/img/top-right-decor.svg?v=22213");
     position: absolute;
     right: -100px;
     top: -100px;
}
 .partners-carousel {
     padding: 48px;
     text-align: center;
}
 .partners-carousel .logos{
     justify-content: center;
     display: flex;
     gap: 64px;
}
 .partners-carousel .logos img{
    /* width: 133px;
     */
     height: 48px;
    ;
}
 .insider-section {
    /* background-color: var(--black);
     */
}
 .insider-section .insider-content {
     padding: 80px 0;
     max-width: 1192px;
     margin: auto;
     position: relative;
}
 .insider-content h2{
     margin-top: 0;
     color: var(--black);
     display: inline-block;
     margin-bottom: 24px;
}
 .insider-content h2:after {
     content: url(/assets/img/start-sm-skyblue.svg?v=22213);
     position: absolute;
     left: 335px;
     top: 50px;
}
 .insider-content p{
     margin-top: 0;
     color: var(--black);
     display: inline-block;
     margin-bottom: 24px;
     font-size: 16px;
     font-style: normal;
     font-weight: 300;
     line-height: 24px;
}
 .insider-content h2 span{
     padding-bottom: 10px;
     padding-right: 5px;
}
 .insider-section .insider-card p{
     font-family: Poppins, sans-serif;
     font-size: 16px;
     font-weight: 300;
     line-height: 24px;
}
 .insider-section .insider-content .insider-cards {
    /* display: flex;
     gap: 24px;
     */
     height: 100%;
    /* margin: 20px;
     */
}
 .insider-section .insider-content .insider-card {
     background-color: var(--white);
     box-shadow: 0px 4px 10px 0px #0000001A;
     border-radius: 12px;
     padding: 40px 32px;
     flex: 1;
}
 .insider-card h4 {
     margin-top: 24px;
     margin-bottom: 24px;
     font-family: Poppins, sans-serif;
     font-size: 32px;
     font-weight: 400;
     line-height: 40px;
     letter-spacing: -0.05em;
}
 .insider-card p {
     margin-bottom: 0;
}
 @media all and (max-width: 1200px) {
     .insider-section .insider-content .insider-cards {
         gap: 16px;
    }
     .insider-section .insider-content .insider-card {
         padding: 30px 22px;
    }
}
 @media all and (max-width: 1024px) {
  
     .partners-speaker .speaker-images .speaker-item:hover {
         width: 100%;
         flex: 0 0 40%;
    }
     .insider-section {
         padding: 64px 32px;
    }
    .insider-section .insider-content {
        padding: 0;
    }
     .partners-speaker .speaker-images .speaker-item p {
         white-space: wrap;
    }
    .image-content .image-section > div:first-of-type, .image-content .image-section > div:last-of-type {
        width: 100%;
    }
}
 @media all and (max-width: 768px) {
     .insider-section .insider-content .insider-cards {
         flex-direction: column;
    }
    .insider-content h2 span {
        display: inline;
    }
    .home-banner h1 {
         text-align: center;
         font-family: Poppins, sans-serif;
         font-size: 48px;
         font-weight: 400;
         line-height: 50px;
         letter-spacing: -4%;
         margin-bottom: 24px;
    }
}
/* responsive */
 @media (max-width: 500px) {
    .partners-speaker .speaker-images .speaker-item:hover {
         width: 100%;
         flex: 0 0 100%;
    }
     .partners-info {
         padding: 56px 32px;
    }
     .partners-info .partners-ratings {
         padding: 0;
    }
     .partners-ratings {
         padding: 56px 32px;
    }
     .partners-info .partners-speaker {
         padding: 0;
    }
     .partners-ratings .logos {
         gap: 56px;
         flex-direction: column;
         text-align: center;
    }
     .partners-ratings .logos img{
         width: 182px;
         margin: auto;
    }
     .partners-carousel .logos {
         display: grid;
         grid-template-rows: auto auto auto;
        /* Three rows */
         grid-template-columns: auto auto;
         gap: 20px;
    }
     .partners-carousel .logos img:nth-child(5) {
         grid-column: span 2;
        /* Span across two columns */
         position: relative;
         left: 50%;
         transform: translateX(-50%);
    }
     
    .partners-speaker .speaker-images {
         width: 110% !important;
         overflow-x: auto;
         -webkit-overflow-scrolling: touch;
         scrollbar-width: none; /* Firefox */
         padding-right: 10%;
    }
    .partners-speaker .speaker-images:-webkit-scrollbar {
        display: none; /* Chrome, Safari */
    }
     .partners-speaker .speaker-images .speaker-item{
        /* width: 166px;
         */
    }
     .partners-info .partners-speaker h2 {
         font-family: Poppins, sans-serif;
         font-size: 42px;
         font-weight: 400;
         line-height: 40px;
         letter-spacing: -0.04em;
    }
     .partners-info .partners-speaker h2 span{
         display: inline;
    }
}
 .graph-section {
     padding: 80px 0;
     max-width: 1192px;
     margin: auto;
     display: flex;
     gap: 92px;
     position: relative;
}
 .graph-section .graph-image #animation-container {
     width: 480px;
     height: 410px;
     position: absolute;
     right: 0;
     top: 35px;
}
 .graph-section .cta{
     display: flex;
     gap: 16px;
}
 .graph-section h2{
     margin-top: 0;
     margin-bottom: 24px;
}
 .graph-section p{
     font-family: Poppins !important;
     font-size: 16px;
     font-weight: 300;
     line-height: 24px;
     text-align: left;
     margin-bottom: 24px;
}
 .graph-section img{
     display: block;
     margin-bottom: 24px;
}
 .graph-section lottie-player {
     width: 516px;
     position: absolute;
     top: 0;
}
/* responsive */
 @media (max-width: 500px) {
     .graph-section {
         padding: 56px 32px;
         flex-direction: column;
         gap: 24px;
    }
     .graph-section .graph-content img{
         width: 100%;
    }
     .graph-section .graph-image #animation-container {
         position: static;
         width: 100%;
         height: auto;
    }
     .graph-section h2{
         font-family: Poppins, sans-serif;
         font-size: 42px;
         font-weight: 400;
         line-height: 40px;
         letter-spacing: -0.04em;
    }
     .graph-section h2 span{
         display: inline;
    }
     .graph-section lottie-player {
         width: 100%;
         position: unset;
    }
}
 @media (max-width: 400px) {
     .graph-section .cta {
         flex-direction: column;
         align-items: flex-start;
    }
}
 .cta-section {
     background: var(--coral-gradient, linear-gradient(90deg, #FF5252 0%, #ED3D69 111.81%));
     padding: 82px 0;
}
 .cta-section .cta-content{
     max-width: 1192px;
     margin: auto;
     display: flex;
     justify-content: space-between;
     align-items: flex-end;
}
 .cta-section .cta-content h3{
     margin-top: 0;
     margin-bottom: 0;
     font-family: Poppins !important;
     font-size: 42px;
     font-weight: 400;
     line-height: 40px;
     letter-spacing: -0.04em;
     color: var(--black);
}

/* responsinve */
 @media (max-width: 500px) {
     .cta-section {
         padding: 56px 32px;
    }
     .cta-section .cta-content {
         align-items: flex-start;
         flex-direction: column;
    }
     .cta-section .cta-content h3{
         margin-bottom: 24px;
    }
     br {
         display: none;
    }
}
 .form-section {
     padding: 80px 0;
     background-image: url("/assets/img/eclipse-light-blue.svg?v=22213");
     background-color: var(--white);
     background-position: right bottom;
     background-repeat: no-repeat;
}
 .form-section .form-content {
     max-width: 1192px;
     margin: auto;
}
 .form-section .form-content h2{
     margin-top: 0;
     margin-bottom: 24px;
}
 .form-section .form-header {
     max-width: 1192px;
     margin: auto;
     border-bottom: 1px solid var(--coral);
     text-align: right;
     padding-bottom: 15px;
}
 .form-section .form-header, .form-section .form-footer {
     cursor: pointer;
}
 .form-section .form-container {
     margin-top: -60px;
}
 .form-section .form-header .next, .form-section .form-footer .next {
     content: url("/assets/img/circle-arrow-right.svg?v=22213");
}
 .form-section .form-header .prev, .form-section .form-footer .prev{
     content: url("/assets/img/circle-arrow-left.svg?v=22213");
     margin-right: 24px;
}
 .form-section .form-header .prev.disabled, .form-section .form-footer .prev.disabled {
     filter: invert(72%) sepia(12%) saturate(0%) hue-rotate(207deg) brightness(96%) contrast(89%);
     cursor: unset;
}
 .form-section .form-header .next.disabled, .form-section .form-footer .next.disabled {
     filter: invert(72%) sepia(12%) saturate(0%) hue-rotate(207deg) brightness(96%) contrast(89%);
     cursor: unset;
}
 .form-section .form-footer {
     display: none;
}
 .form-section p {
     font-family: Poppins, sans-serif;
}
 .form-section .text-bg-asterisk-coral {
     background-position: 382px 4px;
}
 .form-section .quiz-breadcrumb {
     margin: auto;
     max-width: 1192px;
     font-family: Poppins, sans-serif;
     margin-top: 24px;
}
 .quiz-breadcrumb span{
     font-family: Poppins, sans-serif !important;
}
 @media (max-width: 500px) {
     .form-section {
         padding: 56px 32px;
    }
     .form-section .form-content h2 {
         padding-right: 0;
         font-family: Poppins, sans-serif;
         font-size: 42px;
         font-weight: 400;
         line-height: 8px;
         letter-spacing: -0.04em;
         padding-top: 0;
    }
     .form-section .form-content h2 span {
         line-height: 55px;
         font-size: 39px;
    }
     .form-section h2{
         font-family: Poppins, sans-serif;
         font-size: 42px;
         font-weight: 400;
         line-height: 40px;
         letter-spacing: -0.04em;
    }
     .form-section .text-bg-asterisk-coral {
         background: none;
    }
     .form-section .quiz-options {
         display: flex !important;
         gap: 16px !important;
         flex-direction: column;
    }
     .form-section .form-footer {
         display: block;
         margin-top: 40px;
         text-align: right;
    }
     .form-section .form-container {
         margin-top: 0;
    }
     .form-section #form-quiz-result {
         flex-direction: column;
         gap: 32px !important;
    }
     .form-section #form-quiz-result .result-content {
         width: 100% !important;
    }
     .form-section #form-quiz-result .result-links {
         width: 100% !important;
    }
     .result-links h5 {
         margin-top: 0 !important;
    }
}
 .chart-slide-controller {
     margin-top: 40px;
}
 .chart-slide-controller .next {
     content: url("/assets/img/circle-arrow-right.svg?v=22213");
     cursor: pointer;
}
 .chart-slide-controller .prev {
     content: url("/assets/img/circle-arrow-left.svg?v=22213");
     cursor: pointer;
     margin-right: 24px;
}
 .chart-slide-controller .prev.disabled {
     filter: invert(72%) sepia(12%) saturate(0%) hue-rotate(207deg) brightness(96%) contrast(89%);
     cursor: unset;
}
 .chart-slide-controller .next.disabled {
     filter: invert(72%) sepia(12%) saturate(0%) hue-rotate(207deg) brightness(96%) contrast(89%);
     cursor: unset;
}
 .form-section .form-body {
     max-width: 1192px;
     margin: auto;
     display: flex;
}
 .form-section .slide-wrapper {
     width: 4768px;
     display:flex;
}
 .form-section .form-body > .slide-wrapper > .form-quiz-item{
     max-height: 0;
     visibility: hidden;
}
 .form-section .form-body > .slide-wrapper > .form-quiz-item .wistia_responsive_wrapper{
     display: none;
}
 .form-section .form-body > .slide-wrapper > .form-quiz-item.active .wistia_responsive_wrapper{
     display: block;
}
 .form-section .form-body > .slide-wrapper > .form-quiz-item.active{
     max-height: 100%;
     visibility: visible;
}
 .form-section .quiz-options {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     gap: 16px;
}
 .form-section .quiz-icon {
     height: 40px;
     width: 40px;
     margin-right: 8px;
}
 .form-section .quiz-options .quiz-option {
     flex: 1;
     background-color: #F9F8F5;
     color: var(--black);
     border-radius: 12px;
     padding: 16px;
     box-shadow: 0px 4px 10px 0px #0000001A;
     font-family: Poppins;
     font-size: 20px;
     font-weight: 300;
     line-height: 32px;
     letter-spacing: -0.02em;
}
 .form-section .quiz-options .quiz-option:hover {
     cursor: pointer;
     background-color: var(--black);
     color: var(--white);
}
 .form-section .quiz-options .quiz-option.active {
     background-color: var(--black);
     color: var(--white);
}
 .form-section #form-quiz-result {
     display: flex;
     gap: 84px;
     justify-content: space-between;
}
 .form-section #form-quiz-result .result-links{
     width: 388px;
}
 .form-section #form-quiz-result .result-content{
     width: 720px;
}
 .form-section #form-quiz-result .result-content img{
     width: 100%;
     margin-bottom: 24px;
}
 .form-section .quiz-result-link{
     display: inline-block;
}
 .form-section .btn-group{
     margin-top: 24px;
}
 .form-section .quiz-result-description {
     margin-bottom: 0;
}
 .form-section .form-body h5{
     margin-top: 40px;
     margin-bottom: 24px;
}
 .form-section .result-links .list-item {
     display: flex;
     justify-content: space-between;
}
 .form-section .result-links .list-item a {
     color: var(--black);
     width: 100%;
     display: flex;
    /* justify-content: space-between;
     */
     gap: 16px;
     text-decoration: none;
}
 .form-section .result-links .list-item:hover p{
     color: var(--coral);
}
 .form-section .result-links .list-item a:hover:after {
     filter: unset;
}
 #imageContentDarkImg {
     opacity: 0;
    /* Initially hide the image */
     transition: opacity 0.5s ease;
}
 .visible {
     opacity: 1;
    /* Show image when container is in view */
}
 .form-section .result-links .list-item a:after{
     content: url(/assets/img/arrow-right-custom.svg?v=22213);
     filter: invert(77%) sepia(2%) saturate(32%) hue-rotate(316deg) brightness(93%) contrast(86%);
}
 .form-section .result-links p {
     font-family: Poppins;
     font-size: 16px;
     font-weight: 300;
     line-height: 24px;
     text-align: left;
}
 @media (max-width: 500px) {
     .form-section .quiz-options .quiz-option span{
         margin-left: 48px;
    }
}
 .resource-library {
     padding: 80px 0;
     background-image: url("/assets/img/eclipse-grey-light.svg?v=22213");
     background-color: var(--black);
     background-position: left bottom;
     background-repeat: no-repeat;
}
 .resource-library .no-results p{
     color: var(--white);
}
 .resource-library .wrap-content .post-container-header > h2{
     color: var(--white);
     margin-top: 0;
     margin-bottom: -10px;
}
 .resource-library .wrap-content .post-container-header .btn {
     margin-top: 24px;
}
 .resource-library .wrap-content{
     max-width: 1192px;
     margin: auto;
}
 .resource-library .sponsor-slider-section {
     padding-top: 0;
     padding-bottom: 0;
}
 .resource-library .post-container-row .post-container-filter .micro-post-filter{
     background: none;
     color: var(--white);
}
 .resource-library .post-container-row .post-container-filter .micro-post-filter:hover{
     background: #171E1D;
     color: var(--white);
}
 .resource-library .post-container-row .post-container-filter .micro-post-filter.active{
     background: var(--white);
     color: var(--black);
}
 .resource-library .post-container-row .post-container-filter {
     border-color: var(--white);
}
 .resource-library .post-container-footer {
     margin-top: 48px;
     text-align: right;
}
 .resource-library #ViewAllFilterText {
     text-transform: lowercase;
     font-weight: 400 !important;
}
 .post-container-filter-mobile {
     display: none;
}
 .post-container-filter-mobile #mobileLibraryFilter {
     background: none;
     color: var(--white);
     border-radius: 5px;
     border: 1px solid var(--white);
     -webkit-appearance: none;
     -moz-appearance: none !important;
     background: url(/assets/img/arrow-down-white.svg?v=22213) no-repeat right center !important;
     background-position-x: calc(100% - 13px) !important;
     background-position-y: calc(100% - 20px) !important;
}
 #mobileLibraryFilter option {
     color: var(--black);
}
/* assets/img/arrow-down-white.svg?v=22213 */
 @media (max-width: 500px) {
     .resource-library {
         padding: 56px 32px;
    }
     .post-container-row .post-container-header {
         flex-direction: column;
         align-items: flex-start;
         gap: 24px;
         margin-top: 0;
         margin-bottom: 24px;
    }
     .resource-library .post-container-footer {
         text-align: left;
    }
     .micro-post-result-loading {
         display: flex;
         flex-direction: column;
    }
     .post-container-filter-mobile {
         display: block;
         padding-bottom: 0;
    }
     .no-results p {
         color: var(--white);
    }
     .resource-library .wrap-content .post-container-header > h2 {
         font-family: Poppins, sans-serif;
         font-size: 42px;
         font-weight: 400;
         line-height: 40px;
         letter-spacing: -0.04em;
    }
}
 .pmm-chart-container {
     max-width: 1192px;
     margin: auto;
     padding-top: 94px;
     padding-bottom: 94px;
}
 .pmm-chart-container h2{
     margin-top: 0;
     margin-bottom: 0;
     font-family: Poppins, sans-serif;
     font-size: 56px;
     font-weight: 400;
     line-height: 58px;
     letter-spacing: -0.04em;
     text-align: left;
}
 .pmm-chart-container .chart-slide-item p {
     font-family: Poppins, sans-serif;
     font-size: 16px;
     font-weight: 300;
     line-height: 24px;
     text-align: left;
     display: block;
     margin-bottom: 0;
}

.pmm-chart-container .chart-slide-item .chart-content{
    display: flex;
    gap: 24px;
    flex-direction: column;
    justify-content: flex-start;
}
 .pmm-chart-container .chart-slide-item .chart-content .btn {
     display: inline-block;
     /* margin-top: 24px; */
}
 .pmm-chart-container .chart-slide-item {
     display: flex;
     justify-content: space-between;
     align-items: center;
     max-height: 0;
     visibility: hidden;
     opacity: 0;
     transition: opacity .5s ease-in-out;
     gap: 200px;
}
 .pmm-chart-container .chart-slide-item.active {
     max-height: 100%;
     visibility: visible;
     opacity: 1;
}
 .pmm-chart-container .list-group ul {
     padding-left: 0;
     flex: 1;
     margin-bottom: 0;
}
 .pmm-chart-container .list-group {
     display: flex;
}
 .pmm-chart-container .list-group ul li {
     display: flex;
     font-family: Poppins, sans-serif;
     font-size: 16px;
     font-weight: 300;
     line-height: 24px;
}
 .pmm-chart-container .list-group ul li:last-of-type {
     margin-bottom: 0;
}
 .pmm-chart-container .list-group ul li:before {
     content: url("/assets/img/check-bullet-point.svg?v=22213");
     margin-right: 12px;
}
 #backToTop{
     /* margin-left: 16px; */
     position: relative;
     padding-right: 35px;
}
 #backToTop:hover:after{
     content: url("/assets/img/refresh-coral.svg?v=22213");
}
 #backToTop:after {
     content: url("/assets/img/refresh.svg?v=22213");
     position: absolute;
     top: 13px;
     right: 15px;
}
 .chart-slide-controller-mobile {
     display: none;
}
 .chart-slide-controller-mobile .chart-pagination ul{
     list-style: none;
     text-align: center;
     margin-bottom: 30px;
     padding: 0;
}
 .chart-slide-controller-mobile .chart-pagination ul li{
     display: inline-block;
     position: relative;
     margin: 0;
     padding: 0;
     cursor: pointer;
     height: 20px;
     width: 20px;
}
 .chart-slide-controller-mobile .chart-pagination ul li button{
     outline: none;
     background: rgba(0, 0, 0, 0);
     color: rgba(0, 0, 0, 0);
     height: 20px;
     width: 20px;
     padding: 5px;
     border: 0;
     cursor: pointer;
     display: block;
     font-size: 0;
     line-height: 20px;
     text-align: center;
     margin-top: -10px;
}
 .chart-slide-controller-mobile .chart-pagination ul li button:before {
     content: "•";
     font-size: 40px;
     color: var(--black);
     opacity: 0.2;
     margin: 0;
     padding: 0;
     line-height: 0;
     position: absolute;
     top: 0;
     left: 0;
     width: 20px;
     height: 20px;
}
 .chart-slide-controller-mobile .chart-pagination ul li.active button:before {
     opacity: 1;
}
 @media (max-width: 500px) {
     .pmm-chart-slider {
         padding: 56px 32px;
    }
     .pmm-chart-container {
         padding: 0;
    }
     .pmm-chart-container .chart-slide-item {
         flex-direction: column;
         gap: 40px;
    }
     .pmm-chart-container .chart-slide-item img {
         width: 100%;
    }
     .chart-slide-controller {
         display: none;
    }
     .chart-slide-controller-mobile {
         display: flex;
         gap: 16px;
    }
     .pmm-chart-container h2{
         font-family: Poppins, sans-serif;
         font-size: 42px;
         font-weight: 400;
         line-height: 40px;
         letter-spacing: -0.02em;
    }
}
 @media (max-width: 500px) {
     .wistia_popover_overlay {
         width: 100% !important;
    }
     .wistia_popover_embed {
         position: fixed !important;
         top: 50% !important;
         left: 50% !important;
         transform: translate(-50%, -50%) !important;
         display: none;
    }
     .wistia_popover_mode .wistia_popover_embed {
         display: block;
    }
}
 .latest-resources-container {
     background-color: var(--black);
     background-image: url(/assets/img/vector-top-right.svg?v=22213);
     background-position: top right;
     background-repeat: no-repeat;
     overflow: hidden;
}
 .latest-resources-container .post-tags {
     display: flex;
     gap: 8px;
     margin-bottom: 56px;
     flex-wrap: wrap;
}
 .latest-resources-container .post-tags a{
     border: 1px solid var(--white);
     color: var(--white);
     padding: 8px 12px;
     border-radius: 40px;
     text-decoration: none;
     font-family: Poppins, sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 17px;
     text-align: center;
}
 .latest-resources-container .post-tags a:hover {
     border-color: var(--coral);
     color: var(--coral);
}
 .latest-resources-container .content-header {
     display: flex;
     margin-bottom: 24px;
}
 .latest-resources-container .content-header a{
     align-self: flex-end;
     margin-left: auto;
}
 .latest-resources-container .content-header > h2{
     margin: 0;
     color: var(--white);
}
/* .latest-resources-container .slider-wrapper {
     width: 4290px;
     display: grid;
     grid-auto-flow: column;
     overflow-x: hidden;
     scroll-snap-type: x mandatory;
     gap: 16px;
     border-radius: 8px;
     scroll-behavior: smooth;
     scrollbar-width: none;
     margin-left: -41.5%;
     padding-top: 20px;
}
 */
 .latest-resources-container .slider-wrapper article{
     width: 286px;
}
 .latest-resources-container #left{
     content: url("/assets/img/circle-arrow-left.svg?v=22213");
     margin-right: 24px;
}
 .latest-resources-container #right{
     content: url("/assets/img/circle-arrow-right.svg?v=22213");
}
 .latest-resources-container .slide-arrow > a {
     filter: invert(100%);
     cursor: pointer;
     user-select: none;
}
 .latest-resources-container .slide-arrow > a:hover {
     filter: invert(43%) sepia(65%) saturate(1808%) hue-rotate(332deg) brightness(107%) contrast(103%);
}
 .latest-resources-container .slide-arrow {
     margin-top: 44px;
     text-align: right;
}
 .latest-resources-container .post-card {
     transition: margin-top .2s ease-in-out, margin-bottom .2s ease-in-out;
     margin-bottom: 0 !important;
     margin-top: 0 !important;
}
 .latest-resources-container .post-card:hover {
     margin-bottom: 20px !important;
     margin-top: -20px !important;
}
 @media (max-width: 500px) {
     .latest-resources-container {
         padding: 56px 32px;
         background-image: url(/assets/img/homepage-slider-mobile-background.png);
         background-size: cover;
         background-position: unset;
    }
     .latest-resources-container .content-wrap {
         padding: 0;
    }
     .latest-resources-container .content-header {
         flex-direction: column;
         gap: 24px;
         margin-bottom: 24px;
    }
     .latest-resources-container .content-header a {
         align-self: flex-start;
         margin-left: unset;
    }
     .latest-resources-container .slider-wrapper {
         margin-left: 0;
         grid-auto-columns: calc((100% / 14) - 16px);
    }
     .latest-resources-container .content-header > h2 {
         font-size: 42px;
         line-height: 40px;
         letter-spacing: -0.04em;
    }
}
 @media (min-width: 600px) and (max-width: 820px) {
}
 @media (min-width: 1200px) and (max-width: 1600px) {
     .latest-resources-container .slider-wrapper {
         margin-left: -20%;
    }
}
 .periodic-section {
     padding: 80px 0;
     max-width: 1192px;
     margin: auto;
}
 .periodic-section .content-header {
     display: flex;
     justify-content: space-between;
}
 .periodic-section .btn {
     align-self: flex-end;
}
 .periodic-section .content-header {
     margin-bottom: 24px;
}
 .periodic-section h2{
     margin-top: 0;
     margin-bottom: 0;
     color: var(--black);
}
 .periodic-section img {
    /* width: 980px;
     */
     margin: auto;
     display: block;
}
 @media (max-width: 500px) {
     .periodic-section {
         padding: 56px 32px;
    }
     .periodic-section .content-header {
         flex-direction: column;
    }
     .periodic-section h2 {
         margin-bottom: 24px;
         font-size: 42px;
         font-weight: 400;
         line-height: 40px;
         letter-spacing: -0.02em;
    }
     .periodic-section img {
         width: 100%;
    }
}
 @media (min-width: 501px) and (max-width: 1200px) {
     .home-banner {
         padding: 80px 32px;
    }
     .home-banner .content {
         width: 100%;
         text-align: center;
    }
     .home-banner .content .btn-group{
         justify-content: center;
    }
     .home-banner .widget-container {
         display: none;
    }
     .periodic-section img {
         width: 100%;
    }
     .awards-container .content-wrap div:first-of-type {
         width: unset;
    }
    /* .awards-container {
         background-size: 120%;
         background-position: unset;
    }
     */
     .awards-container .media-pack-content-wrap {
         padding: 48px 32px;
         gap: 24px;
         flex-direction: column;
    }
    /* .awards-container .content-wrap > div:first-of-type{
         text-align: center;
    }
     .awards-container .content-wrap > div:last-of-type{
         text-align: center;
         justify-content: center;
    }
     */
     .video-content .content-wrap {
         padding: 80px 32px;
         flex-direction: column;
         gap: 24px;
    }
     .logo-partners .content-wrap {
         padding: 48px 32px;
    }
     .logo-partners .content-wrap > div > .group-logo:last-of-type{
         flex-wrap: wrap;
         column-gap: 64px;
         row-gap: 24px;
    }
     .form-section {
         padding: 80px 32px;
    }
     .form-section .quiz-options {
         grid-template-columns: 1fr 1fr;
    }
     .image-content {
         padding: 80px 32px;
    }
     .image-content.dark .image-section {
         flex-direction: column;
    }
     .image-content.light .image-section {
         flex-direction: column-reverse;
    }
     .partners-ratings .logos {
         gap: 48px;
    }
     .latest-resources-container .content-wrap{
         padding: 80px 32px;
    }
     .latest-resources-container .slider-wrapper {
         margin-left: -31.5%;
    }
     .latest-resources-container .content-header a {
         white-space: nowrap;
    }
     .partners-info .partners-speaker {
         padding: 80px 32px;
    }
     .partners-carousel .logos {
         gap: 24px;
    }
     .partners-speaker .speaker-images {
         width: 110% !important;
         overflow-x: auto;
         -webkit-overflow-scrolling: touch;
         scrollbar-width: none; /* Firefox */
    }
    .partners-speaker .speaker-images:-webkit-scrollbar {
        display: none; /* Chrome, Safari */
    }
     .partners-speaker .speaker-images .speaker-item p {
         white-space: wrap;
    }
     .graph-section {
         padding: 80px 32px;
         gap: 24px;
         flex-direction: column;
    }
     .graph-section lottie-player {
         position: unset;
    }
     .cta-section {
         padding: 56px 32px;
    }
     .cta-section .cta-content {
         gap: 24px;
         justify-content: unset;
         align-items: unset;
         flex-direction: column;
    }
     .cta-section .btn {
         align-self: flex-start;
    }
     .cta-section br {
         display: none;
    }
     .pmm-chart-container {
         padding: 94px 32px;
    }
     .chart-slide-controller-mobile {
         display: flex;
         gap: 16px;
    }
     .pmm-chart-container .chart-slide-item {
         flex-direction: column;
         gap: 40px;
         align-items: flex-start;
    }
     .chart-slide-controller {
         display: none;
    }
     .periodic-section {
         padding: 80px 32px;
    }
     .resource-library {
         padding: 80px 32px;
    }
     .micro-post-result {
         grid-template-columns: repeat(2, 1fr);
    }
     .micro-post-result-loading {
         grid-template-columns: repeat(2, 1fr);
    }
}