.elementor-2 .elementor-element.elementor-element-6d4da3c1{--display:flex;--min-height:80vh;--justify-content:flex-end;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--overlay-opacity:0.055;--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-2 .elementor-element.elementor-element-6d4da3c1::before, .elementor-2 .elementor-element.elementor-element-6d4da3c1 > .elementor-background-video-container::before, .elementor-2 .elementor-element.elementor-element-6d4da3c1 > .e-con-inner > .elementor-background-video-container::before, .elementor-2 .elementor-element.elementor-element-6d4da3c1 > .elementor-background-slideshow::before, .elementor-2 .elementor-element.elementor-element-6d4da3c1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2 .elementor-element.elementor-element-6d4da3c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-2 .elementor-element.elementor-element-212d161f{--display:flex;--overflow:hidden;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;}.elementor-2 .elementor-element.elementor-element-212d161f.e-con{--align-self:center;}.elementor-2 .elementor-element.elementor-element-52edc337 .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-2 .elementor-element.elementor-element-52edc337 .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-2 .elementor-element.elementor-element-52edc337{--e-icon-list-icon-size:35px;--icon-vertical-offset:0px;}.elementor-2 .elementor-element.elementor-element-52edc337 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2 .elementor-element.elementor-element-52edc337 .elementor-icon-list-item > a{font-family:"Alumni Sans", Sans-serif;font-size:25px;font-weight:600;text-transform:uppercase;line-height:0.75em;letter-spacing:-0.5px;}.elementor-2 .elementor-element.elementor-element-52edc337 .elementor-icon-list-text{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-2 .elementor-element.elementor-element-2f868dfe .elementor-heading-title{font-family:"Alumni Sans", Sans-serif;font-size:170px;font-weight:800;line-height:0.9em;letter-spacing:0px;}.elementor-2 .elementor-element.elementor-element-2f6c3e7e{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;z-index:0;}.elementor-2 .elementor-element.elementor-element-783912b7{z-index:2;}.elementor-2 .elementor-element.elementor-element-783912b7 .elementor-button{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );}.elementor-2 .elementor-element.elementor-element-783912b7 .elementor-button:hover, .elementor-2 .elementor-element.elementor-element-783912b7 .elementor-button:focus{color:var( --e-global-color-primary );}.elementor-2 .elementor-element.elementor-element-783912b7 .elementor-button:hover svg, .elementor-2 .elementor-element.elementor-element-783912b7 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-2 .elementor-element.elementor-element-64671613{--display:flex;--justify-content:center;--overflow:hidden;--margin-top:-31em;--margin-bottom:0em;--margin-left:8em;--margin-right:0em;}.elementor-2 .elementor-element.elementor-element-202161e6{text-align:end;}.elementor-2 .elementor-element.elementor-element-202161e6 img{width:69%;}.elementor-2 .elementor-element.elementor-element-aff9696{--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;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--overlay-opacity:0.06;--padding-top:3em;--padding-bottom:3em;--padding-left:0em;--padding-right:0em;}.elementor-2 .elementor-element.elementor-element-aff9696::before, .elementor-2 .elementor-element.elementor-element-aff9696 > .elementor-background-video-container::before, .elementor-2 .elementor-element.elementor-element-aff9696 > .e-con-inner > .elementor-background-video-container::before, .elementor-2 .elementor-element.elementor-element-aff9696 > .elementor-background-slideshow::before, .elementor-2 .elementor-element.elementor-element-aff9696 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2 .elementor-element.elementor-element-aff9696 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-2 .elementor-element.elementor-element-14cdad33{--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;--overlay-opacity:0.25;--padding-top:6em;--padding-bottom:6em;--padding-left:0em;--padding-right:0em;}.elementor-2 .elementor-element.elementor-element-14cdad33::before, .elementor-2 .elementor-element.elementor-element-14cdad33 > .elementor-background-video-container::before, .elementor-2 .elementor-element.elementor-element-14cdad33 > .e-con-inner > .elementor-background-video-container::before, .elementor-2 .elementor-element.elementor-element-14cdad33 > .elementor-background-slideshow::before, .elementor-2 .elementor-element.elementor-element-14cdad33 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2 .elementor-element.elementor-element-14cdad33 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2 .elementor-element.elementor-element-38379933{--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;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:6em;--padding-bottom:6em;--padding-left:0em;--padding-right:0em;}.elementor-2 .elementor-element.elementor-element-2fa78feb{--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;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:0em;--padding-bottom:6em;--padding-left:0em;--padding-right:0em;}.elementor-2 .elementor-element.elementor-element-3778b41c{--display:flex;--justify-content:center;--overflow:hidden;}.elementor-2 .elementor-element.elementor-element-689d1b1f{--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:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:6em;--padding-bottom:6em;--padding-left:0em;--padding-right:0em;}.elementor-2 .elementor-element.elementor-element-53cc22b1{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;}.elementor-2 .elementor-element.elementor-element-1eecc685{text-align:start;}.elementor-2 .elementor-element.elementor-element-1eecc685 img{max-width:100%;}.elementor-2 .elementor-element.elementor-element-630c1336{--display:flex;--justify-content:center;--overflow:hidden;}.elementor-2 .elementor-element.elementor-element-3925e6a6 .elementor-icon-list-icon i{color:var( --e-global-color-fa95646 );transition:color 0.3s;}.elementor-2 .elementor-element.elementor-element-3925e6a6 .elementor-icon-list-icon svg{fill:var( --e-global-color-fa95646 );transition:fill 0.3s;}.elementor-2 .elementor-element.elementor-element-3925e6a6{--e-icon-list-icon-size:35px;--icon-vertical-offset:0px;}.elementor-2 .elementor-element.elementor-element-3925e6a6 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2 .elementor-element.elementor-element-3925e6a6 .elementor-icon-list-item > a{font-family:"Alumni Sans", Sans-serif;font-size:25px;font-weight:600;text-transform:uppercase;line-height:0.75em;letter-spacing:-0.5px;}.elementor-2 .elementor-element.elementor-element-3925e6a6 .elementor-icon-list-text{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-2 .elementor-element.elementor-element-42c4dfb2 .elementor-heading-title{font-family:var( --e-global-typography-5588eb7-font-family ), Sans-serif;font-size:var( --e-global-typography-5588eb7-font-size );font-weight:var( --e-global-typography-5588eb7-font-weight );line-height:var( --e-global-typography-5588eb7-line-height );letter-spacing:var( --e-global-typography-5588eb7-letter-spacing );color:var( --e-global-color-fa95646 );}.elementor-2 .elementor-element.elementor-element-55b7a308{column-gap:30px;}.elementor-2 .elementor-element.elementor-element-4317098{text-align:center;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-accent );}.elementor-2 .elementor-element.elementor-element-7f6c8f7{--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;--padding-top:6em;--padding-bottom:6em;--padding-left:0em;--padding-right:0em;}.elementor-2 .elementor-element.elementor-element-38829d8{--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-2 .elementor-element.elementor-element-d8c9817{--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-2 .elementor-element.elementor-element-84deed0{--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;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:6em;--padding-bottom:6em;--padding-left:0em;--padding-right:0em;}.elementor-2 .elementor-element.elementor-element-6ac2eccc{--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;--padding-top:3em;--padding-bottom:6em;--padding-left:0em;--padding-right:0em;}.elementor-2 .elementor-element.elementor-element-244ae36d{--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:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:6em;--padding-bottom:6em;--padding-left:0em;--padding-right:0em;}.elementor-2 .elementor-element.elementor-element-50f39bd7{--display:flex;}.elementor-2 .elementor-element.elementor-element-7d31382c{--display:flex;--justify-content:flex-end;--overflow:hidden;}.elementor-2 .elementor-element.elementor-element-e458389{--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;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:6em;--padding-bottom:6em;--padding-left:0em;--padding-right:0em;}.elementor-2 .elementor-element.elementor-element-5c489c95{--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;--overlay-opacity:0.06;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-2 .elementor-element.elementor-element-5c489c95:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-5c489c95 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2 .elementor-element.elementor-element-5c489c95::before, .elementor-2 .elementor-element.elementor-element-5c489c95 > .elementor-background-video-container::before, .elementor-2 .elementor-element.elementor-element-5c489c95 > .e-con-inner > .elementor-background-video-container::before, .elementor-2 .elementor-element.elementor-element-5c489c95 > .elementor-background-slideshow::before, .elementor-2 .elementor-element.elementor-element-5c489c95 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2 .elementor-element.elementor-element-5c489c95 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2 .elementor-element.elementor-element-3a0e11ba .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-2 .elementor-element.elementor-element-3a0e11ba .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-2 .elementor-element.elementor-element-3a0e11ba{--e-icon-list-icon-size:35px;--icon-vertical-offset:0px;}.elementor-2 .elementor-element.elementor-element-3a0e11ba .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2 .elementor-element.elementor-element-3a0e11ba .elementor-icon-list-item > a{font-family:var( --e-global-typography-25ba6da-font-family ), Sans-serif;font-size:var( --e-global-typography-25ba6da-font-size );font-weight:var( --e-global-typography-25ba6da-font-weight );text-transform:var( --e-global-typography-25ba6da-text-transform );line-height:var( --e-global-typography-25ba6da-line-height );letter-spacing:var( --e-global-typography-25ba6da-letter-spacing );}.elementor-2 .elementor-element.elementor-element-3a0e11ba .elementor-icon-list-text{color:var( --e-global-color-secondary );transition:color 0.3s;}.elementor-2 .elementor-element.elementor-element-3a0e11ba .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-2 .elementor-element.elementor-element-5a66ddfb .elementor-heading-title{font-family:"Alumni Sans", Sans-serif;font-size:96px;font-weight:800;line-height:0.75em;color:var( --e-global-color-fa95646 );}.elementor-2 .elementor-element.elementor-element-53b2b06f .elementor-button:hover, .elementor-2 .elementor-element.elementor-element-53b2b06f .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-primary );border-color:var( --e-global-color-secondary );}.elementor-2 .elementor-element.elementor-element-53b2b06f{z-index:2;}.elementor-2 .elementor-element.elementor-element-53b2b06f .elementor-button{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );}.elementor-2 .elementor-element.elementor-element-53b2b06f .elementor-button:hover svg, .elementor-2 .elementor-element.elementor-element-53b2b06f .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-2 .elementor-element.elementor-element-5ddb1699{--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;--padding-top:6em;--padding-bottom:6em;--padding-left:0em;--padding-right:0em;}.elementor-2 .elementor-element.elementor-element-20760b03 .elementor-heading-title{color:var( --e-global-color-fa95646 );}.elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-blog-block-post, .elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-post-image-card, .elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-post-card{background-color:var( --e-global-color-ecfca7c );box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0);border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;margin:0px 0px 30px 0px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-c5ce352 );}.elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-blog-block-post:hover, .elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-post-image-card:hover, .elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-post-card:hover{background-color:var( --e-global-color-ecfca7c );box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0);}.elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-btn{background-color:var( --e-global-color-ecfca7c );padding:0px 0px 0px 0px;font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );color:#FFFFFF;fill:#FFFFFF;border-radius:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-btn:hover{background-color:var( --e-global-color-ecfca7c );color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-post-image-card{display:block;}.elementor-2 .elementor-element.elementor-element-13435cbe .btn-wraper{text-align:left;}.elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-blog-block-post .elementskit-post-body{padding:10px 30px 30px 30px;}.elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-post-image-card .elementskit-post-body{padding:10px 30px 30px 30px;}.elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-entry-thumb{border-radius:0px 0px 0px 0px;margin:0px 0px 0px 0px;} .elementor-2 .elementor-element.elementor-element-13435cbe .ekit-wid-con .elementskit-entry-thumb{padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-13435cbe .post-meta-list a, .elementor-2 .elementor-element.elementor-element-13435cbe .post-meta-list .meta-date-text{font-family:var( --e-global-typography-96c16e2-font-family ), Sans-serif;font-size:var( --e-global-typography-96c16e2-font-size );line-height:var( --e-global-typography-96c16e2-line-height );letter-spacing:var( --e-global-typography-96c16e2-letter-spacing );}.elementor-2 .elementor-element.elementor-element-13435cbe .post-meta-list{text-align:left;}.elementor-2 .elementor-element.elementor-element-13435cbe .post-meta-list > span{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-2 .elementor-element.elementor-element-13435cbe .post-meta-list > span :is(i, svg){color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-2 .elementor-element.elementor-element-13435cbe .post-meta-list > span:hover{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-2 .elementor-element.elementor-element-13435cbe.ekit-blog-posts--bg-hover .elementskit-post-image-card:hover .post-meta-list > span{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-2 .elementor-element.elementor-element-13435cbe .post-meta-list > span:hover :is(i, svg){color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-2 .elementor-element.elementor-element-13435cbe.ekit-blog-posts--bg-hover .elementskit-post-image-card:hover .post-meta-list > span:hover :is(i, svg){color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-post-body .entry-title, .elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-entry-header .entry-title, .elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-post-image-card .elementskit-post-body .entry-title  a,  .elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-post-card .elementskit-entry-header .entry-title  a,.elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-blog-block-post .elementskit-post-body .entry-title a{font-family:var( --e-global-typography-c073ff6-font-family ), Sans-serif;font-size:var( --e-global-typography-c073ff6-font-size );font-weight:var( --e-global-typography-c073ff6-font-weight );line-height:var( --e-global-typography-c073ff6-line-height );letter-spacing:var( --e-global-typography-c073ff6-letter-spacing );}.elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-post-body .entry-title a{color:var( --e-global-color-primary );}.elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-entry-header .entry-title a{color:var( --e-global-color-primary );}.elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-post-body .entry-title a:hover{color:var( --e-global-color-accent );}.elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-entry-header .entry-title a:hover{color:var( --e-global-color-accent );}.elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-post-card:hover .entry-title a{color:var( --e-global-color-accent );}.elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-post-image-card:hover .entry-title a{color:var( --e-global-color-accent );}.elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-post-body .entry-title{text-align:left;margin:0px 0px 20px 0px;}.elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-entry-header .entry-title{text-align:left;margin:0px 0px 20px 0px;}.elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-post-footer > p{color:var( --e-global-color-text );}.elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-post-body > p{color:var( --e-global-color-text );text-align:left;margin:0px 0px 30px 0px;}.elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-blog-block-post:hover .elementskit-post-footer > p{color:var( --e-global-color-text );}.elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-post-image-card:hover .elementskit-post-footer > p{color:var( --e-global-color-text );}.elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-post-card:hover .elementskit-post-footer > p{color:var( --e-global-color-text );}.elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-blog-block-post:hover .elementskit-post-body > p{color:var( --e-global-color-text );}.elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-post-image-card:hover .elementskit-post-body > p{color:var( --e-global-color-text );}.elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-post-card:hover .elementskit-post-body > p{color:var( --e-global-color-text );}.elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-post-footer > p, .elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-post-body > p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-post-footer{text-align:left;margin:0px 0px 30px 0px;}.elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-blog-block-post .elementskit-post-footer > p{margin:0px 0px 30px 0px;}.elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-btn :is(i, svg){font-size:10px;}@media(max-width:1024px){.elementor-2 .elementor-element.elementor-element-6d4da3c1{--padding-top:6em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-2 .elementor-element.elementor-element-212d161f{--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;}.elementor-2 .elementor-element.elementor-element-52edc337 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2 .elementor-element.elementor-element-52edc337 .elementor-icon-list-item > a{font-size:22px;}.elementor-2 .elementor-element.elementor-element-2f868dfe .elementor-heading-title{font-size:110px;}.elementor-2 .elementor-element.elementor-element-2f6c3e7e{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;z-index:3;}.elementor-2 .elementor-element.elementor-element-783912b7 .elementor-button{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2 .elementor-element.elementor-element-64671613{--margin-top:-14em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;}.elementor-2 .elementor-element.elementor-element-aff9696{--padding-top:3em;--padding-bottom:3em;--padding-left:0em;--padding-right:0em;}.elementor-2 .elementor-element.elementor-element-14cdad33{--padding-top:3em;--padding-bottom:3em;--padding-left:0em;--padding-right:0em;}.elementor-2 .elementor-element.elementor-element-38379933{--flex-wrap:wrap;--padding-top:3em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-2 .elementor-element.elementor-element-2fa78feb{--flex-wrap:wrap;--padding-top:0em;--padding-bottom:3em;--padding-left:0em;--padding-right:0em;}.elementor-2 .elementor-element.elementor-element-689d1b1f{--flex-wrap:wrap;}.elementor-2 .elementor-element.elementor-element-3925e6a6 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2 .elementor-element.elementor-element-3925e6a6 .elementor-icon-list-item > a{font-size:22px;}.elementor-2 .elementor-element.elementor-element-42c4dfb2 .elementor-heading-title{font-size:var( --e-global-typography-5588eb7-font-size );line-height:var( --e-global-typography-5588eb7-line-height );letter-spacing:var( --e-global-typography-5588eb7-letter-spacing );}.elementor-2 .elementor-element.elementor-element-4317098{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2 .elementor-element.elementor-element-7f6c8f7{--padding-top:3em;--padding-bottom:3em;--padding-left:0em;--padding-right:0em;}.elementor-2 .elementor-element.elementor-element-84deed0{--flex-wrap:wrap;}.elementor-2 .elementor-element.elementor-element-244ae36d{--flex-wrap:wrap;--padding-top:3em;--padding-bottom:3em;--padding-left:0em;--padding-right:0em;}.elementor-2 .elementor-element.elementor-element-7d31382c.e-con{--order:-99999 /* order start hack */;}.elementor-2 .elementor-element.elementor-element-3a0e11ba .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2 .elementor-element.elementor-element-3a0e11ba .elementor-icon-list-item > a{font-size:var( --e-global-typography-25ba6da-font-size );line-height:var( --e-global-typography-25ba6da-line-height );letter-spacing:var( --e-global-typography-25ba6da-letter-spacing );}.elementor-2 .elementor-element.elementor-element-5a66ddfb .elementor-heading-title{font-size:110px;}.elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-blog-block-post, .elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-post-image-card, .elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-post-card{margin:0px 0px 30px 0px;}.elementor-2 .elementor-element.elementor-element-13435cbe .post-meta-list a, .elementor-2 .elementor-element.elementor-element-13435cbe .post-meta-list .meta-date-text{font-size:var( --e-global-typography-96c16e2-font-size );line-height:var( --e-global-typography-96c16e2-line-height );letter-spacing:var( --e-global-typography-96c16e2-letter-spacing );}.elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-post-body .entry-title, .elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-entry-header .entry-title, .elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-post-image-card .elementskit-post-body .entry-title  a,  .elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-post-card .elementskit-entry-header .entry-title  a,.elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-blog-block-post .elementskit-post-body .entry-title a{font-size:var( --e-global-typography-c073ff6-font-size );line-height:var( --e-global-typography-c073ff6-line-height );letter-spacing:var( --e-global-typography-c073ff6-letter-spacing );}.elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-post-footer > p, .elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-post-body > p{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-btn{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}@media(max-width:767px){.elementor-2 .elementor-element.elementor-element-6d4da3c1{--padding-top:3em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-2 .elementor-element.elementor-element-52edc337{--e-icon-list-icon-size:20px;}.elementor-2 .elementor-element.elementor-element-52edc337 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2 .elementor-element.elementor-element-52edc337 .elementor-icon-list-item > a{font-size:21px;}.elementor-2 .elementor-element.elementor-element-2f868dfe .elementor-heading-title{font-size:60px;letter-spacing:-1px;}.elementor-2 .elementor-element.elementor-element-783912b7 .elementor-button{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2 .elementor-element.elementor-element-64671613{--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;}.elementor-2 .elementor-element.elementor-element-202161e6{text-align:center;}.elementor-2 .elementor-element.elementor-element-202161e6 img{width:100%;}.elementor-2 .elementor-element.elementor-element-53cc22b1{--justify-content:flex-start;--flex-wrap:wrap;}.elementor-2 .elementor-element.elementor-element-630c1336.e-con{--order:-99999 /* order start hack */;}.elementor-2 .elementor-element.elementor-element-3925e6a6{--e-icon-list-icon-size:20px;}.elementor-2 .elementor-element.elementor-element-3925e6a6 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2 .elementor-element.elementor-element-3925e6a6 .elementor-icon-list-item > a{font-size:21px;}.elementor-2 .elementor-element.elementor-element-42c4dfb2 .elementor-heading-title{font-size:var( --e-global-typography-5588eb7-font-size );line-height:var( --e-global-typography-5588eb7-line-height );letter-spacing:var( --e-global-typography-5588eb7-letter-spacing );}.elementor-2 .elementor-element.elementor-element-55b7a308{columns:1;}.elementor-2 .elementor-element.elementor-element-4317098{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2 .elementor-element.elementor-element-6ac2eccc{--padding-top:0em;--padding-bottom:3em;--padding-left:0em;--padding-right:0em;}.elementor-2 .elementor-element.elementor-element-3a0e11ba{--e-icon-list-icon-size:20px;}.elementor-2 .elementor-element.elementor-element-3a0e11ba .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2 .elementor-element.elementor-element-3a0e11ba .elementor-icon-list-item > a{font-size:var( --e-global-typography-25ba6da-font-size );line-height:var( --e-global-typography-25ba6da-line-height );letter-spacing:var( --e-global-typography-25ba6da-letter-spacing );}.elementor-2 .elementor-element.elementor-element-5a66ddfb .elementor-heading-title{font-size:90px;letter-spacing:-1px;}.elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-blog-block-post, .elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-post-image-card, .elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-post-card{margin:0px 0px 30px 0px;}.elementor-2 .elementor-element.elementor-element-13435cbe .post-meta-list a, .elementor-2 .elementor-element.elementor-element-13435cbe .post-meta-list .meta-date-text{font-size:var( --e-global-typography-96c16e2-font-size );line-height:var( --e-global-typography-96c16e2-line-height );letter-spacing:var( --e-global-typography-96c16e2-letter-spacing );}.elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-post-body .entry-title, .elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-entry-header .entry-title, .elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-post-image-card .elementskit-post-body .entry-title  a,  .elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-post-card .elementskit-entry-header .entry-title  a,.elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-blog-block-post .elementskit-post-body .entry-title a{font-size:var( --e-global-typography-c073ff6-font-size );line-height:var( --e-global-typography-c073ff6-line-height );letter-spacing:var( --e-global-typography-c073ff6-letter-spacing );}.elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-post-footer > p, .elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-post-body > p{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2 .elementor-element.elementor-element-13435cbe .elementskit-btn{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}/* Start custom CSS for html, class: .elementor-element-e9c02b7 *//* =========================================================
   V4SEO — DATA PROOF CASE STUDY
   Full consolidated CSS
   Desktop · Tablet · Mobile
   ========================================================= */

.v4-proof {
    --v4-navy-950: #041f31;
    --v4-navy-900: #06283d;
    --v4-navy-800: #083650;
    --v4-navy-700: #0b4969;

    --v4-blue-600: #137ca8;
    --v4-cyan-500: #08a9dc;
    --v4-cyan-400: #22c3ec;

    --v4-white: #ffffff;
    --v4-ice-100: #f7fcfe;
    --v4-ice-200: #eef9fc;
    --v4-line: #c5e0ea;

    --v4-text: #476374;
    --v4-muted: #78909d;

    /*
     * Canvas chung cho Before và After.
     * Hai ảnh luôn bị ép vào đúng cùng vùng này.
     */
    --v4-canvas-ratio: 2.4 / 1;

    position: relative;

    width: 100%;
    overflow: hidden;

    padding: 100px 0 112px;

    color: var(--v4-text);

    background:
        radial-gradient(
            circle at 7% 14%,
            rgba(34, 195, 236, 0.12),
            transparent 26%
        ),
        radial-gradient(
            circle at 94% 82%,
            rgba(19, 124, 168, 0.08),
            transparent 26%
        ),
        linear-gradient(
            180deg,
            #f8fdff 0%,
            #ffffff 52%,
            #f1fafd 100%
        );

    font-family: "Be Vietnam Pro", Arial, sans-serif;
}

.v4-proof *,
.v4-proof *::before,
.v4-proof *::after {
    box-sizing: border-box;
}

.v4-proof button,
.v4-proof input {
    font: inherit;
}

.v4-proof img {
    border: 0;
}


/* =========================================================
   CONTAINER
   ========================================================= */

.v4-proof__container {
    width: min(1600px, calc(100% - 44px));
    margin-inline: auto;
}


/* =========================================================
   SECTION HEADER
   ========================================================= */

.v4-proof__header {
    max-width: 1220px;
    margin: 0 0 58px;
}

.v4-proof__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;

    margin: 0 0 18px;

    color: var(--v4-blue-600);

    font-family: "Alumni Sans", Arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1.1px;
    text-transform: uppercase;
}

.v4-proof__eyebrow::before {
    content: "";

    flex: 0 0 auto;

    width: 38px;
    height: 3px;

    background: var(--v4-cyan-500);
}

.v4-proof__title {
    max-width: 1160px;
    margin: 0;

    color: var(--v4-navy-900);

    font-family: "Alumni Sans", Arial, sans-serif;
    font-size: clamp(58px, 6vw, 90px);
    font-weight: 800;
    line-height: 0.94;
    letter-spacing: -1.3px;
}

.v4-proof__title strong {
    color: var(--v4-cyan-500);
    font-weight: inherit;
}


/* =========================================================
   MAIN WORKSPACE
   ========================================================= */

.v4-proof__workspace {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 20px;

    width: 100%;
    min-width: 0;
}


/* =========================================================
   CASE NAVIGATION
   ========================================================= */

.v4-proof__nav {
    position: relative;
    z-index: 3;

    overflow: hidden;

    background:
        linear-gradient(
            180deg,
            var(--v4-navy-700) 0%,
            var(--v4-navy-900) 100%
        );

    box-shadow:
        0 22px 45px rgba(6, 40, 61, 0.16);
}

.v4-proof__nav-list {
    display: grid;
    grid-template-rows: repeat(8, minmax(68px, 1fr));

    height: 100%;
    min-height: 566px;

    margin: 0;
    padding: 0;

    list-style: none;
}

.v4-proof__nav-item {
    min-width: 0;
    margin: 0;
    padding: 0;
}


/* Reset mạnh để không bị Global Button của Elementor ghi đè */

.v4-proof .v4-proof__tab {
    position: relative;

    display: grid;
    place-items: center;

    width: 100%;
    height: 100%;
    min-height: 68px;

    margin: 0;
    padding: 8px;

    appearance: none !important;
    -webkit-appearance: none !important;

    color: rgba(255, 255, 255, 0.72) !important;
    background: transparent !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    font-family: "Alumni Sans", Arial, sans-serif !important;
    font-size: 29px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    text-align: center !important;
    text-decoration: none !important;
    text-shadow: none !important;

    cursor: pointer;

    opacity: 1 !important;
    transform: none !important;

    transition:
        color 0.22s ease,
        background-color 0.22s ease;
}

.v4-proof__nav-item:last-child .v4-proof__tab {
    border-bottom: 0 !important;
}


/* Thanh báo trạng thái active */

.v4-proof__tab::before {
    content: "";

    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    width: 0;

    background: var(--v4-white);

    transition: width 0.22s ease;
}


/* Hover luôn sáng rõ */

.v4-proof .v4-proof__tab:hover {
    color: var(--v4-white) !important;

    background:
        linear-gradient(
            90deg,
            rgba(34, 195, 236, 0.24),
            rgba(34, 195, 236, 0.06)
        ) !important;

    opacity: 1 !important;
}


/* Trạng thái đang chọn */

.v4-proof .v4-proof__tab[aria-selected="true"] {
    color: var(--v4-white) !important;

    background:
        linear-gradient(
            135deg,
            var(--v4-cyan-500) 0%,
            var(--v4-blue-600) 100%
        ) !important;

    opacity: 1 !important;
}

.v4-proof__tab[aria-selected="true"]::before {
    width: 4px;
}


/* Focus bàn phím */

.v4-proof .v4-proof__tab:focus-visible {
    z-index: 4;

    color: var(--v4-white) !important;

    outline: 3px solid var(--v4-cyan-400) !important;
    outline-offset: -4px !important;
}


/* =========================================================
   CASE STAGE
   ========================================================= */

.v4-proof__stage {
    min-width: 0;
}

.v4-proof__panel {
    min-width: 0;
}

.v4-proof__panel[hidden] {
    display: none !important;
}


/* =========================================================
   PROJECT HEADER
   ========================================================= */

.v4-proof__project-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;

    min-height: 57px;
    margin: 0 0 13px;

    border-bottom: 1px solid var(--v4-line);
}

.v4-proof__project-title {
    position: relative;

    margin: 0;
    padding: 0 0 14px 20px;

    color: var(--v4-navy-900);

    font-family: "Alumni Sans", Arial, sans-serif;
    font-size: clamp(27px, 2.5vw, 37px);
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
}

.v4-proof__project-title::before {
    content: "";

    position: absolute;
    top: 2px;
    bottom: 15px;
    left: 0;

    width: 5px;

    background: var(--v4-cyan-500);
}


/* =========================================================
   BEFORE / AFTER CANVAS
   Hai ảnh dùng chính xác cùng một canvas
   ========================================================= */

.v4-proof__compare {
    --v4-split: 50%;

    position: relative;
    isolation: isolate;

    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: var(--v4-canvas-ratio);

    margin: 0;
    padding: 0;

    overflow: hidden;

    background: var(--v4-white);

    border: 1px solid #b9d9e5;

    box-shadow:
        0 28px 70px rgba(6, 40, 61, 0.13),
        0 5px 18px rgba(6, 40, 61, 0.06);
}


/*
 * Before và lớp chứa After phải có cùng:
 * top, right, bottom, left, width và height.
 */

.v4-proof__image--before,
.v4-proof__after {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Before nằm dưới */

.v4-proof__image--before {
    z-index: 1;
}


/* After nằm trên và được clip bởi slider */

.v4-proof__after {
    z-index: 2;

    overflow: hidden;

    clip-path: inset(
        0
        0
        0
        var(--v4-split)
    );
}


/*
 * Quan trọng:
 * Cả hai ảnh bị ép vào đúng một kích thước canvas.
 * Không sử dụng contain vì contain có thể tự co mỗi ảnh khác nhau.
 */

.v4-proof__image--before,
.v4-proof__after > img,
.v4-proof__after picture,
.v4-proof__after picture > img {
    display: block !important;

    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    min-width: 100% !important;
    min-height: 100% !important;

    max-width: none !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: fill !important;
    object-position: 0 0 !important;

    transform: none !important;

    background: var(--v4-white);
}


/* Loại bỏ các thuộc tính lazy/image style có thể làm lệch */

.v4-proof__compare img {
    vertical-align: top !important;
    border-radius: 0 !important;
}


/* =========================================================
   DIVIDER
   ========================================================= */

.v4-proof__divider {
    position: absolute;
    top: 0;
    bottom: 0;
    left: var(--v4-split);

    z-index: 4;

    width: 2px;
    height: 100%;

    background: var(--v4-white);

    box-shadow:
        0 0 0 1px rgba(6, 40, 61, 0.13),
        0 0 30px rgba(6, 40, 61, 0.22);

    transform: translateX(-50%);

    pointer-events: none;
}


/* =========================================================
   SLIDER HANDLE
   ========================================================= */

.v4-proof__handle {
    position: absolute;
    top: 50%;
    left: var(--v4-split);

    z-index: 5;

    display: grid;
    place-items: center;

    width: 62px;
    height: 62px;

    color: var(--v4-white);

    background:
        linear-gradient(
            135deg,
            var(--v4-cyan-400) 0%,
            var(--v4-cyan-500) 55%,
            var(--v4-blue-600) 100%
        );

    border: 5px solid var(--v4-white);
    border-radius: 50%;

    box-shadow:
        0 15px 38px rgba(6, 40, 61, 0.28),
        0 0 0 8px rgba(8, 169, 220, 0.12);

    transform: translate(-50%, -50%);

    pointer-events: none;
}

.v4-proof__handle::before,
.v4-proof__handle::after {
    position: absolute;

    font-size: 25px;
    font-weight: 800;
    line-height: 1;
}

.v4-proof__handle::before {
    content: "‹";
    left: 10px;
}

.v4-proof__handle::after {
    content: "›";
    right: 10px;
}


/* =========================================================
   BEFORE / AFTER LABELS
   ========================================================= */

.v4-proof__label {
    position: absolute;
    top: 17px;

    z-index: 6;

    padding: 8px 13px;

    font-family: "Alumni Sans", Arial, sans-serif;
    font-size: 17px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.5px;
    text-transform: uppercase;

    box-shadow:
        0 8px 22px rgba(6, 40, 61, 0.14);

    pointer-events: none;
}

.v4-proof__label--before {
    left: 17px;

    color: var(--v4-white);
    background: var(--v4-navy-900);
}

.v4-proof__label--after {
    right: 17px;

    color: var(--v4-navy-900);
    background: var(--v4-cyan-400);
}


/* =========================================================
   RANGE INPUT
   ========================================================= */

.v4-proof__range {
    position: absolute !important;
    inset: 0 !important;

    z-index: 8;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    appearance: none !important;
    -webkit-appearance: none !important;

    background: transparent !important;

    opacity: 0;

    cursor: ew-resize;

    /*
     * Cho phép cuộn trang theo chiều dọc trên mobile,
     * đồng thời vẫn kéo ngang được slider.
     */
    touch-action: pan-y;
}

.v4-proof__range:focus-visible ~ .v4-proof__focus {
    position: absolute;
    inset: 5px;

    z-index: 7;

    border: 3px solid var(--v4-cyan-500);

    pointer-events: none;
}


/* =========================================================
   SCREEN READER CONTENT
   ========================================================= */

.v4-proof__sr-only {
    position: absolute !important;

    overflow: hidden !important;

    width: 1px !important;
    height: 1px !important;

    margin: -1px !important;
    padding: 0 !important;

    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;

    white-space: nowrap !important;

    border: 0 !important;
}


/* =========================================================
   LARGE SCREEN
   ========================================================= */

@media (min-width: 1600px) {
    .v4-proof__container {
        width: min(1680px, calc(100% - 64px));
    }

    .v4-proof__workspace {
        grid-template-columns: 82px minmax(0, 1fr);
        gap: 24px;
    }

    .v4-proof__nav-list {
        min-height: 610px;
    }
}


/* =========================================================
   TABLET
   Chuyển navigation thành thanh ngang
   ========================================================= */

@media (max-width: 1100px) {
    .v4-proof {
        padding: 86px 0 94px;
    }

    .v4-proof__container {
        width: min(100% - 32px, 1600px);
    }

    .v4-proof__header {
        margin-bottom: 46px;
    }

    .v4-proof__workspace {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .v4-proof__nav {
        overflow-x: auto;

        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .v4-proof__nav::-webkit-scrollbar {
        display: none;
    }

    .v4-proof__nav-list {
        display: grid;
        grid-template-columns: repeat(8, minmax(72px, 1fr));
        grid-template-rows: 68px;

        width: 100%;
        min-width: 650px;
        min-height: 0;
        height: 68px;
    }

    .v4-proof .v4-proof__tab {
        min-height: 68px;

        border-right: 1px solid rgba(255, 255, 255, 0.12) !important;
        border-bottom: 0 !important;
    }

    .v4-proof__nav-item:last-child .v4-proof__tab {
        border-right: 0 !important;
    }

    .v4-proof__tab::before {
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;

        width: auto;
        height: 0;

        transition: height 0.22s ease;
    }

    .v4-proof__tab[aria-selected="true"]::before {
        width: auto;
        height: 4px;
    }

    .v4-proof__compare {
        width: 100%;
        height: auto;
        min-height: 0;

        aspect-ratio: var(--v4-canvas-ratio);
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 640px) {
    .v4-proof {
        padding: 68px 0 76px;
    }

    .v4-proof__container {
        width: min(100% - 20px, 1600px);
    }

    .v4-proof__header {
        margin-bottom: 35px;
    }

    .v4-proof__eyebrow {
        margin-bottom: 14px;

        font-size: 16px;
    }

    .v4-proof__eyebrow::before {
        width: 28px;
    }

    .v4-proof__title {
        font-size: clamp(43px, 13vw, 53px);
        line-height: 0.98;
        letter-spacing: -0.7px;
    }

    .v4-proof__workspace {
        gap: 14px;
    }

    .v4-proof__nav-list {
        display: flex;

        width: max-content;
        min-width: 100%;
        height: 59px;
    }

    .v4-proof__nav-item {
        flex: 0 0 65px;
    }

    .v4-proof .v4-proof__tab {
        min-height: 59px;

        font-size: 26px !important;
    }

    .v4-proof__project-header {
        min-height: 45px;
        margin-bottom: 10px;
    }

    .v4-proof__project-title {
        padding: 0 0 12px 16px;

        font-size: 25px;
    }

    .v4-proof__project-title::before {
        top: 1px;
        bottom: 14px;

        width: 4px;
    }

    /*
     * Mobile dùng chiều cao lớn hơn tỷ lệ ảnh thật
     * để nội dung biểu đồ dễ nhìn.
     * Cả hai ảnh vẫn bị fill vào cùng canvas nên không lệch.
     */
    .v4-proof__compare {
        width: 100%;
        height: clamp(250px, 72vw, 330px);
        min-height: 250px;

        aspect-ratio: auto;
    }

    .v4-proof__handle {
        width: 49px;
        height: 49px;

        border-width: 3px;

        box-shadow:
            0 10px 26px rgba(6, 40, 61, 0.25),
            0 0 0 5px rgba(8, 169, 220, 0.12);
    }

    .v4-proof__handle::before {
        left: 8px;

        font-size: 21px;
    }

    .v4-proof__handle::after {
        right: 8px;

        font-size: 21px;
    }

    .v4-proof__label {
        top: 9px;

        padding: 6px 9px;

        font-size: 14px;
    }

    .v4-proof__label--before {
        left: 9px;
    }

    .v4-proof__label--after {
        right: 9px;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 390px) {
    .v4-proof__title {
        font-size: 43px;
    }

    .v4-proof__container {
        width: min(100% - 16px, 1600px);
    }

    .v4-proof__nav-item {
        flex-basis: 61px;
    }

    .v4-proof__compare {
        height: 245px;
        min-height: 245px;
    }

    .v4-proof__project-title {
        font-size: 23px;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
    .v4-proof__tab,
    .v4-proof__tab::before {
        transition: none !important;
    }
}/* End custom CSS */