.newsletter_item_grid {
     background-color: #F7FBFF;
 }

 .newsletter_item_grid .newsletter_item_grid_list {
     row-gap: 27px;
 }

 .newsletter_item_grid .newsletter_item_grid_list>.card-item:not(.show) {
     display: none !important;
 }

 .newsletter_item_grid .newsletter_item_grid_list>.card-item {
     opacity: 0;
     visibility: hidden;
     transform: translateY(20px);
     transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.4s ease;
 }

 .newsletter_item_grid .newsletter_item_grid_list>.card-item.show {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
 }

 .newsletter_item_grid .newsletter_item_grid_list>.card-item.show.is-new {
     animation: newsletterItemCardIn 0.5s ease both;
 }

 @keyframes newsletterItemCardIn {
     from {
         opacity: 0;
         transform: translateY(20px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 .newsletter_item_grid .story-card {
     box-shadow: 2px 3.01px 10px 0px #0000000D;
     transition: box-shadow 0.4s ease;
     border-radius: 24px;
 }

 .newsletter_item_grid .story-header {
     min-height: 170px;
     object-fit: contain;
 }

 .newsletter_item_grid .brand-logo-wrapper img {
     max-width: 100%;
     object-fit: contain;
 }

 .newsletter_item_grid .date {
     font-size: 14px;
     font-weight: 500;
     color: #6c757d;
 }

 .newsletter_item_grid .story-body {
     padding: 15px 20px 20px;
     gap: 16px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     flex-grow: 1;
 }

 .newsletter_item_grid .story-text-container {
     display: flex;
     flex-direction: column;
     gap: 12px;
 }

 .newsletter_item_grid .story-link {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 12px;
     letter-spacing: 0.36px;
     color: #007aff !important;
     text-decoration: none;
     width: 100%;
     padding-top: 16px;
     border-top: 1px solid #e4e4e4;
     transition: opacity 0.25s ease;
 }

 .newsletter_item_grid .story-link .story-link-arrow {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
     transition: opacity 0.2s ease, visibility 0.2s ease;
 }

 .newsletter_item_grid .story-link .arrow-right-icon {
     display: block;
     transform: translate(-100%, 100%);
     transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease-out;
     opacity: 0;
 }

 .newsletter_item_grid .story-link:hover .arrow-right-icon,
 .newsletter_item_grid .story-card:hover .story-link .arrow-right-icon {
     opacity: 1;
     transform: translate(0, 0);
 }

 .newsletter_banner {
     background-image: url('https://cdn.mooninvoice.com/image/images/newhome/Customer-stories-background.webp');
     background-size: 100% 100%;
 }

 .banner_badge {
     padding: 8px 16px;
     border: 1px solid #E1E7EE;
     border-radius: 40px;
     margin-block: 40px 16px;
     background: #fff;
     display: block;
     width: max-content;
 }

 .newsletter_banner h1 {
     margin-block-end: 16px
 }

 .banner_count {
     margin-block-start: 30px;
     gap: 24px
 }

 .text-05 {

     color: #535353;
 }

 .banner_separator {
     display: block;
     width: 1px;
     height: 50px;
     background: #E1E7EE;
 }

 .sections_bg {
     margin-block-start: var(--space-50) !important;
     background: #F5F9FF;
     border-radius: 32px;
     padding: 16px 0;
 }

 .latestcontent_block span {
     color: #535353;
     margin-bottom: 10px;
     display: block;
 }

 .latestcontent_block h3 {
     margin-bottom: 15px;
 }

 .latestcontent_block p {
     margin-bottom: 20px;
 }

 .img_block {
     border: 1.99px solid #E1E7EE;
     border-radius: 22px;
     overflow: hidden;
 }

 .story-card-desc {
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     overflow: hidden;
 }

 .cta-content {
     position: relative;
     z-index: 2;
     flex: 0 0 42%;
 }

 .cta-dashboard {
     background: url('https://cdn.mooninvoice.com/image/s3_image/comparison_img_cta.webp') no-repeat;
     background-size: 100% 100%;
     border: 1px solid #DDE7F6;
     border-radius: 24px;
     margin-inline: 2px !important;
 }

 .cta-content h2 {
     margin: 0 0 20px;
     color: #0F0A44;
 }

 .cta-content p {
     margin: 0 0 30px;
     color: #0F0A44;
 }

 .cta-features {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 14px 26px;
     list-style: none;
     padding: 0;
     margin: 0 0 36px;
 }

 .cta-features li {
     position: relative;
     color: #0F0A44;
     text-shadow: 0.8px 0px 0px #666666;
     letter-spacing: 0.5px;
     display: flex;
     align-items: center;
     gap: 10px;
 }

 .dashboard-img {
     padding-top: 30px;
 }

 @media (max-width: 1200px) {
     .banner_count {
         gap: 10px;
     }
 }

 @media (max-width: 991px) {
     .cta-dashboard {
         text-align: center;
     }

     .cta-content {
         flex: unset;
         width: 100%;
     }

     .cta-features {
         max-width: 500px;
         margin: 0 auto 30px;
         text-align: left;
     }

     .newsletter_item_grid .story-link .arrow-right-icon {
         transform: none;
         transition: none;
         opacity: 1;
     }
 }

 @media (max-width: 767px) {
     .cta-features {
         grid-template-columns: 1fr;
         gap: 12px;
         margin-bottom: 25px;
     }

     .banner_badge {
         margin-block: 10px 16px;
     }
 }

 @media (max-width: 576px) {
     .banner_count.align-items-center {
         flex-direction: column;
         align-items: flex-start !important;
         margin-block: 20px;
     }

     .banner_separator {
         display: none;
     }

     .sections_bg {
         margin: 20px 0 0 !important;
     }

     .latestcontent_block span {
         margin-top: 16px;
     }

     .sections_bg {
         border-radius: 20px !important;
     }
 }

 .newsletter-mainpage .explore_grid_list {
     background: #f7fbff;
 }

 .newsletter-mainpage .explore_grid_list_heading {
     text-align: center;
 }

 .newsletter-mainpage .explore_grid_list_heading h2 {
     margin-bottom: 12px;
 }

 .newsletter-mainpage .explore_grid_list_heading p {
     margin-bottom: 0;
     color: #535353;
 }

 .newsletter-mainpage .explore_grid_list .card-item {
     opacity: 0;
     transform: translateY(18px);
     transition: opacity 0.45s ease, transform 0.45s ease;
 }

 .newsletter-mainpage .explore_grid_list .card-item.is-visible {
     opacity: 1;
     transform: translateY(0);
 }

 .newsletter-mainpage .explore_grid_list .story-card {
     height: 100%;
     overflow: hidden;
     border-radius: 16px;
     background: #fff;
     box-shadow: 0 3px 12px rgba(28, 67, 105, 0.08);
 }

 .newsletter-mainpage .explore_grid_list .story-header {
     min-height: 0;
 }

 .newsletter-mainpage .explore_grid_list .brand-logo-wrapper img {
     display: block;
     width: 100%;
     aspect-ratio: 1.85 / 1;
     object-fit: cover;
 }

 .newsletter-mainpage .explore_grid_list .story-body {
     display: flex;
     flex: 1;
     flex-direction: column;
     justify-content: space-between;
     gap: 18px;
     padding: 14px 20px 16px;
 }

 .newsletter-mainpage .explore_grid_list .story-text-container {
     display: flex;
     flex-direction: column;
     gap: 9px;
 }

 .newsletter-mainpage .explore_grid_list .date {
     color: #535353;
 }

 .newsletter-mainpage .explore_grid_list .story-text-container h3,
 .newsletter-mainpage .explore_grid_list .story-card-desc {
     margin-bottom: 0;
 }

 .newsletter-mainpage .explore_grid_list .story-card-desc {
     display: -webkit-box;
     overflow: hidden;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 3;
 }

 .newsletter-mainpage .explore_grid_list .story-link {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 12px;
     width: 100%;
     padding-top: 14px;
     border-top: 1px solid #e4e4e4;
     color: #007aff !important;
     text-decoration: none;
 }

 .newsletter-mainpage .explore_grid_list .story-link:hover .arrow-right-icon {
     transform: translateX(4px);
 }

 .newsletter-mainpage .newsletter_bannersections {
     background: url('https://cdn.mooninvoice.com/image/newsletter_images/newsletter_bannersections.webp') no-repeat;
     background-size: 100% 100%;
 }

 .newsletter-mainpage .newsletter_bannersections p {
     margin: 20px 0 32px;
     color: #535353;
 }

 .newsletter-mainpage .newsletter-content-layout {
     display: grid;
     grid-template-columns: 300px minmax(0, 1fr);
     gap: 25px;
     align-items: start;
 }

 .newsletter-mainpage .newsletter-contents {
     position: sticky;
     align-self: start;
     padding-top: 8px;
 }

 .newsletter-mainpage .newsletter-contents {
     top: 167px !important;
 }

 body:not(:has(.stripe-active)) .newsletter-mainpage .newsletter-contents {
     top: 86px !important;
 }

 @media screen and (max-width: 1450.98px) {
     .newsletter-mainpage .newsletter-contents {
         top: 158px !important;
     }

     body:not(:has(.stripe-active)) .newsletter-mainpage .newsletter-contents {
         top: 77px !important;
     }
 }

 @media screen and (max-width: 1200.98px) {
     .newsletter-mainpage .newsletter-contents {
         top: 136px !important;
     }

     body:not(:has(.stripe-active)) .newsletter-mainpage .newsletter-contents {
         top: 76px !important;
     }
 }

 @media screen and (max-width: 991.98px) {
     .newsletter-mainpage .newsletter-contents {
         top: 137px !important;
     }

     body:not(:has(.stripe-active)) .newsletter-mainpage .newsletter-contents {
         top: 65px !important;
     }
 }

 @media screen and (max-width: 576.98px) {
     .newsletter-mainpage .newsletter-contents {
         top: 56px !important;
     }

     body:not(:has(.stripe-active)) .newsletter-mainpage .newsletter-contents {
         top: 56px !important;
     }
 }

 .newsletter-mainpage .newsletter-contents-title {
     display: block;
     margin-bottom: 12px;
     color: #535353;
     font-size: 16px;
     line-height: 1.4;
 }

 .newsletter-mainpage .newsletter-contents-nav {
     border-left: 1px solid #E4E4E4;
 }

 .newsletter-mainpage .newsletter-contents-group {
     margin: 0;
 }

 .newsletter-mainpage .newsletter-contents-platform {
     display: block;
     padding: 7px 10px;
     color: var(--primary) !important;
     font-size: 18px !important;
     line-height: 1.6 !important;
 }

 .newsletter-mainpage .newsletter-contents-link {
     display: block;
     margin: 5px 10px;
     color: #535353;
     line-height: 1.45;
     text-decoration: none;
     transition: color 0.2s ease, border-color 0.2s ease;
 }

 .newsletter-mainpage .newsletter-contents-link:hover,
 .newsletter-mainpage .newsletter-contents-link.is-active {
     color: var(--primary);
 }

 .newsletter-mainpage .tab-content,
 .newsletter-mainpage .tab-pane,
 .newsletter-mainpage .tab-pane>.row {
     width: 100%;
 }

 .newsletter-mainpage .flex_section_new {
     display: flex;
     align-items: flex-start;
     gap: 36px;
     margin: 0;
     padding: 34px 0 !important;
     border-bottom: 1px solid #e6e9ed;
 }

 .newsletter-mainpage .flex_section_new>[class*="col-lg-6"] {
     width: calc(50% - 18px);
     padding: 0;
 }

 .newsletter-mainpage .newsletter_badge {
     display: inline-block;
     padding-bottom: 16px;
     width: 100%;
     border-bottom: 1px solid #E4E4E4;
     margin-bottom: 32px;
 }

 .newsletter-mainpage .section_left_img {
     display: block;
     width: auto;
     max-width: 100%;
     height: auto;
     border: 1px solid #d8e5f2;
     border-radius: 10px;
     box-shadow: 0 2px 8px rgba(25, 69, 113, 0.08);
     margin: 0 auto;
 }

 .newsletter-mainpage .auth-btn {
     display: none !important;
 }

 .newsletter-mainpage .explore-wrapper,
 .newsletter-mainpage .exp-wrapper {
     background: #f5f9fd;
     border-top: 1px solid #e6eef6;
 }

 .newsletter_imageblock {
     margin: 20px 0 32px;
     padding: 8px;
     border-radius: 20px;
     background-color: #DAE7FF;
 }

 .newsletter_imageblock {
     margin: 20px 0 32px;
     padding: 8px;
     border-radius: 20px;
 }

 .newsletter_imageblock.windows {
     background-color: #DAE7FF;
 }

 .newsletter_imageblock.ios {
     background-image: url('https://cdn.mooninvoice.com/image/newsletter_images/newsletter_imageblock.webp') !important;
     background-size: 100% 100%;
     background-repeat: no-repeat;
     padding: 15px;
 }

 .newsletter_imageblock.ios img {
     max-width: 250px;
     margin: 0 auto;
     display: block;
 }

 .newsletter_links {
     display: flex;
     align-items: center;
     gap: 10px;
     color: #535353;
     margin-bottom: 12px;
 }

 .newsletter_subheadings {
     display: flex;
     align-items: center;
     gap: 10px;
     color: #535353;
     flex-wrap: balance;
 }

 .row.space_remove {
     margin-inline: 2px !important;
 }

 .page_cta_block .row {
     background-image: url(https://cdn.mooninvoice.com/image/images/newhome/phonepe-integration-cta.webp);
     background-size: 100% 100%;
     overflow: hidden;
     border-radius: 42px;
 }

 .cta_heading_block {
     padding: var(--space-50) 0 var(--space-50) var(--space-50);
 }

 @media (min-width: 991px) {

     .trial_features_list,
     .cta_badge {
         white-space: nowrap;
     }

     .trial_features_list,
     .cta_badge {
         white-space: nowrap;
     }
 }

 .cta_badge {
     border-radius: 40px;
     border: 1px solid #5A577E;
     padding: 6px 12px;
     margin: 0 0 20px;
     background: #20205A;
     width: max-content;
 }

 .cta_heading_block h2 {
     margin: 0 0 16px;
     color: #fff;
 }

 .cta_heading_block .cta_btngroup {
     margin: 32px 0 42px;
 }


 .trial_features_list {
     display: flex;
     align-items: center;
     gap: 0;
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .trial_features_list li:first-child {
     padding-left: 0;
 }

 .trial_features_list li {
     position: relative;
     padding: 0 20px;
     color: #fff;
     font-size: 16px;
     line-height: 24px;
 }

 .cta_heading_block p {
     color: #FFFFFFCC;
 }

 .cta_badge b {
     color: #fff;
 }

 .trial_features_list li::before {
     content: "";
     margin-right: 10px;
     width: 13px;
     height: 10px;
     display: inline-block;
     background: url("data:image/svg+xml,%3Csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.85367 7.17542L0.978929 4.3473L0 5.30357L3.85367 9.09474L12.1263 0.95627L11.1543 0L3.85367 7.17542Z' fill='white'/%3E%3C/svg%3E") no-repeat center;
 }

 .trial_features_list li:not(:last-child)::after {
     content: "";
     position: absolute;
     top: 50%;
     right: 0;
     width: 1px;
     height: 20px;
     background: rgba(255, 255, 255, 0.35);
     transform: translateY(-50%);
 }

 .row-gap-30 {
     row-gap: 30px;
 }

 @media (max-width: 991px) {
     .cta_heading_block .cta_btngroup {
         margin: 25px 0;
     }

     .newsletter-mainpage .newsletter-contents {
         display: none;
     }

     .newsletter-mainpage .newsletter-content-layout {
         grid-template-columns: minmax(0, 1fr);
     }

     .newsletter-mainpage .explore_grid_list .arrow-right-icon {
         transform: none;
         transition: none;
         opacity: 1;
     }
 }

 @media (max-width: 767.98px) {

     .newsletter-mainpage .newsletter-content-layout {
         display: block;
     }

     .newsletter-mainpage .newsletter-contents {
         position: sticky;
         top: 0;
         z-index: 5;
         margin: -28px 0 24px;
         padding: 12px 0 10px;
         background: #fff;
         border-bottom: 1px solid #e6e9ed;
         overflow-x: auto;
     }

     .newsletter-mainpage .newsletter-contents-title,
     .newsletter-mainpage .newsletter-contents-platform {
         display: none;
     }

     .newsletter-mainpage .newsletter-contents-nav {
         display: flex;
         gap: 8px;
         border-left: 0;
         min-width: max-content;
     }

     .newsletter-mainpage .newsletter-contents-group {
         display: flex;
         gap: 8px;
     }

     .newsletter-mainpage .newsletter-contents-link {
         padding: 6px 8px;
         white-space: nowrap;
     }

     .newsletter-mainpage .newsletter-contents-link.is-active {
         color: var(--primary);
         font-weight: 600;
     }

     .newsletter-mainpage .tab-pane>.row {
         scroll-margin-top: 82px;
     }

     .newsletter-mainpage .newsletter-cta-banner {
         padding: 30px 0 26px;
     }

     .newsletter-mainpage .newsletter-cta-banner h1 {
         font-size: 30px;
     }

     .newsletter-mainpage .newsletter-cta-banner p {
         font-size: 14px;
     }

     .newsletter-mainpage .newsletter-wrap {
         padding: 28px 0 44px;
     }

     .newsletter-mainpage .flex_section_new {
         display: flex;
         flex-direction: column;
         gap: 20px;
         padding: 28px 0 !important;
     }

     .newsletter-mainpage .flex_section_new>[class*="col-lg-6"] {
         width: 100%;
     }

     .newsletter-mainpage .flex_section_new .img-block {
         order: 2;
     }

     .newsletter-mainpage .flex_section_new .title_description_new {
         order: 1;
     }

     .cta_heading_block {
         padding: 20px 5px;
     }

     .cta_heading_block .cta_btngroup {
         flex-wrap: wrap;
     }

     .cta_badge {
         width: auto;
     }

     .trial_features_list {
         flex-direction: column;
         align-items: flex-start;
     }

     .trial_features_list li:not(:last-child)::after {
         display: none;
     }

     .page_cta_block .row {
         border-radius: 15px;
     }

     .trial_features_list li {
         padding: 0 !important;
     }
 }

 @media (max-width: 576px) {
     .cta_heading_block .cta_btngroup a {
         width: 100%;
     }

     .newsletter-mainpage .newsletter_badge {
         margin-bottom: 20px;
     }

     .newsletter_imageblock {
         margin: 20px 0;
     }

 }

 @media (prefers-color-scheme: dark) {
     .newsletter-mainpage .newsletter_bannersections {
         background: url('https://cdn.mooninvoice.com/image/newsletter_images/newsletter_bannersections_dark.webp') no-repeat;
         background-size: 100% 100%;
     }

     .newsletter-mainpage .explore_grid_list {
         background: #1e1e1e;
     }

     .newsletter-mainpage .explore_grid_list .story-card,
     .newsletter-mainpage .newsletter-wrap {
         background: #151515;
     }

     .newsletter-mainpage .newsletter-contents-link {
         color: #ffffffcf;
     }

     .newsletter_imageblock.ios {
         background-image: url('https://cdn.mooninvoice.com/image/newsletter_images/newsletter_bannersections_dark.png') !important;
         background-size: 100% 100%;
         background-repeat: no-repeat;
         padding: 15px;
     }

     .newsletter_banner {
         background-image: url('https://cdn.mooninvoice.com/image/images/newhome/Customer-stories-background-dark.webp') !important;
         background-size: 100% 100%;
     }

     .sections_bg,
     .newsletter_item_grid {
         background: #1e1e1e;
     }

     .newsletter_item_grid .story-card {
         background: #151515;
     }

     .cta-dashboard {
         background: url(https://cdn.mooninvoice.com/image/s3_image/comparison_img_cta_dark.webp) no-repeat;
         background-size: 100% 100%;
     }
 }