 :root {
     --sprite-icon: url(/sites/zweb/images/vault/gigaom-sprite.svg) top center
 }

 .zw-product-header {
     background: black;
 }

 /* Hero Section */
 .zwc-sec {
     padding: 160px 0 150px;
 }

 .zwc-hero-section {
     position: relative;
     /* background: radial-gradient(ellipse at center, #0B2866 0%, #061839 27.28%, #041024 40.92%, #02080D 54.56%, #000000 100%); */
     overflow: hidden;
     /* min-height: 100vh; */
     display: flex;
     align-items: center;
     justify-content: center;
     background: radial-gradient(91.37% 99.1% at 52.24% 99.09%, #0B2866 0%, #02080D 54.56%, #000 100%);
 }

 .zwc-hero-section .hero-badge {
     /* display: inline-flex; */
     /* align-items: center; */
     /* gap: 16px; */
     width: fit-content;
     margin: 0 auto 24px;
     /* margin-bottom: 24px; */
 }

 .zwc-hero-section h1 {
     font-family: var(--primaryfont-semibold);
     font-size: 40px;
     line-height: 1.2;
     color: #FFFFFF;
     text-align: center;
     margin: 0 auto 32px;
     letter-spacing: -1.2px;
     max-width: 930px;
 }

 .zwc-hero-section .hero-description {
     font-family: var(--primaryfont-regular);
     font-size: 20px;
     line-height: 1.6;
     color: #B9BBC4;
     text-align: center;
     margin: 0 auto 48px;
     letter-spacing: -0.4px;
     max-width: 880px;
 }

 .zwc-hero-section .hero-buttons {
     display: flex;
     gap: 16px;
     justify-content: center;
     flex-wrap: wrap;
     align-items: center;
 }

 .act-btn {
     /* padding: 10px 32px;
        font-size: 17px; */
     padding: 14px 32px;
     border-radius: 4px;
 }

 /* .zwc-hero-section .act-btn.cta-btn {
     background: #E42527;
     color: #FFFFFF;
     padding: 16px 40px;
     border-radius: 4px;
     text-decoration: none;
     font-family: var(--primaryfont-semibold);
     font-size: 16px;
     text-transform: uppercase;
     display: inline-block;
     transition: background 0.3s ease;
 } */

 /* .zwc-hero-section .act-btn.cta-btn:hover {
     background: #C21E20;
 } */

 .zwc-hero-section .act-btn.secondary {
     background: transparent;
     color: #FFFFFF;
     padding: 14px 40px;
     border: 1px solid #FFFFFF;
     border-radius: 4px;
     text-decoration: none;
     font-family: var(--primaryfont-semibold);
     font-size: 16px;
     text-transform: uppercase;
     display: inline-block;
     transition: background 0.3s ease;
 }

 .zwc-hero-section .act-btn.secondary:hover {
     background: rgba(255, 255, 255, 0.1);
 }

 /* Report Info Section */

 .zwc-sec.zwc-report-info-section {
     padding-bottom: 0;
 }

 .zwc-report-info-section {
     /* padding: 80px 0; */
     background: #FFFFFF;
 }

 .zwc-report-info-section .report-card {
     border: 1px solid #C8CFD8;
     border-radius: 16px;
     padding: 56px;
     text-align: center;
     /* margin-bottom: 40px; */
 }

 .zwc-report-info-section h2 {
     font-family: var(--primaryfont-semibold);
     font-size: 40px;
     line-height: 1.2;
     color: #000000;
     margin: 0 auto 32px;
     letter-spacing: -1.2px;
     max-width: 890px;
 }

 .zwc-report-info-section p {
     font-family: var(--primaryfont-regular);
     font-size: 18px;
     line-height: 1.56;
     color: #000000;
     margin: 0;
     letter-spacing: -0.36px;
     max-width: 1000px;
 }

 .zwc-report-info-section .read-report-btn {
     border: 1px solid #2B1EC6;
     color: #2B1EC6;
     padding: 16px 24px;
     border-radius: 4px;
     text-decoration: none;
     font-family: var(--primaryfont-semibold);
     font-size: 17px;
     display: inline-flex;
     align-items: center;
     gap: 8px;
     transition: background 0.3s ease;
     margin-top: 32px;
 }

 /* .zwc-report-info-section .act-btn:hover {
     background: #2B1EC6;
     color: #FFFFFF;
 } */

 /* Two Column Section */
 .zwc-two-column-section {
     /* padding: 80px 0; */
     background: #FFFFFF;
 }

 .zwc-two-column-section .two-column-layout {
     display: flex;
     /* gap: 80px; */
     justify-content: space-between;
     align-items: center;
 }



 /* .zwc-two-column-section .left-column {
     flex: 1;
 }

 .zwc-two-column-section .right-column {
     flex: 1;
 } */

 .zwc-two-column-section h2 {
     font-family: var(--primaryfont-semibold);
     font-size: 64px;
     line-height: 1.125;
     color: #000000;
     margin: 0 0 40px 0;
     letter-spacing: -1.92px;
     max-width: 400px;
 }

 /* .zwc-two-column-section .report-image {
     width: 100%;
     height: auto;
     border-radius: 12px;
     overflow: hidden;
 } */

 .zwc-two-column-section .right-column {
     width: 699px;
     height: 658px;
     background-image: url("/sites/zweb/images/vault/gigaom-report-covers-bg.jpg");
     background-repeat: no-repeat;
     border-radius: 8px;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .zwc-two-column-section .right-column img {
     border-radius: 12px;
 }

 .zwc-two-column-section .right-column img {
     opacity: 0;
     transform: scale(.5);
     transition: opacity .8s ease, transform .8s ease;
 }

 .zwc-two-column-section .middle-animated .right-column img {
     opacity: 1;
     transform: scale(1);
 }

 .zwc-two-column-section .bullet-list {
     list-style: none;
     padding: 0;
     margin: 0;
     max-width: 450px;
 }

 .zwc-two-column-section .bullet-list li {
     font-family: var(--primaryfont-regular);
     font-size: 18px;
     line-height: 1.44;
     color: #000000;
     margin-bottom: 20px;
     padding-left: 33px;
     position: relative;
 }

 .zwc-two-column-section .bullet-list li::before {
     content: "";
     position: absolute;
     left: 0;
     top: 8px;
     width: 17px;
     height: 17px;
     background: #C4D7FF;
     border-radius: 50px;
 }

 .zwc-two-column-section .bullet-list li::after {
     content: "";
     position: absolute;
     top: 16px;
     left: 8px;
     width: 5px;
     height: 10px;
     border: solid #2b1ec6;
     border-width: 0 2px 2px 0;
     transform: translate(-50%, -60%) rotate(45deg);
 }

 /* Features Section */
 .zwc-features-section {
     /* padding: 80px 0; */
     background: #F8F8F8;
 }

 .zwc-features-section .features-layout {
     display: flex;
     /* gap: 122px; */
     align-items: flex-start;
 }

 .zwc-features-section .features-title {
     flex: 1;
     position: sticky;
     top: 140px;
 }

 .zwc-features-section .features-title h2 {
     font-family: var(--primaryfont-semibold);
     font-size: 64px;
     line-height: 1.125;
     color: #000000;
     margin: 0;
     letter-spacing: -1.92px;
     max-width: 500px;
 }

 .zwc-features-section .features-list {
     flex: 1;
     display: flex;
     flex-direction: column;
     gap: 40px;
 }

 .zwc-features-section .feature-card {
     background: #FFFFFF;
     padding: 48px;
     border-radius: 12px;
     box-shadow: 10px 10px 50px 3px rgba(39, 92, 141, 0.1);
 }

 .zwc-features-section .feature-card h3::before {
     position: relative;
     left: 0;
     display: block;
     content: "";
     background: var(--sprite-icon);
     background-size: 449px;
     height: 53px;
     width: 61px;
     margin-bottom: 40px;
     background-position: 0 -7px;
 }

 .zwc-features-section .middle-animated .feature-card h3::before {
     transform: scale(1);
     opacity: 1;
 }

 .zwc-features-section .feature-card h3::before {
     opacity: 0;
     transform: scale(0.5);
     transition: opacity .8s ease, transform .8s ease;
 }

 .features-list li:nth-child(2) h3::before {
     width: 55px;
     background-position: -60px -8px;
     height: 53px;
 }

 .features-list li:nth-child(3) h3::before {
     width: 59px;
     background-position: -115px -5px;
     height: 59px;
 }

 .features-list li:nth-child(4) h3::before {
     width: 56px;
     background-position: -175px -5px;
     height: 59px;
 }

 .zwc-features-section .feature-card h3 {
     font-family: var(--primaryfont-semibold);
     font-size: 32px;
     line-height: normal;
     color: #000000;
     margin: 0 0 16px 0;
     letter-spacing: -0.96px;
 }

 .zwc-features-section .feature-card h3.active {
     color: #2B1EC6;
 }

 .zwc-features-section .feature-card h3 span {
     display: block;
 }

 /* 
 .zwc-features-section .feature-card.default h3 {
     color: #000000;
 } */

 .zwc-features-section .feature-card p {
     font-family: var(--primaryfont-regular);
     font-size: 18px;
     line-height: 28px;
     color: #000000;
     margin: 0;
 }

 /* Benefits Section */
 .zwc-benefits-section {
     /* padding: 80px 0; */
     background: #FFFFFF;
 }

 .zwc-sec.zwc-benefits-section {
     padding-bottom: 0;
 }

 .zwc-benefits-section h2 {
     font-family: var(--primaryfont-semibold);
     font-size: 64px;
     line-height: 1.125;
     color: #000000;
     text-align: left;
     margin: 0 0 80px 0;
     letter-spacing: -1.92px;
     max-width: 844px;
 }

 .zwc-benefits-section .benefits-grid {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 140px 80px;
     align-items: start;
 }

 /* .zwc-benefits-section .benefit-item {
     display: flex;
     flex-direction: column;
     gap: 17px;
 } */

 .zwc-benefits-section .benefit-icon {
     width: 48px;
     height: 44px;
 }

 .zwc-benefits-section .benefit-item h3 {
     font-family: var(--primaryfont-semibold);
     font-size: 32px;
     line-height: 1;
     color: #000000;
     margin: 0 0 16px 0;
     letter-spacing: -0.96px;
 }

 .zwc-benefits-section .benefit-item h3::before {
     position: relative;
     left: 0;
     display: block;
     content: "";
     background: var(--sprite-icon);
     background-size: 449px;
     height: 54px;
     width: 54px;
     margin-bottom: 30px;
     background-position: -231px -7px;
 }

 .zwc-benefits-section .benefit-item h3 span {
     display: block;
 }

 .zwc-benefits-section ul li:nth-child(2) h3::before {
     width: 58px;
     background-position: -283px -7px;
 }

 .zwc-benefits-section ul li:nth-child(3) h3::before {
     width: 58px;
     background-position: -338px -7px;
 }

 .zwc-benefits-section ul li:nth-child(4) h3::before {
     width: 58px;
     background-position: -393px -7px;
 }

 .zwc-benefits-section .benefit-item p {
     font-family: var(--primaryfont-regular);
     font-size: 18px;
     line-height: 28px;
     color: #000000;
     margin: 0;
     letter-spacing: -0.4px;
     max-width: 500px;
 }

 /* About Section */
 .zwc-about-section {
     /* width: fit-content; */
     /* margin: 0 auto 140px; */
 }

 .zwc-about-section .content-wrap {
     padding: 80px;
     background: #F6F7F8;
     border-radius: 16px;
 }

 .zwc-about-section .about-container {
     border-radius: 16px;
     /* padding: 80px; */
     background: #F6F7F8;
 }

 .zwc-about-section .about-layout {
     display: flex;
     gap: 80px;
     align-items: baseline;
 }

 .zwc-about-section .about-left {
     flex: 1;
 }

 .zwc-about-section .about-right {
     flex: 1;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     /* gap: 40px; */
 }

 .zwc-about-section .about-right img {
     border-radius: 18px;
 }

 .zwc-about-section .author-image {
     width: 120px;
     height: 120px;
     border-radius: 12px;
     overflow: hidden;
     object-fit: cover;
 }

 .zwc-about-section h3 {
     font-family: var(--primaryfont-semibold);
     font-size: 32px;
     line-height: 1.25;
     color: #000000;
     margin: 40px 0 24px 0;
     letter-spacing: -0.96px;
 }

 .zwc-about-section p {
     font-family: var(--primaryfont-regular);
     font-size: 18px;
     line-height: 28px;
     color: #000000;
     margin: 0;
     letter-spacing: -0.4px;
     max-width: 470px;
 }

 /* .zwc-about-section .author-bio p {
     font-size: 18px;
     line-height: 1.56;
 } */

 /* .zwc-about-section .divider {
     width: 1px;
     height: 239px;
     background: #C8CFD8;
     margin: 0 40px;
 } */
 .about-right {
     position: relative;
 }

 .about-right::before {
     content: "";
     width: 1px;
     height: 239px;
     background: #7A7A7A;
     margin: 0 40px;
     position: absolute;
     left: -110px;
     bottom: 0;
 }

 /* CTA Section */
 .zwc-cta-section {
     position: relative;
     /* background: radial-gradient(ellipse at center, #3B4687 0%, #2C3565 25%, #1E2344 50%, #0F1222 75%, #080911 87.5%, #040509 93.75%, #000000 100%); */
     padding: 160px 0;
     /* text-align: center; */
     background: radial-gradient(71.59% 71.56% at 48.76% 130.87%, #3B4687 0%, #000 100%);
 }

 .zwc-cta-section h2 {
     font-family: var(--primaryfont-semibold);
     font-size: 80px;
     line-height: 1.1;
     color: #FFFFFF;
     margin: 0 0 48px 0;
     letter-spacing: -2.4px;
     max-width: 800px;
 }

 .zwc-cta-section .act-btn.cta-btn {
     background: #E42527;
     color: #FFFFFF;
     padding: 15px 40px;
     border-radius: 4px;
     text-decoration: none;
     font-family: var(--primaryfont-semibold);
     font-size: 20px;
     display: inline-block;
     transition: background 0.3s ease;
 }

 .zwc-cta-section .act-btn.cta-btn:hover {
     background: #C21E20;
 }

 /* Responsive Styles */
 @media screen and (max-width: 1440px) {

     .zwc-sec {
         padding: 150px 0 140px;
     }

     .zwc-features-section .features-title h2,
     .zwc-benefits-section h2 {
         font-size: 60px;
         line-height: 68px;
     }

     .zwc-benefits-section h2 {
         max-width: 788px;
     }

     .about-right::before {
         left: -95px;
     }

     .zwc-about-section p {
         font-size: 18px;
         max-width: 440px;
     }

     .zwc-two-column-section .right-column {
         max-width: 550px;
         height: auto;
     }

     .zwc-two-column-section .middle-animated .right-column img {
         transform: scale(.9);
     }

 }

 @media screen and (max-width: 1280px) {

     .zwc-sec {
         padding: 130px 0 120px;
     }

     .zwc-report-info-section .report-card {
         padding: 50px;
     }

     .zwc-benefits-section h2 {
         max-width: 731px;
     }

     .zwc-report-info-section .read-report-btn {
         padding: 12px 22px;
     }

     .zwc-report-info-section h2 {
         font-size: 36px;
         line-height: 44px;
         margin: 0 auto 22px;
         max-width: 790px;
     }

     .zwc-cta-section h2 {
         font-size: 70px;
         line-height: 78px;
     }

     .zwc-features-section .features-title h2,
     .zwc-benefits-section h2 {
         font-size: 56px;
         line-height: 64px;
     }

     .zwc-cta-section .act-btn.cta-btn {
         font-size: 18px;
     }

 }

 @media screen and (max-width: 1199px) {

     .zwc-sec {
         padding: 100px 0 90px;
     }

     .zwc-hero-section h1 {
         font-size: 36px;
         max-width: 830px;
     }

     .zwc-two-column-section .right-column {
         max-width: 440px;
     }

     .zwc-two-column-section h2 {
         font-size: 50px;
         line-height: normal;
         margin: 0 0 40px 0;
         max-width: 300px;
     }

     .zwc-report-info-section h2 {
         font-size: 34px;
         line-height: 42px;
     }

     .zwc-features-section .features-title h2 {
         max-width: 350px;
     }

     .zwc-features-section .features-layout {
         gap: 40px;
     }

     .zwc-features-section .features-title h2,
     .zwc-benefits-section h2 {
         font-size: 46px;
         line-height: 54px;
     }

     .zwc-features-section .features-title {
         flex: none;
     }

     .zwc-features-section .features-title {
         top: 70px;
     }

     .zwc-features-section .feature-card h3 {
         font-size: 28px;
     }

     .zwc-features-section .feature-card h3::before {
         margin-bottom: 20px;
     }

     .zwc-features-section .middle-animated .feature-card h3::before,
     .zwc-benefits-section .benefit-item h3::before {
         transform: scale(.9);
     }

     .zwc-benefits-section h2 {
         max-width: 592px;
     }

     .zwc-benefits-section .benefit-item p {
         font-size: 17px;
     }

     .zwc-about-section .about-left img,
     .zwc-about-section .about-right img {
         transform: scale(.9);
     }

     .zwc-about-section h3 {
         font-size: 30px;
         line-height: 38px;
         letter-spacing: -0.56px;
     }

     .zwc-about-section .content-wrap {
         padding: 50px;
     }

     .zwc-benefits-section .benefit-item h3 {
         font-size: 30px;
         line-height: 38px;
         letter-spacing: -0.56px;
     }

     .zwc-about-section p {
         font-size: 18px;
     }

     .zwc-cta-section h2 {
         font-size: 60px;
         line-height: 68px;
         letter-spacing: -1.3px;
         max-width: 620px;
         text-align: center;
         margin: 0 auto 48px;
     }

     .zwc-cta-section .act-btn.cta-btn {
         font-size: 17px;
         display: block;
         width: fit-content;
         margin: auto;
     }

     /* .zwc-features-section .features-title h2, .zwc-benefits-section h2 {
         font-size: 34px;
         line-height: 42px;
     } */


     .zwc-hero-section .hero-description {
         font-size: 19px;
     }

     .zwc-features-section .features-layout {
         gap: 80px;
     }

     .zwc-benefits-section .benefits-grid {
         gap: 100px 60px;
     }
 }

 @media screen and (max-width: 1024px) {

     .zwc-two-column-section .bullet-list {
         max-width: 380px;
     }

     .zwc-features-section .features-layout {
         gap: 60px;
     }

 }

 @media screen and (max-width: 991px) {

     .zwc-sec {
         padding: 80px 0;
     }

     .zwc-hero-section h1 {
         font-size: 30px;
         line-height: 38px;
         max-width: 690px;
         margin-bottom: 28px;
     }

     .zwc-hero-section .hero-description {
         margin-bottom: 38px;
     }

     .zwc-hero-section .hero-description {
         font-size: 18px;
     }

     .zwc-two-column-section .two-column-layout {
         flex-direction: column;
         gap: 40px;
     }

     .zwc-report-info-section p {
         font-size: 17px;
     }

     .zwc-hero-section .hero-description {
         max-width: 790px;
     }

     .zwc-report-info-section .read-report-btn {
         font-size: 16px;
     }

     .zwc-report-info-section h2 {
         font-size: 30px;
         line-height: 38px;
     }

     .zwc-two-column-section h2,
     .zwc-features-section .features-title h2 {
         font-size: 36px;
         text-align: center;
         line-height: 44px;
         letter-spacing: normal;
         letter-spacing: -0.42px;
     }

     .zwc-two-column-section h2 {
         max-width: 100%;
     }

     .zwc-features-section .features-layout {
         flex-direction: column;
         gap: 40px;
     }

     .zwc-features-section .features-title {
         position: static;
         margin: auto;
     }

     .zwc-features-section .features-title h2 {
         max-width: 420px;
         margin: auto;
     }

     .zwc-benefits-section h2 {
         font-size: 36px;
         line-height: 44px;
         max-width: 492px;
         text-align: center;
         margin: 0 auto 30px;
         letter-spacing: -0.42px;
     }

     .zwc-benefits-section .benefit-item p {
         font-size: 17px;
     }

     .zwc-benefits-section .benefits-grid {
         grid-template-columns: 1fr 1fr;
         gap: 40px;
         max-width: 810px;
         margin: 70px auto 0;
     }

     .zwc-benefits-section .benefit-item h3::before {
         margin-bottom: 10px;
     }



     .zwc-benefits-section .benefit-item h3 {
         font-size: 24px;
         line-height: 32px;
     }

     .zwc-two-column-section .bullet-list {
         max-width: 490px;
     }

     .act-btn,
     .zwc-hero-section .act-btn.secondary,
     .zwc-cta-section .act-btn.cta-btn {
         padding: 10px 32px;
     }

     .zwc-features-section .feature-card p {
         font-size: 17px;
     }

     .zwc-features-section .feature-card h3 {
         font-size: 24px;
     }

     .zwc-features-section .feature-card {
         padding: 35px;
     }

     .zwc-about-section .about-layout {
         /* flex-direction: column; */
         gap: 35px;
     }

     .zwc-about-section {
         max-width: 100%;
         margin: auto;

     }

     .zwc-about-section .about-left img,
     .zwc-about-section .about-right img {
         transform: scale(1);
     }

     .zwc-about-section .about-left img {
         max-width: 150px;
     }

     .zwc-about-section .about-right img {
         max-width: 100px;
     }

     .zwc-about-section h3 {
         font-size: 26px;
         line-height: 35px;
         margin: 25px 0 14px 0;
     }

     .about-right::before {
         display: none;
     }

     .zwc-about-section p {
         font-size: 17px;
     }

     .zwc-features-section .features-list {
         display: grid;
         grid-template-columns: auto auto;
         max-width: 810px;
         margin: auto;
         gap: 20px;
     }

     /* .zwc-about-section .divider {
         display: none;
     } */

     .zwc-cta-section h2 {
         font-size: 48px;
         line-height: 56px;
         max-width: 550px;
         margin: 0 auto 38px;
     }

     .zwc-cta-section .act-btn.cta-btn {
         font-size: 16px;
     }
 }

 @media screen and (max-width: 767px) {
     .zwc-hero-section {
         padding: 80px 0;
         min-height: auto;
     }

     .zwc-hero-section h1 {
         font-size: 26px;
         line-height: 34px;
     }

     .zwc-hero-section .hero-description {
         font-size: 16px;
     }

     .zwc-hero-section .hero-buttons {
         flex-direction: column;
         align-items: center;
         width: fit-content;
         margin: auto;
     }

     .zwc-report-info-section {
         padding: 60px 0;
     }

     .zwc-report-info-section .report-card {
         padding: 40px 24px;
     }

     .zwc-report-info-section h2 {
         font-size: 24px;
         line-height: 32px;
     }

     .act-btn.cta-btn {
         width: 100%;
     }

     .zwc-two-column-section {
         padding: 60px 0;
     }

     .zwc-two-column-section h2 {
         margin-bottom: 30px;
     }

     .zwc-two-column-section h2 {
         font-size: 32px;
     }

     .zwc-features-section {
         padding: 60px 0;
     }

     .zwc-features-section .features-title h2 {
         font-size: 32px;
         line-height: 42px;
     }

     .zwc-features-section .feature-card h3 {
         font-size: 24px;
     }

     .zwc-features-section .feature-card {
         padding: 32px 24px;
     }

     .zwc-benefits-section {
         padding: 60px 0;
     }

     .zwc-benefits-section .benefit-item h3 {
         font-size: 26px;
         line-height: 34px;
     }

     .zwc-benefits-section h2 {
         max-width: 435px;
         font-size: 32px;
         margin-bottom: 60px;
     }

     .zwc-benefits-section .benefit-item p {
         font-size: 17px;
     }

     .zwc-about-section .content-wrap {
         padding: 0px;
     }

     .zwc-benefits-section .benefits-grid {
         margin-top: 60px;
     }

     .zwc-about-section .content-wrap {
         background: none;
     }

     .zwc-about-section {
         padding: 60px 0;
     }

     .zwc-about-section .about-container {
         padding: 40px 24px;
     }

     .zwc-about-section .about-container {
         padding: 40px;
         max-width: 500px;
         margin: auto;

     }

     /* 
     .zwc-about-section .about-right {
         flex-direction: row;
         align-items: flex-start;
         gap: 24px;
     } */

     .zwc-about-section .about-layout {
         max-width: 540px;
         flex-direction: column;
     }

     .zwc-features-section .features-list {
         max-width: 450px;
         grid-template-columns: auto;
     }

     .zwc-benefits-section .benefits-grid {
         grid-template-columns: 1fr;
         max-width: 450px;
     }

     .zwc-about-section h3 {
         font-size: 26px;
     }

     .zwc-two-column-section .bullet-list li {
         font-size: 17px;
     }

     /* 
     .zwc-about-section .author-bio p {
         font-size: 16px;
     } */

     .zwc-cta-section {
         padding: 90px 0;
     }

     .zwc-cta-section h2 {
         font-size: 46px;
         line-height: 54px;
     }

     .content-wrap {
         padding: 0 24px;
     }
 }


 @media screen and (max-width: 480px) {

     .zwc-two-column-section .right-column {
         max-width: 100%;
     }

     .zwc-hero-section h1 {
         font-size: 23px;
         line-height: 32px;
     }

     .content-wrap {
         padding: 0;
     }

     .zwc-two-column-section .two-column-layout {
         gap: 20px;
     }

     .zwc-two-column-section .right-column img {}

     .zwc-features-section .features-title h2,
     .zwc-two-column-section h2,
     .zwc-benefits-section h2 {
         letter-spacing: -0.80px;
         font-size: 28px;
         line-height: 36px;
     }

     .zwc-benefits-section h2 {
         max-width: 360px;
     }

     .zwc-benefits-section h2 {
         margin-bottom: 40px;
     }

     .zwc-benefits-section .benefits-grid {
         margin-top: 0px;
     }

     .zwc-features-section .feature-card h3,
     .zwc-benefits-section .benefit-item h3,
     .zwc-about-section h3 {
         font-size: 22px;
         line-height: 30px;
     }

     .zwc-cta-section h2 {
         font-size: 38px;
         line-height: 46px;
     }


 }

 /* Content Wrapper */
 .content-wrap {
     max-width: 1280px;
     margin: 0 auto;
     /* padding: 0 40px; */
 }