.elementor-68800 .elementor-element.elementor-element-647bb5f9 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-68800 .elementor-element.elementor-element-647bb5f9:not(.elementor-motion-effects-element-type-background), .elementor-68800 .elementor-element.elementor-element-647bb5f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.aaconsultancy.ae/dubai/wp-content/uploads/2022/08/freezone-inner-banner.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-68800 .elementor-element.elementor-element-647bb5f9 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-0468d46 ) 0%, #FFFFFF00 100%);opacity:0.8;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-68800 .elementor-element.elementor-element-647bb5f9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:150px 0px 50px 0px;}.elementor-68800 .elementor-element.elementor-element-21e4f7ee > .elementor-element-populated{padding:10px 10px 10px 0px;}.elementor-68800 .elementor-element.elementor-element-7a20b638 .elementor-heading-title{color:#FFFFFF;}.elementor-68800 .elementor-element.elementor-element-1a9bbbc{color:#FFFFFF;}.elementor-68800 .elementor-element.elementor-element-274c5ed9 .elementor-button:hover, .elementor-68800 .elementor-element.elementor-element-274c5ed9 .elementor-button:focus{background-color:#FFFFFF;}.elementor-68800 .elementor-element.elementor-element-274c5ed9 .elementor-button{font-size:16px;font-weight:500;}.elementor-68800 .elementor-element.elementor-element-13e78274:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-68800 .elementor-element.elementor-element-13e78274 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #274A9AFC 0%, #010101 100%);}.elementor-68800 .elementor-element.elementor-element-13e78274 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-68800 .elementor-element.elementor-element-13e78274 > .elementor-element-populated, .elementor-68800 .elementor-element.elementor-element-13e78274 > .elementor-element-populated > .elementor-background-overlay, .elementor-68800 .elementor-element.elementor-element-13e78274 > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-68800 .elementor-element.elementor-element-13e78274 > .elementor-element-populated{box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.3);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:2% 5% 2% 5%;--e-column-margin-right:5%;--e-column-margin-left:5%;padding:30px 30px 30px 30px;}.elementor-68800 .elementor-element.elementor-element-13e78274 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-68800 .elementor-element.elementor-element-b98aa2b .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:35px;font-weight:600;color:#FFFFFF;}.elementor-68800 .elementor-element.elementor-element-b12ccb9 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:500;color:#FFFFFF;}.elementor-68800 .elementor-element.elementor-element-77dbfe95 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-68800 .elementor-element.elementor-element-77dbfe95{padding:70px 0px 70px 0px;}.elementor-68800 .elementor-element.elementor-element-1d14e830 > .elementor-element-populated{padding:10px 10px 10px 0px;}.elementor-68800 .elementor-element.elementor-element-8965719 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-68800 .elementor-element.elementor-element-8965719{padding:70px 0px 70px 0px;}.elementor-68800 .elementor-element.elementor-element-d7b01b9 > .elementor-element-populated{padding:10px 10px 10px 0px;}.elementor-68800 .elementor-element.elementor-element-db9eba6 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-68800 .elementor-element.elementor-element-db9eba6{padding:70px 0px 70px 0px;}.elementor-68800 .elementor-element.elementor-element-9696105 > .elementor-element-populated{padding:10px 10px 10px 0px;}.elementor-68800 .elementor-element.elementor-element-26a4ea7 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-68800 .elementor-element.elementor-element-26a4ea7{padding:70px 0px 70px 0px;}.elementor-68800 .elementor-element.elementor-element-7f29d72 > .elementor-element-populated{padding:10px 10px 10px 0px;}.elementor-68800 .elementor-element.elementor-element-9084948 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-68800 .elementor-element.elementor-element-9084948{padding:70px 0px 70px 0px;}.elementor-68800 .elementor-element.elementor-element-b33f0f1 > .elementor-element-populated{padding:10px 10px 10px 0px;}.elementor-68800 .elementor-element.elementor-element-c072cf4 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-68800 .elementor-element.elementor-element-c072cf4{padding:70px 0px 70px 0px;}.elementor-68800 .elementor-element.elementor-element-85f0ace > .elementor-element-populated{padding:10px 10px 10px 0px;}.elementor-68800 .elementor-element.elementor-element-c564a18 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-68800 .elementor-element.elementor-element-c564a18:not(.elementor-motion-effects-element-type-background), .elementor-68800 .elementor-element.elementor-element-c564a18 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(90deg, #123453 60%, #2BC600 120%);}.elementor-68800 .elementor-element.elementor-element-c564a18{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:20px 0px 20px 0px;}.elementor-68800 .elementor-element.elementor-element-c564a18 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-68800 .elementor-element.elementor-element-cc771a0 .elementor-heading-title{color:#FFFFFF;}.elementor-68800 .elementor-element.elementor-element-7624e87{color:var( --e-global-color-f05327d );}.elementor-68800 .elementor-element.elementor-element-a0005c3 .elementor-button{font-family:"Montserrat", Sans-serif;font-weight:600;letter-spacing:0px;box-shadow:0px 6px 3px 0px rgba(255, 255, 255, 0.14901960784313725);}.elementor-68800 .elementor-element.elementor-element-f66f050 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-68800 .elementor-element.elementor-element-f66f050{padding:70px 0px 70px 0px;}.elementor-68800 .elementor-element.elementor-element-5ae2dee > .elementor-element-populated{padding:10px 10px 10px 0px;}.elementor-68800 .elementor-element.elementor-element-4fc9748 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-68800 .elementor-element.elementor-element-4fc9748{padding:70px 0px 70px 0px;}.elementor-68800 .elementor-element.elementor-element-8ea49f1 > .elementor-element-populated{padding:10px 10px 10px 0px;}.elementor-68800 .elementor-element.elementor-element-17e8574 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-68800 .elementor-element.elementor-element-17e8574{padding:70px 0px 70px 0px;}.elementor-68800 .elementor-element.elementor-element-6e826b7 > .elementor-element-populated{padding:10px 10px 10px 0px;}.elementor-68800 .elementor-element.elementor-element-9ca500d > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-68800 .elementor-element.elementor-element-9ca500d{padding:70px 0px 70px 0px;}.elementor-68800 .elementor-element.elementor-element-10dffb9 > .elementor-element-populated{padding:10px 10px 10px 0px;}.elementor-68800 .elementor-element.elementor-element-435dc6ec:not(.elementor-motion-effects-element-type-background), .elementor-68800 .elementor-element.elementor-element-435dc6ec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.aaconsultancy.ae/dubai/wp-content/uploads/2022/08/testimonial-bg-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-68800 .elementor-element.elementor-element-435dc6ec{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 0px 100px 0px;}.elementor-68800 .elementor-element.elementor-element-435dc6ec > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-68800 .elementor-element.elementor-element-78d348a > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-68800 .elementor-element.elementor-element-163a3ed6{text-align:center;}.elementor-68800 .elementor-element.elementor-element-163a3ed6 .elementor-heading-title{font-size:45px;font-weight:700;line-height:1em;color:var( --e-global-color-f05327d );}.elementor-68800 .elementor-element.elementor-element-68fd2dda > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-68800 .elementor-element.elementor-element-68fd2dda{text-align:center;}.elementor-68800 .elementor-element.elementor-element-68fd2dda .elementor-heading-title{font-size:22px;font-weight:500;color:#FFFFFF;}.elementor-68800 .elementor-element.elementor-element-57fff6bd{padding:100px 0px 100px 0px;}.elementor-68800 .elementor-element.elementor-element-11a9d8cf > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-68800 .elementor-element.elementor-element-4b73d9d2{text-align:center;}.elementor-68800 .elementor-element.elementor-element-4b73d9d2 .elementor-heading-title{font-size:45px;font-weight:600;line-height:1em;color:var( --e-global-color-c427e71 );}.elementor-68800 .elementor-element.elementor-element-268acdef > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-68800 .elementor-element.elementor-element-268acdef{text-align:center;}.elementor-68800 .elementor-element.elementor-element-268acdef .elementor-heading-title{font-size:22px;font-weight:500;color:#5C5D5D;}.elementor-68800 .elementor-element.elementor-element-6b35e192 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-68800 .elementor-element.elementor-element-3a2466a2{--e-image-carousel-slides-to-show:6;z-index:9;}.elementor-68800 .elementor-element.elementor-element-3a2466a2 > .elementor-widget-container{padding:20px 20px 20px 20px;border-radius:20px 20px 20px 20px;}.elementor-68800 .elementor-element.elementor-element-3a2466a2 .swiper-pagination-bullet{width:6px;height:6px;background:#274A9A;}.elementor-68800 .elementor-element.elementor-element-3a2466a2 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background:#AABDD6;opacity:1;}.elementor-68800 .elementor-element.elementor-element-3a2466a2 .swiper-wrapper{display:flex;align-items:center;}.elementor-68800 .elementor-element.elementor-element-32574b68 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-68800 .elementor-element.elementor-element-32574b68:not(.elementor-motion-effects-element-type-background), .elementor-68800 .elementor-element.elementor-element-32574b68 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.aaconsultancy.ae/dubai/wp-content/uploads/2022/08/video-call-to-action-bg.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-68800 .elementor-element.elementor-element-32574b68{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:140px 0px 120px 0px;}.elementor-68800 .elementor-element.elementor-element-32574b68 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-68800 .elementor-element.elementor-element-4e992b09 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:30px;}.elementor-68800 .elementor-element.elementor-element-4e992b09 > .elementor-element-populated{padding:10px 10px 10px 0px;}.elementor-68800 .elementor-element.elementor-element-7171bd2b .elementor-heading-title{font-size:45px;font-weight:700;line-height:1em;color:var( --e-global-color-f05327d );}.elementor-68800 .elementor-element.elementor-element-1a08737b .elementor-heading-title{font-size:16px;font-weight:400;line-height:1.4em;color:var( --e-global-color-f05327d );}.elementor-68800 .elementor-element.elementor-element-47e69526 .elementor-button:hover, .elementor-68800 .elementor-element.elementor-element-47e69526 .elementor-button:focus{background-color:#FFFFFF;border-color:#FFFFFF;}.elementor-68800 .elementor-element.elementor-element-47e69526{width:auto;max-width:auto;}.elementor-68800 .elementor-element.elementor-element-47e69526 > .elementor-widget-container{margin:0px 10px 20px 0px;}.elementor-68800 .elementor-element.elementor-element-47e69526 .elementor-button-content-wrapper{flex-direction:row;}.elementor-68800 .elementor-element.elementor-element-47e69526 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-68800 .elementor-element.elementor-element-47e69526 .elementor-button{font-size:20px;font-weight:600;border-style:none;}.elementor-68800 .elementor-element.elementor-element-38c03849 .elementor-button{background-color:#23A10C00;font-size:20px;font-weight:600;}.elementor-68800 .elementor-element.elementor-element-38c03849 .elementor-button:hover, .elementor-68800 .elementor-element.elementor-element-38c03849 .elementor-button:focus{background-color:#FFFFFF;}.elementor-68800 .elementor-element.elementor-element-38c03849{width:auto;max-width:auto;}.elementor-68800 .elementor-element.elementor-element-38c03849 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-68800 .elementor-element.elementor-element-38c03849 .elementor-button-content-wrapper{flex-direction:row;}.elementor-68800 .elementor-element.elementor-element-38c03849 .elementor-button .elementor-button-content-wrapper{gap:10px;}.uamodal-54849275 .uael-content{width:50%;background-color:#ffffff;}.uamodal-54849275 .uael-overlay{background:rgba(0,0,0,0.75);}.uamodal-54849275 .uael-modal-close{font-size:20px;line-height:20px;height:20px;width:20px;}.uamodal-54849275 .uael-modal-close i, .uamodal-54849275 .uael-modal-close svg{font-size:20px;line-height:20px;height:20px;width:20px;}.uamodal-54849275 .uael-modal-close i{color:#ffffff;}.uamodal-54849275 .uael-modal-close svg{fill:#ffffff;}.elementor-68800 .elementor-element.elementor-element-54849275 .uael-modal-action-wrap{text-align:center;}.uamodal-54849275 .uael-content .uael-modal-content-data{padding:20px 20px 20px 20px;}.elementor-68800 .elementor-element.elementor-element-35bbcf2f{padding:100px 0px 100px 0px;}.elementor-68800 .elementor-element.elementor-element-6583e84c > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-68800 .elementor-element.elementor-element-c2d92f4{text-align:center;}.elementor-68800 .elementor-element.elementor-element-c2d92f4 .elementor-heading-title{font-size:45px;font-weight:600;line-height:1em;color:var( --e-global-color-c427e71 );}.elementor-68800 .elementor-element.elementor-element-14926156 > .elementor-element-populated{padding:8px 8px 8px 8px;}.elementor-68800 .elementor-element.elementor-element-28e1a4b8 > .elementor-widget-container{background-color:#FFFFFF;padding:30px 10px 30px 20px;border-radius:20px 20px 20px 20px;box-shadow:0px 22px 60px 0px rgba(8, 40.00000000000002, 79, 0.1);}.elementor-68800 .elementor-element.elementor-element-28e1a4b8.elementor-position-right .elementor-image-box-img{margin-left:20px;}.elementor-68800 .elementor-element.elementor-element-28e1a4b8.elementor-position-left .elementor-image-box-img{margin-right:20px;}.elementor-68800 .elementor-element.elementor-element-28e1a4b8.elementor-position-top .elementor-image-box-img{margin-bottom:20px;}.elementor-68800 .elementor-element.elementor-element-28e1a4b8 .elementor-image-box-title{margin-bottom:0px;font-size:16px;font-weight:500;line-height:1em;color:#212121;}.elementor-68800 .elementor-element.elementor-element-28e1a4b8 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-68800 .elementor-element.elementor-element-69086606 > .elementor-element-populated{padding:8px 8px 8px 8px;}.elementor-68800 .elementor-element.elementor-element-789eab77 > .elementor-widget-container{background-color:#FFFFFF;padding:30px 10px 30px 20px;border-radius:20px 20px 20px 20px;box-shadow:0px 22px 60px 0px rgba(8, 40.00000000000002, 79, 0.1);}.elementor-68800 .elementor-element.elementor-element-789eab77.elementor-position-right .elementor-image-box-img{margin-left:20px;}.elementor-68800 .elementor-element.elementor-element-789eab77.elementor-position-left .elementor-image-box-img{margin-right:20px;}.elementor-68800 .elementor-element.elementor-element-789eab77.elementor-position-top .elementor-image-box-img{margin-bottom:20px;}.elementor-68800 .elementor-element.elementor-element-789eab77 .elementor-image-box-title{margin-bottom:0px;font-size:16px;font-weight:500;line-height:1em;color:#212121;}.elementor-68800 .elementor-element.elementor-element-789eab77 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-68800 .elementor-element.elementor-element-76ea0d1b > .elementor-element-populated{padding:8px 8px 8px 8px;}.elementor-68800 .elementor-element.elementor-element-6ae68029 > .elementor-widget-container{background-color:#FFFFFF;padding:30px 10px 30px 20px;border-radius:20px 20px 20px 20px;box-shadow:0px 22px 60px 0px rgba(8, 40.00000000000002, 79, 0.1);}.elementor-68800 .elementor-element.elementor-element-6ae68029.elementor-position-right .elementor-image-box-img{margin-left:20px;}.elementor-68800 .elementor-element.elementor-element-6ae68029.elementor-position-left .elementor-image-box-img{margin-right:20px;}.elementor-68800 .elementor-element.elementor-element-6ae68029.elementor-position-top .elementor-image-box-img{margin-bottom:20px;}.elementor-68800 .elementor-element.elementor-element-6ae68029 .elementor-image-box-title{margin-bottom:0px;font-size:16px;font-weight:500;line-height:1em;color:#212121;}.elementor-68800 .elementor-element.elementor-element-6ae68029 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-68800 .elementor-element.elementor-element-3acdaeef > .elementor-element-populated{padding:8px 8px 8px 8px;}.elementor-68800 .elementor-element.elementor-element-66ec4d87 > .elementor-widget-container{background-color:#FFFFFF;padding:30px 10px 30px 20px;border-radius:20px 20px 20px 20px;box-shadow:0px 22px 60px 0px rgba(8, 40.00000000000002, 79, 0.1);}.elementor-68800 .elementor-element.elementor-element-66ec4d87.elementor-position-right .elementor-image-box-img{margin-left:20px;}.elementor-68800 .elementor-element.elementor-element-66ec4d87.elementor-position-left .elementor-image-box-img{margin-right:20px;}.elementor-68800 .elementor-element.elementor-element-66ec4d87.elementor-position-top .elementor-image-box-img{margin-bottom:20px;}.elementor-68800 .elementor-element.elementor-element-66ec4d87 .elementor-image-box-title{margin-bottom:0px;font-size:16px;font-weight:500;line-height:1em;color:#212121;}.elementor-68800 .elementor-element.elementor-element-66ec4d87 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-68800 .elementor-element.elementor-element-1a5390f1 > .elementor-element-populated{padding:8px 8px 8px 8px;}.elementor-68800 .elementor-element.elementor-element-44115d3c > .elementor-widget-container{background-color:#FFFFFF;padding:30px 10px 30px 20px;border-radius:20px 20px 20px 20px;box-shadow:0px 22px 60px 0px rgba(8, 40.00000000000002, 79, 0.1);}.elementor-68800 .elementor-element.elementor-element-44115d3c.elementor-position-right .elementor-image-box-img{margin-left:20px;}.elementor-68800 .elementor-element.elementor-element-44115d3c.elementor-position-left .elementor-image-box-img{margin-right:20px;}.elementor-68800 .elementor-element.elementor-element-44115d3c.elementor-position-top .elementor-image-box-img{margin-bottom:20px;}.elementor-68800 .elementor-element.elementor-element-44115d3c .elementor-image-box-title{margin-bottom:0px;font-size:16px;font-weight:500;line-height:1em;color:#212121;}.elementor-68800 .elementor-element.elementor-element-44115d3c .elementor-image-box-img img{transition-duration:0.3s;}.elementor-68800 .elementor-element.elementor-element-4334a040 > .elementor-element-populated{padding:8px 8px 8px 8px;}.elementor-68800 .elementor-element.elementor-element-54829ad0 > .elementor-widget-container{background-color:#FFFFFF;padding:30px 10px 30px 20px;border-radius:20px 20px 20px 20px;box-shadow:0px 22px 60px 0px rgba(8, 40.00000000000002, 79, 0.1);}.elementor-68800 .elementor-element.elementor-element-54829ad0.elementor-position-right .elementor-image-box-img{margin-left:20px;}.elementor-68800 .elementor-element.elementor-element-54829ad0.elementor-position-left .elementor-image-box-img{margin-right:20px;}.elementor-68800 .elementor-element.elementor-element-54829ad0.elementor-position-top .elementor-image-box-img{margin-bottom:20px;}.elementor-68800 .elementor-element.elementor-element-54829ad0 .elementor-image-box-title{margin-bottom:0px;font-size:16px;font-weight:500;line-height:1em;color:#212121;}.elementor-68800 .elementor-element.elementor-element-54829ad0 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-68800 .elementor-element.elementor-element-7e9361b2 > .elementor-element-populated{padding:8px 8px 8px 8px;}.elementor-68800 .elementor-element.elementor-element-71f7ca79 > .elementor-widget-container{background-color:#FFFFFF;padding:30px 10px 30px 20px;border-radius:20px 20px 20px 20px;box-shadow:0px 22px 60px 0px rgba(8, 40.00000000000002, 79, 0.1);}.elementor-68800 .elementor-element.elementor-element-71f7ca79.elementor-position-right .elementor-image-box-img{margin-left:20px;}.elementor-68800 .elementor-element.elementor-element-71f7ca79.elementor-position-left .elementor-image-box-img{margin-right:20px;}.elementor-68800 .elementor-element.elementor-element-71f7ca79.elementor-position-top .elementor-image-box-img{margin-bottom:20px;}.elementor-68800 .elementor-element.elementor-element-71f7ca79 .elementor-image-box-title{margin-bottom:0px;font-size:16px;font-weight:500;line-height:1em;color:#212121;}.elementor-68800 .elementor-element.elementor-element-71f7ca79 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-68800 .elementor-element.elementor-element-909b53b > .elementor-element-populated{padding:8px 8px 8px 8px;}.elementor-68800 .elementor-element.elementor-element-3d4d82b1 > .elementor-widget-container{background-color:#FFFFFF;padding:30px 10px 30px 20px;border-radius:20px 20px 20px 20px;box-shadow:0px 22px 60px 0px rgba(8, 40.00000000000002, 79, 0.1);}.elementor-68800 .elementor-element.elementor-element-3d4d82b1.elementor-position-right .elementor-image-box-img{margin-left:20px;}.elementor-68800 .elementor-element.elementor-element-3d4d82b1.elementor-position-left .elementor-image-box-img{margin-right:20px;}.elementor-68800 .elementor-element.elementor-element-3d4d82b1.elementor-position-top .elementor-image-box-img{margin-bottom:20px;}.elementor-68800 .elementor-element.elementor-element-3d4d82b1 .elementor-image-box-title{margin-bottom:0px;font-size:16px;font-weight:500;line-height:1em;color:#212121;}.elementor-68800 .elementor-element.elementor-element-3d4d82b1 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-68800 .elementor-element.elementor-element-4dc67893:not(.elementor-motion-effects-element-type-background), .elementor-68800 .elementor-element.elementor-element-4dc67893 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.aaconsultancy.ae/dubai/wp-content/uploads/2022/08/free-cunsultation-1.jpg");background-position:center left;background-size:cover;}.elementor-68800 .elementor-element.elementor-element-4dc67893 > .elementor-background-overlay{background-color:#030C1F;opacity:0.72;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-68800 .elementor-element.elementor-element-4dc67893{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:150px 0px 150px 0px;}.elementor-68800 .elementor-element.elementor-element-660542d5 .uael-heading, .elementor-68800 .elementor-element.elementor-element-660542d5 .uael-heading a{font-size:45px;font-weight:700;line-height:1em;}.elementor-68800 .elementor-element.elementor-element-660542d5 .uael-heading-text{color:#FFFFFF;}.elementor-68800 .elementor-element.elementor-element-660542d5 .uael-heading{margin:0px 0px 0px 0px;}.elementor-68800 .elementor-element.elementor-element-660542d5 .uael-sub-heading{font-size:45px;font-weight:700;line-height:1em;color:var( --e-global-color-a2254d4 );margin:0px 0px 0px 0px;}.elementor-68800 .elementor-element.elementor-element-592374b3{font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-68800 .elementor-element.elementor-element-9dfa67c{padding:100px 0px 100px 0px;}.elementor-68800 .elementor-element.elementor-element-6f6215d > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-68800 .elementor-element.elementor-element-da20985{text-align:start;}.elementor-68800 .elementor-element.elementor-element-da20985 .elementor-heading-title{font-size:45px;font-weight:600;line-height:1em;color:var( --e-global-color-c427e71 );}.elementor-68800 .elementor-element.elementor-element-e8ffd8b .elementor-accordion-item{border-width:1px;border-color:#093D7E12;}.elementor-68800 .elementor-element.elementor-element-e8ffd8b .elementor-accordion-item .elementor-tab-content{border-width:1px;border-block-start-color:#093D7E12;}.elementor-68800 .elementor-element.elementor-element-e8ffd8b .elementor-accordion-item .elementor-tab-title.elementor-active{border-width:1px;border-block-end-color:#093D7E12;}.elementor-68800 .elementor-element.elementor-element-e8ffd8b .elementor-accordion-icon, .elementor-68800 .elementor-element.elementor-element-e8ffd8b .elementor-accordion-title{color:#274A9A;}.elementor-68800 .elementor-element.elementor-element-e8ffd8b .elementor-accordion-icon svg{fill:#274A9A;}.elementor-68800 .elementor-element.elementor-element-e8ffd8b .elementor-active .elementor-accordion-icon, .elementor-68800 .elementor-element.elementor-element-e8ffd8b .elementor-active .elementor-accordion-title{color:#274A9A;}.elementor-68800 .elementor-element.elementor-element-e8ffd8b .elementor-active .elementor-accordion-icon svg{fill:#274A9A;}.elementor-68800 .elementor-element.elementor-element-e8ffd8b .elementor-accordion-title{font-size:18px;font-weight:600;}.elementor-68800 .elementor-element.elementor-element-e8ffd8b .elementor-tab-title{padding:20px 0px 20px 0px;}.elementor-68800 .elementor-element.elementor-element-e8ffd8b .elementor-accordion-icon{margin-inline-end:0px;}.elementor-68800 .elementor-element.elementor-element-e8ffd8b .elementor-tab-content{color:#4A4A4A;font-size:14px;padding:20px 0px 20px 0px;}@media(max-width:1024px){.elementor-68800 .elementor-element.elementor-element-647bb5f9{padding:150px 20px 120px 20px;}.elementor-68800 .elementor-element.elementor-element-21e4f7ee > .elementor-element-populated{padding:10px 10px 10px 20px;}.elementor-68800 .elementor-element.elementor-element-b98aa2b .elementor-heading-title{font-size:30px;}.elementor-68800 .elementor-element.elementor-element-b12ccb9 .elementor-heading-title{font-size:18px;}.elementor-68800 .elementor-element.elementor-element-77dbfe95{padding:60px 20px 60px 20px;}.elementor-68800 .elementor-element.elementor-element-1d14e830 > .elementor-element-populated{padding:10px 0px 10px 0px;}.elementor-68800 .elementor-element.elementor-element-8965719{padding:60px 20px 60px 20px;}.elementor-68800 .elementor-element.elementor-element-d7b01b9 > .elementor-element-populated{padding:10px 0px 10px 0px;}.elementor-68800 .elementor-element.elementor-element-db9eba6{padding:60px 20px 60px 20px;}.elementor-68800 .elementor-element.elementor-element-9696105 > .elementor-element-populated{padding:10px 0px 10px 0px;}.elementor-68800 .elementor-element.elementor-element-26a4ea7{padding:60px 20px 60px 20px;}.elementor-68800 .elementor-element.elementor-element-7f29d72 > .elementor-element-populated{padding:10px 0px 10px 0px;}.elementor-68800 .elementor-element.elementor-element-9084948{padding:60px 20px 60px 20px;}.elementor-68800 .elementor-element.elementor-element-b33f0f1 > .elementor-element-populated{padding:10px 0px 10px 0px;}.elementor-68800 .elementor-element.elementor-element-c072cf4{padding:60px 20px 60px 20px;}.elementor-68800 .elementor-element.elementor-element-85f0ace > .elementor-element-populated{padding:10px 0px 10px 0px;}.elementor-68800 .elementor-element.elementor-element-f66f050{padding:60px 20px 60px 20px;}.elementor-68800 .elementor-element.elementor-element-5ae2dee > .elementor-element-populated{padding:10px 0px 10px 0px;}.elementor-68800 .elementor-element.elementor-element-4fc9748{padding:60px 20px 60px 20px;}.elementor-68800 .elementor-element.elementor-element-8ea49f1 > .elementor-element-populated{padding:10px 0px 10px 0px;}.elementor-68800 .elementor-element.elementor-element-17e8574{padding:60px 20px 60px 20px;}.elementor-68800 .elementor-element.elementor-element-6e826b7 > .elementor-element-populated{padding:10px 0px 10px 0px;}.elementor-68800 .elementor-element.elementor-element-9ca500d{padding:60px 20px 60px 20px;}.elementor-68800 .elementor-element.elementor-element-10dffb9 > .elementor-element-populated{padding:10px 0px 10px 0px;}.elementor-68800 .elementor-element.elementor-element-435dc6ec{padding:100px 20px 100px 20px;}.elementor-68800 .elementor-element.elementor-element-163a3ed6 .elementor-heading-title{font-size:26px;}.elementor-68800 .elementor-element.elementor-element-68fd2dda .elementor-heading-title{font-size:16px;}.elementor-68800 .elementor-element.elementor-element-57fff6bd{padding:100px 20px 100px 20px;}.elementor-68800 .elementor-element.elementor-element-4b73d9d2 .elementor-heading-title{font-size:26px;}.elementor-68800 .elementor-element.elementor-element-268acdef .elementor-heading-title{font-size:16px;}.elementor-68800 .elementor-element.elementor-element-3a2466a2{--e-image-carousel-slides-to-show:3;}.elementor-68800 .elementor-element.elementor-element-32574b68{padding:140px 20px 120px 20px;}.elementor-68800 .elementor-element.elementor-element-7171bd2b .elementor-heading-title{font-size:26px;}.uamodal-54849275 .uael-content{width:80%;}.elementor-68800 .elementor-element.elementor-element-35bbcf2f{padding:100px 20px 100px 20px;}.elementor-68800 .elementor-element.elementor-element-c2d92f4 .elementor-heading-title{font-size:26px;}.elementor-68800 .elementor-element.elementor-element-4dc67893{padding:100px 10px 100px 10px;}.elementor-68800 .elementor-element.elementor-element-660542d5 .uael-heading, .elementor-68800 .elementor-element.elementor-element-660542d5 .uael-heading a{font-size:34px;}.elementor-68800 .elementor-element.elementor-element-660542d5 .uael-heading{margin:0px 0px 0px 0px;}.elementor-68800 .elementor-element.elementor-element-660542d5 .uael-sub-heading{font-size:34px;margin:0px 0px 0px 0px;}.elementor-68800 .elementor-element.elementor-element-592374b3{font-size:18px;}.elementor-68800 .elementor-element.elementor-element-9dfa67c{padding:100px 20px 100px 20px;}.elementor-68800 .elementor-element.elementor-element-da20985 .elementor-heading-title{font-size:26px;}}@media(max-width:767px){.elementor-68800 .elementor-element.elementor-element-21e4f7ee > .elementor-element-populated{padding:10px 20px 10px 20px;}.elementor-68800 .elementor-element.elementor-element-7a20b638{text-align:center;}.elementor-68800 .elementor-element.elementor-element-1a9bbbc{text-align:center;}.elementor-68800 .elementor-element.elementor-element-cc771a0{text-align:center;}.elementor-68800 .elementor-element.elementor-element-163a3ed6 .elementor-heading-title{font-size:26px;}.elementor-68800 .elementor-element.elementor-element-57fff6bd{padding:55px 20px 20px 20px;}.elementor-68800 .elementor-element.elementor-element-4b73d9d2 .elementor-heading-title{font-size:26px;}.elementor-68800 .elementor-element.elementor-element-3a2466a2{--e-image-carousel-slides-to-show:1;}.elementor-68800 .elementor-element.elementor-element-4e992b09 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-68800 .elementor-element.elementor-element-7171bd2b{text-align:center;}.elementor-68800 .elementor-element.elementor-element-7171bd2b .elementor-heading-title{font-size:26px;}.elementor-68800 .elementor-element.elementor-element-1a08737b{text-align:center;}.elementor-68800 .elementor-element.elementor-element-47e69526{width:100%;max-width:100%;}.elementor-68800 .elementor-element.elementor-element-38c03849{width:100%;max-width:100%;}.elementor-68800 .elementor-element.elementor-element-79a31bb > .elementor-element-populated{margin:50px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.uamodal-54849275 .uael-content{width:90%;}.elementor-68800 .elementor-element.elementor-element-c2d92f4 .elementor-heading-title{font-size:26px;}.elementor-68800 .elementor-element.elementor-element-28e1a4b8 .elementor-image-box-img{margin-bottom:20px;}.elementor-68800 .elementor-element.elementor-element-789eab77 .elementor-image-box-img{margin-bottom:20px;}.elementor-68800 .elementor-element.elementor-element-6ae68029 .elementor-image-box-img{margin-bottom:20px;}.elementor-68800 .elementor-element.elementor-element-66ec4d87 .elementor-image-box-img{margin-bottom:20px;}.elementor-68800 .elementor-element.elementor-element-44115d3c .elementor-image-box-img{margin-bottom:20px;}.elementor-68800 .elementor-element.elementor-element-54829ad0 .elementor-image-box-img{margin-bottom:20px;}.elementor-68800 .elementor-element.elementor-element-71f7ca79 .elementor-image-box-img{margin-bottom:20px;}.elementor-68800 .elementor-element.elementor-element-3d4d82b1 .elementor-image-box-img{margin-bottom:20px;}.elementor-68800 .elementor-element.elementor-element-4dc67893{padding:60px 10px 60px 10px;}.elementor-68800 .elementor-element.elementor-element-660542d5 .uael-heading, .elementor-68800 .elementor-element.elementor-element-660542d5 .uael-heading a{font-size:24px;line-height:1em;}.elementor-68800 .elementor-element.elementor-element-660542d5 .uael-heading{margin:0px 0px 0px 0px;}.elementor-68800 .elementor-element.elementor-element-660542d5 .uael-sub-heading{font-size:24px;line-height:1em;margin:0px 0px 0px 0px;}.elementor-68800 .elementor-element.elementor-element-592374b3{font-size:16px;}.elementor-68800 .elementor-element.elementor-element-da20985 .elementor-heading-title{font-size:26px;}}@media(min-width:768px){.elementor-68800 .elementor-element.elementor-element-21e4f7ee{width:60%;}.elementor-68800 .elementor-element.elementor-element-13e78274{width:40%;}.elementor-68800 .elementor-element.elementor-element-90af30e{width:70%;}.elementor-68800 .elementor-element.elementor-element-3d67d0e{width:29.87%;}.elementor-68800 .elementor-element.elementor-element-4e992b09{width:45%;}.elementor-68800 .elementor-element.elementor-element-79a31bb{width:55%;}}@media(max-width:1024px) and (min-width:768px){.elementor-68800 .elementor-element.elementor-element-1d14e830{width:100%;}.elementor-68800 .elementor-element.elementor-element-d7b01b9{width:100%;}.elementor-68800 .elementor-element.elementor-element-9696105{width:100%;}.elementor-68800 .elementor-element.elementor-element-7f29d72{width:100%;}.elementor-68800 .elementor-element.elementor-element-b33f0f1{width:100%;}.elementor-68800 .elementor-element.elementor-element-85f0ace{width:100%;}.elementor-68800 .elementor-element.elementor-element-5ae2dee{width:100%;}.elementor-68800 .elementor-element.elementor-element-8ea49f1{width:100%;}.elementor-68800 .elementor-element.elementor-element-6e826b7{width:100%;}.elementor-68800 .elementor-element.elementor-element-10dffb9{width:100%;}.elementor-68800 .elementor-element.elementor-element-4e992b09{width:50%;}.elementor-68800 .elementor-element.elementor-element-79a31bb{width:50%;}.elementor-68800 .elementor-element.elementor-element-14926156{width:50%;}.elementor-68800 .elementor-element.elementor-element-69086606{width:50%;}.elementor-68800 .elementor-element.elementor-element-76ea0d1b{width:50%;}.elementor-68800 .elementor-element.elementor-element-3acdaeef{width:50%;}.elementor-68800 .elementor-element.elementor-element-1a5390f1{width:50%;}.elementor-68800 .elementor-element.elementor-element-4334a040{width:50%;}.elementor-68800 .elementor-element.elementor-element-7e9361b2{width:50%;}.elementor-68800 .elementor-element.elementor-element-909b53b{width:50%;}}@media(min-width:1551px){.elementor-68800 .elementor-element.elementor-element-4dc67893:not(.elementor-motion-effects-element-type-background), .elementor-68800 .elementor-element.elementor-element-4dc67893 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for html, class: .elementor-element-61cd236 *//* ============================================
   FREE ZONE HERO SECTION
   Brand Colors:
   Primary Blue  : #1a3c8f
   Gold          : #c9a84c
   Light Gold    : #f5e6c8
   White         : #ffffff
   Light BG      : #f8f9fc
   Text Dark     : #1a2340
   Text Medium   : #4a5568
============================================ */

/* --- Root Variables --- */
:root {
    --fz-blue-dark:    #1a3c8f;
    --fz-blue-medium:  #2150b8;
    --fz-blue-light:   #e8eef8;
    --fz-gold:         #c9a84c;
    --fz-gold-dark:    #a8872e;
    --fz-gold-light:   #f5e6c8;
    --fz-white:        #ffffff;
    --fz-bg-light:     #f8f9fc;
    --fz-text-dark:    #1a2340;
    --fz-text-medium:  #4a5568;
    --fz-text-light:   #718096;
    --fz-border:       #e2e8f0;
    --fz-shadow-sm:    0 2px 8px rgba(26, 60, 143, 0.08);
    --fz-shadow-md:    0 8px 32px rgba(26, 60, 143, 0.12);
    --fz-shadow-lg:    0 16px 48px rgba(26, 60, 143, 0.16);
    --fz-radius-sm:    8px;
    --fz-radius-md:    12px;
    --fz-radius-lg:    20px;
    --fz-transition:   all 0.3s ease;
}

/* --- Section Wrapper --- */
.freezone-hero {
    background: linear-gradient(
        135deg,
        #f0f4ff 0%,
        #f8f9fc 40%,
        #fdf8ef 100%
    );
    padding: 72px 0 80px;
    position: relative;
    overflow: hidden;
}

/* Decorative background shapes */
.freezone-hero::before {
    content: '';
    position: absolute;
    top: -80px;
    right: -80px;
    width: 400px;
    height: 400px;
    background: radial-gradient(
        circle,
        rgba(201, 168, 76, 0.08) 0%,
        transparent 70%
    );
    border-radius: 50%;
    pointer-events: none;
}

.freezone-hero::after {
    content: '';
    position: absolute;
    bottom: -60px;
    left: -60px;
    width: 300px;
    height: 300px;
    background: radial-gradient(
        circle,
        rgba(26, 60, 143, 0.06) 0%,
        transparent 70%
    );
    border-radius: 50%;
    pointer-events: none;
}

/* --- Container --- */
.freezone-hero__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    display: grid;
    grid-template-columns: 1fr 480px;
    gap: 56px;
    align-items: start;
    position: relative;
    z-index: 1;
}

/* ============================================
   LEFT CONTENT AREA
============================================ */

.freezone-hero__content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* --- Badge --- */
.freezone-hero__badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(
        135deg,
        var(--fz-gold-light),
        #fff8e8
    );
    border: 1px solid rgba(201, 168, 76, 0.35);
    border-radius: 50px;
    padding: 8px 18px;
    font-size: 13px;
    font-weight: 600;
    color: var(--fz-gold-dark);
    width: fit-content;
    letter-spacing: 0.2px;
}

.freezone-hero__badge-icon {
    font-size: 15px;
}

/* --- H1 Title --- */
.freezone-hero__title {
    font-size: clamp(28px, 3.5vw, 42px);
    font-weight: 800;
    color: var(--fz-text-dark);
    line-height: 1.2;
    margin: 0;
    letter-spacing: -0.5px;
}

.freezone-hero__title-highlight {
    color: var(--fz-blue-dark);
    position: relative;
    display: inline-block;
}

.freezone-hero__title-highlight::after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(
        90deg,
        var(--fz-gold),
        var(--fz-gold-dark)
    );
    border-radius: 2px;
}

/* --- Description Paragraphs --- */
.freezone-hero__description {
    font-size: 16px;
    line-height: 1.8;
    color: var(--fz-text-medium);
    margin: 0;
}

/* --- CTA Wrapper --- */
.freezone-hero__cta-wrapper {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 8px;
}

/* --- Primary CTA Button --- */
.freezone-hero__cta-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: linear-gradient(
        135deg,
        var(--fz-blue-dark) 0%,
        var(--fz-blue-medium) 100%
    );
    color: var(--fz-white);
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    padding: 16px 32px;
    border-radius: var(--fz-radius-sm);
    width: fit-content;
    letter-spacing: 0.3px;
    box-shadow: 0 4px 16px rgba(26, 60, 143, 0.3);
    transition: var(--fz-transition);
    position: relative;
    overflow: hidden;
}

.freezone-hero__cta-primary::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.12),
        transparent
    );
    transition: left 0.5s ease;
}

.freezone-hero__cta-primary:hover::before {
    left: 100%;
}

.freezone-hero__cta-primary:hover {
    background: linear-gradient(
        135deg,
        var(--fz-blue-medium) 0%,
        var(--fz-blue-dark) 100%
    );
    box-shadow: 0 6px 24px rgba(26, 60, 143, 0.4);
    transform: translateY(-2px);
    color: var(--fz-white);
    text-decoration: none;
}

.freezone-hero__cta-primary:active {
    transform: translateY(0);
}

.freezone-hero__cta-icon {
    font-size: 18px;
}

.freezone-hero__cta-arrow {
    font-size: 18px;
    transition: transform 0.3s ease;
}

.freezone-hero__cta-primary:hover .freezone-hero__cta-arrow {
    transform: translateX(4px);
}

/* --- CTA Note --- */
.freezone-hero__cta-note {
    font-size: 13px;
    color: var(--fz-text-light);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.freezone-hero__cta-note-icon {
    color: var(--fz-gold-dark);
    font-weight: 700;
}

/* ============================================
   RIGHT STATS CARD AREA
============================================ */

.freezone-hero__stats-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: sticky;
    top: 24px;
}

/* --- Stats Card --- */
.freezone-hero__stats-card {
    background: var(--fz-white);
    border-radius: var(--fz-radius-lg);
    box-shadow: var(--fz-shadow-lg);
    overflow: hidden;
    border: 1px solid rgba(201, 168, 76, 0.2);
}

/* --- Card Header --- */
.freezone-hero__stats-header {
    background: linear-gradient(
        135deg,
        var(--fz-blue-dark) 0%,
        var(--fz-blue-medium) 100%
    );
    padding: 20px 24px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.freezone-hero__stats-header-icon {
    font-size: 20px;
}

.freezone-hero__stats-title {
    font-size: 16px;
    font-weight: 700;
    color: var(--fz-white);
    margin: 0;
    letter-spacing: 0.2px;
}

/* --- Stats Grid --- */
.freezone-hero__stats-grid {
    padding: 8px 0;
}

/* --- Individual Stat Item --- */
.freezone-hero__stat-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 24px;
    border-bottom: 1px solid var(--fz-border);
    transition: var(--fz-transition);
}

.freezone-hero__stat-item:last-child {
    border-bottom: none;
}

.freezone-hero__stat-item:hover {
    background: var(--fz-blue-light);
}

/* --- Stat Icon Wrap --- */
.freezone-hero__stat-icon-wrap {
    width: 40px;
    height: 40px;
    background: linear-gradient(
        135deg,
        var(--fz-gold-light),
        #fff8e8
    );
    border-radius: var(--fz-radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid rgba(201, 168, 76, 0.25);
}

.freezone-hero__stat-icon {
    font-size: 18px;
}

/* --- Stat Content --- */
.freezone-hero__stat-content {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
}

.freezone-hero__stat-label {
    font-size: 12px;
    font-weight: 600;
    color: var(--fz-text-light);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.freezone-hero__stat-value {
    font-size: 15px;
    font-weight: 700;
    color: var(--fz-blue-dark);
}

/* --- Card CTA --- */
.freezone-hero__card-cta {
    padding: 20px 24px;
    background: linear-gradient(
        135deg,
        var(--fz-gold-light),
        #fff8e8
    );
    border-top: 1px solid rgba(201, 168, 76, 0.25);
}

.freezone-hero__card-cta-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: linear-gradient(
        135deg,
        var(--fz-gold) 0%,
        var(--fz-gold-dark) 100%
    );
    color: var(--fz-white);
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    padding: 13px 24px;
    border-radius: var(--fz-radius-sm);
    width: 100%;
    text-align: center;
    letter-spacing: 0.2px;
    box-shadow: 0 4px 12px rgba(201, 168, 76, 0.35);
    transition: var(--fz-transition);
}

.freezone-hero__card-cta-btn:hover {
    background: linear-gradient(
        135deg,
        var(--fz-gold-dark) 0%,
        var(--fz-gold) 100%
    );
    box-shadow: 0 6px 20px rgba(201, 168, 76, 0.45);
    transform: translateY(-2px);
    color: var(--fz-white);
    text-decoration: none;
}

/* --- Trust Indicators --- */
.freezone-hero__trust {
    background: var(--fz-white);
    border-radius: var(--fz-radius-md);
    box-shadow: var(--fz-shadow-sm);
    padding: 20px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--fz-border);
}

.freezone-hero__trust-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    flex: 1;
}

.freezone-hero__trust-number {
    font-size: 22px;
    font-weight: 800;
    color: var(--fz-blue-dark);
    line-height: 1;
}

.freezone-hero__trust-label {
    font-size: 11px;
    font-weight: 600;
    color: var(--fz-text-light);
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.freezone-hero__trust-divider {
    width: 1px;
    height: 36px;
    background: linear-gradient(
        180deg,
        transparent,
        var(--fz-gold),
        transparent
    );
    flex-shrink: 0;
}

/* ============================================
   RESPONSIVE — TABLET (max 1024px)
============================================ */

@media (max-width: 1024px) {
    .freezone-hero__container {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .freezone-hero__stats-wrapper {
        position: static;
    }

    .freezone-hero__stats-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .freezone-hero__stat-item {
        border-bottom: 1px solid var(--fz-border);
        border-right: none;
    }

    .freezone-hero__stat-item:nth-child(odd) {
        border-right: 1px solid var(--fz-border);
    }

    .freezone-hero__stat-item:nth-last-child(-n+2) {
        border-bottom: none;
    }
}

/* ============================================
   RESPONSIVE — MOBILE (max 768px)
============================================ */

@media (max-width: 768px) {
    .freezone-hero {
        padding: 48px 0 56px;
    }

    .freezone-hero__container {
        padding: 0 16px;
        gap: 32px;
    }

    .freezone-hero__title {
        font-size: 26px;
    }

    .freezone-hero__description {
        font-size: 15px;
    }

    .freezone-hero__cta-primary {
        width: 100%;
        justify-content: center;
        font-size: 15px;
        padding: 15px 24px;
    }

    .freezone-hero__cta-note {
        justify-content: center;
    }

    .freezone-hero__stats-grid {
        grid-template-columns: 1fr;
    }

    .freezone-hero__stat-item {
        border-right: none !important;
    }

    .freezone-hero__stat-item:nth-last-child(-n+2) {
        border-bottom: 1px solid var(--fz-border);
    }

    .freezone-hero__stat-item:last-child {
        border-bottom: none;
    }

    .freezone-hero__trust {
        padding: 16px;
    }

    .freezone-hero__trust-number {
        font-size: 18px;
    }

    .freezone-hero__trust-label {
        font-size: 10px;
    }
}

/* ============================================
   RESPONSIVE — SMALL MOBILE (max 480px)
============================================ */

@media (max-width: 480px) {
    .freezone-hero__title {
        font-size: 22px;
    }

    .freezone-hero__badge {
        font-size: 12px;
        padding: 6px 14px;
    }

    .freezone-hero__trust {
        gap: 8px;
    }

    .freezone-hero__trust-number {
        font-size: 16px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3227f03 *//* ============================================
   SECTION 2 — WHAT IS FREE ZONE FORMATION
   Security Hardened CSS
   
   SECURITY MEASURES APPLIED:
   01. CSS Custom Properties scoped to section
   02. No external font or resource loading
   03. No CSS url() with external references
   04. No expression() or behavior properties
   05. Pointer-events controlled on decorative
   06. No -moz-binding or proprietary filters
   07. All animations GPU-composited only
   08. No user-scalable manipulation
   09. Content Security Policy friendly
   10. No dynamic class injection vulnerabilities
   11. BEM methodology prevents class collision
   12. No !important overuse preventing overrides
   13. z-index controlled and scoped
   14. No CSS injection via custom properties
   15. Overflow hidden on containers prevents
       layout-based clickjacking surface
============================================ */

/* --- Scoped CSS Variables --- */
.fz-what-section {
    --fzw-blue-dark:      #1a3c8f;
    --fzw-blue-medium:    #2150b8;
    --fzw-blue-light:     #e8eef8;
    --fzw-blue-pale:      #f0f4ff;
    --fzw-gold:           #c9a84c;
    --fzw-gold-dark:      #a8872e;
    --fzw-gold-light:     #f5e6c8;
    --fzw-gold-pale:      #fdf8ef;
    --fzw-teal:           #0d7377;
    --fzw-teal-light:     #e0f5f5;
    --fzw-white:          #ffffff;
    --fzw-bg:             #f8f9fc;
    --fzw-text-dark:      #1a2340;
    --fzw-text-medium:    #4a5568;
    --fzw-text-light:     #718096;
    --fzw-border:         #e2e8f0;
    --fzw-border-gold:    rgba(201, 168, 76, 0.25);
    --fzw-border-blue:    rgba(26, 60, 143, 0.12);
    --fzw-shadow-sm:      0 2px 8px rgba(26, 60, 143, 0.07);
    --fzw-shadow-md:      0 6px 24px rgba(26, 60, 143, 0.10);
    --fzw-shadow-lg:      0 12px 40px rgba(26, 60, 143, 0.14);
    --fzw-shadow-card:    0 4px 20px rgba(26, 60, 143, 0.09);
    --fzw-radius-sm:      8px;
    --fzw-radius-md:      12px;
    --fzw-radius-lg:      18px;
    --fzw-radius-xl:      24px;
    --fzw-transition:     all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --fzw-transition-fast: all 0.18s ease;
}

/* ============================================
   BASE SECTION STYLES
============================================ */

.fz-what-section {
    background-color: var(--fzw-white);
    padding: 80px 0 88px;
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

/* Security: Decorative pseudo-elements are 
   pointer-events none and z-index below content */
.fz-what-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(
        90deg,
        var(--fzw-blue-dark) 0%,
        var(--fzw-gold) 50%,
        var(--fzw-blue-dark) 100%
    );
    pointer-events: none;
    z-index: 0;
}

.fz-what-section::after {
    content: '';
    position: absolute;
    bottom: -120px;
    right: -120px;
    width: 360px;
    height: 360px;
    background: radial-gradient(
        circle,
        rgba(201, 168, 76, 0.05) 0%,
        transparent 70%
    );
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

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

.fz-what__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 56px;
}

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

.fz-what__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 16px;
}

/* Badge */
.fz-what__header-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--fzw-blue-pale);
    border: 1px solid var(--fzw-border-blue);
    border-radius: 50px;
    padding: 7px 18px;
    font-size: 13px;
    font-weight: 600;
    color: var(--fzw-blue-dark);
    letter-spacing: 0.3px;
    user-select: none;
}

.fz-what__header-badge-dot {
    width: 7px;
    height: 7px;
    background: var(--fzw-gold);
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
    /* Security: animation is transform-only 
       for GPU compositing, no layout thrashing */
    animation: fzwPulse 2.4s ease-in-out infinite;
}

@keyframes fzwPulse {
    0%, 100% { 
        transform: scale(1); 
        opacity: 1; 
    }
    50% { 
        transform: scale(1.3); 
        opacity: 0.7; 
    }
}

/* H2 Heading */
.fz-what__heading {
    font-size: clamp(24px, 3vw, 38px);
    font-weight: 800;
    color: var(--fzw-text-dark);
    line-height: 1.2;
    margin: 0;
    letter-spacing: -0.4px;
    max-width: 700px;
}

/* Decorative underline */
.fz-what__heading-line {
    width: 72px;
    height: 4px;
    background: linear-gradient(
        90deg,
        var(--fzw-blue-dark),
        var(--fzw-gold)
    );
    border-radius: 4px;
    pointer-events: none;
}

/* ============================================
   INTRO SECTION — TWO COLUMN GRID
============================================ */

.fz-what__intro-grid {
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 40px;
    align-items: start;
}

.fz-what__intro-text {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.fz-what__para {
    font-size: 16px;
    line-height: 1.85;
    color: var(--fzw-text-medium);
    margin: 0;
    /* Security: no user-modified content rendering */
    word-break: break-word;
    overflow-wrap: break-word;
}

/* ============================================
   HIGHLIGHT CARD — RIGHT COLUMN
============================================ */

.fz-what__highlight-card {
    background: linear-gradient(
        160deg,
        var(--fzw-blue-dark) 0%,
        var(--fzw-blue-medium) 100%
    );
    border-radius: var(--fzw-radius-lg);
    padding: 32px 28px;
    box-shadow: var(--fzw-shadow-lg);
    position: relative;
    overflow: hidden;
}

/* Inner decorative circle — pointer-events none */
.fz-what__highlight-card::before {
    content: '';
    position: absolute;
    top: -40px;
    right: -40px;
    width: 160px;
    height: 160px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 50%;
    pointer-events: none;
}

.fz-what__highlight-card::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 120px;
    height: 120px;
    background: rgba(201, 168, 76, 0.08);
    border-radius: 50%;
    pointer-events: none;
}

.fz-what__highlight-icon {
    font-size: 36px;
    display: block;
    margin-bottom: 16px;
    position: relative;
    z-index: 1;
}

.fz-what__highlight-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--fzw-white);
    margin: 0 0 20px;
    position: relative;
    z-index: 1;
}

/* List */
.fz-what__highlight-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: relative;
    z-index: 1;
}

.fz-what__highlight-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 500;
    /* Security: prevent list item injection display */
    list-style: none;
}

.fz-what__highlight-check {
    width: 18px;
    height: 18px;
    background: linear-gradient(
        135deg,
        var(--fzw-gold),
        var(--fzw-gold-dark)
    );
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

/* CSS-only checkmark — no external SVG */
.fz-what__highlight-check::after {
    content: '';
    width: 5px;
    height: 8px;
    border: 2px solid var(--fzw-white);
    border-top: none;
    border-left: none;
    transform: rotate(45deg) translateY(-1px);
    display: block;
}

/* ============================================
   ENTITY TYPES SECTION
============================================ */

.fz-what__entities {
    display: flex;
    flex-direction: column;
    gap: 36px;
}

.fz-what__entities-header {
    text-align: center;
    max-width: 760px;
    margin: 0 auto;
}

.fz-what__entities-heading {
    font-size: clamp(20px, 2.5vw, 28px);
    font-weight: 700;
    color: var(--fzw-text-dark);
    margin: 0 0 14px;
    line-height: 1.3;
}

.fz-what__entities-subtext {
    font-size: 15px;
    color: var(--fzw-text-light);
    line-height: 1.75;
    margin: 0;
}

/* ============================================
   ENTITY CARDS GRID
============================================ */

.fz-what__cards-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

/* ============================================
   INDIVIDUAL ENTITY CARD
============================================ */

.fz-what__entity-card {
    background: var(--fzw-white);
    border-radius: var(--fzw-radius-lg);
    border: 1px solid var(--fzw-border);
    box-shadow: var(--fzw-shadow-card);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    transition: var(--fzw-transition);
    /* Security: isolation prevents 
       z-index stacking exploitation */
    isolation: isolate;
}

.fz-what__entity-card:hover {
    transform: translateY(-6px);
    box-shadow: var(--fzw-shadow-lg);
    border-color: var(--fzw-border-gold);
}

/* Bottom color indicator bar */
.fz-what__card-indicator {
    height: 4px;
    background: linear-gradient(
        90deg,
        var(--fzw-blue-dark),
        var(--fzw-gold)
    );
    width: 0;
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}

.fz-what__entity-card:hover .fz-what__card-indicator {
    width: 100%;
}

/* --- Card Top --- */
.fz-what__card-top {
    padding: 24px 20px 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

/* Icon Wrap */
.fz-what__card-icon-wrap {
    width: 52px;
    height: 52px;
    background: linear-gradient(
        135deg,
        var(--fzw-blue-pale),
        var(--fzw-blue-light)
    );
    border-radius: var(--fzw-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid var(--fzw-border-blue);
    transition: var(--fzw-transition);
}

.fz-what__entity-card:hover .fz-what__card-icon-wrap {
    background: linear-gradient(
        135deg,
        var(--fzw-blue-dark),
        var(--fzw-blue-medium)
    );
    border-color: var(--fzw-blue-dark);
}

.fz-what__card-icon {
    font-size: 22px;
    display: block;
    /* Security: emoji rendering is contained */
    line-height: 1;
}

/* Badge styles */
.fz-what__card-badge {
    font-size: 11px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 50px;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    white-space: nowrap;
    flex-shrink: 0;
    /* Default: gold */
    background: var(--fzw-gold-light);
    color: var(--fzw-gold-dark);
    border: 1px solid var(--fzw-border-gold);
}

.fz-what__card-badge--gold {
    background: var(--fzw-gold-light);
    color: var(--fzw-gold-dark);
    border-color: var(--fzw-border-gold);
}

.fz-what__card-badge--blue {
    background: var(--fzw-blue-pale);
    color: var(--fzw-blue-dark);
    border-color: var(--fzw-border-blue);
}

.fz-what__card-badge--teal {
    background: var(--fzw-teal-light);
    color: var(--fzw-teal);
    border: 1px solid rgba(13, 115, 119, 0.2);
}

/* --- Card Body --- */
.fz-what__card-body {
    padding: 16px 20px 14px;
    flex: 1;
}

.fz-what__card-title {
    font-size: 16px;
    font-weight: 700;
    color: var(--fzw-text-dark);
    margin: 0 0 10px;
    line-height: 1.35;
    /* Security: prevent title overflow exploitation */
    overflow-wrap: break-word;
    word-break: break-word;
}

.fz-what__card-abbr {
    color: var(--fzw-blue-dark);
    font-weight: 800;
    font-size: 15px;
}

.fz-what__card-desc {
    font-size: 14px;
    line-height: 1.75;
    color: var(--fzw-text-medium);
    margin: 0;
    overflow-wrap: break-word;
    word-break: break-word;
}

/* --- Card Footer --- */
.fz-what__card-footer {
    padding: 12px 20px 16px;
    border-top: 1px solid var(--fzw-border);
    background: var(--fzw-bg);
}

.fz-what__card-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    /* Security: tag overflow is wrapped not overflowed */
}

.fz-what__card-tag {
    font-size: 11px;
    font-weight: 600;
    color: var(--fzw-text-light);
    background: var(--fzw-white);
    border: 1px solid var(--fzw-border);
    border-radius: 50px;
    padding: 3px 10px;
    white-space: nowrap;
    /* Security: user-select none on decorative tags */
    user-select: none;
    transition: var(--fzw-transition-fast);
}

.fz-what__entity-card:hover .fz-what__card-tag {
    border-color: var(--fzw-border-gold);
    color: var(--fzw-gold-dark);
    background: var(--fzw-gold-pale);
}

/* ============================================
   BOTTOM CTA STRIP
============================================ */

.fz-what__cta-strip {
    background: linear-gradient(
        135deg,
        var(--fzw-blue-pale) 0%,
        var(--fzw-gold-pale) 100%
    );
    border-radius: var(--fzw-radius-lg);
    border: 1px solid var(--fzw-border-gold);
    padding: 24px 32px;
    /* Security: overflow hidden contains content */
    overflow: hidden;
}

.fz-what__cta-strip-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
}

.fz-what__cta-strip-text {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    font-weight: 600;
    color: var(--fzw-text-dark);
    flex: 1;
    min-width: 260px;
}

.fz-what__cta-strip-icon {
    font-size: 22px;
    flex-shrink: 0;
    display: block;
}

/* CTA Button */
.fz-what__cta-strip-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(
        135deg,
        var(--fzw-blue-dark) 0%,
        var(--fzw-blue-medium) 100%
    );
    color: var(--fzw-white);
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    padding: 14px 28px;
    border-radius: var(--fzw-radius-sm);
    white-space: nowrap;
    letter-spacing: 0.2px;
    box-shadow: 0 4px 14px rgba(26, 60, 143, 0.28);
    transition: var(--fzw-transition);
    /* Security: prevent text-decoration injection */
    text-decoration: none !important;
    outline-offset: 3px;
}

/* Accessibility: visible focus ring for keyboard nav */
.fz-what__cta-strip-btn:focus-visible {
    outline: 3px solid var(--fzw-gold);
    outline-offset: 3px;
}

.fz-what__cta-strip-btn:hover {
    background: linear-gradient(
        135deg,
        var(--fzw-blue-medium) 0%,
        var(--fzw-blue-dark) 100%
    );
    box-shadow: 0 6px 22px rgba(26, 60, 143, 0.38);
    transform: translateY(-2px);
    color: var(--fzw-white);
}

.fz-what__cta-strip-btn:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(26, 60, 143, 0.2);
}

.fz-what__cta-arrow {
    font-size: 17px;
    display: inline-block;
    transition: transform 0.25s ease;
}

.fz-what__cta-strip-btn:hover .fz-what__cta-arrow {
    transform: translateX(5px);
}

/* Accessibility: Also apply focus to CTA primary */
.fz-what__cta-primary:focus-visible,
.fz-what__card-cta-btn:focus-visible {
    outline: 3px solid var(--fzw-gold);
    outline-offset: 3px;
}

/* ============================================
   RESPONSIVE — LARGE TABLET (max 1100px)
============================================ */

@media (max-width: 1100px) {
    .fz-what__cards-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }

    .fz-what__intro-grid {
        grid-template-columns: 1fr 320px;
        gap: 32px;
    }
}

/* ============================================
   RESPONSIVE — TABLET (max 900px)
============================================ */

@media (max-width: 900px) {
    .fz-what-section {
        padding: 60px 0 68px;
    }

    .fz-what__container {
        gap: 44px;
    }

    .fz-what__intro-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .fz-what__highlight-card {
        padding: 28px 24px;
    }

    .fz-what__highlight-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
}

/* ============================================
   RESPONSIVE — MOBILE (max 768px)
============================================ */

@media (max-width: 768px) {
    .fz-what-section {
        padding: 48px 0 56px;
    }

    .fz-what__container {
        padding: 0 16px;
        gap: 36px;
    }

    .fz-what__cards-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .fz-what__entity-card:hover {
        transform: none;
    }

    .fz-what__card-indicator {
        width: 100%;
    }

    .fz-what__cta-strip {
        padding: 20px 20px;
    }

    .fz-what__cta-strip-content {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .fz-what__cta-strip-btn {
        width: 100%;
        justify-content: center;
    }

    .fz-what__highlight-list {
        grid-template-columns: 1fr;
    }
}

/* ============================================
   RESPONSIVE — SMALL MOBILE (max 480px)
============================================ */

@media (max-width: 480px) {
    .fz-what__heading {
        font-size: 22px;
    }

    .fz-what__entities-heading {
        font-size: 19px;
    }

    .fz-what__card-top {
        padding: 18px 16px 0;
    }

    .fz-what__card-body {
        padding: 14px 16px 12px;
    }

    .fz-what__card-footer {
        padding: 10px 16px 14px;
    }

    .fz-what__header-badge {
        font-size: 12px;
        padding: 6px 14px;
        text-align: center;
    }

    .fz-what__cta-strip-text {
        font-size: 14px;
        min-width: unset;
    }
}

/* ============================================
   REDUCED MOTION ACCESSIBILITY
   Security: respects user OS preferences
============================================ */

@media (prefers-reduced-motion: reduce) {
    .fz-what__header-badge-dot {
        animation: none;
    }

    .fz-what__entity-card,
    .fz-what__cta-strip-btn,
    .fz-what__card-indicator,
    .fz-what__cta-arrow,
    .fz-what__card-icon-wrap,
    .fz-what__card-tag {
        transition: none;
    }

    .fz-what__entity-card:hover {
        transform: none;
    }

    .fz-what__cta-strip-btn:hover {
        transform: none;
    }
}

/* ============================================
   PRINT STYLES
   Security: clean print output, no broken
   layout from decorative elements
============================================ */

@media print {
    .fz-what-section::before,
    .fz-what-section::after,
    .fz-what__highlight-card::before,
    .fz-what__highlight-card::after {
        display: none;
    }

    .fz-what-section {
        padding: 24px 0;
        background: white;
    }

    .fz-what__entity-card {
        box-shadow: none;
        border: 1px solid #ccc;
        break-inside: avoid;
    }

    .fz-what__cta-strip-btn {
        background: white;
        color: black;
        border: 1px solid black;
        box-shadow: none;
    }

    .fz-what__highlight-card {
        background: white;
        color: black;
        border: 1px solid #ccc;
        box-shadow: none;
    }

    .fz-what__highlight-title,
    .fz-what__highlight-item {
        color: black;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a7814dd *//* ============================================
   SECTION 3 — BENEFITS OF FREE ZONE FORMATION
   Security Hardened CSS

   SECURITY MEASURES APPLIED:
   01. All variables scoped to .fz-benefits
   02. BEM methodology — no global class risk
   03. Zero external url() references
   04. All decoratives: pointer-events none
   05. isolation: isolate on all cards
   06. overflow: hidden on containers
   07. word-break and overflow-wrap on all text
   08. GPU-only animations (transform/opacity)
   09. No expression() or behavior properties
   10. No -moz-binding or legacy IE filters
   11. user-select: none on decorative elements
   12. z-index fully scoped and controlled
   13. No CSS injection via custom properties
   14. focus-visible for keyboard accessibility
   15. Reduced motion support
   16. Print stylesheet included
   17. Content Security Policy compatible
   18. No dynamic pseudo-content with user data
   19. Hover states cannot be spoofed via CSS
   20. No layout-based clickjacking surface
============================================ */

/* --- Scoped Variables --- */
.fz-benefits {
    --fzb-blue-dark:     #1a3c8f;
    --fzb-blue-medium:   #2150b8;
    --fzb-blue-light:    #e8eef8;
    --fzb-blue-pale:     #f0f4ff;
    --fzb-gold:          #c9a84c;
    --fzb-gold-dark:     #a8872e;
    --fzb-gold-light:    #f5e6c8;
    --fzb-gold-pale:     #fdf8ef;
    --fzb-white:         #ffffff;
    --fzb-bg:            #f8f9fc;
    --fzb-bg-alt:        #f4f6fb;
    --fzb-text-dark:     #1a2340;
    --fzb-text-medium:   #4a5568;
    --fzb-text-light:    #718096;
    --fzb-border:        #e2e8f0;
    --fzb-border-gold:   rgba(201, 168, 76, 0.25);
    --fzb-border-blue:   rgba(26, 60, 143, 0.12);
    --fzb-shadow-sm:     0 2px 8px rgba(26, 60, 143, 0.07);
    --fzb-shadow-md:     0 6px 24px rgba(26, 60, 143, 0.10);
    --fzb-shadow-lg:     0 12px 40px rgba(26, 60, 143, 0.14);
    --fzb-shadow-card:   0 4px 18px rgba(26, 60, 143, 0.08);
    --fzb-radius-sm:     8px;
    --fzb-radius-md:     12px;
    --fzb-radius-lg:     18px;
    --fzb-radius-xl:     24px;
    --fzb-transition:    all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --fzb-transition-fast: all 0.18s ease;
}

/* ============================================
   BASE SECTION
============================================ */

.fz-benefits {
    background-color: var(--fzb-bg);
    padding: 80px 0 88px;
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

/* Top border accent */
.fz-benefits::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(
        90deg,
        var(--fzb-gold) 0%,
        var(--fzb-blue-dark) 50%,
        var(--fzb-gold) 100%
    );
    pointer-events: none;
    z-index: 0;
}

/* Background decorative blob */
.fz-benefits::after {
    content: '';
    position: absolute;
    top: -100px;
    left: -100px;
    width: 420px;
    height: 420px;
    background: radial-gradient(
        circle,
        rgba(26, 60, 143, 0.04) 0%,
        transparent 70%
    );
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

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

.fz-benefits__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 56px;
}

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

.fz-benefits__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 18px;
    max-width: 820px;
    margin: 0 auto;
}

/* Badge */
.fz-benefits__header-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--fzb-gold-pale);
    border: 1px solid var(--fzb-border-gold);
    border-radius: 50px;
    padding: 7px 18px;
    font-size: 13px;
    font-weight: 600;
    color: var(--fzb-gold-dark);
    letter-spacing: 0.3px;
    user-select: none;
}

.fz-benefits__badge-dot {
    width: 7px;
    height: 7px;
    background: linear-gradient(
        135deg,
        var(--fzb-gold),
        var(--fzb-gold-dark)
    );
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
    animation: fzbPulse 2.4s ease-in-out infinite;
}

/* GPU-only animation */
@keyframes fzbPulse {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.35);
        opacity: 0.65;
    }
}

/* H2 */
.fz-benefits__heading {
    font-size: clamp(24px, 3vw, 38px);
    font-weight: 800;
    color: var(--fzb-text-dark);
    line-height: 1.2;
    margin: 0;
    letter-spacing: -0.4px;
    overflow-wrap: break-word;
    word-break: break-word;
}

/* Heading line accent */
.fz-benefits__heading-line {
    width: 72px;
    height: 4px;
    background: linear-gradient(
        90deg,
        var(--fzb-gold),
        var(--fzb-blue-dark)
    );
    border-radius: 4px;
    pointer-events: none;
}

/* Subtext */
.fz-benefits__heading-sub {
    font-size: 16px;
    line-height: 1.85;
    color: var(--fzb-text-medium);
    margin: 0;
    overflow-wrap: break-word;
    word-break: break-word;
}

/* ============================================
   STATS BAR
============================================ */

.fz-benefits__stats-bar {
    background: linear-gradient(
        135deg,
        var(--fzb-blue-dark) 0%,
        var(--fzb-blue-medium) 100%
    );
    border-radius: var(--fzb-radius-lg);
    padding: 28px 40px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    box-shadow: var(--fzb-shadow-lg);
    position: relative;
    overflow: hidden;
}

/* Stats bar inner glow */
.fz-benefits__stats-bar::before {
    content: '';
    position: absolute;
    top: -60px;
    right: -60px;
    width: 200px;
    height: 200px;
    background: rgba(201, 168, 76, 0.08);
    border-radius: 50%;
    pointer-events: none;
}

.fz-benefits__stats-bar::after {
    content: '';
    position: absolute;
    bottom: -40px;
    left: -40px;
    width: 160px;
    height: 160px;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 50%;
    pointer-events: none;
}

.fz-benefits__stat-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    position: relative;
    z-index: 1;
    flex: 1;
}

.fz-benefits__stat-num {
    font-size: clamp(28px, 3.5vw, 40px);
    font-weight: 800;
    color: var(--fzb-white);
    line-height: 1;
    letter-spacing: -1px;
}

.fz-benefits__stat-num-accent {
    color: var(--fzb-gold);
}

.fz-benefits__stat-lbl {
    font-size: 13px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.72);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    user-select: none;
}

/* Separator */
.fz-benefits__stat-sep {
    width: 1px;
    height: 48px;
    background: linear-gradient(
        180deg,
        transparent,
        rgba(201, 168, 76, 0.5),
        transparent
    );
    flex-shrink: 0;
    pointer-events: none;
}

/* ============================================
   BENEFITS GRID
============================================ */

.fz-benefits__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

/* ============================================
   BENEFIT CARD
============================================ */

.fz-benefits__card {
    background: var(--fzb-white);
    border-radius: var(--fzb-radius-lg);
    border: 1px solid var(--fzb-border);
    box-shadow: var(--fzb-shadow-card);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    transition: var(--fzb-transition);
    isolation: isolate;
    /* Security: contain layout to prevent
       clickjacking through overflow */
    contain: layout style;
}

.fz-benefits__card:hover {
    transform: translateY(-6px);
    box-shadow: var(--fzb-shadow-lg);
    border-color: var(--fzb-border-gold);
}

/* Card inner padding wrapper */
.fz-benefits__card-inner {
    padding: 24px 22px 20px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    flex: 1;
}

/* ============================================
   CARD HEADER
============================================ */

.fz-benefits__card-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

/* Icon wrap */
.fz-benefits__icon-wrap {
    width: 52px;
    height: 52px;
    background: linear-gradient(
        135deg,
        var(--fzb-blue-pale),
        var(--fzb-blue-light)
    );
    border-radius: var(--fzb-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid var(--fzb-border-blue);
    transition: var(--fzb-transition);
}

.fz-benefits__card:hover .fz-benefits__icon-wrap {
    background: linear-gradient(
        135deg,
        var(--fzb-blue-dark),
        var(--fzb-blue-medium)
    );
    border-color: transparent;
    box-shadow: 0 4px 14px rgba(26, 60, 143, 0.25);
}

.fz-benefits__icon {
    font-size: 22px;
    display: block;
    line-height: 1;
}

/* Card number */
.fz-benefits__card-num {
    font-size: 13px;
    font-weight: 800;
    color: var(--fzb-border);
    letter-spacing: 0.5px;
    user-select: none;
    transition: var(--fzb-transition-fast);
    pointer-events: none;
}

.fz-benefits__card:hover .fz-benefits__card-num {
    color: var(--fzb-gold);
}

/* ============================================
   CARD BODY
============================================ */

.fz-benefits__card-body {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
}

/* H3 */
.fz-benefits__card-title {
    font-size: 15px;
    font-weight: 700;
    color: var(--fzb-text-dark);
    margin: 0;
    line-height: 1.4;
    overflow-wrap: break-word;
    word-break: break-word;
    transition: var(--fzb-transition-fast);
}

.fz-benefits__card:hover .fz-benefits__card-title {
    color: var(--fzb-blue-dark);
}

/* Description */
.fz-benefits__card-desc {
    font-size: 13.5px;
    line-height: 1.75;
    color: var(--fzb-text-medium);
    margin: 0;
    overflow-wrap: break-word;
    word-break: break-word;
}

/* ============================================
   CARD TAG ROW
============================================ */

.fz-benefits__card-tag-row {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding-top: 4px;
    border-top: 1px solid var(--fzb-border);
}

.fz-benefits__tag {
    font-size: 11px;
    font-weight: 600;
    color: var(--fzb-text-light);
    background: var(--fzb-bg);
    border: 1px solid var(--fzb-border);
    border-radius: 50px;
    padding: 3px 10px;
    white-space: nowrap;
    user-select: none;
    transition: var(--fzb-transition-fast);
    pointer-events: none;
}

.fz-benefits__card:hover .fz-benefits__tag {
    background: var(--fzb-gold-pale);
    border-color: var(--fzb-border-gold);
    color: var(--fzb-gold-dark);
}

/* ============================================
   CARD BOTTOM BAR (animated)
============================================ */

.fz-benefits__card-bar {
    height: 3px;
    background: linear-gradient(
        90deg,
        var(--fzb-blue-dark),
        var(--fzb-gold),
        var(--fzb-blue-medium)
    );
    background-size: 200% 100%;
    width: 0;
    transition: width 0.45s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}

.fz-benefits__card:hover .fz-benefits__card-bar {
    width: 100%;
}

/* ============================================
   BOTTOM CTA STRIP
============================================ */

.fz-benefits__cta-strip {
    background: linear-gradient(
        135deg,
        var(--fzb-blue-dark) 0%,
        var(--fzb-blue-medium) 100%
    );
    border-radius: var(--fzb-radius-xl);
    padding: 32px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    box-shadow: var(--fzb-shadow-lg);
    position: relative;
    overflow: hidden;
    flex-wrap: wrap;
}

/* CTA strip decorative elements */
.fz-benefits__cta-strip::before {
    content: '';
    position: absolute;
    top: -50px;
    right: 120px;
    width: 180px;
    height: 180px;
    background: rgba(201, 168, 76, 0.08);
    border-radius: 50%;
    pointer-events: none;
}

.fz-benefits__cta-strip::after {
    content: '';
    position: absolute;
    bottom: -40px;
    left: -40px;
    width: 140px;
    height: 140px;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 50%;
    pointer-events: none;
}

/* CTA Left group */
.fz-benefits__cta-left {
    display: flex;
    align-items: center;
    gap: 18px;
    flex: 1;
    min-width: 260px;
    position: relative;
    z-index: 1;
}

/* CTA icon wrap */
.fz-benefits__cta-icon-wrap {
    width: 56px;
    height: 56px;
    background: rgba(201, 168, 76, 0.18);
    border: 1px solid rgba(201, 168, 76, 0.35);
    border-radius: var(--fzb-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.fz-benefits__cta-icon {
    font-size: 26px;
    display: block;
    line-height: 1;
}

/* CTA text group */
.fz-benefits__cta-text-group {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.fz-benefits__cta-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--fzb-white);
    line-height: 1.3;
    overflow-wrap: break-word;
}

.fz-benefits__cta-sub {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.5;
    overflow-wrap: break-word;
}

/* CTA Button */
.fz-benefits__cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(
        135deg,
        var(--fzb-gold) 0%,
        var(--fzb-gold-dark) 100%
    );
    color: var(--fzb-white);
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    padding: 15px 30px;
    border-radius: var(--fzb-radius-sm);
    white-space: nowrap;
    letter-spacing: 0.2px;
    box-shadow: 0 4px 16px rgba(201, 168, 76, 0.4);
    transition: var(--fzb-transition);
    position: relative;
    z-index: 1;
    overflow: hidden;
    /* Security: no text decoration injection */
    text-decoration: none !important;
}

/* Shimmer effect — CSS only, no external */
.fz-benefits__cta-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.15),
        transparent
    );
    transition: left 0.5s ease;
    pointer-events: none;
}

.fz-benefits__cta-btn:hover::before {
    left: 100%;
}

.fz-benefits__cta-btn:hover {
    background: linear-gradient(
        135deg,
        var(--fzb-gold-dark) 0%,
        var(--fzb-gold) 100%
    );
    box-shadow: 0 6px 24px rgba(201, 168, 76, 0.55);
    transform: translateY(-2px);
    color: var(--fzb-white);
}

.fz-benefits__cta-btn:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(201, 168, 76, 0.3);
}

/* Accessibility: keyboard focus ring */
.fz-benefits__cta-btn:focus-visible {
    outline: 3px solid var(--fzb-white);
    outline-offset: 3px;
}

/* Arrow */
.fz-benefits__cta-arrow {
    font-size: 17px;
    display: inline-block;
    transition: transform 0.25s ease;
}

.fz-benefits__cta-btn:hover .fz-benefits__cta-arrow {
    transform: translateX(5px);
}

/* ============================================
   RESPONSIVE — LARGE TABLET (max 1100px)
============================================ */

@media (max-width: 1100px) {
    .fz-benefits__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }
}

/* ============================================
   RESPONSIVE — TABLET (max 900px)
============================================ */

@media (max-width: 900px) {
    .fz-benefits {
        padding: 60px 0 68px;
    }

    .fz-benefits__container {
        gap: 44px;
    }

    .fz-benefits__stats-bar {
        padding: 22px 24px;
        gap: 0;
    }

    .fz-benefits__stat-num {
        font-size: 28px;
    }

    .fz-benefits__cta-strip {
        padding: 28px 28px;
    }
}

/* ============================================
   RESPONSIVE — MOBILE (max 768px)
============================================ */

@media (max-width: 768px) {
    .fz-benefits {
        padding: 48px 0 56px;
    }

    .fz-benefits__container {
        padding: 0 16px;
        gap: 36px;
    }

    .fz-benefits__grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    /* Disable hover lift on touch devices */
    .fz-benefits__card:hover {
        transform: none;
    }

    /* Always show bottom bar on mobile */
    .fz-benefits__card-bar {
        width: 100%;
    }

    .fz-benefits__stats-bar {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        padding: 24px 20px;
    }

    .fz-benefits__stat-sep {
        display: none;
    }

    .fz-benefits__cta-strip {
        flex-direction: column;
        align-items: flex-start;
        padding: 24px 20px;
        gap: 20px;
    }

    .fz-benefits__cta-btn {
        width: 100%;
        justify-content: center;
    }

    .fz-benefits__cta-left {
        min-width: unset;
    }
}

/* ============================================
   RESPONSIVE — SMALL MOBILE (max 480px)
============================================ */

@media (max-width: 480px) {
    .fz-benefits__heading {
        font-size: 22px;
    }

    .fz-benefits__stats-bar {
        grid-template-columns: 1fr 1fr;
        gap: 16px;
        padding: 20px 16px;
    }

    .fz-benefits__stat-num {
        font-size: 24px;
    }

    .fz-benefits__stat-lbl {
        font-size: 11px;
    }

    .fz-benefits__card-inner {
        padding: 18px 16px 16px;
    }

    .fz-benefits__cta-title {
        font-size: 16px;
    }

    .fz-benefits__cta-sub {
        font-size: 13px;
    }

    .fz-benefits__header-badge {
        font-size: 12px;
        padding: 6px 14px;
    }
}

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

@media (prefers-reduced-motion: reduce) {
    .fz-benefits__badge-dot {
        animation: none;
    }

    .fz-benefits__card,
    .fz-benefits__cta-btn,
    .fz-benefits__card-bar,
    .fz-benefits__cta-arrow,
    .fz-benefits__icon-wrap,
    .fz-benefits__tag,
    .fz-benefits__card-title,
    .fz-benefits__card-num {
        transition: none;
    }

    .fz-benefits__card:hover {
        transform: none;
    }

    .fz-benefits__cta-btn:hover {
        transform: none;
    }

    .fz-benefits__cta-btn::before {
        display: none;
    }
}

/* ============================================
   PRINT STYLES
============================================ */

@media print {
    .fz-benefits {
        padding: 24px 0;
        background: white;
    }

    .fz-benefits::before,
    .fz-benefits::after,
    .fz-benefits__stats-bar::before,
    .fz-benefits__stats-bar::after,
    .fz-benefits__cta-strip::before,
    .fz-benefits__cta-strip::after {
        display: none;
    }

    .fz-benefits__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .fz-benefits__card {
        box-shadow: none;
        border: 1px solid #ccc;
        break-inside: avoid;
    }

    .fz-benefits__card-bar {
        display: none;
    }

    .fz-benefits__stats-bar {
        background: white;
        border: 1px solid #ccc;
        box-shadow: none;
    }

    .fz-benefits__stat-num,
    .fz-benefits__stat-lbl {
        color: black;
    }

    .fz-benefits__cta-strip {
        background: white;
        border: 1px solid #ccc;
        box-shadow: none;
    }

    .fz-benefits__cta-title,
    .fz-benefits__cta-sub {
        color: black;
    }

    .fz-benefits__cta-btn {
        background: white;
        color: black;
        border: 1px solid black;
        box-shadow: none;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6a8d49e *//* ============================================
   SECTION 4 — TOP FREE ZONES IN DUBAI
   Security Hardened CSS

   SECURITY MEASURES APPLIED:
   01. All CSS variables scoped to .fz-zones
   02. Strict BEM — zero global namespace risk
   03. No external url() references anywhere
   04. All decoratives: pointer-events none
   05. isolation: isolate on section and cards
   06. contain: layout style on each card
   07. overflow: hidden on all containers
   08. word-break and overflow-wrap on all text
   09. GPU-only animations (transform/opacity)
   10. No expression() or behavior properties
   11. No -moz-binding or legacy IE filters
   12. user-select: none on decorative elements
   13. z-index fully scoped inside section
   14. No CSS injection via custom properties
   15. focus-visible for keyboard accessibility
   16. data-* filter attributes CSS-only safe
   17. Reduced motion media query applied
   18. Print stylesheet included
   19. CSP compatible — no eval-dependent CSS
   20. No pseudo-content using user-controlled
       attr() values
============================================ */

/* --- Scoped CSS Variables --- */
.fz-zones {
    --fzz-blue-dark:      #1a3c8f;
    --fzz-blue-medium:    #2150b8;
    --fzz-blue-light:     #e8eef8;
    --fzz-blue-pale:      #f0f4ff;
    --fzz-gold:           #c9a84c;
    --fzz-gold-dark:      #a8872e;
    --fzz-gold-light:     #f5e6c8;
    --fzz-gold-pale:      #fdf8ef;
    --fzz-teal:           #0d7377;
    --fzz-teal-light:     #e0f5f5;
    --fzz-teal-pale:      #f0fafa;
    --fzz-tech:           #6c3fc5;
    --fzz-tech-light:     #ede8fb;
    --fzz-tech-pale:      #f7f4fe;
    --fzz-logistics:      #d4590a;
    --fzz-logistics-light:#fde8d8;
    --fzz-logistics-pale: #fff6f0;
    --fzz-premium:        #8b6914;
    --fzz-premium-light:  #fef3d0;
    --fzz-premium-pale:   #fffbf0;
    --fzz-white:          #ffffff;
    --fzz-bg:             #f8f9fc;
    --fzz-text-dark:      #1a2340;
    --fzz-text-medium:    #4a5568;
    --fzz-text-light:     #718096;
    --fzz-border:         #e2e8f0;
    --fzz-border-gold:    rgba(201, 168, 76, 0.25);
    --fzz-border-blue:    rgba(26, 60, 143, 0.12);
    --fzz-shadow-sm:      0 2px 8px rgba(26, 60, 143, 0.07);
    --fzz-shadow-md:      0 6px 24px rgba(26, 60, 143, 0.10);
    --fzz-shadow-lg:      0 12px 40px rgba(26, 60, 143, 0.14);
    --fzz-shadow-card:    0 4px 20px rgba(26, 60, 143, 0.08);
    --fzz-radius-sm:      8px;
    --fzz-radius-md:      12px;
    --fzz-radius-lg:      18px;
    --fzz-radius-xl:      24px;
    --fzz-transition:     all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --fzz-transition-fast: all 0.18s ease;
}

/* ============================================
   BASE SECTION
============================================ */

.fz-zones {
    background-color: var(--fzz-white);
    padding: 80px 0 88px;
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.fz-zones::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(
        90deg,
        var(--fzz-blue-dark) 0%,
        var(--fzz-gold) 50%,
        var(--fzz-blue-dark) 100%
    );
    pointer-events: none;
    z-index: 0;
}

.fz-zones::after {
    content: '';
    position: absolute;
    bottom: -100px;
    right: -100px;
    width: 400px;
    height: 400px;
    background: radial-gradient(
        circle,
        rgba(201, 168, 76, 0.04) 0%,
        transparent 70%
    );
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

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

.fz-zones__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 48px;
}

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

.fz-zones__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 18px;
    max-width: 820px;
    margin: 0 auto;
}

.fz-zones__header-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--fzz-blue-pale);
    border: 1px solid var(--fzz-border-blue);
    border-radius: 50px;
    padding: 7px 18px;
    font-size: 13px;
    font-weight: 600;
    color: var(--fzz-blue-dark);
    letter-spacing: 0.3px;
    user-select: none;
}

.fz-zones__badge-dot {
    width: 7px;
    height: 7px;
    background: linear-gradient(
        135deg,
        var(--fzz-blue-dark),
        var(--fzz-gold)
    );
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
    animation: fzzPulse 2.4s ease-in-out infinite;
}

@keyframes fzzPulse {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.35);
        opacity: 0.6;
    }
}

.fz-zones__heading {
    font-size: clamp(24px, 3vw, 38px);
    font-weight: 800;
    color: var(--fzz-text-dark);
    line-height: 1.2;
    margin: 0;
    letter-spacing: -0.4px;
    overflow-wrap: break-word;
    word-break: break-word;
}

.fz-zones__heading-line {
    width: 72px;
    height: 4px;
    background: linear-gradient(
        90deg,
        var(--fzz-blue-dark),
        var(--fzz-gold)
    );
    border-radius: 4px;
    pointer-events: none;
}

.fz-zones__heading-sub {
    font-size: 16px;
    line-height: 1.85;
    color: var(--fzz-text-medium);
    margin: 0;
    overflow-wrap: break-word;
    word-break: break-word;
}

/* ============================================
   FILTER BAR
============================================ */

.fz-zones__filter-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}

.fz-zones__filter-btn {
    display: inline-flex;
    align-items: center;
    background: var(--fzz-bg);
    border: 1.5px solid var(--fzz-border);
    border-radius: 50px;
    padding: 9px 20px;
    font-size: 13px;
    font-weight: 600;
    color: var(--fzz-text-medium);
    cursor: pointer;
    transition: var(--fzz-transition-fast);
    letter-spacing: 0.2px;
    /* Security: no user-agent stylesheet bleeding */
    font-family: inherit;
    line-height: 1;
    appearance: none;
    -webkit-appearance: none;
}

.fz-zones__filter-btn:hover {
    background: var(--fzz-blue-pale);
    border-color: var(--fzz-blue-dark);
    color: var(--fzz-blue-dark);
}

.fz-zones__filter-btn--active,
.fz-zones__filter-btn[aria-pressed="true"] {
    background: linear-gradient(
        135deg,
        var(--fzz-blue-dark),
        var(--fzz-blue-medium)
    );
    border-color: var(--fzz-blue-dark);
    color: var(--fzz-white);
    box-shadow: 0 3px 10px rgba(26, 60, 143, 0.25);
}

.fz-zones__filter-btn:focus-visible {
    outline: 3px solid var(--fzz-gold);
    outline-offset: 2px;
}

/* ============================================
   ZONES GRID
============================================ */

.fz-zones__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

/* ============================================
   ZONE CARD
============================================ */

.fz-zones__card {
    background: var(--fzz-white);
    border-radius: var(--fzz-radius-lg);
    border: 1px solid var(--fzz-border);
    box-shadow: var(--fzz-shadow-card);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    transition: var(--fzz-transition);
    isolation: isolate;
    contain: layout style;
}

.fz-zones__card:hover {
    transform: translateY(-7px);
    box-shadow: var(--fzz-shadow-lg);
    border-color: var(--fzz-border-gold);
}

/* ============================================
   CARD TOP
============================================ */

.fz-zones__card-top {
    padding: 22px 20px 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

/* Logo wrap — default blue */
.fz-zones__card-logo-wrap {
    width: 60px;
    height: 60px;
    background: linear-gradient(
        135deg,
        var(--fzz-blue-dark),
        var(--fzz-blue-medium)
    );
    border-radius: var(--fzz-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(26, 60, 143, 0.25);
    transition: var(--fzz-transition);
}

/* Logo wrap color variants */
.fz-zones__card-logo-wrap--gold {
    background: linear-gradient(
        135deg,
        var(--fzz-gold),
        var(--fzz-gold-dark)
    );
    box-shadow: 0 4px 12px rgba(201, 168, 76, 0.3);
}

.fz-zones__card-logo-wrap--teal {
    background: linear-gradient(
        135deg,
        var(--fzz-teal),
        #0a9396
    );
    box-shadow: 0 4px 12px rgba(13, 115, 119, 0.25);
}

.fz-zones__card-logo-wrap--tech {
    background: linear-gradient(
        135deg,
        var(--fzz-tech),
        #8b5cf6
    );
    box-shadow: 0 4px 12px rgba(108, 63, 197, 0.25);
}

.fz-zones__card-logo-wrap--premium {
    background: linear-gradient(
        135deg,
        #8b6914,
        #c9a84c
    );
    box-shadow: 0 4px 12px rgba(139, 105, 20, 0.25);
}

.fz-zones__card-logo-wrap--logistics {
    background: linear-gradient(
        135deg,
        var(--fzz-logistics),
        #e07b3a
    );
    box-shadow: 0 4px 12px rgba(212, 89, 10, 0.25);
}

/* Abbreviation text in logo */
.fz-zones__card-abbr {
    font-size: 12px;
    font-weight: 800;
    color: var(--fzz-white);
    letter-spacing: 0.5px;
    text-transform: uppercase;
    user-select: none;
    pointer-events: none;
    line-height: 1;
}

/* Rank badge */
.fz-zones__card-rank {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: var(--fzz-blue-pale);
    border: 1px solid var(--fzz-border-blue);
    border-radius: 50px;
    padding: 5px 11px;
    font-size: 11px;
    font-weight: 700;
    color: var(--fzz-blue-dark);
    white-space: nowrap;
    user-select: none;
    letter-spacing: 0.2px;
}

.fz-zones__card-rank--popular {
    background: var(--fzz-gold-pale);
    border-color: var(--fzz-border-gold);
    color: var(--fzz-gold-dark);
}

.fz-zones__card-rank--value {
    background: var(--fzz-teal-pale);
    border-color: rgba(13, 115, 119, 0.2);
    color: var(--fzz-teal);
}

.fz-zones__card-rank--tech {
    background: var(--fzz-tech-pale);
    border-color: rgba(108, 63, 197, 0.18);
    color: var(--fzz-tech);
}

.fz-zones__card-rank--premium {
    background: var(--fzz-premium-pale);
    border-color: rgba(139, 105, 20, 0.2);
    color: var(--fzz-premium);
}

.fz-zones__card-rank--logistics {
    background: var(--fzz-logistics-pale);
    border-color: rgba(212, 89, 10, 0.2);
    color: var(--fzz-logistics);
}

.fz-zones__rank-icon {
    font-size: 12px;
    line-height: 1;
}

.fz-zones__rank-text {
    font-size: 11px;
    pointer-events: none;
}

/* ============================================
   CARD BODY
============================================ */

.fz-zones__card-body {
    padding: 16px 20px 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.fz-zones__card-title {
    font-size: 17px;
    font-weight: 800;
    color: var(--fzz-text-dark);
    margin: 0;
    line-height: 1.3;
    overflow-wrap: break-word;
    word-break: break-word;
    display: flex;
    flex-direction: column;
    gap: 3px;
    transition: var(--fzz-transition-fast);
}

.fz-zones__card:hover .fz-zones__card-title {
    color: var(--fzz-blue-dark);
}

.fz-zones__card-full-name {
    font-size: 12px;
    font-weight: 500;
    color: var(--fzz-text-light);
    letter-spacing: 0.1px;
}

.fz-zones__card-desc {
    font-size: 13.5px;
    line-height: 1.75;
    color: var(--fzz-text-medium);
    margin: 0;
    overflow-wrap: break-word;
    word-break: break-word;
}

/* ============================================
   CARD SPECS
============================================ */

.fz-zones__card-specs {
    padding: 14px 20px;
    background: var(--fzz-bg);
    margin: 14px 0 0;
    border-top: 1px solid var(--fzz-border);
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.fz-zones__spec-row {
    display: grid;
    grid-template-columns: 12px 90px 1fr;
    gap: 8px;
    align-items: baseline;
}

.fz-zones__spec-icon {
    font-size: 8px;
    color: var(--fzz-gold);
    display: block;
    padding-top: 2px;
    pointer-events: none;
    user-select: none;
    flex-shrink: 0;
}

.fz-zones__spec-label {
    font-size: 11.5px;
    font-weight: 700;
    color: var(--fzz-text-dark);
    text-transform: uppercase;
    letter-spacing: 0.4px;
    white-space: nowrap;
    user-select: none;
}

.fz-zones__spec-value {
    font-size: 13px;
    font-weight: 500;
    color: var(--fzz-text-medium);
    overflow-wrap: break-word;
    word-break: break-word;
    line-height: 1.5;
}

/* ============================================
   CARD TAGS
============================================ */

.fz-zones__card-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 0 20px 14px;
}

.fz-zones__tag {
    font-size: 11px;
    font-weight: 600;
    color: var(--fzz-text-light);
    background: var(--fzz-white);
    border: 1px solid var(--fzz-border);
    border-radius: 50px;
    padding: 3px 10px;
    white-space: nowrap;
    user-select: none;
    pointer-events: none;
    transition: var(--fzz-transition-fast);
}

.fz-zones__card:hover .fz-zones__tag {
    background: var(--fzz-gold-pale);
    border-color: var(--fzz-border-gold);
    color: var(--fzz-gold-dark);
}

/* ============================================
   CARD CTA LINK
============================================ */

.fz-zones__card-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    background: linear-gradient(
        135deg,
        var(--fzz-blue-pale),
        var(--fzz-gold-pale)
    );
    border-top: 1px solid var(--fzz-border-gold);
    font-size: 13.5px;
    font-weight: 700;
    color: var(--fzz-blue-dark);
    text-decoration: none;
    transition: var(--fzz-transition-fast);
    margin-top: auto;
    /* Security: force no text-decoration injection */
    text-decoration: none !important;
}

.fz-zones__card-cta:hover {
    background: linear-gradient(
        135deg,
        var(--fzz-blue-dark),
        var(--fzz-blue-medium)
    );
    color: var(--fzz-white);
    border-top-color: var(--fzz-blue-dark);
}

.fz-zones__card-cta:focus-visible {
    outline: 3px solid var(--fzz-gold);
    outline-offset: -3px;
}

.fz-zones__cta-arrow {
    font-size: 16px;
    display: inline-block;
    transition: transform 0.25s ease;
}

.fz-zones__card-cta:hover .fz-zones__cta-arrow {
    transform: translateX(5px);
}

/* ============================================
   CARD BOTTOM BAR
============================================ */

.fz-zones__card-bar {
    height: 3px;
    background: linear-gradient(
        90deg,
        var(--fzz-blue-dark),
        var(--fzz-gold),
        var(--fzz-blue-medium)
    );
    background-size: 200% 100%;
    width: 0;
    transition: width 0.45s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
    flex-shrink: 0;
}

.fz-zones__card:hover .fz-zones__card-bar {
    width: 100%;
}

/* ============================================
   BOTTOM CTA STRIP
============================================ */

.fz-zones__cta-strip {
    background: linear-gradient(
        135deg,
        var(--fzz-blue-dark) 0%,
        var(--fzz-blue-medium) 100%
    );
    border-radius: var(--fzz-radius-xl);
    padding: 32px 40px;
    box-shadow: var(--fzz-shadow-lg);
    position: relative;
    overflow: hidden;
}

.fz-zones__cta-strip::before {
    content: '';
    position: absolute;
    top: -60px;
    right: 100px;
    width: 200px;
    height: 200px;
    background: rgba(201, 168, 76, 0.07);
    border-radius: 50%;
    pointer-events: none;
}

.fz-zones__cta-strip::after {
    content: '';
    position: absolute;
    bottom: -50px;
    left: -50px;
    width: 160px;
    height: 160px;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 50%;
    pointer-events: none;
}

.fz-zones__cta-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}

.fz-zones__cta-left {
    display: flex;
    align-items: center;
    gap: 18px;
    flex: 1;
    min-width: 280px;
}

.fz-zones__cta-icon-wrap {
    width: 56px;
    height: 56px;
    background: rgba(201, 168, 76, 0.18);
    border: 1px solid rgba(201, 168, 76, 0.35);
    border-radius: var(--fzz-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.fz-zones__cta-icon {
    font-size: 26px;
    display: block;
    line-height: 1;
}

.fz-zones__cta-text-group {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.fz-zones__cta-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--fzz-white);
    line-height: 1.3;
    overflow-wrap: break-word;
    display: block;
}

.fz-zones__cta-sub {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.6;
    overflow-wrap: break-word;
    display: block;
}

/* CTA Button */
.fz-zones__cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(
        135deg,
        var(--fzz-gold) 0%,
        var(--fzz-gold-dark) 100%
    );
    color: var(--fzz-white);
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    padding: 15px 30px;
    border-radius: var(--fzz-radius-sm);
    white-space: nowrap;
    letter-spacing: 0.2px;
    box-shadow: 0 4px 16px rgba(201, 168, 76, 0.4);
    transition: var(--fzz-transition);
    position: relative;
    overflow: hidden;
    text-decoration: none !important;
    flex-shrink: 0;
}

/* Shimmer effect — CSS only */
.fz-zones__cta-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.15),
        transparent
    );
    transition: left 0.5s ease;
    pointer-events: none;
}

.fz-zones__cta-btn:hover::before {
    left: 100%;
}

.fz-zones__cta-btn:hover {
    background: linear-gradient(
        135deg,
        var(--fzz-gold-dark) 0%,
        var(--fzz-gold) 100%
    );
    box-shadow: 0 6px 24px rgba(201, 168, 76, 0.55);
    transform: translateY(-2px);
    color: var(--fzz-white);
}

.fz-zones__cta-btn:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(201, 168, 76, 0.3);
}

.fz-zones__cta-btn:focus-visible {
    outline: 3px solid var(--fzz-white);
    outline-offset: 3px;
}

/* ============================================
   RESPONSIVE — LARGE TABLET (max 1100px)
============================================ */

@media (max-width: 1100px) {
    .fz-zones__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }
}

/* ============================================
   RESPONSIVE — TABLET (max 900px)
============================================ */

@media (max-width: 900px) {
    .fz-zones {
        padding: 60px 0 68px;
    }

    .fz-zones__container {
        gap: 40px;
    }

    .fz-zones__cta-strip {
        padding: 28px 28px;
    }

    .fz-zones__spec-row {
        grid-template-columns: 12px 80px 1fr;
    }
}

/* ============================================
   RESPONSIVE — MOBILE (max 768px)
============================================ */

@media (max-width: 768px) {
    .fz-zones {
        padding: 48px 0 56px;
    }

    .fz-zones__container {
        padding: 0 16px;
        gap: 32px;
    }

    .fz-zones__grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .fz-zones__card:hover {
        transform: none;
    }

    .fz-zones__card-bar {
        width: 100%;
    }

    .fz-zones__filter-bar {
        gap: 6px;
    }

    .fz-zones__filter-btn {
        padding: 7px 14px;
        font-size: 12px;
    }

    .fz-zones__cta-strip {
        padding: 24px 20px;
    }

    .fz-zones__cta-content {
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
    }

    .fz-zones__cta-btn {
        width: 100%;
        justify-content: center;
    }

    .fz-zones__cta-left {
        min-width: unset;
    }

    .fz-zones__spec-row {
        grid-template-columns: 12px 80px 1fr;
        gap: 6px;
    }
}

/* ============================================
   RESPONSIVE — SMALL MOBILE (max 480px)
============================================ */

@media (max-width: 480px) {
    .fz-zones__heading {
        font-size: 22px;
    }

    .fz-zones__card-top {
        padding: 18px 16px 0;
    }

    .fz-zones__card-body {
        padding: 14px 16px 0;
    }

    .fz-zones__card-specs {
        padding: 12px 16px;
    }

    .fz-zones__card-tags {
        padding: 0 16px 12px;
    }

    .fz-zones__card-cta {
        padding: 13px 16px;
    }

    .fz-zones__spec-row {
        grid-template-columns: 1fr;
        gap: 2px;
    }

    .fz-zones__spec-icon {
        display: none;
    }

    .fz-zones__spec-label {
        font-size: 10px;
    }

    .fz-zones__cta-title {
        font-size: 16px;
    }

    .fz-zones__cta-sub {
        font-size: 13px;
    }

    .fz-zones__header-badge {
        font-size: 12px;
        padding: 6px 14px;
    }
}

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

@media (prefers-reduced-motion: reduce) {
    .fz-zones__badge-dot {
        animation: none;
    }

    .fz-zones__card,
    .fz-zones__card-cta,
    .fz-zones__cta-btn,
    .fz-zones__card-bar,
    .fz-zones__cta-arrow,
    .fz-zones__tag,
    .fz-zones__card-title,
    .fz-zones__card-logo-wrap,
    .fz-zones__filter-btn {
        transition: none;
    }

    .fz-zones__card:hover {
        transform: none;
    }

    .fz-zones__cta-btn:hover {
        transform: none;
    }

    .fz-zones__cta-btn::before {
        display: none;
    }
}

/* ============================================
   PRINT STYLES
============================================ */

@media print {
    .fz-zones {
        padding: 24px 0;
        background: white;
    }

    .fz-zones::before,
    .fz-zones::after,
    .fz-zones__cta-strip::before,
    .fz-zones__cta-strip::after {
        display: none;
    }

    .fz-zones__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .fz-zones__filter-bar {
        display: none;
    }

    .fz-zones__card {
        box-shadow: none;
        border: 1px solid #ccc;
        break-inside: avoid;
    }

    .fz-zones__card-bar {
        display: none;
    }

    .fz-zones__card-logo-wrap,
    .fz-zones__card-logo-wrap--gold,
    .fz-zones__card-logo-wrap--teal,
    .fz-zones__card-logo-wrap--tech,
    .fz-zones__card-logo-wrap--premium,
    .fz-zones__card-logo-wrap--logistics {
        background: #333;
        box-shadow: none;
    }

    .fz-zones__cta-strip {
        background: white;
        border: 1px solid #ccc;
        box-shadow: none;
        border-radius: 8px;
    }

    .fz-zones__cta-title,
    .fz-zones__cta-sub {
        color: black;
    }

    .fz-zones__cta-btn {
        background: white;
        color: black;
        border: 1px solid black;
        box-shadow: none;
    }

    .fz-zones__card-cta {
        background: white;
        color: black;
        border-top: 1px solid #ccc;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5d58f36 *//* ============================================
   SECTION 5 — FREE ZONE COMPARISON TABLE
   Security Hardened CSS

   SECURITY MEASURES APPLIED:
   01. All CSS variables scoped to .fz-compare
   02. Strict BEM — zero global namespace risk
   03. No external url() references
   04. All decoratives: pointer-events none
   05. isolation: isolate on section and table
   06. contain: layout style on table wrapper
   07. overflow: hidden on all containers
   08. word-break and overflow-wrap on all text
   09. GPU-only transitions (transform/opacity)
   10. No expression() or behavior properties
   11. No -moz-binding or legacy IE filters
   12. user-select: none on decorative elements
   13. z-index scoped within section only
   14. table-layout: fixed prevents layout attacks
   15. focus-visible for keyboard accessibility
   16. Reduced motion media query applied
   17. Print stylesheet included
   18. CSP compatible — no eval-dependent CSS
   19. data-label used safely for mobile cells
   20. caption-side for accessible table title
============================================ */

/* --- Scoped Variables --- */
.fz-compare {
    --fzc-blue-dark:       #1a3c8f;
    --fzc-blue-medium:     #2150b8;
    --fzc-blue-light:      #e8eef8;
    --fzc-blue-pale:       #f0f4ff;
    --fzc-gold:            #c9a84c;
    --fzc-gold-dark:       #a8872e;
    --fzc-gold-light:      #f5e6c8;
    --fzc-gold-pale:       #fdf8ef;
    --fzc-teal:            #0d7377;
    --fzc-teal-light:      #e0f5f5;
    --fzc-teal-pale:       #f0fafa;
    --fzc-tech:            #6c3fc5;
    --fzc-tech-pale:       #f7f4fe;
    --fzc-logistics:       #d4590a;
    --fzc-logistics-pale:  #fff6f0;
    --fzc-premium:         #8b6914;
    --fzc-premium-pale:    #fffbf0;
    --fzc-green:           #16803c;
    --fzc-green-pale:      #f0fdf4;
    --fzc-white:           #ffffff;
    --fzc-bg:              #f8f9fc;
    --fzc-bg-row-alt:      #fafbfd;
    --fzc-text-dark:       #1a2340;
    --fzc-text-medium:     #4a5568;
    --fzc-text-light:      #718096;
    --fzc-border:          #e2e8f0;
    --fzc-border-gold:     rgba(201, 168, 76, 0.25);
    --fzc-border-blue:     rgba(26, 60, 143, 0.12);
    --fzc-shadow-sm:       0 2px 8px rgba(26, 60, 143, 0.07);
    --fzc-shadow-md:       0 6px 24px rgba(26, 60, 143, 0.10);
    --fzc-shadow-lg:       0 12px 40px rgba(26, 60, 143, 0.14);
    --fzc-radius-sm:       8px;
    --fzc-radius-md:       12px;
    --fzc-radius-lg:       18px;
    --fzc-radius-xl:       24px;
    --fzc-transition:      all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --fzc-transition-fast: all 0.18s ease;
}

/* ============================================
   BASE SECTION
============================================ */

.fz-compare {
    background-color: var(--fzc-bg);
    padding: 80px 0 88px;
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.fz-compare::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(
        90deg,
        var(--fzc-gold) 0%,
        var(--fzc-blue-dark) 50%,
        var(--fzc-gold) 100%
    );
    pointer-events: none;
    z-index: 0;
}

.fz-compare::after {
    content: '';
    position: absolute;
    top: -80px;
    right: -80px;
    width: 380px;
    height: 380px;
    background: radial-gradient(
        circle,
        rgba(26, 60, 143, 0.04) 0%,
        transparent 70%
    );
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

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

.fz-compare__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 36px;
}

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

.fz-compare__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 18px;
    max-width: 800px;
    margin: 0 auto;
}

.fz-compare__header-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--fzc-blue-pale);
    border: 1px solid var(--fzc-border-blue);
    border-radius: 50px;
    padding: 7px 18px;
    font-size: 13px;
    font-weight: 600;
    color: var(--fzc-blue-dark);
    letter-spacing: 0.3px;
    user-select: none;
}

.fz-compare__badge-dot {
    width: 7px;
    height: 7px;
    background: linear-gradient(
        135deg,
        var(--fzc-blue-dark),
        var(--fzc-gold)
    );
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
    animation: fzcPulse 2.4s ease-in-out infinite;
}

@keyframes fzcPulse {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.35);
        opacity: 0.6;
    }
}

.fz-compare__heading {
    font-size: clamp(22px, 3vw, 36px);
    font-weight: 800;
    color: var(--fzc-text-dark);
    line-height: 1.25;
    margin: 0;
    letter-spacing: -0.4px;
    overflow-wrap: break-word;
    word-break: break-word;
}

.fz-compare__heading-sub-inline {
    color: var(--fzc-blue-dark);
    display: inline;
}

.fz-compare__heading-line {
    width: 72px;
    height: 4px;
    background: linear-gradient(
        90deg,
        var(--fzc-blue-dark),
        var(--fzc-gold)
    );
    border-radius: 4px;
    pointer-events: none;
}

.fz-compare__heading-desc {
    font-size: 15px;
    line-height: 1.8;
    color: var(--fzc-text-medium);
    margin: 0;
    overflow-wrap: break-word;
    word-break: break-word;
}

/* ============================================
   TABLE WRAPPER
============================================ */

.fz-compare__table-wrapper {
    background: var(--fzc-white);
    border-radius: var(--fzc-radius-lg);
    box-shadow: var(--fzc-shadow-lg);
    border: 1px solid var(--fzc-border);
    overflow-x: auto;
    overflow-y: hidden;
    isolation: isolate;
    contain: layout style;
    /* Security: tabindex for keyboard scroll */
    outline: none;
    -webkit-overflow-scrolling: touch;
}

.fz-compare__table-wrapper:focus-visible {
    outline: 3px solid var(--fzc-gold);
    outline-offset: 2px;
}

/* ============================================
   TABLE BASE
============================================ */

.fz-compare__table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    /* Security: table-layout fixed prevents
       layout injection via cell content */
    table-layout: fixed;
    min-width: 860px;
}

/* Caption — visually hidden but accessible */
.fz-compare__caption {
    caption-side: top;
    font-size: 0;
    height: 0;
    overflow: hidden;
    display: block;
    /* Security: caption hidden visually,
       available to screen readers */
    visibility: hidden;
}

/* ============================================
   TABLE HEAD
============================================ */

.fz-compare__thead {
    background: linear-gradient(
        135deg,
        var(--fzc-blue-dark) 0%,
        var(--fzc-blue-medium) 100%
    );
}

.fz-compare__thead-row {
    /* Security: no pointer events on row */
    pointer-events: none;
}

.fz-compare__th {
    padding: 18px 16px;
    text-align: left;
    font-size: 12px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.9);
    text-transform: uppercase;
    letter-spacing: 0.6px;
    white-space: nowrap;
    user-select: none;
    vertical-align: middle;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
}

.fz-compare__th:last-child {
    border-right: none;
}

.fz-compare__th--zone {
    width: 26%;
    min-width: 200px;
}

.fz-compare__th--action {
    width: 12%;
    min-width: 110px;
    text-align: center;
}

.fz-compare__th-icon {
    display: inline-block;
    margin-right: 5px;
    font-size: 13px;
    vertical-align: middle;
    pointer-events: none;
}

/* ============================================
   TABLE BODY
============================================ */

.fz-compare__tbody {
    /* Security: display block isolation */
}

/* ============================================
   TABLE ROW
============================================ */

.fz-compare__row {
    border-bottom: 1px solid var(--fzc-border);
    transition: var(--fzc-transition-fast);
    background-color: var(--fzc-white);
}

.fz-compare__row:last-child {
    border-bottom: none;
}

/* Alternating row background */
.fz-compare__row:nth-child(even) {
    background-color: var(--fzc-bg-row-alt);
}

.fz-compare__row:hover {
    background-color: var(--fzc-blue-pale);
}

/* ============================================
   TABLE CELLS
============================================ */

.fz-compare__td {
    padding: 18px 16px;
    vertical-align: middle;
    font-size: 14px;
    color: var(--fzc-text-medium);
    border-right: 1px solid var(--fzc-border);
    overflow-wrap: break-word;
    word-break: break-word;
    transition: var(--fzc-transition-fast);
}

.fz-compare__td:last-child {
    border-right: none;
}

.fz-compare__td--zone {
    vertical-align: middle;
}

.fz-compare__td--action {
    text-align: center;
    white-space: nowrap;
}

/* ============================================
   ZONE CELL CONTENT
============================================ */

.fz-compare__zone-cell {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}

/* Zone Logo */
.fz-compare__zone-logo {
    width: 44px;
    height: 44px;
    border-radius: var(--fzc-radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    /* Default blue */
    background: linear-gradient(
        135deg,
        var(--fzc-blue-dark),
        var(--fzc-blue-medium)
    );
    box-shadow: 0 3px 10px rgba(26, 60, 143, 0.2);
    transition: var(--fzc-transition-fast);
}

.fz-compare__zone-logo--blue {
    background: linear-gradient(
        135deg,
        var(--fzc-blue-dark),
        var(--fzc-blue-medium)
    );
    box-shadow: 0 3px 10px rgba(26, 60, 143, 0.2);
}

.fz-compare__zone-logo--gold {
    background: linear-gradient(
        135deg,
        var(--fzc-gold),
        var(--fzc-gold-dark)
    );
    box-shadow: 0 3px 10px rgba(201, 168, 76, 0.28);
}

.fz-compare__zone-logo--teal {
    background: linear-gradient(
        135deg,
        var(--fzc-teal),
        #0a9396
    );
    box-shadow: 0 3px 10px rgba(13, 115, 119, 0.22);
}

.fz-compare__zone-logo--tech {
    background: linear-gradient(
        135deg,
        var(--fzc-tech),
        #8b5cf6
    );
    box-shadow: 0 3px 10px rgba(108, 63, 197, 0.22);
}

.fz-compare__zone-logo--premium {
    background: linear-gradient(
        135deg,
        #8b6914,
        var(--fzc-gold)
    );
    box-shadow: 0 3px 10px rgba(139, 105, 20, 0.22);
}

.fz-compare__zone-logo--logistics {
    background: linear-gradient(
        135deg,
        var(--fzc-logistics),
        #e07b3a
    );
    box-shadow: 0 3px 10px rgba(212, 89, 10, 0.22);
}

.fz-compare__zone-abbr {
    font-size: 9px;
    font-weight: 800;
    color: var(--fzc-white);
    letter-spacing: 0.4px;
    text-transform: uppercase;
    user-select: none;
    pointer-events: none;
    line-height: 1;
    text-align: center;
}

.fz-compare__zone-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.fz-compare__zone-name {
    font-size: 15px;
    font-weight: 800;
    color: var(--fzc-text-dark);
    display: block;
    overflow-wrap: break-word;
}

.fz-compare__zone-fullname {
    font-size: 11px;
    color: var(--fzc-text-light);
    display: block;
    line-height: 1.4;
    overflow-wrap: break-word;
}

/* Zone Badges */
.fz-compare__zone-badge {
    display: inline-flex;
    align-items: center;
    font-size: 10px;
    font-weight: 700;
    border-radius: 50px;
    padding: 3px 10px;
    letter-spacing: 0.3px;
    user-select: none;
    width: fit-content;
}

.fz-compare__zone-badge--value {
    background: var(--fzc-teal-pale);
    color: var(--fzc-teal);
    border: 1px solid rgba(13, 115, 119, 0.2);
}

.fz-compare__zone-badge--popular {
    background: var(--fzc-gold-pale);
    color: var(--fzc-gold-dark);
    border: 1px solid var(--fzc-border-gold);
}

.fz-compare__zone-badge--premium {
    background: var(--fzc-blue-pale);
    color: var(--fzc-blue-dark);
    border: 1px solid var(--fzc-border-blue);
}

.fz-compare__zone-badge--finance {
    background: var(--fzc-premium-pale);
    color: var(--fzc-premium);
    border: 1px solid rgba(139, 105, 20, 0.2);
}

/* ============================================
   TIMELINE CELL
============================================ */

.fz-compare__td-inner {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 5px;
}

/* Timeline speed dot */
.fz-compare__timeline-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
    pointer-events: none;
}

.fz-compare__timeline-dot--fast {
    background: var(--fzc-green);
    box-shadow: 0 0 0 3px rgba(22, 128, 60, 0.15);
}

.fz-compare__timeline-dot--medium {
    background: var(--fzc-gold);
    box-shadow: 0 0 0 3px rgba(201, 168, 76, 0.2);
}

.fz-compare__timeline-dot--slow {
    background: var(--fzc-logistics);
    box-shadow: 0 0 0 3px rgba(212, 89, 10, 0.15);
}

.fz-compare__timeline-text {
    font-size: 14px;
    font-weight: 600;
    color: var(--fzc-text-dark);
    white-space: nowrap;
}

/* Fastest badge */
.fz-compare__timeline-badge {
    display: inline-flex;
    font-size: 10px;
    font-weight: 700;
    border-radius: 50px;
    padding: 2px 9px;
    user-select: none;
}

.fz-compare__timeline-badge--fastest {
    background: var(--fzc-green-pale);
    color: var(--fzc-green);
    border: 1px solid rgba(22, 128, 60, 0.2);
}

/* ============================================
   VISA CELL
============================================ */

.fz-compare__visa-pill {
    display: inline-flex;
    align-items: center;
    background: var(--fzc-blue-pale);
    color: var(--fzc-blue-dark);
    border: 1px solid var(--fzc-border-blue);
    border-radius: 50px;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    user-select: none;
}

.fz-compare__visa-pill--varies {
    background: var(--fzc-gold-pale);
    color: var(--fzc-gold-dark);
    border-color: var(--fzc-border-gold);
}

/* ============================================
   BEST FOR TAGS
============================================ */

.fz-compare__best-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.fz-compare__best-tag {
    font-size: 11.5px;
    font-weight: 600;
    color: var(--fzc-text-medium);
    background: var(--fzc-bg);
    border: 1px solid var(--fzc-border);
    border-radius: 50px;
    padding: 3px 10px;
    white-space: nowrap;
    user-select: none;
    transition: var(--fzc-transition-fast);
    pointer-events: none;
}

.fz-compare__row:hover .fz-compare__best-tag {
    background: var(--fzc-gold-pale);
    border-color: var(--fzc-border-gold);
    color: var(--fzc-gold-dark);
}

/* ============================================
   OFFICE CELL
============================================ */

.fz-compare__office-cell {
    display: flex;
    align-items: center;
    gap: 7px;
}

.fz-compare__office-icon {
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    flex-shrink: 0;
    pointer-events: none;
}

.fz-compare__office-icon--ok {
    color: var(--fzc-green);
}

.fz-compare__office-icon--neutral {
    color: var(--fzc-gold-dark);
}

.fz-compare__office-icon--required {
    color: var(--fzc-logistics);
    font-size: 12px;
}

.fz-compare__office-text {
    font-size: 13.5px;
    font-weight: 500;
    color: var(--fzc-text-medium);
    overflow-wrap: break-word;
}

/* ============================================
   ROW ACTION BUTTON
============================================ */

.fz-compare__row-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: linear-gradient(
        135deg,
        var(--fzc-blue-dark),
        var(--fzc-blue-medium)
    );
    color: var(--fzc-white);
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    padding: 9px 16px;
    border-radius: var(--fzc-radius-sm);
    white-space: nowrap;
    letter-spacing: 0.2px;
    box-shadow: 0 3px 10px rgba(26, 60, 143, 0.2);
    transition: var(--fzc-transition);
    text-decoration: none !important;
}

.fz-compare__row-btn:hover {
    background: linear-gradient(
        135deg,
        var(--fzc-gold),
        var(--fzc-gold-dark)
    );
    box-shadow: 0 4px 14px rgba(201, 168, 76, 0.35);
    transform: translateY(-1px);
    color: var(--fzc-white);
}

.fz-compare__row-btn:active {
    transform: translateY(0);
}

.fz-compare__row-btn:focus-visible {
    outline: 3px solid var(--fzc-gold);
    outline-offset: 2px;
}

/* ============================================
   SCROLL HINT
============================================ */

.fz-compare__scroll-hint {
    display: none;
    text-align: center;
    font-size: 12px;
    color: var(--fzc-text-light);
    font-weight: 500;
    margin: 0;
    padding: 4px 0;
    user-select: none;
    pointer-events: none;
}

.fz-compare__scroll-icon {
    font-size: 14px;
    margin-right: 5px;
}

/* ============================================
   NOTE BOX
============================================ */

.fz-compare__note {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background: var(--fzc-blue-pale);
    border: 1px solid var(--fzc-border-blue);
    border-radius: var(--fzc-radius-md);
    padding: 14px 18px;
}

.fz-compare__note-icon {
    font-size: 16px;
    color: var(--fzc-blue-dark);
    flex-shrink: 0;
    font-weight: 700;
    font-style: normal;
    display: inline-block;
    pointer-events: none;
    user-select: none;
    padding-top: 1px;
}

.fz-compare__note-text {
    font-size: 13px;
    line-height: 1.7;
    color: var(--fzc-text-medium);
    margin: 0;
    overflow-wrap: break-word;
    word-break: break-word;
}

/* ============================================
   BOTTOM CTA STRIP
============================================ */

.fz-compare__cta-strip {
    background: linear-gradient(
        135deg,
        var(--fzc-blue-dark) 0%,
        var(--fzc-blue-medium) 100%
    );
    border-radius: var(--fzc-radius-xl);
    padding: 32px 40px;
    box-shadow: var(--fzc-shadow-lg);
    position: relative;
    overflow: hidden;
}

.fz-compare__cta-strip::before {
    content: '';
    position: absolute;
    top: -60px;
    right: 80px;
    width: 200px;
    height: 200px;
    background: rgba(201, 168, 76, 0.07);
    border-radius: 50%;
    pointer-events: none;
}

.fz-compare__cta-strip::after {
    content: '';
    position: absolute;
    bottom: -50px;
    left: -50px;
    width: 160px;
    height: 160px;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 50%;
    pointer-events: none;
}

.fz-compare__cta-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}

.fz-compare__cta-left {
    display: flex;
    align-items: center;
    gap: 18px;
    flex: 1;
    min-width: 280px;
}

.fz-compare__cta-icon-wrap {
    width: 56px;
    height: 56px;
    background: rgba(201, 168, 76, 0.18);
    border: 1px solid rgba(201, 168, 76, 0.35);
    border-radius: var(--fzc-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.fz-compare__cta-icon {
    font-size: 26px;
    display: block;
    line-height: 1;
}

.fz-compare__cta-text-group {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.fz-compare__cta-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--fzc-white);
    line-height: 1.3;
    overflow-wrap: break-word;
    display: block;
}

.fz-compare__cta-sub {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.6;
    overflow-wrap: break-word;
    display: block;
}

.fz-compare__cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(
        135deg,
        var(--fzc-gold) 0%,
        var(--fzc-gold-dark) 100%
    );
    color: var(--fzc-white);
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    padding: 15px 30px;
    border-radius: var(--fzc-radius-sm);
    white-space: nowrap;
    letter-spacing: 0.2px;
    box-shadow: 0 4px 16px rgba(201, 168, 76, 0.4);
    transition: var(--fzc-transition);
    position: relative;
    overflow: hidden;
    text-decoration: none !important;
    flex-shrink: 0;
}

.fz-compare__cta-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.15),
        transparent
    );
    transition: left 0.5s ease;
    pointer-events: none;
}

.fz-compare__cta-btn:hover::before {
    left: 100%;
}

.fz-compare__cta-btn:hover {
    background: linear-gradient(
        135deg,
        var(--fzc-gold-dark) 0%,
        var(--fzc-gold) 100%
    );
    box-shadow: 0 6px 24px rgba(201, 168, 76, 0.55);
    transform: translateY(-2px);
    color: var(--fzc-white);
}

.fz-compare__cta-btn:active {
    transform: translateY(0);
}

.fz-compare__cta-btn:focus-visible {
    outline: 3px solid var(--fzc-white);
    outline-offset: 3px;
}

.fz-compare__cta-arrow {
    font-size: 17px;
    display: inline-block;
    transition: transform 0.25s ease;
}

.fz-compare__cta-btn:hover .fz-compare__cta-arrow {
    transform: translateX(5px);
}

/* ============================================
   RESPONSIVE — TABLET (max 1024px)
============================================ */

@media (max-width: 1024px) {
    .fz-compare__scroll-hint {
        display: block;
    }

    .fz-compare__cta-strip {
        padding: 28px 28px;
    }
}

/* ============================================
   RESPONSIVE — MOBILE (max 768px)
============================================ */

@media (max-width: 768px) {
    .fz-compare {
        padding: 48px 0 56px;
    }

    .fz-compare__container {
        padding: 0 16px;
        gap: 28px;
    }

    /* Stack table to card layout on mobile */
    .fz-compare__table-wrapper {
        background: transparent;
        box-shadow: none;
        border: none;
        overflow: visible;
    }

    .fz-compare__table,
    .fz-compare__thead,
    .fz-compare__tbody,
    .fz-compare__row,
    .fz-compare__td {
        display: block;
        width: 100%;
    }

    .fz-compare__thead {
        display: none;
    }

    .fz-compare__row {
        background: var(--fzc-white);
        border-radius: var(--fzc-radius-lg);
        box-shadow: var(--fzc-shadow-card, 0 4px 18px rgba(26,60,143,0.08));
        border: 1px solid var(--fzc-border);
        margin-bottom: 16px;
        overflow: hidden;
    }

    .fz-compare__row:nth-child(even) {
        background: var(--fzc-white);
    }

    .fz-compare__row:hover {
        background: var(--fzc-white);
        box-shadow: var(--fzc-shadow-lg);
        border-color: var(--fzc-border-gold);
    }

    .fz-compare__td {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
        padding: 13px 16px;
        border-right: none;
        border-bottom: 1px solid var(--fzc-border);
        font-size: 13.5px;
    }

    .fz-compare__td:last-child {
        border-bottom: none;
    }

    /* Mobile label from data-label */
    .fz-compare__td::before {
        content: attr(data-label);
        font-size: 11px;
        font-weight: 700;
        color: var(--fzc-text-light);
        text-transform: uppercase;
        letter-spacing: 0.5px;
        min-width: 100px;
        flex-shrink: 0;
        padding-top: 2px;
        /* Security: data-label is static HTML
           attribute — no user-controlled input */
    }

    .fz-compare__td--zone {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .fz-compare__td--zone::before {
        display: none;
    }

    .fz-compare__td--action {
        text-align: left;
        padding: 14px 16px;
    }

    .fz-compare__td--action::before {
        display: none;
    }

    .fz-compare__row-btn {
        width: 100%;
        justify-content: center;
        padding: 12px 20px;
        font-size: 14px;
    }

    .fz-compare__scroll-hint {
        display: none;
    }

    .fz-compare__cta-strip {
        padding: 24px 20px;
        border-radius: var(--fzc-radius-lg);
    }

    .fz-compare__cta-content {
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
    }

    .fz-compare__cta-btn {
        width: 100%;
        justify-content: center;
    }

    .fz-compare__cta-left {
        min-width: unset;
    }
}

/* ============================================
   RESPONSIVE — SMALL MOBILE (max 480px)
============================================ */

@media (max-width: 480px) {
    .fz-compare__heading {
        font-size: 20px;
    }

    .fz-compare__heading-sub-inline {
        display: block;
        font-size: 16px;
        margin-top: 4px;
    }

    .fz-compare__cta-title {
        font-size: 15px;
    }

    .fz-compare__cta-sub {
        font-size: 13px;
    }

    .fz-compare__td {
        flex-direction: column;
        gap: 5px;
        align-items: flex-start;
    }

    .fz-compare__td::before {
        min-width: unset;
    }

    .fz-compare__header-badge {
        font-size: 12px;
        padding: 6px 14px;
    }
}

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

@media (prefers-reduced-motion: reduce) {
    .fz-compare__badge-dot {
        animation: none;
    }

    .fz-compare__row,
    .fz-compare__row-btn,
    .fz-compare__cta-btn,
    .fz-compare__cta-arrow,
    .fz-compare__best-tag,
    .fz-compare__zone-logo {
        transition: none;
    }

    .fz-compare__row-btn:hover {
        transform: none;
    }

    .fz-compare__cta-btn:hover {
        transform: none;
    }

    .fz-compare__cta-btn::before {
        display: none;
    }
}

/* ============================================
   PRINT STYLES
============================================ */

@media print {
    .fz-compare {
        padding: 20px 0;
        background: white;
    }

    .fz-compare::before,
    .fz-compare::after,
    .fz-compare__cta-strip::before,
    .fz-compare__cta-strip::after {
        display: none;
    }

    .fz-compare__table-wrapper {
        box-shadow: none;
        border: 1px solid #ccc;
        overflow: visible;
    }

    .fz-compare__table {
        min-width: unset;
    }

    .fz-compare__thead {
        background: #333;
    }

    .fz-compare__th {
        color: white;
        font-size: 10px;
    }

    .fz-compare__row-btn {
        background: white;
        color: black;
        border: 1px solid black;
        box-shadow: none;
        font-size: 11px;
        padding: 6px 10px;
    }

    .fz-compare__cta-strip {
        background: white;
        border: 1px solid #ccc;
        box-shadow: none;
    }

    .fz-compare__cta-title,
    .fz-compare__cta-sub {
        color: black;
    }

    .fz-compare__cta-btn {
        background: white;
        color: black;
        border: 1px solid black;
        box-shadow: none;
    }

    .fz-compare__scroll-hint {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ed1070 *//* ============================================
   SECTION 6 — FREE ZONE SETUP PACKAGES
   Security Hardened CSS

   SECURITY MEASURES APPLIED:
   01. All CSS variables scoped to .fz-packages
   02. Strict BEM — zero global namespace risk
   03. No external url() references
   04. All decoratives: pointer-events none
   05. isolation: isolate on section and cards
   06. contain: layout style on tier cards
   07. overflow: hidden on all containers
   08. word-break and overflow-wrap on all text
   09. GPU-only transitions (transform/opacity)
   10. No expression() or behavior properties
   11. No -moz-binding or legacy IE filters
   12. user-select: none on decorative elements
   13. z-index fully scoped within section
   14. No CSS injection via custom properties
   15. focus-visible for keyboard accessibility
   16. No pseudo-content with user-controlled
       attr() values
   17. Reduced motion media query applied
   18. Print stylesheet included
   19. CSP compatible — no eval-dependent CSS
   20. Shimmer effects pure CSS only
============================================ */

/* --- Scoped Variables --- */
.fz-packages {
    --fzp-blue-dark:      #1a3c8f;
    --fzp-blue-medium:    #2150b8;
    --fzp-blue-light:     #e8eef8;
    --fzp-blue-pale:      #f0f4ff;
    --fzp-gold:           #c9a84c;
    --fzp-gold-dark:      #a8872e;
    --fzp-gold-light:     #f5e6c8;
    --fzp-gold-pale:      #fdf8ef;
    --fzp-green:          #16803c;
    --fzp-green-pale:     #f0fdf4;
    --fzp-green-light:    #dcfce7;
    --fzp-teal:           #0d7377;
    --fzp-teal-pale:      #f0fafa;
    --fzp-white:          #ffffff;
    --fzp-bg:             #f8f9fc;
    --fzp-bg-alt:         #f4f6fb;
    --fzp-text-dark:      #1a2340;
    --fzp-text-medium:    #4a5568;
    --fzp-text-light:     #718096;
    --fzp-border:         #e2e8f0;
    --fzp-border-gold:    rgba(201, 168, 76, 0.25);
    --fzp-border-blue:    rgba(26, 60, 143, 0.12);
    --fzp-border-green:   rgba(22, 128, 60, 0.2);
    --fzp-shadow-sm:      0 2px 8px rgba(26, 60, 143, 0.07);
    --fzp-shadow-md:      0 6px 24px rgba(26, 60, 143, 0.10);
    --fzp-shadow-lg:      0 12px 40px rgba(26, 60, 143, 0.14);
    --fzp-shadow-card:    0 4px 20px rgba(26, 60, 143, 0.08);
    --fzp-radius-sm:      8px;
    --fzp-radius-md:      12px;
    --fzp-radius-lg:      18px;
    --fzp-radius-xl:      24px;
    --fzp-transition:     all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --fzp-transition-fast: all 0.18s ease;
}

/* ============================================
   BASE SECTION
============================================ */

.fz-packages {
    background-color: var(--fzp-white);
    padding: 80px 0 88px;
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.fz-packages::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(
        90deg,
        var(--fzp-blue-dark) 0%,
        var(--fzp-gold) 50%,
        var(--fzp-blue-dark) 100%
    );
    pointer-events: none;
    z-index: 0;
}

.fz-packages::after {
    content: '';
    position: absolute;
    bottom: -100px;
    left: -100px;
    width: 400px;
    height: 400px;
    background: radial-gradient(
        circle,
        rgba(201, 168, 76, 0.04) 0%,
        transparent 70%
    );
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

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

.fz-packages__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 52px;
}

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

.fz-packages__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 18px;
    max-width: 800px;
    margin: 0 auto;
}

.fz-packages__header-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--fzp-green-pale);
    border: 1px solid var(--fzp-border-green);
    border-radius: 50px;
    padding: 7px 18px;
    font-size: 13px;
    font-weight: 600;
    color: var(--fzp-green);
    letter-spacing: 0.3px;
    user-select: none;
}

.fz-packages__badge-dot {
    width: 7px;
    height: 7px;
    background: linear-gradient(
        135deg,
        var(--fzp-green),
        var(--fzp-teal)
    );
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
    animation: fzpPulse 2.4s ease-in-out infinite;
}

@keyframes fzpPulse {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.35);
        opacity: 0.6;
    }
}

.fz-packages__heading {
    font-size: clamp(24px, 3vw, 38px);
    font-weight: 800;
    color: var(--fzp-text-dark);
    line-height: 1.2;
    margin: 0;
    letter-spacing: -0.4px;
    overflow-wrap: break-word;
    word-break: break-word;
}

.fz-packages__heading-line {
    width: 72px;
    height: 4px;
    background: linear-gradient(
        90deg,
        var(--fzp-blue-dark),
        var(--fzp-gold)
    );
    border-radius: 4px;
    pointer-events: none;
}

.fz-packages__heading-desc {
    font-size: 16px;
    line-height: 1.85;
    color: var(--fzp-text-medium);
    margin: 0;
    overflow-wrap: break-word;
    word-break: break-word;
}

/* ============================================
   TWO COLUMN LAYOUT
============================================ */

.fz-packages__layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    align-items: start;
}

/* ============================================
   LEFT: INCLUSIONS PANEL
============================================ */

.fz-packages__inclusions {
    position: sticky;
    top: 24px;
}

.fz-packages__inclusions-card {
    background: linear-gradient(
        160deg,
        var(--fzp-blue-dark) 0%,
        var(--fzp-blue-medium) 100%
    );
    border-radius: var(--fzp-radius-xl);
    overflow: hidden;
    box-shadow: var(--fzp-shadow-lg);
    position: relative;
    isolation: isolate;
}

/* Decorative circles inside card */
.fz-packages__inclusions-card::before {
    content: '';
    position: absolute;
    top: -60px;
    right: -60px;
    width: 200px;
    height: 200px;
    background: rgba(201, 168, 76, 0.07);
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

.fz-packages__inclusions-card::after {
    content: '';
    position: absolute;
    bottom: -40px;
    left: -40px;
    width: 160px;
    height: 160px;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

/* Inclusions Header */
.fz-packages__inclusions-header {
    padding: 28px 28px 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
    z-index: 1;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.fz-packages__inclusions-icon {
    font-size: 26px;
    display: block;
    flex-shrink: 0;
    line-height: 1;
}

.fz-packages__inclusions-title {
    font-size: 17px;
    font-weight: 700;
    color: var(--fzp-white);
    margin: 0;
    line-height: 1.35;
    overflow-wrap: break-word;
}

/* Inclusions List */
.fz-packages__inclusions-list {
    list-style: none;
    margin: 0;
    padding: 8px 0;
    position: relative;
    z-index: 1;
}

.fz-packages__inclusion-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 13px 28px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    transition: var(--fzp-transition-fast);
    list-style: none;
}

.fz-packages__inclusion-item:last-child {
    border-bottom: none;
}

.fz-packages__inclusion-item:hover {
    background: rgba(255, 255, 255, 0.05);
}

/* Check circle */
.fz-packages__inclusion-check {
    width: 22px;
    height: 22px;
    background: linear-gradient(
        135deg,
        var(--fzp-gold),
        var(--fzp-gold-dark)
    );
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 1px;
    box-shadow: 0 2px 6px rgba(201, 168, 76, 0.3);
}

.fz-packages__check-inner {
    width: 6px;
    height: 9px;
    border: 2px solid var(--fzp-white);
    border-top: none;
    border-left: none;
    transform: rotate(45deg) translateY(-1px);
    display: block;
    flex-shrink: 0;
    pointer-events: none;
}

.fz-packages__inclusion-content {
    display: flex;
    flex-direction: column;
    gap: 3px;
    flex: 1;
    min-width: 0;
}

.fz-packages__inclusion-title {
    font-size: 14px;
    font-weight: 700;
    color: var(--fzp-white);
    display: block;
    overflow-wrap: break-word;
    word-break: break-word;
}

.fz-packages__inclusion-desc {
    font-size: 12.5px;
    color: rgba(255, 255, 255, 0.65);
    display: block;
    line-height: 1.5;
    overflow-wrap: break-word;
    word-break: break-word;
}

/* Trust Note */
.fz-packages__trust-note {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 18px 28px;
    background: rgba(201, 168, 76, 0.12);
    border-top: 1px solid rgba(201, 168, 76, 0.2);
    position: relative;
    z-index: 1;
}

.fz-packages__trust-icon {
    font-size: 18px;
    flex-shrink: 0;
    display: block;
    line-height: 1;
}

.fz-packages__trust-text {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.55;
    font-weight: 500;
    overflow-wrap: break-word;
}

/* ============================================
   RIGHT COLUMN
============================================ */

.fz-packages__right-col {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* ============================================
   PACKAGE TIER CARDS
============================================ */

.fz-packages__tiers {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* ============================================
   INDIVIDUAL TIER CARD
============================================ */

.fz-packages__tier-card {
    background: var(--fzp-white);
    border-radius: var(--fzp-radius-lg);
    border: 1px solid var(--fzp-border);
    box-shadow: var(--fzp-shadow-card);
    padding: 20px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    transition: var(--fzp-transition);
    isolation: isolate;
    contain: layout style;
    position: relative;
    overflow: hidden;
}

.fz-packages__tier-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--fzp-shadow-lg);
    border-color: var(--fzp-border-gold);
}

/* Featured Card */
.fz-packages__tier-card--featured {
    background: linear-gradient(
        160deg,
        var(--fzp-blue-pale) 0%,
        var(--fzp-gold-pale) 100%
    );
    border-color: var(--fzp-border-gold);
    box-shadow: var(--fzp-shadow-md),
                0 0 0 2px rgba(201, 168, 76, 0.15);
}

.fz-packages__tier-card--featured:hover {
    box-shadow: var(--fzp-shadow-lg),
                0 0 0 2px rgba(201, 168, 76, 0.25);
}

/* Featured label ribbon */
.fz-packages__tier-featured-label {
    position: absolute;
    top: 14px;
    right: -26px;
    background: linear-gradient(
        135deg,
        var(--fzp-gold),
        var(--fzp-gold-dark)
    );
    color: var(--fzp-white);
    font-size: 10px;
    font-weight: 700;
    padding: 4px 32px;
    transform: rotate(40deg);
    letter-spacing: 0.4px;
    text-transform: uppercase;
    user-select: none;
    pointer-events: none;
    z-index: 2;
}

/* Tier Left Group */
.fz-packages__tier-left {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    flex: 1;
    min-width: 0;
}

/* Tier Icon Wrap */
.fz-packages__tier-icon-wrap {
    width: 50px;
    height: 50px;
    border-radius: var(--fzp-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: var(--fzp-transition-fast);
}

.fz-packages__tier-icon-wrap--starter {
    background: linear-gradient(
        135deg,
        var(--fzp-blue-pale),
        var(--fzp-blue-light)
    );
    border: 1px solid var(--fzp-border-blue);
}

.fz-packages__tier-icon-wrap--business {
    background: linear-gradient(
        135deg,
        var(--fzp-gold-light),
        var(--fzp-gold-pale)
    );
    border: 1px solid var(--fzp-border-gold);
}

.fz-packages__tier-icon-wrap--corporate {
    background: linear-gradient(
        135deg,
        var(--fzp-blue-dark),
        var(--fzp-blue-medium)
    );
    border: none;
    box-shadow: 0 3px 10px rgba(26, 60, 143, 0.2);
}

.fz-packages__tier-card:hover .fz-packages__tier-icon-wrap--starter {
    background: linear-gradient(
        135deg,
        var(--fzp-blue-dark),
        var(--fzp-blue-medium)
    );
    border-color: transparent;
}

.fz-packages__tier-card:hover .fz-packages__tier-icon-wrap--business {
    background: linear-gradient(
        135deg,
        var(--fzp-gold),
        var(--fzp-gold-dark)
    );
    border-color: transparent;
}

.fz-packages__tier-icon {
    font-size: 22px;
    display: block;
    line-height: 1;
}

/* Tier Info */
.fz-packages__tier-info {
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex: 1;
    min-width: 0;
}

.fz-packages__tier-name {
    font-size: 16px;
    font-weight: 800;
    color: var(--fzp-text-dark);
    margin: 0;
    line-height: 1.3;
    overflow-wrap: break-word;
    transition: var(--fzp-transition-fast);
}

.fz-packages__tier-card:hover .fz-packages__tier-name {
    color: var(--fzp-blue-dark);
}

.fz-packages__tier-desc {
    font-size: 13px;
    color: var(--fzp-text-light);
    margin: 0;
    line-height: 1.5;
    overflow-wrap: break-word;
    word-break: break-word;
}

/* Tier Tags */
.fz-packages__tier-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 2px;
}

.fz-packages__tier-tag {
    font-size: 11px;
    font-weight: 600;
    color: var(--fzp-text-light);
    background: var(--fzp-bg);
    border: 1px solid var(--fzp-border);
    border-radius: 50px;
    padding: 3px 9px;
    white-space: nowrap;
    user-select: none;
    pointer-events: none;
    transition: var(--fzp-transition-fast);
}

.fz-packages__tier-card:hover .fz-packages__tier-tag {
    background: var(--fzp-gold-pale);
    border-color: var(--fzp-border-gold);
    color: var(--fzp-gold-dark);
}

/* Tier CTA Button */
.fz-packages__tier-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: var(--fzp-bg);
    border: 1.5px solid var(--fzp-border);
    color: var(--fzp-text-dark);
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    padding: 10px 18px;
    border-radius: var(--fzp-radius-sm);
    white-space: nowrap;
    letter-spacing: 0.2px;
    transition: var(--fzp-transition);
    flex-shrink: 0;
    text-decoration: none !important;
}

.fz-packages__tier-btn:hover {
    background: linear-gradient(
        135deg,
        var(--fzp-blue-dark),
        var(--fzp-blue-medium)
    );
    border-color: var(--fzp-blue-dark);
    color: var(--fzp-white);
    box-shadow: 0 4px 14px rgba(26, 60, 143, 0.25);
    transform: translateY(-1px);
}

.fz-packages__tier-btn:active {
    transform: translateY(0);
}

.fz-packages__tier-btn:focus-visible {
    outline: 3px solid var(--fzp-gold);
    outline-offset: 2px;
}

/* Featured Button */
.fz-packages__tier-btn--featured {
    background: linear-gradient(
        135deg,
        var(--fzp-gold),
        var(--fzp-gold-dark)
    );
    border-color: var(--fzp-gold);
    color: var(--fzp-white);
    box-shadow: 0 4px 12px rgba(201, 168, 76, 0.3);
}

.fz-packages__tier-btn--featured:hover {
    background: linear-gradient(
        135deg,
        var(--fzp-gold-dark),
        var(--fzp-gold)
    );
    border-color: var(--fzp-gold-dark);
    color: var(--fzp-white);
    box-shadow: 0 5px 18px rgba(201, 168, 76, 0.45);
}

.fz-packages__tier-arrow {
    font-size: 15px;
    display: inline-block;
    transition: transform 0.25s ease;
}

.fz-packages__tier-btn:hover .fz-packages__tier-arrow {
    transform: translateX(4px);
}

/* ============================================
   RIGHT CTA PANEL
============================================ */

.fz-packages__cta-panel {
    background: linear-gradient(
        160deg,
        var(--fzp-blue-dark) 0%,
        var(--fzp-blue-medium) 100%
    );
    border-radius: var(--fzp-radius-xl);
    overflow: hidden;
    box-shadow: var(--fzp-shadow-lg);
    position: relative;
    isolation: isolate;
}

.fz-packages__cta-panel::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 180px;
    height: 180px;
    background: rgba(201, 168, 76, 0.08);
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

.fz-packages__cta-panel::after {
    content: '';
    position: absolute;
    bottom: -40px;
    left: -40px;
    width: 140px;
    height: 140px;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

.fz-packages__cta-panel-inner {
    padding: 28px;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.fz-packages__cta-panel-top {
    display: flex;
    align-items: center;
    gap: 12px;
}

.fz-packages__cta-panel-icon {
    font-size: 28px;
    display: block;
    flex-shrink: 0;
    line-height: 1;
}

.fz-packages__cta-panel-title {
    font-size: 19px;
    font-weight: 800;
    color: var(--fzp-white);
    margin: 0;
    line-height: 1.3;
    overflow-wrap: break-word;
}

.fz-packages__cta-panel-desc {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.78);
    line-height: 1.75;
    margin: 0;
    overflow-wrap: break-word;
    word-break: break-word;
}

/* CTA Points */
.fz-packages__cta-panel-points {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.fz-packages__cta-point {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13.5px;
    color: rgba(255, 255, 255, 0.88);
    font-weight: 500;
}

.fz-packages__cta-point-dot {
    width: 7px;
    height: 7px;
    background: var(--fzp-gold);
    border-radius: 50%;
    flex-shrink: 0;
    display: inline-block;
    pointer-events: none;
}

/* CTA Panel Button */
.fz-packages__cta-panel-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: linear-gradient(
        135deg,
        var(--fzp-gold) 0%,
        var(--fzp-gold-dark) 100%
    );
    color: var(--fzp-white);
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    padding: 15px 24px;
    border-radius: var(--fzp-radius-sm);
    width: 100%;
    text-align: center;
    letter-spacing: 0.2px;
    box-shadow: 0 4px 16px rgba(201, 168, 76, 0.4);
    transition: var(--fzp-transition);
    position: relative;
    overflow: hidden;
    text-decoration: none !important;
    margin-top: 4px;
}

/* Shimmer — CSS only */
.fz-packages__cta-panel-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.15),
        transparent
    );
    transition: left 0.5s ease;
    pointer-events: none;
}

.fz-packages__cta-panel-btn:hover::before {
    left: 100%;
}

.fz-packages__cta-panel-btn:hover {
    background: linear-gradient(
        135deg,
        var(--fzp-gold-dark) 0%,
        var(--fzp-gold) 100%
    );
    box-shadow: 0 6px 24px rgba(201, 168, 76, 0.55);
    transform: translateY(-2px);
    color: var(--fzp-white);
}

.fz-packages__cta-panel-btn:active {
    transform: translateY(0);
}

.fz-packages__cta-panel-btn:focus-visible {
    outline: 3px solid var(--fzp-white);
    outline-offset: 3px;
}

.fz-packages__cta-panel-arrow {
    font-size: 17px;
    display: inline-block;
    transition: transform 0.25s ease;
    flex-shrink: 0;
}

.fz-packages__cta-panel-btn:hover .fz-packages__cta-panel-arrow {
    transform: translateX(5px);
}

/* ============================================
   RESPONSIVE — LARGE TABLET (max 1100px)
============================================ */

@media (max-width: 1100px) {
    .fz-packages__layout {
        grid-template-columns: 1fr 1fr;
        gap: 24px;
    }

    .fz-packages__inclusions {
        position: static;
    }
}

/* ============================================
   RESPONSIVE — TABLET (max 900px)
============================================ */

@media (max-width: 900px) {
    .fz-packages {
        padding: 60px 0 68px;
    }

    .fz-packages__container {
        gap: 40px;
    }

    .fz-packages__layout {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .fz-packages__inclusions {
        position: static;
    }

    .fz-packages__inclusions-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .fz-packages__inclusion-item:nth-child(odd) {
        border-right: 1px solid rgba(255, 255, 255, 0.07);
    }
}

/* ============================================
   RESPONSIVE — MOBILE (max 768px)
============================================ */

@media (max-width: 768px) {
    .fz-packages {
        padding: 48px 0 56px;
    }

    .fz-packages__container {
        padding: 0 16px;
        gap: 32px;
    }

    .fz-packages__inclusions-list {
        grid-template-columns: 1fr;
    }

    .fz-packages__inclusion-item:nth-child(odd) {
        border-right: none;
    }

    .fz-packages__tier-card {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
    }

    .fz-packages__tier-card:hover {
        transform: none;
    }

    .fz-packages__tier-btn {
        width: 100%;
        justify-content: center;
    }

    .fz-packages__inclusions-header {
        padding: 22px 20px 16px;
    }

    .fz-packages__inclusion-item {
        padding: 12px 20px;
    }

    .fz-packages__trust-note {
        padding: 16px 20px;
    }

    .fz-packages__cta-panel-inner {
        padding: 22px 20px;
    }
}

/* ============================================
   RESPONSIVE — SMALL MOBILE (max 480px)
============================================ */

@media (max-width: 480px) {
    .fz-packages__heading {
        font-size: 22px;
    }

    .fz-packages__header-badge {
        font-size: 12px;
        padding: 6px 14px;
        text-align: center;
    }

    .fz-packages__tier-left {
        flex-direction: column;
        gap: 10px;
    }

    .fz-packages__cta-panel-title {
        font-size: 17px;
    }

    .fz-packages__cta-panel-btn {
        font-size: 14px;
        padding: 14px 18px;
    }

    .fz-packages__inclusions-title {
        font-size: 15px;
    }
}

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

@media (prefers-reduced-motion: reduce) {
    .fz-packages__badge-dot {
        animation: none;
    }

    .fz-packages__tier-card,
    .fz-packages__tier-btn,
    .fz-packages__tier-arrow,
    .fz-packages__tier-tag,
    .fz-packages__tier-name,
    .fz-packages__tier-icon-wrap,
    .fz-packages__cta-panel-btn,
    .fz-packages__cta-panel-arrow,
    .fz-packages__inclusion-item {
        transition: none;
    }

    .fz-packages__tier-card:hover {
        transform: none;
    }

    .fz-packages__tier-btn:hover {
        transform: none;
    }

    .fz-packages__cta-panel-btn:hover {
        transform: none;
    }

    .fz-packages__cta-panel-btn::before {
        display: none;
    }
}

/* ============================================
   PRINT STYLES
============================================ */

@media print {
    .fz-packages {
        padding: 24px 0;
        background: white;
    }

    .fz-packages::before,
    .fz-packages::after,
    .fz-packages__inclusions-card::before,
    .fz-packages__inclusions-card::after,
    .fz-packages__cta-panel::before,
    .fz-packages__cta-panel::after {
        display: none;
    }

    .fz-packages__layout {
        grid-template-columns: 1fr 1fr;
    }

    .fz-packages__inclusions-card {
        background: #1a3c8f;
        box-shadow: none;
    }

    .fz-packages__tier-card {
        box-shadow: none;
        border: 1px solid #ccc;
        break-inside: avoid;
    }

    .fz-packages__tier-btn {
        background: white;
        color: black;
        border: 1px solid black;
        box-shadow: none;
    }

    .fz-packages__cta-panel {
        background: white;
        border: 1px solid #ccc;
        box-shadow: none;
    }

    .fz-packages__cta-panel-title,
    .fz-packages__cta-panel-desc,
    .fz-packages__cta-point {
        color: black;
    }

    .fz-packages__cta-panel-btn {
        background: white;
        color: black;
        border: 1px solid black;
        box-shadow: none;
    }

    .fz-packages__tier-featured-label {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4dcfea1 *//* ============================================
   SECTION 7 — COST CALCULATOR
   Security Hardened CSS

   SECURITY MEASURES APPLIED:
   01. All CSS variables scoped to .fz-calc
   02. Strict BEM — zero global namespace risk
   03. No external url() references anywhere
   04. All decoratives: pointer-events none
   05. isolation: isolate on section and mock
   06. contain: layout style on mock UI
   07. overflow: hidden on all containers
   08. word-break and overflow-wrap on all text
   09. GPU-only animations (transform/opacity)
   10. No expression() or behavior properties
   11. No -moz-binding or legacy IE filters
   12. user-select: none on all mock UI elements
   13. z-index fully scoped within section
   14. No CSS injection via custom properties
   15. focus-visible for keyboard accessibility
   16. target="_blank" paired with rel="noopener
       noreferrer" in HTML for security
   17. Reduced motion media query applied
   18. Print stylesheet included
   19. CSP compatible — no eval-dependent CSS
   20. Mock UI is purely decorative — aria-hidden
============================================ */

/* --- Scoped Variables --- */
.fz-calc {
    --fzcl-blue-dark:      #1a3c8f;
    --fzcl-blue-medium:    #2150b8;
    --fzcl-blue-light:     #e8eef8;
    --fzcl-blue-pale:      #f0f4ff;
    --fzcl-gold:           #c9a84c;
    --fzcl-gold-dark:      #a8872e;
    --fzcl-gold-light:     #f5e6c8;
    --fzcl-gold-pale:      #fdf8ef;
    --fzcl-green:          #16803c;
    --fzcl-green-pale:     #f0fdf4;
    --fzcl-red:            #ef4444;
    --fzcl-yellow:         #f59e0b;
    --fzcl-white:          #ffffff;
    --fzcl-bg:             #f8f9fc;
    --fzcl-mock-bg:        #1e2745;
    --fzcl-mock-surface:   #252e52;
    --fzcl-mock-border:    rgba(255, 255, 255, 0.08);
    --fzcl-mock-text:      rgba(255, 255, 255, 0.9);
    --fzcl-mock-subtext:   rgba(255, 255, 255, 0.55);
    --fzcl-text-dark:      #1a2340;
    --fzcl-text-medium:    #4a5568;
    --fzcl-text-light:     #718096;
    --fzcl-border:         #e2e8f0;
    --fzcl-border-gold:    rgba(201, 168, 76, 0.25);
    --fzcl-border-blue:    rgba(26, 60, 143, 0.12);
    --fzcl-shadow-sm:      0 2px 8px rgba(26, 60, 143, 0.07);
    --fzcl-shadow-md:      0 6px 24px rgba(26, 60, 143, 0.10);
    --fzcl-shadow-lg:      0 12px 40px rgba(26, 60, 143, 0.14);
    --fzcl-shadow-mock:    0 24px 64px rgba(10, 20, 60, 0.35);
    --fzcl-radius-sm:      8px;
    --fzcl-radius-md:      12px;
    --fzcl-radius-lg:      18px;
    --fzcl-radius-xl:      24px;
    --fzcl-transition:     all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --fzcl-transition-fast: all 0.18s ease;
}

/* ============================================
   BASE SECTION
============================================ */

.fz-calc {
    background: linear-gradient(
        135deg,
        var(--fzcl-blue-pale) 0%,
        var(--fzcl-bg) 50%,
        var(--fzcl-gold-pale) 100%
    );
    padding: 80px 0 88px;
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

/* Top border accent */
.fz-calc::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(
        90deg,
        var(--fzcl-blue-dark) 0%,
        var(--fzcl-gold) 50%,
        var(--fzcl-blue-dark) 100%
    );
    pointer-events: none;
    z-index: 0;
}

/* Background decoration blob */
.fz-calc::after {
    content: '';
    position: absolute;
    top: -80px;
    right: -80px;
    width: 440px;
    height: 440px;
    background: radial-gradient(
        circle,
        rgba(26, 60, 143, 0.05) 0%,
        transparent 70%
    );
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

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

.fz-calc__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
    z-index: 1;
}

/* ============================================
   TWO COLUMN LAYOUT
============================================ */

.fz-calc__layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

/* ============================================
   LEFT CONTENT PANEL
============================================ */

.fz-calc__content {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Badge */
.fz-calc__badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--fzcl-gold-pale);
    border: 1px solid var(--fzcl-border-gold);
    border-radius: 50px;
    padding: 7px 18px;
    font-size: 13px;
    font-weight: 600;
    color: var(--fzcl-gold-dark);
    letter-spacing: 0.3px;
    user-select: none;
    width: fit-content;
}

.fz-calc__badge-dot {
    width: 7px;
    height: 7px;
    background: linear-gradient(
        135deg,
        var(--fzcl-gold),
        var(--fzcl-gold-dark)
    );
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
    animation: fzclPulse 2.4s ease-in-out infinite;
}

@keyframes fzclPulse {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.35);
        opacity: 0.6;
    }
}

/* H2 Heading */
.fz-calc__heading {
    font-size: clamp(26px, 3.2vw, 40px);
    font-weight: 800;
    color: var(--fzcl-text-dark);
    line-height: 1.2;
    margin: 0;
    letter-spacing: -0.4px;
    overflow-wrap: break-word;
    word-break: break-word;
}

.fz-calc__heading-highlight {
    color: var(--fzcl-blue-dark);
    display: block;
    position: relative;
}

.fz-calc__heading-highlight::after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(
        90deg,
        var(--fzcl-gold),
        var(--fzcl-gold-dark)
    );
    border-radius: 2px;
    pointer-events: none;
}

/* Description */
.fz-calc__desc {
    font-size: 16px;
    line-height: 1.85;
    color: var(--fzcl-text-medium);
    margin: 0;
    overflow-wrap: break-word;
    word-break: break-word;
}

/* ============================================
   COVERS LIST
============================================ */

.fz-calc__covers {
    background: var(--fzcl-white);
    border-radius: var(--fzcl-radius-lg);
    border: 1px solid var(--fzcl-border);
    box-shadow: var(--fzcl-shadow-sm);
    padding: 22px 24px;
}

.fz-calc__covers-title {
    font-size: 14px;
    font-weight: 700;
    color: var(--fzcl-text-dark);
    margin: 0 0 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.fz-calc__covers-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.fz-calc__covers-item {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14.5px;
    color: var(--fzcl-text-medium);
    font-weight: 500;
    list-style: none;
}

.fz-calc__covers-icon {
    width: 34px;
    height: 34px;
    background: linear-gradient(
        135deg,
        var(--fzcl-blue-pale),
        var(--fzcl-blue-light)
    );
    border-radius: var(--fzcl-radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid var(--fzcl-border-blue);
}

.fz-calc__covers-icon-inner {
    font-size: 16px;
    display: block;
    line-height: 1;
    pointer-events: none;
}

.fz-calc__covers-text {
    flex: 1;
    overflow-wrap: break-word;
}

/* ============================================
   TIMER NOTE
============================================ */

.fz-calc__timer-note {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background: var(--fzcl-blue-pale);
    border: 1px solid var(--fzcl-border-blue);
    border-radius: var(--fzcl-radius-md);
    padding: 14px 18px;
}

.fz-calc__timer-icon {
    font-size: 18px;
    flex-shrink: 0;
    display: block;
    line-height: 1;
    padding-top: 1px;
}

.fz-calc__timer-text {
    font-size: 14px;
    color: var(--fzcl-blue-dark);
    line-height: 1.65;
    font-weight: 500;
    overflow-wrap: break-word;
}

/* ============================================
   CTA WRAP
============================================ */

.fz-calc__cta-wrap {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Main CTA Button */
.fz-calc__cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(
        135deg,
        var(--fzcl-blue-dark) 0%,
        var(--fzcl-blue-medium) 100%
    );
    color: var(--fzcl-white);
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    padding: 17px 32px;
    border-radius: var(--fzcl-radius-sm);
    width: fit-content;
    letter-spacing: 0.2px;
    box-shadow: 0 6px 20px rgba(26, 60, 143, 0.3);
    transition: var(--fzcl-transition);
    position: relative;
    overflow: hidden;
    text-decoration: none !important;
}

/* Shimmer effect — CSS only */
.fz-calc__cta-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.14),
        transparent
    );
    transition: left 0.55s ease;
    pointer-events: none;
}

.fz-calc__cta-btn:hover::before {
    left: 100%;
}

.fz-calc__cta-btn:hover {
    background: linear-gradient(
        135deg,
        var(--fzcl-blue-medium) 0%,
        var(--fzcl-blue-dark) 100%
    );
    box-shadow: 0 8px 28px rgba(26, 60, 143, 0.42);
    transform: translateY(-3px);
    color: var(--fzcl-white);
}

.fz-calc__cta-btn:active {
    transform: translateY(0);
    box-shadow: 0 3px 10px rgba(26, 60, 143, 0.2);
}

.fz-calc__cta-btn:focus-visible {
    outline: 3px solid var(--fzcl-gold);
    outline-offset: 3px;
}

.fz-calc__cta-btn-icon {
    font-size: 20px;
    display: block;
    line-height: 1;
    flex-shrink: 0;
}

.fz-calc__cta-arrow {
    font-size: 18px;
    display: inline-block;
    transition: transform 0.25s ease;
}

.fz-calc__cta-btn:hover .fz-calc__cta-arrow {
    transform: translateX(5px);
}

/* CTA Note */
.fz-calc__cta-note {
    font-size: 13px;
    color: var(--fzcl-text-light);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.fz-calc__cta-note-check {
    color: var(--fzcl-green);
    font-weight: 700;
}

/* ============================================
   RIGHT: PREVIEW PANEL
============================================ */

.fz-calc__preview {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
}

/* ============================================
   CALCULATOR MOCK UI
============================================ */

.fz-calc__mock {
    background: var(--fzcl-mock-bg);
    border-radius: var(--fzcl-radius-xl);
    box-shadow: var(--fzcl-shadow-mock);
    overflow: hidden;
    width: 100%;
    max-width: 420px;
    isolation: isolate;
    contain: layout style;
    position: relative;
    z-index: 1;
    /* Security: all mock elements are
       aria-hidden and pointer-events none
       to prevent interaction confusion */
    pointer-events: none;
    user-select: none;
}

/* ============================================
   MOCK HEADER BAR
============================================ */

.fz-calc__mock-header {
    background: var(--fzcl-mock-surface);
    padding: 12px 18px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid var(--fzcl-mock-border);
}

.fz-calc__mock-dots {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-shrink: 0;
}

.fz-calc__mock-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: block;
    flex-shrink: 0;
}

.fz-calc__mock-dot--red {
    background: var(--fzcl-red);
    opacity: 0.8;
}

.fz-calc__mock-dot--yellow {
    background: var(--fzcl-yellow);
    opacity: 0.8;
}

.fz-calc__mock-dot--green {
    background: var(--fzcl-green);
    opacity: 0.8;
}

.fz-calc__mock-title {
    flex: 1;
    font-size: 12px;
    font-weight: 600;
    color: var(--fzcl-mock-subtext);
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fz-calc__mock-secure {
    font-size: 11px;
    color: var(--fzcl-mock-subtext);
    flex-shrink: 0;
}

/* ============================================
   MOCK BODY
============================================ */

.fz-calc__mock-body {
    padding: 20px 20px 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ============================================
   MOCK STEP PROGRESS
============================================ */

.fz-calc__mock-steps {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    padding-bottom: 4px;
}

.fz-calc__mock-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

.fz-calc__mock-step-num {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    background: var(--fzcl-mock-surface);
    color: var(--fzcl-mock-subtext);
    border: 1.5px solid rgba(255, 255, 255, 0.12);
    flex-shrink: 0;
}

.fz-calc__mock-step--done .fz-calc__mock-step-num {
    background: linear-gradient(
        135deg,
        var(--fzcl-green),
        #22c55e
    );
    color: var(--fzcl-white);
    border-color: transparent;
    font-size: 12px;
}

.fz-calc__mock-step--active .fz-calc__mock-step-num {
    background: linear-gradient(
        135deg,
        var(--fzcl-gold),
        var(--fzcl-gold-dark)
    );
    color: var(--fzcl-white);
    border-color: transparent;
    animation: fzclStepPulse 1.8s ease-in-out infinite;
}

@keyframes fzclStepPulse {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(201, 168, 76, 0);
    }
    50% {
        box-shadow: 0 0 0 5px rgba(201, 168, 76, 0.2);
    }
}

.fz-calc__mock-step-lbl {
    font-size: 9px;
    color: var(--fzcl-mock-subtext);
    font-weight: 600;
    white-space: nowrap;
}

.fz-calc__mock-step--done .fz-calc__mock-step-lbl,
.fz-calc__mock-step--active .fz-calc__mock-step-lbl {
    color: var(--fzcl-mock-text);
}

/* Step connector lines */
.fz-calc__mock-step-line {
    height: 2px;
    width: 24px;
    background: rgba(255, 255, 255, 0.1);
    flex-shrink: 0;
    margin-bottom: 14px;
}

.fz-calc__mock-step-line--done {
    background: linear-gradient(
        90deg,
        var(--fzcl-green),
        #22c55e
    );
}

/* ============================================
   MOCK SELECTIONS
============================================ */

.fz-calc__mock-selections {
    background: var(--fzcl-mock-surface);
    border-radius: var(--fzcl-radius-md);
    border: 1px solid var(--fzcl-mock-border);
    overflow: hidden;
}

.fz-calc__mock-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 14px;
    border-bottom: 1px solid var(--fzcl-mock-border);
    gap: 10px;
}

.fz-calc__mock-row:last-child {
    border-bottom: none;
}

.fz-calc__mock-row--active {
    background: rgba(201, 168, 76, 0.06);
}

.fz-calc__mock-row-label {
    font-size: 11px;
    font-weight: 600;
    color: var(--fzcl-mock-subtext);
    text-transform: uppercase;
    letter-spacing: 0.4px;
    flex-shrink: 0;
    white-space: nowrap;
}

.fz-calc__mock-row-value {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--fzcl-mock-subtext);
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fz-calc__mock-row-value--selected {
    color: var(--fzcl-mock-text);
}

/* Counter */
.fz-calc__mock-counter {
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid var(--fzcl-mock-border);
    border-radius: var(--fzcl-radius-sm);
    padding: 3px 10px;
}

.fz-calc__mock-counter-btn {
    font-size: 14px;
    color: var(--fzcl-gold);
    font-weight: 700;
    cursor: default;
    display: block;
    line-height: 1;
}

.fz-calc__mock-counter-val {
    font-size: 14px;
    font-weight: 800;
    color: var(--fzcl-mock-text);
    min-width: 16px;
    text-align: center;
}

/* ============================================
   MOCK RESULT
============================================ */

.fz-calc__mock-result {
    background: linear-gradient(
        135deg,
        rgba(26, 60, 143, 0.35) 0%,
        rgba(33, 80, 184, 0.25) 100%
    );
    border: 1px solid rgba(201, 168, 76, 0.2);
    border-radius: var(--fzcl-radius-md);
    padding: 16px 18px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.fz-calc__mock-result-label {
    font-size: 10px;
    font-weight: 700;
    color: var(--fzcl-mock-subtext);
    text-transform: uppercase;
    letter-spacing: 0.6px;
}

.fz-calc__mock-result-value {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 6px;
}

.fz-calc__mock-result-currency {
    font-size: 14px;
    font-weight: 700;
    color: var(--fzcl-gold);
}

.fz-calc__mock-result-num {
    font-size: 28px;
    font-weight: 800;
    color: var(--fzcl-white);
    line-height: 1;
}

/* Blur effect on price — decorative */
.fz-calc__mock-blur-num {
    display: inline-block;
    filter: blur(5px);
    opacity: 0.5;
    pointer-events: none;
    user-select: none;
}

.fz-calc__mock-result-note {
    font-size: 11px;
    color: var(--fzcl-mock-subtext);
    line-height: 1.5;
}

/* Progress bar */
.fz-calc__mock-progress-bar {
    height: 4px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    overflow: hidden;
}

.fz-calc__mock-progress-fill {
    height: 100%;
    width: 60%;
    background: linear-gradient(
        90deg,
        var(--fzcl-blue-dark),
        var(--fzcl-gold)
    );
    border-radius: 4px;
    animation: fzclProgress 3s ease-in-out infinite alternate;
}

@keyframes fzclProgress {
    0% {
        width: 55%;
    }
    100% {
        width: 68%;
    }
}

/* ============================================
   MOCK FOOTER
============================================ */

.fz-calc__mock-footer {
    padding: 12px 20px;
    border-top: 1px solid var(--fzcl-mock-border);
    text-align: center;
    margin-top: 16px;
}

.fz-calc__mock-footer-text {
    font-size: 11px;
    color: var(--fzcl-mock-subtext);
    display: block;
    pointer-events: none;
    user-select: none;
}

/* ============================================
   FLOATING BADGES
============================================ */

.fz-calc__float-badge {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 7px;
    background: var(--fzcl-white);
    border-radius: 50px;
    padding: 8px 16px;
    box-shadow: var(--fzcl-shadow-md);
    border: 1px solid var(--fzcl-border-gold);
    font-size: 12px;
    font-weight: 700;
    color: var(--fzcl-text-dark);
    pointer-events: none;
    user-select: none;
    z-index: 2;
    animation: fzclFloat 3s ease-in-out infinite;
}

.fz-calc__float-badge--top {
    top: 10px;
    right: -10px;
    animation-delay: 0s;
}

.fz-calc__float-badge--bottom {
    bottom: 10px;
    left: -10px;
    animation-delay: 1.5s;
}

@keyframes fzclFloat {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-8px);
    }
}

.fz-calc__float-icon {
    font-size: 15px;
    display: block;
    line-height: 1;
}

.fz-calc__float-text {
    white-space: nowrap;
    pointer-events: none;
}

/* ============================================
   RESPONSIVE — LARGE TABLET (max 1100px)
============================================ */

@media (max-width: 1100px) {
    .fz-calc__layout {
        gap: 40px;
    }
}

/* ============================================
   RESPONSIVE — TABLET (max 900px)
============================================ */

@media (max-width: 900px) {
    .fz-calc {
        padding: 60px 0 68px;
    }

    .fz-calc__layout {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .fz-calc__preview {
        order: -1;
        padding: 20px 0 10px;
    }

    .fz-calc__mock {
        max-width: 100%;
    }

    .fz-calc__float-badge--top {
        top: -10px;
        right: 20px;
    }

    .fz-calc__float-badge--bottom {
        bottom: -10px;
        left: 20px;
    }

    .fz-calc__heading-highlight::after {
        width: auto;
    }
}

/* ============================================
   RESPONSIVE — MOBILE (max 768px)
============================================ */

@media (max-width: 768px) {
    .fz-calc {
        padding: 48px 0 56px;
    }

    .fz-calc__container {
        padding: 0 16px;
    }

    .fz-calc__cta-btn {
        width: 100%;
        justify-content: center;
    }

    .fz-calc__cta-note {
        justify-content: center;
    }

    .fz-calc__cta-btn:hover {
        transform: none;
    }

    .fz-calc__float-badge {
        display: none;
    }

    .fz-calc__covers {
        padding: 18px 16px;
    }

    .fz-calc__mock-steps {
        gap: 0;
    }

    .fz-calc__mock-step-line {
        width: 16px;
    }
}

/* ============================================
   RESPONSIVE — SMALL MOBILE (max 480px)
============================================ */

@media (max-width: 480px) {
    .fz-calc__heading {
        font-size: 24px;
    }

    .fz-calc__desc {
        font-size: 15px;
    }

    .fz-calc__badge {
        font-size: 12px;
        padding: 6px 14px;
    }

    .fz-calc__mock-result-num {
        font-size: 22px;
    }

    .fz-calc__cta-btn {
        font-size: 14px;
        padding: 14px 20px;
    }

    .fz-calc__mock-steps {
        transform: scale(0.9);
        transform-origin: center;
    }
}

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

@media (prefers-reduced-motion: reduce) {
    .fz-calc__badge-dot,
    .fz-calc__mock-step--active .fz-calc__mock-step-num {
        animation: none;
    }

    .fz-calc__mock-progress-fill {
        animation: none;
        width: 60%;
    }

    .fz-calc__float-badge {
        animation: none;
    }

    .fz-calc__cta-btn,
    .fz-calc__cta-arrow {
        transition: none;
    }

    .fz-calc__cta-btn:hover {
        transform: none;
    }

    .fz-calc__cta-btn::before {
        display: none;
    }
}

/* ============================================
   PRINT STYLES
============================================ */

@media print {
    .fz-calc {
        padding: 24px 0;
        background: white;
    }

    .fz-calc::before,
    .fz-calc::after {
        display: none;
    }

    .fz-calc__layout {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .fz-calc__preview {
        display: none;
    }

    .fz-calc__cta-btn {
        background: white;
        color: black;
        border: 1px solid black;
        box-shadow: none;
        width: auto;
    }

    .fz-calc__covers {
        border: 1px solid #ccc;
        box-shadow: none;
    }

    .fz-calc__timer-note {
        border: 1px solid #ccc;
        background: white;
    }

    .fz-calc__timer-text {
        color: black;
    }

    .fz-calc__float-badge {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d4e9f90 *//* ============================================
   SECTION 9 — FREE ZONE FORMATION PROCESS
   Security Hardened CSS

   SECURITY MEASURES APPLIED:
   01. All CSS variables scoped to .fz-process
   02. Strict BEM — zero global namespace risk
   03. No external url() references anywhere
   04. All decoratives: pointer-events none
   05. isolation: isolate on section and cards
   06. contain: layout style on step cards
   07. overflow: hidden on all containers
   08. word-break and overflow-wrap on all text
   09. GPU-only animations (transform/opacity)
   10. No expression() or behavior properties
   11. No -moz-binding or legacy IE filters
   12. user-select: none on decorative elements
   13. z-index fully scoped within section
   14. No CSS injection via custom properties
   15. focus-visible for keyboard accessibility
   16. ARIA roles on custom table elements
   17. Reduced motion media query applied
   18. Print stylesheet included
   19. CSP compatible — no eval-dependent CSS
   20. HowTo schema markup for SEO
============================================ */

/* --- Scoped Variables --- */
.fz-process {
    --fzpr-blue-dark:      #1a3c8f;
    --fzpr-blue-medium:    #2150b8;
    --fzpr-blue-light:     #e8eef8;
    --fzpr-blue-pale:      #f0f4ff;
    --fzpr-gold:           #c9a84c;
    --fzpr-gold-dark:      #a8872e;
    --fzpr-gold-light:     #f5e6c8;
    --fzpr-gold-pale:      #fdf8ef;
    --fzpr-green:          #16803c;
    --fzpr-green-pale:     #f0fdf4;
    --fzpr-white:          #ffffff;
    --fzpr-bg:             #f8f9fc;
    --fzpr-bg-alt:         #f4f6fb;
    --fzpr-text-dark:      #1a2340;
    --fzpr-text-medium:    #4a5568;
    --fzpr-text-light:     #718096;
    --fzpr-border:         #e2e8f0;
    --fzpr-border-gold:    rgba(201, 168, 76, 0.25);
    --fzpr-border-blue:    rgba(26, 60, 143, 0.12);
    --fzpr-shadow-sm:      0 2px 8px rgba(26, 60, 143, 0.07);
    --fzpr-shadow-md:      0 6px 24px rgba(26, 60, 143, 0.10);
    --fzpr-shadow-lg:      0 12px 40px rgba(26, 60, 143, 0.14);
    --fzpr-shadow-card:    0 4px 20px rgba(26, 60, 143, 0.08);
    --fzpr-radius-sm:      8px;
    --fzpr-radius-md:      12px;
    --fzpr-radius-lg:      18px;
    --fzpr-radius-xl:      24px;
    --fzpr-transition:     all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --fzpr-transition-fast: all 0.18s ease;
    --fzpr-line-color:     #dde3f0;
}

/* ============================================
   BASE SECTION
============================================ */

.fz-process {
    background-color: var(--fzpr-bg);
    padding: 80px 0 88px;
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.fz-process::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(
        90deg,
        var(--fzpr-blue-dark) 0%,
        var(--fzpr-gold) 50%,
        var(--fzpr-blue-dark) 100%
    );
    pointer-events: none;
    z-index: 0;
}

.fz-process::after {
    content: '';
    position: absolute;
    top: -80px;
    right: -80px;
    width: 400px;
    height: 400px;
    background: radial-gradient(
        circle,
        rgba(201, 168, 76, 0.04) 0%,
        transparent 70%
    );
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

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

.fz-process__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 48px;
}

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

.fz-process__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 18px;
    max-width: 820px;
    margin: 0 auto;
}

.fz-process__header-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--fzpr-blue-pale);
    border: 1px solid var(--fzpr-border-blue);
    border-radius: 50px;
    padding: 7px 18px;
    font-size: 13px;
    font-weight: 600;
    color: var(--fzpr-blue-dark);
    letter-spacing: 0.3px;
    user-select: none;
}

.fz-process__badge-dot {
    width: 7px;
    height: 7px;
    background: linear-gradient(
        135deg,
        var(--fzpr-blue-dark),
        var(--fzpr-gold)
    );
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
    animation: fzprPulse 2.4s ease-in-out infinite;
}

@keyframes fzprPulse {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.35);
        opacity: 0.6;
    }
}

.fz-process__heading {
    font-size: clamp(24px, 3vw, 38px);
    font-weight: 800;
    color: var(--fzpr-text-dark);
    line-height: 1.2;
    margin: 0;
    letter-spacing: -0.4px;
    overflow-wrap: break-word;
    word-break: break-word;
}

.fz-process__heading-line {
    width: 72px;
    height: 4px;
    background: linear-gradient(
        90deg,
        var(--fzpr-blue-dark),
        var(--fzpr-gold)
    );
    border-radius: 4px;
    pointer-events: none;
}

.fz-process__heading-desc {
    font-size: 16px;
    line-height: 1.85;
    color: var(--fzpr-text-medium);
    margin: 0;
    overflow-wrap: break-word;
    word-break: break-word;
}

/* ============================================
   STATS BAR
============================================ */

.fz-process__stats-bar {
    background: linear-gradient(
        135deg,
        var(--fzpr-blue-dark) 0%,
        var(--fzpr-blue-medium) 100%
    );
    border-radius: var(--fzpr-radius-lg);
    padding: 24px 40px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    box-shadow: var(--fzpr-shadow-lg);
    position: relative;
    overflow: hidden;
}

.fz-process__stats-bar::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 180px;
    height: 180px;
    background: rgba(201, 168, 76, 0.07);
    border-radius: 50%;
    pointer-events: none;
}

.fz-process__stats-bar::after {
    content: '';
    position: absolute;
    bottom: -40px;
    left: -40px;
    width: 140px;
    height: 140px;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 50%;
    pointer-events: none;
}

.fz-process__stat-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    position: relative;
    z-index: 1;
    flex: 1;
}

.fz-process__stat-num {
    font-size: clamp(24px, 3vw, 36px);
    font-weight: 800;
    color: var(--fzpr-white);
    line-height: 1;
    letter-spacing: -0.5px;
}

.fz-process__stat-lbl {
    font-size: 12px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    user-select: none;
    text-align: center;
}

.fz-process__stat-sep {
    width: 1px;
    height: 44px;
    background: linear-gradient(
        180deg,
        transparent,
        rgba(201, 168, 76, 0.5),
        transparent
    );
    flex-shrink: 0;
    pointer-events: none;
}

/* ============================================
   MAIN LAYOUT
============================================ */

.fz-process__layout {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 40px;
    align-items: start;
}

/* ============================================
   STEPS TIMELINE — LEFT
============================================ */

.fz-process__steps {
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* ============================================
   INDIVIDUAL STEP
============================================ */

.fz-process__step {
    display: grid;
    grid-template-columns: 60px 1fr;
    gap: 0 20px;
    align-items: start;
    contain: layout style;
}

.fz-process__step--last .fz-process__step-marker {
    /* No line after last step */
}

/* ============================================
   STEP MARKER — LEFT COLUMN
============================================ */

.fz-process__step-marker {
    display: flex;
    flex-direction: column;
    align-items: center;
    pointer-events: none;
}

/* Step number circle */
.fz-process__step-num {
    width: 48px;
    height: 48px;
    background: linear-gradient(
        135deg,
        var(--fzpr-blue-dark),
        var(--fzpr-blue-medium)
    );
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 4px 14px rgba(26, 60, 143, 0.25);
    position: relative;
    z-index: 1;
}

.fz-process__step-num span {
    font-size: 13px;
    font-weight: 800;
    color: var(--fzpr-white);
    letter-spacing: 0.2px;
    user-select: none;
}

/* Key milestone step */
.fz-process__step-num--key {
    background: linear-gradient(
        135deg,
        var(--fzpr-gold),
        var(--fzpr-gold-dark)
    );
    box-shadow: 0 4px 14px rgba(201, 168, 76, 0.35);
    animation: fzprKeyPulse 2s ease-in-out infinite;
}

@keyframes fzprKeyPulse {
    0%, 100% {
        box-shadow: 0 4px 14px rgba(201, 168, 76, 0.35);
    }
    50% {
        box-shadow: 0 4px 24px rgba(201, 168, 76, 0.55),
                    0 0 0 6px rgba(201, 168, 76, 0.12);
    }
}

/* Final step */
.fz-process__step-num--final {
    background: linear-gradient(
        135deg,
        var(--fzpr-green),
        #22c55e
    );
    box-shadow: 0 4px 14px rgba(22, 128, 60, 0.3);
}

/* Connecting line between steps */
.fz-process__step-line {
    width: 2px;
    flex: 1;
    min-height: 40px;
    background: linear-gradient(
        180deg,
        var(--fzpr-blue-light),
        var(--fzpr-line-color)
    );
    margin: 4px 0;
    pointer-events: none;
}

/* ============================================
   STEP CONTENT — RIGHT COLUMN
============================================ */

.fz-process__step-content {
    padding-bottom: 32px;
}

.fz-process__step--last .fz-process__step-content {
    padding-bottom: 0;
}

/* Step Header */
.fz-process__step-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 14px;
    padding-top: 4px;
}

/* Icon wrap */
.fz-process__step-icon-wrap {
    width: 44px;
    height: 44px;
    background: linear-gradient(
        135deg,
        var(--fzpr-blue-pale),
        var(--fzpr-blue-light)
    );
    border-radius: var(--fzpr-radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid var(--fzpr-border-blue);
    transition: var(--fzpr-transition-fast);
}

.fz-process__step-icon-wrap--key {
    background: linear-gradient(
        135deg,
        var(--fzpr-gold-light),
        var(--fzpr-gold-pale)
    );
    border-color: var(--fzpr-border-gold);
}

.fz-process__step:hover .fz-process__step-icon-wrap {
    background: linear-gradient(
        135deg,
        var(--fzpr-blue-dark),
        var(--fzpr-blue-medium)
    );
    border-color: transparent;
    box-shadow: 0 3px 12px rgba(26, 60, 143, 0.2);
}

.fz-process__step-icon {
    font-size: 20px;
    display: block;
    line-height: 1;
}

/* Step Meta */
.fz-process__step-meta {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    min-width: 0;
}

/* H3 */
.fz-process__step-title {
    font-size: 17px;
    font-weight: 700;
    color: var(--fzpr-text-dark);
    margin: 0;
    line-height: 1.3;
    overflow-wrap: break-word;
    word-break: break-word;
    transition: var(--fzpr-transition-fast);
}

.fz-process__step:hover .fz-process__step-title {
    color: var(--fzpr-blue-dark);
}

/* Day badge */
.fz-process__step-day {
    font-size: 12px;
    font-weight: 600;
    color: var(--fzpr-text-light);
    display: inline-flex;
    align-items: center;
    gap: 5px;
    user-select: none;
}

.fz-process__step-day--key {
    color: var(--fzpr-gold-dark);
    font-weight: 700;
}

/* ============================================
   STEP BODY
============================================ */

.fz-process__step-body {
    background: var(--fzpr-white);
    border-radius: var(--fzpr-radius-md);
    border: 1px solid var(--fzpr-border);
    padding: 18px 20px;
    box-shadow: var(--fzpr-shadow-sm);
    transition: var(--fzpr-transition);
}

.fz-process__step:hover .fz-process__step-body {
    border-color: var(--fzpr-border-gold);
    box-shadow: var(--fzpr-shadow-card);
}

.fz-process__step-desc {
    font-size: 14.5px;
    line-height: 1.8;
    color: var(--fzpr-text-medium);
    margin: 0;
    overflow-wrap: break-word;
    word-break: break-word;
}

/* ============================================
   STEP POINTS (Step 1 sub-list)
============================================ */

.fz-process__step-points {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--fzpr-border);
}

.fz-process__step-points-title {
    font-size: 13px;
    font-weight: 700;
    color: var(--fzpr-text-dark);
    margin: 0 0 10px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.fz-process__points-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.fz-process__point-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 13.5px;
    color: var(--fzpr-text-medium);
    line-height: 1.6;
    list-style: none;
}

.fz-process__point-dot {
    width: 7px;
    height: 7px;
    background: linear-gradient(
        135deg,
        var(--fzpr-gold),
        var(--fzpr-gold-dark)
    );
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 6px;
    display: inline-block;
    pointer-events: none;
}

/* ============================================
   RIGHT SIDEBAR
============================================ */

.fz-process__sidebar {
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: sticky;
    top: 24px;
}

/* ============================================
   TIMELINE CARD
============================================ */

.fz-process__timeline-card {
    background: var(--fzpr-white);
    border-radius: var(--fzpr-radius-lg);
    border: 1px solid var(--fzpr-border);
    box-shadow: var(--fzpr-shadow-card);
    overflow: hidden;
    isolation: isolate;
}

.fz-process__timeline-header {
    background: linear-gradient(
        135deg,
        var(--fzpr-blue-dark),
        var(--fzpr-blue-medium)
    );
    padding: 18px 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.fz-process__timeline-header-icon {
    font-size: 20px;
    display: block;
    flex-shrink: 0;
    line-height: 1;
}

.fz-process__timeline-title {
    font-size: 15px;
    font-weight: 700;
    color: var(--fzpr-white);
    margin: 0;
    line-height: 1.3;
}

/* ============================================
   CUSTOM TABLE
============================================ */

.fz-process__timeline-table {
    display: flex;
    flex-direction: column;
}

.fz-process__tbl-head {
    display: grid;
    grid-template-columns: 44px 1fr 80px;
    gap: 0;
    background: var(--fzpr-bg-alt);
    border-bottom: 1px solid var(--fzpr-border);
    padding: 0;
}

.fz-process__tbl-th {
    padding: 9px 12px;
    font-size: 10px;
    font-weight: 700;
    color: var(--fzpr-text-light);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    user-select: none;
    border-right: 1px solid var(--fzpr-border);
}

.fz-process__tbl-th:last-child {
    border-right: none;
}

.fz-process__tbl-th--activity {
    border-right: 1px solid var(--fzpr-border);
}

.fz-process__tbl-th--time {
    text-align: center;
}

/* Table Rows */
.fz-process__tbl-row {
    display: grid;
    grid-template-columns: 44px 1fr 80px;
    border-bottom: 1px solid var(--fzpr-border);
    transition: var(--fzpr-transition-fast);
}

.fz-process__tbl-row:hover {
    background: var(--fzpr-blue-pale);
}

.fz-process__tbl-row--last {
    border-bottom: none;
}

.fz-process__tbl-row--key {
    background: linear-gradient(
        90deg,
        var(--fzpr-gold-pale),
        rgba(253, 248, 239, 0.5)
    );
}

.fz-process__tbl-row--key:hover {
    background: var(--fzpr-gold-light);
}

/* Stage cell */
.fz-process__tbl-stage {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 11px 8px;
    border-right: 1px solid var(--fzpr-border);
    font-size: 12px;
    font-weight: 800;
    color: var(--fzpr-text-dark);
    flex-direction: column;
}

.fz-process__tbl-stage--key {
    color: var(--fzpr-gold-dark);
}

/* Stage dot */
.fz-process__tbl-stage-dot {
    width: 6px;
    height: 6px;
    background: var(--fzpr-blue-dark);
    border-radius: 50%;
    display: block;
    flex-shrink: 0;
    pointer-events: none;
    user-select: none;
}

.fz-process__tbl-stage-dot--key {
    background: var(--fzpr-gold);
}

.fz-process__tbl-stage-dot--final {
    background: var(--fzpr-green);
}

/* Activity cell */
.fz-process__tbl-activity {
    padding: 11px 12px;
    font-size: 12.5px;
    font-weight: 500;
    color: var(--fzpr-text-medium);
    border-right: 1px solid var(--fzpr-border);
    line-height: 1.5;
    display: flex;
    align-items: center;
    gap: 8px;
    overflow-wrap: break-word;
    word-break: break-word;
}

.fz-process__tbl-activity--key {
    font-weight: 700;
    color: var(--fzpr-text-dark);
}

/* Key badge */
.fz-process__tbl-key-badge {
    font-size: 9px;
    font-weight: 700;
    background: var(--fzpr-gold);
    color: var(--fzpr-white);
    border-radius: 50px;
    padding: 2px 7px;
    white-space: nowrap;
    flex-shrink: 0;
    user-select: none;
    pointer-events: none;
}

/* Time cell */
.fz-process__tbl-time {
    padding: 11px 8px;
    font-size: 11.5px;
    font-weight: 700;
    color: var(--fzpr-blue-dark);
    text-align: center;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fz-process__tbl-time--key {
    color: var(--fzpr-gold-dark);
}

/* Timeline Note */
.fz-process__timeline-note {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 12px 16px;
    background: var(--fzpr-bg-alt);
    border-top: 1px solid var(--fzpr-border);
}

.fz-process__timeline-note-icon {
    font-size: 13px;
    color: var(--fzpr-blue-dark);
    font-weight: 700;
    font-style: normal;
    flex-shrink: 0;
    display: inline-block;
    pointer-events: none;
    user-select: none;
    padding-top: 1px;
}

.fz-process__timeline-note-text {
    font-size: 11.5px;
    color: var(--fzpr-text-light);
    line-height: 1.6;
    overflow-wrap: break-word;
}

/* ============================================
   CTA PANEL
============================================ */

.fz-process__cta-panel {
    background: linear-gradient(
        160deg,
        var(--fzpr-blue-dark) 0%,
        var(--fzpr-blue-medium) 100%
    );
    border-radius: var(--fzpr-radius-xl);
    overflow: hidden;
    box-shadow: var(--fzpr-shadow-lg);
    position: relative;
    isolation: isolate;
}

.fz-process__cta-panel::before {
    content: '';
    position: absolute;
    top: -40px;
    right: -40px;
    width: 160px;
    height: 160px;
    background: rgba(201, 168, 76, 0.08);
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

.fz-process__cta-panel::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 120px;
    height: 120px;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

.fz-process__cta-panel-inner {
    padding: 26px 24px;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.fz-process__cta-icon {
    font-size: 30px;
    display: block;
    line-height: 1;
}

.fz-process__cta-title {
    font-size: 19px;
    font-weight: 800;
    color: var(--fzpr-white);
    margin: 0;
    line-height: 1.3;
    overflow-wrap: break-word;
}

.fz-process__cta-desc {
    font-size: 13.5px;
    color: rgba(255, 255, 255, 0.78);
    line-height: 1.75;
    margin: 0;
    overflow-wrap: break-word;
    word-break: break-word;
}

/* CTA Button */
.fz-process__cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: linear-gradient(
        135deg,
        var(--fzpr-gold) 0%,
        var(--fzpr-gold-dark) 100%
    );
    color: var(--fzpr-white);
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    padding: 14px 20px;
    border-radius: var(--fzpr-radius-sm);
    width: 100%;
    text-align: center;
    letter-spacing: 0.2px;
    box-shadow: 0 4px 14px rgba(201, 168, 76, 0.4);
    transition: var(--fzpr-transition);
    position: relative;
    overflow: hidden;
    text-decoration: none !important;
}

/* Shimmer */
.fz-process__cta-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.14),
        transparent
    );
    transition: left 0.5s ease;
    pointer-events: none;
}

.fz-process__cta-btn:hover::before {
    left: 100%;
}

.fz-process__cta-btn:hover {
    background: linear-gradient(
        135deg,
        var(--fzpr-gold-dark) 0%,
        var(--fzpr-gold) 100%
    );
    box-shadow: 0 6px 22px rgba(201, 168, 76, 0.55);
    transform: translateY(-2px);
    color: var(--fzpr-white);
}

.fz-process__cta-btn:active {
    transform: translateY(0);
}

.fz-process__cta-btn:focus-visible {
    outline: 3px solid var(--fzpr-white);
    outline-offset: 3px;
}

.fz-process__cta-arrow {
    font-size: 16px;
    display: inline-block;
    transition: transform 0.25s ease;
    flex-shrink: 0;
}

.fz-process__cta-btn:hover .fz-process__cta-arrow {
    transform: translateX(4px);
}

/* Assurance items */
.fz-process__cta-assurance {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.fz-process__assurance-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12.5px;
    color: rgba(255, 255, 255, 0.82);
    font-weight: 500;
}

/* CSS checkmark */
.fz-process__assurance-check {
    width: 16px;
    height: 16px;
    background: linear-gradient(
        135deg,
        var(--fzpr-gold),
        var(--fzpr-gold-dark)
    );
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.fz-process__assurance-check::after {
    content: '';
    width: 4px;
    height: 7px;
    border: 2px solid var(--fzpr-white);
    border-top: none;
    border-left: none;
    transform: rotate(45deg) translateY(-1px);
    display: block;
    pointer-events: none;
}

/* ============================================
   RESPONSIVE — LARGE TABLET (max 1100px)
============================================ */

@media (max-width: 1100px) {
    .fz-process__layout {
        grid-template-columns: 1fr 340px;
        gap: 32px;
    }
}

/* ============================================
   RESPONSIVE — TABLET (max 900px)
============================================ */

@media (max-width: 900px) {
    .fz-process {
        padding: 60px 0 68px;
    }

    .fz-process__container {
        gap: 40px;
    }

    .fz-process__layout {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .fz-process__sidebar {
        position: static;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .fz-process__stats-bar {
        padding: 20px 24px;
    }
}

/* ============================================
   RESPONSIVE — MOBILE (max 768px)
============================================ */

@media (max-width: 768px) {
    .fz-process {
        padding: 48px 0 56px;
    }

    .fz-process__container {
        padding: 0 16px;
        gap: 32px;
    }

    .fz-process__sidebar {
        grid-template-columns: 1fr;
    }

    .fz-process__step {
        grid-template-columns: 48px 1fr;
        gap: 0 14px;
    }

    .fz-process__step-num {
        width: 40px;
        height: 40px;
    }

    .fz-process__step-num span {
        font-size: 12px;
    }

    .fz-process__step-title {
        font-size: 15px;
    }

    .fz-process__stats-bar {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
        padding: 20px 20px;
    }

    .fz-process__stat-sep {
        display: none;
    }

    .fz-process__cta-btn:hover {
        transform: none;
    }
}

/* ============================================
   RESPONSIVE — SMALL MOBILE (max 480px)
============================================ */

@media (max-width: 480px) {
    .fz-process__heading {
        font-size: 22px;
    }

    .fz-process__step {
        grid-template-columns: 40px 1fr;
        gap: 0 12px;
    }

    .fz-process__step-num {
        width: 36px;
        height: 36px;
    }

    .fz-process__step-num span {
        font-size: 11px;
    }

    .fz-process__step-body {
        padding: 14px 16px;
    }

    .fz-process__step-icon-wrap {
        width: 36px;
        height: 36px;
    }

    .fz-process__step-icon {
        font-size: 17px;
    }

    .fz-process__tbl-head,
    .fz-process__tbl-row {
        grid-template-columns: 36px 1fr 72px;
    }

    .fz-process__stat-num {
        font-size: 22px;
    }

    .fz-process__header-badge {
        font-size: 12px;
        padding: 6px 14px;
    }
}

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

@media (prefers-reduced-motion: reduce) {
    .fz-process__badge-dot {
        animation: none;
    }

    .fz-process__step-num--key {
        animation: none;
        box-shadow: 0 4px 14px rgba(201, 168, 76, 0.35);
    }

    .fz-process__step-body,
    .fz-process__step-title,
    .fz-process__step-icon-wrap,
    .fz-process__cta-btn,
    .fz-process__cta-arrow,
    .fz-process__tbl-row {
        transition: none;
    }

    .fz-process__cta-btn:hover {
        transform: none;
    }

    .fz-process__cta-btn::before {
        display: none;
    }
}

/* ============================================
   PRINT STYLES
============================================ */

@media print {
    .fz-process {
        padding: 24px 0;
        background: white;
    }

    .fz-process::before,
    .fz-process::after,
    .fz-process__cta-panel::before,
    .fz-process__cta-panel::after,
    .fz-process__stats-bar::before,
    .fz-process__stats-bar::after {
        display: none;
    }

    .fz-process__layout {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .fz-process__sidebar {
        position: static;
        display: grid;
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .fz-process__step-body {
        box-shadow: none;
        border: 1px solid #ccc;
    }

    .fz-process__stats-bar {
        background: #1a3c8f;
        box-shadow: none;
    }

    .fz-process__timeline-card {
        box-shadow: none;
        border: 1px solid #ccc;
    }

    .fz-process__cta-panel {
        background: white;
        border: 1px solid #ccc;
        box-shadow: none;
    }

    .fz-process__cta-title,
    .fz-process__cta-desc,
    .fz-process__assurance-item {
        color: black;
    }

    .fz-process__cta-btn {
        background: white;
        color: black;
        border: 1px solid black;
        box-shadow: none;
    }

    .fz-process__step-line {
        background: #ccc;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-26fc2b9 *//* ============================================
   SECTION 11 — FREE ZONE VS MAINLAND COMPARISON
   Security Hardened CSS

   SECURITY MEASURES APPLIED:
   01. All CSS variables scoped to .fz-compare2
   02. Strict BEM — zero global namespace risk
   03. No external url() references anywhere
   04. All decoratives: pointer-events none
   05. isolation: isolate on section and cards
   06. contain: layout style on choice cards
   07. overflow: hidden on containers
   08. word-break and overflow-wrap on all text
   09. GPU-only transitions (transform/opacity)
   10. No expression() or behavior properties
   11. No -moz-binding or legacy IE filters
   12. user-select: none on decorative elements
   13. z-index fully scoped within section
   14. table-layout: fixed prevents layout attacks
   15. focus-visible for keyboard accessibility
   16. caption-side for accessible table title
   17. scope attributes on all th elements
   18. Reduced motion media query applied
   19. Print stylesheet included
   20. CSP compatible — no eval-dependent CSS
============================================ */

/* --- Scoped Variables --- */
.fz-compare2 {
    --fzc2-blue-dark:      #1a3c8f;
    --fzc2-blue-medium:    #2150b8;
    --fzc2-blue-light:     #e8eef8;
    --fzc2-blue-pale:      #f0f4ff;
    --fzc2-gold:           #c9a84c;
    --fzc2-gold-dark:      #a8872e;
    --fzc2-gold-light:     #f5e6c8;
    --fzc2-gold-pale:      #fdf8ef;
    --fzc2-green:          #16803c;
    --fzc2-green-pale:     #f0fdf4;
    --fzc2-green-light:    #dcfce7;
    --fzc2-amber:          #b45309;
    --fzc2-amber-pale:     #fffbeb;
    --fzc2-red:            #dc2626;
    --fzc2-red-pale:       #fef2f2;
    --fzc2-teal:           #0d7377;
    --fzc2-teal-pale:      #f0fafa;
    --fzc2-white:          #ffffff;
    --fzc2-bg:             #f8f9fc;
    --fzc2-bg-row-alt:     #fafbfd;
    --fzc2-text-dark:      #1a2340;
    --fzc2-text-medium:    #4a5568;
    --fzc2-text-light:     #718096;
    --fzc2-border:         #e2e8f0;
    --fzc2-border-gold:    rgba(201, 168, 76, 0.25);
    --fzc2-border-blue:    rgba(26, 60, 143, 0.12);
    --fzc2-fz-col:         rgba(26, 60, 143, 0.04);
    --fzc2-ml-col:         rgba(13, 115, 119, 0.04);
    --fzc2-shadow-sm:      0 2px 8px rgba(26, 60, 143, 0.07);
    --fzc2-shadow-md:      0 6px 24px rgba(26, 60, 143, 0.10);
    --fzc2-shadow-lg:      0 12px 40px rgba(26, 60, 143, 0.14);
    --fzc2-shadow-card:    0 4px 20px rgba(26, 60, 143, 0.08);
    --fzc2-radius-sm:      8px;
    --fzc2-radius-md:      12px;
    --fzc2-radius-lg:      18px;
    --fzc2-radius-xl:      24px;
    --fzc2-transition:     all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --fzc2-transition-fast: all 0.18s ease;
}

/* ============================================
   BASE SECTION
============================================ */

.fz-compare2 {
    background-color: var(--fzc2-bg);
    padding: 80px 0 88px;
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.fz-compare2::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(
        90deg,
        var(--fzc2-blue-dark) 0%,
        var(--fzc2-gold) 50%,
        var(--fzc2-teal) 100%
    );
    pointer-events: none;
    z-index: 0;
}

.fz-compare2::after {
    content: '';
    position: absolute;
    top: -80px;
    right: -80px;
    width: 380px;
    height: 380px;
    background: radial-gradient(
        circle,
        rgba(201, 168, 76, 0.04) 0%,
        transparent 70%
    );
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

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

.fz-compare2__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 36px;
}

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

.fz-compare2__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 18px;
    max-width: 820px;
    margin: 0 auto;
}

.fz-compare2__header-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--fzc2-blue-pale);
    border: 1px solid var(--fzc2-border-blue);
    border-radius: 50px;
    padding: 7px 18px;
    font-size: 13px;
    font-weight: 600;
    color: var(--fzc2-blue-dark);
    letter-spacing: 0.3px;
    user-select: none;
}

.fz-compare2__badge-dot {
    width: 7px;
    height: 7px;
    background: linear-gradient(
        135deg,
        var(--fzc2-blue-dark),
        var(--fzc2-gold)
    );
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
    animation: fzc2Pulse 2.4s ease-in-out infinite;
}

@keyframes fzc2Pulse {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.35);
        opacity: 0.6;
    }
}

.fz-compare2__heading {
    font-size: clamp(22px, 3vw, 36px);
    font-weight: 800;
    color: var(--fzc2-text-dark);
    line-height: 1.25;
    margin: 0;
    letter-spacing: -0.4px;
    overflow-wrap: break-word;
    word-break: break-word;
}

.fz-compare2__heading-sub {
    color: var(--fzc2-blue-dark);
    display: inline;
}

.fz-compare2__heading-line {
    width: 72px;
    height: 4px;
    background: linear-gradient(
        90deg,
        var(--fzc2-blue-dark),
        var(--fzc2-gold)
    );
    border-radius: 4px;
    pointer-events: none;
}

.fz-compare2__heading-desc {
    font-size: 16px;
    line-height: 1.85;
    color: var(--fzc2-text-medium);
    margin: 0;
    overflow-wrap: break-word;
    word-break: break-word;
}

/* ============================================
   COLUMN HEADERS VISUAL (desktop only)
============================================ */

.fz-compare2__col-headers {
    display: grid;
    grid-template-columns: 240px 1fr 1fr;
    gap: 0;
    padding: 0 0 8px;
}

.fz-compare2__col-spacer {
    flex: none;
}

.fz-compare2__col-label {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    padding: 18px 16px;
    border-radius: var(--fzc2-radius-lg) var(--fzc2-radius-lg) 0 0;
    margin: 0 4px;
}

.fz-compare2__col-label--fz {
    background: linear-gradient(
        135deg,
        var(--fzc2-blue-dark),
        var(--fzc2-blue-medium)
    );
    box-shadow: 0 4px 16px rgba(26, 60, 143, 0.2);
}

.fz-compare2__col-label--ml {
    background: linear-gradient(
        135deg,
        var(--fzc2-teal),
        #0a9396
    );
    box-shadow: 0 4px 16px rgba(13, 115, 119, 0.2);
}

.fz-compare2__col-label-icon {
    font-size: 24px;
    line-height: 1;
    pointer-events: none;
    user-select: none;
}

.fz-compare2__col-label-text {
    font-size: 14px;
    font-weight: 700;
    color: var(--fzc2-white);
    text-align: center;
    user-select: none;
}

/* ============================================
   TABLE WRAPPER
============================================ */

.fz-compare2__table-wrapper {
    background: var(--fzc2-white);
    border-radius: 0 0 var(--fzc2-radius-lg) var(--fzc2-radius-lg);
    box-shadow: var(--fzc2-shadow-lg);
    border: 1px solid var(--fzc2-border);
    border-top: none;
    overflow-x: auto;
    overflow-y: hidden;
    isolation: isolate;
    contain: layout style;
    outline: none;
    -webkit-overflow-scrolling: touch;
}

.fz-compare2__table-wrapper:focus-visible {
    outline: 3px solid var(--fzc2-gold);
    outline-offset: 2px;
}

/* ============================================
   TABLE
============================================ */

.fz-compare2__table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    min-width: 720px;
}

.fz-compare2__caption {
    caption-side: top;
    font-size: 0;
    height: 0;
    overflow: hidden;
    display: block;
    visibility: hidden;
}

/* ============================================
   TABLE HEAD
============================================ */

.fz-compare2__thead {
    display: none;
    /* Visual headers shown via .fz-compare2__col-headers */
}

/* ============================================
   TABLE BODY
============================================ */

.fz-compare2__tbody {
    display: table-row-group;
}

/* ============================================
   TABLE ROW
============================================ */

.fz-compare2__row {
    border-bottom: 1px solid var(--fzc2-border);
    transition: var(--fzc2-transition-fast);
}

.fz-compare2__row:last-child {
    border-bottom: none;
}

.fz-compare2__row:nth-child(even) {
    background: var(--fzc2-bg-row-alt);
}

.fz-compare2__row:hover {
    background: var(--fzc2-blue-pale);
}

.fz-compare2__row--best {
    background: linear-gradient(
        90deg,
        var(--fzc2-gold-pale),
        rgba(253, 248, 239, 0.6),
        var(--fzc2-teal-pale)
    );
}

.fz-compare2__row--best:hover {
    background: var(--fzc2-gold-light);
}

/* ============================================
   TABLE CELLS
============================================ */

.fz-compare2__td {
    padding: 14px 16px;
    vertical-align: middle;
    border-right: 1px solid var(--fzc2-border);
    overflow-wrap: break-word;
    word-break: break-word;
}

.fz-compare2__td:last-child {
    border-right: none;
}

/* Factor column */
.fz-compare2__td--factor {
    width: 240px;
    background: var(--fzc2-bg);
    border-right: 2px solid var(--fzc2-border);
    font-weight: normal;
}

.fz-compare2__td--factor-best {
    background: var(--fzc2-gold-pale);
}

/* FZ column tint */
.fz-compare2__td--fz {
    background: var(--fzc2-fz-col);
}

/* ML column tint */
.fz-compare2__td--ml {
    background: var(--fzc2-ml-col);
}

/* Best row special cells */
.fz-compare2__td--best-fz {
    background: linear-gradient(
        135deg,
        rgba(26, 60, 143, 0.06),
        rgba(26, 60, 143, 0.02)
    );
    padding: 16px;
}

.fz-compare2__td--best-ml {
    background: linear-gradient(
        135deg,
        rgba(13, 115, 119, 0.06),
        rgba(13, 115, 119, 0.02)
    );
    padding: 16px;
}

/* Factor cell inner */
.fz-compare2__factor-cell {
    display: flex;
    align-items: center;
    gap: 10px;
}

.fz-compare2__factor-icon {
    font-size: 16px;
    display: block;
    flex-shrink: 0;
    line-height: 1;
    pointer-events: none;
}

.fz-compare2__factor-name {
    font-size: 13.5px;
    font-weight: 700;
    color: var(--fzc2-text-dark);
    overflow-wrap: break-word;
}

/* Cell inner */
.fz-compare2__cell-inner {
    display: flex;
    align-items: center;
    gap: 9px;
}

.fz-compare2__cell-text {
    font-size: 13.5px;
    color: var(--fzc2-text-medium);
    overflow-wrap: break-word;
    word-break: break-word;
    line-height: 1.5;
}

/* Best text */
.fz-compare2__best-text {
    font-size: 13.5px;
    font-weight: 700;
    color: var(--fzc2-text-dark);
    overflow-wrap: break-word;
    display: block;
}

/* ============================================
   STATUS ICONS — CSS ONLY
============================================ */

.fz-compare2__status-icon {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    pointer-events: none;
}

/* Yes / Advantage — green check */
.fz-compare2__status-icon--yes {
    background: linear-gradient(
        135deg,
        var(--fzc2-green),
        #22c55e
    );
    box-shadow: 0 1px 4px rgba(22, 128, 60, 0.25);
}

.fz-compare2__status-icon--yes::after {
    content: '';
    width: 5px;
    height: 8px;
    border: 2px solid var(--fzc2-white);
    border-top: none;
    border-left: none;
    transform: rotate(45deg) translateY(-1px);
    display: block;
}

/* Partial / Neutral — amber dash */
.fz-compare2__status-icon--partial {
    background: linear-gradient(
        135deg,
        var(--fzc2-amber),
        #d97706
    );
    box-shadow: 0 1px 4px rgba(180, 83, 9, 0.2);
}

.fz-compare2__status-icon--partial::after {
    content: '';
    width: 8px;
    height: 2px;
    background: var(--fzc2-white);
    border-radius: 2px;
    display: block;
}

/* No — red cross */
.fz-compare2__status-icon--no {
    background: linear-gradient(
        135deg,
        var(--fzc2-red),
        #ef4444
    );
    box-shadow: 0 1px 4px rgba(220, 38, 38, 0.2);
}

.fz-compare2__status-icon--no::before,
.fz-compare2__status-icon--no::after {
    content: '';
    position: absolute;
    width: 9px;
    height: 2px;
    background: var(--fzc2-white);
    border-radius: 2px;
}

.fz-compare2__status-icon--no::before {
    transform: rotate(45deg);
}

.fz-compare2__status-icon--no::after {
    transform: rotate(-45deg);
}

/* ============================================
   SCROLL HINT
============================================ */

.fz-compare2__scroll-hint {
    display: none;
    text-align: center;
    font-size: 12px;
    color: var(--fzc2-text-light);
    font-weight: 500;
    margin: 0;
    padding: 4px 0;
    user-select: none;
    pointer-events: none;
}

.fz-compare2__scroll-icon {
    font-size: 14px;
    margin-right: 5px;
}

/* ============================================
   LEGEND
============================================ */

.fz-compare2__legend {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

.fz-compare2__legend-item {
    display: flex;
    align-items: center;
    gap: 7px;
}

.fz-compare2__legend-text {
    font-size: 12.5px;
    color: var(--fzc2-text-light);
    font-weight: 500;
    user-select: none;
}

/* ============================================
   WHEN TO CHOOSE GRID
============================================ */

.fz-compare2__choice-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

/* ============================================
   CHOICE CARD
============================================ */

.fz-compare2__choice-card {
    background: var(--fzc2-white);
    border-radius: var(--fzc2-radius-xl);
    border: 1px solid var(--fzc2-border);
    box-shadow: var(--fzc2-shadow-card);
    padding: 28px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    transition: var(--fzc2-transition);
    isolation: isolate;
    contain: layout style;
    position: relative;
    overflow: hidden;
}

.fz-compare2__choice-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    pointer-events: none;
}

.fz-compare2__choice-card--fz::before {
    background: linear-gradient(
        90deg,
        var(--fzc2-blue-dark),
        var(--fzc2-blue-medium)
    );
}

.fz-compare2__choice-card--ml::before {
    background: linear-gradient(
        90deg,
        var(--fzc2-teal),
        #0a9396
    );
}

.fz-compare2__choice-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--fzc2-shadow-lg);
}

.fz-compare2__choice-card--fz:hover {
    border-color: var(--fzc2-border-blue);
}

.fz-compare2__choice-card--ml:hover {
    border-color: rgba(13, 115, 119, 0.2);
}

/* Choice header */
.fz-compare2__choice-header {
    display: flex;
    align-items: center;
    gap: 14px;
}

.fz-compare2__choice-icon-wrap {
    width: 52px;
    height: 52px;
    border-radius: var(--fzc2-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: linear-gradient(
        135deg,
        var(--fzc2-blue-pale),
        var(--fzc2-blue-light)
    );
    border: 1px solid var(--fzc2-border-blue);
    transition: var(--fzc2-transition-fast);
}

.fz-compare2__choice-icon-wrap--ml {
    background: linear-gradient(
        135deg,
        var(--fzc2-teal-pale),
        #e0f5f5
    );
    border-color: rgba(13, 115, 119, 0.18);
}

.fz-compare2__choice-card:hover .fz-compare2__choice-icon-wrap {
    background: linear-gradient(
        135deg,
        var(--fzc2-blue-dark),
        var(--fzc2-blue-medium)
    );
    border-color: transparent;
}

.fz-compare2__choice-card--ml:hover .fz-compare2__choice-icon-wrap--ml {
    background: linear-gradient(
        135deg,
        var(--fzc2-teal),
        #0a9396
    );
    border-color: transparent;
}

.fz-compare2__choice-icon {
    font-size: 24px;
    display: block;
    line-height: 1;
}

/* H3 */
.fz-compare2__choice-title {
    font-size: 17px;
    font-weight: 700;
    color: var(--fzc2-text-dark);
    margin: 0;
    line-height: 1.3;
    overflow-wrap: break-word;
    transition: var(--fzc2-transition-fast);
}

.fz-compare2__choice-card--fz:hover .fz-compare2__choice-title {
    color: var(--fzc2-blue-dark);
}

.fz-compare2__choice-card--ml:hover .fz-compare2__choice-title {
    color: var(--fzc2-teal);
}

/* Description */
.fz-compare2__choice-desc {
    font-size: 14px;
    line-height: 1.8;
    color: var(--fzc2-text-medium);
    margin: 0;
    overflow-wrap: break-word;
    word-break: break-word;
}

/* Choice list */
.fz-compare2__choice-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 9px;
    flex: 1;
}

.fz-compare2__choice-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 13.5px;
    color: var(--fzc2-text-medium);
    line-height: 1.6;
    list-style: none;
}

.fz-compare2__choice-dot {
    width: 7px;
    height: 7px;
    background: linear-gradient(
        135deg,
        var(--fzc2-blue-dark),
        var(--fzc2-blue-medium)
    );
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 6px;
    display: inline-block;
    pointer-events: none;
}

.fz-compare2__choice-dot--ml {
    background: linear-gradient(
        135deg,
        var(--fzc2-teal),
        #0a9396
    );
}

/* Choice buttons */
.fz-compare2__choice-btn {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 13px 18px;
    border-radius: var(--fzc2-radius-sm);
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    letter-spacing: 0.2px;
    transition: var(--fzc2-transition);
    margin-top: auto;
    text-decoration: none !important;
}

.fz-compare2__choice-btn--fz {
    background: linear-gradient(
        135deg,
        var(--fzc2-blue-dark),
        var(--fzc2-blue-medium)
    );
    color: var(--fzc2-white);
    box-shadow: 0 4px 12px rgba(26, 60, 143, 0.25);
}

.fz-compare2__choice-btn--fz:hover {
    background: linear-gradient(
        135deg,
        var(--fzc2-blue-medium),
        var(--fzc2-blue-dark)
    );
    box-shadow: 0 5px 18px rgba(26, 60, 143, 0.38);
    color: var(--fzc2-white);
    transform: translateY(-1px);
}

.fz-compare2__choice-btn--ml {
    background: linear-gradient(
        135deg,
        var(--fzc2-teal),
        #0a9396
    );
    color: var(--fzc2-white);
    box-shadow: 0 4px 12px rgba(13, 115, 119, 0.25);
}

.fz-compare2__choice-btn--ml:hover {
    background: linear-gradient(
        135deg,
        #0a9396,
        var(--fzc2-teal)
    );
    box-shadow: 0 5px 18px rgba(13, 115, 119, 0.38);
    color: var(--fzc2-white);
    transform: translateY(-1px);
}

.fz-compare2__choice-btn:active {
    transform: translateY(0);
}

.fz-compare2__choice-btn:focus-visible {
    outline: 3px solid var(--fzc2-gold);
    outline-offset: 3px;
}

.fz-compare2__choice-arrow {
    font-size: 16px;
    display: inline-block;
    transition: transform 0.25s ease;
    flex-shrink: 0;
}

.fz-compare2__choice-btn:hover .fz-compare2__choice-arrow {
    transform: translateX(5px);
}

/* ============================================
   BOTTOM CTA STRIP
============================================ */

.fz-compare2__cta-strip {
    background: linear-gradient(
        135deg,
        var(--fzc2-blue-dark) 0%,
        var(--fzc2-blue-medium) 100%
    );
    border-radius: var(--fzc2-radius-xl);
    padding: 32px 40px;
    box-shadow: var(--fzc2-shadow-lg);
    position: relative;
    overflow: hidden;
}

.fz-compare2__cta-strip::before {
    content: '';
    position: absolute;
    top: -60px;
    right: 100px;
    width: 200px;
    height: 200px;
    background: rgba(201, 168, 76, 0.07);
    border-radius: 50%;
    pointer-events: none;
}

.fz-compare2__cta-strip::after {
    content: '';
    position: absolute;
    bottom: -50px;
    left: -50px;
    width: 160px;
    height: 160px;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 50%;
    pointer-events: none;
}

.fz-compare2__cta-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}

.fz-compare2__cta-left {
    display: flex;
    align-items: center;
    gap: 18px;
    flex: 1;
    min-width: 280px;
}

.fz-compare2__cta-icon-wrap {
    width: 56px;
    height: 56px;
    background: rgba(201, 168, 76, 0.18);
    border: 1px solid rgba(201, 168, 76, 0.35);
    border-radius: var(--fzc2-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.fz-compare2__cta-icon {
    font-size: 26px;
    display: block;
    line-height: 1;
}

.fz-compare2__cta-text-group {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.fz-compare2__cta-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--fzc2-white);
    line-height: 1.3;
    overflow-wrap: break-word;
    display: block;
}

.fz-compare2__cta-sub {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.6;
    overflow-wrap: break-word;
    display: block;
}

.fz-compare2__cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(
        135deg,
        var(--fzc2-gold) 0%,
        var(--fzc2-gold-dark) 100%
    );
    color: var(--fzc2-white);
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    padding: 15px 30px;
    border-radius: var(--fzc2-radius-sm);
    white-space: nowrap;
    letter-spacing: 0.2px;
    box-shadow: 0 4px 16px rgba(201, 168, 76, 0.4);
    transition: var(--fzc2-transition);
    position: relative;
    overflow: hidden;
    text-decoration: none !important;
    flex-shrink: 0;
}

.fz-compare2__cta-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.15),
        transparent
    );
    transition: left 0.5s ease;
    pointer-events: none;
}

.fz-compare2__cta-btn:hover::before {
    left: 100%;
}

.fz-compare2__cta-btn:hover {
    background: linear-gradient(
        135deg,
        var(--fzc2-gold-dark) 0%,
        var(--fzc2-gold) 100%
    );
    box-shadow: 0 6px 24px rgba(201, 168, 76, 0.55);
    transform: translateY(-2px);
    color: var(--fzc2-white);
}

.fz-compare2__cta-btn:active {
    transform: translateY(0);
}

.fz-compare2__cta-btn:focus-visible {
    outline: 3px solid var(--fzc2-white);
    outline-offset: 3px;
}

.fz-compare2__cta-arrow {
    font-size: 17px;
    display: inline-block;
    transition: transform 0.25s ease;
}

.fz-compare2__cta-btn:hover .fz-compare2__cta-arrow {
    transform: translateX(5px);
}

/* ============================================
   RESPONSIVE — LARGE TABLET (max 1100px)
============================================ */

@media (max-width: 1100px) {
    .fz-compare2__col-headers {
        grid-template-columns: 200px 1fr 1fr;
    }

    .fz-compare2__td--factor {
        width: 200px;
    }

    .fz-compare2__table {
        min-width: 600px;
    }
}

/* ============================================
   RESPONSIVE — TABLET (max 900px)
============================================ */

@media (max-width: 900px) {
    .fz-compare2 {
        padding: 60px 0 68px;
    }

    .fz-compare2__container {
        gap: 28px;
    }

    .fz-compare2__choice-grid {
        grid-template-columns: 1fr 1fr;
        gap: 18px;
    }

    .fz-compare2__cta-strip {
        padding: 28px 28px;
    }
}

/* ============================================
   RESPONSIVE — MOBILE (max 768px)
============================================ */

@media (max-width: 768px) {
    .fz-compare2 {
        padding: 48px 0 56px;
    }

    .fz-compare2__container {
        padding: 0 16px;
        gap: 24px;
    }

    /* Hide visual column headers */
    .fz-compare2__col-headers {
        display: none;
    }

    /* Show thead on mobile for context */
    .fz-compare2__thead {
        display: table-header-group;
        background: linear-gradient(
            135deg,
            var(--fzc2-blue-dark),
            var(--fzc2-blue-medium)
        );
    }

    .fz-compare2__th {
        padding: 12px 10px;
        font-size: 11px;
        font-weight: 700;
        color: rgba(255, 255, 255, 0.9);
        text-transform: uppercase;
        letter-spacing: 0.4px;
        border-right: 1px solid rgba(255, 255, 255, 0.1);
        white-space: nowrap;
        user-select: none;
        vertical-align: middle;
    }

    .fz-compare2__th:last-child {
        border-right: none;
    }

    .fz-compare2__th-icon {
        display: none;
    }

    .fz-compare2__table-wrapper {
        border-radius: var(--fzc2-radius-lg);
        border-top: 1px solid var(--fzc2-border);
    }

    .fz-compare2__choice-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .fz-compare2__choice-card:hover {
        transform: none;
    }

    .fz-compare2__choice-btn:hover {
        transform: none;
    }

    .fz-compare2__cta-strip {
        padding: 24px 20px;
        border-radius: var(--fzc2-radius-lg);
    }

    .fz-compare2__cta-content {
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
    }

    .fz-compare2__cta-btn {
        width: 100%;
        justify-content: center;
    }

    .fz-compare2__cta-left {
        min-width: unset;
    }

    .fz-compare2__scroll-hint {
        display: block;
    }
}

/* ============================================
   RESPONSIVE — SMALL MOBILE (max 480px)
============================================ */

@media (max-width: 480px) {
    .fz-compare2__heading {
        font-size: 20px;
    }

    .fz-compare2__heading-sub {
        display: block;
        margin-top: 3px;
    }

    .fz-compare2__choice-card {
        padding: 20px 18px;
    }

    .fz-compare2__choice-title {
        font-size: 15px;
    }

    .fz-compare2__cta-title {
        font-size: 15px;
    }

    .fz-compare2__cta-sub {
        font-size: 13px;
    }

    .fz-compare2__header-badge {
        font-size: 12px;
        padding: 6px 14px;
        text-align: center;
    }

    .fz-compare2__legend {
        gap: 14px;
        justify-content: flex-start;
    }

    .fz-compare2__td {
        padding: 12px 10px;
    }

    .fz-compare2__factor-name {
        font-size: 12.5px;
    }

    .fz-compare2__cell-text {
        font-size: 12.5px;
    }
}

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

@media (prefers-reduced-motion: reduce) {
    .fz-compare2__badge-dot {
        animation: none;
    }

    .fz-compare2__choice-card,
    .fz-compare2__choice-btn,
    .fz-compare2__choice-arrow,
    .fz-compare2__choice-icon-wrap,
    .fz-compare2__choice-title,
    .fz-compare2__cta-btn,
    .fz-compare2__cta-arrow,
    .fz-compare2__row {
        transition: none;
    }

    .fz-compare2__choice-card:hover {
        transform: none;
    }

    .fz-compare2__choice-btn:hover {
        transform: none;
    }

    .fz-compare2__cta-btn:hover {
        transform: none;
    }

    .fz-compare2__cta-btn::before {
        display: none;
    }
}

/* ============================================
   PRINT STYLES
============================================ */

@media print {
    .fz-compare2 {
        padding: 24px 0;
        background: white;
    }

    .fz-compare2::before,
    .fz-compare2::after,
    .fz-compare2__cta-strip::before,
    .fz-compare2__cta-strip::after,
    .fz-compare2__choice-card::before {
        display: none;
    }

    .fz-compare2__col-headers {
        display: none;
    }

    .fz-compare2__thead {
        display: table-header-group;
        background: #1a3c8f;
    }

    .fz-compare2__th {
        color: white;
        font-size: 10px;
        padding: 8px;
        border-right: 1px solid rgba(255,255,255,0.2);
    }

    .fz-compare2__table-wrapper {
        border: 1px solid #ccc;
        box-shadow: none;
        border-top: 1px solid #ccc;
        border-radius: 4px;
    }

    .fz-compare2__choice-grid {
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }

    .fz-compare2__choice-card {
        box-shadow: none;
        border: 1px solid #ccc;
        break-inside: avoid;
    }

    .fz-compare2__choice-btn {
        background: white;
        color: black;
        border: 1px solid black;
        box-shadow: none;
    }

    .fz-compare2__cta-strip {
        background: white;
        border: 1px solid #ccc;
        box-shadow: none;
    }

    .fz-compare2__cta-title,
    .fz-compare2__cta-sub {
        color: black;
    }

    .fz-compare2__cta-btn {
        background: white;
        color: black;
        border: 1px solid black;
        box-shadow: none;
    }

    .fz-compare2__scroll-hint {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7af1dff *//* ============================================
   SECTION 12 — UAE RESIDENCE VISAS
   Security Hardened CSS

   SECURITY MEASURES APPLIED:
   01. All CSS variables scoped to .fz-visa
   02. Strict BEM — zero global namespace risk
   03. No external url() references anywhere
   04. All decoratives: pointer-events none
   05. isolation: isolate on section and cards
   06. contain: layout style on visa type cards
   07. overflow: hidden on all containers
   08. word-break and overflow-wrap on all text
   09. GPU-only animations (transform/opacity)
   10. No expression() or behavior properties
   11. No -moz-binding or legacy IE filters
   12. user-select: none on decorative elements
   13. z-index fully scoped within section
   14. No CSS injection via custom properties
   15. focus-visible for keyboard accessibility
   16. ARIA role table on custom table elements
   17. Quota dots purely decorative, aria-hidden
   18. Reduced motion media query applied
   19. Print stylesheet included
   20. CSP compatible — no eval-dependent CSS
============================================ */

/* --- Scoped Variables --- */
.fz-visa {
    --fzv-blue-dark:      #1a3c8f;
    --fzv-blue-medium:    #2150b8;
    --fzv-blue-light:     #e8eef8;
    --fzv-blue-pale:      #f0f4ff;
    --fzv-gold:           #c9a84c;
    --fzv-gold-dark:      #a8872e;
    --fzv-gold-light:     #f5e6c8;
    --fzv-gold-pale:      #fdf8ef;
    --fzv-green:          #16803c;
    --fzv-green-pale:     #f0fdf4;
    --fzv-green-light:    #dcfce7;
    --fzv-teal:           #0d7377;
    --fzv-teal-pale:      #f0fafa;
    --fzv-teal-light:     #e0f5f5;
    --fzv-purple:         #6c3fc5;
    --fzv-purple-pale:    #f7f4fe;
    --fzv-white:          #ffffff;
    --fzv-bg:             #f8f9fc;
    --fzv-bg-alt:         #f4f6fb;
    --fzv-text-dark:      #1a2340;
    --fzv-text-medium:    #4a5568;
    --fzv-text-light:     #718096;
    --fzv-border:         #e2e8f0;
    --fzv-border-gold:    rgba(201, 168, 76, 0.25);
    --fzv-border-blue:    rgba(26, 60, 143, 0.12);
    --fzv-shadow-sm:      0 2px 8px rgba(26, 60, 143, 0.07);
    --fzv-shadow-md:      0 6px 24px rgba(26, 60, 143, 0.10);
    --fzv-shadow-lg:      0 12px 40px rgba(26, 60, 143, 0.14);
    --fzv-shadow-card:    0 4px 20px rgba(26, 60, 143, 0.08);
    --fzv-radius-sm:      8px;
    --fzv-radius-md:      12px;
    --fzv-radius-lg:      18px;
    --fzv-radius-xl:      24px;
    --fzv-transition:     all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --fzv-transition-fast: all 0.18s ease;
}

/* ============================================
   BASE SECTION
============================================ */

.fz-visa {
    background-color: var(--fzv-bg);
    padding: 80px 0 88px;
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.fz-visa::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(
        90deg,
        var(--fzv-blue-dark) 0%,
        var(--fzv-gold) 50%,
        var(--fzv-blue-dark) 100%
    );
    pointer-events: none;
    z-index: 0;
}

.fz-visa::after {
    content: '';
    position: absolute;
    bottom: -80px;
    right: -80px;
    width: 380px;
    height: 380px;
    background: radial-gradient(
        circle,
        rgba(201, 168, 76, 0.04) 0%,
        transparent 70%
    );
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

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

.fz-visa__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 48px;
}

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

.fz-visa__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 18px;
    max-width: 820px;
    margin: 0 auto;
}

.fz-visa__header-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--fzv-blue-pale);
    border: 1px solid var(--fzv-border-blue);
    border-radius: 50px;
    padding: 7px 18px;
    font-size: 13px;
    font-weight: 600;
    color: var(--fzv-blue-dark);
    letter-spacing: 0.3px;
    user-select: none;
}

.fz-visa__badge-dot {
    width: 7px;
    height: 7px;
    background: linear-gradient(
        135deg,
        var(--fzv-blue-dark),
        var(--fzv-gold)
    );
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
    animation: fzvPulse 2.4s ease-in-out infinite;
}

@keyframes fzvPulse {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.35);
        opacity: 0.6;
    }
}

.fz-visa__heading {
    font-size: clamp(24px, 3vw, 38px);
    font-weight: 800;
    color: var(--fzv-text-dark);
    line-height: 1.2;
    margin: 0;
    letter-spacing: -0.4px;
    overflow-wrap: break-word;
    word-break: break-word;
}

.fz-visa__heading-line {
    width: 72px;
    height: 4px;
    background: linear-gradient(
        90deg,
        var(--fzv-blue-dark),
        var(--fzv-gold)
    );
    border-radius: 4px;
    pointer-events: none;
}

.fz-visa__heading-desc {
    font-size: 16px;
    line-height: 1.85;
    color: var(--fzv-text-medium);
    margin: 0;
    overflow-wrap: break-word;
    word-break: break-word;
}

/* ============================================
   MAIN LAYOUT
============================================ */

.fz-visa__layout {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 36px;
    align-items: start;
}

/* ============================================
   LEFT COLUMN — VISA TYPES
============================================ */

.fz-visa__left {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.fz-visa__types-header {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 24px;
}

.fz-visa__types-title {
    font-size: clamp(18px, 2.2vw, 24px);
    font-weight: 700;
    color: var(--fzv-text-dark);
    margin: 0;
    line-height: 1.3;
}

.fz-visa__types-line {
    width: 48px;
    height: 3px;
    background: linear-gradient(
        90deg,
        var(--fzv-blue-dark),
        var(--fzv-gold)
    );
    border-radius: 3px;
    pointer-events: none;
}

/* ============================================
   VISA TYPE CARDS GRID
============================================ */

.fz-visa__types-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

/* ============================================
   VISA TYPE CARD
============================================ */

.fz-visa__type-card {
    background: var(--fzv-white);
    border-radius: var(--fzv-radius-lg);
    border: 1px solid var(--fzv-border);
    box-shadow: var(--fzv-shadow-card);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: var(--fzv-transition);
    isolation: isolate;
    contain: layout style;
    position: relative;
}

.fz-visa__type-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    pointer-events: none;
}

.fz-visa__type-card--investor::before {
    background: linear-gradient(
        90deg,
        var(--fzv-blue-dark),
        var(--fzv-blue-medium)
    );
}

.fz-visa__type-card--employment::before {
    background: linear-gradient(
        90deg,
        var(--fzv-gold),
        var(--fzv-gold-dark)
    );
}

.fz-visa__type-card--dependent::before {
    background: linear-gradient(
        90deg,
        var(--fzv-teal),
        #0a9396
    );
}

.fz-visa__type-card:hover {
    transform: translateY(-6px);
    box-shadow: var(--fzv-shadow-lg);
    border-color: var(--fzv-border-gold);
}

/* Card Top */
.fz-visa__type-card-top {
    padding: 20px 18px 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}

/* Icon Wrap */
.fz-visa__type-icon-wrap {
    width: 50px;
    height: 50px;
    border-radius: var(--fzv-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: var(--fzv-transition-fast);
}

.fz-visa__type-icon-wrap--investor {
    background: linear-gradient(
        135deg,
        var(--fzv-blue-pale),
        var(--fzv-blue-light)
    );
    border: 1px solid var(--fzv-border-blue);
}

.fz-visa__type-icon-wrap--employment {
    background: linear-gradient(
        135deg,
        var(--fzv-gold-pale),
        var(--fzv-gold-light)
    );
    border: 1px solid var(--fzv-border-gold);
}

.fz-visa__type-icon-wrap--dependent {
    background: linear-gradient(
        135deg,
        var(--fzv-teal-pale),
        var(--fzv-teal-light)
    );
    border: 1px solid rgba(13, 115, 119, 0.18);
}

.fz-visa__type-card--investor:hover .fz-visa__type-icon-wrap--investor {
    background: linear-gradient(
        135deg,
        var(--fzv-blue-dark),
        var(--fzv-blue-medium)
    );
    border-color: transparent;
}

.fz-visa__type-card--employment:hover .fz-visa__type-icon-wrap--employment {
    background: linear-gradient(
        135deg,
        var(--fzv-gold),
        var(--fzv-gold-dark)
    );
    border-color: transparent;
}

.fz-visa__type-card--dependent:hover .fz-visa__type-icon-wrap--dependent {
    background: linear-gradient(
        135deg,
        var(--fzv-teal),
        #0a9396
    );
    border-color: transparent;
}

.fz-visa__type-icon {
    font-size: 22px;
    display: block;
    line-height: 1;
}

/* Type badges */
.fz-visa__type-badge {
    display: inline-flex;
    align-items: center;
    font-size: 10px;
    font-weight: 700;
    border-radius: 50px;
    padding: 4px 10px;
    white-space: nowrap;
    letter-spacing: 0.3px;
    user-select: none;
    flex-shrink: 0;
}

.fz-visa__type-badge--investor {
    background: var(--fzv-blue-pale);
    color: var(--fzv-blue-dark);
    border: 1px solid var(--fzv-border-blue);
}

.fz-visa__type-badge--employment {
    background: var(--fzv-gold-pale);
    color: var(--fzv-gold-dark);
    border: 1px solid var(--fzv-border-gold);
}

.fz-visa__type-badge--dependent {
    background: var(--fzv-teal-pale);
    color: var(--fzv-teal);
    border: 1px solid rgba(13, 115, 119, 0.18);
}

/* Card Body */
.fz-visa__type-body {
    padding: 14px 18px;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* H4 Title */
.fz-visa__type-title {
    font-size: 15px;
    font-weight: 700;
    color: var(--fzv-text-dark);
    margin: 0;
    line-height: 1.35;
    overflow-wrap: break-word;
    transition: var(--fzv-transition-fast);
}

.fz-visa__type-card--investor:hover .fz-visa__type-title {
    color: var(--fzv-blue-dark);
}

.fz-visa__type-card--employment:hover .fz-visa__type-title {
    color: var(--fzv-gold-dark);
}

.fz-visa__type-card--dependent:hover .fz-visa__type-title {
    color: var(--fzv-teal);
}

/* Description */
.fz-visa__type-desc {
    font-size: 13px;
    line-height: 1.75;
    color: var(--fzv-text-medium);
    margin: 0;
    overflow-wrap: break-word;
    word-break: break-word;
}

/* Perks list */
.fz-visa__type-perks {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 7px;
    border-top: 1px solid var(--fzv-border);
    padding-top: 10px;
}

.fz-visa__perk-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12.5px;
    color: var(--fzv-text-medium);
    list-style: none;
}

/* CSS check marks */
.fz-visa__perk-check {
    width: 17px;
    height: 17px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    background: linear-gradient(
        135deg,
        var(--fzv-blue-dark),
        var(--fzv-blue-medium)
    );
}

.fz-visa__perk-check--gold {
    background: linear-gradient(
        135deg,
        var(--fzv-gold),
        var(--fzv-gold-dark)
    );
}

.fz-visa__perk-check--teal {
    background: linear-gradient(
        135deg,
        var(--fzv-teal),
        #0a9396
    );
}

.fz-visa__perk-check::after {
    content: '';
    width: 4px;
    height: 7px;
    border: 2px solid var(--fzv-white);
    border-top: none;
    border-left: none;
    transform: rotate(45deg) translateY(-1px);
    display: block;
    pointer-events: none;
}

/* Card Footer */
.fz-visa__type-footer {
    padding: 10px 18px 14px;
    border-top: 1px solid var(--fzv-border);
    background: var(--fzv-bg);
}

.fz-visa__type-meta {
    display: flex;
    align-items: center;
    gap: 6px;
}

.fz-visa__meta-label {
    font-size: 11px;
    font-weight: 700;
    color: var(--fzv-text-light);
    text-transform: uppercase;
    letter-spacing: 0.4px;
    user-select: none;
}

.fz-visa__meta-value {
    font-size: 12px;
    font-weight: 600;
    color: var(--fzv-text-dark);
    overflow-wrap: break-word;
}

/* ============================================
   RIGHT COLUMN
============================================ */

.fz-visa__right {
    display: flex;
    flex-direction: column;
    gap: 18px;
    position: sticky;
    top: 24px;
}

/* ============================================
   ALLOCATION TABLE CARD
============================================ */

.fz-visa__allocation {
    background: var(--fzv-white);
    border-radius: var(--fzv-radius-lg);
    border: 1px solid var(--fzv-border);
    box-shadow: var(--fzv-shadow-card);
    overflow: hidden;
    isolation: isolate;
}

.fz-visa__allocation-header {
    background: linear-gradient(
        135deg,
        var(--fzv-blue-dark),
        var(--fzv-blue-medium)
    );
    padding: 18px 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.fz-visa__allocation-header-icon {
    font-size: 20px;
    display: block;
    flex-shrink: 0;
    line-height: 1;
}

.fz-visa__allocation-title {
    font-size: 15px;
    font-weight: 700;
    color: var(--fzv-white);
    margin: 0;
    line-height: 1.3;
    overflow-wrap: break-word;
}

/* ============================================
   CUSTOM ALLOC TABLE
============================================ */

.fz-visa__alloc-table {
    display: flex;
    flex-direction: column;
}

.fz-visa__alloc-head {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: var(--fzv-bg-alt);
    border-bottom: 1px solid var(--fzv-border);
}

.fz-visa__alloc-th {
    padding: 9px 14px;
    font-size: 10px;
    font-weight: 700;
    color: var(--fzv-text-light);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    user-select: none;
}

.fz-visa__alloc-th--visa {
    border-left: 1px solid var(--fzv-border);
}

/* Table Rows */
.fz-visa__alloc-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-bottom: 1px solid var(--fzv-border);
    transition: var(--fzv-transition-fast);
    align-items: center;
}

.fz-visa__alloc-row:nth-child(even) {
    background: var(--fzv-bg);
}

.fz-visa__alloc-row:hover {
    background: var(--fzv-blue-pale);
}

.fz-visa__alloc-row--featured {
    background: linear-gradient(
        90deg,
        var(--fzv-gold-pale),
        rgba(253, 248, 239, 0.5)
    );
}

.fz-visa__alloc-row--featured:hover {
    background: var(--fzv-gold-light);
}

.fz-visa__alloc-row--last {
    border-bottom: none;
}

/* Office cell */
.fz-visa__alloc-office {
    padding: 12px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-right: 1px solid var(--fzv-border);
}

.fz-visa__office-icon-wrap {
    width: 32px;
    height: 32px;
    border-radius: var(--fzv-radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: var(--fzv-transition-fast);
}

.fz-visa__office-icon-wrap--virtual {
    background: var(--fzv-blue-pale);
    border: 1px solid var(--fzv-border-blue);
}

.fz-visa__office-icon-wrap--flexi {
    background: var(--fzv-green-pale);
    border: 1px solid rgba(22, 128, 60, 0.18);
}

.fz-visa__office-icon-wrap--dedicated {
    background: var(--fzv-teal-pale);
    border: 1px solid rgba(13, 115, 119, 0.18);
}

.fz-visa__office-icon-wrap--private {
    background: var(--fzv-gold-pale);
    border: 1px solid var(--fzv-border-gold);
}

.fz-visa__office-icon-wrap--large {
    background: var(--fzv-blue-pale);
    border: 1px solid var(--fzv-border-blue);
}

.fz-visa__alloc-row:hover .fz-visa__office-icon-wrap {
    background: linear-gradient(
        135deg,
        var(--fzv-blue-dark),
        var(--fzv-blue-medium)
    );
    border-color: transparent;
}

.fz-visa__office-icon {
    font-size: 14px;
    display: block;
    line-height: 1;
}

.fz-visa__office-name {
    font-size: 13px;
    font-weight: 600;
    color: var(--fzv-text-dark);
    overflow-wrap: break-word;
    transition: var(--fzv-transition-fast);
}

.fz-visa__alloc-row:hover .fz-visa__office-name {
    color: var(--fzv-blue-dark);
}

/* Visa allocation cell */
.fz-visa__alloc-visa {
    padding: 12px 14px;
}

.fz-visa__quota-bar {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.fz-visa__quota-dots {
    display: flex;
    align-items: center;
    gap: 4px;
}

/* Quota dot — empty */
.fz-visa__quota-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
    background: var(--fzv-border);
    pointer-events: none;
    user-select: none;
}

/* Filled — default blue */
.fz-visa__quota-dot--filled {
    background: var(--fzv-blue-medium);
    box-shadow: 0 1px 3px rgba(33, 80, 184, 0.2);
}

/* Gold variant */
.fz-visa__quota-dot--gold {
    background: linear-gradient(
        135deg,
        var(--fzv-gold),
        var(--fzv-gold-dark)
    );
    box-shadow: 0 1px 3px rgba(201, 168, 76, 0.3);
}

/* Blue variant */
.fz-visa__quota-dot--blue {
    background: linear-gradient(
        135deg,
        var(--fzv-blue-dark),
        var(--fzv-blue-medium)
    );
    box-shadow: 0 1px 3px rgba(26, 60, 143, 0.25);
}

/* Plus indicator on last dot */
.fz-visa__quota-dot--plus {
    position: relative;
}

.fz-visa__quota-dot--plus::after {
    content: '+';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 8px;
    font-weight: 800;
    color: var(--fzv-white);
    line-height: 1;
    pointer-events: none;
    user-select: none;
}

.fz-visa__quota-text {
    font-size: 12px;
    font-weight: 600;
    color: var(--fzv-text-medium);
    white-space: nowrap;
    transition: var(--fzv-transition-fast);
}

.fz-visa__alloc-row:hover .fz-visa__quota-text {
    color: var(--fzv-blue-dark);
}

/* Allocation note */
.fz-visa__alloc-note {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 12px 16px;
    background: var(--fzv-bg-alt);
    border-top: 1px solid var(--fzv-border);
}

.fz-visa__alloc-note-icon {
    font-size: 13px;
    color: var(--fzv-blue-dark);
    font-weight: 700;
    font-style: normal;
    flex-shrink: 0;
    display: inline-block;
    pointer-events: none;
    user-select: none;
    padding-top: 1px;
}

.fz-visa__alloc-note-text {
    font-size: 11.5px;
    color: var(--fzv-text-light);
    line-height: 1.6;
    margin: 0;
    overflow-wrap: break-word;
}

/* ============================================
   UPGRADE PANEL
============================================ */

.fz-visa__upgrade-panel {
    background: linear-gradient(
        160deg,
        var(--fzv-blue-dark) 0%,
        var(--fzv-blue-medium) 100%
    );
    border-radius: var(--fzv-radius-xl);
    overflow: hidden;
    box-shadow: var(--fzv-shadow-lg);
    position: relative;
    isolation: isolate;
}

.fz-visa__upgrade-panel::before {
    content: '';
    position: absolute;
    top: -40px;
    right: -40px;
    width: 160px;
    height: 160px;
    background: rgba(201, 168, 76, 0.08);
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

.fz-visa__upgrade-panel::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 120px;
    height: 120px;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

.fz-visa__upgrade-inner {
    padding: 24px 22px;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.fz-visa__upgrade-top {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.fz-visa__upgrade-icon {
    font-size: 28px;
    display: block;
    flex-shrink: 0;
    line-height: 1;
}

.fz-visa__upgrade-text {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
}

.fz-visa__upgrade-title {
    font-size: 17px;
    font-weight: 800;
    color: var(--fzv-white);
    margin: 0;
    line-height: 1.3;
    overflow-wrap: break-word;
}

.fz-visa__upgrade-desc {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.7;
    margin: 0;
    overflow-wrap: break-word;
    word-break: break-word;
}

/* Upgrade button */
.fz-visa__upgrade-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: linear-gradient(
        135deg,
        var(--fzv-gold) 0%,
        var(--fzv-gold-dark) 100%
    );
    color: var(--fzv-white);
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    padding: 14px 20px;
    border-radius: var(--fzv-radius-sm);
    width: 100%;
    text-align: center;
    letter-spacing: 0.2px;
    box-shadow: 0 4px 14px rgba(201, 168, 76, 0.4);
    transition: var(--fzv-transition);
    position: relative;
    overflow: hidden;
    text-decoration: none !important;
}

/* Shimmer — CSS only */
.fz-visa__upgrade-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.14),
        transparent
    );
    transition: left 0.5s ease;
    pointer-events: none;
}

.fz-visa__upgrade-btn:hover::before {
    left: 100%;
}

.fz-visa__upgrade-btn:hover {
    background: linear-gradient(
        135deg,
        var(--fzv-gold-dark) 0%,
        var(--fzv-gold) 100%
    );
    box-shadow: 0 6px 22px rgba(201, 168, 76, 0.55);
    transform: translateY(-2px);
    color: var(--fzv-white);
}

.fz-visa__upgrade-btn:active {
    transform: translateY(0);
}

.fz-visa__upgrade-btn:focus-visible {
    outline: 3px solid var(--fzv-white);
    outline-offset: 3px;
}

.fz-visa__upgrade-arrow {
    font-size: 16px;
    display: inline-block;
    transition: transform 0.25s ease;
    flex-shrink: 0;
}

.fz-visa__upgrade-btn:hover .fz-visa__upgrade-arrow {
    transform: translateX(5px);
}

/* Assurance items */
.fz-visa__upgrade-assurance {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.fz-visa__assurance-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12.5px;
    color: rgba(255, 255, 255, 0.82);
    font-weight: 500;
}

.fz-visa__assurance-dot {
    width: 6px;
    height: 6px;
    background: var(--fzv-gold);
    border-radius: 50%;
    flex-shrink: 0;
    display: inline-block;
    pointer-events: none;
}

/* ============================================
   RESPONSIVE — LARGE TABLET (max 1100px)
============================================ */

@media (max-width: 1100px) {
    .fz-visa__layout {
        grid-template-columns: 1fr 340px;
        gap: 28px;
    }

    .fz-visa__types-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 14px;
    }
}

/* ============================================
   RESPONSIVE — TABLET (max 900px)
============================================ */

@media (max-width: 900px) {
    .fz-visa {
        padding: 60px 0 68px;
    }

    .fz-visa__container {
        gap: 40px;
    }

    .fz-visa__layout {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .fz-visa__right {
        position: static;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .fz-visa__types-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* ============================================
   RESPONSIVE — MOBILE (max 768px)
============================================ */

@media (max-width: 768px) {
    .fz-visa {
        padding: 48px 0 56px;
    }

    .fz-visa__container {
        padding: 0 16px;
        gap: 32px;
    }

    .fz-visa__right {
        grid-template-columns: 1fr;
    }

    .fz-visa__types-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .fz-visa__type-card:hover {
        transform: none;
    }

    .fz-visa__upgrade-btn:hover {
        transform: none;
    }
}

/* ============================================
   RESPONSIVE — SMALL MOBILE (max 480px)
============================================ */

@media (max-width: 480px) {
    .fz-visa__heading {
        font-size: 22px;
    }

    .fz-visa__header-badge {
        font-size: 12px;
        padding: 6px 14px;
    }

    .fz-visa__type-card-top {
        padding: 16px 16px 0;
    }

    .fz-visa__type-body {
        padding: 12px 16px;
    }

    .fz-visa__type-footer {
        padding: 8px 16px 12px;
    }

    .fz-visa__types-title {
        font-size: 18px;
    }

    .fz-visa__upgrade-inner {
        padding: 20px 18px;
    }

    .fz-visa__upgrade-title {
        font-size: 15px;
    }
}

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

@media (prefers-reduced-motion: reduce) {
    .fz-visa__badge-dot {
        animation: none;
    }

    .fz-visa__type-card,
    .fz-visa__type-icon-wrap,
    .fz-visa__type-title,
    .fz-visa__upgrade-btn,
    .fz-visa__upgrade-arrow,
    .fz-visa__alloc-row,
    .fz-visa__office-icon-wrap,
    .fz-visa__office-name,
    .fz-visa__quota-text {
        transition: none;
    }

    .fz-visa__type-card:hover {
        transform: none;
    }

    .fz-visa__upgrade-btn:hover {
        transform: none;
    }

    .fz-visa__upgrade-btn::before {
        display: none;
    }
}

/* ============================================
   PRINT STYLES
============================================ */

@media print {
    .fz-visa {
        padding: 24px 0;
        background: white;
    }

    .fz-visa::before,
    .fz-visa::after,
    .fz-visa__upgrade-panel::before,
    .fz-visa__upgrade-panel::after {
        display: none;
    }

    .fz-visa__layout {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .fz-visa__right {
        display: grid;
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .fz-visa__types-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .fz-visa__type-card {
        box-shadow: none;
        border: 1px solid #ccc;
        break-inside: avoid;
    }

    .fz-visa__allocation {
        box-shadow: none;
        border: 1px solid #ccc;
    }

    .fz-visa__upgrade-panel {
        background: white;
        border: 1px solid #ccc;
        box-shadow: none;
    }

    .fz-visa__upgrade-title,
    .fz-visa__upgrade-desc,
    .fz-visa__assurance-item {
        color: black;
    }

    .fz-visa__upgrade-btn {
        background: white;
        color: black;
        border: 1px solid black;
        box-shadow: none;
    }
}/* End custom CSS */