.elementor-5784 .elementor-element.elementor-element-1bbac7e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5784 .elementor-element.elementor-element-1bbac7e:not(.elementor-motion-effects-element-type-background), .elementor-5784 .elementor-element.elementor-element-1bbac7e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#073B63;}.elementor-5784 .elementor-element.elementor-element-1bbac7e::before, .elementor-5784 .elementor-element.elementor-element-1bbac7e > .elementor-background-video-container::before, .elementor-5784 .elementor-element.elementor-element-1bbac7e > .e-con-inner > .elementor-background-video-container::before, .elementor-5784 .elementor-element.elementor-element-1bbac7e > .elementor-background-slideshow::before, .elementor-5784 .elementor-element.elementor-element-1bbac7e > .e-con-inner > .elementor-background-slideshow::before, .elementor-5784 .elementor-element.elementor-element-1bbac7e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-feef793 );--background-overlay:'';}.elementor-5784 .elementor-element.elementor-element-7daa17d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:45px;--padding-bottom:45px;--padding-left:45px;--padding-right:45px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5784 .elementor-element.elementor-element-b6946fc .elementor-heading-title{color:var( --e-global-color-68dc798 );}.elementor-5784 .elementor-element.elementor-element-2150e57 .elementor-heading-title{color:#6EC1E4;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-5784 .elementor-element.elementor-element-9817323{font-family:"Roboto", Sans-serif;font-weight:400;color:var( --e-global-color-68dc798 );}.elementor-5784 .elementor-element.elementor-element-2bdd935{text-align:start;font-family:"Roboto", Sans-serif;font-weight:400;color:var( --e-global-color-68dc798 );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-5784 .elementor-element.elementor-element-68147b1 .elementor-button{background-color:var( --e-global-color-68dc798 );fill:var( --e-global-color-feef793 );color:var( --e-global-color-feef793 );border-radius:100px 100px 100px 100px;}.elementor-5784 .elementor-element.elementor-element-69c5769{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:0px 0px 0px 0px;--padding-top:45px;--padding-bottom:45px;--padding-left:45px;--padding-right:45px;}.elementor-5784 .elementor-element.elementor-element-69c5769.e-con{--align-self:center;}.elementor-5784 .elementor-element.elementor-element-ade2776{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5784 .elementor-element.elementor-element-ade2776.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-5784 .elementor-element.elementor-element-8058206 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-5784 .elementor-element.elementor-element-8058206 img{width:100%;max-width:100%;border-radius:25px 25px 25px 25px;}.elementor-5784 .elementor-element.elementor-element-94c37b4{--display:flex;}.elementor-5784 .elementor-element.elementor-element-94c37b4:not(.elementor-motion-effects-element-type-background), .elementor-5784 .elementor-element.elementor-element-94c37b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DCEFF9;}.elementor-5784 .elementor-element.elementor-element-73159f4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5784 .elementor-element.elementor-element-73159f4:not(.elementor-motion-effects-element-type-background), .elementor-5784 .elementor-element.elementor-element-73159f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DCEFF9;}.elementor-5784 .elementor-element.elementor-element-c659bdc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5784 .elementor-element.elementor-element-9fd40d3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5784 .elementor-element.elementor-element-9fd40d3:not(.elementor-motion-effects-element-type-background), .elementor-5784 .elementor-element.elementor-element-9fd40d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DCEFF9;}.elementor-5784 .elementor-element.elementor-element-5d9be8a{--display:flex;}.elementor-5784 .elementor-element.elementor-element-5d9be8a:not(.elementor-motion-effects-element-type-background), .elementor-5784 .elementor-element.elementor-element-5d9be8a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#073B63;}.elementor-5784 .elementor-element.elementor-element-bd6e1e1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-5784 .elementor-element.elementor-element-bd6e1e1:not(.elementor-motion-effects-element-type-background), .elementor-5784 .elementor-element.elementor-element-bd6e1e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mycancerinfo.org/wp-content/uploads/2025/11/Screenshot-2025-11-14-at-6.30.36-PM.png");background-position:-180px -120px;background-repeat:no-repeat;background-size:59% auto;}.elementor-5784 .elementor-element.elementor-element-bd6e1e1::before, .elementor-5784 .elementor-element.elementor-element-bd6e1e1 > .elementor-background-video-container::before, .elementor-5784 .elementor-element.elementor-element-bd6e1e1 > .e-con-inner > .elementor-background-video-container::before, .elementor-5784 .elementor-element.elementor-element-bd6e1e1 > .elementor-background-slideshow::before, .elementor-5784 .elementor-element.elementor-element-bd6e1e1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5784 .elementor-element.elementor-element-bd6e1e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(-90deg, var( --e-global-color-e9799b5 ) 55%, var( --e-global-color-6a20c00 ) 65%);}.elementor-5784 .elementor-element.elementor-element-64d9f0a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5784 .elementor-element.elementor-element-64d9f0a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5784 .elementor-element.elementor-element-6304888{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:45px;--padding-bottom:45px;--padding-left:45px;--padding-right:45px;}.elementor-5784 .elementor-element.elementor-element-718f279 .elementor-heading-title{color:#081C54;}.elementor-5784 .elementor-element.elementor-element-31128a9 .elementor-button{background-color:var( --e-global-color-164e2d9 );fill:var( --e-global-color-e9799b5 );color:var( --e-global-color-e9799b5 );box-shadow:2px 5px 10px -10px rgba(0,0,0,0.5);border-style:solid;border-color:var( --e-global-color-164e2d9 );border-radius:30px 30px 30px 30px;}.elementor-5784 .elementor-element.elementor-element-31128a9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5784 .elementor-element.elementor-element-b5c67e2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:50px;--padding-bottom:50px;--padding-left:180px;--padding-right:180px;}.elementor-5784 .elementor-element.elementor-element-b5c67e2:not(.elementor-motion-effects-element-type-background), .elementor-5784 .elementor-element.elementor-element-b5c67e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center left, var( --e-global-color-2861edd ) 7%, #F2295B00 37%);}.elementor-5784 .elementor-element.elementor-element-fedc726{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;box-shadow:3px 3px 10px -5px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:45px;--padding-bottom:45px;--padding-left:45px;--padding-right:45px;}.elementor-5784 .elementor-element.elementor-element-fedc726:not(.elementor-motion-effects-element-type-background), .elementor-5784 .elementor-element.elementor-element-fedc726 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e9799b5 );}.elementor-5784 .elementor-element.elementor-element-fedc726.e-con{--align-self:center;}.elementor-5784 .elementor-element.elementor-element-2ed756b{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-5784 .elementor-element.elementor-element-db904b6{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-5784 .elementor-element.elementor-element-16dae49 .elementor-heading-title{color:var( --e-global-color-feef793 );}.elementor-5784 .elementor-element.elementor-element-85bc79b{color:var( --e-global-color-feef793 );}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-5784 .elementor-element.elementor-element-f8db1ad .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-5784 .elementor-element.elementor-element-f8db1ad .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-feef793 );}.elementor-5784 .elementor-element.elementor-element-f8db1ad.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-0f6c74c );}.elementor-5784 .elementor-element.elementor-element-f8db1ad.elementor-view-framed .elementor-icon, .elementor-5784 .elementor-element.elementor-element-f8db1ad.elementor-view-default .elementor-icon{fill:var( --e-global-color-0f6c74c );color:var( --e-global-color-0f6c74c );border-color:var( --e-global-color-0f6c74c );}.elementor-5784 .elementor-element.elementor-element-f8db1ad .elementor-icon{font-size:20px;}.elementor-5784 .elementor-element.elementor-element-f8db1ad:has(:hover) .elementor-icon-box-title, .elementor-5784 .elementor-element.elementor-element-f8db1ad:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-feef793 );}.elementor-5784 .elementor-element.elementor-element-f8db1ad .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-secondary );}.elementor-5784 .elementor-element.elementor-element-878e2fd .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-5784 .elementor-element.elementor-element-878e2fd .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-feef793 );}.elementor-5784 .elementor-element.elementor-element-878e2fd.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-0f6c74c );}.elementor-5784 .elementor-element.elementor-element-878e2fd.elementor-view-framed .elementor-icon, .elementor-5784 .elementor-element.elementor-element-878e2fd.elementor-view-default .elementor-icon{fill:var( --e-global-color-0f6c74c );color:var( --e-global-color-0f6c74c );border-color:var( --e-global-color-0f6c74c );}.elementor-5784 .elementor-element.elementor-element-878e2fd .elementor-icon{font-size:20px;}.elementor-5784 .elementor-element.elementor-element-878e2fd:has(:hover) .elementor-icon-box-title, .elementor-5784 .elementor-element.elementor-element-878e2fd:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-feef793 );}.elementor-5784 .elementor-element.elementor-element-878e2fd .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-secondary );}.elementor-5784 .elementor-element.elementor-element-0cf051e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--border-radius:02px 02px 02px 02px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-5784 .elementor-element.elementor-element-0cf051e:not(.elementor-motion-effects-element-type-background), .elementor-5784 .elementor-element.elementor-element-0cf051e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e9799b5 );}.elementor-5784 .elementor-element.elementor-element-0cf051e::before, .elementor-5784 .elementor-element.elementor-element-0cf051e > .elementor-background-video-container::before, .elementor-5784 .elementor-element.elementor-element-0cf051e > .e-con-inner > .elementor-background-video-container::before, .elementor-5784 .elementor-element.elementor-element-0cf051e > .elementor-background-slideshow::before, .elementor-5784 .elementor-element.elementor-element-0cf051e > .e-con-inner > .elementor-background-slideshow::before, .elementor-5784 .elementor-element.elementor-element-0cf051e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-2861edd );--background-overlay:'';}.elementor-5784 .elementor-element.elementor-element-84c567f > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-5784 .elementor-element.elementor-element-84c567f .elementor-heading-title{color:var( --e-global-color-feef793 );}.elementor-5784 .elementor-element.elementor-element-6c10d32{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5784 .elementor-element.elementor-element-2f8d1cd{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-5784 .elementor-element.elementor-element-7daa17d{--width:50%;}.elementor-5784 .elementor-element.elementor-element-69c5769{--width:65%;}.elementor-5784 .elementor-element.elementor-element-ade2776{--width:100%;}.elementor-5784 .elementor-element.elementor-element-64d9f0a{--width:50%;}.elementor-5784 .elementor-element.elementor-element-6304888{--width:50%;}}@media(max-width:1024px){.elementor-5784 .elementor-element.elementor-element-bd6e1e1:not(.elementor-motion-effects-element-type-background), .elementor-5784 .elementor-element.elementor-element-bd6e1e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-5784 .elementor-element.elementor-element-b5c67e2{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:15%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:6%;--padding-right:6%;}.elementor-5784 .elementor-element.elementor-element-2ed756b{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-5784 .elementor-element.elementor-element-bd6e1e1:not(.elementor-motion-effects-element-type-background), .elementor-5784 .elementor-element.elementor-element-bd6e1e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-161px 0px;background-size:cover;}.elementor-5784 .elementor-element.elementor-element-bd6e1e1::before, .elementor-5784 .elementor-element.elementor-element-bd6e1e1 > .elementor-background-video-container::before, .elementor-5784 .elementor-element.elementor-element-bd6e1e1 > .e-con-inner > .elementor-background-video-container::before, .elementor-5784 .elementor-element.elementor-element-bd6e1e1 > .elementor-background-slideshow::before, .elementor-5784 .elementor-element.elementor-element-bd6e1e1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5784 .elementor-element.elementor-element-bd6e1e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-e9799b5 ) 67%, var( --e-global-color-6a20c00 ) 98%);}.elementor-5784 .elementor-element.elementor-element-bd6e1e1{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-5784 .elementor-element.elementor-element-b5c67e2{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:80px;--padding-left:15px;--padding-right:15px;}.elementor-5784 .elementor-element.elementor-element-fedc726{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-5784 .elementor-element.elementor-element-2ed756b{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-5784 .elementor-element.elementor-element-0cf051e{--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for html, class: .elementor-element-6505f14 *//* ========================================= CANCER A-Z — PATIENT 3 VIDEO 01 MASTER UNIFIED — 9:16 VIDEO NATURAL HEIGHT TEXT CARD ========================================= */ .caz-story-01 { background: #DCEFF9; padding: 90px 0; } /* ========================================= CONTAINER ========================================= */ .caz-story-01 .caz-story-container { width: min(1120px, calc(100% - 80px)); margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 55px; align-items: center; } /* ========================================= VIDEO SIDE ========================================= */ .caz-story-01 .caz-story-media { width: 100%; max-width: 500px; position: relative; } /* ========================================= NUMBER ========================================= */ .caz-story-01 .caz-story-number { position: absolute; top: -18px; left: -18px; width: 58px; height: 58px; background: #073B63; color: #FFFFFF; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: Arial, sans-serif; font-size: 17px; font-weight: 700; z-index: 5; } /* ========================================= VIDEO ========================================= */ .caz-story-01 .caz-story-video { width: 100%; aspect-ratio: 9 / 16; background: #073B63; border-radius: 18px; overflow: hidden; box-shadow: 0 18px 45px rgba(7, 59, 99, 0.16); } .caz-story-01 .caz-story-video video { width: 100%; height: 100%; display: block; object-fit: cover; } /* ========================================= TEXT CARD ========================================= */ .caz-story-01 .caz-story-content { width: 100%; max-width: 500px; /* IMPORTANT: Natural height for longer content */ aspect-ratio: auto; box-sizing: border-box; background: #FFFFFF; border-radius: 18px; padding: 42px 40px; display: flex; flex-direction: column; justify-content: center; box-shadow: 0 18px 45px rgba(7, 59, 99, 0.10); } /* ========================================= LABEL ========================================= */ .caz-story-01 .caz-story-label { color: #073B63; font-family: Arial, sans-serif; font-size: 13px; line-height: 1.3; font-weight: 700; letter-spacing: 2.1px; margin-bottom: 14px; } /* ========================================= HEADING ========================================= */ .caz-story-01 .caz-story-content h2 { margin: 0 0 19px; color: #073B63; font-family: Arial, sans-serif; font-size: 44px; line-height: 1.12; font-weight: 700; letter-spacing: -1.1px; } .caz-story-01 .caz-story-content h2 span { color: #8FC9E8; } /* ========================================= LEAD ========================================= */ .caz-story-01 .caz-story-lead { margin: 0 0 15px; color: #55758A; font-family: Arial, sans-serif; font-size: 16px; line-height: 1.52; font-weight: 600; } /* ========================================= BODY ========================================= */ .caz-story-01 .caz-story-content p:not(.caz-story-lead) { margin: 0 0 12px; color: #55758A; font-family: Arial, sans-serif; font-size: 14.5px; line-height: 1.58; font-weight: 400; } /* ========================================= EMPHASIS ========================================= */ .caz-story-01 .caz-story-content strong { color: #073B63; font-weight: 700; } /* ========================================= QUOTE ========================================= */ .caz-story-01 .caz-story-quote { margin-top: 7px; padding: 14px 17px; background: #DCEFF9; border-left: 4px solid #073B63; border-radius: 8px; color: #073B63; font-family: Arial, sans-serif; font-size: 15px; line-height: 1.48; font-weight: 600; } /* ========================================= QUOTE LABEL ========================================= */ .caz-story-01 .caz-story-quote-label { margin-bottom: 5px; color: #8FC9E8; font-family: Arial, sans-serif; font-size: 9px; line-height: 1.3; font-weight: 700; letter-spacing: 1.7px; } /* ========================================= BOTTOM MESSAGE ========================================= */ .caz-story-01 .caz-story-bottom { margin-top: 14px; color: #073B63; font-family: Arial, sans-serif; font-size: 15px; line-height: 1.4; font-weight: 700; } /* ========================================= TABLET ========================================= */ @media (max-width: 1200px) and (min-width: 769px) { .caz-story-01 .caz-story-container { width: min(calc(100% - 50px), 900px); gap: 40px; } .caz-story-01 .caz-story-content { padding: 36px 32px; aspect-ratio: auto; } .caz-story-01 .caz-story-content h2 { font-size: 37px; line-height: 1.11; margin-bottom: 16px; } .caz-story-01 .caz-story-lead { font-size: 15.5px; line-height: 1.5; margin-bottom: 14px; } .caz-story-01 .caz-story-content p:not(.caz-story-lead) { font-size: 13.5px; line-height: 1.52; margin-bottom: 11px; } .caz-story-01 .caz-story-quote { font-size: 14px; line-height: 1.48; padding: 13px 15px; } .caz-story-01 .caz-story-bottom { font-size: 14px; line-height: 1.4; } .caz-story-01 .caz-story-number { width: 54px; height: 54px; top: -16px; left: -16px; font-size: 16px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 768px) { .caz-story-01 { padding: 55px 0; } .caz-story-01 .caz-story-container { width: calc(100% - 32px); display: flex; flex-direction: column; gap: 26px; } /* ===================================== VIDEO FIRST ===================================== */ .caz-story-01 .caz-story-media { width: 100%; max-width: 100%; order: 1; } /* ===================================== TEXT SECOND ===================================== */ .caz-story-01 .caz-story-content { width: 100%; max-width: 100%; aspect-ratio: auto; padding: 34px 28px; order: 2; border-radius: 14px; } /* ===================================== NUMBER ===================================== */ .caz-story-01 .caz-story-number { width: 48px; height: 48px; top: -12px; left: -8px; font-size: 15px; } /* ===================================== VIDEO ===================================== */ .caz-story-01 .caz-story-video { width: 100%; aspect-ratio: 9 / 16; border-radius: 14px; } /* ===================================== LABEL ===================================== */ .caz-story-01 .caz-story-label { font-size: 12px; letter-spacing: 1.8px; margin-bottom: 13px; } /* ===================================== HEADING ===================================== */ .caz-story-01 .caz-story-content h2 { font-size: 34px; line-height: 1.12; letter-spacing: -0.7px; margin-bottom: 17px; } /* ===================================== LEAD ===================================== */ .caz-story-01 .caz-story-lead { font-size: 16px; line-height: 1.55; margin-bottom: 15px; } /* ===================================== BODY ===================================== */ .caz-story-01 .caz-story-content p:not(.caz-story-lead) { font-size: 15px; line-height: 1.58; margin-bottom: 13px; } /* ===================================== QUOTE ===================================== */ .caz-story-01 .caz-story-quote { padding: 15px 17px; font-size: 15.5px; line-height: 1.5; margin-top: 6px; } /* ===================================== QUOTE LABEL ===================================== */ .caz-story-01 .caz-story-quote-label { font-size: 9px; margin-bottom: 5px; } /* ===================================== BOTTOM ===================================== */ .caz-story-01 .caz-story-bottom { margin-top: 15px; font-size: 15.5px; line-height: 1.45; } } /* ========================================= SMALL MOBILE ========================================= */ @media (max-width: 480px) { .caz-story-01 .caz-story-content { padding: 30px 24px; } .caz-story-01 .caz-story-content h2 { font-size: 31px; line-height: 1.12; letter-spacing: -0.5px; } .caz-story-01 .caz-story-lead { font-size: 15.5px; line-height: 1.55; } .caz-story-01 .caz-story-content p:not(.caz-story-lead) { font-size: 14.5px; line-height: 1.58; } .caz-story-01 .caz-story-quote { font-size: 15px; line-height: 1.5; } .caz-story-01 .caz-story-bottom { font-size: 15px; line-height: 1.45; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-94c37b4 *//* ========================================= CANCER A-Z — PATIENT 3 VIDEO 03 9:16 VIDEO + BALANCED CONTENT CARD ========================================= */ .caz-story-03 { background: #DCEFF9; padding: 90px 0; } /* ========================================= CONTAINER ========================================= */ .caz-story-03 .caz-story-container { width: min(1120px, calc(100% - 80px)); margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 55px; align-items: center; } /* ========================================= VIDEO SIDE ========================================= */ .caz-story-03 .caz-story-media { width: 100%; max-width: 500px; position: relative; } /* ========================================= NUMBER ========================================= */ .caz-story-03 .caz-story-number { position: absolute; top: -18px; left: -18px; width: 58px; height: 58px; background: #073B63; color: #FFFFFF; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: Arial, sans-serif; font-size: 17px; font-weight: 700; z-index: 5; } /* ========================================= VIDEO — 9:16 ========================================= */ .caz-story-03 .caz-story-video { width: 100%; aspect-ratio: 9 / 16; background: #073B63; border-radius: 18px; overflow: hidden; box-shadow: 0 18px 45px rgba(7, 59, 99, 0.16); } .caz-story-03 .caz-story-video video { width: 100%; height: 100%; display: block; object-fit: cover; } /* ========================================= TEXT CARD ========================================= */ .caz-story-03 .caz-story-content { width: 100%; max-width: 500px; /* Natural height — better with 9:16 video */ aspect-ratio: auto; box-sizing: border-box; background: #FFFFFF; border-radius: 18px; padding: 42px 40px; display: flex; flex-direction: column; justify-content: center; box-shadow: 0 18px 45px rgba(7, 59, 99, 0.10); } /* ========================================= LABEL ========================================= */ .caz-story-03 .caz-story-label { color: #073B63; font-family: Arial, sans-serif; font-size: 13px; line-height: 1.3; font-weight: 700; letter-spacing: 2.1px; margin-bottom: 14px; } /* ========================================= HEADING ========================================= */ .caz-story-03 .caz-story-content h2 { margin: 0 0 19px; color: #073B63; font-family: Arial, sans-serif; font-size: 44px; line-height: 1.12; font-weight: 700; letter-spacing: -1.1px; } .caz-story-03 .caz-story-content h2 span { color: #8FC9E8; } /* ========================================= LEAD ========================================= */ .caz-story-03 .caz-story-lead { margin: 0 0 15px; color: #55758A; font-family: Arial, sans-serif; font-size: 16px; line-height: 1.52; font-weight: 600; } /* ========================================= BODY ========================================= */ .caz-story-03 .caz-story-content p:not(.caz-story-lead) { margin: 0 0 12px; color: #55758A; font-family: Arial, sans-serif; font-size: 14.5px; line-height: 1.58; font-weight: 400; } /* ========================================= QUOTE ========================================= */ .caz-story-03 .caz-story-quote { margin-top: 7px; padding: 14px 17px; background: #DCEFF9; border-left: 4px solid #073B63; border-radius: 8px; color: #073B63; font-family: Arial, sans-serif; font-size: 15px; line-height: 1.48; font-weight: 600; } /* ========================================= QUOTE LABEL ========================================= */ .caz-story-03 .caz-story-quote-label { margin-bottom: 5px; color: #8FC9E8; font-family: Arial, sans-serif; font-size: 9px; line-height: 1.3; font-weight: 700; letter-spacing: 1.7px; } /* ========================================= BOTTOM MESSAGE ========================================= */ .caz-story-03 .caz-story-bottom { margin-top: 14px; color: #073B63; font-family: Arial, sans-serif; font-size: 15px; line-height: 1.4; font-weight: 700; } /* ========================================= TABLET ========================================= */ @media (max-width: 1200px) and (min-width: 769px) { .caz-story-03 .caz-story-container { width: min(100% - 50px, 900px); gap: 40px; } .caz-story-03 .caz-story-content { padding: 36px 32px; } .caz-story-03 .caz-story-content h2 { font-size: 37px; line-height: 1.11; margin-bottom: 17px; } .caz-story-03 .caz-story-lead { font-size: 15.5px; line-height: 1.5; margin-bottom: 14px; } .caz-story-03 .caz-story-content p:not(.caz-story-lead) { font-size: 13.5px; line-height: 1.54; margin-bottom: 11px; } .caz-story-03 .caz-story-quote { font-size: 14px; padding: 13px 15px; } .caz-story-03 .caz-story-bottom { font-size: 14px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 768px) { .caz-story-03 { padding: 55px 0; } .caz-story-03 .caz-story-container { width: calc(100% - 32px); display: flex; flex-direction: column; gap: 26px; } /* ===================================== VIDEO FIRST ===================================== */ .caz-story-03 .caz-story-media { max-width: 100%; order: 1; } /* ===================================== 9:16 VIDEO ===================================== */ .caz-story-03 .caz-story-video { aspect-ratio: 9 / 16; border-radius: 14px; } /* ===================================== TEXT SECOND ===================================== */ .caz-story-03 .caz-story-content { max-width: 100%; /* Natural height */ aspect-ratio: auto; padding: 34px 28px; order: 2; border-radius: 14px; } /* ===================================== NUMBER ===================================== */ .caz-story-03 .caz-story-number { width: 48px; height: 48px; top: -12px; left: -8px; font-size: 15px; } /* ===================================== LABEL ===================================== */ .caz-story-03 .caz-story-label { font-size: 12px; letter-spacing: 1.8px; margin-bottom: 13px; } /* ===================================== HEADING ===================================== */ .caz-story-03 .caz-story-content h2 { font-size: 34px; line-height: 1.12; letter-spacing: -0.7px; margin-bottom: 17px; } /* ===================================== LEAD ===================================== */ .caz-story-03 .caz-story-lead { font-size: 16px; line-height: 1.55; margin-bottom: 15px; } /* ===================================== BODY ===================================== */ .caz-story-03 .caz-story-content p:not(.caz-story-lead) { font-size: 15px; line-height: 1.58; margin-bottom: 13px; } /* ===================================== QUOTE ===================================== */ .caz-story-03 .caz-story-quote { padding: 15px 17px; font-size: 15.5px; line-height: 1.5; margin-top: 6px; } /* ===================================== QUOTE LABEL ===================================== */ .caz-story-03 .caz-story-quote-label { font-size: 9px; margin-bottom: 5px; } /* ===================================== BOTTOM ===================================== */ .caz-story-03 .caz-story-bottom { margin-top: 15px; font-size: 15.5px; line-height: 1.45; } } /* ========================================= SMALL MOBILE ========================================= */ @media (max-width: 480px) { .caz-story-03 .caz-story-content { padding: 30px 24px; } .caz-story-03 .caz-story-content h2 { font-size: 31px; line-height: 1.12; } .caz-story-03 .caz-story-lead { font-size: 15.5px; } .caz-story-03 .caz-story-content p:not(.caz-story-lead) { font-size: 14.5px; line-height: 1.58; } .caz-story-03 .caz-story-quote { font-size: 15px; } .caz-story-03 .caz-story-bottom { font-size: 15px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-b4c485c *//* ========================================================= CANCER A-Z — PATIENT 3 VIDEO 01 FINAL CSS 9:16 VIDEO + NATURAL HEIGHT TEXT CARD NATIVE FULLSCREEN ========================================================= */ /* ========================================================= SECTION ========================================================= */ .caz-story-01 { width: 100% !important; background: #DCEFF9 !important; padding: 90px 0 !important; box-sizing: border-box !important; } /* ========================================================= CONTAINER ========================================================= */ .caz-story-01 .caz-story-container { width: min(1120px, calc(100% - 80px)) !important; margin: 0 auto !important; display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 55px !important; align-items: center !important; box-sizing: border-box !important; } /* ========================================================= VIDEO SIDE ========================================================= */ .caz-story-01 .caz-story-media { width: 100% !important; max-width: 500px !important; min-width: 0 !important; position: relative !important; justify-self: center !important; box-sizing: border-box !important; display: block !important; visibility: visible !important; opacity: 1 !important; } /* ========================================================= NUMBER ========================================================= */ .caz-story-01 .caz-story-number { position: absolute !important; top: -18px !important; left: -18px !important; width: 58px !important; height: 58px !important; min-width: 58px !important; min-height: 58px !important; background: #073B63 !important; color: #FFFFFF !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-family: Arial, sans-serif !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1 !important; z-index: 50 !important; box-sizing: border-box !important; } /* ========================================================= VIDEO WRAPPER ========================================================= */ .caz-story-01 .caz-story-video { width: 100% !important; height: auto !important; aspect-ratio: 9 / 16 !important; position: relative !important; background: #073B63 !important; border-radius: 18px !important; overflow: hidden !important; box-shadow: 0 18px 45px rgba(7, 59, 99, 0.16) !important; box-sizing: border-box !important; margin: 0 !important; padding: 0 !important; display: block !important; visibility: visible !important; opacity: 1 !important; } /* ========================================================= VIDEO ELEMENT ========================================================= */ .caz-story-01 .caz-story-video video { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; max-width: none !important; max-height: none !important; display: block !important; visibility: visible !important; opacity: 1 !important; object-fit: cover !important; margin: 0 !important; padding: 0 !important; border: 0 !important; box-sizing: border-box !important; } /* ========================================================= NATIVE FULLSCREEN ========================================================= */ .caz-story-01 .caz-story-video video:fullscreen { width: 100vw !important; height: 100vh !important; max-width: 100vw !important; max-height: 100vh !important; object-fit: contain !important; background: #000000 !important; border-radius: 0 !important; } .caz-story-01 .caz-story-video video:-webkit-full-screen { width: 100vw !important; height: 100vh !important; max-width: 100vw !important; max-height: 100vh !important; object-fit: contain !important; background: #000000 !important; border-radius: 0 !important; } .caz-story-01 .caz-story-video video:-moz-full-screen { width: 100vw !important; height: 100vh !important; max-width: 100vw !important; max-height: 100vh !important; object-fit: contain !important; background: #000000 !important; border-radius: 0 !important; } /* ========================================================= TEXT CARD ========================================================= */ .caz-story-01 .caz-story-content { width: 100% !important; max-width: 500px !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: auto !important; box-sizing: border-box !important; background: #FFFFFF !important; border-radius: 18px !important; padding: 42px 40px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; overflow: visible !important; box-shadow: 0 18px 45px rgba(7, 59, 99, 0.10) !important; justify-self: center !important; align-self: center !important; } /* ========================================================= LABEL ========================================================= */ .caz-story-01 .caz-story-label { margin: 0 0 14px !important; color: #073B63 !important; font-family: Arial, sans-serif !important; font-size: 13px !important; line-height: 1.3 !important; font-weight: 700 !important; letter-spacing: 2.1px !important; } /* ========================================================= HEADING ========================================================= */ .caz-story-01 .caz-story-content h2 { margin: 0 0 19px !important; padding: 0 !important; color: #073B63 !important; font-family: Arial, sans-serif !important; font-size: 44px !important; line-height: 1.12 !important; font-weight: 700 !important; letter-spacing: -1.1px !important; } .caz-story-01 .caz-story-content h2 span { color: #8FC9E8 !important; } /* ========================================================= LEAD ========================================================= */ .caz-story-01 .caz-story-lead { margin: 0 0 15px !important; color: #55758A !important; font-family: Arial, sans-serif !important; font-size: 16px !important; line-height: 1.52 !important; font-weight: 600 !important; } /* ========================================================= BODY ========================================================= */ .caz-story-01 .caz-story-content p:not(.caz-story-lead) { margin: 0 0 12px !important; color: #55758A !important; font-family: Arial, sans-serif !important; font-size: 14.5px !important; line-height: 1.58 !important; font-weight: 400 !important; } /* ========================================================= STRONG ========================================================= */ .caz-story-01 .caz-story-content strong { color: #073B63 !important; font-weight: 700 !important; } /* ========================================================= QUOTE ========================================================= */ .caz-story-01 .caz-story-quote { width: 100% !important; margin: 7px 0 0 !important; padding: 14px 17px !important; background: #DCEFF9 !important; border-left: 4px solid #073B63 !important; border-radius: 8px !important; color: #073B63 !important; font-family: Arial, sans-serif !important; font-size: 15px !important; line-height: 1.48 !important; font-weight: 600 !important; box-sizing: border-box !important; } /* ========================================================= QUOTE LABEL ========================================================= */ .caz-story-01 .caz-story-quote-label { margin: 0 0 5px !important; color: #073B63 !important; font-family: Arial, sans-serif !important; font-size: 9px !important; line-height: 1.3 !important; font-weight: 700 !important; letter-spacing: 1.7px !important; } /* ========================================================= BOTTOM MESSAGE ========================================================= */ .caz-story-01 .caz-story-bottom { display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; margin: 14px 0 0 !important; padding: 0 !important; color: #073B63 !important; font-family: Arial, sans-serif !important; font-size: 15px !important; line-height: 1.4 !important; font-weight: 700 !important; box-sizing: border-box !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1200px) and (min-width: 769px) { .caz-story-01 { padding: 75px 0 !important; } .caz-story-01 .caz-story-container { width: min(900px, calc(100% - 50px)) !important; gap: 40px !important; } .caz-story-01 .caz-story-media { max-width: 420px !important; display: block !important; visibility: visible !important; } .caz-story-01 .caz-story-video { width: 100% !important; aspect-ratio: 9 / 16 !important; height: auto !important; } .caz-story-01 .caz-story-video video { width: 100% !important; height: 100% !important; display: block !important; visibility: visible !important; opacity: 1 !important; } .caz-story-01 .caz-story-content { max-width: 420px !important; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: auto !important; padding: 36px 32px !important; } .caz-story-01 .caz-story-content h2 { font-size: 37px !important; line-height: 1.11 !important; margin-bottom: 16px !important; } .caz-story-01 .caz-story-lead { font-size: 15.5px !important; line-height: 1.5 !important; margin-bottom: 14px !important; } .caz-story-01 .caz-story-content p:not(.caz-story-lead) { font-size: 13.5px !important; line-height: 1.52 !important; margin-bottom: 11px !important; } .caz-story-01 .caz-story-quote { font-size: 14px !important; padding: 13px 15px !important; } .caz-story-01 .caz-story-bottom { font-size: 14px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 768px) { .caz-story-01 { width: 100% !important; padding: 55px 0 !important; overflow: visible !important; } .caz-story-01 .caz-story-container { width: calc(100% - 32px) !important; max-width: none !important; margin: 0 auto !important; display: flex !important; flex-direction: column !important; gap: 26px !important; align-items: stretch !important; overflow: visible !important; } /* MEDIA */ .caz-story-01 .caz-story-media { width: 100% !important; max-width: none !important; min-width: 0 !important; position: relative !important; display: block !important; visibility: visible !important; opacity: 1 !important; order: 1 !important; align-self: stretch !important; overflow: visible !important; } /* NUMBER */ .caz-story-01 .caz-story-number { width: 48px !important; height: 48px !important; min-width: 48px !important; min-height: 48px !important; top: -12px !important; left: -8px !important; font-size: 15px !important; z-index: 50 !important; } /* VIDEO */ .caz-story-01 .caz-story-video { display: block !important; visibility: visible !important; opacity: 1 !important; position: relative !important; width: 100% !important; height: calc((100vw - 32px) * 1.7777778) !important; min-height: 0 !important; max-height: none !important; aspect-ratio: auto !important; background: #073B63 !important; border-radius: 14px !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; box-shadow: 0 18px 45px rgba(7, 59, 99, 0.16) !important; } .caz-story-01 .caz-story-video video { position: absolute !important; top: 0 !important; left: 0 !important; display: block !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; max-width: none !important; max-height: none !important; object-fit: cover !important; margin: 0 !important; padding: 0 !important; border: 0 !important; box-sizing: border-box !important; } /* MOBILE FULLSCREEN */ .caz-story-01 .caz-story-video video:fullscreen { width: 100vw !important; height: 100vh !important; max-width: 100vw !important; max-height: 100vh !important; object-fit: contain !important; background: #000000 !important; border-radius: 0 !important; } .caz-story-01 .caz-story-video video:-webkit-full-screen { width: 100vw !important; height: 100vh !important; max-width: 100vw !important; max-height: 100vh !important; object-fit: contain !important; background: #000000 !important; border-radius: 0 !important; } .caz-story-01 .caz-story-video video:-moz-full-screen { width: 100vw !important; height: 100vh !important; max-width: 100vw !important; max-height: 100vh !important; object-fit: contain !important; background: #000000 !important; border-radius: 0 !important; } /* TEXT */ .caz-story-01 .caz-story-content { width: 100% !important; max-width: none !important; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: auto !important; padding: 34px 28px !important; order: 2 !important; border-radius: 14px !important; align-self: stretch !important; overflow: visible !important; } /* LABEL */ .caz-story-01 .caz-story-label { font-size: 12px !important; letter-spacing: 1.8px !important; margin-bottom: 13px !important; } /* HEADING */ .caz-story-01 .caz-story-content h2 { font-size: 34px !important; line-height: 1.12 !important; letter-spacing: -0.7px !important; margin-bottom: 17px !important; } /* LEAD */ .caz-story-01 .caz-story-lead { font-size: 16px !important; line-height: 1.55 !important; margin-bottom: 15px !important; } /* BODY */ .caz-story-01 .caz-story-content p:not(.caz-story-lead) { font-size: 15px !important; line-height: 1.58 !important; margin-bottom: 13px !important; } /* QUOTE */ .caz-story-01 .caz-story-quote { width: 100% !important; padding: 15px 17px !important; font-size: 15.5px !important; line-height: 1.5 !important; margin-top: 6px !important; } /* BOTTOM */ .caz-story-01 .caz-story-bottom { display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; margin-top: 15px !important; font-size: 15.5px !important; line-height: 1.45 !important; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .caz-story-01 { padding: 45px 0 !important; } .caz-story-01 .caz-story-container { width: calc(100% - 28px) !important; gap: 24px !important; } .caz-story-01 .caz-story-media { width: 100% !important; max-width: none !important; display: block !important; visibility: visible !important; opacity: 1 !important; } .caz-story-01 .caz-story-number { width: 46px !important; height: 46px !important; min-width: 46px !important; min-height: 46px !important; top: -10px !important; left: -6px !important; font-size: 14px !important; z-index: 50 !important; } .caz-story-01 .caz-story-video { width: 100% !important; height: calc((100vw - 28px) * 1.7777778) !important; aspect-ratio: auto !important; display: block !important; visibility: visible !important; opacity: 1 !important; position: relative !important; overflow: hidden !important; } .caz-story-01 .caz-story-video video { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; max-width: none !important; max-height: none !important; display: block !important; visibility: visible !important; opacity: 1 !important; object-fit: cover !important; } /* SMALL MOBILE FULLSCREEN */ .caz-story-01 .caz-story-video video:fullscreen { width: 100vw !important; height: 100vh !important; max-width: 100vw !important; max-height: 100vh !important; object-fit: contain !important; background: #000000 !important; border-radius: 0 !important; } .caz-story-01 .caz-story-video video:-webkit-full-screen { width: 100vw !important; height: 100vh !important; max-width: 100vw !important; max-height: 100vh !important; object-fit: contain !important; background: #000000 !important; border-radius: 0 !important; } .caz-story-01 .caz-story-video video:-moz-full-screen { width: 100vw !important; height: 100vh !important; max-width: 100vw !important; max-height: 100vh !important; object-fit: contain !important; background: #000000 !important; border-radius: 0 !important; } /* TEXT CARD */ .caz-story-01 .caz-story-content { padding: 30px 24px !important; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: auto !important; } .caz-story-01 .caz-story-content h2 { font-size: 31px !important; line-height: 1.12 !important; letter-spacing: -0.5px !important; } .caz-story-01 .caz-story-lead { font-size: 15.5px !important; line-height: 1.55 !important; } .caz-story-01 .caz-story-content p:not(.caz-story-lead) { font-size: 14.5px !important; line-height: 1.58 !important; } .caz-story-01 .caz-story-quote { font-size: 15px !important; line-height: 1.5 !important; } .caz-story-01 .caz-story-bottom { font-size: 15px !important; line-height: 1.45 !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-4bab2b2 *//* ========================================= CANCER A-Z — PATIENT 3 VIDEO 02 9:16 VIDEO + BALANCED CONTENT CARD NATIVE FULLSCREEN ========================================= */ .caz-story-02 { background: #FFFFFF; padding: 90px 0; } /* ========================================= CONTAINER ========================================= */ .caz-story-02 .caz-story-container { width: min(1120px, calc(100% - 80px)); margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 55px; align-items: center; } /* ========================================= VIDEO SIDE ========================================= */ .caz-story-02 .caz-story-media { width: 100%; max-width: 500px; position: relative; } /* ========================================= NUMBER ========================================= */ .caz-story-02 .caz-story-number { position: absolute; top: -18px; left: -18px; width: 58px; height: 58px; background: #073B63; color: #FFFFFF; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: Arial, sans-serif; font-size: 17px; font-weight: 700; z-index: 5; } /* ========================================= VIDEO — 9:16 ========================================= */ .caz-story-02 .caz-story-video { width: 100%; aspect-ratio: 9 / 16; background: #073B63; border-radius: 18px; overflow: hidden; box-shadow: 0 18px 45px rgba(7, 59, 99, 0.16); } .caz-story-02 .caz-story-video video { width: 100%; height: 100%; display: block; object-fit: cover; } /* ========================================= NATIVE FULLSCREEN ========================================= */ .caz-story-02 .caz-story-video video:fullscreen { width: 100vw !important; height: 100vh !important; max-width: 100vw !important; max-height: 100vh !important; object-fit: contain !important; background: #000000 !important; border-radius: 0 !important; } .caz-story-02 .caz-story-video video:-webkit-full-screen { width: 100vw !important; height: 100vh !important; max-width: 100vw !important; max-height: 100vh !important; object-fit: contain !important; background: #000000 !important; border-radius: 0 !important; } .caz-story-02 .caz-story-video video:-moz-full-screen { width: 100vw !important; height: 100vh !important; max-width: 100vw !important; max-height: 100vh !important; object-fit: contain !important; background: #000000 !important; border-radius: 0 !important; } /* ========================================= TEXT CARD ========================================= */ .caz-story-02 .caz-story-content { width: 100%; max-width: 500px; aspect-ratio: 4 / 5; box-sizing: border-box; background: #FFFFFF; border-radius: 18px; padding: 38px 40px; display: flex; flex-direction: column; justify-content: center; box-shadow: 0 18px 45px rgba(7, 59, 99, 0.10); } /* ========================================= LABEL ========================================= */ .caz-story-02 .caz-story-label { color: #073B63; font-family: Arial, sans-serif; font-size: 13px; line-height: 1.3; font-weight: 700; letter-spacing: 2.1px; margin-bottom: 14px; } /* ========================================= HEADING ========================================= */ .caz-story-02 .caz-story-content h2 { margin: 0 0 19px; color: #073B63; font-family: Arial, sans-serif; font-size: 44px; line-height: 1.12; font-weight: 700; letter-spacing: -1.1px; } .caz-story-02 .caz-story-content h2 span { color: #8FC9E8; } /* ========================================= LEAD ========================================= */ .caz-story-02 .caz-story-lead { margin: 0 0 15px; color: #55758A; font-family: Arial, sans-serif; font-size: 16px; line-height: 1.52; font-weight: 600; } /* ========================================= BODY ========================================= */ .caz-story-02 .caz-story-content p:not(.caz-story-lead) { margin: 0 0 12px; color: #55758A; font-family: Arial, sans-serif; font-size: 14.5px; line-height: 1.58; font-weight: 400; } /* ========================================= QUOTE ========================================= */ .caz-story-02 .caz-story-quote { margin-top: 7px; padding: 14px 17px; background: #DCEFF9; border-left: 4px solid #073B63; border-radius: 8px; color: #073B63; font-family: Arial, sans-serif; font-size: 15px; line-height: 1.48; font-weight: 600; } /* ========================================= QUOTE LABEL ========================================= */ .caz-story-02 .caz-story-quote-label { margin-bottom: 5px; color: #073B63; font-family: Arial, sans-serif; font-size: 9px; line-height: 1.3; font-weight: 700; letter-spacing: 1.7px; } /* ========================================= BOTTOM MESSAGE ========================================= */ .caz-story-02 .caz-story-bottom { margin-top: 14px; color: #073B63; font-family: Arial, sans-serif; font-size: 15px; line-height: 1.4; font-weight: 700; } /* ========================================= TABLET ========================================= */ @media (max-width: 1200px) and (min-width: 769px) { .caz-story-02 .caz-story-container { width: min(100% - 50px, 900px); gap: 40px; } .caz-story-02 .caz-story-content { padding: 34px 32px; } .caz-story-02 .caz-story-content h2 { font-size: 37px; line-height: 1.11; margin-bottom: 17px; } .caz-story-02 .caz-story-lead { font-size: 15.5px; line-height: 1.5; margin-bottom: 14px; } .caz-story-02 .caz-story-content p:not(.caz-story-lead) { font-size: 13.5px; line-height: 1.54; margin-bottom: 11px; } .caz-story-02 .caz-story-quote { font-size: 14px; padding: 13px 15px; } .caz-story-02 .caz-story-bottom { font-size: 14px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 768px) { .caz-story-02 { padding: 55px 0; } .caz-story-02 .caz-story-container { width: calc(100% - 32px); display: flex; flex-direction: column; gap: 26px; } /* VIDEO FIRST */ .caz-story-02 .caz-story-media { max-width: 100%; order: 1; } /* 9:16 VIDEO */ .caz-story-02 .caz-story-video { aspect-ratio: 9 / 16; border-radius: 14px; } /* TEXT SECOND */ .caz-story-02 .caz-story-content { max-width: 100%; aspect-ratio: auto; padding: 34px 28px; order: 2; border-radius: 14px; } /* NUMBER */ .caz-story-02 .caz-story-number { width: 48px; height: 48px; top: -12px; left: -8px; font-size: 15px; } /* VIDEO */ .caz-story-02 .caz-story-video { border-radius: 14px; } /* MOBILE FULLSCREEN */ .caz-story-02 .caz-story-video video:fullscreen { width: 100vw !important; height: 100vh !important; max-width: 100vw !important; max-height: 100vh !important; object-fit: contain !important; background: #000000 !important; border-radius: 0 !important; } .caz-story-02 .caz-story-video video:-webkit-full-screen { width: 100vw !important; height: 100vh !important; max-width: 100vw !important; max-height: 100vh !important; object-fit: contain !important; background: #000000 !important; border-radius: 0 !important; } .caz-story-02 .caz-story-video video:-moz-full-screen { width: 100vw !important; height: 100vh !important; max-width: 100vw !important; max-height: 100vh !important; object-fit: contain !important; background: #000000 !important; border-radius: 0 !important; } /* LABEL */ .caz-story-02 .caz-story-label { font-size: 12px; letter-spacing: 1.8px; margin-bottom: 13px; } /* HEADING */ .caz-story-02 .caz-story-content h2 { font-size: 34px; line-height: 1.12; letter-spacing: -0.7px; margin-bottom: 17px; } /* LEAD */ .caz-story-02 .caz-story-lead { font-size: 16px; line-height: 1.55; margin-bottom: 15px; } /* BODY */ .caz-story-02 .caz-story-content p:not(.caz-story-lead) { font-size: 15px; line-height: 1.58; margin-bottom: 13px; } /* QUOTE */ .caz-story-02 .caz-story-quote { padding: 15px 17px; font-size: 15.5px; line-height: 1.5; margin-top: 6px; } /* QUOTE LABEL */ .caz-story-02 .caz-story-quote-label { font-size: 9px; margin-bottom: 5px; } /* BOTTOM */ .caz-story-02 .caz-story-bottom { margin-top: 15px; font-size: 15.5px; line-height: 1.45; } } /* ========================================= SMALL MOBILE ========================================= */ @media (max-width: 480px) { .caz-story-02 .caz-story-content { padding: 30px 24px; } .caz-story-02 .caz-story-content h2 { font-size: 31px; line-height: 1.12; } .caz-story-02 .caz-story-lead { font-size: 15.5px; } .caz-story-02 .caz-story-content p:not(.caz-story-lead) { font-size: 14.5px; line-height: 1.58; } .caz-story-02 .caz-story-quote { font-size: 15px; } .caz-story-02 .caz-story-bottom { font-size: 15px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ecf7ecb *//* ========================================= CANCER A-Z — PATIENT 3 VIDEO 03 9:16 VIDEO + BALANCED CONTENT CARD ========================================= */ .caz-story-03 { background: #DCEFF9; padding: 90px 0; } /* ========================================= CONTAINER ========================================= */ .caz-story-03 .caz-story-container { width: min(1120px, calc(100% - 80px)); margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 55px; align-items: center; } /* ========================================= VIDEO SIDE ========================================= */ .caz-story-03 .caz-story-media { width: 100%; max-width: 500px; position: relative; } /* ========================================= NUMBER ========================================= */ .caz-story-03 .caz-story-number { position: absolute; top: -18px; left: -18px; width: 58px; height: 58px; background: #073B63; color: #FFFFFF; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: Arial, sans-serif; font-size: 17px; font-weight: 700; z-index: 5; } /* ========================================= VIDEO — 9:16 ========================================= */ .caz-story-03 .caz-story-video { width: 100%; aspect-ratio: 9 / 16; background: #073B63; border-radius: 18px; overflow: hidden; box-shadow: 0 18px 45px rgba(7, 59, 99, 0.16); } .caz-story-03 .caz-story-video video { width: 100%; height: 100%; display: block; object-fit: cover; } /* ========================================= NATIVE FULLSCREEN ========================================= */ .caz-story-03 .caz-story-video video:fullscreen { width: 100vw; height: 100vh; max-width: 100vw; max-height: 100vh; object-fit: contain !important; background: #000000; border-radius: 0; } .caz-story-03 .caz-story-video video:-webkit-full-screen { width: 100vw; height: 100vh; max-width: 100vw; max-height: 100vh; object-fit: contain !important; background: #000000; border-radius: 0; } .caz-story-03 .caz-story-video video:-moz-full-screen { width: 100vw; height: 100vh; max-width: 100vw; max-height: 100vh; object-fit: contain !important; background: #000000; border-radius: 0; } /* ========================================= TEXT CARD ========================================= */ .caz-story-03 .caz-story-content { width: 100%; max-width: 500px; aspect-ratio: auto; box-sizing: border-box; background: #FFFFFF; border-radius: 18px; padding: 42px 40px; display: flex; flex-direction: column; justify-content: center; box-shadow: 0 18px 45px rgba(7, 59, 99, 0.10); } /* ========================================= LABEL ========================================= */ .caz-story-03 .caz-story-label { color: #073B63; font-family: Arial, sans-serif; font-size: 13px; line-height: 1.3; font-weight: 700; letter-spacing: 2.1px; margin-bottom: 14px; } /* ========================================= HEADING ========================================= */ .caz-story-03 .caz-story-content h2 { margin: 0 0 19px; color: #073B63; font-family: Arial, sans-serif; font-size: 44px; line-height: 1.12; font-weight: 700; letter-spacing: -1.1px; } .caz-story-03 .caz-story-content h2 span { color: #8FC9E8; } /* ========================================= LEAD ========================================= */ .caz-story-03 .caz-story-lead { margin: 0 0 15px; color: #55758A; font-family: Arial, sans-serif; font-size: 16px; line-height: 1.52; font-weight: 600; } /* ========================================= BODY ========================================= */ .caz-story-03 .caz-story-content p:not(.caz-story-lead) { margin: 0 0 12px; color: #55758A; font-family: Arial, sans-serif; font-size: 14.5px; line-height: 1.58; font-weight: 400; } /* ========================================= QUOTE ========================================= */ .caz-story-03 .caz-story-quote { margin-top: 7px; padding: 14px 17px; background: #DCEFF9; border-left: 4px solid #073B63; border-radius: 8px; color: #073B63; font-family: Arial, sans-serif; font-size: 15px; line-height: 1.48; font-weight: 600; } /* ========================================= QUOTE LABEL ========================================= */ .caz-story-03 .caz-story-quote-label { margin-bottom: 5px; color: #073B63; font-family: Arial, sans-serif; font-size: 9px; line-height: 1.3; font-weight: 700; letter-spacing: 1.7px; } /* ========================================= BOTTOM MESSAGE ========================================= */ .caz-story-03 .caz-story-bottom { margin-top: 14px; color: #073B63; font-family: Arial, sans-serif; font-size: 15px; line-height: 1.4; font-weight: 700; } /* ========================================= TABLET ========================================= */ @media (max-width: 1200px) and (min-width: 769px) { .caz-story-03 .caz-story-container { width: min(100% - 50px, 900px); gap: 40px; } .caz-story-03 .caz-story-content { padding: 36px 32px; } .caz-story-03 .caz-story-content h2 { font-size: 37px; line-height: 1.11; margin-bottom: 17px; } .caz-story-03 .caz-story-lead { font-size: 15.5px; line-height: 1.5; margin-bottom: 14px; } .caz-story-03 .caz-story-content p:not(.caz-story-lead) { font-size: 13.5px; line-height: 1.54; margin-bottom: 11px; } .caz-story-03 .caz-story-quote { font-size: 14px; padding: 13px 15px; } .caz-story-03 .caz-story-bottom { font-size: 14px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 768px) { .caz-story-03 { padding: 55px 0; } .caz-story-03 .caz-story-container { width: calc(100% - 32px); display: flex; flex-direction: column; gap: 26px; } /* VIDEO FIRST */ .caz-story-03 .caz-story-media { max-width: 100%; order: 1; } /* 9:16 VIDEO */ .caz-story-03 .caz-story-video { aspect-ratio: 9 / 16; border-radius: 14px; } /* TEXT SECOND */ .caz-story-03 .caz-story-content { max-width: 100%; aspect-ratio: auto; padding: 34px 28px; order: 2; border-radius: 14px; } /* NUMBER */ .caz-story-03 .caz-story-number { width: 48px; height: 48px; top: -12px; left: -8px; font-size: 15px; } /* LABEL */ .caz-story-03 .caz-story-label { font-size: 12px; letter-spacing: 1.8px; margin-bottom: 13px; } /* HEADING */ .caz-story-03 .caz-story-content h2 { font-size: 34px; line-height: 1.12; letter-spacing: -0.7px; margin-bottom: 17px; } /* LEAD */ .caz-story-03 .caz-story-lead { font-size: 16px; line-height: 1.55; margin-bottom: 15px; } /* BODY */ .caz-story-03 .caz-story-content p:not(.caz-story-lead) { font-size: 15px; line-height: 1.58; margin-bottom: 13px; } /* QUOTE */ .caz-story-03 .caz-story-quote { padding: 15px 17px; font-size: 15.5px; line-height: 1.5; margin-top: 6px; } /* QUOTE LABEL */ .caz-story-03 .caz-story-quote-label { font-size: 9px; margin-bottom: 5px; } /* BOTTOM */ .caz-story-03 .caz-story-bottom { margin-top: 15px; font-size: 15.5px; line-height: 1.45; } /* NATIVE FULLSCREEN — MOBILE */ .caz-story-03 .caz-story-video video:fullscreen { width: 100vw; height: 100vh; max-width: 100vw; max-height: 100vh; object-fit: contain !important; background: #000000; border-radius: 0; } .caz-story-03 .caz-story-video video:-webkit-full-screen { width: 100vw; height: 100vh; max-width: 100vw; max-height: 100vh; object-fit: contain !important; background: #000000; border-radius: 0; } .caz-story-03 .caz-story-video video:-moz-full-screen { width: 100vw; height: 100vh; max-width: 100vw; max-height: 100vh; object-fit: contain !important; background: #000000; border-radius: 0; } } /* ========================================= SMALL MOBILE ========================================= */ @media (max-width: 480px) { .caz-story-03 .caz-story-content { padding: 30px 24px; } .caz-story-03 .caz-story-content h2 { font-size: 31px; line-height: 1.12; } .caz-story-03 .caz-story-lead { font-size: 15.5px; } .caz-story-03 .caz-story-content p:not(.caz-story-lead) { font-size: 14.5px; line-height: 1.58; } .caz-story-03 .caz-story-quote { font-size: 15px; } .caz-story-03 .caz-story-bottom { font-size: 15px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-7cf26ab *//* ========================================================= CANCER A-Z — FINAL CONCLUSION FULL-WIDTH DEEP BLUE CLOSING CTA ========================================================= */ .caz-story-final { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 100px 0 !important; background: #073B63 !important; box-sizing: border-box !important; position: relative !important; overflow: hidden !important; } /* ========================================================= SUBTLE BACKGROUND GLOW ========================================================= */ .caz-story-final::before { content: "" !important; position: absolute !important; width: 650px !important; height: 650px !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; background: radial-gradient( circle, rgba(143, 201, 232, 0.12) 0%, rgba(143, 201, 232, 0.04) 35%, transparent 70% ) !important; pointer-events: none !important; } /* ========================================================= CONTAINER ========================================================= */ .caz-story-final .caz-final-container { width: min(900px, calc(100% - 80px)) !important; max-width: 900px !important; margin: 0 auto !important; padding: 0 !important; background: transparent !important; box-sizing: border-box !important; position: relative !important; z-index: 2 !important; text-align: center !important; } /* ========================================================= FINAL LABEL ========================================================= */ .caz-story-final .caz-final-label { margin: 0 0 24px !important; padding: 0 !important; color: #8FC9E8 !important; font-family: Arial, sans-serif !important; font-size: 14px !important; line-height: 1.3 !important; font-weight: 700 !important; letter-spacing: 2.8px !important; text-transform: uppercase !important; } /* ========================================================= MAIN HEADING ========================================================= */ .caz-story-final .caz-final-container h2 { margin: 0 auto 25px !important; padding: 0 !important; color: #FFFFFF !important; font-family: Arial, sans-serif !important; font-size: 54px !important; line-height: 1.08 !important; font-weight: 700 !important; letter-spacing: -1.5px !important; box-sizing: border-box !important; } /* ========================================================= SECONDARY HEADING ========================================================= */ .caz-story-final .caz-final-container h3 { margin: 0 auto 28px !important; padding: 0 !important; color: #8FC9E8 !important; font-family: Arial, sans-serif !important; font-size: 28px !important; line-height: 1.25 !important; font-weight: 700 !important; letter-spacing: -0.4px !important; box-sizing: border-box !important; } /* ========================================================= BODY TEXT ========================================================= */ .caz-story-final .caz-final-text { max-width: 820px !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; } .caz-story-final .caz-final-text p { margin: 0 0 18px !important; padding: 0 !important; color: #FFFFFF !important; font-family: Arial, sans-serif !important; font-size: 17px !important; line-height: 1.65 !important; font-weight: 400 !important; } .caz-story-final .caz-final-text p:last-child { margin-bottom: 0 !important; } /* ========================================================= EMPHASIS ========================================================= */ .caz-story-final .caz-final-text strong { color: #8FC9E8 !important; font-weight: 700 !important; } /* ========================================================= FINAL HIGHLIGHT ========================================================= */ .caz-story-final .caz-final-highlight { max-width: 720px !important; margin: 38px auto 32px !important; padding: 20px 28px !important; color: #FFFFFF !important; font-family: Arial, sans-serif !important; font-size: 21px !important; line-height: 1.4 !important; font-weight: 700 !important; box-sizing: border-box !important; border-top: 1px solid rgba(143, 201, 232, 0.45) !important; border-bottom: 1px solid rgba(143, 201, 232, 0.45) !important; } /* ========================================================= CTA BUTTON ========================================================= */ .caz-story-final .caz-final-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 54px !important; margin: 0 auto !important; padding: 16px 32px !important; background: #FFFFFF !important; color: #073B63 !important; border: 2px solid #FFFFFF !important; border-radius: 999px !important; box-sizing: border-box !important; font-family: Arial, sans-serif !important; font-size: 16px !important; line-height: 1.2 !important; font-weight: 700 !important; text-decoration: none !important; transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease !important; } .caz-story-final .caz-final-button:hover { background: #8FC9E8 !important; color: #073B63 !important; border-color: #8FC9E8 !important; transform: translateY(-2px) !important; text-decoration: none !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1200px) and (min-width: 769px) { .caz-story-final { padding: 80px 0 !important; } .caz-story-final .caz-final-container { width: min(820px, calc(100% - 60px)) !important; max-width: 820px !important; } .caz-story-final .caz-final-label { font-size: 12px !important; letter-spacing: 2.4px !important; margin-bottom: 20px !important; } .caz-story-final .caz-final-container h2 { font-size: 46px !important; margin-bottom: 22px !important; } .caz-story-final .caz-final-container h3 { font-size: 25px !important; margin-bottom: 24px !important; } .caz-story-final .caz-final-text p { font-size: 16px !important; line-height: 1.6 !important; margin-bottom: 16px !important; } .caz-story-final .caz-final-highlight { font-size: 19px !important; margin-top: 32px !important; margin-bottom: 28px !important; padding: 18px 24px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 768px) { .caz-story-final { padding: 70px 0 !important; } .caz-story-final .caz-final-container { width: calc(100% - 40px) !important; max-width: none !important; } .caz-story-final .caz-final-label { font-size: 11px !important; letter-spacing: 2px !important; margin-bottom: 18px !important; } .caz-story-final .caz-final-container h2 { font-size: 34px !important; line-height: 1.12 !important; letter-spacing: -0.7px !important; margin-bottom: 22px !important; } .caz-story-final .caz-final-container h3 { font-size: 23px !important; line-height: 1.25 !important; margin-bottom: 24px !important; } .caz-story-final .caz-final-text p { font-size: 15px !important; line-height: 1.62 !important; margin-bottom: 16px !important; } .caz-story-final .caz-final-highlight { margin: 30px auto 28px !important; padding: 18px 15px !important; font-size: 18px !important; line-height: 1.45 !important; } .caz-story-final .caz-final-button { width: 100% !important; max-width: 360px !important; min-height: 52px !important; padding: 15px 22px !important; font-size: 15px !important; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .caz-story-final { padding: 60px 0 !important; } .caz-story-final .caz-final-container { width: calc(100% - 32px) !important; } .caz-story-final .caz-final-label { font-size: 10px !important; letter-spacing: 1.7px !important; margin-bottom: 16px !important; } .caz-story-final .caz-final-container h2 { font-size: 30px !important; line-height: 1.12 !important; letter-spacing: -0.5px !important; margin-bottom: 20px !important; } .caz-story-final .caz-final-container h3 { font-size: 21px !important; margin-bottom: 22px !important; } .caz-story-final .caz-final-text p { font-size: 14px !important; line-height: 1.62 !important; margin-bottom: 15px !important; } .caz-story-final .caz-final-highlight { margin-top: 27px !important; margin-bottom: 25px !important; padding: 16px 12px !important; font-size: 17px !important; } .caz-story-final .caz-final-button { width: 100% !important; min-height: 50px !important; padding: 14px 18px !important; font-size: 14px !important; } }/* End custom CSS */